/* Generated by scripts/build-page-css.py; edit style.css, then rebuild. */
/*
Theme Name: ConfigUX Site
Theme URI: https://configux.com/
Author: ConfigUX
Description: Lightweight block theme for the multilingual ConfigUX website.
Version: 0.26.84
Requires at least: 6.5
Requires PHP: 8.1
Text Domain: configux-site
*/

:root {
	--cx-shadow-soft: 0 24px 70px rgba(11, 18, 32, 0.09);
	--cx-border: 1px solid rgba(11, 18, 32, 0.09);
}

.cx-roi-calculator {
	scroll-margin-top: 6rem;
	color: #fff;
	background:
		radial-gradient(circle at 82% 8%, rgba(55, 111, 248, 0.19), transparent 28rem),
		radial-gradient(circle at 15% 92%, rgba(88, 213, 181, 0.13), transparent 24rem),
		#07111e;
}

.cx-roi-calculator__header {
	display: grid;
	grid-template-columns: minmax(0, 1.1fr) minmax(18rem, 0.9fr);
	align-items: end;
	gap: clamp(2rem, 7vw, 7rem);
	margin-bottom: clamp(2rem, 5vw, 3.5rem);
}

.cx-roi-calculator .cx-kicker,
.cx-roi-calculator .cx-kicker span {
	color: var(--cx-premium-mint);
}

.cx-roi-calculator__header h2 {
	max-width: 13ch;
	margin: 0.9rem 0 0;
	font-size: clamp(3rem, 5.5vw, 5.5rem);
	line-height: 0.92;
	letter-spacing: -0.067em;
}

.cx-roi-calculator__header > p {
	margin: 0;
	color: #aebdcc;
	font-size: 1rem;
	line-height: 1.7;
}

.cx-roi-calculator__box {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(27rem, 0.95fr);
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 1.65rem;
	background: rgba(9, 24, 41, 0.9);
	box-shadow: 0 34px 90px rgba(0, 0, 0, 0.28);
}

.cx-roi-calculator__inputs {
	display: grid;
	gap: 2rem;
	margin: 0;
	padding: clamp(1.4rem, 4vw, 3rem);
}

.cx-roi-calculator__currency {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding-bottom: 1.3rem;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.cx-roi-calculator__currency label,
.cx-roi-calculator__slider label {
	color: #dce5ed;
	font-size: 0.78rem;
	font-weight: 750;
}

.cx-roi-calculator__currency select {
	min-width: 6.5rem;
	padding: 0.65rem 2.2rem 0.65rem 0.75rem;
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 0.65rem;
	color: #fff;
	background: #102238;
	font: inherit;
}

.cx-roi-calculator__currency select:focus-visible,
.cx-roi-calculator__slider input:focus-visible,
.cx-roi-calculator__assumptions summary:focus-visible {
	outline: 3px solid rgba(88, 213, 181, 0.52);
	outline-offset: 4px;
}

.cx-roi-calculator__slider > div {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 1rem;
	margin-bottom: 0.9rem;
}

.cx-roi-calculator__slider output {
	color: var(--cx-premium-mint);
	font-size: 0.88rem;
	font-weight: 800;
	white-space: nowrap;
}

.cx-roi-calculator__slider input[type="range"] {
	width: 100%;
	height: 0.42rem;
	margin: 0;
	appearance: none;
	-webkit-appearance: none;
	border-radius: 999px;
	background: linear-gradient(90deg, var(--cx-premium-blue) var(--cx-range-progress, 0%), rgba(255, 255, 255, 0.13) var(--cx-range-progress, 0%));
	cursor: pointer;
}

.cx-roi-calculator__slider input[type="range"]::-webkit-slider-thumb {
	width: 1.35rem;
	height: 1.35rem;
	appearance: none;
	-webkit-appearance: none;
	border: 3px solid #fff;
	border-radius: 50%;
	background: var(--cx-premium-blue);
	box-shadow: 0 0 0 0.35rem rgba(55, 111, 248, 0.2);
}

.cx-roi-calculator__slider input[type="range"]::-moz-range-thumb {
	width: 1.05rem;
	height: 1.05rem;
	border: 3px solid #fff;
	border-radius: 50%;
	background: var(--cx-premium-blue);
	box-shadow: 0 0 0 0.35rem rgba(55, 111, 248, 0.2);
}

.cx-roi-calculator__assumptions {
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.cx-roi-calculator__assumptions summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: 1.25rem 0 0;
	color: #dce5ed;
	cursor: pointer;
	font-size: 0.76rem;
	font-weight: 800;
	list-style: none;
}

.cx-roi-calculator__assumptions summary::-webkit-details-marker {
	display: none;
}

.cx-roi-calculator__assumptions summary span {
	display: grid;
	width: 1.8rem;
	height: 1.8rem;
	place-items: center;
	border: 1px solid rgba(255, 255, 255, 0.18);
	border-radius: 50%;
	color: var(--cx-premium-mint);
	transition: transform 180ms ease;
}

.cx-roi-calculator__assumptions[open] summary span {
	transform: rotate(45deg);
}

.cx-roi-calculator__assumption-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 2rem 1.5rem;
	padding-top: 2rem;
}

.cx-roi-calculator__results {
	display: flex;
	padding: clamp(1.4rem, 4vw, 3rem);
	border-left: 1px solid rgba(255, 255, 255, 0.12);
	flex-direction: column;
	background: rgba(5, 13, 23, 0.72);
}

.cx-roi-calculator__eyebrow,
.cx-roi-calculator__result > span {
	color: #91a3b5;
	font-size: 0.58rem;
	font-weight: 850;
	letter-spacing: 0.09em;
	text-transform: uppercase;
}

.cx-roi-calculator__result {
	padding: 1.8rem 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.cx-roi-calculator__result strong {
	display: block;
	margin: 0.7rem 0;
	color: var(--cx-premium-mint);
	font-size: clamp(2.4rem, 4vw, 4.25rem);
	line-height: 0.98;
	letter-spacing: -0.055em;
}

.cx-roi-calculator__result p,
.cx-roi-calculator__payback span,
.cx-roi-calculator__disclaimer {
	margin: 0;
	color: #91a3b5;
	font-size: 0.72rem;
	line-height: 1.6;
}

.cx-roi-calculator__payback {
	display: grid;
	gap: 0.4rem;
	padding: 1.5rem 0;
}

.cx-roi-calculator__payback strong {
	color: #fff;
	font-size: 1.1rem;
}

.cx-roi-calculator__results .cx-button {
	align-self: flex-start;
	margin-top: auto;
}

.cx-roi-calculator__disclaimer {
	margin-top: 1.2rem;
}

.cx-roi-calculator__disclaimer strong {
	color: #dce5ed;
}

@media (max-width: 980px) {
	.cx-pricing-hero .cx-page-hero__grid,
	.cx-roi-calculator__header,
	.cx-roi-calculator__box {
		grid-template-columns: 1fr;
	}

	.cx-roi-calculator__results {
		border-top: 1px solid rgba(255, 255, 255, 0.12);
		border-left: 0;
	}

	.cx-roi-calculator__results .cx-button {
		margin-top: 0.5rem;
	}
}

@media (max-width: 640px) {

	.cx-roi-calculator__assumption-grid {
		grid-template-columns: 1fr;
	}

	.cx-roi-calculator__slider > div {
		align-items: flex-start;
		flex-direction: column;
		gap: 0.4rem;
	}

	.cx-roi-calculator__result strong {
		font-size: clamp(2.25rem, 12vw, 3.3rem);
	}

	.cx-roi-calculator__results .cx-button {
		width: 100%;
		justify-content: center;
	}
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

body {
	overflow-x: hidden;
	padding-right: 0 !important;
	padding-left: 0 !important;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

a {
	text-underline-offset: 0.18em;
}

.cx-site-shell {
	min-height: 100vh;
}

.cx-legal-page {
	padding: clamp(4rem, 8vw, 7rem) 0;
	background: #fff;
}

.cx-legal-page__inner {
	display: grid;
	width: min(calc(100% - 2rem), 1180px);
	margin: 0 auto;
	grid-template-columns: minmax(0, 0.7fr) minmax(0, 1.3fr);
	gap: clamp(2.5rem, 7vw, 7rem);
}

.cx-legal-page__intro {
	position: sticky;
	top: 8rem;
	align-self: start;
}

.cx-legal-page__intro h1 {
	margin: 0.9rem 0 1rem;
	font-size: clamp(3rem, 6vw, 5.4rem);
	line-height: 0.95;
	letter-spacing: -0.065em;
}

.cx-legal-page__intro p,
.cx-legal-page__content p,
.cx-legal-page__content li {
	color: #56657a;
	line-height: 1.75;
}

.cx-legal-page__content {
	display: grid;
	gap: 1rem;
}

.cx-legal-page__content section {
	padding: clamp(1.4rem, 3vw, 2rem);
	border: 1px solid rgba(10, 18, 32, 0.09);
	border-radius: 1.2rem;
	background: #f8fafb;
}

.cx-legal-page__content h2 {
	margin: 0 0 0.8rem;
	font-size: clamp(1.35rem, 2.4vw, 2rem);
	letter-spacing: -0.035em;
}

.cx-legal-page__content p:last-child,
.cx-legal-page__content ul:last-child {
	margin-bottom: 0;
}

.cx-legal-draft {
	padding: 0.8rem 1rem;
	border-radius: 0.8rem;
	background: #fff4d6;
	color: #6a4b00 !important;
	font-size: 0.86rem;
	font-weight: 700;
}

.cx-cookie-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.9rem;
}

.cx-cookie-table th,
.cx-cookie-table td {
	padding: 0.8rem;
	border-bottom: 1px solid rgba(10, 18, 32, 0.1);
	text-align: left;
	vertical-align: top;
}

.cx-footer-privacy-button {
	padding: 0;
	color: inherit;
	font: inherit;
	background: none;
	border: 0;
	cursor: pointer;
	text-decoration: underline;
	text-underline-offset: 0.18em;
}

@media (max-width: 820px) {
	.cx-legal-page__inner {
		grid-template-columns: 1fr;
	}

	.cx-legal-page__intro {
		position: static;
	}
}

.cx-header {
	position: sticky;
	top: 0;
	z-index: 100;
	border-bottom: var(--cx-border);
	background: rgba(247, 248, 244, 0.92);
	backdrop-filter: blur(18px) saturate(150%);
	transition: box-shadow 180ms ease, background 180ms ease;
}

.cx-header.is-scrolled {
	background: rgba(247, 248, 244, 0.97);
	box-shadow: 0 10px 32px rgba(11, 18, 32, 0.06);
}

.cx-header__inner,
.cx-footer__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--wp--preset--spacing--40);
}

.cx-header .wp-block-site-title {
	margin: 0;
	font-size: 1.35rem;
	font-weight: 750;
	letter-spacing: -0.04em;
}

.cx-header .wp-block-site-title a {
	text-decoration: none;
}

.cx-brand {
	display: inline-flex;
	align-items: center;
	gap: 0.65rem;
	color: var(--wp--preset--color--ink);
	text-decoration: none;
}

.cx-brand__image {
	display: block;
	width: 9rem;
	max-width: 100%;
	height: auto;
}

.cx-brand__mark {
	width: 1.9rem;
	height: 1.9rem;
	flex: 0 0 auto;
}

.cx-brand__word {
	font-size: 1.35rem;
	font-weight: 760;
	letter-spacing: -0.055em;
}

.cx-brand__word span {
	color: inherit;
}

.cx-language-switcher ul {
	display: flex;
	align-items: center;
	gap: 0.35rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.cx-language-switcher a,
.cx-language-switcher span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.5rem;
	min-height: 2.5rem;
	padding: 0.4rem 0.65rem;
	border-radius: 999px;
	color: var(--wp--preset--color--ink);
	font-size: 0.78rem;
	font-weight: 700;
	text-decoration: none;
	text-transform: uppercase;
}

.cx-language-switcher [aria-current="page"] {
	background: var(--wp--preset--color--ink);
	color: var(--wp--preset--color--paper);
}

.cx-hero {
	position: relative;
	overflow: hidden;
	padding-top: clamp(4rem, 10vw, 8.5rem) !important;
	padding-bottom: clamp(4rem, 9vw, 7.5rem) !important;
}

.cx-hero::before {
	position: absolute;
	top: -10rem;
	right: -8rem;
	width: 28rem;
	height: 28rem;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(47, 107, 255, 0.14), rgba(0, 168, 132, 0.04) 52%, transparent 72%);
	content: "";
	pointer-events: none;
}

.cx-eyebrow {
	color: var(--wp--preset--color--mint);
	font-size: 0.78rem;
	font-weight: 750;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.cx-hero h1 {
	max-width: 12ch;
	margin-top: 0.8rem;
	letter-spacing: -0.055em;
}

.cx-hero__lead {
	max-width: 39rem;
	color: var(--wp--preset--color--slate);
}

.cx-config-card {
	position: relative;
	padding: clamp(1.25rem, 3vw, 2rem) !important;
	border: var(--cx-border);
	border-radius: 1.5rem;
	background: var(--wp--preset--color--white);
	box-shadow: var(--cx-shadow-soft);
}

.cx-config-card__stage {
	display: grid;
	min-height: 21rem;
	place-items: center;
	border-radius: 1rem;
	background: linear-gradient(145deg, #f2f5f4, #e8f5f0);
}

.cx-product-shape {
	width: min(70%, 15rem);
	aspect-ratio: 1.18;
	border-radius: 46% 46% 18% 18%;
	background: linear-gradient(145deg, #c9ddd8, #7ca59c);
	box-shadow: 0 1.25rem 2.5rem rgba(11, 18, 32, 0.16);
	transform: perspective(600px) rotateY(-10deg);
}

.cx-swatch-row {
	display: flex;
	gap: 0.55rem;
	margin-top: 0.8rem;
}

.cx-swatch {
	width: 2rem;
	height: 2rem;
	border: 2px solid var(--wp--preset--color--white);
	border-radius: 50%;
	box-shadow: 0 0 0 1px rgba(11, 18, 32, 0.14);
}

.cx-swatch--active {
	box-shadow: 0 0 0 2px var(--wp--preset--color--blue);
}

.cx-benefits {
	padding-top: clamp(4rem, 8vw, 7rem) !important;
	padding-bottom: clamp(4rem, 8vw, 7rem) !important;
}

.cx-benefit-card {
	height: 100%;
	padding: clamp(1.35rem, 3vw, 2rem) !important;
	border: var(--cx-border);
	border-radius: 1.25rem;
	background: var(--wp--preset--color--white);
}

.cx-step {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 50%;
	background: var(--wp--preset--color--soft-mint);
	color: var(--wp--preset--color--ink);
	font-weight: 750;
}

.cx-cta {
	margin-top: clamp(3rem, 7vw, 6rem) !important;
	margin-bottom: clamp(3rem, 7vw, 6rem) !important;
	padding: clamp(2rem, 6vw, 4.5rem) !important;
	border-radius: 1.75rem;
	background: var(--wp--preset--color--ink);
	color: var(--wp--preset--color--paper);
}

.cx-cta h2 {
	max-width: 15ch;
	color: inherit;
	letter-spacing: -0.045em;
}

.cx-footer {
	border-top: var(--cx-border);
}

.cx-footer p {
	margin: 0;
}

@media (max-width: 900px) {
	.cx-header .wp-block-navigation {
		order: 3;
	}

	.cx-header__inner {
		flex-wrap: wrap;
	}

	.cx-hero .wp-block-columns,
	.cx-benefits .wp-block-columns {
		gap: 2rem;
	}
}

@media (max-width: 600px) {
	.cx-header__inner,
	.cx-footer__inner {
		align-items: flex-start;
	}

	.cx-header .wp-block-buttons {
		display: none;
	}

	.cx-hero .wp-block-columns {
		flex-wrap: wrap !important;
	}

	.cx-hero .wp-block-column {
		flex-basis: 100% !important;
		min-width: 0;
	}

	.cx-hero__lead,
	.cx-config-card {
		width: 100%;
		max-width: 100%;
	}

	.cx-hero__lead {
		overflow-wrap: anywhere;
	}

	.cx-hero .wp-block-buttons {
		flex-wrap: wrap;
	}

	.cx-config-card__stage {
		min-height: 15rem;
	}

	.cx-cta {
		border-radius: 1.25rem;
	}
}

/* ConfigUX homepage v1. */
.cx-home {
	--cx-container: 1180px;
	--cx-radius-lg: 2rem;
	--cx-radius-md: 1.35rem;
	--cx-line: rgba(11, 18, 32, 0.1);
	color: var(--wp--preset--color--ink);
}

.cx-home img {
	display: block;
	max-width: 100%;
}

.cx-container {
	width: min(calc(100% - 2rem), var(--cx-container, 1180px));
	margin-right: auto;
	margin-left: auto;
}

.cx-section {
	padding: clamp(5rem, 9vw, 8.5rem) 0;
}

.cx-kicker {
	display: inline-flex;
	align-items: center;
	gap: 0.6rem;
	margin-bottom: 1.2rem;
	color: #008f72;
	font-size: 0.75rem;
	font-weight: 780;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.cx-kicker > span {
	display: inline-block;
	width: 0.55rem;
	height: 0.55rem;
	border-radius: 50%;
	background: #32d89b;
	box-shadow: 0 0 0 0.28rem rgba(50, 216, 155, 0.18);
}

.cx-kicker--light {
	color: #83f1ca;
}

.cx-section-heading {
	max-width: 48rem;
	margin-bottom: clamp(2.5rem, 5vw, 4rem);
}

.cx-section-heading--center {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

.cx-section-heading h2,
.cx-showcase h2,
.cx-outcomes h2,
.cx-final-cta h2 {
	margin: 0;
	font-size: clamp(2.4rem, 5.4vw, 4.9rem);
	line-height: 0.98;
	letter-spacing: -0.06em;
}

.cx-section-heading p,
.cx-showcase__copy > p,
.cx-outcomes__copy > p,
.cx-final-cta p {
	max-width: 42rem;
	margin: 1.35rem 0 0;
	color: var(--wp--preset--color--slate);
	font-size: clamp(1.05rem, 1.5vw, 1.25rem);
	line-height: 1.65;
}

.cx-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.55rem;
	min-height: 3.25rem;
	padding: 0.8rem 1.3rem;
	border: 1px solid transparent;
	border-radius: 999px;
	font-size: 0.96rem;
	font-weight: 720;
	line-height: 1;
	text-decoration: none;
	transition: transform 160ms ease, box-shadow 160ms ease, background 160ms ease;
}

.cx-button:hover {
	transform: translateY(-2px);
}

.cx-button--primary {
	background: #2f6bff;
	box-shadow: 0 12px 26px rgba(47, 107, 255, 0.22);
	color: #fff;
}

.cx-button--primary:hover {
	background: #1959f4;
	color: #fff;
}

.cx-button--secondary {
	border-color: rgba(11, 18, 32, 0.22);
	background: rgba(255, 255, 255, 0.64);
	color: var(--wp--preset--color--ink);
}

.cx-button--light {
	background: #fff;
	color: var(--wp--preset--color--ink);
}

.cx-button--mint {
	background: #32d89b;
	box-shadow: 0 14px 30px rgba(50, 216, 155, 0.2);
	color: #071813;
}

.cx-home-hero {
	position: relative;
	overflow: hidden;
	padding: clamp(5.5rem, 10vw, 9rem) 0 clamp(4.5rem, 8vw, 7rem);
	background:
		radial-gradient(circle at 82% 18%, rgba(47, 107, 255, 0.14), transparent 26rem),
		radial-gradient(circle at 68% 68%, rgba(50, 216, 155, 0.11), transparent 24rem),
		#f7f8f4;
}

.cx-home-hero::after {
	position: absolute;
	top: 4rem;
	right: -5rem;
	width: 32rem;
	height: 32rem;
	border: 1px solid rgba(47, 107, 255, 0.1);
	border-radius: 50%;
	content: "";
	pointer-events: none;
}

.cx-home-hero__grid {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(0, 0.86fr) minmax(34rem, 1.14fr);
	align-items: center;
	gap: clamp(3rem, 6vw, 6.5rem);
}

.cx-home-hero__copy {
	max-width: 42rem;
}

.cx-home-hero h1 {
	max-width: 11ch;
	margin: 0;
	font-size: clamp(3.6rem, 6.2vw, 6.15rem);
	font-weight: 760;
	line-height: 0.92;
	letter-spacing: -0.075em;
}

.cx-home-hero h1 em {
	color: #2f6bff;
	font-style: normal;
}

.cx-home-hero__lead {
	max-width: 38rem;
	margin: 1.7rem 0 0;
	color: var(--wp--preset--color--slate);
	font-size: clamp(1.1rem, 1.65vw, 1.35rem);
	line-height: 1.65;
}

.cx-home-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.8rem;
	margin-top: 2rem;
}

.cx-home-hero__proof {
	display: flex;
	flex-wrap: wrap;
	gap: 0.55rem 1.15rem;
	margin-top: 1.65rem;
	color: #536173;
	font-size: 0.82rem;
	font-weight: 620;
}

.cx-home-hero__proof span::first-letter {
	color: #008f72;
}

.cx-product-demo {
	position: relative;
	border: 1px solid rgba(11, 18, 32, 0.09);
	border-radius: 1.7rem;
	background: rgba(255, 255, 255, 0.92);
	box-shadow: 0 35px 90px rgba(11, 18, 32, 0.13), 0 5px 18px rgba(11, 18, 32, 0.06);
	backdrop-filter: blur(16px);
}

.cx-product-demo::before {
	position: absolute;
	inset: -1.25rem;
	z-index: -1;
	border: 1px solid rgba(47, 107, 255, 0.09);
	border-radius: 2.25rem;
	content: "";
}

.cx-product-demo__topbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: 1rem 1.15rem;
	border-bottom: 1px solid var(--cx-line);
	font-size: 0.78rem;
}

.cx-product-demo__topbar > div {
	display: flex;
	align-items: center;
	gap: 0.55rem;
}

.cx-product-demo__dot {
	display: inline-block;
	width: 0.55rem;
	height: 0.55rem;
	border-radius: 50%;
	background: #32d89b;
	box-shadow: 0 0 0 0.24rem rgba(50, 216, 155, 0.17);
}

.cx-product-demo__live {
	padding: 0.35rem 0.65rem;
	border-radius: 999px;
	background: #e8faf4;
	color: #08775f;
	font-weight: 700;
}

.cx-product-demo__body {
	display: grid;
	grid-template-columns: minmax(0, 1.3fr) minmax(13.5rem, 0.7fr);
	min-height: 34rem;
}

.cx-product-demo__visual {
	position: relative;
	display: grid;
	overflow: hidden;
	place-items: center;
	min-width: 0;
	padding: 1rem;
	border-radius: 0 0 0 1.7rem;
	background: linear-gradient(145deg, #f1f5f2, #e4f0ec);
	transition: background 240ms ease;
}

.cx-product-demo__visual[data-tone="sand"] {
	background: linear-gradient(145deg, #f5f1e9, #e9dfd0);
}

.cx-product-demo__visual[data-tone="blue"] {
	background: linear-gradient(145deg, #edf3f6, #d8e5eb);
}

.cx-product-demo__visual[data-tone="graphite"] {
	background: linear-gradient(145deg, #e8edef, #ccd5d9);
}

.cx-product-demo__visual img {
	width: 100%;
	height: auto;
	border-radius: 1rem;
	mix-blend-mode: multiply;
	transition: filter 240ms ease, transform 240ms ease;
}

.cx-product-demo__visual[data-tone="sand"] img {
	filter: sepia(0.18) saturate(0.85) hue-rotate(350deg);
}

.cx-product-demo__visual[data-tone="blue"] img {
	filter: hue-rotate(115deg) saturate(0.72);
}

.cx-product-demo__visual[data-tone="graphite"] img {
	filter: grayscale(0.76) contrast(1.04);
}

.cx-product-demo__rotate {
	position: absolute;
	bottom: 1rem;
	left: 1rem;
	padding: 0.42rem 0.65rem;
	border: 1px solid rgba(11, 18, 32, 0.08);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.8);
	color: #536173;
	font-size: 0.7rem;
	font-weight: 650;
	backdrop-filter: blur(8px);
}

.cx-product-demo__update {
	position: absolute;
	top: 1rem;
	left: 50%;
	padding: 0.5rem 0.8rem;
	border-radius: 999px;
	background: #0b1220;
	color: #fff;
	font-size: 0.7rem;
	font-weight: 700;
	opacity: 0;
	transform: translate(-50%, -0.5rem);
	transition: opacity 160ms ease, transform 160ms ease;
}

.cx-product-demo__update.is-visible {
	opacity: 1;
	transform: translate(-50%, 0);
}

.cx-product-demo__controls {
	display: flex;
	flex-direction: column;
	min-width: 0;
	padding: 1rem;
	border-left: 1px solid var(--cx-line);
}

.cx-product-demo__steps {
	display: grid;
	gap: 0.35rem;
}

.cx-product-demo__steps button {
	display: flex;
	align-items: center;
	gap: 0.65rem;
	width: 100%;
	padding: 0.72rem;
	border: 0;
	border-radius: 0.75rem;
	background: transparent;
	color: #586678;
	font: inherit;
	font-size: 0.76rem;
	font-weight: 650;
	text-align: left;
	cursor: pointer;
}

.cx-product-demo__steps button span {
	color: #93a0ae;
	font-size: 0.65rem;
}

.cx-product-demo__steps button.is-active {
	background: #edf2ff;
	color: #224fae;
}

.cx-product-demo__option {
	margin-top: 1rem;
	padding-top: 1rem;
	border-top: 1px solid var(--cx-line);
}

.cx-product-demo__option > div:first-child,
.cx-product-demo__summary > div {
	display: grid;
	gap: 0.15rem;
}

.cx-product-demo__option span,
.cx-product-demo__summary span {
	color: #748092;
	font-size: 0.68rem;
}

.cx-product-demo__option strong,
.cx-product-demo__summary strong {
	font-size: 0.82rem;
}

.cx-product-demo__swatches {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin-top: 0.8rem;
}

.cx-product-demo__swatches button {
	width: 1.65rem;
	height: 1.65rem;
	padding: 0;
	border: 3px solid #fff;
	border-radius: 50%;
	background: var(--swatch);
	box-shadow: 0 0 0 1px rgba(11, 18, 32, 0.16);
	cursor: pointer;
}

.cx-product-demo__swatches button.is-active {
	box-shadow: 0 0 0 2px #2f6bff;
}

.cx-product-demo__summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;
	margin-top: auto;
	padding-top: 1rem;
	border-top: 1px solid var(--cx-line);
}

.cx-product-demo__summary button {
	padding: 0.62rem 0.72rem;
	border: 0;
	border-radius: 0.65rem;
	background: #2f6bff;
	color: #fff;
	font: inherit;
	font-size: 0.7rem;
	font-weight: 720;
}

.cx-trust-strip {
	border-top: 1px solid var(--cx-line);
	border-bottom: 1px solid var(--cx-line);
	background: #fff;
}

.cx-trust-strip .cx-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2rem;
	padding-top: 1.65rem;
	padding-bottom: 1.65rem;
}

.cx-trust-strip .cx-container > span {
	color: #748092;
	font-size: 0.72rem;
	font-weight: 750;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.cx-trust-strip .cx-container > div {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 1.75rem;
}

.cx-trust-strip strong {
	color: #526174;
	font-size: 0.86rem;
	letter-spacing: -0.02em;
}

.cx-problem {
	background: #fff;
}

.cx-problem__grid,
.cx-process__grid,
.cx-solutions__grid,
.cx-pricing__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1rem;
}

.cx-problem__grid article {
	min-height: 20rem;
	padding: clamp(1.5rem, 3vw, 2.25rem);
	border: 1px solid var(--cx-line);
	border-radius: var(--cx-radius-md);
	background: #f9faf7;
}

.cx-card-icon,
.cx-process__number {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 0.8rem;
	background: #d9f7ec;
	color: #07745f;
	font-size: 0.72rem;
	font-weight: 780;
}

.cx-problem__grid h3,
.cx-process__grid h3,
.cx-solutions__grid h3,
.cx-outcomes__list h3 {
	margin: 4rem 0 0.75rem;
	font-size: 1.5rem;
	letter-spacing: -0.04em;
}

.cx-problem__grid p,
.cx-process__grid p,
.cx-solutions__grid p,
.cx-outcomes__list p {
	margin: 0;
	color: #647184;
	line-height: 1.65;
}

.cx-process {
	background: #f2f5f1;
}

.cx-process__grid article {
	position: relative;
	padding: 1rem 1rem 2rem;
	border: 1px solid var(--cx-line);
	border-radius: var(--cx-radius-md);
	background: #fff;
}

.cx-process__visual {
	position: relative;
	display: grid;
	place-items: center;
	min-height: 14rem;
	margin-bottom: 1.5rem;
	border-radius: 1rem;
	background: linear-gradient(145deg, #f1f5f3, #e8f4f0);
}

.cx-process__visual > i {
	position: absolute;
	width: 7rem;
	height: 7rem;
	border: 1px dashed #74cdb2;
	border-radius: 50%;
}

.cx-node {
	position: absolute;
	z-index: 1;
	padding: 0.45rem 0.65rem;
	border: 1px solid rgba(11, 18, 32, 0.08);
	border-radius: 0.65rem;
	background: #fff;
	box-shadow: 0 8px 25px rgba(11, 18, 32, 0.08);
	font-size: 0.7rem;
	font-weight: 700;
}

.cx-node--a { top: 2.2rem; left: 2.5rem; }
.cx-node--b { top: 5.9rem; right: 2rem; }
.cx-node--c { bottom: 2.2rem; left: 4rem; }

.cx-process__visual--flow {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.45rem;
}

.cx-process__visual--flow b {
	display: grid;
	z-index: 1;
	width: 2.3rem;
	height: 2.3rem;
	place-items: center;
	border: 1px solid rgba(11, 18, 32, 0.08);
	border-radius: 50%;
	background: #fff;
	font-size: 0.72rem;
}

.cx-process__visual--flow i {
	position: static;
	width: 1.7rem;
	height: 1px;
	border: 0;
	border-top: 1px dashed #65bfa5;
	border-radius: 0;
}

.cx-process__visual--publish {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.75rem;
}

.cx-process__visual--publish span {
	display: grid;
	width: 3.5rem;
	height: 3.5rem;
	place-items: center;
	border-radius: 1rem;
	background: #fff;
	box-shadow: 0 10px 28px rgba(11, 18, 32, 0.08);
	color: #2f6bff;
	font-size: 0.75rem;
	font-weight: 800;
}

.cx-process__grid h3 {
	margin-top: 1rem;
}

.cx-showcase {
	position: relative;
	overflow: hidden;
	background: #09111f;
	color: #fff;
}

.cx-showcase::before {
	position: absolute;
	top: -15rem;
	left: 48%;
	width: 38rem;
	height: 38rem;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(47, 107, 255, 0.34), transparent 68%);
	content: "";
}

.cx-showcase__grid {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 0.78fr) minmax(36rem, 1.22fr);
	align-items: center;
	gap: clamp(3rem, 7vw, 7rem);
}

.cx-showcase__copy > p {
	color: #a9b7c8;
}

.cx-showcase__copy ul {
	display: grid;
	gap: 0.8rem;
	margin: 2rem 0;
	padding: 0;
	list-style: none;
}

.cx-showcase__copy li {
	position: relative;
	padding-left: 1.65rem;
	color: #dce5ee;
}

.cx-showcase__copy li::before {
	position: absolute;
	top: 0.5rem;
	left: 0;
	width: 0.55rem;
	height: 0.55rem;
	border-radius: 50%;
	background: #32d89b;
	content: "";
}

.cx-showcase__copy a,
.cx-solutions__grid a {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	color: inherit;
	font-weight: 720;
	text-decoration: none;
}

.cx-builder-ui {
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 1.4rem;
	background: #f7f9fb;
	box-shadow: 0 40px 100px rgba(0, 0, 0, 0.35);
	color: #111827;
	transform: perspective(1200px) rotateY(-3deg) rotateX(1deg);
}

.cx-builder-ui__bar {
	display: flex;
	align-items: center;
	gap: 0.35rem;
	min-height: 2.8rem;
	padding: 0 0.85rem;
	border-bottom: 1px solid #e4e9ee;
	background: #fff;
}

.cx-builder-ui__bar > span {
	width: 0.55rem;
	height: 0.55rem;
	border-radius: 50%;
	background: #dce2e8;
}

.cx-builder-ui__bar strong {
	margin-left: 0.5rem;
	font-size: 0.72rem;
}

.cx-builder-ui__bar em {
	margin-left: auto;
	padding: 0.35rem 0.65rem;
	border-radius: 0.5rem;
	background: #2f6bff;
	color: #fff;
	font-size: 0.62rem;
	font-style: normal;
	font-weight: 700;
}

.cx-builder-ui__body {
	display: grid;
	grid-template-columns: 8.5rem minmax(16rem, 1fr) 10.5rem;
	min-height: 29rem;
}

.cx-builder-ui aside,
.cx-builder-ui__panel {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	padding: 1rem 0.75rem;
	background: #fff;
}

.cx-builder-ui aside {
	border-right: 1px solid #e4e9ee;
}

.cx-builder-ui aside strong,
.cx-builder-ui__panel > strong {
	margin-bottom: 0.5rem;
	font-size: 0.68rem;
}

.cx-builder-ui aside button {
	padding: 0.55rem;
	border: 0;
	border-radius: 0.5rem;
	background: transparent;
	color: #687587;
	font-size: 0.6rem;
	text-align: left;
}

.cx-builder-ui aside button.is-active {
	background: #edf2ff;
	color: #2855bd;
	font-weight: 700;
}

.cx-builder-ui aside small {
	margin-top: 0.5rem;
	color: #2f6bff;
	font-size: 0.6rem;
}

.cx-builder-ui__canvas {
	position: relative;
	display: grid;
	place-items: center;
	background-image: radial-gradient(#ced5dd 0.7px, transparent 0.7px);
	background-size: 14px 14px;
}

.cx-builder-ui__badge {
	position: absolute;
	top: 0.75rem;
	left: 0.75rem;
	padding: 0.3rem 0.5rem;
	border-radius: 999px;
	background: #fff;
	box-shadow: 0 6px 16px rgba(11, 18, 32, 0.08);
	color: #5f6c7e;
	font-size: 0.55rem;
	font-weight: 700;
}

.cx-builder-ui__shape {
	position: relative;
	width: 9rem;
	height: 7rem;
	border-radius: 3.5rem 3.5rem 1.4rem 1.4rem;
	background: linear-gradient(145deg, #c8dad5, #7fa99f);
	box-shadow: 0 22px 35px rgba(11, 18, 32, 0.2);
}

.cx-builder-ui__shape i {
	position: absolute;
	right: 0.8rem;
	bottom: -2rem;
	left: 0.8rem;
	height: 2.3rem;
	border-right: 0.35rem solid #1f2b32;
	border-left: 0.35rem solid #1f2b32;
}

.cx-builder-ui__choice {
	position: absolute;
	right: 1rem;
	bottom: 3rem;
	left: 1rem;
	display: flex;
	align-items: center;
	gap: 0.45rem;
	padding: 0.55rem;
	border: 1px solid #e2e7eb;
	border-radius: 0.65rem;
	background: #fff;
}

.cx-builder-ui__choice b {
	margin-right: auto;
	font-size: 0.55rem;
}

.cx-builder-ui__choice span {
	width: 1.15rem;
	height: 1.15rem;
	border-radius: 50%;
	background: #93aa9f;
}

.cx-builder-ui__choice span:nth-of-type(2) { background: #c9b69b; }
.cx-builder-ui__choice span:nth-of-type(3) { background: #26333d; }

.cx-builder-ui__panel {
	border-left: 1px solid #e4e9ee;
}

.cx-builder-ui__panel label {
	display: grid;
	gap: 0.25rem;
	color: #748092;
	font-size: 0.55rem;
}

.cx-builder-ui__panel input,
.cx-builder-ui__panel select {
	width: 100%;
	padding: 0.45rem;
	border: 1px solid #dce2e8;
	border-radius: 0.4rem;
	background: #fff;
	color: #253040;
	font-size: 0.56rem;
}

.cx-builder-ui__panel .cx-toggle {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;
	padding: 0.4rem 0;
}

.cx-toggle i {
	position: relative;
	width: 1.5rem;
	height: 0.85rem;
	border-radius: 999px;
	background: #2f6bff;
}

.cx-toggle i::after {
	position: absolute;
	top: 0.13rem;
	right: 0.13rem;
	width: 0.58rem;
	height: 0.58rem;
	border-radius: 50%;
	background: #fff;
	content: "";
}

.cx-solutions {
	background: #fff;
}

.cx-solutions__grid article {
	position: relative;
	min-height: 28rem;
	padding: clamp(1.5rem, 3vw, 2.2rem);
	border: 1px solid var(--cx-line);
	border-radius: var(--cx-radius-md);
	background: #f7f8f4;
}

.cx-solution-badge,
.cx-pricing__label {
	display: inline-flex;
	padding: 0.4rem 0.65rem;
	border-radius: 999px;
	background: #fff;
	color: #667487;
	font-size: 0.68rem;
	font-weight: 720;
}

.cx-solution-logo {
	display: grid;
	width: 4.2rem;
	height: 4.2rem;
	margin-top: 3rem;
	place-items: center;
	border-radius: 1.25rem;
	background: #eaf0ff;
	color: #2f6bff;
	font-size: 1.4rem;
	font-weight: 850;
}

.cx-solution-logo--shopify {
	background: #e6f7ed;
	color: #087b4b;
}

.cx-solution-logo--enterprise {
	background: rgba(255, 255, 255, 0.12);
	color: #7cf0c9;
}

.cx-solutions__grid h3 {
	margin-top: 1.5rem;
	font-size: 2rem;
}

.cx-solutions__grid p {
	min-height: 7.8rem;
}

.cx-solutions__grid a {
	margin-top: 2rem;
	color: #2f6bff;
}

.cx-solutions__grid .cx-solutions__enterprise {
	border-color: #111c2e;
	background: #0d1727;
	color: #fff;
}

.cx-solutions__enterprise .cx-solution-badge {
	background: rgba(255, 255, 255, 0.1);
	color: #c8d3df;
}

.cx-solutions__enterprise p {
	color: #aebbc9;
}

.cx-solutions__enterprise a {
	color: #7cf0c9;
}

.cx-outcomes {
	background: #eff4f1;
}

.cx-outcomes__grid {
	display: grid;
	grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
	align-items: start;
	gap: clamp(3rem, 7vw, 7rem);
}

.cx-outcomes__copy {
	position: sticky;
	top: 8rem;
}

.cx-outcomes__copy .cx-button {
	margin-top: 2rem;
}

.cx-outcomes__list {
	display: grid;
	gap: 0.8rem;
}

.cx-outcomes__list article {
	display: grid;
	grid-template-columns: 2.5rem 1fr;
	gap: 1rem;
	padding: 1.5rem;
	border: 1px solid var(--cx-line);
	border-radius: 1rem;
	background: rgba(255, 255, 255, 0.78);
}

.cx-outcomes__list article > span {
	display: grid;
	width: 2.3rem;
	height: 2.3rem;
	place-items: center;
	border-radius: 50%;
	background: #cef4e6;
	color: #08765f;
	font-weight: 800;
}

.cx-outcomes__list h3 {
	margin: 0 0 0.4rem;
	font-size: 1.25rem;
}

.cx-price {
	display: flex;
	flex-wrap: nowrap;
	align-items: baseline;
	gap: 0.4rem;
	min-height: 4.5rem;
	margin-top: 0.75rem;
	white-space: nowrap;
}

.cx-price strong {
	font-size: clamp(2rem, 3vw, 2.75rem);
	letter-spacing: -0.055em;
}

.cx-price span {
	color: #6f7c8e;
	font-size: 0.72rem;
}

.cx-premium-plan-preview__grid--early-access a.is-coming-soon {
	background: #eef0f2;
	color: #18202b;
}

.cx-premium-plan-preview__grid--early-access a.is-coming-soon small {
	color: #687384;
}

.cx-faq {
	background: #f3f5f1;
}

.cx-faq__grid {
	display: grid;
	grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
	align-items: start;
	gap: clamp(3rem, 7vw, 7rem);
}

.cx-faq__items {
	border-top: 1px solid rgba(11, 18, 32, 0.14);
}

.cx-faq details {
	border-bottom: 1px solid rgba(11, 18, 32, 0.14);
}

.cx-faq summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: 1.35rem 0;
	font-size: 1rem;
	font-weight: 720;
	cursor: pointer;
	list-style: none;
}

.cx-faq summary::-webkit-details-marker {
	display: none;
}

.cx-faq summary span {
	font-size: 1.3rem;
	font-weight: 400;
	transition: transform 160ms ease;
}

.cx-faq details[open] summary span {
	transform: rotate(45deg);
}

.cx-faq details p {
	max-width: 42rem;
	margin: -0.45rem 0 1.35rem;
	color: #667487;
	line-height: 1.65;
}

.cx-final-cta {
	padding: 0 0 clamp(4rem, 8vw, 7rem);
	background: #f3f5f1;
}

.cx-final-cta__inner {
	display: grid;
	grid-template-columns: minmax(0, 1.25fr) minmax(15rem, 0.75fr);
	align-items: end;
	gap: 3rem;
	padding: clamp(2.2rem, 6vw, 5rem);
	border-radius: var(--cx-radius-lg);
	background:
		radial-gradient(circle at 90% 0%, rgba(47, 107, 255, 0.4), transparent 23rem),
		#0b1423;
	color: #fff;
}

.cx-final-cta p {
	color: #afbdca;
}

.cx-final-cta__inner > div:last-child {
	display: grid;
	justify-items: start;
	gap: 0.75rem;
}

.cx-final-cta small {
	color: #9aa9b8;
	font-size: 0.68rem;
}

.cx-footer {
	padding: clamp(3.5rem, 7vw, 6rem) 0 2rem;
	border-top: 0;
	background: #08111e;
	color: #dce5ee;
}

.cx-footer__grid {
	display: grid;
	grid-template-columns: minmax(15rem, 1.7fr) repeat(3, minmax(8rem, 0.7fr));
	gap: 2rem;
}

.cx-footer .cx-brand {
	color: #fff;
}

.cx-footer .cx-brand__image {
	width: 9.75rem;
}

.cx-footer__brand p {
	max-width: 25rem;
	margin: 1.2rem 0;
	color: #95a4b4;
	font-size: 0.86rem;
	line-height: 1.65;
}

.cx-footer__trust {
	color: #6f8193;
	font-size: 0.68rem;
	font-weight: 650;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.cx-footer__grid > div:not(.cx-footer__brand) {
	display: grid;
	align-content: start;
	gap: 0.7rem;
}

.cx-footer__grid strong {
	margin-bottom: 0.35rem;
	color: #fff;
	font-size: 0.78rem;
}

.cx-footer__grid a {
	color: #91a0b0;
	font-size: 0.78rem;
	text-decoration: none;
}

.cx-footer__grid a:hover {
	color: #fff;
}

.cx-footer__bottom {
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	margin-top: 4rem;
	padding-top: 1.25rem;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	color: #708092;
	font-size: 0.68rem;
}

@media (max-width: 1100px) {
	.cx-header__inner {
		flex-wrap: nowrap;
	}

	.cx-header .wp-block-buttons {
		display: none;
	}

	.cx-header .wp-block-navigation {
		order: 0;
		margin-left: auto;
	}

	.cx-home-hero__grid,
	.cx-showcase__grid {
		grid-template-columns: 1fr;
	}

	.cx-home-hero__copy {
		max-width: 48rem;
	}

	.cx-home-hero h1 {
		max-width: 12ch;
	}

	.cx-product-demo {
		max-width: 52rem;
	}

	.cx-showcase__copy {
		max-width: 44rem;
	}

	.cx-builder-ui {
		transform: none;
	}
}

@media (max-width: 820px) {
	.cx-header__inner {
		gap: 0.75rem;
	}

	.cx-home-hero__grid {
		gap: 3rem;
	}

	.cx-product-demo__body {
		grid-template-columns: 1fr;
	}

	.cx-product-demo__visual {
		min-height: 27rem;
		border-radius: 0;
	}

	.cx-product-demo__visual img {
		max-width: 32rem;
	}

	.cx-product-demo__controls {
		border-top: 1px solid var(--cx-line);
		border-left: 0;
	}

	.cx-product-demo__steps {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.cx-product-demo__steps button {
		justify-content: center;
		padding: 0.6rem 0.4rem;
	}

	.cx-product-demo__summary {
		margin-top: 1rem;
	}

	.cx-trust-strip .cx-container {
		align-items: flex-start;
		flex-direction: column;
	}

	.cx-trust-strip .cx-container > div {
		justify-content: flex-start;
	}

	.cx-problem__grid,
	.cx-process__grid,
	.cx-solutions__grid {
		grid-template-columns: 1fr;
	}

	.cx-problem__grid article {
		min-height: auto;
	}

	.cx-problem__grid h3 {
		margin-top: 2.5rem;
	}

	.cx-process__grid {
		grid-template-columns: repeat(3, minmax(17rem, 1fr));
		overflow-x: auto;
		scroll-snap-type: x mandatory;
	}

	.cx-process__grid article {
		scroll-snap-align: start;
	}

	.cx-builder-ui__body {
		grid-template-columns: 7rem minmax(15rem, 1fr);
	}

	.cx-builder-ui__panel {
		display: none;
	}

	.cx-outcomes__grid,
	.cx-faq__grid {
		grid-template-columns: 1fr;
	}

	.cx-outcomes__copy {
		position: static;
	}

	.cx-final-cta__inner {
		grid-template-columns: 1fr;
		align-items: start;
	}

	.cx-footer__grid {
		grid-template-columns: 1.5fr 1fr 1fr;
	}

	.cx-footer__brand {
		grid-column: 1 / -1;
	}
}

@media (max-width: 600px) {
	.cx-container {
		width: min(calc(100% - 2rem), var(--cx-container, 1180px));
	}

	.cx-section {
		padding: 4.5rem 0;
	}

	.cx-brand__mark {
		width: 1.65rem;
		height: 1.65rem;
	}

	.cx-brand__word {
		font-size: 1.2rem;
	}

	.cx-header .cx-brand {
		order: 1;
	}

	.cx-header .cx-brand__image {
		width: 7.75rem;
	}

	.cx-header .cx-language-switcher {
		order: 2;
		margin-left: auto;
	}

	.cx-header .wp-block-navigation {
		order: 3;
		margin-left: 0;
	}

	.cx-header .cx-language-switcher a,
	.cx-header .cx-language-switcher span {
		min-width: 2rem;
		min-height: 2rem;
		padding: 0.25rem 0.45rem;
		font-size: 0.68rem;
	}

	.cx-home-hero {
		padding-top: 4rem;
	}

	.cx-home-hero h1 {
		font-size: clamp(3rem, 15vw, 4.4rem);
	}

	.cx-home-hero__lead {
		font-size: 1.05rem;
	}

	.cx-home-hero__proof {
		display: grid;
	}

	.cx-product-demo::before {
		display: none;
	}

	.cx-product-demo__topbar {
		align-items: flex-start;
		flex-direction: column;
	}

	.cx-product-demo__visual {
		min-height: 20rem;
	}

	.cx-product-demo__steps {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.cx-product-demo__steps button {
		justify-content: flex-start;
	}

	.cx-product-demo__summary {
		align-items: stretch;
		flex-direction: column;
	}

	.cx-product-demo__summary button {
		width: 100%;
	}

	.cx-trust-strip .cx-container > div {
		gap: 0.8rem 1.1rem;
	}

	.cx-section-heading h2,
	.cx-showcase h2,
	.cx-outcomes h2,
	.cx-final-cta h2 {
		font-size: clamp(2.3rem, 12vw, 3.6rem);
	}

	.cx-builder-ui {
		margin-right: -3.5rem;
	}

	.cx-builder-ui__body {
		grid-template-columns: 5.8rem minmax(14rem, 1fr);
		min-height: 24rem;
	}

	.cx-builder-ui aside {
		padding-right: 0.4rem;
		padding-left: 0.4rem;
	}

	.cx-footer__grid {
		grid-template-columns: 1fr 1fr;
	}

	.cx-footer__bottom {
		align-items: flex-start;
		flex-direction: column;
	}
}

/* Static website shell and media placeholders. */
.cx-media-placeholder {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 22rem;
	overflow: hidden;
	padding: 2rem;
	border: 1px dashed rgba(11, 18, 32, 0.24);
	border-radius: 1.4rem;
	background-color: #eef3f0;
	background-image: linear-gradient(rgba(11, 18, 32, 0.035) 1px, transparent 1px), linear-gradient(90deg, rgba(11, 18, 32, 0.035) 1px, transparent 1px);
	background-size: 28px 28px;
	color: #536173;
	text-align: center;
}

.cx-media-placeholder::before,
.cx-media-placeholder::after {
	position: absolute;
	content: "";
}

.cx-media-placeholder::before {
	width: 8rem;
	height: 6rem;
	border: 1px solid rgba(47, 107, 255, 0.2);
	border-radius: 2.5rem 2.5rem 1rem 1rem;
	background: rgba(47, 107, 255, 0.06);
}

.cx-media-placeholder::after {
	width: 13rem;
	height: 13rem;
	border: 1px solid rgba(50, 216, 155, 0.22);
	border-radius: 50%;
}

.cx-media-placeholder__content {
	position: relative;
	z-index: 1;
	display: grid;
	max-width: 19rem;
	justify-items: center;
	gap: 0.4rem;
	padding: 1rem 1.25rem;
	border: 1px solid rgba(11, 18, 32, 0.08);
	border-radius: 0.9rem;
	background: rgba(255, 255, 255, 0.88);
	box-shadow: 0 12px 32px rgba(11, 18, 32, 0.07);
	backdrop-filter: blur(8px);
}

.cx-media-placeholder__content span {
	color: #008f72;
	font-size: 0.62rem;
	font-weight: 780;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.cx-media-placeholder__content strong {
	font-size: 1rem;
	letter-spacing: -0.025em;
}

.cx-media-placeholder__content small {
	color: #7c8898;
	font-size: 0.7rem;
	line-height: 1.45;
}

.cx-media-placeholder--hero {
	min-height: 36rem;
	border-style: solid;
	background-color: #edf3f1;
}

.cx-media-placeholder--wide {
	min-height: 30rem;
}

.cx-media-placeholder--dark {
	border-color: rgba(255, 255, 255, 0.22);
	background-color: #111d2f;
	background-image: linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
	color: #fff;
}

.cx-media-placeholder--dark .cx-media-placeholder__content {
	border-color: rgba(255, 255, 255, 0.12);
	background: rgba(8, 17, 30, 0.88);
}

.cx-media-placeholder--dark .cx-media-placeholder__content small {
	color: #98a8b9;
}

.cx-home-shell .cx-home-hero__copy {
	max-width: 44rem;
}

.cx-home-shell .cx-home-hero h1 {
	max-width: 12ch;
}

.cx-shell-note {
	display: inline-flex;
	margin-top: 1rem;
	padding: 0.45rem 0.7rem;
	border: 1px solid rgba(11, 18, 32, 0.1);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.72);
	color: #718093;
	font-size: 0.7rem;
	font-weight: 650;
}

.cx-shell-steps {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1rem;
}

.cx-shell-steps article,
.cx-shell-cards article {
	padding: clamp(1.4rem, 3vw, 2rem);
	border: 1px solid var(--cx-line);
	border-radius: 1.2rem;
	background: #fff;
}

.cx-shell-steps .cx-media-placeholder {
	min-height: 11rem;
	margin-bottom: 1.4rem;
	border-radius: 0.9rem;
}

.cx-shell-steps h3,
.cx-shell-cards h3 {
	margin: 1rem 0 0.6rem;
	font-size: 1.35rem;
	letter-spacing: -0.035em;
}

.cx-shell-steps p,
.cx-shell-cards p {
	margin: 0;
	color: #647184;
	line-height: 1.65;
}

.cx-page-shell {
	background: #fff;
}

.cx-page-hero {
	padding: clamp(5.5rem, 10vw, 9rem) 0 clamp(4.5rem, 8vw, 7rem);
	background: radial-gradient(circle at 82% 18%, rgba(47, 107, 255, 0.12), transparent 26rem), #f7f8f4;
}

.cx-page-hero__grid {
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(30rem, 1.1fr);
	align-items: center;
	gap: clamp(3rem, 7vw, 7rem);
}

.cx-page-hero h1 {
	max-width: 11ch;
	margin: 0;
	font-size: clamp(3.4rem, 6.5vw, 6rem);
	line-height: 0.94;
	letter-spacing: -0.07em;
}

.cx-page-hero h1 em {
	color: #2f6bff;
	font-style: normal;
}

.cx-page-hero__lead {
	max-width: 39rem;
	margin: 1.5rem 0 0;
	color: #5c6b7e;
	font-size: clamp(1.08rem, 1.6vw, 1.3rem);
	line-height: 1.65;
}

.cx-page-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.8rem;
	margin-top: 2rem;
}

.cx-page-section {
	padding: clamp(4.5rem, 8vw, 7rem) 0;
}

.cx-page-section--soft {
	background: #f2f5f1;
}

.cx-page-section--dark {
	background: #091320;
	color: #fff;
}

.cx-page-section--dark .cx-section-heading p {
	color: #a7b5c4;
}

.cx-page-split {
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
	align-items: center;
	gap: clamp(3rem, 7vw, 7rem);
}

.cx-contact-page {
	padding-top: clamp(4rem, 8vw, 7rem);
}

.cx-contact-layout {
	align-items: start;
}

.cx-contact-layout > div {
	min-width: 0;
}

.cx-contact-layout .cx-section-heading {
	position: sticky;
	top: 7rem;
}

.cx-contact-layout .cx-section-heading h1 {
	margin: 0 0 1.25rem;
	font-size: clamp(3rem, 6vw, 5.4rem);
	line-height: .95;
	letter-spacing: -.065em;
}

.cx-contact-layout .cx-section-heading h1 em {
	color: var(--wp--preset--color--signal-blue);
	font-style: normal;
}

.cx-contact-points {
	display: grid;
	gap: .9rem;
	margin: 2rem 0;
}

.cx-contact-points article {
	display: grid;
	grid-template-columns: 34px 1fr;
	gap: .85rem;
	padding-top: .9rem;
	border-top: 1px solid rgba(10, 18, 32, .1);
}

.cx-contact-points article > span {
	color: #1e9c7a;
	font-size: .75rem;
	font-weight: 800;
}

.cx-contact-points h2,
.cx-contact-points h3,
.cx-contact-points p {
	margin: 0;
}

.cx-contact-points h2,
.cx-contact-points h3 {
	font-size: 1rem;
	line-height: 1.35;
	letter-spacing: -0.02em;
}

.cx-contact-points p {
	margin-top: .25rem;
	color: #627086;
	font-size: .92rem;
	line-height: 1.55;
}

@media (max-width: 980px) {
	.cx-contact-layout .cx-section-heading {
		position: static;
	}
}

.cx-shell-cards {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1rem;
}

.cx-shell-cards article > span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.4rem;
	height: 2.4rem;
	border-radius: 0.75rem;
	background: #d9f7ec;
	color: #07745f;
	font-size: 0.7rem;
	font-weight: 780;
}

.cx-page-cta {
	padding: clamp(4rem, 8vw, 7rem) 0;
	background: #f2f5f1;
}

.cx-page-cta__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2rem;
	padding: clamp(2rem, 5vw, 4rem);
	border-radius: 1.6rem;
	background: #0b1524;
	color: #fff;
}

.cx-page-cta h2 {
	max-width: 15ch;
	margin: 0;
	font-size: clamp(2.2rem, 4.5vw, 4rem);
	letter-spacing: -0.055em;
}

.cx-page-cta p {
	max-width: 38rem;
	margin: 1rem 0 0;
	color: #aab8c6;
}

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

	.cx-page-hero__grid .cx-media-placeholder {
		max-width: 52rem;
	}
}

@media (max-width: 720px) {
	.cx-shell-steps,
	.cx-shell-cards {
		grid-template-columns: 1fr;
	}

	.cx-media-placeholder--hero {
		min-height: 23rem;
	}

	.cx-page-hero h1 {
		font-size: clamp(3rem, 15vw, 4.5rem);
	}

	.cx-page-cta__inner {
		align-items: flex-start;
		flex-direction: column;
	}
}

/* Book a Demo page with the ConfigUX Booking plugin. */
.cx-booking-page {
	background: #fff;
}

.cx-booking-hero {
	padding: clamp(4.5rem, 8vw, 7.5rem) 0 clamp(5rem, 9vw, 8rem);
	background: radial-gradient(circle at 88% 12%, rgba(47, 107, 255, 0.13), transparent 28rem), #f2f6fb;
}

.cx-booking-layout {
	display: grid !important;
	width: min(calc(100% - 2rem), var(--cx-container, 1180px));
	margin-right: auto !important;
	margin-left: auto !important;
	grid-template-columns: minmax(0, 0.92fr) minmax(30rem, 1.08fr);
	align-items: start !important;
	gap: clamp(3rem, 7vw, 7rem) !important;
}

.cx-booking-copy {
	padding-top: clamp(1.375rem, 4vw, 2.25rem);
}

.cx-booking-copy h1 {
	max-width: 12ch;
	margin: 0 0 1.5rem;
	font-size: clamp(3.5rem, 6vw, 5.7rem);
	line-height: 0.96;
	letter-spacing: -0.07em;
}

.cx-booking-copy h1 em {
	color: #2f6bff;
	font-style: normal;
}

.cx-booking-copy__lead {
	max-width: 41rem;
	margin: 0 0 2rem;
	color: #617086;
	font-size: clamp(1rem, 1.4vw, 1.18rem);
	line-height: 1.7;
}

.cx-booking-copy > strong {
	display: block;
	margin-bottom: 0.9rem;
}

.cx-booking-copy ul {
	display: grid;
	gap: 0.75rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.cx-booking-copy li {
	display: flex;
	align-items: flex-start;
	gap: 0.7rem;
	color: #435167;
}

.cx-booking-copy li span {
	display: inline-grid;
	width: 1.35rem;
	height: 1.35rem;
	flex: 0 0 auto;
	place-items: center;
	border-radius: 50%;
	background: #d9f7ec;
	color: #08735e;
	font-size: 0.7rem;
	font-weight: 800;
}

.cx-booking-facts {
	display: flex;
	flex-wrap: wrap;
	gap: 0.7rem;
	margin-top: 2rem;
	padding-top: 1.4rem;
	border-top: 1px solid rgba(11, 18, 32, 0.1);
}

.cx-booking-facts span {
	padding: 0.5rem 0.7rem;
	border: 1px solid rgba(11, 18, 32, 0.1);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.74);
	color: #68758a;
	font-size: 0.72rem;
}

.cx-booking-facts strong {
	color: #0b1220;
}

@media (max-width: 950px) {
	.cx-booking-layout {
		grid-template-columns: 1fr;
	}

	.cx-booking-copy h1 {
		max-width: 14ch;
	}
}

@media (max-width: 600px) {
	.cx-booking-hero {
		padding-top: 3.5rem;
		padding-right: 1rem;
		padding-left: 1rem;
	}

	.cx-booking-copy h1 {
		font-size: clamp(3rem, 14vw, 4.4rem);
	}
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}

	*,
	*::before,
	*::after {
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
	}
}

/* 3D Model Inspector - visual-first ConfigUX tool page */
.cx-tool-teaser {
	border-bottom: 1px solid rgba(11, 18, 32, 0.08);
	background: #fff;
}

.cx-tool-teaser__grid {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(20rem, 0.85fr);
	align-items: center;
	gap: clamp(2.5rem, 8vw, 7rem);
}

.cx-tool-teaser__visual {
	padding: clamp(1rem, 3vw, 2rem);
	border: 1px solid rgba(11, 18, 32, 0.08);
	border-radius: 1.7rem;
	background:
		linear-gradient(rgba(11, 18, 32, 0.035) 1px, transparent 1px),
		linear-gradient(90deg, rgba(11, 18, 32, 0.035) 1px, transparent 1px),
		linear-gradient(145deg, #eff7f4, #f7f8fb);
	background-size: 28px 28px;
}

.cx-tool-teaser__window {
	overflow: hidden;
	border: 1px solid rgba(11, 18, 32, 0.11);
	border-radius: 1.1rem;
	background: rgba(255, 255, 255, 0.92);
	box-shadow: 0 24px 55px rgba(11, 18, 32, 0.1);
}

.cx-tool-teaser__bar {
	display: flex;
	align-items: center;
	gap: 0.35rem;
	min-height: 2.6rem;
	padding: 0 0.8rem;
	border-bottom: 1px solid rgba(11, 18, 32, 0.08);
}

.cx-tool-teaser__bar > span {
	width: 0.45rem;
	height: 0.45rem;
	border-radius: 50%;
	background: #d9dee6;
}

.cx-tool-teaser__bar > span:nth-child(2) { background: #9db5f8; }
.cx-tool-teaser__bar > span:nth-child(3) { background: #86dfca; }
.cx-tool-teaser__bar small { margin-left: auto; color: #637086; font-size: 0.63rem; font-weight: 750; }

.cx-tool-teaser__stage {
	position: relative;
	display: grid;
	min-height: 19rem;
	place-items: center;
	background: radial-gradient(circle, rgba(55, 110, 248, 0.1), transparent 48%);
}

.cx-tool-teaser__cube {
	position: relative;
	width: 6.5rem;
	height: 6.5rem;
	transform: rotate(30deg) skewY(-15deg);
}

.cx-tool-teaser__cube i {
	position: absolute;
	inset: 0;
	border: 2px solid #376ef8;
	background: rgba(55, 110, 248, 0.05);
}

.cx-tool-teaser__cube i:nth-child(2) { border-color: #7657ee; transform: translate(1.4rem, -1.4rem); }
.cx-tool-teaser__cube i:nth-child(3) { border-color: #67d8bd; transform: translate(-1.4rem, 1.4rem); }

.cx-tool-teaser__pill {
	position: absolute;
	right: 1rem;
	top: 1rem;
	padding: 0.35rem 0.55rem;
	border-radius: 999px;
	background: #d9f7ec;
	color: #08735e;
	font-size: 0.62rem;
	font-weight: 800;
}

.cx-tool-teaser__metrics {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	border-top: 1px solid rgba(11, 18, 32, 0.08);
}

.cx-tool-teaser__metrics > span {
	display: grid;
	gap: 0.2rem;
	padding: 0.9rem;
	border-right: 1px solid rgba(11, 18, 32, 0.08);
}

.cx-tool-teaser__metrics > span:last-child { border-right: 0; }
.cx-tool-teaser__metrics small { color: #376ef8; font-size: 0.55rem; font-weight: 850; letter-spacing: 0.1em; }
.cx-tool-teaser__metrics strong { font-size: 0.9rem; }

.cx-tool-teaser__copy h2 {
	margin: 0.8rem 0 1rem;
	font-size: clamp(2.5rem, 5vw, 4.4rem);
	letter-spacing: -0.06em;
	line-height: 0.96;
}

.cx-tool-teaser__copy p { margin: 0 0 1.6rem; color: #5c697d; line-height: 1.65; }

.cx-tool-teaser__copy .cx-button { width: fit-content; }

.cx-model-demo-link,
.cx-text-button {
	min-height: 44px;
	padding: 0.5rem 0;
	border: 0;
	background: transparent;
	color: var(--cx-model-ink);
	font: inherit;
	font-size: 0.88rem;
	font-weight: 750;
	text-decoration: underline;
	text-underline-offset: 0.22em;
	cursor: pointer;
}

.cx-status-dot {
	width: 0.55rem;
	height: 0.55rem;
	border-radius: 50%;
	background: var(--cx-model-mint);
	box-shadow: 0 0 0 5px rgba(103, 216, 189, 0.17);
}

@media (max-width: 820px) {
	.cx-tool-teaser__grid { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
	.cx-tool-teaser__visual { padding: 0.7rem; border-radius: 1.1rem; }
	.cx-tool-teaser__stage { min-height: 15rem; }
	.cx-tool-teaser__metrics > span { padding: 0.7rem; }
	.cx-tool-teaser__copy .cx-button { width: 100%; }
}

/* ConfigUX premium visual system v0.5.0. */
:root {
	--cx-premium-ink: #091321;
	--cx-premium-slate: #5e6b7e;
	--cx-premium-paper: #f7f8f4;
	--cx-premium-soft: #edf3ef;
	--cx-premium-blue: #376ff8;
	--cx-premium-mint: #58d5b5;
	--cx-premium-line: rgba(9, 19, 33, 0.1);
	--cx-premium-shadow: 0 34px 90px rgba(9, 19, 33, 0.12);
}

.cx-header {
	border-color: rgba(9, 19, 33, 0.075);
	background: rgba(250, 251, 248, 0.86);
}

.cx-header.is-scrolled {
	background: rgba(250, 251, 248, 0.96);
	box-shadow: 0 16px 45px rgba(9, 19, 33, 0.075);
}

.cx-header__inner {
	min-height: 3.25rem;
}

.cx-header .wp-block-navigation-item__content {
	position: relative;
	font-size: 0.79rem;
	font-weight: 700;
	text-decoration: none;
}

.cx-header .wp-block-navigation-item__content::after {
	position: absolute;
	right: 0;
	bottom: -0.42rem;
	left: 0;
	height: 1px;
	background: var(--cx-premium-ink);
	content: "";
	transform: scaleX(0);
	transform-origin: right;
	transition: transform 180ms ease;
}

.cx-header .wp-block-navigation-item__content:hover::after,
.cx-header .wp-block-navigation-item__content:focus-visible::after {
	transform: scaleX(1);
	transform-origin: left;
}

.cx-header__utilities {
	gap: 0.65rem !important;
}

.cx-header__cta .wp-block-button__link {
	min-height: 2.8rem;
	padding: 0.7rem 1.15rem;
	box-shadow: 0 8px 22px rgba(9, 19, 33, 0.12);
	transition: transform 180ms ease, box-shadow 180ms ease;
}

.cx-header__cta .wp-block-button__link:hover {
	box-shadow: 0 12px 28px rgba(9, 19, 33, 0.17);
	transform: translateY(-2px);
}

.cx-premium-home,
.cx-premium-page {
	color: var(--cx-premium-ink);
	background: #fff;
}

.cx-premium-home h1,
.cx-premium-home h2,
.cx-premium-home h3,
.cx-premium-page h1,
.cx-premium-page h2,
.cx-premium-page h3 {
	text-wrap: balance;
}

.cx-premium-hero {
	position: relative;
	overflow: hidden;
	padding: clamp(4rem, 7.5vw, 7rem) 0 clamp(4.5rem, 8vw, 7rem);
	background:
		radial-gradient(circle at 88% 9%, rgba(55, 111, 248, 0.13), transparent 28rem),
		radial-gradient(circle at 66% 90%, rgba(88, 213, 181, 0.12), transparent 24rem),
		var(--cx-premium-paper);
}

.cx-premium-hero::before {
	position: absolute;
	top: 0;
	right: calc(50% - 48rem);
	width: 52rem;
	height: 52rem;
	border: 1px solid rgba(55, 111, 248, 0.07);
	border-radius: 50%;
	content: "";
	pointer-events: none;
}

.cx-premium-hero__grid {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(0, 0.76fr) minmax(36rem, 1.24fr);
	align-items: center;
	gap: clamp(3rem, 6vw, 6rem);
}

.cx-premium-hero__copy h1 {
	max-width: 8.8ch;
	margin: 1rem 0 1.3rem;
	font-size: clamp(4rem, 6.7vw, 6.7rem);
	line-height: 0.88;
	letter-spacing: -0.075em;
}

.cx-premium-hero__copy h1 em {
	color: var(--cx-premium-blue);
	font-style: normal;
}

.cx-premium-hero__lead {
	max-width: 34rem;
	margin: 0;
	color: var(--cx-premium-slate);
	font-size: clamp(1.08rem, 1.5vw, 1.28rem);
	line-height: 1.65;
}

.cx-premium-hero__actions {
	display: flex;
	align-items: center;
	gap: 1.15rem;
	margin-top: 2rem;
}

.cx-premium-text-link {
	display: inline-flex;
	align-items: center;
	min-height: 2.75rem;
	gap: 0.55rem;
	color: inherit;
	font-size: 0.9rem;
	font-weight: 800;
	text-decoration: none;
}

.cx-premium-text-link span {
	transition: transform 180ms ease;
}

.cx-premium-text-link:hover span {
	transform: translateX(0.3rem);
}

.cx-premium-hero__proof,
.cx-premium-page-hero__facts {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin-top: 2.25rem;
}

.cx-premium-hero__proof span,
.cx-premium-page-hero__facts span {
	padding: 0.55rem 0.72rem;
	border: 1px solid rgba(9, 19, 33, 0.09);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.62);
	color: #526075;
	font-size: 0.68rem;
	font-weight: 760;
}

.cx-product-console {
	overflow: hidden;
	border: 1px solid rgba(9, 19, 33, 0.11);
	border-radius: 1.65rem;
	background: rgba(255, 255, 255, 0.96);
	box-shadow: var(--cx-premium-shadow);
	transform: perspective(1400px) rotateY(-2deg) rotateX(1deg);
}

.cx-product-console__topbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 3.4rem;
	padding: 0 1.15rem;
	border-bottom: 1px solid var(--cx-premium-line);
}

.cx-product-console__topbar a {
	color: var(--cx-premium-ink);
	font-size: 0.84rem;
	font-weight: 850;
	letter-spacing: -0.04em;
	text-decoration: none;
}

.cx-product-console__topbar div {
	display: flex;
	gap: 0.32rem;
}

.cx-product-console__topbar div span {
	width: 0.48rem;
	height: 0.48rem;
	border-radius: 50%;
	background: #d9dfe6;
}

.cx-product-console__steps {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	padding: 0 1rem;
	border-bottom: 1px solid var(--cx-premium-line);
}

.cx-product-console__steps button {
	position: relative;
	min-height: 3.25rem;
	padding: 0.5rem;
	border: 0;
	color: #8a95a4;
	font: inherit;
	font-size: 0.69rem;
	font-weight: 760;
	background: transparent;
	cursor: pointer;
}

.cx-product-console__steps button span {
	margin-right: 0.35rem;
	font-size: 0.58rem;
}

.cx-product-console__steps button::after {
	position: absolute;
	right: 0.4rem;
	bottom: -1px;
	left: 0.4rem;
	height: 2px;
	background: transparent;
	content: "";
}

.cx-product-console__steps button.is-active {
	color: var(--cx-premium-ink);
}

.cx-product-console__steps button.is-active::after {
	background: var(--cx-premium-blue);
}

.cx-product-console__workspace {
	display: grid;
	grid-template-columns: minmax(0, 1.25fr) minmax(14rem, 0.75fr);
	min-height: 32rem;
}

.cx-product-console__stage {
	position: relative;
	display: grid;
	overflow: hidden;
	place-items: center;
	background:
		linear-gradient(rgba(9, 19, 33, 0.025) 1px, transparent 1px),
		linear-gradient(90deg, rgba(9, 19, 33, 0.025) 1px, transparent 1px),
		linear-gradient(145deg, #eef4f1, #f9faf8);
	background-size: 30px 30px;
}

.cx-product-console__stage::after {
	position: absolute;
	right: 16%;
	bottom: 9%;
	left: 16%;
	height: 12%;
	border-radius: 50%;
	background: rgba(9, 19, 33, 0.12);
	content: "";
	filter: blur(22px);
}

.cx-product-console__stage img {
	position: relative;
	z-index: 1;
	width: 92%;
	height: auto;
	mix-blend-mode: multiply;
	transition: filter 400ms ease, transform 400ms ease;
}

.cx-product-console__stage[data-tone="sand"] img { filter: sepia(0.34) saturate(0.75) hue-rotate(345deg) brightness(1.04); }
.cx-product-console__stage[data-tone="blue"] img { filter: hue-rotate(86deg) saturate(0.88) brightness(0.86); }
.cx-product-console__stage[data-tone="rose"] img { filter: sepia(0.2) hue-rotate(305deg) saturate(0.8); }

.cx-product-console__status,
.cx-product-console__update {
	position: absolute;
	z-index: 3;
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	padding: 0.5rem 0.68rem;
	border: 1px solid rgba(9, 19, 33, 0.09);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.9);
	box-shadow: 0 9px 22px rgba(9, 19, 33, 0.07);
	font-size: 0.62rem;
	font-weight: 760;
}

.cx-product-console__status {
	top: 1rem;
	left: 1rem;
}

.cx-product-console__status i {
	width: 0.45rem;
	height: 0.45rem;
	border-radius: 50%;
	background: var(--cx-premium-mint);
	box-shadow: 0 0 0 4px rgba(88, 213, 181, 0.17);
}

.cx-product-console__update {
	right: 1rem;
	bottom: 1rem;
	opacity: 0;
	transform: translateY(0.5rem);
	transition: opacity 180ms ease, transform 180ms ease;
}

.cx-product-console__update.is-visible {
	opacity: 1;
	transform: none;
}

.cx-product-console__panel {
	display: flex;
	min-width: 0;
	padding: 1.25rem;
	border-left: 1px solid var(--cx-premium-line);
	flex-direction: column;
	gap: 1rem;
	background: #fff;
}

.cx-product-console__panel-head,
.cx-product-console__option,
.cx-product-console__summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.7rem;
}

.cx-product-console__panel-head {
	padding-bottom: 1rem;
	border-bottom: 1px solid var(--cx-premium-line);
	font-size: 0.75rem;
}

.cx-product-console__panel-head strong { font-size: 1rem; }

.cx-product-console__choice {
	padding: 0.85rem 0;
	border-bottom: 1px solid var(--cx-premium-line);
}

.cx-product-console__choice > div:first-child {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;
	font-size: 0.7rem;
}

.cx-product-console__choice > div:first-child span { color: var(--cx-premium-slate); }

.cx-product-console__swatches {
	display: flex;
	gap: 0.55rem;
	margin-top: 0.85rem;
}

.cx-product-console__swatches button {
	width: 1.8rem;
	height: 1.8rem;
	padding: 0;
	border: 3px solid #fff;
	border-radius: 50%;
	background: #9eb9ad;
	box-shadow: 0 0 0 1px rgba(9, 19, 33, 0.16);
	cursor: pointer;
}

.cx-product-console__swatches button:nth-child(2) { background: #d2bca3; }
.cx-product-console__swatches button:nth-child(3) { background: #274769; }
.cx-product-console__swatches button:nth-child(4) { background: #bd867f; }
.cx-product-console__swatches button.is-active { box-shadow: 0 0 0 2px var(--cx-premium-blue); }

.cx-product-console__option {
	min-height: 2.7rem;
	padding: 0.65rem 0;
	font-size: 0.68rem;
}

.cx-product-console__option span { color: var(--cx-premium-slate); }
.cx-product-console__option i { color: #168d70; font-style: normal; }

.cx-product-console__summary {
	margin-top: auto;
	padding: 0.8rem;
	border-radius: 0.75rem;
	background: #e7f7f1;
	color: #126f5b;
	font-size: 0.64rem;
}

.cx-product-console__panel > a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 2.8rem;
	padding: 0.7rem 0.85rem;
	border-radius: 0.7rem;
	color: #fff;
	font-size: 0.72rem;
	font-weight: 800;
	background: var(--cx-premium-blue);
	text-decoration: none;
}

.cx-premium-rail {
	border-top: 1px solid var(--cx-premium-line);
	border-bottom: 1px solid var(--cx-premium-line);
	background: #fff;
}

.cx-premium-rail .cx-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 6rem;
	gap: 2rem;
}

.cx-premium-rail .cx-container > span {
	color: #8490a0;
	font-size: 0.68rem;
	font-weight: 780;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.cx-premium-rail .cx-container > div {
	display: flex;
	align-items: center;
	gap: clamp(1.2rem, 3vw, 3rem);
	color: #536074;
	font-size: 0.82rem;
}

.cx-premium-section-head {
	display: grid;
	grid-template-columns: minmax(0, 1.2fr) minmax(18rem, 0.8fr);
	align-items: end;
	gap: clamp(2rem, 7vw, 7rem);
	margin-bottom: clamp(2.5rem, 5vw, 4.5rem);
}

.cx-premium-section-head > * { min-width: 0; }
.cx-premium-section-head h2 { overflow-wrap: anywhere; }

.cx-premium-section-head h2 {
	max-width: 16ch;
	margin: 0.9rem 0 0;
	font-size: clamp(3rem, 5.7vw, 5.6rem);
	line-height: 0.91;
	letter-spacing: -0.07em;
}

.cx-premium-section-head > p {
	max-width: 35rem;
	margin: 0;
	color: var(--cx-premium-slate);
	font-size: 1.02rem;
	line-height: 1.7;
}

.cx-premium-section-head--center {
	display: block;
	text-align: center;
}

.cx-premium-section-head--center h2,
.cx-premium-section-head--center > p {
	margin-right: auto;
	margin-left: auto;
}

.cx-premium-section-head--center > p { margin-top: 1.2rem; }

.cx-premium-intro { background: #fff; }

.cx-premium-value-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1rem;
}

.cx-premium-value-grid article {
	display: grid;
	min-height: 27rem;
	padding: clamp(1.35rem, 3vw, 2rem);
	border: 1px solid var(--cx-premium-line);
	border-radius: 1.55rem;
	align-content: space-between;
	background: var(--cx-premium-paper);
}

.cx-premium-value-grid__large {
	grid-column: 1 / -1;
	grid-template-columns: minmax(0, 1.25fr) minmax(18rem, 0.75fr);
	align-items: end;
	gap: 3rem;
}

.cx-premium-value-grid article > div:last-child > span {
	color: var(--cx-premium-blue);
	font-size: 0.66rem;
	font-weight: 850;
}

.cx-premium-value-grid h3 {
	max-width: 16ch;
	margin: 0.75rem 0 0.6rem;
	font-size: clamp(1.8rem, 3.5vw, 3.3rem);
	line-height: 0.98;
	letter-spacing: -0.055em;
}

.cx-premium-value-grid p {
	max-width: 33rem;
	margin: 0;
	color: var(--cx-premium-slate);
	line-height: 1.6;
}

.cx-visual-journey {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 18rem;
	gap: 0.8rem;
	padding: 2rem;
	border-radius: 1.2rem;
	background: #fff;
}

.cx-visual-journey span {
	padding: 0.8rem 1rem;
	border: 1px solid var(--cx-premium-line);
	border-radius: 0.85rem;
	font-size: 0.76rem;
	font-weight: 760;
	box-shadow: 0 12px 28px rgba(9, 19, 33, 0.06);
}

.cx-visual-journey__start { color: #586578; }
.cx-visual-journey__end { color: #0a775f; background: #e3f7ef; }

.cx-visual-journey i {
	width: clamp(1rem, 4vw, 4rem);
	height: 1px;
	background: linear-gradient(90deg, #cfd5dc, var(--cx-premium-blue));
}

.cx-visual-rules {
	display: grid;
	gap: 0.7rem;
	align-self: start;
}

.cx-visual-rules span {
	display: flex;
	align-items: center;
	min-height: 3.25rem;
	gap: 0.75rem;
	padding: 0.8rem 1rem;
	border: 1px solid var(--cx-premium-line);
	border-radius: 0.85rem;
	background: #fff;
	font-size: 0.74rem;
	font-weight: 750;
	box-shadow: 0 12px 26px rgba(9, 19, 33, 0.05);
}

.cx-visual-rules span:nth-child(2) { transform: translateX(1.2rem); }

.cx-visual-rules i {
	width: 0.55rem;
	height: 0.55rem;
	border-radius: 50%;
	background: var(--cx-premium-mint);
	box-shadow: 0 0 0 5px rgba(88, 213, 181, 0.13);
}

.cx-premium-value-grid__dark {
	color: #fff;
	background: linear-gradient(145deg, #07111e, #0d2035) !important;
}

.cx-premium-value-grid__dark p { color: #a9b7c6; }

.cx-visual-handoff {
	display: grid;
	align-self: start;
	padding: 1.3rem;
	border: 1px solid rgba(255, 255, 255, 0.11);
	border-radius: 1rem;
	background: rgba(255, 255, 255, 0.06);
}

.cx-visual-handoff span { color: var(--cx-premium-mint); font-size: 0.63rem; font-weight: 800; }
.cx-visual-handoff strong { margin-top: 1.8rem; font-size: 1.35rem; }
.cx-visual-handoff small { margin-top: 0.45rem; color: #9fb0c0; }

.cx-tool-teaser--premium {
	background: var(--cx-premium-paper);
}

.cx-tool-teaser--premium .cx-tool-teaser__copy h2 {
	max-width: 12ch;
	font-size: clamp(2.8rem, 5vw, 5rem);
	line-height: 0.93;
	letter-spacing: -0.065em;
}

.cx-premium-process { background: #fff; }

.cx-premium-process__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1rem;
}

.cx-premium-process__grid article {
	overflow: hidden;
	border: 1px solid var(--cx-premium-line);
	border-radius: 1.45rem;
	background: #fff;
	transition: transform 220ms ease, box-shadow 220ms ease;
}

.cx-premium-process__grid article:hover {
	box-shadow: 0 26px 60px rgba(9, 19, 33, 0.09);
	transform: translateY(-6px);
}

.cx-process-visual {
	position: relative;
	min-height: 21rem;
	padding: 1rem;
	background: var(--cx-premium-soft);
}

.cx-premium-process__copy { padding: 1.45rem; }
.cx-premium-process__copy > span { color: var(--cx-premium-blue); font-size: 0.64rem; font-weight: 850; }
.cx-premium-process__copy h3 { margin: 0.65rem 0 0.45rem; font-size: 1.45rem; letter-spacing: -0.04em; }
.cx-premium-process__copy p { margin: 0; color: var(--cx-premium-slate); line-height: 1.6; }

.cx-process-visual--builder {
	display: grid;
	grid-template-columns: 3rem 1fr;
	gap: 0.8rem;
	padding: 1.4rem;
}

.cx-process-visual__nav {
	display: flex;
	padding: 0.75rem;
	border-radius: 0.8rem;
	flex-direction: column;
	gap: 0.7rem;
	background: var(--cx-premium-ink);
}

.cx-process-visual__nav i { width: 1.35rem; height: 1.35rem; border: 1px solid rgba(255,255,255,0.3); border-radius: 0.35rem; }
.cx-process-visual__nav i:nth-child(2) { border-color: var(--cx-premium-mint); background: rgba(88,213,181,0.14); }

.cx-process-visual__content {
	display: grid;
	align-content: start;
	gap: 0.65rem;
	padding: 1rem;
	border: 1px solid var(--cx-premium-line);
	border-radius: 0.8rem;
	background: #fff;
}

.cx-process-visual__content > small { color: #8190a0; font-size: 0.57rem; font-weight: 800; letter-spacing: 0.08em; }
.cx-process-visual__content span { display: flex; justify-content: space-between; gap: 0.5rem; padding: 0.75rem 0; border-bottom: 1px solid var(--cx-premium-line); font-size: 0.64rem; }
.cx-process-visual__content span i { color: #8995a5; font-style: normal; }

.cx-process-visual--preview {
	display: grid;
	overflow: hidden;
	place-items: center;
	background: linear-gradient(145deg, #f1f6f3, #e1eee8);
}

.cx-process-visual--preview img { position: relative; z-index: 1; width: 85%; mix-blend-mode: multiply; }
.cx-process-visual--preview > div { position: absolute; right: 1rem; bottom: 1rem; z-index: 2; display: flex; gap: 0.35rem; padding: 0.5rem; border-radius: 999px; background: #fff; box-shadow: 0 12px 25px rgba(9,19,33,0.1); }
.cx-process-visual--preview > div i { width: 1rem; height: 1rem; border-radius: 50%; background: #9eb9ad; }
.cx-process-visual--preview > div i:nth-child(2) { background: #d2bca3; }
.cx-process-visual--preview > div i:nth-child(3) { background: #274769; }
.cx-process-visual--preview > div i:nth-child(4) { background: #bd867f; }
.cx-process-visual--preview > span { position: absolute; top: 1rem; left: 1rem; z-index: 2; padding: 0.45rem 0.65rem; border-radius: 999px; color: #13725e; font-size: 0.6rem; font-weight: 800; background: #fff; }

.cx-process-visual--publish {
	display: grid;
	align-content: center;
	gap: 0.65rem;
	padding: 1.4rem;
	background: #f4f5f8;
}

.cx-process-visual--publish > small { color: #8190a0; font-size: 0.58rem; font-weight: 850; letter-spacing: 0.08em; }
.cx-process-visual--publish > div { display: grid; grid-template-columns: 2.2rem 1fr auto; align-items: center; gap: 0.7rem; padding: 0.8rem; border: 1px solid var(--cx-premium-line); border-radius: 0.75rem; background: #fff; box-shadow: 0 10px 22px rgba(9,19,33,0.045); }
.cx-process-visual--publish > div span { display: grid; width: 2rem; height: 2rem; place-items: center; border-radius: 0.55rem; color: #fff; font-size: 0.68rem; font-weight: 850; background: var(--cx-premium-ink); }
.cx-process-visual--publish > div strong { font-size: 0.7rem; }
.cx-process-visual--publish > div i { color: #17876d; font-size: 0.58rem; font-style: normal; }

.cx-premium-showcase {
	overflow: hidden;
	color: #fff;
	background:
		radial-gradient(circle at 82% 28%, rgba(55,111,248,0.22), transparent 24rem),
		linear-gradient(145deg, #07111e, #0b1b2e);
}

.cx-premium-showcase__grid {
	display: grid;
	grid-template-columns: minmax(0, 0.72fr) minmax(32rem, 1.28fr);
	align-items: center;
	gap: clamp(3rem, 7vw, 7rem);
}

.cx-premium-showcase__copy h2 { max-width: 10ch; margin: 1rem 0 1.2rem; font-size: clamp(3.3rem, 5.8vw, 5.8rem); line-height: 0.9; letter-spacing: -0.07em; }
.cx-premium-showcase__copy p { max-width: 33rem; color: #a7b5c4; line-height: 1.7; }
.cx-premium-showcase__copy ul { display: grid; gap: 0.6rem; margin: 1.5rem 0; padding: 0; color: #c0ccd6; list-style: none; }
.cx-premium-showcase__copy li::before { margin-right: 0.55rem; color: var(--cx-premium-mint); content: "✓"; }
.cx-premium-showcase__copy a { color: #fff; font-weight: 800; text-decoration: none; }

.cx-premium-solutions { background: #fff; }
.cx-premium-solutions__grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 1rem; }
.cx-premium-solutions__grid > a { display: flex; min-height: 26rem; padding: 1.6rem; border: 1px solid var(--cx-premium-line); border-radius: 1.4rem; color: inherit; flex-direction: column; background: var(--cx-premium-paper); text-decoration: none; transition: transform 200ms ease, box-shadow 200ms ease; }
.cx-premium-solutions__grid > a:hover { box-shadow: 0 26px 60px rgba(9,19,33,0.09); transform: translateY(-5px); }
.cx-premium-solutions__mark { display: grid; width: 3.3rem; height: 3.3rem; margin-bottom: auto; border-radius: 0.9rem; place-items: center; color: #fff; font-weight: 850; background: var(--cx-premium-blue); box-shadow: 0 12px 25px rgba(55,111,248,0.24); }
.cx-premium-solutions__mark--mint { color: var(--cx-premium-ink); background: var(--cx-premium-mint); box-shadow: 0 12px 25px rgba(88,213,181,0.22); }
.cx-premium-solutions__grid small { margin-top: 2rem; color: #7d8999; font-size: 0.62rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; }
.cx-premium-solutions__grid h3 { margin: 0.65rem 0; font-size: 2rem; letter-spacing: -0.05em; }
.cx-premium-solutions__grid p { margin: 0; color: var(--cx-premium-slate); line-height: 1.6; }
.cx-premium-solutions__grid strong { margin-top: 1.5rem; font-size: 0.78rem; }
.cx-premium-solutions__enterprise { color: #fff !important; background: linear-gradient(145deg,#07111e,#0e2034) !important; }
.cx-premium-solutions__enterprise p { color: #aab8c6; }

.cx-premium-outcomes { background: var(--cx-premium-soft); }
.cx-premium-outcomes__grid { display: grid; grid-template-columns: minmax(0,0.75fr) minmax(28rem,1.25fr); align-items: center; gap: clamp(3rem,8vw,8rem); }
.cx-premium-outcomes__grid > div:first-child h2 { max-width: 10ch; margin: 1rem 0; font-size: clamp(3rem,5.6vw,5.5rem); line-height: 0.91; letter-spacing: -0.07em; }
.cx-premium-outcomes__grid > div:first-child p { max-width: 31rem; color: var(--cx-premium-slate); line-height: 1.7; }
.cx-premium-outcomes__cards { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; }
.cx-premium-outcomes__cards article { display: grid; min-height: 13rem; padding: 1.25rem; border: 1px solid var(--cx-premium-line); border-radius: 1.2rem; align-content: end; background: #fff; }
.cx-premium-outcomes__cards article:nth-child(2) { transform: translateY(1.4rem); }
.cx-premium-outcomes__cards span { align-self: start; color: var(--cx-premium-blue); font-size: 0.58rem; font-weight: 850; letter-spacing: 0.09em; }
.cx-premium-outcomes__cards strong { margin-top: 2.5rem; font-size: 1.15rem; letter-spacing: -0.03em; }
.cx-premium-outcomes__cards small { margin-top: 0.4rem; color: var(--cx-premium-slate); line-height: 1.45; }

.cx-premium-plan-preview { background: #fff; }
.cx-premium-plan-preview__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); overflow: hidden; border: 1px solid var(--cx-premium-line); border-radius: 1.35rem; }
.cx-premium-plan-preview__grid a { display: flex; min-height: 14rem; padding: 1.3rem; border-right: 1px solid var(--cx-premium-line); color: inherit; flex-direction: column; text-decoration: none; background: var(--cx-premium-paper); transition: background 180ms ease, transform 180ms ease; }
.cx-premium-plan-preview__grid a:last-child { border-right: 0; }
.cx-premium-plan-preview__grid a:hover { background: #fff; }
.cx-premium-plan-preview__grid a small { color: #8793a2; font-size: 0.58rem; font-weight: 850; letter-spacing: 0.08em; }
.cx-premium-plan-preview__grid a strong { margin-top: auto; font-size: 1.7rem; letter-spacing: -0.045em; }
.cx-premium-plan-preview__grid a span { margin-top: 0.35rem; color: var(--cx-premium-slate); font-size: 0.8rem; }
.cx-premium-plan-preview__grid .is-featured { position: relative; background: #eef2ff; box-shadow: inset 0 3px 0 var(--cx-premium-blue); }
.cx-premium-plan-preview__grid .is-dark { color: #fff; background: var(--cx-premium-ink); }
.cx-premium-plan-preview__grid .is-dark span { color: #aab8c6; }
.cx-premium-plan-preview__action { display: flex; align-items: center; justify-content: center; gap: 1rem; margin-top: 1.5rem; }
.cx-premium-plan-preview__action small { color: #8995a5; font-size: 0.68rem; }

.cx-premium-faq { background: var(--cx-premium-paper); }
.cx-premium-final-cta { padding-top: 0; background: var(--cx-premium-paper); }

.cx-motion-ready [data-cx-reveal] {
	opacity: 0;
	transform: translateY(2rem);
	transition: opacity 650ms cubic-bezier(.2,.7,.2,1), transform 650ms cubic-bezier(.2,.7,.2,1);
}

.cx-motion-ready [data-cx-reveal].is-visible {
	opacity: 1;
	transform: none;
}

.cx-footer {
	padding-top: clamp(3rem,7vw,6rem);
	color: #dce5ed;
	background: #07111e;
}

.cx-footer__statement {
	display: grid;
	grid-template-columns: 0.45fr 1.2fr auto;
	align-items: end;
	gap: 2rem;
	padding-bottom: clamp(3rem,6vw,5rem);
	border-bottom: 1px solid rgba(255,255,255,0.1);
}

.cx-footer__statement > span { align-self: start; color: var(--cx-premium-mint); font-size: 0.72rem; font-weight: 850; }
.cx-footer__statement > strong { font-size: clamp(2.6rem,5vw,5.2rem); line-height: 0.92; letter-spacing: -0.065em; }
.cx-footer__statement > a { display: inline-flex; align-items: center; min-height: 3rem; gap: 0.65rem; padding: 0.75rem 1rem; border: 1px solid rgba(255,255,255,0.2); border-radius: 999px; color: #fff; font-size: 0.75rem; font-weight: 800; text-decoration: none; }
.cx-footer__statement > a i { color: var(--cx-premium-mint); font-style: normal; }
.cx-footer__email { display: inline-block; margin-top: 1rem; color: #fff !important; font-weight: 750; }
.cx-footer .cx-brand { color: #fff; }

.cx-premium-page-hero {
	position: relative;
	overflow: hidden;
	background:
		radial-gradient(circle at 88% 10%, rgba(55,111,248,0.15), transparent 28rem),
		radial-gradient(circle at 60% 95%, rgba(88,213,181,0.11), transparent 25rem),
		var(--cx-premium-paper);
}

.cx-premium-page-hero::after {
	position: absolute;
	top: -10rem;
	right: -8rem;
	width: 36rem;
	height: 36rem;
	border: 1px solid rgba(55,111,248,0.08);
	border-radius: 50%;
	content: "";
	pointer-events: none;
}

.cx-premium-page-hero .cx-page-hero__grid { position: relative; z-index: 1; }
.cx-premium-page-hero .cx-page-hero__grid > * { min-width: 0; }
.cx-premium-page-hero h1 {
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

.cx-platform-hero-board,
.cx-builder-ui,
.cx-customer-preview,
.cx-insight-board {
	overflow: hidden;
	border: 1px solid var(--cx-premium-line);
	border-radius: 1.35rem;
	background: #fff;
	box-shadow: var(--cx-premium-shadow);
}
.cx-platform-tour__grid > *,
.cx-platform-tour__visual,
.cx-builder-ui,
.cx-builder-ui__main { min-width: 0; }

.cx-builder-ui__top,
.cx-customer-preview__bar,
.cx-insight-board__head { display: flex; align-items: center; justify-content: space-between; min-height: 3.5rem; gap: 1rem; padding: 0 1rem; border-bottom: 1px solid var(--cx-premium-line); font-size: 0.68rem; }
.cx-builder-ui__top span { color: #118169; }
.cx-builder-ui__body { display: grid; grid-template-columns: 8rem 1fr; min-height: 28rem; }
.cx-builder-ui__body nav { display: flex; padding: 1rem 0.7rem; border-right: 1px solid var(--cx-premium-line); flex-direction: column; gap: 0.35rem; background: #f6f8fa; }
.cx-builder-ui__body nav span { padding: 0.6rem; border-radius: 0.5rem; color: #7f8b9b; font-size: 0.6rem; }
.cx-builder-ui__body nav span.is-active { color: var(--cx-premium-ink); font-weight: 800; background: #fff; box-shadow: 0 8px 18px rgba(9,19,33,0.06); }
.cx-builder-ui__main { display: grid; align-content: center; gap: 0.65rem; padding: 1.2rem; background: #fff; }
.cx-builder-ui__item { display: grid; grid-template-columns: 2.3rem 1fr auto; align-items: center; gap: 0.7rem; padding: 0.8rem; border: 1px solid var(--cx-premium-line); border-radius: 0.7rem; }
.cx-builder-ui__item > i { display: grid; width: 2rem; height: 2rem; place-items: center; border-radius: 0.5rem; color: var(--cx-premium-blue); font-size: 0.58rem; font-style: normal; font-weight: 850; background: #edf2ff; }
.cx-builder-ui__item > div { display: grid; gap: 0.25rem; }
.cx-builder-ui__item strong { font-size: 0.69rem; }
.cx-builder-ui__item small { color: #8793a2; font-size: 0.55rem; }
.cx-builder-ui__item > span { color: #8793a2; font-size: 0.58rem; }
.cx-builder-ui__rule { display: grid; grid-template-columns: auto 1fr auto 1.2fr; align-items: center; gap: 0.45rem; padding: 0.85rem; border: 1px solid rgba(88,213,181,0.28); border-radius: 0.7rem; background: #ecf8f3; }
.cx-builder-ui__rule span,.cx-builder-ui__rule i { color: #148168; font-size: 0.52rem; font-style: normal; font-weight: 850; }
.cx-builder-ui__rule strong { font-size: 0.58rem; }

.cx-customer-preview__body { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(12rem,0.75fr); min-height: 29rem; }
.cx-customer-preview__bar > span { color: #8190a0; }
.cx-customer-preview__bar > i { color: var(--cx-premium-blue); font-size: 0.6rem; font-style: normal; }
.cx-customer-preview__product { position: relative; display: grid; overflow: hidden; place-items: center; background: linear-gradient(145deg,#eff5f2,#e2ede8); }
.cx-customer-preview__product img { width: 90%; mix-blend-mode: multiply; }
.cx-customer-preview__product span { position: absolute; bottom: 1rem; padding: 0.45rem 0.65rem; border-radius: 999px; color: #6d7a8b; font-size: 0.55rem; background: rgba(255,255,255,0.88); }
.cx-customer-preview aside { display: flex; padding: 1.2rem; border-left: 1px solid var(--cx-premium-line); flex-direction: column; gap: 0.65rem; }
.cx-customer-preview aside small { margin-top: 0.6rem; color: #8390a0; font-size: 0.52rem; font-weight: 850; }
.cx-customer-preview aside strong { font-size: 0.7rem; }
.cx-customer-preview aside > div { display: flex; gap: 0.4rem; }
.cx-customer-preview aside > div i { width: 1.2rem; height: 1.2rem; border-radius: 50%; background: #9eb9ad; }
.cx-customer-preview aside > div i:nth-child(2) { background: #d2bca3; }
.cx-customer-preview aside > div i:nth-child(3) { background: #274769; }
.cx-customer-preview aside > div i:nth-child(4) { background: #bd867f; }
.cx-customer-preview aside button { min-height: 2.7rem; margin-top: auto; border: 0; border-radius: 0.65rem; color: #fff; font: inherit; font-size: 0.65rem; font-weight: 800; background: var(--cx-premium-blue); }

.cx-publish-map { display: grid; grid-template-columns: 0.8fr 3rem 1.2fr; align-items: center; min-height: 30rem; gap: 1rem; padding: 2rem; border: 1px solid rgba(255,255,255,0.12); border-radius: 1.35rem; background: rgba(255,255,255,0.055); box-shadow: 0 38px 80px rgba(0,0,0,0.24); }
.cx-publish-map__source { display: grid; justify-items: center; gap: 0.45rem; padding: 1.2rem; border: 1px solid rgba(255,255,255,0.13); border-radius: 1rem; text-align: center; background: rgba(255,255,255,0.06); }
.cx-publish-map__source span { display: grid; width: 3.4rem; height: 3.4rem; place-items: center; border-radius: 0.9rem; color: #fff; font-weight: 850; background: linear-gradient(145deg,var(--cx-premium-blue),#7c4df0); }
.cx-publish-map__source strong { font-size: 0.8rem; }
.cx-publish-map__source small { color: #95a7b8; font-size: 0.56rem; }
.cx-publish-map__lines { display: grid; gap: 3.3rem; }
.cx-publish-map__lines i { height: 1px; background: linear-gradient(90deg,var(--cx-premium-blue),var(--cx-premium-mint)); }
.cx-publish-map__targets { display: grid; gap: 0.75rem; }
.cx-publish-map__targets > span { display: grid; grid-template-columns: 2.4rem 1fr; gap: 0.65rem; padding: 0.75rem; border: 1px solid rgba(255,255,255,0.12); border-radius: 0.75rem; background: rgba(255,255,255,0.06); }
.cx-publish-map__targets i { display: grid; grid-row: 1 / span 2; width: 2.1rem; height: 2.1rem; place-items: center; border-radius: 0.55rem; font-size: 0.62rem; font-style: normal; font-weight: 850; background: rgba(255,255,255,0.1); }
.cx-publish-map__targets strong { font-size: 0.68rem; }
.cx-publish-map__targets small { color: #91a3b5; font-size: 0.54rem; }

.cx-insight-board { padding-bottom: 1rem; }
.cx-insight-board__head span { color: #8190a0; }
.cx-insight-board__metrics { display: grid; grid-template-columns: repeat(3,1fr); gap: 0.7rem; padding: 1rem; }
.cx-insight-board__metrics > span { display: grid; min-width: 0; gap: 0.35rem; padding: 0.9rem; border: 1px solid var(--cx-premium-line); border-radius: 0.7rem; background: #f7f9fa; }
.cx-insight-board__metrics small { color: #8491a1; font-size: 0.48rem; font-weight: 850; }
.cx-insight-board__metrics strong { overflow: hidden; font-size: 1.2rem; text-overflow: ellipsis; }
.cx-insight-board__metrics i { color: #8491a1; font-size: 0.51rem; font-style: normal; }
.cx-insight-board__chart { margin: 0 1rem; padding: 1rem; border: 1px solid var(--cx-premium-line); border-radius: 0.8rem; }
.cx-insight-board__chart > div { display: flex; align-items: end; height: 12rem; gap: 0.75rem; border-bottom: 1px solid var(--cx-premium-line); background: repeating-linear-gradient(to top,transparent 0,transparent 2.9rem,rgba(9,19,33,0.055) 3rem); }
.cx-insight-board__chart > div span { width: 100%; border-radius: 0.35rem 0.35rem 0 0; background: linear-gradient(var(--cx-premium-blue),#79a0ff); }
.cx-insight-board__chart > small { display: flex; gap: 0.5rem; margin-top: 0.7rem; color: #8390a0; font-size: 0.52rem; }
.cx-insight-board__chart > small i { width: 0.5rem; height: 0.5rem; border-radius: 50%; background: var(--cx-premium-blue); }
.cx-insight-board__chart > small i:nth-of-type(2) { margin-left: 0.5rem; background: var(--cx-premium-mint); }

.cx-premium-pricing { background: #fff; }
.cx-plan-fit { display: block; margin-top: 0.9rem; color: #8290a1; font-size: 0.62rem; text-align: center; }

@media (max-width: 1120px) {
	.cx-premium-hero__grid { grid-template-columns: minmax(0,0.72fr) minmax(32rem,1.28fr); gap: 2.5rem; }
	.cx-premium-hero__copy h1 { font-size: clamp(3.8rem,7vw,5.7rem); }
	.cx-product-console__workspace { grid-template-columns: minmax(0,1.15fr) minmax(13rem,0.85fr); }
}

@media (max-width: 980px) {
	.cx-premium-hero__grid,
	.cx-premium-showcase__grid,
	.cx-premium-outcomes__grid,
	.cx-platform-tour__grid,
	.cx-platform-tour__grid--reverse,
	.cx-platform-tool-link__inner,
	.cx-pricing-service__grid { grid-template-columns: 1fr; }
	.cx-premium-hero__copy h1 { max-width: 9.5ch; }
	.cx-product-console { max-width: 52rem; transform: none; }
	.cx-premium-section-head { grid-template-columns: 1fr; gap: 1.25rem; }
	.cx-premium-section-head h2 { max-width: 14ch; }
	.cx-premium-process__grid,
	.cx-premium-solutions__grid,
	.cx-platform-pillars__grid { grid-template-columns: 1fr 1fr; }
	.cx-premium-process__grid article:last-child,
	.cx-premium-solutions__grid > a:last-child,
	.cx-platform-pillars__grid article:last-child { grid-column: 1 / -1; }
	.cx-premium-showcase__copy h2 { max-width: 12ch; }
}

@media (max-width: 760px) {
	.cx-header__utilities { margin-left: auto; }
	.cx-header .wp-block-navigation { order: 4; }
	.cx-premium-hero { padding-top: 3.5rem; }
	.cx-premium-hero__actions { align-items: stretch; flex-direction: column; }
	.cx-premium-hero__actions .cx-button,.cx-premium-hero__actions .cx-premium-text-link { width: 100%; justify-content: center; }
	.cx-premium-hero__proof { display: grid; }
	.cx-product-console__workspace { grid-template-columns: 1fr; }
	.cx-product-console__panel { border-top: 1px solid var(--cx-premium-line); border-left: 0; }
	.cx-product-console__stage { min-height: 28rem; }
	.cx-premium-rail .cx-container { align-items: flex-start; padding-top: 1.4rem; padding-bottom: 1.4rem; flex-direction: column; }
	.cx-premium-rail .cx-container > div { width: 100%; flex-wrap: wrap; gap: 0.8rem 1.4rem; }
	.cx-premium-value-grid,
	.cx-premium-process__grid,
	.cx-premium-solutions__grid,
	.cx-premium-outcomes__cards,
	.cx-platform-pillars__grid { grid-template-columns: 1fr; }
	.cx-premium-value-grid__large { grid-column: auto; grid-template-columns: 1fr; }
	.cx-premium-process__grid article:last-child,
	.cx-premium-solutions__grid > a:last-child,
	.cx-platform-pillars__grid article:last-child { grid-column: auto; }
	.cx-premium-outcomes__cards article:nth-child(2) { transform: none; }
	.cx-premium-plan-preview__grid { grid-template-columns: 1fr; }
	.cx-premium-plan-preview__grid a { border-bottom: 1px solid var(--cx-premium-line); }
	.cx-premium-plan-preview__grid a { border-right: 0; }
	.cx-premium-plan-preview__grid a:last-child { border-bottom: 0; }
	.cx-premium-plan-preview__action { align-items: stretch; flex-direction: column; text-align: center; }
	.cx-premium-plan-preview__action .cx-button { width: 100%; }
	.cx-footer__statement { grid-template-columns: 1fr; align-items: start; }
	.cx-footer__statement > strong { max-width: 12ch; }
	.cx-footer__statement > a { justify-self: start; }
	.cx-builder-ui__body { grid-template-columns: 6rem 1fr; }
	.cx-customer-preview__body { grid-template-columns: 1fr; }
	.cx-customer-preview aside { border-top: 1px solid var(--cx-premium-line); border-left: 0; }
	.cx-publish-map { grid-template-columns: 1fr; }
	.cx-publish-map__lines { grid-template-columns: repeat(3,1fr); gap: 0.6rem; }
	.cx-publish-map__lines i { width: 1px; height: 1.2rem; justify-self: center; }
	.cx-insight-board__metrics { grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
	.cx-header__utilities .wp-block-buttons { display: none; }
	.cx-header__utilities { gap: 0.25rem !important; }
	.cx-language-switcher a,.cx-language-switcher span { min-width: 2.25rem; min-height: 2.25rem; padding: 0.35rem 0.5rem; }
	.cx-premium-hero__copy h1 { font-size: clamp(3.45rem,16vw,4.8rem); }
	.cx-premium-hero__lead { font-size: 1rem; }
	.cx-product-console { border-radius: 1rem; }
	.cx-product-console__steps { overflow-x: auto; grid-template-columns: repeat(4,5.2rem); }
	.cx-product-console__steps button { min-height: 3rem; }
	.cx-product-console__stage { min-height: 21rem; }
	.cx-product-console__stage img { width: 100%; }
	.cx-product-console__panel { padding: 1rem; }
	.cx-product-console__swatches button { width: 2.75rem; height: 2.75rem; }
	.cx-premium-section-head h2,.cx-premium-outcomes__grid > div:first-child h2 { font-size: clamp(2.8rem,14vw,4rem); }
	.cx-premium-value-grid article { min-height: 23rem; padding: 1.15rem; }
	.cx-visual-journey { align-items: stretch; min-height: auto; padding: 1rem; flex-direction: column; }
	.cx-visual-journey span { text-align: center; }
	.cx-visual-journey i { width: 1px; height: 1rem; align-self: center; }
	.cx-process-visual { min-height: 18rem; }
	.cx-process-visual--builder { grid-template-columns: 2.5rem 1fr; padding: 0.75rem; }
	.cx-process-visual__nav { padding: 0.55rem; }
	.cx-process-visual__nav i { width: 1.1rem; height: 1.1rem; }
	.cx-process-visual__content { padding: 0.7rem; }
	.cx-premium-showcase__copy h2 { font-size: clamp(3rem,14vw,4.4rem); }
	.cx-premium-plan-preview__grid { grid-template-columns: 1fr; }
	.cx-premium-plan-preview__grid a { min-height: 10rem; border-right: 0; border-bottom: 1px solid var(--cx-premium-line) !important; }
	.cx-premium-plan-preview__grid a:last-child { border-bottom: 0 !important; }
	.cx-page-hero h1 { font-size: clamp(3rem,15vw,4.3rem); }
	.cx-builder-ui__body { grid-template-columns: 1fr; }
	.cx-builder-ui__body nav { display: none; }
	.cx-builder-ui__main { padding: 0.8rem; }
	.cx-builder-ui__rule { grid-template-columns: auto 1fr; }
	.cx-builder-ui__rule i { grid-column: 1; }
	.cx-builder-ui__rule strong { min-width: 0; overflow-wrap: anywhere; }
	.cx-publish-map { padding: 1rem; }
	.cx-footer__statement > strong { font-size: clamp(2.7rem,13vw,4rem); }
}

/* ConfigUX Model Planner v0.10.0. */
.cx-header__inner > .wp-block-woocommerce-customer-account,
.cx-header__inner > .wp-block-woocommerce-mini-cart {
	display: none !important;
}

@media (prefers-reduced-motion: reduce) {
	.cx-motion-ready [data-cx-reveal] { opacity: 1; transform: none; }
	.cx-product-console,.cx-platform-board,.cx-platform-hero-board { transform: none; }
}

.cx-configurator-local-note {
	display: block;
	margin-top: 0.85rem;
	color: #4b5f70;
	font-size: 0.68rem;
	font-weight: 720;
}

.cx-configurator-local-note::before { margin-right: 0.35rem; color: #0b8b6b; content: "✓"; }

.cx-configurator-ar {
	position: absolute;
	right: 1rem;
	bottom: 1rem;
	display: inline-flex;
	min-height: 3.25rem;
	align-items: center;
	gap: 0.6rem;
	padding: 0.45rem 0.85rem 0.45rem 0.5rem;
	border: 1px solid rgba(9, 19, 33, 0.12);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.94);
	box-shadow: 0 16px 38px rgba(9, 19, 33, 0.14);
	color: var(--cx-config-ink);
	font: inherit;
	font-size: 0.68rem;
	cursor: not-allowed;
	opacity: 0.72;
}

.cx-configurator-ar > span {
	display: grid;
	width: 2.25rem;
	height: 2.25rem;
	place-items: center;
	border-radius: 50%;
	background: #e7edff;
	color: var(--cx-config-blue);
	font-size: 0.64rem;
	font-weight: 900;
}

.cx-configurator-ar strong { font-size: inherit; }
.cx-configurator-ar.is-available { cursor: pointer; opacity: 1; }
.cx-configurator-ar.is-available > span { background: var(--cx-config-blue); color: #fff; }

.cx-configurator-preview {
	position: relative;
	display: grid;
	height: 100%;
	min-width: 0;
	min-height: 0;
	grid-template-rows: auto minmax(0, 1fr);
	overflow: hidden;
	border-left: 1px solid var(--cx-config-line);
	background: #fff;
}

.cx-configurator-preview__head {
	display: flex;
	min-height: 5.3rem;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: 1rem 1.15rem;
	border-bottom: 1px solid var(--cx-config-line);
}

.cx-configurator-preview__head div > span,
.cx-configurator-preview__product > span {
	color: var(--cx-config-blue);
	font-size: 0.56rem;
	font-weight: 850;
	letter-spacing: 0.12em;
}

.cx-configurator-preview__head h2 { margin: 0.22rem 0 0; font-size: 1.08rem; letter-spacing: -0.025em; }

.cx-configurator-preview__count {
	flex: none;
	padding: 0.35rem 0.55rem;
	border-radius: 999px;
	background: #eef2f7;
	color: #4c5a6d;
	font-size: 0.62rem;
	font-weight: 800;
}

.cx-configurator-preview__empty {
	display: grid;
	min-height: 0;
	align-content: center;
	justify-items: center;
	padding: 2rem;
	text-align: center;
}

.cx-configurator-preview__empty-icon {
	position: relative;
	width: 5rem;
	height: 4.5rem;
	margin-bottom: 1rem;
}

.cx-configurator-preview__empty-icon i {
	position: absolute;
	display: block;
	width: 2.75rem;
	height: 2.75rem;
	border: 1px solid rgba(50, 107, 255, 0.28);
	border-radius: 0.7rem;
	background: rgba(255, 255, 255, 0.92);
	box-shadow: 0 12px 24px rgba(9, 19, 33, 0.08);
	transform: rotate(30deg) skewY(-10deg);
}

.cx-configurator-preview__empty-icon i:nth-child(1) { top: 0; left: 1.1rem; }
.cx-configurator-preview__empty-icon i:nth-child(2) { top: 1.4rem; left: 0; border-color: rgba(85, 217, 179, 0.42); }
.cx-configurator-preview__empty-icon i:nth-child(3) { top: 1.4rem; right: 0; border-color: rgba(124, 77, 240, 0.34); }
.cx-configurator-preview__empty h3 { margin: 0; font-size: 1.42rem; letter-spacing: -0.035em; }
.cx-configurator-preview__empty p { max-width: 21rem; margin: 0.65rem 0 1.1rem; color: var(--cx-config-slate); font-size: 0.78rem; line-height: 1.55; }
.cx-configurator-preview__empty .cx-button { width: min(100%, 19rem); cursor: pointer; }
.cx-configurator-preview__empty .cx-text-button { margin-top: 0.55rem; font-size: 0.7rem; }

.cx-configurator-preview__content {
	display: grid;
	height: 100%;
	min-height: 0;
	align-content: start;
	gap: 1rem;
	max-height: none;
	padding: 1.15rem;
	overflow-y: auto;
	overscroll-behavior: contain;
	scrollbar-gutter: stable;
	scrollbar-width: thin;
}

.cx-configurator-preview__product {
	padding-bottom: 1rem;
	border-bottom: 1px solid var(--cx-config-line);
}

.cx-configurator-preview__product h3 { margin: 0.3rem 0 0.25rem; font-size: clamp(1.7rem, 2.2vw, 2.25rem); letter-spacing: -0.055em; line-height: 1; }
.cx-configurator-preview__product p { margin: 0; color: var(--cx-config-slate); font-size: 0.72rem; line-height: 1.45; }
.cx-configurator-preview__groups { display: grid; gap: 1.2rem; }

.cx-configurator-option-group__head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 1rem;
	margin-bottom: 0.65rem;
}

.cx-configurator-option-group__head h4 { margin: 0; font-size: 0.76rem; }
.cx-configurator-option-group__head small { color: #7a8798; font-size: 0.58rem; }
.cx-configurator-option-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.55rem; }

.cx-configurator-option {
	position: relative;
	display: grid;
	min-width: 0;
	min-height: 4.65rem;
	grid-template-columns: 1.9rem minmax(0, 1fr);
	align-items: center;
	gap: 0.55rem;
	padding: 0.65rem;
	border: 1px solid var(--cx-config-line);
	border-radius: 0.78rem;
	background: #fff;
	color: var(--cx-config-ink);
	font: inherit;
	text-align: left;
	cursor: pointer;
	transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.cx-configurator-option:hover { border-color: rgba(50, 107, 255, 0.45); transform: translateY(-1px); }
.cx-configurator-option:focus-visible { outline: 3px solid rgba(50, 107, 255, 0.22); outline-offset: 2px; }
.cx-configurator-option.is-selected { border-color: var(--cx-config-blue); box-shadow: 0 0 0 2px rgba(50, 107, 255, 0.1); }
.cx-configurator-option > span:nth-child(2) { min-width: 0; }
.cx-configurator-option strong,.cx-configurator-option small { display: block; overflow: hidden; text-overflow: ellipsis; }
.cx-configurator-option strong { font-size: 0.68rem; line-height: 1.22; }
.cx-configurator-option small { margin-top: 0.22rem; color: var(--cx-config-slate); font-size: 0.58rem; white-space: nowrap; }

.cx-configurator-option > i {
	position: absolute;
	top: 0.38rem;
	right: 0.38rem;
	display: none;
	width: 1.1rem;
	height: 1.1rem;
	place-items: center;
	border-radius: 50%;
	background: var(--cx-config-blue);
	color: #fff;
	font-size: 0.58rem;
	font-style: normal;
}

.cx-configurator-option.is-selected > i { display: grid; }
.cx-configurator-option__swatch { display: block; width: 1.8rem; height: 1.8rem; border: 3px solid #fff; border-radius: 50%; background: #cbd5e1; box-shadow: 0 0 0 1px rgba(9, 19, 33, 0.16); }
.cx-configurator-option__swatch[data-finish="black"] { background: #16191d; }
.cx-configurator-option__swatch[data-finish="white"] { background: #f5f3ed; }
.cx-configurator-option__swatch[data-finish="metal"] { background: linear-gradient(135deg, #6e7680, #f3f6f8 43%, #9da5ad 72%, #e6eaed); }

.cx-configurator-option--size { grid-template-columns: 2.6rem minmax(0, 1fr); }

.cx-configurator-option__size {
	display: grid;
	width: 2.35rem;
	height: 2.35rem;
	place-items: center;
	border: 1px solid rgba(50, 107, 255, 0.2);
	border-radius: 0.62rem;
	background: #eef3ff;
	color: var(--cx-config-blue);
	font-size: 0.66rem;
	font-weight: 850;
}

.cx-configurator-option--size.is-selected .cx-configurator-option__size {
	border-color: var(--cx-config-blue);
	background: var(--cx-config-blue);
	color: #fff;
}

.cx-configurator-preview__selection {
	display: grid;
	gap: 0.25rem;
	padding: 0.85rem;
	border-radius: 0.8rem;
	background: #edf2ff;
}

.cx-configurator-preview__selection span { color: #60718a; font-size: 0.58rem; }
.cx-configurator-preview__selection strong { font-size: 0.72rem; line-height: 1.4; }

.cx-configurator-preview__trust {
	display: grid;
	grid-template-columns: 1.65rem minmax(0, 1fr);
	align-items: start;
	gap: 0.6rem;
	padding-top: 0.2rem;
}

.cx-configurator-preview__trust > span { display: grid; width: 1.65rem; height: 1.65rem; place-items: center; border-radius: 50%; background: #dff7ef; color: #08755d; font-size: 0.68rem; font-weight: 900; }
.cx-configurator-preview__trust p { margin: 0; }
.cx-configurator-preview__trust strong,.cx-configurator-preview__trust small { display: block; }
.cx-configurator-preview__trust strong { font-size: 0.67rem; }
.cx-configurator-preview__trust small { margin-top: 0.18rem; color: var(--cx-config-slate); font-size: 0.58rem; line-height: 1.4; }

@media (max-width: 1050px) {
	.cx-configurator-option-grid { grid-template-columns: 1fr; }
}

@media (max-width: 820px) {
	.cx-configurator-preview { display: block; height: auto; min-height: 36rem; overflow: visible; border-left: 0; }
	.cx-configurator-preview__content { height: auto; max-height: none; overflow: visible; }
	.cx-configurator-option-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 600px) {
	.cx-configurator-ar { right: 0.6rem; bottom: 2.8rem; }
	.cx-configurator-ar strong { display: none; }
	.cx-configurator-ar { min-height: 2.8rem; padding: 0.3rem; }
	.cx-configurator-ar > span { width: 2.2rem; height: 2.2rem; }
	.cx-configurator-preview { min-height: 34rem; }
	.cx-configurator-preview__head,.cx-configurator-preview__content { padding-right: 0.85rem; padding-left: 0.85rem; }
	.cx-configurator-option-grid { grid-template-columns: 1fr; }
}

/* Premium commerce, enterprise and demo pages. */
.cx-store-preview {
	overflow: hidden;
	border: 1px solid var(--cx-premium-line);
	border-radius: 1.4rem;
	background: #fff;
	box-shadow: var(--cx-premium-shadow);
	transform: perspective(1400px) rotateY(-2deg);
}

.cx-store-preview__bar {
	display: grid;
	grid-template-columns: 1fr auto auto;
	align-items: center;
	min-height: 3.5rem;
	gap: 1rem;
	padding: 0 1rem;
	border-bottom: 1px solid var(--cx-premium-line);
	font-size: 0.64rem;
}

.cx-store-preview__bar strong { font-size: 0.74rem; }
.cx-store-preview__bar span { color: #748193; }
.cx-store-preview__body { display: grid; grid-template-columns: minmax(0,1.18fr) minmax(13rem,0.82fr); min-height: 31rem; }
.cx-store-preview__product { position: relative; display: grid; overflow: hidden; padding: 1rem; place-items: center; background: linear-gradient(145deg,#eff5f2,#e2eee8); }
.cx-store-preview__product > small { position: absolute; top: 1rem; left: 1rem; color: #6f7c8e; font-size: 0.54rem; font-weight: 850; letter-spacing: 0.08em; }
.cx-store-preview__product img { width: 94%; max-width: 100%; max-height: 28rem; object-fit: contain; mix-blend-mode: multiply; }
.cx-store-preview__product > span { position: absolute; bottom: 1rem; padding: 0.45rem 0.65rem; border-radius: 999px; color: #627083; font-size: 0.55rem; background: rgba(255,255,255,0.88); box-shadow: 0 9px 20px rgba(9,19,33,0.08); }
.cx-store-preview aside { display: flex; min-width: 0; padding: 1.2rem; border-left: 1px solid var(--cx-premium-line); flex-direction: column; gap: 0.8rem; }
.cx-store-preview aside > small { color: var(--cx-premium-blue); font-size: 0.52rem; font-weight: 850; letter-spacing: 0.08em; }
.cx-store-preview aside > strong { font-size: 0.72rem; }
.cx-store-preview__swatches { display: flex; gap: 0.45rem; padding-bottom: 0.8rem; border-bottom: 1px solid var(--cx-premium-line); }
.cx-store-preview__swatches i { width: 1.4rem; height: 1.4rem; border: 3px solid #fff; border-radius: 50%; background: #9eb9ad; box-shadow: 0 0 0 1px rgba(9,19,33,0.14); }
.cx-store-preview__swatches i:nth-child(2) { background: #d2bca3; }
.cx-store-preview__swatches i:nth-child(3) { background: #274769; }
.cx-store-preview__swatches i:nth-child(4) { background: #bd867f; }
.cx-store-preview aside label { display: flex; align-items: center; justify-content: space-between; min-height: 2.7rem; padding: 0.65rem; border: 1px solid var(--cx-premium-line); border-radius: 0.65rem; font-size: 0.62rem; }
.cx-store-preview aside label i { color: #128067; font-style: normal; }
.cx-store-preview__price { display: flex; align-items: center; justify-content: space-between; margin-top: auto; padding-top: 1rem; border-top: 1px solid var(--cx-premium-line); font-size: 0.62rem; }
.cx-store-preview__price span { color: #7a8798; }
.cx-store-preview__price strong { font-size: 0.95rem; }
.cx-store-preview aside button { min-height: 2.8rem; border: 0; border-radius: 0.65rem; color: #fff; font: inherit; font-size: 0.64rem; font-weight: 800; background: var(--cx-premium-blue); }
.cx-store-preview__footer { display: flex; align-items: center; justify-content: space-between; min-height: 3.2rem; gap: 1rem; padding: 0 1rem; border-top: 1px solid var(--cx-premium-line); color: #7c899a; font-size: 0.56rem; }
.cx-store-preview__footer i { display: inline-grid; width: 1.5rem; height: 1.5rem; margin-right: 0.35rem; place-items: center; border-radius: 0.4rem; color: #fff; font-style: normal; font-weight: 850; background: var(--cx-premium-ink); }
.cx-store-preview--shopify aside button { color: var(--cx-premium-ink); background: var(--cx-premium-mint); }
.cx-store-preview--shopify .cx-store-preview__footer i { color: var(--cx-premium-ink); background: var(--cx-premium-mint); }

.cx-demo-brief { overflow: hidden; border: 1px solid var(--cx-premium-line); border-radius: 1.25rem; background: #fff; box-shadow: 0 24px 60px rgba(9,19,33,0.08); }
.cx-demo-brief__top { display: flex; align-items: center; justify-content: space-between; min-height: 3.6rem; gap: 1rem; padding: 0 1rem; border-bottom: 1px solid var(--cx-premium-line); font-size: 0.67rem; }
.cx-demo-brief__top span { color: #8290a1; }
.cx-demo-brief__items { display: grid; gap: 0.65rem; padding: 1rem; }
.cx-demo-brief__items article { display: grid; grid-template-columns: 2.6rem 1fr auto; align-items: center; gap: 0.8rem; padding: 0.85rem; border: 1px solid var(--cx-premium-line); border-radius: 0.75rem; background: var(--cx-premium-paper); }
.cx-demo-brief__items article > span { display: grid; width: 2.3rem; height: 2.3rem; place-items: center; border-radius: 0.6rem; color: var(--cx-premium-blue); font-size: 0.58rem; font-weight: 850; background: #eaf0ff; }
.cx-demo-brief__items article > div { display: grid; gap: 0.25rem; }
.cx-demo-brief__items strong { font-size: 0.68rem; }
.cx-demo-brief__items small { color: #7d8a9b; font-size: 0.57rem; }
.cx-demo-brief__items article > i { color: #168169; font-size: 0.55rem; font-style: normal; }

@media (max-width: 980px) {
	.cx-store-preview { max-width: 52rem; transform: none; }
}

@media (max-width: 760px) {
	.cx-store-preview__body { grid-template-columns: 1fr; }
	.cx-store-preview aside { border-top: 1px solid var(--cx-premium-line); border-left: 0; }
}

@media (max-width: 560px) {
	.cx-store-preview { border-radius: 1rem; }
	.cx-store-preview__product { min-height: 22rem; }
	.cx-store-preview__footer { align-items: flex-start; padding-top: 0.8rem; padding-bottom: 0.8rem; flex-direction: column; }
	.cx-demo-brief__top { align-items: flex-start; padding-top: 0.8rem; padding-bottom: 0.8rem; flex-direction: column; }
	.cx-demo-brief__items article { grid-template-columns: 2.6rem 1fr; }
	.cx-demo-brief__items article > i { grid-column: 2; }
}

/* Version 0.6.0 - calmer typography and real product imagery */
.cx-premium-hero__copy h1 {
	max-width: 12ch;
	font-size: clamp(3.8rem, 5.2vw, 5.3rem);
	line-height: 0.98;
	letter-spacing: -0.052em;
	text-wrap: wrap;
}

.cx-premium-hero__copy h1 em { display: block; }

.cx-premium-hero__grid {
	grid-template-columns: minmax(0, 0.9fr) minmax(34rem, 1.1fr);
	gap: clamp(2.5rem, 4vw, 4.5rem);
}

.cx-page-hero h1 {
	max-width: 12ch;
	font-size: clamp(3.25rem, 4.75vw, 4.75rem);
	line-height: 0.99;
	letter-spacing: -0.052em;
}

.cx-premium-section-head h2,
.cx-premium-showcase__copy h2,
.cx-premium-outcomes__grid > div:first-child h2,
.cx-platform-tour__copy h2,
.cx-platform-tool-link h2,
.cx-pricing-service h2,
.cx-commerce-experience__grid > div:not(.cx-commerce-experience__visual) h2,
.cx-enterprise-stack h2,
.cx-enterprise-product h2 {
	font-size: clamp(2.9rem, 4.45vw, 4.65rem);
	line-height: 1;
	letter-spacing: -0.05em;
}

.cx-premium-home .cx-section-heading h2,
.cx-premium-home .cx-final-cta h2,
.cx-premium-page .cx-section-heading h2,
.cx-premium-page .cx-final-cta h2,
.cx-footer__statement > strong {
	line-height: 1;
	letter-spacing: -0.048em;
}

.cx-premium-home .cx-section {
	padding-top: clamp(5.5rem, 8vw, 8.5rem);
	padding-bottom: clamp(5.5rem, 8vw, 8.5rem);
}

.cx-product-gallery {
	background: #fff;
}

.cx-product-gallery__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1.25rem;
}

.cx-product-gallery__card {
	overflow: hidden;
	border: 1px solid var(--cx-premium-line);
	border-radius: 1.5rem;
	background: var(--cx-premium-paper);
	box-shadow: 0 22px 60px rgba(9, 19, 33, 0.06);
}

.cx-product-gallery__card--wide {
	grid-column: 1 / -1;
}

.cx-product-gallery__visual {
	position: relative;
	display: grid;
	min-height: 31rem;
	place-items: center;
	overflow: hidden;
	background:
		radial-gradient(circle at 80% 12%, rgba(55, 111, 248, 0.1), transparent 19rem),
		#f4f5f0;
}

.cx-product-gallery__card--wide .cx-product-gallery__visual {
	min-height: 39rem;
}

.cx-product-gallery__visual img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	mix-blend-mode: multiply;
}

.cx-product-gallery__visual--sauna img {
	object-position: center 52%;
}

.cx-product-gallery__panel,
.cx-product-gallery__mini-panel {
	position: absolute;
	z-index: 1;
	right: 1.4rem;
	bottom: 1.4rem;
	display: grid;
	width: min(14rem, calc(100% - 2.8rem));
	gap: 0.65rem;
	padding: 1rem;
	border: 1px solid rgba(9, 19, 33, 0.1);
	border-radius: 1rem;
	background: rgba(255, 255, 255, 0.9);
	box-shadow: 0 18px 45px rgba(9, 19, 33, 0.13);
	backdrop-filter: blur(16px);
}

.cx-product-gallery__panel small,
.cx-product-gallery__mini-panel span {
	color: #6c7a8d;
	font-size: 0.58rem;
	font-weight: 850;
	letter-spacing: 0.08em;
}

.cx-product-gallery__panel > strong,
.cx-product-gallery__mini-panel > strong {
	font-size: 0.78rem;
}

.cx-product-gallery__panel > div,
.cx-product-gallery__mini-panel > div {
	display: flex;
	gap: 0.45rem;
}

.cx-product-gallery__panel i,
.cx-product-gallery__mini-panel i {
	display: block;
	width: 1.55rem;
	height: 1.55rem;
	border: 3px solid #fff;
	border-radius: 50%;
	background: #d3b891;
	box-shadow: 0 0 0 1px rgba(9, 19, 33, 0.14);
}

.cx-product-gallery__panel i:nth-child(2),
.cx-product-gallery__mini-panel i:nth-child(2) { background: #a8b2a2; }
.cx-product-gallery__panel i:nth-child(3),
.cx-product-gallery__mini-panel i:nth-child(3) { background: #303a43; }
.cx-product-gallery__mini-panel i:nth-child(4) { background: #eee9df; }
.cx-product-gallery__panel i.is-active { box-shadow: 0 0 0 2px var(--cx-premium-blue); }

.cx-product-gallery__panel > span {
	padding-top: 0.65rem;
	border-top: 1px solid var(--cx-premium-line);
	color: #5f6d7f;
	font-size: 0.62rem;
	font-weight: 750;
}

.cx-product-gallery__panel > span b {
	color: #11735c;
}

.cx-product-gallery__caption {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	align-items: start;
	gap: clamp(1.5rem, 5vw, 5rem);
	padding: 1.45rem;
	border-top: 1px solid var(--cx-premium-line);
	background: #fff;
}

.cx-product-gallery__caption > span {
	padding-top: 0.35rem;
	color: #718093;
	font-size: 0.58rem;
	font-weight: 850;
	letter-spacing: 0.08em;
}

.cx-product-gallery__caption h3 {
	margin: 0;
	font-size: clamp(1.45rem, 2.4vw, 2.15rem);
	line-height: 1.05;
	letter-spacing: -0.04em;
}

.cx-product-gallery__caption p {
	max-width: 32rem;
	margin: 0.55rem 0 0;
	color: var(--cx-premium-slate);
	line-height: 1.6;
}

.cx-product-gallery__card--dark .cx-product-gallery__caption {
	color: #fff;
	border-color: rgba(255, 255, 255, 0.1);
	background: var(--cx-premium-ink);
}

.cx-product-gallery__card--dark .cx-product-gallery__caption p,
.cx-product-gallery__card--dark .cx-product-gallery__caption > span {
	color: #aab7c7;
}

@media (max-width: 760px) {
	.cx-premium-hero__grid {
		grid-template-columns: 1fr;
		gap: 2.5rem;
	}

	.cx-premium-hero__copy h1,
	.cx-page-hero h1 {
		font-size: clamp(2.85rem, 12vw, 3.45rem);
		line-height: 1;
		letter-spacing: -0.045em;
	}

	.cx-premium-section-head h2,
	.cx-premium-showcase__copy h2,
	.cx-premium-outcomes__grid > div:first-child h2,
	.cx-platform-tour__copy h2,
	.cx-platform-tool-link h2,
	.cx-pricing-service h2,
	.cx-commerce-experience__grid > div:not(.cx-commerce-experience__visual) h2,
	.cx-enterprise-stack h2,
	.cx-enterprise-product h2 {
		font-size: clamp(2.55rem, 11.5vw, 3.45rem);
		line-height: 1.02;
		letter-spacing: -0.043em;
	}

	.cx-product-gallery__grid { grid-template-columns: 1fr; }
	.cx-product-gallery__card--wide { grid-column: auto; }
	.cx-product-gallery__card--wide .cx-product-gallery__visual,
	.cx-product-gallery__visual { min-height: 27rem; }
	.cx-product-gallery__caption { grid-template-columns: 1fr; gap: 0.7rem; }
}

@media (max-width: 480px) {
	.cx-premium-home .cx-section { padding-top: 4.7rem; padding-bottom: 4.7rem; }
	.cx-product-gallery__card { border-radius: 1.1rem; }
	.cx-product-gallery__card--wide .cx-product-gallery__visual,
	.cx-product-gallery__visual { min-height: 22rem; }
	.cx-product-gallery__panel,
	.cx-product-gallery__mini-panel { right: 0.75rem; bottom: 0.75rem; width: min(12.5rem, calc(100% - 1.5rem)); }
	.cx-product-gallery__caption { padding: 1.15rem; }
}

/* Version 0.7.0 - interactive product journey, comparison and proof */
.cx-product-journey__panel {
	display: flex;
	min-width: 0;
	flex-direction: column;
}

.cx-product-journey__view {
	display: grid;
	align-content: start;
	gap: 0.9rem;
	animation: cx-panel-enter 240ms ease both;
}

.cx-product-journey__view[hidden] {
	display: none;
}

.cx-product-journey__heading {
	display: grid;
	gap: 0.25rem;
}

.cx-product-journey__heading small {
	color: var(--cx-premium-blue);
	font-size: 0.52rem;
	font-weight: 850;
	letter-spacing: 0.1em;
}

.cx-product-journey__heading > strong {
	font-size: 0.82rem;
	letter-spacing: -0.02em;
}

.cx-product-journey__heading > span {
	color: #778597;
	font-size: 0.61rem;
	line-height: 1.45;
}

.cx-product-journey__models,
.cx-product-journey__finish-list,
.cx-product-journey__details {
	display: grid;
	gap: 0.45rem;
}

.cx-product-journey__models button,
.cx-product-journey__finish-list button,
.cx-product-journey__details button {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	min-height: 3.2rem;
	gap: 0.65rem;
	padding: 0.55rem 0.65rem;
	border: 1px solid var(--cx-premium-line);
	border-radius: 0.7rem;
	color: inherit;
	font: inherit;
	text-align: left;
	background: #fff;
	cursor: pointer;
	transition: border-color 180ms ease, background 180ms ease, transform 180ms ease;
}

.cx-product-journey__models button:hover,
.cx-product-journey__finish-list button:hover,
.cx-product-journey__details button:hover {
	border-color: rgba(55, 111, 248, 0.35);
	transform: translateY(-1px);
}

.cx-product-journey__models button.is-active,
.cx-product-journey__finish-list button.is-active,
.cx-product-journey__details button.is-active {
	border-color: rgba(55, 111, 248, 0.45);
	background: #f3f6ff;
	box-shadow: inset 0 0 0 1px rgba(55, 111, 248, 0.08);
}

.cx-product-journey__models button > i {
	display: grid;
	width: 2rem;
	height: 2rem;
	place-items: center;
	border-radius: 0.55rem;
	color: #66758a;
	font-size: 0.52rem;
	font-style: normal;
	font-weight: 850;
	background: #eef1f4;
}

.cx-product-journey__models button.is-active > i {
	color: #fff;
	background: var(--cx-premium-blue);
}

.cx-product-journey__models button > span,
.cx-product-journey__finish-list button > span,
.cx-product-journey__details button > span {
	display: grid;
	gap: 0.12rem;
}

.cx-product-journey__models button strong,
.cx-product-journey__finish-list button strong,
.cx-product-journey__details button strong {
	font-size: 0.63rem;
}

.cx-product-journey__models button small,
.cx-product-journey__finish-list button small,
.cx-product-journey__details button small {
	color: #7f8b9b;
	font-size: 0.52rem;
}

.cx-product-journey__models button > b,
.cx-product-journey__finish-list button > b {
	opacity: 0;
	color: #13725e;
	font-size: 0.58rem;
}

.cx-product-journey__models button.is-active > b,
.cx-product-journey__finish-list button.is-active > b {
	opacity: 1;
}

.cx-product-journey__finish-list button > i {
	display: block;
	width: 1.65rem;
	height: 1.65rem;
	border: 3px solid #fff;
	border-radius: 50%;
	background: #aab6a8;
	box-shadow: 0 0 0 1px rgba(9, 19, 33, 0.15);
}

.cx-product-journey__finish-list button:nth-child(2) > i { background: #c9ac82; }
.cx-product-journey__finish-list button:nth-child(3) > i { background: #27333e; }
.cx-product-journey__details button > b { color: #65758a; font-size: 0.52rem; }
.cx-product-journey__details button.is-active > b { color: #14745f; }

.cx-product-journey__summary-list {
	display: grid;
	gap: 0.45rem;
}

.cx-product-journey__summary-list > span {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.8rem;
	padding: 0.62rem 0;
	border-bottom: 1px solid var(--cx-premium-line);
}

.cx-product-journey__summary-list small { color: #7b899b; font-size: 0.5rem; font-weight: 850; letter-spacing: 0.08em; }
.cx-product-journey__summary-list strong { max-width: 9rem; font-size: 0.58rem; text-align: right; }

.cx-product-journey__navigation {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 0.5rem;
	margin-top: auto;
	padding-top: 0.85rem;
}

.cx-product-journey__navigation button {
	min-height: 2.65rem;
	padding: 0.65rem 0.8rem;
	border: 1px solid var(--cx-premium-line);
	border-radius: 0.65rem;
	color: var(--cx-premium-ink);
	font: inherit;
	font-size: 0.62rem;
	font-weight: 800;
	background: #fff;
	cursor: pointer;
}

.cx-product-journey__navigation button:last-child {
	color: #fff;
	border-color: var(--cx-premium-blue);
	background: var(--cx-premium-blue);
	box-shadow: 0 10px 24px rgba(55, 111, 248, 0.22);
}

.cx-product-journey__navigation button:disabled { opacity: 0.38; cursor: default; }

.cx-product-console__stage[data-product="sideboard"] img,
.cx-product-console__stage[data-product="pergola"] img {
	width: 96%;
	height: 96%;
	object-fit: contain;
	mix-blend-mode: multiply;
}

.cx-product-console__stage img,
.cx-product-gallery__visual img {
	transition: opacity 220ms ease, transform 420ms cubic-bezier(.2,.7,.2,1), filter 260ms ease;
}

.cx-product-console__stage img.is-changing,
.cx-product-gallery__visual img.is-changing {
	opacity: 0.25;
	transform: scale(0.985);
}

.cx-product-gallery__mini-panel b {
	color: var(--cx-premium-ink);
	font-size: inherit;
}

.cx-product-gallery__mini-panel button {
	display: block;
	width: 1.7rem;
	height: 1.7rem;
	padding: 0;
	border: 3px solid #fff;
	border-radius: 50%;
	background: linear-gradient(90deg, #c9ac82 0 25%, #eee9df 25% 50%, #a8b2a2 50% 75%, #303a43 75%);
	box-shadow: 0 0 0 1px rgba(9, 19, 33, 0.14);
	cursor: pointer;
}

.cx-product-gallery__mini-panel button:nth-child(2) { background: #c9ac82; }
.cx-product-gallery__mini-panel button:nth-child(3) { background: #a8b2a2; }
.cx-product-gallery__mini-panel button.is-active { box-shadow: 0 0 0 2px var(--cx-premium-blue); }

.cx-premium-compare {
	background: var(--cx-premium-paper);
}

.cx-premium-compare__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1.25rem;
}

.cx-premium-compare__card {
	display: grid;
	gap: 1.2rem;
	padding: 1.4rem;
	border: 1px solid var(--cx-premium-line);
	border-radius: 1.5rem;
	background: #fff;
	box-shadow: 0 24px 65px rgba(9, 19, 33, 0.055);
}

.cx-premium-compare__card--after {
	color: #fff;
	border-color: rgba(255,255,255,0.08);
	background: linear-gradient(145deg, #07111e, #10263e);
	box-shadow: 0 32px 80px rgba(7, 17, 30, 0.2);
}

.cx-premium-compare__label {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
}

.cx-premium-compare__label span {
	padding: 0.4rem 0.6rem;
	border-radius: 999px;
	color: #687789;
	font-size: 0.55rem;
	font-weight: 850;
	letter-spacing: 0.08em;
	background: #eef1f4;
}

.cx-premium-compare__card--after .cx-premium-compare__label span { color: #0b4f40; background: var(--cx-premium-mint); }
.cx-premium-compare__label strong { font-size: 0.72rem; }

.cx-premium-compare__legacy,
.cx-premium-compare__configured {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(13rem, 0.62fr);
	min-height: 30rem;
	overflow: hidden;
	border: 1px solid var(--cx-premium-line);
	border-radius: 1.1rem;
	background: #f4f5f5;
}

.cx-premium-compare__legacy-image {
	position: relative;
	display: grid;
	place-items: center;
	color: #9aa4af;
	background: repeating-linear-gradient(45deg, #f0f1f1, #f0f1f1 10px, #f5f5f4 10px, #f5f5f4 20px);
}

.cx-premium-compare__legacy-image i {
	position: absolute;
	width: 8rem;
	height: 8rem;
	border: 1px dashed #c8ced4;
	border-radius: 50%;
}

.cx-premium-compare__legacy-image span { z-index: 1; font-size: 0.65rem; }

.cx-premium-compare__legacy-options {
	display: grid;
	align-content: center;
	gap: 0.45rem;
	padding: 1rem;
	border-left: 1px solid var(--cx-premium-line);
	background: #fff;
}

.cx-premium-compare__legacy-options small { margin-top: 0.4rem; color: #768495; font-size: 0.53rem; }
.cx-premium-compare__legacy-options span { display: flex; justify-content: space-between; padding: 0.7rem; border: 1px solid #dbe0e5; border-radius: 0.45rem; color: #697789; font-size: 0.56rem; }
.cx-premium-compare__legacy-options b { font-weight: 500; }
.cx-premium-compare__legacy-options button { margin-top: 0.65rem; padding: 0.75rem; border: 0; border-radius: 0.45rem; color: #fff; font-size: 0.58rem; font-weight: 800; background: #737f8d; }

.cx-premium-compare__configured {
	position: relative;
	grid-template-columns: minmax(0, 1fr) minmax(12rem, 0.55fr);
	border-color: rgba(255,255,255,0.12);
	background: #f1f4f0;
}

.cx-premium-compare__configured > img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	mix-blend-mode: multiply;
}

.cx-premium-compare__configured > div {
	display: grid;
	align-content: center;
	gap: 0.8rem;
	padding: 1rem;
	color: var(--cx-premium-ink);
	border-left: 1px solid var(--cx-premium-line);
	background: rgba(255,255,255,0.94);
}

.cx-premium-compare__configured small { color: var(--cx-premium-blue); font-size: 0.52rem; font-weight: 850; letter-spacing: 0.08em; }
.cx-premium-compare__configured strong { font-size: 1rem; letter-spacing: -0.03em; }
.cx-premium-compare__configured span { display: flex; align-items: center; gap: 0.45rem; color: #627184; font-size: 0.58rem; }
.cx-premium-compare__configured span i { width: 0.85rem; height: 0.85rem; border-radius: 50%; background: #a8b2a2; }
.cx-premium-compare__configured span b { color: #15745f; }
.cx-premium-compare__configured button { margin-top: 0.4rem; padding: 0.75rem; border: 0; border-radius: 0.55rem; color: #fff; font-size: 0.58rem; font-weight: 800; background: var(--cx-premium-blue); }

.cx-premium-compare__card ul {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 0.7rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.cx-premium-compare__card li { color: #697789; font-size: 0.67rem; line-height: 1.5; }
.cx-premium-compare__card li::before { display: block; margin-bottom: 0.35rem; color: #9aa5b0; content: "×"; font-size: 1rem; }
.cx-premium-compare__card--after li { color: #b5c1cd; }
.cx-premium-compare__card--after li::before { color: var(--cx-premium-mint); content: "✓"; }

.cx-premium-proof {
	background: #fff;
}

.cx-premium-proof__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1rem;
}

.cx-premium-proof__grid article {
	display: grid;
	gap: 1rem;
	padding: 1.25rem;
	border: 1px solid var(--cx-premium-line);
	border-radius: 1.25rem;
	background: var(--cx-premium-paper);
}

.cx-premium-proof__grid article > span { color: var(--cx-premium-blue); font-size: 0.6rem; font-weight: 850; }
.cx-premium-proof__grid h3 { margin: 0; font-size: 1.5rem; line-height: 1.08; letter-spacing: -0.04em; }
.cx-premium-proof__grid p { margin: 0; color: var(--cx-premium-slate); font-size: 0.78rem; line-height: 1.6; }

.cx-premium-proof__visual {
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: center;
	gap: 0.5rem;
	min-height: 9.5rem;
	padding: 1rem;
	border: 1px solid var(--cx-premium-line);
	border-radius: 0.85rem;
	background: #fff;
	box-shadow: 0 15px 35px rgba(9,19,33,0.045);
}

.cx-premium-proof__visual small { grid-column: 1 / -1; color: #7d8b9d; font-size: 0.5rem; font-weight: 850; letter-spacing: 0.08em; }
.cx-premium-proof__visual strong { font-size: 0.68rem; }
.cx-premium-proof__visual i { grid-column: 1 / -1; overflow: hidden; height: 0.38rem; border-radius: 999px; background: linear-gradient(90deg, var(--cx-premium-blue) 0 78%, #e5e9ed 78%); }
.cx-premium-proof__visual b { grid-column: 2; grid-row: 2; padding: 0.32rem 0.45rem; border-radius: 999px; color: #0f705a; font-size: 0.5rem; background: #ddf4eb; }

.cx-premium-proof__action {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1rem;
	margin-top: 1.5rem;
}

.cx-premium-proof__action small { color: #8490a0; font-size: 0.66rem; }

@keyframes cx-panel-enter {
	from { opacity: 0; transform: translateY(0.35rem); }
	to { opacity: 1; transform: none; }
}

@media (max-width: 980px) {
	.cx-premium-compare__grid { grid-template-columns: 1fr; }
	.cx-premium-proof__grid { grid-template-columns: 1fr; }
	.cx-premium-proof__grid article { grid-template-columns: minmax(14rem, 0.72fr) minmax(0, 1fr); align-items: center; }
	.cx-premium-proof__grid article > span { grid-column: 1 / -1; }
	.cx-premium-proof__visual { grid-row: span 2; }
}

@media (max-width: 1100px) {
	.cx-premium-hero__grid {
		grid-template-columns: 1fr;
	}

	.cx-premium-hero__copy {
		max-width: 42rem;
	}

	.cx-product-journey {
		width: min(100%, 52rem);
		margin-inline: auto;
	}
}

@media (max-width: 760px) {
	.cx-product-journey__panel { min-height: 31rem; }
	.cx-premium-compare__legacy,
	.cx-premium-compare__configured { grid-template-columns: 1fr; min-height: 0; }
	.cx-premium-compare__legacy-image { min-height: 16rem; }
	.cx-premium-compare__legacy-options,
	.cx-premium-compare__configured > div { border-top: 1px solid var(--cx-premium-line); border-left: 0; }
	.cx-premium-compare__configured > img { min-height: 18rem; }
	.cx-premium-compare__card ul { grid-template-columns: 1fr; }
	.cx-premium-proof__grid article { grid-template-columns: 1fr; }
	.cx-premium-proof__visual { grid-row: auto; }
	.cx-premium-proof__action { align-items: stretch; flex-direction: column; text-align: center; }
}

@media (max-width: 480px) {
	.cx-product-journey__panel { min-height: 32rem; }
	.cx-product-journey__models button,
	.cx-product-journey__finish-list button,
	.cx-product-journey__details button { min-height: 3.35rem; }
	.cx-premium-compare__card { padding: 0.85rem; border-radius: 1.1rem; }
	.cx-premium-compare__label { align-items: flex-start; flex-direction: column; }
	.cx-premium-proof__grid article { padding: 1rem; }
}

@media (prefers-reduced-motion: reduce) {
	.cx-product-journey__view { animation: none; }
	.cx-product-console__stage img,
	.cx-product-gallery__visual img { transition: none; }
}

/* Version 0.9.0 - typography, aligned cards and consistent product variants */
.cx-premium-home h1,
.cx-premium-home h2,
.cx-premium-home h3 {
	font-kerning: normal;
	font-feature-settings: "kern" 1, "liga" 1;
	text-rendering: optimizeLegibility;
}

.cx-premium-hero__copy h1 {
	max-width: 11.75ch;
	font-size: clamp(3.75rem, 4.9vw, 5.1rem);
	line-height: 1.015;
	letter-spacing: -0.038em;
}

.cx-premium-section-head h2,
.cx-premium-showcase__copy h2,
.cx-premium-outcomes__grid > div:first-child h2 {
	line-height: 1.035;
	letter-spacing: -0.035em;
	overflow-wrap: normal;
}

.cx-premium-section-head--center h2 {
	max-width: 21ch;
	text-wrap: balance;
}

.cx-premium-process .cx-premium-section-head--center h2 {
	max-width: 22ch;
}

.cx-premium-hero__proof,
.cx-premium-page-hero__facts {
	display: none;
}

.cx-premium-process__grid {
	align-items: stretch;
	grid-auto-rows: 1fr;
}

.cx-premium-process__grid article {
	display: grid;
	grid-template-rows: 21rem minmax(10.5rem, 1fr);
}

.cx-process-visual {
	width: 100%;
	height: 21rem;
	min-height: 0;
}

.cx-process-visual--preview img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.cx-premium-showcase__grid {
	grid-template-columns: minmax(27rem, 0.9fr) minmax(32rem, 1.1fr);
	gap: clamp(3rem, 5vw, 5rem);
}

.cx-premium-showcase__copy h2 {
	max-width: 13.5ch;
	font-size: clamp(3.15rem, 4.5vw, 4.7rem);
	line-height: 1.02;
	letter-spacing: -0.035em;
	text-wrap: balance;
}

.cx-premium-solutions__grid {
	align-items: stretch;
	grid-auto-rows: 1fr;
}

.cx-premium-solutions__grid > a {
	display: grid;
	grid-template-rows: 3.3rem 5.5rem auto minmax(6rem, 1fr) auto;
	align-items: start;
}

.cx-premium-solutions__mark {
	margin-bottom: 0;
}

.cx-premium-solutions__grid small {
	align-self: end;
	margin-top: 0;
}

.cx-premium-solutions__grid strong {
	align-self: end;
}

.cx-product-gallery__panel button,
.cx-product-gallery__mini-panel button {
	display: block;
	width: 2.75rem;
	height: 2.75rem;
	padding: 0;
	border: 3px solid #fff;
	border-radius: 50%;
	background: #d3b891;
	box-shadow: 0 0 0 1px rgba(9, 19, 33, 0.14);
	cursor: pointer;
	transition: box-shadow 160ms ease, transform 160ms ease;
}

.cx-product-gallery__panel button:hover,
.cx-product-gallery__mini-panel button:hover {
	transform: translateY(-1px);
}

.cx-product-gallery__panel button:focus-visible,
.cx-product-gallery__mini-panel button:focus-visible {
	outline: 2px solid var(--cx-premium-blue);
	outline-offset: 3px;
}

.cx-product-gallery__panel button.is-active,
.cx-product-gallery__mini-panel button.is-active {
	box-shadow: 0 0 0 2px var(--cx-premium-blue);
}

.cx-product-gallery__panel button[data-swatch="oak"],
.cx-product-gallery__mini-panel button[data-swatch="oak"] { background: #d3b891; }
.cx-product-gallery__panel button[data-swatch="smoked"],
.cx-product-gallery__mini-panel button[data-swatch="smoked"] { background: #806b59; }
.cx-product-gallery__panel button[data-swatch="charcoal"],
.cx-product-gallery__mini-panel button[data-swatch="charcoal"] { background: #303a43; }
.cx-product-gallery__panel button[data-swatch="bronze"],
.cx-product-gallery__mini-panel button[data-swatch="bronze"] { background: #a7896d; }
.cx-product-gallery__panel button[data-swatch="sage"],
.cx-product-gallery__mini-panel button[data-swatch="sage"] { background: #a8b2a2; }
.cx-product-gallery__panel button[data-swatch="warm-grey"],
.cx-product-gallery__mini-panel button[data-swatch="warm-grey"] { background: #b7b3ae; }
.cx-product-gallery__panel button[data-swatch="mixed"],
.cx-product-gallery__mini-panel button[data-swatch="mixed"] {
	background:
		linear-gradient(90deg, #d3b891 0 50%, #eee9df 50%) top / 100% 50% no-repeat,
		linear-gradient(90deg, #a8b2a2 0 50%, #303a43 50%) bottom / 100% 50% no-repeat;
}

.cx-product-gallery__panel button[data-swatch="oak-charcoal"],
.cx-product-gallery__mini-panel button[data-swatch="oak-charcoal"] {
	background: linear-gradient(90deg, #d3b891 0 50%, #303a43 50%);
}

.cx-product-gallery__panel button[data-swatch="sand-bronze"],
.cx-product-gallery__mini-panel button[data-swatch="sand-bronze"] {
	background: linear-gradient(90deg, #d8c4a5 0 50%, #9a7457 50%);
}

.cx-home-v2__products .cx-product-gallery__card {
	display: grid;
	grid-template-rows: auto minmax(0, 1fr);
}

.cx-home-v2__products .cx-product-gallery__caption {
	height: 100%;
}

.cx-visually-hidden {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

.cx-home-v2__products [data-cx-auto-variants] .cx-product-gallery__panel > div,
.cx-home-v2__products [data-cx-auto-variants] .cx-product-gallery__mini-panel > div {
	position: relative;
}

.cx-variant-interaction-hint {
	--cx-hint-x: 50%;
	position: absolute;
	z-index: 3;
	top: 0;
	left: var(--cx-hint-x);
	display: grid;
	width: 1.35rem;
	height: 1.35rem;
	place-items: center;
	color: var(--cx-premium-ink);
	opacity: 0;
	pointer-events: none;
	filter: drop-shadow(0 2px 2px rgba(255, 255, 255, 0.96));
	transform: translate3d(-50%, 0, 0) rotate(-8deg);
}

.cx-variant-interaction-hint svg {
	display: block;
	width: 100%;
	height: 100%;
}

[data-cx-auto-variants].is-hinting .cx-variant-interaction-hint {
	animation: cx-variant-interaction-hint 900ms cubic-bezier(.22, .7, .25, 1) both;
}

[data-cx-auto-variants].is-hinting [data-cx-gallery-variant].is-next {
	animation: cx-variant-option-pulse 900ms ease-out both;
}

@keyframes cx-variant-interaction-hint {
	0%, 12% {
		opacity: 0;
		transform: translate3d(-50%, -0.3rem, 0) rotate(-10deg) scale(0.94);
	}
	30%, 68% {
		opacity: 0.7;
		transform: translate3d(-50%, 0, 0) rotate(-8deg) scale(1);
	}
	78% {
		opacity: 0.78;
		transform: translate3d(-50%, 0.12rem, 0) rotate(-8deg) scale(0.96);
	}
	100% {
		opacity: 0;
		transform: translate3d(-50%, 0, 0) rotate(-8deg) scale(1);
	}
}

@keyframes cx-variant-option-pulse {
	0%, 34%, 100% {
		transform: none;
	}
	62% {
		transform: translateY(-1px) scale(1.045);
	}
	80% {
		transform: none;
	}
}

@media (max-width: 980px) {
	.cx-premium-showcase__grid {
		grid-template-columns: 1fr;
	}

	.cx-premium-showcase__copy h2 {
		max-width: 14ch;
	}
}

@media (max-width: 760px) {
	.cx-premium-hero__copy h1 {
		font-size: clamp(2.85rem, 12vw, 3.45rem);
		line-height: 1.035;
		letter-spacing: -0.035em;
	}

	.cx-premium-section-head h2,
	.cx-premium-showcase__copy h2,
	.cx-premium-outcomes__grid > div:first-child h2 {
		line-height: 1.055;
		letter-spacing: -0.032em;
	}

	.cx-premium-process__grid article {
		grid-template-rows: 20rem auto;
	}

	.cx-process-visual {
		height: 20rem;
	}
}

@media (max-width: 560px) {
	.cx-premium-hero__copy h1 {
		font-size: clamp(3rem, 14.5vw, 4.15rem);
	}

	.cx-premium-process__grid article {
		grid-template-rows: 18rem auto;
	}

	.cx-process-visual {
		height: 18rem;
	}

	.cx-premium-showcase__copy h2 {
		font-size: clamp(2.75rem, 12.8vw, 3.8rem);
	}

	.cx-premium-process .cx-premium-section-head--center h2 {
		max-width: 100%;
		font-size: 2.5rem;
	}
}

/* ConfigUX marketplace and WooCommerce system pages - 0.11.0 */
.cx-marketplace-page {
	color: #0b1423;
	background: #f7f8f4;
}

.cx-marketplace-hero {
	padding: clamp(5.5rem, 10vw, 9rem) 0 clamp(4.5rem, 8vw, 7rem);
	background:
		radial-gradient(circle at 82% 18%, rgba(50, 107, 255, 0.14), transparent 30rem),
		linear-gradient(180deg, #fbfcf9 0%, #f4f7f3 100%);
}

.cx-marketplace-hero__grid {
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(30rem, 1.1fr);
	align-items: center;
	gap: clamp(3rem, 8vw, 8rem);
}

.cx-marketplace-hero h1 {
	max-width: 12ch;
	margin: 1.1rem 0 1.4rem;
	font-size: clamp(3.7rem, 6.8vw, 7rem);
	line-height: 0.92;
	letter-spacing: -0.065em;
}

.cx-marketplace-hero h1 em {
	color: #326bff;
	font-style: normal;
}

.cx-marketplace-hero p {
	max-width: 38rem;
	color: #5e6d80;
	font-size: clamp(1.05rem, 1.4vw, 1.25rem);
	line-height: 1.65;
}

.cx-marketplace-route-map {
	display: grid;
	padding: clamp(1rem, 2vw, 1.5rem);
	border: 1px solid rgba(11, 20, 35, 0.1);
	border-radius: 1.5rem;
	gap: 0.75rem;
	background: rgba(255, 255, 255, 0.88);
	box-shadow: 0 30px 80px rgba(11, 20, 35, 0.09);
}

.cx-marketplace-route-map > div {
	display: grid;
	min-height: 8.5rem;
	padding: 1.25rem;
	border: 1px solid #e0e6ec;
	border-radius: 1rem;
	grid-template-columns: minmax(7rem, 0.35fr) 1fr;
	align-content: center;
	gap: 0.35rem 1rem;
	background: #fff;
}

.cx-marketplace-route-map > div:nth-child(2) {
	background: #edf9f6;
}

.cx-marketplace-route-map > div:nth-child(3) {
	color: #fff;
	background: #0b192c;
}

.cx-marketplace-route-map span {
	grid-row: 1 / span 2;
	align-self: center;
	color: #326bff;
	font-size: 0.62rem;
	font-weight: 850;
	letter-spacing: 0.1em;
}

.cx-marketplace-route-map strong {
	font-size: 1.15rem;
}

.cx-marketplace-route-map small {
	color: #6b7889;
	line-height: 1.45;
}

.cx-marketplace-route-map > div:nth-child(3) small {
	color: #aeb9c6;
}

.cx-marketplace-routes,
.cx-marketplace-products {
	background: #fff;
}

.cx-marketplace-routes__grid {
	display: grid;
	margin-top: clamp(2.5rem, 6vw, 5rem);
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1rem;
}

.cx-marketplace-routes__grid article {
	display: flex;
	min-height: 28rem;
	padding: clamp(1.4rem, 2.8vw, 2rem);
	border: 1px solid #dce3e8;
	border-radius: 1.35rem;
	flex-direction: column;
	background: #f8faf7;
}

.cx-marketplace-routes__grid article.is-dark {
	color: #fff;
	border-color: #0b192c;
	background: #0b192c;
}

.cx-marketplace-routes__icon {
	display: grid;
	width: 3.5rem;
	height: 3.5rem;
	margin-bottom: auto;
	place-items: center;
	border-radius: 0.85rem;
	color: #fff;
	font-size: 1.1rem;
	font-weight: 850;
	background: #326bff;
	box-shadow: 0 14px 28px rgba(50, 107, 255, 0.2);
}

.cx-marketplace-routes__icon--mint {
	color: #0b1423;
	background: #5bd6b8;
	box-shadow: 0 14px 28px rgba(91, 214, 184, 0.22);
}

.cx-marketplace-routes__grid small {
	margin-top: 2.5rem;
	color: #7d8998;
	font-size: 0.6rem;
	font-weight: 850;
	letter-spacing: 0.1em;
}

.cx-marketplace-routes__grid h3 {
	margin: 0.75rem 0;
	font-size: clamp(1.7rem, 2.5vw, 2.25rem);
	letter-spacing: -0.045em;
}

.cx-marketplace-routes__grid p {
	color: #617084;
	line-height: 1.65;
}

.cx-marketplace-routes__grid .is-dark p,
.cx-marketplace-routes__grid .is-dark small {
	color: #aab7c5;
}

.cx-marketplace-routes__grid a {
	margin-top: 1.5rem;
	color: inherit;
	font-weight: 780;
	text-decoration: none;
}

.cx-marketplace-empty {
	display: grid;
	margin-top: clamp(2rem, 5vw, 4rem);
	padding: clamp(2rem, 5vw, 4.5rem);
	border: 1px solid #dce3e8;
	border-radius: 1.35rem;
	gap: 1rem;
	background: #f7f9f7;
}

.cx-marketplace-empty__title {
	margin: 0;
}

.cx-marketplace-empty strong {
	display: block;
	max-width: 22ch;
	font-size: clamp(1.8rem, 3.3vw, 3rem);
	line-height: 1.05;
	letter-spacing: -0.045em;
}

.cx-marketplace-empty p {
	max-width: 48rem;
	margin: 0;
	color: #607084;
	line-height: 1.65;
}

.cx-marketplace-empty > div {
	display: flex;
	align-items: center;
	gap: 1rem;
	flex-wrap: wrap;
}

.cx-marketplace-clarity {
	color: #fff;
	background: #0b192c;
}

.cx-marketplace-clarity__grid {
	display: grid;
	grid-template-columns: minmax(0, 0.85fr) minmax(30rem, 1.15fr);
	gap: clamp(3rem, 9vw, 9rem);
}

.cx-marketplace-clarity h2 {
	max-width: 13ch;
	margin: 1rem 0 0;
	font-size: clamp(3rem, 5.5vw, 5.5rem);
	line-height: 0.94;
	letter-spacing: -0.06em;
}

.cx-marketplace-clarity__list {
	display: grid;
	gap: 0.75rem;
}

.cx-marketplace-clarity__list article {
	display: grid;
	padding: 1.3rem;
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 1rem;
	grid-template-columns: 3rem 1fr;
	gap: 1rem;
	background: rgba(255, 255, 255, 0.04);
}

.cx-marketplace-clarity__list article > span {
	color: #5bd6b8;
	font-size: 0.68rem;
	font-weight: 850;
	letter-spacing: 0.08em;
}

.cx-marketplace-clarity__list strong {
	font-size: 1.05rem;
}

.cx-marketplace-clarity__list p {
	margin: 0.4rem 0 0;
	color: #aab7c5;
	line-height: 1.55;
}

.woocommerce-cart main,
.woocommerce-checkout main,
.woocommerce-account main {
	padding-bottom: clamp(4rem, 8vw, 8rem);
}

.woocommerce-cart main > .wp-block-post-title,
.woocommerce-checkout main > .wp-block-post-title,
.woocommerce-account main > .wp-block-post-title {
	display: none;
}

.woocommerce-cart .wp-block-woocommerce-cart,
.woocommerce-checkout .wp-block-woocommerce-checkout,
.woocommerce-account .woocommerce {
	width: min(calc(100% - 2rem), 1180px);
	margin-right: auto;
	margin-left: auto;
}

.woocommerce-account .woocommerce {
	padding: clamp(1.5rem, 4vw, 3rem);
	border: 1px solid #dce3e8;
	border-radius: 1.25rem;
	background: #fff;
}

.woocommerce a.button,
.woocommerce button.button,
.wc-block-components-button {
	border-radius: 999px !important;
}

@media (max-width: 980px) {
	.cx-marketplace-hero__grid,
	.cx-marketplace-clarity__grid {
		grid-template-columns: 1fr;
	}

	.cx-marketplace-routes__grid {
		grid-template-columns: 1fr 1fr;
	}
}

@media (max-width: 680px) {
	.cx-marketplace-hero {
		padding-top: 3.5rem;
	}

	.cx-marketplace-hero h1,
	.cx-marketplace-clarity h2 {
		font-size: clamp(3rem, 14vw, 4.25rem);
	}

	.cx-marketplace-route-map > div {
		grid-template-columns: 1fr;
	}

	.cx-marketplace-route-map span {
		grid-row: auto;
	}

	.cx-marketplace-routes__grid {
		grid-template-columns: 1fr;
	}

	.cx-marketplace-routes__grid article {
		min-height: 23rem;
	}
}

/* ConfigUX 0.12.0 - English information architecture, access and legal system. */
.cx-skip-link {
	position: fixed;
	z-index: 100000;
	top: 0.75rem;
	left: 0.75rem;
	padding: 0.75rem 1rem;
	border-radius: 0.65rem;
	color: #fff;
	background: #0b192c;
	box-shadow: 0 12px 30px rgba(11, 25, 44, 0.24);
	transform: translateY(-160%);
}

.cx-skip-link:focus {
	color: #fff;
	transform: translateY(0);
}

:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
	outline: 3px solid #326bff;
	outline-offset: 3px;
}

.cx-resource-hero h1,
.cx-legal-hero h1 {
	max-width: 14ch;
	margin: 1.15rem 0 1.4rem;
	font-size: clamp(3.5rem, 7.4vw, 7.5rem);
	line-height: 0.92;
	letter-spacing: -0.065em;
}

.cx-resource-stat,
.cx-about-identity,
.cx-start-summary {
	padding: clamp(1.5rem, 3.5vw, 2.5rem);
	border: 1px solid #d9e2e5;
	border-radius: 1.35rem;
	background: rgba(255, 255, 255, 0.78);
	box-shadow: 0 24px 70px rgba(25, 44, 61, 0.08);
}

.cx-resource-stat span,
.cx-about-identity span {
	color: #617084;
	line-height: 1.6;
}

.cx-start-summary {
	display: grid;
	gap: 0.35rem;
}

.cx-start-summary article {
	display: grid;
	padding: 1rem 0;
	border-bottom: 1px solid #e2e8ea;
	grid-template-columns: 2.2rem 1fr;
	gap: 0.75rem;
}

.cx-start-summary article:last-child { border-bottom: 0; }
.cx-start-summary article > span { color: #326bff; font-size: 0.68rem; font-weight: 850; letter-spacing: 0.08em; }
.cx-start-summary strong { font-size: 1rem; }
.cx-start-summary p { margin: 0.35rem 0 0; color: #617084; font-size: 0.9rem; line-height: 1.55; }

.cx-start-routes__grid,
.cx-about-principles__grid,
.cx-support-routes__grid {
	display: grid;
	margin-top: clamp(2.5rem, 6vw, 5rem);
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1rem;
}

.cx-start-routes__grid article,
.cx-support-routes__grid article,
.cx-about-principles__grid article {
	display: flex;
	min-height: 23rem;
	padding: clamp(1.4rem, 3vw, 2.1rem);
	border: 1px solid #dce3e8;
	border-radius: 1.25rem;
	flex-direction: column;
	background: #f8faf7;
	transition: border-color 180ms ease, transform 180ms ease, box-shadow 180ms ease;
}

.cx-start-routes__grid article.is-featured,
.cx-start-routes__grid article.is-selected {
	border-color: #326bff;
	box-shadow: 0 18px 50px rgba(50, 107, 255, 0.14);
}

.cx-start-routes__grid article:hover,
.cx-support-routes__grid article:hover { transform: translateY(-3px); }
.cx-start-routes__grid small,
.cx-start-routes__grid article > span,
.cx-support-routes__grid article > span,
.cx-about-principles__grid article > span { color: #326bff; font-size: 0.65rem; font-weight: 850; letter-spacing: 0.1em; }
.cx-start-routes__grid h3,
.cx-support-routes__grid h2,
.cx-about-principles__grid h3 { margin: auto 0 0.8rem; font-size: clamp(1.65rem, 2.5vw, 2.35rem); letter-spacing: -0.045em; }
.cx-start-routes__grid p,
.cx-support-routes__grid p,
.cx-about-principles__grid p { color: #617084; line-height: 1.65; }
.cx-start-route-limits { margin-top: 0.55rem; color: #526075; font-size: 0.82rem; }
.cx-start-route-limits summary { display: inline-flex; align-items: center; gap: 0.45rem; cursor: pointer; font-weight: 720; list-style: none; }
.cx-start-route-limits summary::-webkit-details-marker { display: none; }
.cx-start-route-limits summary span { display: inline-grid; width: 1.05rem; height: 1.05rem; place-items: center; border: 1px solid #c7d0d9; border-radius: 50%; color: #687587; font-size: 0.65rem; }
.cx-start-route-limits p { margin: 0.55rem 0 0; font-size: 0.78rem; line-height: 1.5; }
.cx-start-routes__grid a,
.cx-support-routes__grid a { margin-top: 1rem; color: #0b192c; font-weight: 780; text-decoration: none; }

.cx-start-request__grid,
.cx-about-story__grid,
.cx-about-company__grid,
.cx-example-method__grid,
.cx-support-brief__grid {
	display: grid;
	grid-template-columns: minmax(0, 0.82fr) minmax(28rem, 1.18fr);
	gap: clamp(3rem, 9vw, 9rem);
}

.cx-start-request h2,
.cx-about-story h2,
.cx-about-company h2,
.cx-example-method h2,
.cx-support-brief h2 {
	max-width: 12ch;
	margin: 1rem 0;
	font-size: clamp(2.8rem, 5.3vw, 5.2rem);
	line-height: 0.98;
	letter-spacing: -0.06em;
	hyphens: auto;
	overflow-wrap: anywhere;
}

.cx-start-request__note { margin-top: 2rem; color: #617084; }
.cx-check-list { display: grid; padding: 0; gap: 0.75rem; list-style: none; }
.cx-check-list li::before { margin-right: 0.65rem; color: #00a884; content: '✓'; font-weight: 900; }

/* The imported forms engine keeps its proven functionality, while the public
   ConfigUX site uses the light brand surface instead of the legacy dark card. */
.cx-page-shell .vbf-form-wrap.vbf-style-visualbuy_card,
.cx-page-shell .vbf-form-wrap.vbf-style-compact_card {
	color: #0b192c;
	border-color: #d6dfe3;
	background: #fff;
	box-shadow: 0 22px 60px rgba(20, 40, 58, 0.09);
}

.cx-page-shell .vbf-style-visualbuy_card .vbf-privacy-notice,
.cx-page-shell .vbf-style-compact_card .vbf-privacy-notice {
	color: #526174;
}

.cx-example-gallery__grid {
	display: grid;
	margin-top: clamp(2.5rem, 6vw, 5rem);
	grid-template-columns: 1fr 1fr;
	gap: 1rem;
}

.cx-example-gallery__grid article {
	overflow: hidden;
	border: 1px solid #dce3e8;
	border-radius: 1.35rem;
	background: #fff;
}

.cx-example-gallery__image { aspect-ratio: 1.35 / 1; overflow: hidden; background: #eef3ee; }
.cx-example-gallery__image img { width: 100%; height: 100%; object-fit: cover; transition: transform 350ms ease; }
.cx-example-gallery__grid article:hover img { transform: scale(1.025); }
.cx-example-gallery__grid article > div:last-child { padding: clamp(1.4rem, 3vw, 2rem); }
.cx-example-gallery__grid small { color: #326bff; font-size: 0.64rem; font-weight: 850; letter-spacing: 0.1em; }
.cx-example-gallery__grid h3 { margin: 0.9rem 0; font-size: clamp(1.75rem, 3vw, 2.65rem); letter-spacing: -0.05em; }
.cx-example-gallery__grid p { color: #617084; line-height: 1.65; }
.cx-example-gallery__grid article > div:last-child > span { display: block; margin-top: 1.5rem; color: #788697; font-size: 0.72rem; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; }
.cx-example-gallery__grid article.is-dark { color: #fff; border-color: #0b192c; background: #0b192c; }
.cx-example-gallery__grid article.is-dark p { color: #aeb9c5; }

.cx-example-method__grid > div:last-child { display: grid; gap: 0.75rem; }
.cx-example-method article { display: grid; padding: 1.2rem 0; border-bottom: 1px solid #dce3e8; grid-template-columns: 3rem 1fr; gap: 1rem; }
.cx-example-method article > span { color: #326bff; font-size: 0.68rem; font-weight: 850; }
.cx-example-method p { margin: 0.35rem 0 0; color: #617084; }

.cx-guide-grid__items { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.cx-guide-grid__items article { display: flex; min-height: 31rem; padding: clamp(1.5rem, 3.5vw, 2.75rem); border: 1px solid #dce3e8; border-radius: 1.35rem; flex-direction: column; background: #f8faf7; }
.cx-guide-grid__items article > span { color: #326bff; font-size: 0.65rem; font-weight: 850; letter-spacing: 0.1em; }
.cx-guide-grid__items h2 { max-width: 16ch; margin: auto 0 1rem; font-size: clamp(2rem, 3.5vw, 3.35rem); line-height: 1; letter-spacing: -0.055em; }
.cx-guide-grid__items p,
.cx-guide-grid__items li { color: #617084; line-height: 1.6; }
.cx-guide-grid__items a { margin-top: 1.5rem; color: inherit; font-weight: 780; text-decoration: none; }
.cx-guide-grid__items .is-dark,
.cx-support-routes__grid .is-dark { color: #fff; border-color: #0b192c; background: #0b192c; }
.cx-guide-grid__items .is-dark p,
.cx-guide-grid__items .is-dark li,
.cx-support-routes__grid .is-dark p { color: #aeb9c5; }
.cx-guide-principles ol { display: grid; margin: 3rem 0 0; padding: 0; grid-template-columns: repeat(5, 1fr); gap: 0; list-style: none; }
.cx-guide-principles li { min-height: 14rem; padding: 1.25rem; border-top: 1px solid #cfd8dc; border-right: 1px solid #cfd8dc; }
.cx-guide-principles li:first-child { border-left: 1px solid #cfd8dc; }
.cx-guide-principles li span { color: #326bff; font-size: 0.65rem; font-weight: 850; }
.cx-guide-principles li p { margin-top: 3rem; line-height: 1.5; }

.cx-about-hero__grid,
.cx-careers-hero__grid {
	align-items: center;
	grid-template-columns: minmax(0, 0.95fr) minmax(28rem, 1.05fr);
	gap: clamp(3rem, 6vw, 6rem);
}
.cx-about-hero__title {
	max-width: none !important;
	font-size: clamp(3.15rem, 4.05vw, 4.7rem) !important;
	line-height: 0.96 !important;
}
.cx-about-hero__title span,
.cx-about-hero__title em {
	display: block;
	white-space: nowrap;
}
.cx-about-hero-visual,
.cx-careers-hero-visual {
	position: relative;
	min-width: 0;
	margin: 0;
}
.cx-about-hero-visual {
	overflow: hidden;
	border: 1px solid #d9e2e5;
	border-radius: 1.5rem;
	background: #f1f3ee;
	box-shadow: 0 28px 80px rgba(25, 44, 61, 0.12);
}
.cx-about-hero-visual img {
	display: block;
	width: 100%;
	height: clamp(29rem, 40vw, 35rem);
	object-fit: cover;
	object-position: center;
}
.cx-about-hero-visual figcaption,
.cx-careers-hero-visual figcaption {
	position: absolute;
	right: 1rem;
	bottom: 1rem;
	display: grid;
	max-width: min(20rem, calc(100% - 2rem));
	padding: 0.8rem 1rem;
	border: 1px solid rgba(217, 226, 229, 0.92);
	border-radius: 0.9rem;
	background: rgba(255, 255, 255, 0.94);
	box-shadow: 0 14px 40px rgba(25, 44, 61, 0.14);
	backdrop-filter: blur(10px);
}
.cx-about-hero-visual figcaption span,
.cx-careers-hero-visual figcaption span {
	color: #08745f;
	font-size: 0.64rem;
	font-weight: 850;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}
.cx-about-hero-visual figcaption strong,
.cx-careers-hero-visual figcaption strong {
	margin-top: 0.2rem;
	font-size: 0.92rem;
	line-height: 1.35;
}
.cx-careers-hero-visual {
	display: grid;
	min-height: clamp(26rem, 36vw, 35rem);
	align-items: end;
}
.cx-careers-hero-visual::before {
	position: absolute;
	z-index: 0;
	inset: 9% 5% 5%;
	border: 1px solid rgba(50, 107, 255, 0.12);
	border-radius: 50%;
	background: radial-gradient(circle at 50% 55%, rgba(91, 214, 184, 0.2), rgba(50, 107, 255, 0.06) 55%, transparent 72%);
	content: "";
}
.cx-careers-hero-visual img {
	position: relative;
	z-index: 1;
	display: block;
	width: 112%;
	max-width: none;
	height: auto;
	margin-left: -6%;
}
.cx-careers-hero-visual figcaption { z-index: 2; }
.cx-about-story__grid { align-items: start; }
.cx-about-story__grid > div:last-child {
	padding-top: clamp(3.7rem, 5vw, 4.4rem);
	font-size: clamp(1.15rem, 1.6vw, 1.35rem);
	line-height: 1.7;
}
.cx-about-story__grid p { margin: 0 0 1.4rem; color: #526174; }
.cx-about-principles__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.cx-about-principles__grid article { min-height: 20rem; }
.cx-about-principles__grid h3 {
	min-height: 2em;
	margin: 2.5rem 0 1rem;
}

.cx-careers-roles__grid {
	display: grid;
	margin-top: clamp(2.5rem, 6vw, 5rem);
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1rem;
}
.cx-careers-roles__grid article {
	display: flex;
	min-height: 25rem;
	padding: clamp(1.5rem, 3vw, 2.25rem);
	flex-direction: column;
	border: 1px solid #dce3e8;
	border-radius: 1.35rem;
	background: #fff;
}
.cx-careers-roles__grid article.is-filled { opacity: 0.72; background: #eef2f1; }
.cx-careers-status {
	align-self: flex-start;
	padding: 0.4rem 0.65rem;
	border-radius: 999px;
	font-size: 0.7rem;
	font-weight: 850;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}
.cx-careers-status.is-open { color: #08745f; background: #dff8ef; }
.cx-careers-status.is-filled { color: #617084; background: #dfe6e5; }
.cx-careers-roles__grid small {
	min-height: 2.5em;
	margin-top: 2rem;
	color: #326bff;
	font-weight: 850;
	letter-spacing: 0.1em;
}
.cx-careers-roles__grid h3 {
	max-width: 14ch;
	min-height: 2em;
	margin: 1.5rem 0 1rem;
	font-size: clamp(2rem, 3.5vw, 3.35rem);
	line-height: 1;
	letter-spacing: -0.055em;
}
.cx-careers-roles__grid p { color: #617084; line-height: 1.65; }
.cx-careers-roles__grid a,
.cx-careers-closed { margin-top: auto; padding-top: 1.25rem; color: #0b192c; font-weight: 780; text-decoration: none; }
.cx-careers-values__grid,
.cx-careers-apply__grid {
	display: grid;
	align-items: start;
	grid-template-columns: minmax(0, 0.82fr) minmax(28rem, 1.18fr);
	gap: clamp(3rem, 9vw, 9rem);
}
.cx-careers-values h2,
.cx-careers-apply h2 { max-width: 12ch; margin: 1rem 0; font-size: clamp(2.8rem, 5.3vw, 5.2rem); line-height: 0.98; letter-spacing: -0.06em; }
.cx-careers-values p,
.cx-careers-apply p { color: #617084; line-height: 1.7; }
.cx-careers-values__grid > :last-child,
.cx-careers-apply__grid > :last-child { padding-top: clamp(3.65rem, 5vw, 4.35rem); }
.cx-careers-values__grid > :last-child { margin: 0; }
.cx-careers-response-note { margin-top: 2rem; font-size: 0.9rem; }
.cx-careers-response-note a { color: #326bff; }

.cx-support-routes__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.cx-support-routes__grid article { min-height: 22rem; }
.cx-support-brief ol { display: grid; margin: 0; padding: 0; gap: 0.25rem; list-style: none; }
.cx-support-brief li { display: grid; padding: 1rem 0; border-bottom: 1px solid #dce3e8; grid-template-columns: 3rem 1fr; }
.cx-support-brief li span { color: #326bff; font-size: 0.68rem; font-weight: 850; }
.cx-support-brief li p { margin: 0; }

.cx-legal-hero { padding: clamp(5rem, 11vw, 9rem) 0 clamp(3rem, 6vw, 5rem); border-bottom: 1px solid #dce3e8; background: #f6f8f5; }
.cx-legal-hero h1 { max-width: none; }
.cx-legal-hero p { max-width: 48rem; color: #617084; font-size: 1.15rem; line-height: 1.65; }
.cx-legal-hero small { display: block; margin-top: 1.5rem; color: #788697; }
.cx-legal-layout { display: grid; align-items: start; grid-template-columns: 15rem minmax(0, 1fr); gap: clamp(3rem, 8vw, 8rem); }
.cx-legal-layout > nav { position: sticky; top: 7rem; display: grid; padding: 1.25rem; border: 1px solid #dce3e8; border-radius: 1rem; gap: 0.65rem; background: #f8faf7; }
.cx-legal-layout > nav strong { margin-bottom: 0.35rem; }
.cx-legal-layout > nav a { color: #526174; font-size: 0.88rem; text-decoration: none; }
.cx-legal-content { display: grid; min-width: 0; width: 100%; max-width: 52rem; gap: 0; }
.cx-legal-content section { padding: 0 0 2.25rem; scroll-margin-top: 7rem; }
.cx-legal-content h2 { margin: 0 0 1rem; font-size: clamp(1.8rem, 3vw, 2.6rem); letter-spacing: -0.04em; }
.cx-legal-content p,
.cx-legal-content li { color: #526174; line-height: 1.75; }
.cx-legal-content address { color: #526174; font-style: normal; line-height: 1.75; }
.cx-legal-table-wrap { overflow-x: auto; contain: inline-size; min-width: 0; width: 100%; max-width: 100%; margin: 1.25rem 0; border: 1px solid #dce3e8; border-radius: 1rem; }
.cx-legal-content table { width: 100%; border-collapse: collapse; min-width: 38rem; }
.cx-legal-content th,
.cx-legal-content td { padding: 1rem; border-bottom: 1px solid #e2e8ea; text-align: left; vertical-align: top; }
.cx-legal-content th { color: #0b192c; font-size: 0.75rem; letter-spacing: 0.06em; text-transform: uppercase; background: #f6f8f5; }
.cx-legal-content tr:last-child td { border-bottom: 0; }

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { scroll-behavior: auto !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
}

@media (max-width: 1100px) {
	.cx-support-routes__grid,
	.cx-about-principles__grid { grid-template-columns: 1fr 1fr; }
	.cx-guide-principles ol { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 820px) {
	.cx-resource-hero__grid,
	.cx-start-request__grid,
	.cx-about-story__grid,
	.cx-about-company__grid,
	.cx-careers-values__grid,
	.cx-careers-apply__grid,
	.cx-example-method__grid,
	.cx-support-brief__grid,
	.cx-legal-layout { grid-template-columns: minmax(0, 1fr); }
	.cx-resource-stat,
	.cx-about-identity { min-height: auto; }
	.cx-about-story__grid > div:last-child,
	.cx-careers-values__grid > :last-child,
	.cx-careers-apply__grid > :last-child { padding-top: 0; }
	.cx-about-hero__grid,
	.cx-careers-hero__grid { grid-template-columns: 1fr; }
	.cx-about-hero-visual img { height: clamp(18rem, 66vw, 26rem); }
	.cx-careers-hero-visual { min-height: auto; }
	.cx-start-routes__grid,
	.cx-example-gallery__grid,
	.cx-guide-grid__items,
	.cx-careers-roles__grid { grid-template-columns: 1fr; }
	.cx-legal-layout > nav { position: static; }
}

@media (max-width: 620px) {
	.cx-resource-hero h1,
	.cx-legal-hero h1 { font-size: clamp(3.15rem, 15vw, 4.5rem); }
	.cx-about-hero__title { font-size: clamp(2rem, 9.4vw, 2.7rem) !important; }
	.cx-about-hero-visual figcaption,
	.cx-careers-hero-visual figcaption {
		right: 0.75rem;
		bottom: 0.75rem;
		max-width: calc(100% - 1.5rem);
	}
	.cx-careers-hero-visual img {
		width: 118%;
		margin-left: -9%;
	}
	.cx-careers-hero-visual {
		overflow: hidden;
	}
	.cx-support-routes__grid,
	.cx-about-principles__grid,
	.cx-guide-principles ol { grid-template-columns: 1fr; }
	.cx-start-routes__grid article,
	.cx-support-routes__grid article,
	.cx-about-principles__grid article,
	.cx-guide-grid__items article { min-height: 20rem; }
	.cx-guide-principles li { min-height: auto; border-left: 1px solid #cfd8dc; }
}

/* ConfigUX 0.18.2 - useful localized 404 state. */
.cx-not-found {
	display: grid;
	min-height: min(72rem, calc(100vh - 5.5rem));
	padding: clamp(5rem, 10vw, 9rem) 0;
	place-items: center;
	background: radial-gradient(circle at 75% 25%, rgba(91, 214, 184, 0.14), transparent 30%), #fafbf8;
}
.cx-not-found__panel { max-width: 54rem; text-align: center; }
.cx-not-found__panel .cx-kicker { justify-content: center; }
.cx-not-found__code { display: block; margin: 1.2rem 0 -0.5rem; color: rgba(50, 107, 255, 0.16); font-size: clamp(7rem, 23vw, 16rem); font-weight: 850; line-height: 0.82; letter-spacing: -0.09em; }
.cx-not-found h1 { max-width: 12ch; margin: 0 auto; font-size: clamp(3rem, 7vw, 6.5rem); line-height: 0.94; letter-spacing: -0.065em; }
.cx-not-found p { max-width: 43rem; margin: 1.5rem auto 0; color: #617084; font-size: clamp(1rem, 1.6vw, 1.2rem); line-height: 1.7; }
.cx-not-found__actions { display: flex; margin-top: 2rem; align-items: center; justify-content: center; flex-wrap: wrap; gap: 1.1rem; }

/* Version 0.17.0 - eight-section visual homepage */
.cx-home-v2 {
	--cxv2-paper: #f6f6f2;
	--cxv2-soft: #edf3ef;
	--cxv2-ink: #091521;
	--cxv2-line: rgba(9, 21, 33, 0.12);
	--cxv2-blue: #376ff8;
	--cxv2-mint: #58d5b5;
	background: #fff;
	font-kerning: normal;
	font-feature-settings: "kern" 1, "liga" 1;
	text-rendering: optimizeLegibility;
}

.cx-home-v2 .cx-section {
	padding-top: clamp(5.25rem, 7vw, 7.5rem);
	padding-bottom: clamp(5.25rem, 7vw, 7.5rem);
}

.cx-home-v2 .cx-premium-section-head {
	margin-bottom: clamp(2.4rem, 4.5vw, 4rem);
}

.cx-home-v2 .cx-premium-section-head h2 {
	max-width: 15ch;
	font-size: clamp(3.15rem, 4.65vw, 4.9rem);
	line-height: 1.02;
	letter-spacing: -0.038em;
	overflow-wrap: normal;
	text-wrap: balance;
}

.cx-home-v2 .cx-premium-section-head > p {
	max-width: 33rem;
	margin: 0;
	color: var(--cx-premium-slate);
	font-size: 1rem;
	line-height: 1.7;
}

.cx-home-v2__hero {
	padding: clamp(4.5rem, 7vw, 7rem) 0 clamp(4.5rem, 7vw, 6.5rem);
}

.cx-home-v2__hero-grid {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(0, 0.84fr) minmax(37rem, 1.16fr);
	align-items: center;
	gap: clamp(3rem, 5vw, 5.5rem);
}

.cx-home-v2 .cx-premium-hero__copy h1 {
	max-width: 10.8ch;
	margin: 1rem 0 1.35rem;
	font-size: clamp(4rem, 5.25vw, 5.7rem);
	line-height: 1.01;
	letter-spacing: -0.041em;
	text-wrap: balance;
}

.cx-home-v2 .cx-premium-hero__copy h1 em {
	display: block;
}

.cx-home-v2 .cx-premium-hero__lead {
	max-width: 31rem;
	font-size: clamp(1.05rem, 1.3vw, 1.2rem);
	line-height: 1.65;
}

.cx-home-v2 .cx-premium-hero__actions {
	flex-wrap: wrap;
}

.cx-home-v2__hero-note {
	display: block;
	max-width: 29rem;
	margin-top: 1rem;
	color: #6f7d8d;
	font-size: 0.68rem;
	line-height: 1.5;
}

.cx-home-v2__console {
	transform: none;
	box-shadow: 0 32px 90px rgba(9, 21, 33, 0.13);
}

.cx-home-v2__console .cx-product-console__topbar div {
	align-items: center;
}

.cx-home-v2__console .cx-product-console__topbar small {
	margin-right: 0.45rem;
	color: #788697;
	font-size: 0.58rem;
	font-weight: 750;
}

.cx-home-v2__console .cx-product-console__workspace {
	grid-template-columns: minmax(0, 1.15fr) minmax(15rem, 0.85fr);
	min-height: 33rem;
}

.cx-home-v2__console .cx-product-console__stage[data-tone] img {
	filter: none;
}

.cx-home-v2__console .cx-product-console__stage img {
	width: 93%;
	height: 93%;
	object-fit: contain;
}

.cx-home-v2__console .cx-product-console__panel-head strong {
	font-size: 0.7rem;
}

.cx-home-v2__trust {
	border-top: 1px solid var(--cxv2-line);
	border-bottom: 1px solid var(--cxv2-line);
	background: #fff;
}

.cx-home-v2__trust .cx-container {
	display: grid;
	grid-template-columns: minmax(15rem, 1.35fr) repeat(3, minmax(10rem, 0.75fr));
	align-items: center;
	min-height: 6.25rem;
	gap: 1rem;
}

.cx-home-v2__trust strong {
	font-size: 0.82rem;
	letter-spacing: -0.02em;
}

.cx-home-v2__trust span {
	position: relative;
	padding-left: 1.15rem;
	color: #657487;
	font-size: 0.72rem;
	font-weight: 720;
}

.cx-home-v2__trust span::before {
	position: absolute;
	top: 0.45em;
	left: 0;
	width: 0.45rem;
	height: 0.45rem;
	border-radius: 50%;
	background: var(--cxv2-mint);
	box-shadow: 0 0 0 4px rgba(88, 213, 181, 0.14);
	content: "";
}

.cx-home-v2__signature {
	background: var(--cxv2-paper);
}

.cx-home-v2__signature-grid {
	display: grid;
	grid-template-columns: minmax(30rem, 1.15fr) minmax(18rem, 0.55fr);
	align-items: start;
	gap: clamp(2.5rem, 6vw, 6rem);
}

.cx-home-v2__signature-stage {
	display: grid;
	gap: 1rem;
	min-width: 0;
}

.cx-home-v2__signature-state {
	overflow: hidden;
	min-height: 34rem;
	border: 1px solid var(--cxv2-line);
	border-radius: 1.45rem;
	background: #fff;
	box-shadow: 0 28px 80px rgba(9, 21, 33, 0.09);
}

.cx-home-v2__signature.is-enhanced .cx-home-v2__signature-state {
	display: none;
}

.cx-home-v2__signature.is-enhanced .cx-home-v2__signature-state.is-active {
	display: block;
	animation: cxv2-state-in 360ms cubic-bezier(.2,.7,.2,1) both;
}

.cx-home-v2__signature-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 4rem;
	padding: 0 1.25rem;
	border-bottom: 1px solid var(--cxv2-line);
	background: #fff;
}

.cx-home-v2__signature-bar span {
	font-size: 0.76rem;
	font-weight: 800;
}

.cx-home-v2__signature-bar small {
	color: #7b8898;
	font-size: 0.6rem;
	font-weight: 750;
}

.cx-home-v2__legacy,
.cx-home-v2__guided {
	display: grid;
	grid-template-columns: minmax(0, 1.2fr) minmax(15rem, 0.8fr);
	min-height: 30rem;
}

.cx-home-v2__legacy > div {
	display: grid;
	place-items: center;
	color: #9aa4af;
	background: repeating-linear-gradient(45deg, #eff1f0, #eff1f0 12px, #f7f7f4 12px, #f7f7f4 24px);
}

.cx-home-v2__legacy > div span {
	display: grid;
	width: 10rem;
	height: 10rem;
	place-items: center;
	border: 1px dashed #c9d0d5;
	border-radius: 50%;
	font-size: 0.68rem;
}

.cx-home-v2__legacy form {
	display: grid;
	align-content: center;
	gap: 0.85rem;
	padding: 1.25rem;
	border-left: 1px solid var(--cxv2-line);
}

.cx-home-v2__legacy label {
	display: grid;
	gap: 0.35rem;
	color: #687789;
	font-size: 0.6rem;
	font-weight: 700;
}

.cx-home-v2__legacy select {
	width: 100%;
	min-height: 2.9rem;
	padding: 0 0.7rem;
	border: 1px solid #dce1e5;
	border-radius: 0.55rem;
	color: #6d7a8a;
	background: #fff;
}

.cx-home-v2__legacy button {
	min-height: 2.9rem;
	margin-top: 0.35rem;
	border: 0;
	border-radius: 0.55rem;
	color: #fff;
	font: inherit;
	font-size: 0.66rem;
	font-weight: 800;
	background: #778391;
}

.cx-home-v2__guided {
	background: radial-gradient(circle at 28% 12%, rgba(88,213,181,0.16), transparent 18rem), #edf3ef;
}

.cx-home-v2__guided > img {
	width: 100%;
	height: 30rem;
	object-fit: contain;
	mix-blend-mode: multiply;
}

.cx-home-v2__guided > div {
	display: grid;
	align-content: center;
	gap: 0.65rem;
	padding: 1.25rem;
	border-left: 1px solid var(--cxv2-line);
	background: rgba(255,255,255,0.94);
}

.cx-home-v2__guided > div > small {
	color: var(--cxv2-blue);
	font-size: 0.58rem;
	font-weight: 850;
	letter-spacing: 0.1em;
}

.cx-home-v2__guided > div > strong {
	margin-bottom: 0.45rem;
	font-size: 1rem;
}

.cx-home-v2__guided > div > span {
	display: flex;
	align-items: center;
	min-height: 2.8rem;
	gap: 0.6rem;
	padding: 0 0.7rem;
	border: 1px solid var(--cxv2-line);
	border-radius: 0.6rem;
	color: #697789;
	font-size: 0.66rem;
	font-weight: 730;
}

.cx-home-v2__guided > div > span.is-selected {
	color: var(--cxv2-ink);
	border-color: rgba(55,111,248,0.45);
	background: #f3f6ff;
}

.cx-home-v2__guided i {
	width: 1.1rem;
	height: 1.1rem;
	border-radius: 50%;
	background: #aab7a8;
}

.cx-home-v2__guided span:nth-of-type(2) i { background: #d2c1a7; }
.cx-home-v2__guided span:nth-of-type(3) i { background: #29384a; }

.cx-home-v2__valid {
	display: grid;
	min-height: 30rem;
	padding: clamp(2rem, 6vw, 5rem);
	place-content: center;
	justify-items: center;
	text-align: center;
	background: radial-gradient(circle at 50% 20%, rgba(88,213,181,0.23), transparent 20rem), #f5faf7;
}

.cx-home-v2__valid-icon {
	display: grid;
	width: 4.5rem;
	height: 4.5rem;
	margin-bottom: 1.3rem;
	place-items: center;
	border-radius: 50%;
	color: #0a6f58;
	font-size: 1.5rem;
	background: #dff5ed;
	box-shadow: 0 0 0 0.7rem rgba(88,213,181,0.11);
}

.cx-home-v2__valid > small {
	color: #14745e;
	font-size: 0.58rem;
	font-weight: 850;
	letter-spacing: 0.11em;
}

.cx-home-v2__valid > strong {
	margin-top: 0.65rem;
	font-size: clamp(1.8rem, 3vw, 2.6rem);
	letter-spacing: -0.045em;
}

.cx-home-v2__valid > p {
	max-width: 29rem;
	margin: 0.7rem 0 1.4rem;
	color: #617084;
	line-height: 1.6;
}

.cx-home-v2__valid > div {
	display: grid;
	grid-template-columns: auto auto;
	gap: 0.55rem 2rem;
	min-width: min(100%, 22rem);
	padding: 1rem;
	border: 1px solid var(--cxv2-line);
	border-radius: 0.85rem;
	text-align: left;
	background: rgba(255,255,255,0.8);
}

.cx-home-v2__valid > div span { color: #718093; font-size: 0.64rem; }
.cx-home-v2__valid > div b { justify-self: end; font-size: 0.66rem; }

.cx-home-v2__signature-steps {
	display: grid;
	gap: 0;
}

.cx-home-v2__signature-steps button {
	display: grid;
	min-height: 17rem;
	padding: 2rem 0 2rem 1.4rem;
	align-content: center;
	gap: 0.55rem;
	border: 0;
	border-left: 2px solid #d9dfe2;
	color: inherit;
	font: inherit;
	text-align: left;
	background: transparent;
	cursor: pointer;
	transition: border-color 180ms ease, color 180ms ease;
}

.cx-home-v2__signature-steps button > span {
	color: #8190a1;
	font-size: 0.6rem;
	font-weight: 850;
	letter-spacing: 0.08em;
}

.cx-home-v2__signature-steps button strong {
	font-size: 1.4rem;
	line-height: 1.05;
	letter-spacing: -0.035em;
}

.cx-home-v2__signature-steps button small {
	max-width: 23rem;
	color: #718093;
	font-size: 0.78rem;
	line-height: 1.55;
}

.cx-home-v2__signature-steps button.is-active {
	border-color: var(--cxv2-blue);
}

.cx-home-v2__signature-steps button.is-active > span,
.cx-home-v2__signature-steps button.is-active strong {
	color: var(--cxv2-blue);
}

.cx-home-v2__signature-steps > a {
	margin-top: 1rem;
}

.cx-home-v2__products .cx-product-gallery__visual > picture {
	position: absolute;
	inset: 0;
}

.cx-home-v2__products .cx-product-gallery__visual > picture img {
	position: static;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.cx-home-v2__products .cx-product-gallery__visual img {
	filter: none !important;
}

.cx-home-v2__workflow {
	color: #fff;
	background: radial-gradient(circle at 78% 5%, rgba(55,111,248,0.2), transparent 31rem), #081728;
}

.cx-home-v2__workflow .cx-premium-section-head h2,
.cx-home-v2__workflow .cx-premium-section-head > p {
	color: #fff;
}

.cx-home-v2__workflow .cx-premium-section-head > p {
	color: #b7c3cf;
}

.cx-home-v2__workflow-line {
	display: grid;
	grid-template-columns: repeat(4, minmax(9rem, 1fr) auto) minmax(12rem, 1.2fr);
	align-items: stretch;
	gap: 0.65rem;
	margin-bottom: 1.25rem;
}

.cx-home-v2__workflow-line > a,
.cx-home-v2__workflow-line > span {
	display: grid;
	min-height: 6.6rem;
	padding: 1rem;
	align-content: center;
	gap: 0.35rem;
	border: 1px solid rgba(255,255,255,0.12);
	border-radius: 0.9rem;
	color: #fff;
	background: rgba(255,255,255,0.055);
	text-decoration: none;
}

.cx-home-v2__workflow-line > a {
	border-color: rgba(88,213,181,0.34);
	background: rgba(88,213,181,0.09);
}

.cx-home-v2__workflow-line small {
	color: var(--cxv2-mint);
	font-size: 0.54rem;
	font-weight: 850;
	letter-spacing: 0.08em;
}

.cx-home-v2__workflow-line strong {
	font-size: 0.72rem;
	line-height: 1.35;
}

.cx-home-v2__workflow-line > i {
	display: grid;
	place-items: center;
	color: #718196;
	font-style: normal;
}

.cx-home-v2__workflow-visuals {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1.25rem;
}

.cx-home-v2__workflow-visuals figure {
	overflow: hidden;
	margin: 0;
	border: 1px solid rgba(255,255,255,0.12);
	border-radius: 1.25rem;
	background: #fff;
	box-shadow: 0 30px 75px rgba(0,0,0,0.23);
}

.cx-home-v2__workflow-visuals img {
	display: block;
	width: 100%;
	height: auto;
}

.cx-home-v2__workflow-visuals figcaption {
	display: grid;
	gap: 0.4rem;
	padding: 1rem 1.15rem 1.2rem;
	color: var(--cxv2-ink);
	border-top: 1px solid var(--cxv2-line);
}

.cx-home-v2__workflow-visuals figcaption span {
	color: #3b6be3;
	font-size: 0.56rem;
	font-weight: 850;
	letter-spacing: 0.07em;
	text-transform: uppercase;
}

.cx-home-v2__workflow-visuals figcaption strong {
	font-size: 0.82rem;
}

.cx-home-v2__workflow-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 1.5rem;
	margin-top: 1.5rem;
}

.cx-home-v2__routes {
	background: #fff;
}

.cx-home-v2__route-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1rem;
}

.cx-home-v2__route-grid > a {
	display: grid;
	grid-template-rows: 17rem auto auto minmax(5.4rem, auto) auto;
	overflow: hidden;
	padding: 0 1.4rem 1.5rem;
	border: 1px solid var(--cxv2-line);
	border-radius: 1.35rem;
	color: var(--cxv2-ink);
	background: var(--cxv2-paper);
	text-decoration: none;
	transition: transform 180ms ease, box-shadow 180ms ease;
}

.cx-home-v2__route-grid > a:hover {
	transform: translateY(-4px);
	box-shadow: 0 24px 65px rgba(9,21,33,0.1);
}

.cx-home-v2__route-image {
	position: relative;
	overflow: hidden;
	margin: 0 -1.4rem 1.25rem;
	background: #edf3ef;
}

.cx-home-v2__route-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	mix-blend-mode: multiply;
}

.cx-home-v2__route-grid > a:first-child .cx-home-v2__route-image img {
	object-fit: contain;
}

.cx-home-v2__route-grid > a > small {
	color: #748295;
	font-size: 0.56rem;
	font-weight: 850;
	letter-spacing: 0.08em;
}

.cx-home-v2__route-grid h3 {
	margin: 0.55rem 0 0.7rem;
	font-size: 2rem;
	line-height: 1;
	letter-spacing: -0.045em;
}

.cx-home-v2__route-grid p {
	margin: 0;
	color: #617084;
	font-size: 0.82rem;
	line-height: 1.6;
}

.cx-home-v2__route-grid > a > strong {
	align-self: end;
	font-size: 0.72rem;
}

.cx-home-v2__route-grid > a.cx-home-v2__route-gallery {
	color: #fff;
	border-color: #0a1b2d;
	background: #0a1b2d;
}

.cx-home-v2__route-gallery .cx-home-v2__route-image {
	background: #e9eee9;
}

.cx-home-v2__route-gallery p,
.cx-home-v2__route-grid > a.cx-home-v2__route-gallery > small {
	color: #b4c0cc;
}

.cx-home-v2__proof {
	background: var(--cxv2-paper);
}

.cx-home-v2__proof-head {
	grid-template-columns: minmax(0, 1.45fr) minmax(16rem, 0.55fr);
	gap: clamp(2rem, 5vw, 5rem);
	margin-bottom: clamp(1.8rem, 3vw, 2.8rem) !important;
}

.cx-home-v2 .cx-home-v2__proof-head h2 {
	max-width: 20ch;
	font-size: clamp(2.85rem, 4vw, 4.25rem);
	line-height: 0.98;
}

.cx-home-v2 .cx-home-v2__proof-head > p {
	max-width: 28rem;
	line-height: 1.55;
}

.cx-home-v2__proof-card {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr) auto) minmax(0, 1fr);
	align-items: center;
	gap: 1rem;
	padding: 1.25rem;
	border: 1px solid var(--cxv2-line);
	border-radius: 1.5rem;
	background: #fff;
	box-shadow: 0 28px 80px rgba(9,21,33,0.08);
}

.cx-home-v2__proof-card > div {
	display: grid;
	min-width: 0;
	gap: 0.75rem;
}

.cx-home-v2__proof-card > div > span {
	color: #6d7b8e;
	font-size: 0.56rem;
	font-weight: 850;
	letter-spacing: 0.08em;
}

.cx-home-v2__proof-card img {
	width: 100%;
	height: 15rem;
	object-fit: cover;
	border: 1px solid var(--cxv2-line);
	border-radius: 0.85rem;
	background: var(--cxv2-soft);
}

.cx-home-v2__proof-card > div:nth-of-type(2) img {
	object-fit: contain;
	mix-blend-mode: multiply;
}

.cx-home-v2__proof-card > div > strong {
	font-size: 0.76rem;
	line-height: 1.45;
}

.cx-home-v2__proof-card > i {
	color: #8b98a7;
	font-style: normal;
}

.cx-home-v2__proof-action {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1rem;
	margin-top: 1.5rem;
}

.cx-home-v2__proof-action small {
	color: #7b899a;
	font-size: 0.66rem;
}

.cx-home-v2__plans {
	padding-bottom: clamp(2rem, 4vw, 4rem) !important;
	background: #fff;
}

.cx-home-v2__plans .cx-premium-section-head--center h2 {
	max-width: 18ch;
}

.cx-home-v2__plans .cx-premium-section-head--center {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	justify-items: center;
}

.cx-home-v2__plans .cx-premium-section-head--center > p {
	width: min(100%, 38rem);
	margin-inline: auto;
	text-align: center;
}

.cx-home-v2__plan-links {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 0.75rem;
	margin-top: 1.5rem;
}

.cx-home-v2__final {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: end;
	gap: 3rem;
	margin-top: clamp(4rem, 7vw, 7rem);
	padding: clamp(2rem, 5vw, 4.5rem);
	border-radius: 1.5rem;
	color: #fff;
	background: radial-gradient(circle at 80% 0%, rgba(55,111,248,0.28), transparent 28rem), #071421;
}

.cx-home-v2__final h2 {
	max-width: 13ch;
	margin: 1rem 0;
	font-size: clamp(2.7rem, 4.3vw, 4.5rem);
	line-height: 1;
	letter-spacing: -0.045em;
}

.cx-home-v2__final p {
	max-width: 37rem;
	margin: 0;
	color: #b9c4cf;
	line-height: 1.65;
}

.cx-home-v2__final > div:last-child {
	display: grid;
	justify-items: start;
	gap: 0.75rem;
}

.cx-home-v2__final small {
	color: #9eacba;
	font-size: 0.64rem;
}

@keyframes cxv2-state-in {
	from { opacity: 0; transform: translateY(0.45rem) scale(0.992); }
	to { opacity: 1; transform: none; }
}

@media (min-width: 981px) and (min-height: 700px) {
	.cx-home-v2__signature-stage {
		position: sticky;
		top: calc(5.25rem + var(--wp-admin--admin-bar--height, 0px));
	}
}

/* ConfigUX 0.24.0 - focused English final visual cleanup. */
.cx-home-motion-024 .cx-benefit-story .cx-benefit-story__visual img {
	width: 100%;
	height: auto;
	display: block;
}

.cx-home-v2__products .cx-product-gallery__mini-panel--five {
	width: min(18rem, calc(100% - 2.8rem));
}

.cx-home-v2__products .cx-product-gallery__mini-panel--five > div {
	justify-content: space-between;
	gap: 0.35rem;
}

@media (max-width: 620px) {
	.cx-home-v2__products .cx-product-gallery__mini-panel--five {
		right: 0.65rem;
		width: min(18rem, calc(100% - 1.3rem));
		padding: 0.8rem;
	}

	.cx-home-v2__products .cx-product-gallery__mini-panel--five button {
		width: 2.55rem;
		height: 2.55rem;
	}
}

/* ConfigUX 0.21.0 - English homepage story.
 * Scoped to the reviewed English source so translated pages stay unchanged.
 */
.cx-home-story-021 .cx-home-v2__hero {
	position: relative;
	box-sizing: border-box;
	overflow: hidden;
	min-height: min(52rem, calc(100svh - 6.25rem));
	padding-top: clamp(1.5rem, 2.8vw, 2.8rem);
	padding-bottom: clamp(1.65rem, 3vw, 3rem);
	background:
		radial-gradient(circle at 91% 18%, rgba(50, 107, 255, 0.13), transparent 36rem),
		radial-gradient(circle at 76% 91%, rgba(91, 214, 184, 0.12), transparent 28rem),
		#f8f9f6;
}

.cx-home-story-021 .cx-home-v2__hero-grid {
	grid-template-columns: minmax(25rem, 0.78fr) minmax(38rem, 1.22fr);
	min-height: min(44rem, calc(100svh - 10rem));
	gap: clamp(1.5rem, 3.4vw, 3.75rem);
}

.cx-home-story-021 .cx-home-v2__hero-grid,
.cx-home-story-021 .cx-premium-hero__copy,
.cx-home-story-021 .cx-refresh-media--home-hero {
	min-width: 0;
}

.cx-home-story-021 .cx-premium-hero__copy {
	position: relative;
	z-index: 2;
	padding-block: 0.5rem;
}

.cx-home-story-021 .cx-premium-hero__copy h1,
.cx-visual-refresh-020.cx-home-story-021 .cx-premium-hero__copy h1 {
	max-width: 10.3ch;
	margin: 0.85rem 0 1.05rem;
	font-size: clamp(3.55rem, 4.65vw, 5.15rem);
	line-height: 0.97;
	letter-spacing: -0.055em;
	text-wrap: balance;
}

.cx-home-story-021 .cx-premium-hero__lead {
	max-width: 37rem;
	font-size: clamp(1rem, 1.22vw, 1.18rem);
	line-height: 1.58;
}

.cx-home-story-021 .cx-premium-hero__actions {
	margin-top: 1.45rem;
}

.cx-home-story-021 .cx-home-v2__hero-note {
	max-width: 35rem;
	margin-top: 0.8rem;
}

.cx-home-story-021 .cx-refresh-media--home-hero {
	position: relative;
	z-index: 1;
	overflow: visible;
	width: 118%;
	margin: 0 -18% 0 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	-webkit-mask-image: radial-gradient(ellipse 88% 86% at 54% 50%, #000 67%, transparent 100%);
	mask-image: radial-gradient(ellipse 88% 86% at 54% 50%, #000 67%, transparent 100%);
}

.cx-home-story-021 .cx-refresh-media--home-hero::before {
	position: absolute;
	z-index: -1;
	inset: 10% 3% 5% 7%;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.52);
	filter: blur(38px);
	content: '';
}

.cx-home-story-021 .cx-refresh-media--home-hero img {
	width: 100%;
	aspect-ratio: 16 / 9;
	mix-blend-mode: multiply;
	object-fit: contain;
}

/* Keep both conversion paths in the first laptop viewport. */
@media (min-width: 981px) and (max-height: 1100px) {
	.cx-home-story-021 .cx-home-v2__hero {
		min-height: calc(100svh - 5.5rem);
		padding-top: 1.25rem;
		padding-bottom: 1.35rem;
	}

	.cx-home-story-021 .cx-home-v2__hero-grid {
		min-height: calc(100svh - 8.5rem);
	}

	.cx-home-story-021 .cx-premium-hero__copy {
		transform: translateY(-0.65rem);
	}

	.cx-home-story-021 .cx-premium-hero__copy h1,
	.cx-visual-refresh-020.cx-home-story-021 .cx-premium-hero__copy h1 {
		margin-top: 0.65rem;
		margin-bottom: 0.8rem;
		font-size: clamp(3.35rem, 4.15vw, 4.5rem);
	}

	.cx-home-story-021 .cx-premium-hero__lead {
		font-size: 1rem;
		line-height: 1.5;
	}

	.cx-home-story-021 .cx-premium-hero__actions {
		margin-top: 1.1rem;
	}

	.cx-home-story-021 .cx-home-v2__hero-note {
		margin-top: 0.6rem;
	}
}

.cx-configurator-story {
	--cx-story-inset: 8;
	--cx-story-radius: 32;
	position: relative;
	min-height: 162svh;
	background: #f6f6f2;
}

.cx-configurator-story__sticky {
	position: sticky;
	top: 0;
	height: 100svh;
	overflow: hidden;
}

.cx-configurator-story__panel {
	position: relative;
	display: grid;
	width: 100%;
	height: 100%;
	place-items: center;
	overflow: hidden;
	color: #f7f7f3;
	background:
		radial-gradient(circle at 12% 18%, rgba(91, 214, 184, 0.16), transparent 24rem),
		radial-gradient(circle at 88% 78%, rgba(50, 107, 255, 0.18), transparent 30rem),
		#09131f;
	clip-path: inset(2.25rem calc(var(--cx-story-inset) * 1%) 2.25rem round calc(var(--cx-story-radius) * 1px));
	will-change: clip-path;
}

.cx-configurator-story__panel::before {
	position: absolute;
	inset: 0;
	background-image:
		linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
	background-size: 4.5rem 4.5rem;
	content: '';
	mask-image: radial-gradient(circle at center, #000 0, transparent 72%);
	pointer-events: none;
}

.cx-configurator-story__connections {
	position: absolute;
	inset: 0;
	pointer-events: none;
}

.cx-configurator-story__line {
	position: absolute;
	display: block;
	height: 1px;
	background: linear-gradient(90deg, rgba(91, 214, 184, 0.65), rgba(255, 255, 255, 0.08));
	transform-origin: left center;
}

.cx-configurator-story__line::after {
	position: absolute;
	right: -0.22rem;
	top: -0.22rem;
	width: 0.48rem;
	height: 0.48rem;
	border-radius: 999px;
	background: #5bd6b8;
	box-shadow: 0 0 0 0.35rem rgba(91, 214, 184, 0.12);
	content: '';
}

.cx-configurator-story__line--one {
	left: 19%;
	top: 27%;
	width: 26%;
	transform: rotate(18deg);
}

.cx-configurator-story__line--two {
	left: 21%;
	top: 73%;
	width: 25%;
	transform: rotate(-18deg);
}

.cx-configurator-story__line--three {
	left: 56%;
	top: 44%;
	width: 25%;
	transform: rotate(-18deg);
}

.cx-configurator-story__line--four {
	left: 56%;
	top: 56%;
	width: 25%;
	transform: rotate(18deg);
}

.cx-configurator-story__node {
	position: absolute;
	z-index: 2;
	display: grid;
	width: min(17rem, 20vw);
	min-height: 7.8rem;
	padding: 1.25rem 1.35rem;
	align-content: center;
	gap: 0.35rem;
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 1rem;
	background: rgba(18, 34, 51, 0.78);
	box-shadow: 0 20px 45px rgba(0, 0, 0, 0.16);
	backdrop-filter: blur(14px);
}

.cx-configurator-story__node > span {
	color: #5bd6b8;
	font-size: 0.66rem;
	font-weight: 850;
	letter-spacing: 0.12em;
}

.cx-configurator-story__node > strong {
	font-size: clamp(1rem, 1.35vw, 1.25rem);
	letter-spacing: -0.025em;
}

.cx-configurator-story__node > small {
	color: #aebbc8;
	font-size: 0.75rem;
	line-height: 1.45;
}

.cx-configurator-story__node--data { left: 6%; top: 17%; }
.cx-configurator-story__node--guide { left: 9%; bottom: 16%; }
.cx-configurator-story__node--visual { right: 7%; top: 18%; }
.cx-configurator-story__node--action { right: 9%; bottom: 15%; }

.cx-configurator-story__center {
	position: relative;
	z-index: 3;
	display: grid;
	max-width: 45rem;
	padding: 2rem;
	place-items: center;
	text-align: center;
}

.cx-configurator-story__center .cx-kicker {
	color: #77dec5;
}

.cx-configurator-story__center h2 {
	max-width: 13ch;
	margin: 1rem auto 1.2rem;
	color: #fff;
	font-size: clamp(3rem, 5.25vw, 5.8rem);
	line-height: 0.96;
	letter-spacing: -0.06em;
	text-wrap: balance;
}

.cx-configurator-story__center p {
	max-width: 39rem;
	margin: 0 auto 1.65rem;
	color: #b9c4ce;
	font-size: clamp(1rem, 1.25vw, 1.18rem);
	line-height: 1.65;
	text-wrap: balance;
}

.cx-configurator-story__outcomes {
	position: absolute;
	z-index: 3;
	right: 8%;
	bottom: 4.5%;
	left: 8%;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	border-top: 1px solid rgba(255, 255, 255, 0.13);
}

.cx-configurator-story__outcomes > span {
	display: grid;
	padding: 1.05rem 1.2rem 0;
	gap: 0.35rem;
	border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.cx-configurator-story__outcomes > span:last-child {
	border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.cx-configurator-story__outcomes small {
	color: #77dec5;
	font-size: 0.61rem;
	font-weight: 850;
	letter-spacing: 0.12em;
}

.cx-configurator-story__outcomes strong {
	max-width: 24rem;
	font-size: clamp(0.78rem, 1.1vw, 1rem);
	line-height: 1.4;
}

@media (max-width: 1180px) and (min-width: 981px) {
	.cx-visual-refresh-020.cx-home-story-021 .cx-home-v2__hero-grid {
		grid-template-columns: minmax(23rem, 0.78fr) minmax(34rem, 1.22fr);
	}

	.cx-home-story-021 .cx-premium-hero__copy h1,
	.cx-visual-refresh-020.cx-home-story-021 .cx-premium-hero__copy h1 {
		font-size: clamp(3.35rem, 5.2vw, 4.65rem);
	}
}

@media (max-width: 980px) {
	.cx-home-story-021 .cx-home-v2__hero {
		min-height: auto;
	}

	.cx-visual-refresh-020.cx-home-story-021 .cx-home-v2__hero-grid {
		grid-template-columns: 1fr;
		min-height: auto;
		gap: 2rem;
	}

	.cx-home-story-021 .cx-refresh-media--home-hero {
		width: 108%;
		margin: -1rem -4% 0;
		-webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 8%, #000 100%);
		mask-image: linear-gradient(180deg, transparent 0%, #000 8%, #000 100%);
	}

	.cx-configurator-story {
		min-height: auto;
	}

	.cx-configurator-story__sticky {
		position: relative;
		height: auto;
	}

	.cx-configurator-story__panel {
		display: flex;
		min-height: auto;
		padding: clamp(5rem, 12vw, 7rem) 1.25rem 1.5rem;
		flex-direction: column;
		gap: 0.85rem;
		clip-path: none;
	}

	.cx-configurator-story__connections {
		display: none;
	}

	.cx-configurator-story__center {
		order: -1;
		padding: 0 0.25rem 2.25rem;
	}

	.cx-configurator-story__center h2 {
		font-size: clamp(3rem, 9vw, 4.6rem);
	}

	.cx-configurator-story__node {
		position: static;
		width: min(100%, 42rem);
		min-height: auto;
		margin-inline: auto;
	}

	.cx-configurator-story__outcomes {
		position: static;
		width: min(100%, 42rem);
		margin: 1.5rem auto 0;
		grid-template-columns: 1fr;
	}

	.cx-configurator-story__outcomes > span,
	.cx-configurator-story__outcomes > span:last-child {
		padding: 1rem 0;
		border-right: 0;
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
		border-left: 0;
	}
}

@media (max-width: 620px) {
	.cx-home-story-021 .cx-home-v2__hero {
		padding-top: 2.2rem;
	}

	.cx-home-story-021 .cx-premium-hero__copy h1,
	.cx-visual-refresh-020.cx-home-story-021 .cx-premium-hero__copy h1 {
		max-width: 8.9ch;
		font-size: clamp(2.8rem, 11.8vw, 3.25rem);
		line-height: 0.98;
		text-wrap: balance;
	}

	.cx-home-story-021 .cx-premium-hero__copy,
	.cx-home-story-021 .cx-premium-hero__actions,
	.cx-home-story-021 .cx-home-v2__hero-note {
		max-width: 100%;
	}

	.cx-home-story-021 .cx-premium-hero__lead {
		font-size: 1rem;
	}

	.cx-configurator-story__panel {
		padding-top: 4.5rem;
	}

	.cx-configurator-story__center {
		place-items: start;
		text-align: left;
	}

	.cx-configurator-story__center h2,
	.cx-configurator-story__center p {
		margin-left: 0;
		text-align: left;
	}

	.cx-configurator-story__center h2 {
		font-size: clamp(2.8rem, 13vw, 3.75rem);
	}
}

@media (prefers-reduced-motion: reduce) {
	.cx-configurator-story {
		min-height: auto;
	}

	.cx-configurator-story__sticky {
		position: relative;
		height: auto;
	}

	.cx-configurator-story__panel {
		min-height: 52rem;
		clip-path: none;
		will-change: auto;
	}
}

@media (max-width: 1180px) {
	.cx-home-v2__hero-grid {
		grid-template-columns: 1fr;
	}

	.cx-home-v2 .cx-premium-hero__copy {
		max-width: 43rem;
	}

	.cx-home-v2__console {
		width: min(100%, 56rem);
		margin-inline: auto;
	}

	.cx-home-v2__workflow-line {
		grid-template-columns: repeat(2, minmax(12rem, 1fr));
	}

	.cx-home-v2__workflow-line > i {
		display: none;
	}
}

@media (max-width: 980px) {
	.cx-home-v2 .cx-premium-section-head {
		grid-template-columns: 1fr;
		align-items: start;
		gap: 1.3rem;
	}

	.cx-home-v2__trust .cx-container {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		padding-top: 1.4rem;
		padding-bottom: 1.4rem;
	}

	.cx-home-v2__signature-grid {
		grid-template-columns: 1fr;
	}

	.cx-home-v2__signature.is-enhanced .cx-home-v2__signature-state {
		display: block;
		animation: none;
	}

	.cx-home-v2__signature-steps button {
		display: none;
	}

	.cx-home-v2__workflow-visuals {
		grid-template-columns: 1fr;
	}

	.cx-home-v2__route-grid {
		grid-template-columns: 1fr 1fr;
	}

	.cx-home-v2__route-grid > a:last-child {
		grid-column: 1 / -1;
	}

	.cx-home-v2__proof-card {
		grid-template-columns: 1fr;
	}

	.cx-home-v2__proof-card > i {
		transform: rotate(90deg);
		justify-self: center;
	}

	.cx-home-v2__proof-card img {
		height: auto;
		max-height: 27rem;
	}

	.cx-home-v2__final {
		grid-template-columns: 1fr;
		align-items: start;
	}
}

@media (max-width: 760px) {
	.cx-home-v2 .cx-section {
		padding-top: 4.6rem;
		padding-bottom: 4.6rem;
	}

	.cx-home-v2__hero {
		padding-top: 3.8rem;
	}

	.cx-home-v2 .cx-premium-hero__copy h1 {
		max-width: 11ch;
		font-size: clamp(3rem, 13vw, 4.2rem);
		line-height: 1.02;
		letter-spacing: -0.036em;
	}

	.cx-home-v2 .cx-premium-section-head h2 {
		font-size: clamp(2.7rem, 11.5vw, 3.65rem);
		line-height: 1.04;
		letter-spacing: -0.034em;
	}

	.cx-home-v2 .cx-premium-hero__actions {
		align-items: stretch;
		flex-direction: column;
	}

	.cx-home-v2 .cx-premium-hero__actions .cx-button {
		justify-content: center;
		width: 100%;
	}

	.cx-home-v2__console .cx-product-console__steps {
		display: none;
	}

	.cx-home-v2__console .cx-product-console__workspace {
		grid-template-columns: 1fr;
		min-height: 0;
	}

	.cx-home-v2__console .cx-product-console__stage {
		min-height: 22rem;
	}

	.cx-home-v2__console .cx-product-console__panel {
		min-height: 27rem;
		border-top: 1px solid var(--cxv2-line);
		border-left: 0;
	}

	.cx-home-v2__trust .cx-container {
		grid-template-columns: 1fr;
		gap: 0.8rem;
	}

	.cx-home-v2__trust strong {
		margin-bottom: 0.3rem;
	}

	.cx-home-v2__signature-state {
		min-height: 0;
		border-radius: 1.1rem;
	}

	.cx-home-v2__legacy,
	.cx-home-v2__guided {
		grid-template-columns: 1fr;
		min-height: 0;
	}

	.cx-home-v2__legacy > div {
		min-height: 16rem;
	}

	.cx-home-v2__legacy form,
	.cx-home-v2__guided > div {
		border-top: 1px solid var(--cxv2-line);
		border-left: 0;
	}

	.cx-home-v2__guided > img {
		height: 20rem;
	}

	.cx-home-v2__valid {
		min-height: 27rem;
		padding: 2rem 1.1rem;
	}

	.cx-home-v2__workflow-line,
	.cx-home-v2__route-grid {
		grid-template-columns: 1fr;
	}

	.cx-home-v2__route-grid > a:last-child {
		grid-column: auto;
	}

	.cx-home-v2__route-grid > a {
		grid-template-rows: 15rem auto auto auto auto;
	}

	.cx-home-v2__proof-action,
	.cx-home-v2__plan-links {
		align-items: stretch;
		flex-direction: column;
		text-align: center;
	}

	.cx-home-v2__proof-action .cx-button,
	.cx-home-v2__plan-links .cx-button {
		justify-content: center;
		width: 100%;
	}

	.cx-home-v2__final {
		margin-right: -1rem;
		margin-left: -1rem;
		border-radius: 1.2rem;
	}

	.cx-home-v2__final h2 {
		font-size: clamp(2.5rem, 11vw, 3.5rem);
	}
}

@media (max-width: 520px) {
	.cx-home-v2__console .cx-product-console__topbar small {
		display: none;
	}

	.cx-home-v2__console .cx-product-console__stage {
		min-height: 19rem;
	}

	.cx-home-v2__products .cx-product-gallery__card--wide .cx-product-gallery__visual,
	.cx-home-v2__products .cx-product-gallery__visual {
		min-height: 24rem;
	}

	.cx-home-v2__products .cx-product-gallery__panel,
	.cx-home-v2__products .cx-product-gallery__mini-panel {
		right: 0.7rem;
		bottom: 0.7rem;
	}

	.cx-home-v2__workflow-line > a,
	.cx-home-v2__workflow-line > span {
		min-height: 5.4rem;
	}

	.cx-home-v2__proof-card {
		padding: 0.8rem;
		border-radius: 1.1rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.cx-home-v2__signature.is-enhanced .cx-home-v2__signature-state.is-active {
		animation: none;
	}

	.cx-home-v2__route-grid > a {
		transition: none;
	}

	[data-cx-auto-variants].is-hinting .cx-variant-interaction-hint,
	[data-cx-auto-variants].is-hinting [data-cx-gallery-variant].is-next {
		animation: none;
	}
}

/* ConfigUX 0.20.1 - English visual refresh and public brand cleanup.
 * These selectors are deliberately scoped so translated pages remain unchanged.
 */
.cx-visual-refresh-020 [hidden],
.cx-platform-refresh-020 [hidden],
.cx-inspiration--refresh-020 [hidden] {
	display: none !important;
}

.cx-refresh-media,
.cx-refresh-wide-media,
.cx-inspiration__hero-visual {
	position: relative;
	overflow: hidden;
	margin: 0;
	border: 1px solid #dce3e7;
	border-radius: 1.45rem;
	background: #f7f8fb;
	box-shadow: 0 30px 80px rgba(9, 21, 33, 0.1);
}

.cx-refresh-media img,
.cx-refresh-wide-media img,
.cx-inspiration__hero-visual img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	object-fit: contain;
}

.cx-visual-refresh-020 .cx-home-v2__hero {
	padding-top: clamp(3.75rem, 6vw, 6rem);
	padding-bottom: clamp(4rem, 6vw, 6rem);
}

.cx-visual-refresh-020 .cx-home-v2__hero-grid {
	grid-template-columns: minmax(0, 0.76fr) minmax(36rem, 1.24fr);
	gap: clamp(2.5rem, 5vw, 5rem);
}

.cx-visual-refresh-020 .cx-premium-hero__copy h1 {
	max-width: 10ch;
	font-size: clamp(3.7rem, 5vw, 5.35rem);
	line-height: 0.98;
	letter-spacing: -0.052em;
}

.cx-refresh-media--home-hero {
	background: #fff;
	box-shadow: 0 34px 90px rgba(9, 21, 33, 0.12);
}

.cx-visual-refresh-020 .cx-home-v2__workflow {
	color: #091521;
	background:
		radial-gradient(circle at 90% 10%, rgba(50, 107, 255, 0.09), transparent 28rem),
		#f4f7fa;
}

.cx-visual-refresh-020 .cx-home-v2__workflow .cx-premium-section-head h2 {
	color: #091521;
}

.cx-visual-refresh-020 .cx-home-v2__workflow .cx-premium-section-head > p {
	color: #617084;
}

.cx-visual-refresh-020 .cx-home-v2__workflow-actions .cx-premium-text-link {
	color: #091521;
}

.cx-refresh-wide-media {
	background: #fff;
}

.cx-refresh-wide-media--workflow,
.cx-refresh-wide-media--proof {
	max-width: 76rem;
	margin-inline: auto;
}

.cx-visual-refresh-020 .cx-home-v2__route-grid > a {
	grid-template-rows: 14rem auto auto minmax(5.4rem, auto) auto;
}

.cx-visual-refresh-020 .cx-home-v2__route-image {
	background: #f7f8fb;
}

.cx-visual-refresh-020 .cx-home-v2__route-image img,
.cx-visual-refresh-020 .cx-home-v2__route-grid > a:first-child .cx-home-v2__route-image img {
	object-fit: contain;
	mix-blend-mode: normal;
}

.cx-visual-refresh-020 .cx-home-v2__proof {
	background: #f7f8fb;
}

.cx-refresh-media--platform-hero,
.cx-refresh-media--platform-tour,
.cx-refresh-media--model-planner {
	background: #fff;
}

/* ConfigUX 0.26.16 - cover the embedded hairline at the homepage video edge. */
.cx-home-product-loop__viewport::after {
	position: absolute;
	inset: 0;
	border-radius: inherit;
	box-shadow: inset 0 0 0 4px #fff;
	content: "";
	pointer-events: none;
	z-index: 2;
}

@media (max-width: 1180px) {
	.cx-visual-refresh-020 .cx-home-v2__hero-grid,
	.cx-platform-refresh-020 .cx-premium-page-hero .cx-page-hero__grid,
	.cx-inspiration--refresh-020 .cx-inspiration__hero-grid {
		grid-template-columns: 1fr;
	}

	.cx-refresh-media--home-hero,
	.cx-refresh-media--platform-hero,
	.cx-inspiration__hero-visual {
		width: min(100%, 62rem);
		margin-inline: auto;
	}
}

@media (max-width: 760px) {
	.cx-refresh-media,
	.cx-refresh-wide-media,
	.cx-inspiration__hero-visual {
		border-radius: 1rem;
		box-shadow: 0 20px 50px rgba(9, 21, 33, 0.09);
	}

	.cx-visual-refresh-020 .cx-home-v2__hero {
		padding-top: 3rem;
		padding-bottom: 3.75rem;
	}

	.cx-visual-refresh-020 .cx-premium-hero__copy h1 {
		font-size: clamp(3.05rem, 13.5vw, 4.25rem);
	}

	.cx-visual-refresh-020 .cx-home-v2__route-grid > a {
		grid-template-rows: 12rem auto auto auto auto;
	}
}

/* ConfigUX 0.13 - one shared multilingual website shell. */
.cx-localized-header {
	position: sticky;
	top: 0;
	z-index: 1000;
	width: 100%;
	padding: 0.85rem max(1.25rem, env(safe-area-inset-left));
	border-bottom: 1px solid rgba(11, 25, 44, 0.08);
	background: rgba(250, 251, 248, 0.94);
	backdrop-filter: blur(18px);
}

.admin-bar .cx-localized-header { top: 32px; }
.cx-localized-header .cx-header__inner { display: flex; width: min(100%, 1380px); margin: 0 auto; align-items: center; justify-content: space-between; gap: 2rem; }
.cx-localized-header .cx-header__utilities { display: flex !important; margin-left: 0; align-items: center; flex-direction: row !important; gap: 0.65rem !important; }
.cx-localized-nav { display: flex; align-items: center; justify-content: center; gap: clamp(1.1rem, 2.5vw, 2rem); }
.cx-localized-nav a { position: relative; color: #0b192c; font-size: 0.8rem; font-weight: 760; text-decoration: none; white-space: nowrap; }
.cx-localized-nav a::after { position: absolute; right: 0; bottom: -0.45rem; left: 0; height: 1px; content: ''; background: currentColor; transform: scaleX(0); transition: transform 180ms ease; }
.cx-localized-nav a:hover::after,
.cx-localized-nav a:focus-visible::after { transform: scaleX(1); }
.cx-localized-header__cta { display: inline-flex; min-height: 3rem; padding: 0.72rem 1.05rem; align-items: center; border-radius: 999px; color: #fff; background: #0b192c; font-size: 0.8rem; font-weight: 800; text-decoration: none; white-space: nowrap; }
.cx-localized-mobile-menu { display: none; position: relative; }
.cx-localized-mobile-menu__toggle { display: inline-flex; min-height: 2.75rem; padding: 0.7rem 0.85rem; align-items: center; justify-content: center; gap: 0.55rem; border: 1px solid #d5dde1; border-radius: 999px; cursor: pointer; color: #0b192c; background: #fff; font: inherit; font-size: 0.78rem; font-weight: 800; }
.cx-localized-mobile-menu__toggle:hover { border-color: #9faeba; background: #f3f7f4; }
.cx-localized-mobile-menu__toggle:focus-visible { outline: 3px solid rgba(50, 107, 255, 0.3); outline-offset: 2px; }
.cx-localized-mobile-menu__icon { position: relative; display: block; width: 1rem; height: 0.75rem; }
.cx-localized-mobile-menu__icon::before,
.cx-localized-mobile-menu__icon::after,
.cx-localized-mobile-menu__icon > span { position: absolute; right: 0; left: 0; height: 2px; border-radius: 999px; content: ''; background: currentColor; transition: transform 160ms ease, top 160ms ease, opacity 160ms ease; }
.cx-localized-mobile-menu__icon::before { top: 0; }
.cx-localized-mobile-menu__icon > span { top: calc(50% - 1px); }
.cx-localized-mobile-menu__icon::after { top: calc(100% - 2px); }
.cx-localized-mobile-menu__toggle[aria-expanded='true'] .cx-localized-mobile-menu__icon::before { top: calc(50% - 1px); transform: rotate(45deg); }
.cx-localized-mobile-menu__toggle[aria-expanded='true'] .cx-localized-mobile-menu__icon > span { opacity: 0; }
.cx-localized-mobile-menu__toggle[aria-expanded='true'] .cx-localized-mobile-menu__icon::after { top: calc(50% - 1px); transform: rotate(-45deg); }
.cx-localized-mobile-menu__panel { position: absolute; z-index: 10; top: calc(100% + 0.75rem); right: 0; display: grid; width: min(18rem, calc(100vw - 2rem)); padding: 0.75rem; border: 1px solid #d5dde1; border-radius: 1rem; background: #fff; box-shadow: 0 24px 60px rgba(11,25,44,0.14); }
.cx-localized-mobile-menu__panel[hidden] { display: none; }
.cx-localized-mobile-menu__panel a { padding: 0.8rem; color: #0b192c; border-radius: 0.6rem; font-weight: 750; text-decoration: none; }
.cx-localized-mobile-menu__panel a:hover,
.cx-localized-mobile-menu__panel a:focus-visible { background: #f3f7f4; }

.cx-language-switcher details { position: relative; }
.cx-language-switcher summary { display: inline-flex; min-width: 3rem; min-height: 3rem; padding: 0.7rem 0.75rem; align-items: center; justify-content: center; gap: 0.35rem; border: 1px solid #d5dde1; border-radius: 999px; cursor: pointer; color: #0b192c; background: #fff; font-size: 0.72rem; font-weight: 850; list-style: none; }
.cx-language-switcher summary::-webkit-details-marker { display: none; }
.cx-language-switcher details > ul { position: absolute; top: calc(100% + 0.65rem); right: 0; display: grid; min-width: 10rem; padding: 0.5rem; border: 1px solid #d5dde1; border-radius: 0.9rem; background: #fff; box-shadow: 0 20px 50px rgba(11,25,44,0.14); }
.cx-language-switcher details:not([open]) > ul { display: none; }
.cx-language-switcher details > ul li { display: block; }
.cx-language-switcher details > ul a,
.cx-language-switcher details > ul span { display: flex; width: 100%; min-height: 2.4rem; padding: 0.65rem 0.75rem; align-items: center; justify-content: space-between; border: 0; border-radius: 0.55rem; }
.cx-language-switcher details > ul [aria-current='page'] { color: #fff; background: #0b192c; }

.cx-localized-page .cx-page-hero,
.cx-localized-page .cx-resource-hero { padding-top: clamp(5.5rem, 10vw, 9rem); }
.cx-localized-visual { position: relative; overflow: hidden; min-height: clamp(28rem, 52vw, 43rem); border: 1px solid #d9e1e3; border-radius: 1.5rem; background: #eef3ee; box-shadow: 0 28px 80px rgba(11,25,44,0.1); }
.cx-localized-visual img { width: 100%; height: 100%; min-height: inherit; object-fit: cover; }
.cx-localized-visual > span { position: absolute; right: 1rem; bottom: 1rem; max-width: calc(100% - 2rem); padding: 0.7rem 0.9rem; border: 1px solid rgba(255,255,255,0.5); border-radius: 0.8rem; color: #0b192c; background: rgba(255,255,255,0.9); font-size: 0.72rem; font-weight: 800; backdrop-filter: blur(10px); }

.cx-localized-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.cx-localized-card-grid article { display: flex; min-height: 22rem; padding: clamp(1.4rem, 3vw, 2.35rem); flex-direction: column; border: 1px solid #d9e1e3; border-radius: 1.25rem; background: #fff; }
.cx-localized-card-grid article > span { color: #326bff; font-size: 0.68rem; font-weight: 850; letter-spacing: 0.1em; }
.cx-localized-card-grid h2,
.cx-localized-card-grid h3 { margin: auto 0 0.85rem; font-size: clamp(1.8rem, 3vw, 2.8rem); line-height: 1; letter-spacing: -0.05em; }
.cx-localized-card-grid p { color: #617084; line-height: 1.65; }
.cx-localized-card-grid a { margin-top: 1.1rem; color: #0b192c; font-weight: 800; text-decoration: none; }
.cx-localized-card-grid--large { grid-template-columns: repeat(2, minmax(0, 1fr)); }

.cx-localized-story,
.cx-localized-form-grid,
.cx-localized-booking-grid { display: grid; align-items: start; grid-template-columns: minmax(0, 0.85fr) minmax(28rem, 1.15fr); gap: clamp(3rem, 8vw, 8rem); }
.cx-localized-story h2,
.cx-localized-form-grid h2,
.cx-localized-booking-grid h2 { max-width: 13ch; margin: 1rem 0; font-size: clamp(2.8rem, 5vw, 5rem); line-height: 0.98; letter-spacing: -0.06em; }
.cx-localized-story p,
.cx-localized-form-grid > div:first-child > p,
.cx-localized-booking-grid > div:first-child > p { color: #617084; line-height: 1.7; }
.cx-localized-story__panel { display: grid; min-height: 31rem; padding: clamp(2rem, 5vw, 4rem); align-content: end; border-radius: 1.4rem; color: #fff; background: radial-gradient(circle at 80% 10%, rgba(91,214,184,0.25), transparent 35%), #0b192c; }
.cx-localized-story__panel span { align-self: start; color: #5bd6b8; font-size: 0.7rem; font-weight: 850; letter-spacing: 0.14em; }
.cx-localized-story__panel strong { font-size: clamp(2.2rem, 4vw, 4rem); line-height: 0.98; letter-spacing: -0.05em; }
.cx-localized-story__panel small { margin-top: 0.8rem; color: #b6c1cc; font-size: 0.9rem; line-height: 1.5; }

.cx-localized-plan-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.85rem; }
.cx-localized-plan { display: flex; min-height: 34rem; padding: clamp(1.35rem, 2.5vw, 2rem); flex-direction: column; border: 1px solid #d9e1e3; border-radius: 1.25rem; background: #fff; }
.cx-localized-plan.is-featured { color: #fff; border-color: #0b192c; background: #0b192c; box-shadow: 0 26px 60px rgba(11,25,44,0.15); }
.cx-localized-plan small { color: #326bff; font-size: 0.7rem; font-weight: 850; letter-spacing: 0.12em; text-transform: uppercase; }
.cx-localized-plan.is-featured small { color: #5bd6b8; }
.cx-localized-plan > strong { margin: 2.5rem 0 0.25rem; font-size: clamp(2rem, 3.3vw, 3.25rem); letter-spacing: -0.05em; }
.cx-localized-plan > span,
.cx-localized-plan p,
.cx-localized-plan li { color: #617084; line-height: 1.55; }
.cx-localized-plan.is-featured > span,
.cx-localized-plan.is-featured p,
.cx-localized-plan.is-featured li { color: #b8c3ce; }
.cx-localized-plan ul { display: grid; margin: 1.5rem 0 2rem; padding: 0; gap: 0.65rem; list-style: none; }
.cx-localized-plan li::before { margin-right: 0.5rem; color: #00a884; content: '✓'; font-weight: 900; }
.cx-localized-plan .cx-button { margin-top: auto; }
.cx-localized-note { margin: 1.5rem 0 0; color: #617084; font-size: 0.85rem; line-height: 1.6; }
.cx-localized-commerce { min-height: 14rem; }

.cx-solutions-hero h1 {
	max-width: 10ch;
	font-size: clamp(3.7rem, 6.6vw, 7rem);
}

.cx-solutions-hero__copy .cx-page-hero__lead {
	max-width: 39rem;
}

.cx-solutions-problem {
	position: relative;
	min-height: clamp(31rem, 42vw, 41rem);
	isolation: isolate;
}

.cx-solutions-problem::before {
	position: absolute;
	z-index: -1;
	top: 8%;
	right: 2%;
	bottom: 4%;
	left: 5%;
	border: 1px solid rgba(50, 107, 255, 0.1);
	border-radius: 50%;
	content: '';
	background: radial-gradient(circle, rgba(50, 107, 255, 0.08), rgba(91, 214, 184, 0.05) 48%, transparent 70%);
}

.cx-solutions-problem img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	filter: drop-shadow(0 30px 38px rgba(11, 25, 44, 0.13));
}

.cx-solutions-problem__tag {
	position: absolute;
	z-index: 2;
	display: inline-flex;
	min-height: 2.7rem;
	padding: 0.7rem 0.9rem;
	align-items: center;
	border: 1px solid rgba(11, 25, 44, 0.12);
	border-radius: 999px;
	color: #0b192c;
	background: rgba(255, 255, 255, 0.94);
	box-shadow: 0 14px 34px rgba(11, 25, 44, 0.12);
	font-size: 0.76rem;
	font-weight: 820;
	white-space: nowrap;
	backdrop-filter: blur(12px);
}

.cx-solutions-problem__tag::before {
	width: 0.48rem;
	height: 0.48rem;
	margin-right: 0.5rem;
	border-radius: 50%;
	content: '';
	background: #ff9f43;
	box-shadow: 0 0 0 5px rgba(255, 159, 67, 0.13);
}

.cx-solutions-problem__tag--choices { top: 14%; left: 1%; }
.cx-solutions-problem__tag--text { top: 4%; right: 4%; }
.cx-solutions-problem__tag--calls { right: 0; bottom: 18%; }
.cx-solutions-problem__tag--repeat { bottom: 4%; left: 8%; }

.cx-solutions-outcomes .cx-premium-section-head h2 {
	max-width: 16ch;
}

.cx-solutions-outcomes__grid {
	display: grid;
	margin-top: clamp(2.5rem, 5vw, 4.5rem);
	grid-template-columns: repeat(12, minmax(0, 1fr));
	gap: 1rem;
}

.cx-solutions-outcomes__grid article {
	display: flex;
	min-height: 18rem;
	padding: clamp(1.4rem, 2.5vw, 2rem);
	grid-column: span 4;
	flex-direction: column;
	border: 1px solid #d9e1e3;
	border-radius: 1.25rem;
	background: linear-gradient(150deg, #fff, #f8faf7);
	transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.cx-solutions-outcomes__grid article:nth-child(n + 4) {
	grid-column: span 6;
}

.cx-solutions-outcomes__grid article:hover {
	border-color: rgba(50, 107, 255, 0.38);
	box-shadow: 0 22px 52px rgba(11, 25, 44, 0.08);
	transform: translateY(-3px);
}

.cx-solutions-outcomes__grid article > span {
	color: #326bff;
	font-size: 0.68rem;
	font-weight: 850;
	letter-spacing: 0.1em;
}

.cx-solutions-outcomes__grid h3 {
	max-width: 18ch;
	margin: 2.6rem 0 0.85rem;
	font-size: clamp(1.75rem, 2.4vw, 2.45rem);
	line-height: 1.02;
	letter-spacing: -0.045em;
}

.cx-solutions-outcomes__grid p {
	max-width: 31rem;
	margin: 0;
	color: #617084;
	line-height: 1.6;
}

.cx-solutions-outcomes__grid a {
	margin-top: auto;
	padding-top: 1.5rem;
	color: #0b192c;
	font-weight: 800;
	text-decoration: none;
}

@media (max-width: 1100px) {
	.cx-localized-nav { display: none; }
	.cx-localized-mobile-menu { display: block; }
	.cx-localized-plan-grid { grid-template-columns: 1fr 1fr; }
	.cx-solutions-problem__tag--choices { left: -1rem; }
}

@media (max-width: 782px) {
	.admin-bar .cx-localized-header { top: 46px; }
	.cx-localized-story,
	.cx-localized-form-grid,
	.cx-localized-booking-grid { grid-template-columns: 1fr; }
	.cx-localized-card-grid,
	.cx-localized-card-grid--large { grid-template-columns: 1fr; }
	.cx-localized-story__panel { min-height: 22rem; }
	.cx-solutions-hero h1 { max-width: 11ch; }
	.cx-solutions-problem { min-height: clamp(25rem, 92vw, 34rem); }
	.cx-solutions-outcomes__grid { grid-template-columns: 1fr; }
	.cx-solutions-outcomes__grid article,
	.cx-solutions-outcomes__grid article:nth-child(n + 4) { min-height: 16rem; grid-column: auto; }
}

@media (max-width: 520px) {
	.cx-solutions-problem { min-height: 25rem; }
	.cx-solutions-problem__tag { min-height: 2.25rem; padding: 0.55rem 0.7rem; font-size: 0.66rem; }
	.cx-solutions-problem__tag--choices { top: 8%; left: 0; }
	.cx-solutions-problem__tag--text { top: 1%; right: 0; }
	.cx-solutions-problem__tag--calls { right: 0; bottom: 15%; }
	.cx-solutions-problem__tag--repeat { bottom: 1%; left: 0; }
}

@media (max-width: 620px) {
	.cx-localized-header { padding: 0.7rem 0.9rem; }
	.cx-localized-header .cx-header__inner { gap: 0.55rem; }
	.cx-localized-header__cta { display: none; }
	.cx-localized-plan-grid { grid-template-columns: 1fr; }
	.cx-localized-plan { min-height: 29rem; }
	.cx-localized-visual { min-height: 24rem; }
	.cx-legal-hero h1 {
		font-size: clamp(2.65rem, 12vw, 3.4rem);
		hyphens: auto;
		overflow-wrap: anywhere;
	}
}

/* ConfigUX 0.22.0 - English homepage hero and benefit-led scroll story. */
.cx-home-story-022 .cx-home-v2__hero-grid {
	grid-template-columns: minmax(28rem, 0.92fr) minmax(36rem, 1.08fr);
	gap: clamp(0.5rem, 1.5vw, 1.75rem);
}

.cx-home-story-022 .cx-premium-hero__copy h1,
.cx-visual-refresh-020.cx-home-story-022 .cx-premium-hero__copy h1 {
	max-width: 13.8ch;
	margin-top: 0.75rem;
	font-size: clamp(3.45rem, 4vw, 4.55rem);
	line-height: 0.95;
	letter-spacing: -0.052em;
}

.cx-home-story-022 .cx-premium-hero__lead {
	max-width: 38rem;
	font-size: clamp(1rem, 1.15vw, 1.16rem);
	line-height: 1.55;
}

.cx-home-story-022 .cx-refresh-media--home-hero {
	width: 132%;
	margin: 0 -28% 0 -4%;
	-webkit-mask-image: none;
	mask-image: none;
}

.cx-home-story-022 .cx-refresh-media--home-hero::before {
	display: none;
}

.cx-home-story-022 .cx-refresh-media--home-hero img {
	aspect-ratio: 16 / 9;
	mix-blend-mode: normal;
	filter: drop-shadow(0 1.75rem 2.6rem rgba(7, 20, 38, 0.12));
}

.cx-home-story-022 .cx-benefit-story {
	min-height: 174svh;
}

.cx-home-story-022 .cx-benefit-story .cx-configurator-story__panel {
	--cx-story-progress: 0;
	clip-path: inset(4rem calc(var(--cx-story-inset) * 1%) 4rem round calc(var(--cx-story-radius) * 1px));
}

.cx-benefit-story .cx-configurator-story__line--one {
	left: 20%;
	top: 35%;
	width: 27%;
	transform: rotate(17deg);
}

.cx-benefit-story .cx-configurator-story__line--four {
	right: 20%;
	bottom: 36%;
	width: 27%;
	transform: rotate(17deg);
}

.cx-benefit-story__visual {
	position: absolute;
	z-index: 2;
	width: clamp(16rem, 25vw, 32rem);
	margin: 0;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.22);
	border-radius: clamp(0.9rem, 1.4vw, 1.5rem);
	background: #fff;
	box-shadow: 0 2rem 5rem rgba(0, 0, 0, 0.25);
	opacity: calc(0.56 + (var(--cx-story-progress) * 0.44));
}

.cx-benefit-story__visual img {
	display: block;
	width: 100%;
	height: auto;
}

.cx-benefit-story__visual--benefits {
	left: clamp(1.5rem, 3vw, 4rem);
	top: 10%;
	transform: translate3d(calc((1 - var(--cx-story-progress)) * -2.25rem), 0, 0) rotate(-1.2deg);
}

.cx-benefit-story__visual--service {
	right: clamp(1.5rem, 3vw, 4rem);
	bottom: 15%;
	transform: translate3d(calc((1 - var(--cx-story-progress)) * 2.25rem), 0, 0) rotate(1.2deg);
}

.cx-home-story-022 .cx-benefit-story .cx-configurator-story__center {
	z-index: 4;
	max-width: 40rem;
	padding-inline: 1rem;
}

.cx-home-story-022 .cx-benefit-story .cx-configurator-story__center h2 {
	max-width: 12.5ch;
	font-size: clamp(3rem, 4.1vw, 4.7rem);
	line-height: 0.96;
}

.cx-home-story-022 .cx-benefit-story .cx-configurator-story__center p {
	max-width: 47ch;
	font-size: clamp(0.94rem, 1.12vw, 1.08rem);
	line-height: 1.58;
}

.cx-home-story-022 .cx-benefit-story .cx-configurator-story__outcomes {
	z-index: 5;
	bottom: 3.25rem;
}

.cx-home-story-022 .cx-benefit-story .cx-configurator-story__outcomes strong {
	max-width: 22rem;
}

@media (max-width: 1180px) and (min-width: 981px) {
	.cx-visual-refresh-020.cx-home-story-021.cx-home-story-022 .cx-home-v2__hero-grid {
		grid-template-columns: minmax(24rem, 0.92fr) minmax(30rem, 1.08fr);
	}

	.cx-home-story-022 .cx-premium-hero__copy h1,
	.cx-visual-refresh-020.cx-home-story-022 .cx-premium-hero__copy h1 {
		font-size: clamp(3.25rem, 5vw, 4.15rem);
	}

	.cx-benefit-story__visual {
		width: 24vw;
	}

	.cx-home-story-022 .cx-benefit-story .cx-configurator-story__center {
		max-width: 33rem;
	}
}

@media (max-width: 980px) {
	.cx-visual-refresh-020.cx-home-story-021.cx-home-story-022 .cx-home-v2__hero-grid {
		grid-template-columns: 1fr;
		gap: 1.25rem;
	}

	.cx-home-story-022 .cx-refresh-media--home-hero {
		width: 112%;
		margin: -0.5rem -6% 0;
		-webkit-mask-image: none;
		mask-image: none;
	}

	.cx-home-story-022 .cx-benefit-story {
		min-height: auto;
	}

	.cx-home-story-022 .cx-benefit-story .cx-configurator-story__panel {
		padding: clamp(4.5rem, 11vw, 6.5rem) 1.25rem 1.5rem;
		clip-path: none;
	}

	.cx-benefit-story__visual {
		position: static;
		width: min(100%, 44rem);
		margin: 0 auto;
		transform: none;
		opacity: 1;
	}

	.cx-benefit-story__visual--benefits {
		order: 1;
	}

	.cx-benefit-story__visual--service {
		order: 2;
	}

	.cx-home-story-022 .cx-benefit-story .cx-configurator-story__center {
		order: -1;
		max-width: 44rem;
		padding-bottom: 1.75rem;
	}

	.cx-home-story-022 .cx-benefit-story .cx-configurator-story__center h2 {
		max-width: 12ch;
		font-size: clamp(2.9rem, 8.7vw, 4.4rem);
	}

	.cx-home-story-022 .cx-benefit-story .cx-configurator-story__outcomes {
		order: 3;
		margin-top: 1rem;
	}
}

@media (max-width: 620px) {
	.cx-home-story-022 .cx-home-v2__hero {
		padding-top: 1.75rem;
	}

	.cx-home-story-022 .cx-premium-hero__copy h1,
	.cx-visual-refresh-020.cx-home-story-022 .cx-premium-hero__copy h1 {
		max-width: 12.4ch;
		font-size: clamp(3rem, 13.5vw, 3.45rem);
		line-height: 0.96;
	}

	.cx-home-story-022 .cx-premium-hero__lead {
		font-size: 0.98rem;
		line-height: 1.52;
	}

	.cx-home-story-022 .cx-benefit-story .cx-configurator-story__panel {
		padding-top: 4rem;
	}

	.cx-home-story-022 .cx-benefit-story .cx-configurator-story__center h2 {
		font-size: clamp(2.65rem, 12vw, 3.45rem);
	}
}

@media (prefers-reduced-motion: reduce) {
	.cx-home-story-022 .cx-benefit-story .cx-configurator-story__panel {
		min-height: 58rem;
		clip-path: none;
	}
}

/* ConfigUX homepage benefit story 0.23.0 */
.cx-home-story-023 .cx-benefit-story {
	min-height: 188svh;
}

.cx-home-story-023 .cx-benefit-story .cx-configurator-story__panel {
	--cx-story-inset-y: 16;
	--cx-story-visual-spread: 5;
	--cx-story-visual-scale: 0.82;
	--cx-story-visual-reveal: 0.34;
	clip-path: inset(
		calc(var(--cx-story-inset-y) * 1%)
		calc(var(--cx-story-inset) * 1%)
		calc(var(--cx-story-inset-y) * 1%)
		round calc(var(--cx-story-radius) * 1px)
	);
	isolation: isolate;
}

.cx-home-story-023 .cx-benefit-story .cx-configurator-story__panel::after {
	position: absolute;
	z-index: 0;
	inset: 16% 22%;
	border-radius: 999px;
	background: radial-gradient(circle, rgba(91, 214, 184, 0.09), transparent 70%);
	content: '';
	filter: blur(1.5rem);
	opacity: calc(0.28 + (var(--cx-story-progress) * 0.42));
	pointer-events: none;
}

.cx-home-story-023 .cx-benefit-story .cx-configurator-story__connections {
	z-index: 1;
	opacity: calc(0.34 + (var(--cx-story-progress) * 0.48));
}

.cx-home-story-023 .cx-benefit-story .cx-configurator-story__line {
	animation: cx-story-line-pulse 4.8s ease-in-out infinite alternate;
}

.cx-home-story-023 .cx-benefit-story .cx-configurator-story__line--four {
	animation-delay: -2.4s;
}

.cx-home-story-023 .cx-benefit-story .cx-benefit-story__visual {
	width: clamp(21rem, 27vw, 32rem);
	border-color: rgba(255, 255, 255, 0.18);
	box-shadow: 0 1.5rem 4.5rem rgba(0, 0, 0, 0.22);
	opacity: var(--cx-story-visual-reveal);
	will-change: transform, opacity;
}

.cx-home-story-023 .cx-benefit-story .cx-benefit-story__visual img {
	animation: cx-story-image-drift 6.4s ease-in-out infinite alternate;
	transform-origin: 50% 50%;
}

.cx-home-story-023 .cx-benefit-story .cx-benefit-story__visual--benefits {
	left: 50%;
	top: 15%;
	transform: translate3d(
		calc(-100% - (var(--cx-story-visual-spread) * 1vw)),
		0,
		0
	) rotate(-1.6deg) scale(var(--cx-story-visual-scale));
	transform-origin: 100% 50%;
}

.cx-home-story-023 .cx-benefit-story .cx-benefit-story__visual--service {
	right: 50%;
	bottom: 15%;
	transform: translate3d(
		calc(100% + (var(--cx-story-visual-spread) * 1vw)),
		0,
		0
	) rotate(1.6deg) scale(var(--cx-story-visual-scale));
	transform-origin: 0 50%;
}

.cx-home-story-023 .cx-benefit-story .cx-benefit-story__visual--service img {
	animation-delay: -3.2s;
}

.cx-benefit-story__visual-cta {
	position: absolute;
	z-index: 3;
	left: 50%;
	bottom: 4.25%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.35rem;
	min-height: 2.25rem;
	padding: 0.55rem 1.15rem;
	border: 1px solid rgba(255, 255, 255, 0.34);
	border-radius: 999px;
	color: #fff;
	background: #2f6ff7;
	box-shadow: 0 0.5rem 1rem rgba(47, 111, 247, 0.32);
	font-size: clamp(0.68rem, 0.75vw, 0.78rem);
	font-weight: 780;
	line-height: 1;
	text-decoration: none;
	transform: translateX(-50%);
	transition: background-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
	white-space: nowrap;
}

.cx-benefit-story__visual-cta:hover {
	color: #fff;
	background: #1f5fe8;
	box-shadow: 0 0.65rem 1.35rem rgba(47, 111, 247, 0.42);
	transform: translateX(-50%) translateY(-1px);
}

.cx-benefit-story__visual-cta:focus-visible {
	outline: 3px solid #72e1c4;
	outline-offset: 3px;
}

.cx-home-story-023 .cx-benefit-story .cx-configurator-story__center {
	z-index: 4;
	max-width: 35rem;
	padding-inline: 1.25rem;
}

.cx-home-story-023 .cx-benefit-story .cx-configurator-story__center h2 {
	max-width: 11.75ch;
	font-size: clamp(2.85rem, 3.85vw, 4.15rem);
	line-height: 0.98;
}

.cx-home-story-023 .cx-benefit-story .cx-configurator-story__center p {
	max-width: 45ch;
	font-size: clamp(0.9rem, 1vw, 1.02rem);
	line-height: 1.58;
}

@keyframes cx-story-image-drift {
	0% { transform: translate3d(0, -0.18rem, 0) scale(1.002); }
	100% { transform: translate3d(0, 0.28rem, 0) scale(1.012); }
}

@keyframes cx-story-line-pulse {
	0% { opacity: 0.42; filter: saturate(0.8); }
	100% { opacity: 0.92; filter: saturate(1.25); }
}

@media (max-width: 1180px) and (min-width: 981px) {
	.cx-home-story-023 .cx-benefit-story .cx-benefit-story__visual {
		width: clamp(18rem, 26vw, 20rem);
	}

	.cx-home-story-023 .cx-benefit-story .cx-configurator-story__center {
		max-width: 27rem;
	}

	.cx-home-story-023 .cx-benefit-story .cx-configurator-story__center h2 {
		font-size: clamp(2.65rem, 4.25vw, 3.55rem);
	}
}

@media (max-width: 980px) {
	.cx-home-story-023 .cx-benefit-story {
		min-height: auto;
	}

	.cx-home-story-023 .cx-benefit-story .cx-configurator-story__panel {
		display: flex;
		min-height: auto;
		padding: clamp(4.25rem, 10vw, 6rem) 1.25rem 2.5rem;
		gap: 1rem;
		clip-path: none;
	}

	.cx-home-story-023 .cx-benefit-story .cx-configurator-story__panel::after {
		display: none;
	}

	.cx-home-story-023 .cx-benefit-story .cx-benefit-story__visual {
		position: static;
		width: min(100%, 44rem);
		margin: 0 auto;
		opacity: 1;
		transform: none;
	}

	.cx-benefit-story__visual-cta {
		min-height: 2.6rem;
		padding-inline: 1.4rem;
		font-size: 0.82rem;
	}

	.cx-home-story-023 .cx-benefit-story .cx-configurator-story__center {
		max-width: 42rem;
		padding-bottom: 1.4rem;
	}

	.cx-home-story-023 .cx-benefit-story .cx-configurator-story__center h2 {
		font-size: clamp(2.65rem, 8.5vw, 4.15rem);
	}
}

@media (max-width: 620px) {
	.cx-home-v2 .cx-home-v2__proof-head h2 {
		max-width: 100%;
		font-size: clamp(2.35rem, 10.5vw, 2.75rem);
		text-wrap: wrap;
	}

	.cx-home-v2 .cx-home-v2__proof-head > p {
		max-width: 100%;
	}

	.cx-home-story-023 .cx-benefit-story .cx-configurator-story__panel {
		padding: 3.75rem 1rem 1.5rem;
	}

	.cx-home-story-023 .cx-benefit-story .cx-configurator-story__center {
		padding-inline: 0.35rem;
	}

	.cx-home-story-023 .cx-benefit-story .cx-configurator-story__center h2 {
		max-width: 11.5ch;
		font-size: clamp(2.55rem, 11.5vw, 3.25rem);
	}

	.cx-benefit-story__visual-cta {
		bottom: 3.6%;
		min-height: 2.35rem;
		padding: 0.5rem 1.05rem;
		font-size: 0.74rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.cx-home-story-023 .cx-benefit-story .cx-benefit-story__visual img,
	.cx-home-story-023 .cx-benefit-story .cx-configurator-story__line {
		animation: none;
	}

	.cx-home-story-023 .cx-benefit-story .cx-configurator-story__panel {
		clip-path: none;
	}
}

/* ConfigUX 0.24.0 - final shared header and internal hero polish. */
.cx-site-shell > #configux-main-content {
	margin-block-start: 0;
}

.cx-localized-nav a,
.cx-localized-header__cta {
	font-size: 0.9rem;
}

.cx-solutions-hero h1 {
	max-width: 14ch;
	font-size: clamp(3.4rem, 4.4vw, 4.9rem);
	text-wrap: balance;
}

@media (min-width: 761px) {
	.cx-platform-page > .cx-premium-page-hero,
	.cx-pricing-page > .cx-premium-page-hero,
	.cx-solutions-page > .cx-solutions-hero,
	.cx-inspiration--refresh-024 > .cx-inspiration__hero {
		padding-top: clamp(4.5rem, 6vw, 6.5rem);
		padding-bottom: clamp(4rem, 6vw, 6.5rem);
	}
}

/* ConfigUX 0.24.0 - English home alignment and viewport-safe mobile navigation. */
@media (min-width: 981px) {
	.cx-home-story-023 .cx-home-v2__hero {
		min-height: auto;
		padding-top: clamp(4.5rem, 6vw, 6.5rem);
		padding-bottom: clamp(4rem, 6vw, 6.5rem);
	}

	.cx-home-story-023 .cx-home-v2__hero-grid {
		min-height: auto;
	}

	.cx-home-story-023 .cx-premium-hero__copy {
		transform: none;
	}
}

@media (min-width: 1101px) {
	.cx-localized-nav a {
		font-size: 0.94rem;
	}
}

html.cx-mobile-menu-open,
html.cx-mobile-menu-open body {
	overflow: hidden;
}

@media (max-width: 1100px) {
	.cx-localized-mobile-menu__panel {
		position: fixed;
		z-index: 1100;
		top: var(--cx-mobile-menu-top, 5.25rem);
		right: max(0.75rem, env(safe-area-inset-right));
		left: max(0.75rem, env(safe-area-inset-left));
		width: auto;
		max-height: calc(100svh - var(--cx-mobile-menu-top, 5.25rem) - 0.75rem);
		max-height: calc(100dvh - var(--cx-mobile-menu-top, 5.25rem) - 0.75rem);
		overflow-y: auto;
		overscroll-behavior: contain;
		scrollbar-gutter: stable;
	}

	.cx-localized-mobile-menu__panel a:focus-visible {
		outline: 3px solid rgba(50, 107, 255, 0.3);
		outline-offset: -2px;
	}
}

@media (max-width: 760px) {
	.cx-home-story-023 .cx-home-v2__hero-grid {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		gap: 0;
	}

	.cx-home-story-023 .cx-premium-hero__copy {
		display: contents;
	}

	.cx-home-story-023 .cx-premium-hero__copy > .cx-kicker {
		order: 1;
	}

	.cx-home-story-023 .cx-premium-hero__copy > h1 {
		order: 2;
	}

	.cx-home-story-023 .cx-refresh-media--home-hero {
		order: 3;
		width: 100%;
		margin: 0.45rem 0 0.85rem;
		place-self: center;
		transform: scale(1.06);
	}

	.cx-home-story-023 .cx-premium-hero__lead {
		order: 4;
		max-width: 34rem;
		font-size: 0.96rem;
		line-height: 1.52;
	}

	.cx-home-story-023 .cx-premium-hero__actions {
		order: 5;
		display: grid;
		width: 100%;
		margin-top: 1.35rem;
		justify-items: stretch;
		gap: 0.65rem;
	}

	.cx-home-story-023 .cx-home-v2__hero-plan-link {
		width: auto;
		min-height: 2.5rem;
		padding-inline: 0.25rem;
		justify-self: start;
		justify-content: flex-start;
	}
}

@media (max-width: 620px) {
	.cx-localized-header .cx-header__inner,
	.cx-localized-header .cx-header__utilities,
	.cx-localized-header .cx-brand {
		min-width: 0;
	}

	.cx-localized-header .cx-brand {
		flex: 0 1 auto;
	}

	.cx-localized-header .cx-brand__image {
		width: clamp(6.75rem, 37vw, 7.75rem);
	}

	.cx-localized-header .cx-header__utilities {
		flex: 0 0 auto;
	}

	.cx-localized-mobile-menu__toggle {
		white-space: nowrap;
	}
}

/* ConfigUX 0.24.0 - English benefit readability and product-demo motion. */
.cx-home-motion-024 .cx-benefit-story .cx-benefit-story__visual {
	width: clamp(21rem, 26vw, 31rem);
}

@media (max-width: 1180px) and (min-width: 981px) {
	.cx-home-motion-024 .cx-benefit-story .cx-benefit-story__visual {
		width: clamp(17rem, 25vw, 19rem);
	}
}

@media (max-width: 980px) {
.cx-home-motion-024 .cx-benefit-story .cx-benefit-story__visual {
		width: min(100%, 44rem);
	}
}

.cx-thank-you-page .cx-refresh-media {
	width: 100%;
}

.cx-thank-you-page[data-configux-thank-you="early_access"] .cx-refresh-media {
	justify-self: center;
	width: min(112%, 44rem);
}

.cx-thank-you-page[data-configux-thank-you="early_access"] .cx-refresh-media img {
	display: block;
	width: 100%;
}

@media (max-width: 900px) {

	.cx-thank-you-page[data-configux-thank-you="early_access"] .cx-refresh-media {
		width: 100%;
	}
}

.cx-start-hero {
	min-height: calc(100svh - 5.5rem);
	min-height: calc(100dvh - 5.5rem);
	display: grid;
	align-items: center;
}

.cx-start-hero__grid {
	display: grid;
	grid-template-columns: minmax(0, 0.82fr) minmax(28rem, 1.18fr);
	align-items: center;
	gap: clamp(3rem, 8vw, 8rem);
}

.cx-start-hero__copy h1 {
	max-width: 10ch;
}

.cx-start-hero__copy .cx-page-hero__lead {
	max-width: 33rem;
}

.cx-start-hero__copy .cx-check-list {
	margin: 1.5rem 0 0;
}

.cx-start-hero__links {
	display: grid;
	justify-items: start;
	gap: 0.8rem;
	margin-top: 1.6rem;
}

.cx-start-hero__links > span {
	color: #617084;
	font-size: 0.82rem;
	line-height: 1.5;
}

.cx-start-hero__links > span a {
	color: #0b192c;
	font-weight: 760;
}

.cx-start-hero__form {
	min-width: 0;
}

.cx-start-hero__form .vbf-form-wrap,
.cx-start-hero__form .cxf-form {
	margin: 0;
}

.cx-sticky-cta[hidden] {
	display: none;
}

.cx-sticky-cta {
	position: fixed;
	z-index: 1080;
	right: max(1rem, env(safe-area-inset-right));
	bottom: max(6.25rem, calc(env(safe-area-inset-bottom) + 1rem));
	left: max(1rem, env(safe-area-inset-left));
	display: flex;
	width: min(52rem, calc(100vw - 2rem));
	min-height: 4.5rem;
	margin-inline: auto;
	padding: 0.7rem 3.25rem 0.7rem 1.15rem;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 1.15rem;
	color: #fff;
	background: rgba(9, 21, 33, 0.96);
	box-shadow: 0 22px 55px rgba(9, 21, 33, 0.28);
	opacity: 0;
	transform: translateY(1rem);
	transition: opacity 220ms ease, transform 220ms ease;
	backdrop-filter: blur(14px);
}

.cx-sticky-cta.is-visible {
	opacity: 1;
	transform: none;
}

.cx-sticky-cta > strong {
	font-size: 0.95rem;
	letter-spacing: -0.015em;
}

.cx-sticky-cta__actions {
	display: flex;
	gap: 0.55rem;
}

.cx-sticky-cta .cx-button {
	min-height: 2.75rem;
	padding: 0.7rem 1rem;
	font-size: 0.76rem;
}

.cx-sticky-cta .cx-button--secondary {
	border-color: rgba(255, 255, 255, 0.4);
	color: #fff;
	background: transparent;
}

.cx-sticky-cta__close {
	position: absolute;
	top: 50%;
	right: 0.75rem;
	display: grid;
	width: 2.25rem;
	height: 2.25rem;
	padding: 0;
	place-items: center;
	border: 0;
	border-radius: 50%;
	color: #c4cfda;
	font: inherit;
	font-size: 1.25rem;
	background: transparent;
	transform: translateY(-50%);
	cursor: pointer;
}

.cx-sticky-cta__close:hover,
.cx-sticky-cta__close:focus-visible {
	color: #fff;
	background: rgba(255, 255, 255, 0.1);
}

@media (max-width: 820px) {
	.cx-start-hero {
		min-height: 0;
	}

	.cx-start-hero__grid {
		grid-template-columns: 1fr;
		gap: 2.25rem;
	}
}

@media (max-width: 620px) {

	.cx-start-hero {
		padding-top: 3.75rem;
		padding-bottom: 3.75rem;
	}

	.cx-start-hero__copy h1 {
		font-size: clamp(3.15rem, 15vw, 4.5rem);
	}

	.cx-sticky-cta {
		bottom: max(5.75rem, calc(env(safe-area-inset-bottom) + 5rem));
		width: calc(100vw - 1.5rem);
		min-height: 0;
		padding: 0.7rem 2.9rem 0.7rem 0.75rem;
		align-items: stretch;
		flex-direction: column;
		gap: 0.55rem;
		border-radius: 1rem;
	}

	.cx-sticky-cta > strong {
		font-size: 0.84rem;
	}

	.cx-sticky-cta__actions {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}

	.cx-sticky-cta .cx-button {
		width: 100%;
		min-height: 2.65rem;
		padding-inline: 0.65rem;
	}

	.cx-sticky-cta__close {
		top: 0.65rem;
		right: 0.45rem;
		transform: none;
	}
}

/* ConfigUX 0.24.0 follow-up - English navigation architecture. */
.cx-localized-nav--en {
	gap: clamp(1rem, 2vw, 1.65rem);
}

.cx-localized-nav--en > a,
.cx-nav-menu > summary {
	color: #0b192c;
	font-size: 0.94rem;
	font-weight: 760;
	white-space: nowrap;
}

.cx-nav-menu {
	position: relative;
}

.cx-nav-menu > summary {
	display: inline-flex;
	padding: 0.65rem 0;
	align-items: center;
	gap: 0.45rem;
	cursor: pointer;
	list-style: none;
}

.cx-nav-menu > summary::-webkit-details-marker {
	display: none;
}

.cx-nav-menu > summary:focus-visible {
	border-radius: 0.35rem;
	outline: 3px solid rgba(50, 107, 255, 0.25);
	outline-offset: 4px;
}

.cx-nav-menu__caret {
	display: block;
	width: 0.45rem;
	height: 0.45rem;
	border-right: 1.5px solid currentColor;
	border-bottom: 1.5px solid currentColor;
	transform: translateY(-0.12rem) rotate(45deg);
	transition: transform 160ms ease;
}

.cx-nav-menu[open] .cx-nav-menu__caret {
	transform: translateY(0.1rem) rotate(225deg);
}

.cx-nav-mega {
	position: absolute;
	z-index: 1200;
	top: calc(100% + 0.75rem);
	left: 50%;
	display: grid;
	padding: 0.8rem;
	border: 1px solid rgba(11, 25, 44, 0.12);
	border-radius: 1.15rem;
	background: rgba(255, 255, 255, 0.98);
	box-shadow: 0 28px 75px rgba(11, 25, 44, 0.18);
	transform: translateX(-50%);
	backdrop-filter: blur(18px);
}

.cx-nav-mega--solutions,
.cx-nav-mega--industries,
.cx-nav-mega--pricing {
	position: fixed;
	top: var(--cx-nav-panel-top, 5rem);
	left: 50%;
	transform: translateX(-50%);
}

.cx-nav-mega--solutions,
.cx-nav-mega--industries {
	width: min(68rem, calc(100vw - 2rem));
	grid-template-columns: 1.15fr repeat(3, minmax(0, 1fr));
	gap: 0.25rem;
}

.cx-nav-mega--pricing {
	width: min(64rem, calc(100vw - 2rem));
	grid-template-columns: minmax(17rem, 1.05fr) minmax(24rem, 1.4fr) minmax(16rem, 1fr);
	gap: 0.35rem;
}

.cx-nav-mega--integrations {
	left: auto;
	right: -9rem;
	width: min(32rem, calc(100vw - 2rem));
	grid-template-columns: 1fr;
	gap: 0.35rem;
	transform: none;
}

.cx-nav-mega a::after {
	display: none;
}

.cx-nav-mega__intro,
.cx-nav-mega__group {
	display: flex;
	min-width: 0;
	padding: 1.15rem;
	flex-direction: column;
	align-items: flex-start;
}

.cx-nav-mega__intro {
	border-radius: 0.85rem;
	color: #fff;
	background: radial-gradient(circle at 15% 10%, rgba(91, 214, 184, 0.2), transparent 42%), #0b192c;
}

.cx-nav-mega__intro > span,
.cx-nav-mega__group > span {
	margin-bottom: 0.8rem;
	color: #008c71;
	font-size: 0.65rem;
	font-weight: 850;
	letter-spacing: 0.13em;
	text-transform: uppercase;
}

.cx-nav-mega__intro > span {
	color: #69dec2;
}

.cx-nav-mega__intro > strong {
	font-size: 1.25rem;
	line-height: 1.12;
	letter-spacing: -0.035em;
}

.cx-nav-mega__intro > a {
	margin-top: auto;
	padding-top: 1.5rem;
	color: #fff;
	font-size: 0.74rem;
	font-weight: 800;
	text-decoration: none;
}

.cx-nav-mega__group > a,
.cx-nav-mega__static {
	display: block;
	width: 100%;
	padding: 0.58rem 0.6rem;
	border-radius: 0.55rem;
	color: #0b192c;
	font-size: 0.78rem;
	font-weight: 740;
	line-height: 1.28;
	text-decoration: none;
	white-space: normal;
}

.cx-nav-mega__static {
	cursor: default;
}

.cx-nav-mega__group > a:hover,
.cx-nav-mega__group > a:focus-visible,
.cx-nav-mega__plan:hover,
.cx-nav-mega__plan:focus-visible,
.cx-nav-mega__integration > a:hover,
.cx-nav-mega__integration > a:focus-visible {
	background: #f0f5f2;
	outline: none;
}

.cx-nav-mega__group strong,
.cx-nav-mega__group small,
.cx-nav-mega__static strong,
.cx-nav-mega__static small {
	display: block;
}

.cx-nav-mega__group small,
.cx-nav-mega__static small {
	margin-top: 0.25rem;
	color: #617084;
	font-size: 0.68rem;
	font-weight: 560;
	line-height: 1.4;
}

.cx-nav-mega__integration,
.cx-nav-mega__integration > a {
	display: flex;
	min-width: 0;
	align-items: center;
	gap: 0.8rem;
}

.cx-nav-mega__integration,
.cx-nav-mega__integration > a {
	width: 100%;
	padding: 0.65rem;
	border-radius: 0.75rem;
}

.cx-nav-mega__integration > a {
	margin: -0.65rem;
	color: #0b192c;
	text-decoration: none;
}

.cx-nav-mega__integration-icon {
	display: grid;
	width: 2.6rem;
	height: 2.6rem;
	flex: 0 0 auto;
	place-items: center;
	border: 1px solid #d8e0e3;
	border-radius: 0.7rem;
	color: #326bff;
	background: #f7f9ff;
	font-size: 0.72rem;
	font-weight: 900;
}

.cx-nav-mega__integration strong,
.cx-nav-mega__integration small {
	display: block;
}

.cx-nav-mega__integration strong {
	color: #0b192c;
	font-size: 0.8rem;
}

.cx-nav-mega__integration small {
	margin-top: 0.18rem;
	color: #008c71;
	font-size: 0.66rem;
	font-weight: 750;
}

.cx-nav-mega__integration.is-coming-soon {
	opacity: 0.62;
}

.cx-nav-mega__integration.is-coming-soon small {
	color: #617084;
}

.cx-nav-mega__pricing-plans {
	display: flex;
	min-width: 0;
	padding: 1.15rem;
	flex-direction: column;
}

.cx-nav-mega__pricing-plans > span {
	margin-bottom: 0.8rem;
	color: #008c71;
	font-size: 0.65rem;
	font-weight: 850;
	letter-spacing: 0.13em;
	text-transform: uppercase;
}

.cx-nav-mega__plan {
	display: flex;
	min-width: 0;
	padding: 0.65rem;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	border-radius: 0.65rem;
	color: #0b192c;
	text-decoration: none;
}

.cx-nav-mega__plan > span {
	display: block;
	min-width: 0;
}

.cx-nav-mega__plan > span:last-child {
	flex: 0 0 auto;
	text-align: right;
}

.cx-nav-mega__plan strong,
.cx-nav-mega__plan small {
	display: block;
}

.cx-nav-mega__plan strong {
	font-size: 0.78rem;
	line-height: 1.25;
}

.cx-nav-mega__plan small {
	margin-top: 0.18rem;
	color: #617084;
	font-size: 0.64rem;
	font-weight: 620;
	line-height: 1.35;
}

.cx-nav-mega__plan > span:last-child small,
.cx-nav-mega__pricing-actions > a:last-child small {
	color: #008c71;
	font-weight: 780;
}

.cx-localized-mobile-menu__panel--en {
	gap: 0.35rem;
}

.cx-mobile-nav-group {
	border: 1px solid #e0e6e5;
	border-radius: 0.8rem;
	background: #fbfcfa;
}

.cx-mobile-nav-group > summary {
	display: flex;
	min-height: 3.1rem;
	padding: 0.8rem;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
	color: #0b192c;
	font-size: 0.86rem;
	font-weight: 800;
	list-style: none;
}

.cx-mobile-nav-group > summary::-webkit-details-marker {
	display: none;
}

.cx-mobile-nav-group > summary > span {
	width: 0.5rem;
	height: 0.5rem;
	border-right: 1.5px solid currentColor;
	border-bottom: 1.5px solid currentColor;
	transform: translateY(-0.12rem) rotate(45deg);
	transition: transform 160ms ease;
}

.cx-mobile-nav-group[open] > summary > span {
	transform: translateY(0.12rem) rotate(225deg);
}

.cx-mobile-nav-group__content {
	display: grid;
	padding: 0 0.55rem 0.6rem;
}

.cx-localized-mobile-menu__panel--en .cx-mobile-nav-group__content a,
.cx-localized-mobile-menu__panel--en .cx-mobile-nav-group__content > div {
	padding: 0.65rem 0.7rem;
	font-size: 0.78rem;
}

.cx-mobile-nav-label {
	padding: 0.9rem 0.7rem 0.25rem;
	color: #008c71;
	font-size: 0.61rem;
	font-weight: 850;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.cx-mobile-nav-static {
	display: block;
	padding: 0.65rem 0.7rem;
	color: #0b192c;
	font-size: 0.78rem;
	font-weight: 760;
	line-height: 1.4;
	cursor: default;
}

.cx-localized-mobile-menu__panel--en .cx-mobile-nav-overview {
	color: #fff;
	background: #0b192c;
}

.cx-localized-mobile-menu__panel--en .cx-mobile-nav-top-link {
	min-height: 3.1rem;
	padding: 0.85rem;
	border: 1px solid #e0e6e5;
	border-radius: 0.8rem;
	background: #fff;
}

.cx-mobile-nav-integrations > a,
.cx-mobile-nav-integrations > div,
.cx-mobile-nav-pricing__plan {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
}

.cx-mobile-nav-integrations > div {
	color: #617084;
}

.cx-mobile-nav-integrations small {
	color: #008c71;
	font-size: 0.61rem;
	font-weight: 800;
	white-space: nowrap;
}

.cx-mobile-nav-integrations > div small {
	color: #7c8898;
}

.cx-mobile-nav-integrations > a.is-coming-soon {
	color: #617084;
}

.cx-mobile-nav-integrations > a.is-coming-soon small {
	color: #7c8898;
}

.cx-mobile-nav-pricing small {
	color: #7c8898;
	font-size: 0.61rem;
	font-weight: 800;
	white-space: nowrap;
}

.cx-mobile-nav-pricing {
	display: grid;
}

.cx-mobile-nav-pricing > a:last-child small {
	color: #008c71;
}

.cx-localized-mobile-menu__panel--en .cx-mobile-nav-cta {
	display: flex;
	min-height: 3.1rem;
	align-items: center;
	justify-content: space-between;
	color: #fff;
	background: #326bff;
}

@media (max-width: 1260px) and (min-width: 1101px) {
	.cx-nav-mega--solutions,
	.cx-nav-mega--industries,
	.cx-nav-mega--pricing {
		width: min(62rem, calc(100vw - 1.5rem));
	}
}

@media (max-width: 1100px) {
	.cx-localized-mobile-menu__panel--en {
		right: max(0.75rem, env(safe-area-inset-right));
		left: auto;
		width: min(30rem, calc(100vw - 1.5rem));
	}
}

@media (max-width: 620px) {
	.cx-localized-mobile-menu__panel--en {
		right: max(0.75rem, env(safe-area-inset-right));
		left: max(0.75rem, env(safe-area-inset-left));
		width: auto;
	}
}

/* English Integrations overview (phase 4, 0.24.0). */
.cx-integrations-page {
	background: #f8faf8;
}

.cx-integrations-hero {
	padding: clamp(4rem, 6.5vw, 6rem) 0 clamp(4rem, 6vw, 5.5rem);
}

.cx-integrations-hero h1 {
	max-width: 11.5ch;
	margin: 0.95rem 0 1.25rem;
	font-size: clamp(3.75rem, 5.4vw, 5.9rem);
	line-height: 0.94;
}

.cx-integrations-hero .cx-page-hero__lead {
	max-width: 38rem;
}

.cx-integration-map {
	display: grid;
	min-height: 31rem;
	padding: clamp(1.25rem, 3vw, 2rem);
	grid-template-columns: minmax(0, 1fr) minmax(10rem, 0.88fr) minmax(0, 1fr);
	align-items: center;
	gap: clamp(1rem, 2vw, 1.6rem);
	border: 1px solid var(--cx-premium-line);
	border-radius: 1.7rem;
	background:
		linear-gradient(rgba(11, 25, 44, 0.035) 1px, transparent 1px),
		linear-gradient(90deg, rgba(11, 25, 44, 0.035) 1px, transparent 1px),
		#fff;
	background-size: 28px 28px;
	box-shadow: var(--cx-premium-shadow);
}

.cx-integration-map__source,
.cx-integration-map__outputs {
	display: grid;
	gap: 0.8rem;
}

.cx-integration-map__source span,
.cx-integration-map__outputs span {
	position: relative;
	display: flex;
	min-height: 4.3rem;
	padding: 0.85rem;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--cx-premium-line);
	border-radius: 0.9rem;
	color: var(--cx-premium-ink);
	font-size: 0.72rem;
	font-weight: 800;
	text-align: center;
	background: rgba(255, 255, 255, 0.94);
}

.cx-integration-map__source span::after,
.cx-integration-map__outputs span::before {
	position: absolute;
	top: 50%;
	width: clamp(1rem, 2vw, 1.6rem);
	height: 1px;
	background: #a9b9c7;
	content: "";
}

.cx-integration-map__source span::after {
	right: calc(clamp(1rem, 2vw, 1.6rem) * -1);
}

.cx-integration-map__outputs span::before {
	left: calc(clamp(1rem, 2vw, 1.6rem) * -1);
}

.cx-integration-map__core {
	display: flex;
	min-height: 13.5rem;
	padding: 1.2rem;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border-radius: 1.25rem;
	color: #fff;
	text-align: center;
	background:
		radial-gradient(circle at 50% 10%, rgba(91, 214, 184, 0.24), transparent 8rem),
		var(--cx-premium-ink);
	box-shadow: 0 22px 48px rgba(7, 17, 30, 0.2);
}

.cx-integration-map__core small {
	color: var(--cx-premium-mint);
	font-size: 0.56rem;
	font-weight: 850;
	letter-spacing: 0.12em;
}

.cx-integration-map__core strong {
	margin: 1.2rem 0 0.45rem;
	font-size: clamp(1.7rem, 3vw, 2.4rem);
	letter-spacing: -0.06em;
}

.cx-integration-map__core span {
	color: #aebdcc;
	font-size: 0.68rem;
}

.cx-integration-platforms {
	scroll-margin-top: 6rem;
	background: #fff;
}

.cx-integration-platforms__grid {
	display: grid;
	margin-top: clamp(2.2rem, 5vw, 4.5rem);
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1rem;
}

.cx-integration-card {
	display: flex;
	min-width: 0;
	min-height: 35rem;
	padding: clamp(1.35rem, 2.5vw, 2rem);
	flex-direction: column;
	border: 1px solid var(--cx-premium-line);
	border-radius: 1.35rem;
	background: #f7f9f7;
}

.cx-integration-card--available {
	color: #fff;
	background:
		radial-gradient(circle at 90% 4%, rgba(91, 214, 184, 0.18), transparent 14rem),
		var(--cx-premium-ink);
}

.cx-integration-card__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
}

.cx-integration-card__icon {
	display: grid;
	width: 3.1rem;
	height: 3.1rem;
	place-items: center;
	border: 1px solid #d5dfe2;
	border-radius: 0.85rem;
	color: var(--cx-premium-blue);
	font-size: 0.78rem;
	font-weight: 900;
	background: #fff;
}

.cx-integration-card__top small {
	padding: 0.45rem 0.65rem;
	border: 1px solid #d7dfe2;
	border-radius: 999px;
	color: #687587;
	font-size: 0.55rem;
	font-weight: 850;
	letter-spacing: 0.09em;
}

.cx-integration-card--available .cx-integration-card__top small {
	border-color: rgba(91, 214, 184, 0.35);
	color: #8cedd6;
	background: rgba(91, 214, 184, 0.08);
}

.cx-integration-card h3 {
	margin: clamp(2.5rem, 6vw, 5rem) 0 1rem;
	font-size: clamp(2rem, 3vw, 2.8rem);
	line-height: 0.98;
	letter-spacing: -0.055em;
}

.cx-integration-card p {
	margin: 0;
	color: var(--cx-premium-slate);
	font-size: 0.92rem;
	line-height: 1.65;
}

.cx-integration-card--available p {
	color: #acbac8;
}

.cx-integration-card ul {
	display: grid;
	gap: 0.75rem;
	margin: 2rem 0 0;
	padding: 0;
	list-style: none;
}

.cx-integration-card li {
	display: grid;
	grid-template-columns: 1rem minmax(0, 1fr);
	gap: 0.5rem;
	color: var(--cx-premium-slate);
	font-size: 0.75rem;
	line-height: 1.45;
}

.cx-integration-card li::before {
	color: #08a77f;
	font-weight: 900;
	content: "✓";
}

.cx-integration-card--available li {
	color: #b9c5cf;
}

.cx-integration-card--available li::before {
	color: var(--cx-premium-mint);
}

.cx-integration-card__actions {
	display: grid;
	gap: 0.9rem;
	margin-top: auto;
	padding-top: 2rem;
}

.cx-integration-card__actions > a:not(.cx-button) {
	color: var(--cx-premium-ink);
	font-size: 0.72rem;
	font-weight: 800;
	text-align: center;
	text-decoration: none;
}

.cx-integration-card--available .cx-integration-card__actions > a:not(.cx-button) {
	color: #fff;
}

.cx-integration-handoff {
	background:
		radial-gradient(circle at 90% 15%, rgba(50, 107, 255, 0.08), transparent 30rem),
		#f4f7f5;
}

.cx-integration-handoff__grid {
	display: grid;
	margin-top: clamp(2.2rem, 5vw, 4.5rem);
	grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr);
	align-items: center;
	gap: 0.9rem;
}

.cx-integration-handoff__grid article {
	min-height: 16rem;
	padding: clamp(1.35rem, 2.5vw, 2rem);
	border: 1px solid var(--cx-premium-line);
	border-radius: 1.2rem;
	background: rgba(255, 255, 255, 0.92);
}

.cx-integration-handoff__grid article > span {
	color: var(--cx-premium-blue);
	font-size: 0.62rem;
	font-weight: 850;
	letter-spacing: 0.1em;
}

.cx-integration-handoff__grid h3 {
	margin: 4rem 0 0.75rem;
	font-size: clamp(1.55rem, 3vw, 2.25rem);
	letter-spacing: -0.05em;
}

.cx-integration-handoff__grid p {
	margin: 0;
	color: var(--cx-premium-slate);
	font-size: 0.86rem;
	line-height: 1.6;
}

.cx-integration-handoff__grid > i {
	display: grid;
	width: 2rem;
	height: 2rem;
	place-items: center;
	border: 1px solid var(--cx-premium-line);
	border-radius: 50%;
	color: var(--cx-premium-slate);
	font-size: 0.7rem;
	font-style: normal;
	background: #fff;
}

@media (max-width: 1100px) {
	.cx-integrations-hero {
		padding-top: clamp(3.5rem, 8vw, 5rem);
	}

	.cx-integrations-hero h1 {
		max-width: 11.5ch;
		font-size: clamp(3.5rem, 8.5vw, 5.25rem);
	}

	.cx-integration-map {
		width: min(46rem, 100%);
		margin-inline: auto;
	}

	.cx-integration-platforms__grid {
		grid-template-columns: 1fr;
	}

	.cx-integration-card {
		min-height: 0;
	}

	.cx-integration-card h3 {
		margin-top: 2.5rem;
	}
}

@media (max-width: 720px) {
	.cx-integrations-hero {
		padding: 3.5rem 0 3.75rem;
	}

	.cx-integrations-hero h1 {
		max-width: 10ch;
		font-size: clamp(3rem, 13vw, 4.25rem);
	}

	.cx-integration-map {
		min-height: 0;
		grid-template-columns: 1fr;
	}

	.cx-integration-map__source,
	.cx-integration-map__outputs {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.cx-integration-map__source span,
	.cx-integration-map__outputs span {
		min-height: 3.7rem;
		padding: 0.6rem 0.4rem;
		font-size: 0.62rem;
	}

	.cx-integration-map__source span::after,
	.cx-integration-map__outputs span::before {
		display: none;
	}

	.cx-integration-map__core {
		min-height: 10rem;
	}

	.cx-integration-handoff__grid {
		grid-template-columns: 1fr;
	}

	.cx-integration-handoff__grid article {
		min-height: 0;
	}

	.cx-integration-handoff__grid h3 {
		margin-top: 2.5rem;
	}

	.cx-integration-handoff__grid > i {
		margin-inline: auto;
		transform: rotate(90deg);
	}
}

@media (max-width: 430px) {
	.cx-integration-map__source,
	.cx-integration-map__outputs {
		grid-template-columns: 1fr;
	}

	.cx-integration-card__actions .cx-button {
		width: 100%;
	}
}

/* Phase 17: shared conversion path across the English 360 Service pages. */
.cx-service-path {
	padding: clamp(4rem, 7vw, 7rem) 0;
	border-top: 1px solid var(--cx-premium-line);
	background: #f7faf8;
}

.cx-service-path__head {
	display: flex;
	margin-bottom: clamp(1.8rem, 3vw, 2.8rem);
	align-items: end;
	justify-content: space-between;
	gap: 2rem;
}

.cx-service-path__head h2 {
	max-width: 16ch;
	margin: 0;
	font-size: clamp(2.5rem, 4.5vw, 4.7rem);
	line-height: 0.96;
	letter-spacing: -0.06em;
}

.cx-service-path__head .cx-kicker {
	margin-bottom: 1rem;
}

.cx-service-path__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1rem;
}

.cx-service-path__grid a {
	display: flex;
	min-height: 12.5rem;
	padding: 1.4rem;
	border: 1px solid var(--cx-premium-line);
	border-radius: 1.2rem;
	justify-content: space-between;
	flex-direction: column;
	gap: 2rem;
	color: #0b192c;
	background: #fff;
	text-decoration: none;
	transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.cx-service-path__grid a:hover,
.cx-service-path__grid a:focus-visible {
	border-color: rgba(50, 107, 255, 0.55);
	box-shadow: 0 20px 48px rgba(11, 25, 44, 0.11);
	transform: translateY(-0.2rem);
}

.cx-service-path__grid a:focus-visible {
	outline: 3px solid rgba(50, 107, 255, 0.28);
	outline-offset: 0.2rem;
}

.cx-service-path__grid a.is-current {
	border-color: #326bff;
	color: #fff;
	background: #0b192c;
}

.cx-service-path__grid span {
	color: #0a9177;
	font-size: 0.68rem;
	font-weight: 900;
	letter-spacing: 0.12em;
}

.cx-service-path__grid a.is-current span {
	color: #58dfb7;
}

.cx-service-path__grid strong {
	max-width: 13ch;
	font-size: clamp(1.25rem, 2vw, 1.8rem);
	line-height: 1.05;
	letter-spacing: -0.04em;
}

@media (max-width: 1000px) {
	.cx-service-path__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 640px) {
	.cx-service-path__head {
		display: block;
	}

	.cx-service-path__grid {
		grid-template-columns: 1fr;
	}

	.cx-service-path__grid a {
		min-height: 9rem;
	}
}

/*
 * Block 5: calm and aligned English 360 Service sections.
 *
 * The four service routes share the same information hierarchy below their
 * unique heroes. Keep labels, headings, descriptions and links on predictable
 * rows, while retaining each page's own colours and content.
 */
:is(
	.cx-delivery-page,
	.cx-mapping-page,
	.cx-layered-assets-page,
	.cx-3d-assets-page
) > .cx-page-section {
	padding-block: clamp(4.75rem, 7vw, 7rem);
}

:is(
	.cx-delivery-page,
	.cx-mapping-page,
	.cx-layered-assets-page,
	.cx-3d-assets-page
) > .cx-page-section .cx-premium-section-head {
	grid-template-columns: minmax(0, 1.05fr) minmax(18rem, 0.7fr);
	gap: clamp(2rem, 5vw, 5rem);
	margin-bottom: clamp(2.4rem, 4vw, 3.75rem);
}

:is(
	.cx-delivery-page,
	.cx-mapping-page,
	.cx-layered-assets-page,
	.cx-3d-assets-page
) > .cx-page-section .cx-premium-section-head h2 {
	max-width: 14ch;
	font-size: clamp(2.8rem, 4.35vw, 4.65rem);
	line-height: 0.95;
	letter-spacing: -0.06em;
}

:is(
	.cx-delivery-page,
	.cx-mapping-page,
	.cx-layered-assets-page,
	.cx-3d-assets-page
) > .cx-page-section .cx-premium-section-head > p {
	max-width: 32rem;
	font-size: 1rem;
	line-height: 1.65;
}

:is(
	.cx-delivery-overview__grid article,
	.cx-mapping-inputs__grid article,
	.cx-mapping-output__grid article,
	.cx-layered-deliverable__grid article,
	.cx-layered-workflow__grid article,
	.cx-3d-deliverable__grid article,
	.cx-3d-workflow__grid article
) {
	display: grid;
	min-height: 18.5rem;
	padding: clamp(1.5rem, 2vw, 2rem);
	grid-template-rows: auto minmax(6.4rem, auto) 1fr;
	align-content: start;
}

:is(
	.cx-delivery-overview__grid,
	.cx-mapping-inputs__grid,
	.cx-mapping-output__grid,
	.cx-layered-deliverable__grid,
	.cx-layered-workflow__grid,
	.cx-3d-deliverable__grid,
	.cx-3d-workflow__grid
) h3 {
	align-self: start;
	max-width: 13ch;
	margin: 0 0 0.9rem;
	font-size: clamp(1.65rem, 2.25vw, 2.25rem);
	line-height: 1.02;
}

:is(
	.cx-delivery-overview__grid,
	.cx-mapping-inputs__grid,
	.cx-mapping-output__grid,
	.cx-layered-deliverable__grid,
	.cx-layered-workflow__grid,
	.cx-3d-deliverable__grid,
	.cx-3d-workflow__grid
) p {
	align-self: start;
}

:is(
	.cx-mapping-rules__grid,
	.cx-layered-production__grid,
	.cx-3d-source__grid
) {
	grid-template-columns: minmax(0, 0.9fr) minmax(28rem, 1.1fr);
	gap: clamp(2.75rem, 5vw, 5.5rem);
}

:is(
	.cx-mapping-rules__grid,
	.cx-layered-production__grid,
	.cx-3d-source__grid
) h2 {
	max-width: 12ch;
	font-size: clamp(3rem, 4.45vw, 4.65rem);
	line-height: 0.95;
}

:is(
	.cx-mapping-rules__map,
	.cx-layered-production__matrix,
	.cx-3d-source__stack
) {
	min-height: clamp(28rem, 34vw, 32rem);
}

:is(
	.cx-layered-fit__grid article,
	.cx-3d-materials__grid article,
	.cx-3d-fit__grid article
) {
	display: grid;
	min-height: 24rem;
	grid-template-rows: auto minmax(7.25rem, auto) auto 1fr;
	align-content: start;
}

:is(
	.cx-layered-fit__grid,
	.cx-3d-materials__grid,
	.cx-3d-fit__grid
) h3 {
	align-self: start;
	max-width: 15ch;
	margin: 0 0 1rem;
	font-size: clamp(2.15rem, 3.35vw, 3.4rem);
	line-height: 1;
}

:is(
	.cx-layered-fit__grid,
	.cx-3d-materials__grid,
	.cx-3d-fit__grid
) :is(a, .cx-check-list, .cx-3d-materials__swatches) {
	align-self: end;
}

.cx-service-path__head {
	margin-bottom: clamp(2rem, 3vw, 2.6rem);
}

.cx-service-path__head h2 {
	max-width: 14ch;
	font-size: clamp(2.5rem, 4vw, 4.15rem);
}

.cx-service-path__grid a {
	display: grid;
	min-height: 11.5rem;
	grid-template-rows: auto minmax(3.9rem, 1fr);
	align-content: space-between;
}

.cx-service-path__grid strong {
	align-self: end;
}

@media (min-width: 901px) and (max-width: 1100px) {
	:is(
		.cx-mapping-rules__grid,
		.cx-layered-production__grid,
		.cx-3d-source__grid
	) {
		grid-template-columns: minmax(0, 0.84fr) minmax(25rem, 1.16fr);
		gap: 2.25rem;
	}

	:is(
		.cx-mapping-rules__grid,
		.cx-layered-production__grid,
		.cx-3d-source__grid
	) h2 {
		font-size: clamp(2.75rem, 4.8vw, 3.4rem);
	}

	:is(
		.cx-mapping-rules__map,
		.cx-layered-production__matrix,
		.cx-3d-source__stack
	) {
		width: 100%;
		min-height: 27rem;
	}
}

@media (max-width: 900px) {
	:is(
		.cx-mapping-rules__grid,
		.cx-layered-production__grid,
		.cx-3d-source__grid
	) {
		grid-template-columns: minmax(0, 1fr);
	}

	:is(
		.cx-mapping-rules__map,
		.cx-layered-production__matrix,
		.cx-3d-source__stack
	) {
		width: min(100%, 58rem);
	}
}

@media (max-width: 720px) {
	:is(
		.cx-delivery-page,
		.cx-mapping-page,
		.cx-layered-assets-page,
		.cx-3d-assets-page
	) > .cx-page-section {
		padding-block: 4rem;
	}

	:is(
		.cx-delivery-page,
		.cx-mapping-page,
		.cx-layered-assets-page,
		.cx-3d-assets-page
	) > .cx-page-section .cx-premium-section-head {
		grid-template-columns: minmax(0, 1fr);
		gap: 1.15rem;
		margin-bottom: 2.2rem;
	}

	:is(
		.cx-delivery-page,
		.cx-mapping-page,
		.cx-layered-assets-page,
		.cx-3d-assets-page
	) > .cx-page-section .cx-premium-section-head h2 {
		max-width: 12ch;
		font-size: clamp(2.65rem, 11.5vw, 3.45rem);
	}

	:is(
		.cx-delivery-overview__grid article,
		.cx-mapping-inputs__grid article,
		.cx-mapping-output__grid article,
		.cx-layered-deliverable__grid article,
		.cx-layered-workflow__grid article,
		.cx-3d-deliverable__grid article,
		.cx-3d-workflow__grid article,
		.cx-delivery-scope__grid > a,
		.cx-layered-fit__grid article,
		.cx-3d-materials__grid article,
		.cx-3d-fit__grid article
	) {
		min-height: 0;
		grid-template-rows: auto;
	}

	:is(
		.cx-delivery-overview__grid,
		.cx-mapping-inputs__grid,
		.cx-mapping-output__grid,
		.cx-layered-deliverable__grid,
		.cx-layered-workflow__grid,
		.cx-3d-deliverable__grid,
		.cx-3d-workflow__grid,
		.cx-delivery-scope__grid,
		.cx-layered-fit__grid,
		.cx-3d-materials__grid,
		.cx-3d-fit__grid
	) h3 {
		min-height: 0;
		margin-top: 3.5rem;
	}

	.cx-service-path__grid a {
		min-height: 8.5rem;
		grid-template-rows: auto 1fr;
	}
}

/*
 * Phase 1: one calm layout system for the five English sales solution pages.
 *
 * The original pages used near-identical components with separate fixed
 * heights. These scoped rules keep the copy and page identity intact while
 * aligning headings, cards, checklists and visual stories across the journey.
 */
:is(
	.cx-3d-page,
	.cx-ar-page,
	.cx-ecommerce-page,
	.cx-lead-page,
	.cx-quote-page
) > .cx-page-section {
	padding-block: clamp(4.75rem, 7vw, 6.5rem);
}

:is(
	.cx-3d-page,
	.cx-ar-page,
	.cx-ecommerce-page,
	.cx-lead-page,
	.cx-quote-page
) > .cx-page-section .cx-premium-section-head {
	grid-template-columns: minmax(0, 1.05fr) minmax(18rem, 0.72fr);
	gap: clamp(2rem, 5vw, 5rem);
	margin-bottom: clamp(2.35rem, 4vw, 3.5rem);
}

:is(
	.cx-3d-page,
	.cx-ar-page,
	.cx-ecommerce-page,
	.cx-lead-page,
	.cx-quote-page
) > .cx-page-section .cx-premium-section-head h2 {
	max-width: 14ch;
	font-size: clamp(2.75rem, 4.1vw, 4.4rem);
	line-height: 0.96;
	letter-spacing: -0.058em;
	text-wrap: balance;
}

:is(
	.cx-3d-page,
	.cx-ar-page,
	.cx-ecommerce-page,
	.cx-lead-page,
	.cx-quote-page
) > .cx-page-section .cx-premium-section-head > p {
	max-width: 31rem;
	font-size: 1rem;
	line-height: 1.65;
}

:is(
	.cx-3d-page,
	.cx-ar-page,
	.cx-ecommerce-page,
	.cx-lead-page,
	.cx-quote-page
) :is(
	.cx-3d-benefits__grid,
	.cx-ar-benefits__grid,
	.cx-ecommerce-benefits__grid,
	.cx-lead-benefits__grid,
	.cx-quote-benefits__grid,
	.cx-3d-process__grid,
	.cx-ar-process__grid,
	.cx-ecommerce-process__grid,
	.cx-lead-process__grid,
	.cx-quote-anatomy__grid,
	.cx-3d-choice__grid,
	.cx-ar-choice__grid,
	.cx-ecommerce-choice__grid,
	.cx-lead-choice__grid,
	.cx-quote-choice__grid
) {
	margin-top: 0;
	gap: clamp(0.85rem, 1.25vw, 1.15rem);
}

:is(
	.cx-3d-page,
	.cx-ar-page,
	.cx-ecommerce-page,
	.cx-lead-page,
	.cx-quote-page
) :is(
	.cx-3d-benefits__grid,
	.cx-ar-benefits__grid,
	.cx-ecommerce-benefits__grid,
	.cx-lead-benefits__grid,
	.cx-quote-benefits__grid,
	.cx-3d-process__grid,
	.cx-ar-process__grid,
	.cx-ecommerce-process__grid,
	.cx-lead-process__grid,
	.cx-quote-anatomy__grid
) > article {
	display: grid;
	min-height: 16.5rem;
	padding: clamp(1.45rem, 2vw, 1.9rem);
	grid-template-rows: auto minmax(4.75rem, auto) 1fr;
	align-content: start;
}

:is(
	.cx-3d-page,
	.cx-ar-page,
	.cx-ecommerce-page,
	.cx-lead-page,
	.cx-quote-page
) :is(
	.cx-3d-process__grid,
	.cx-ar-process__grid,
	.cx-ecommerce-process__grid,
	.cx-lead-process__grid,
	.cx-quote-anatomy__grid
) > article {
	min-height: 15.5rem;
}

:is(
	.cx-3d-page,
	.cx-ar-page,
	.cx-ecommerce-page,
	.cx-lead-page,
	.cx-quote-page
) :is(
	.cx-3d-choice__grid,
	.cx-ar-choice__grid,
	.cx-ecommerce-choice__grid,
	.cx-lead-choice__grid,
	.cx-quote-choice__grid
) > article {
	display: grid;
	min-height: 19.5rem;
	padding: clamp(1.55rem, 2.2vw, 2rem);
	grid-template-rows: auto minmax(5.8rem, auto) auto 1fr;
	align-content: start;
}

:is(
	.cx-3d-page,
	.cx-ar-page,
	.cx-ecommerce-page,
	.cx-lead-page,
	.cx-quote-page
) :is(
	.cx-3d-benefits__grid,
	.cx-ar-benefits__grid,
	.cx-ecommerce-benefits__grid,
	.cx-lead-benefits__grid,
	.cx-quote-benefits__grid,
	.cx-3d-process__grid,
	.cx-ar-process__grid,
	.cx-ecommerce-process__grid,
	.cx-lead-process__grid,
	.cx-quote-anatomy__grid,
	.cx-3d-choice__grid,
	.cx-ar-choice__grid,
	.cx-ecommerce-choice__grid,
	.cx-lead-choice__grid,
	.cx-quote-choice__grid
) > article > span {
	margin: 0 0 2.1rem;
	line-height: 1.2;
}

:is(
	.cx-3d-page,
	.cx-ar-page,
	.cx-ecommerce-page,
	.cx-lead-page,
	.cx-quote-page
) :is(
	.cx-3d-benefits__grid,
	.cx-ar-benefits__grid,
	.cx-ecommerce-benefits__grid,
	.cx-lead-benefits__grid,
	.cx-quote-benefits__grid,
	.cx-3d-process__grid,
	.cx-ar-process__grid,
	.cx-ecommerce-process__grid,
	.cx-lead-process__grid,
	.cx-quote-anatomy__grid,
	.cx-3d-choice__grid,
	.cx-ar-choice__grid,
	.cx-ecommerce-choice__grid,
	.cx-lead-choice__grid,
	.cx-quote-choice__grid
) h3 {
	align-self: start;
	max-width: 18ch;
	margin: 0 0 0.85rem;
	font-size: clamp(1.55rem, 1.8vw, 2rem);
	line-height: 1.05;
	letter-spacing: -0.04em;
	text-wrap: balance;
}

:is(
	.cx-3d-page,
	.cx-ar-page,
	.cx-ecommerce-page,
	.cx-lead-page,
	.cx-quote-page
) :is(
	.cx-3d-choice__grid,
	.cx-ar-choice__grid,
	.cx-ecommerce-choice__grid,
	.cx-lead-choice__grid,
	.cx-quote-choice__grid
) h3 {
	min-block-size: 3.15em;
}

:is(
	.cx-3d-page,
	.cx-ar-page,
	.cx-ecommerce-page,
	.cx-lead-page,
	.cx-quote-page
) :is(
	.cx-3d-choice__grid,
	.cx-ar-choice__grid,
	.cx-ecommerce-choice__grid,
	.cx-lead-choice__grid,
	.cx-quote-choice__grid
) :is(a, article > div) {
	align-self: end;
	margin-top: 1.5rem;
}

:is(
	.cx-3d-page,
	.cx-ar-page,
	.cx-ecommerce-page,
	.cx-lead-page,
	.cx-quote-page
) .cx-check-list {
	gap: 0.75rem;
}

:is(
	.cx-3d-page,
	.cx-ar-page,
	.cx-ecommerce-page,
	.cx-lead-page,
	.cx-quote-page
) .cx-check-list li {
	display: grid;
	grid-template-columns: 1.05rem minmax(0, 1fr);
	align-items: start;
	column-gap: 0.55rem;
	line-height: 1.5;
}

:is(
	.cx-3d-page,
	.cx-ar-page,
	.cx-ecommerce-page,
	.cx-lead-page,
	.cx-quote-page
) .cx-check-list li::before {
	margin: 0;
	line-height: 1.5;
}

:is(
	.cx-3d-model-story__grid,
	.cx-ar-before-after__layout,
	.cx-ecommerce-cart-story__grid,
	.cx-lead-context-story__grid,
	.cx-quote-handoff__grid
) {
	grid-template-columns: minmax(0, 1.06fr) minmax(22rem, 0.82fr);
	align-items: center;
	gap: clamp(2.75rem, 5vw, 5.25rem);
}

:is(
	.cx-3d-model-story__grid,
	.cx-ar-before-after__layout,
	.cx-ecommerce-cart-story__grid,
	.cx-lead-context-story__grid,
	.cx-quote-handoff__grid
) h2 {
	max-width: 12ch;
	font-size: clamp(2.9rem, 4.3vw, 4.4rem);
	line-height: 0.96;
	letter-spacing: -0.058em;
	text-wrap: balance;
}

:is(
	.cx-3d-model-story__visual,
	.cx-ecommerce-cart-story__visual,
	.cx-lead-context-story__visual
) {
	aspect-ratio: 16 / 10;
}

:is(
	.cx-3d-model-story__visual,
	.cx-ecommerce-cart-story__visual,
	.cx-lead-context-story__visual
) img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

@media (max-width: 1100px) {
	:is(
		.cx-3d-process__grid,
		.cx-ar-process__grid,
		.cx-ecommerce-process__grid,
		.cx-lead-process__grid,
		.cx-quote-anatomy__grid
	) {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	:is(
		.cx-3d-model-story__grid,
		.cx-ar-before-after__layout,
		.cx-ecommerce-cart-story__grid,
		.cx-lead-context-story__grid,
		.cx-quote-handoff__grid
	) {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (max-width: 900px) {
	:is(
		.cx-3d-page,
		.cx-ar-page,
		.cx-ecommerce-page,
		.cx-lead-page,
		.cx-quote-page
	) > .cx-page-section .cx-premium-section-head {
		grid-template-columns: minmax(0, 1fr);
		gap: 1.15rem;
	}

	:is(
		.cx-3d-benefits__grid,
		.cx-ar-benefits__grid,
		.cx-ecommerce-benefits__grid,
		.cx-lead-benefits__grid,
		.cx-quote-benefits__grid,
		.cx-3d-choice__grid,
		.cx-ar-choice__grid,
		.cx-ecommerce-choice__grid,
		.cx-lead-choice__grid,
		.cx-quote-choice__grid
	) {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (max-width: 720px) {
	:is(
		.cx-3d-page,
		.cx-ar-page,
		.cx-ecommerce-page,
		.cx-lead-page,
		.cx-quote-page
	) > .cx-page-section {
		padding-block: 4rem;
	}

	:is(
		.cx-3d-page,
		.cx-ar-page,
		.cx-ecommerce-page,
		.cx-lead-page,
		.cx-quote-page
	) > .cx-page-section .cx-premium-section-head h2 {
		max-width: 12ch;
		font-size: clamp(2.55rem, 11vw, 3.35rem);
	}

	:is(
		.cx-3d-benefits__grid,
		.cx-ar-benefits__grid,
		.cx-ecommerce-benefits__grid,
		.cx-lead-benefits__grid,
		.cx-quote-benefits__grid,
		.cx-3d-process__grid,
		.cx-ar-process__grid,
		.cx-ecommerce-process__grid,
		.cx-lead-process__grid,
		.cx-quote-anatomy__grid,
		.cx-3d-choice__grid,
		.cx-ar-choice__grid,
		.cx-ecommerce-choice__grid,
		.cx-lead-choice__grid,
		.cx-quote-choice__grid
	) > article {
		min-height: 0;
		grid-template-rows: auto;
	}

	:is(
		.cx-3d-page,
		.cx-ar-page,
		.cx-ecommerce-page,
		.cx-lead-page,
		.cx-quote-page
	) :is(
		.cx-3d-benefits__grid,
		.cx-ar-benefits__grid,
		.cx-ecommerce-benefits__grid,
		.cx-lead-benefits__grid,
		.cx-quote-benefits__grid,
		.cx-3d-process__grid,
		.cx-ar-process__grid,
		.cx-ecommerce-process__grid,
		.cx-lead-process__grid,
		.cx-quote-anatomy__grid,
		.cx-3d-choice__grid,
		.cx-ar-choice__grid,
		.cx-ecommerce-choice__grid,
		.cx-lead-choice__grid,
		.cx-quote-choice__grid
	) > article > span {
		margin-bottom: 2.75rem;
	}

	:is(
		.cx-3d-page,
		.cx-ar-page,
		.cx-ecommerce-page,
		.cx-lead-page,
		.cx-quote-page
	) :is(
		.cx-3d-choice__grid,
		.cx-ar-choice__grid,
		.cx-ecommerce-choice__grid,
		.cx-lead-choice__grid,
		.cx-quote-choice__grid
	) h3 {
		min-block-size: 0;
	}

	:is(
		.cx-3d-model-story__grid,
		.cx-ar-before-after__layout,
		.cx-ecommerce-cart-story__grid,
		.cx-lead-context-story__grid,
		.cx-quote-handoff__grid
	) h2 {
		font-size: clamp(2.55rem, 11vw, 3.35rem);
	}
}

:is(.cx-2d-page, .cx-3d-page) .cx-check-list li {
	display: grid;
	grid-template-columns: 1.05rem minmax(0, 1fr);
	column-gap: 0.55rem;
	line-height: 1.5;
}

:is(.cx-2d-page, .cx-3d-page) .cx-check-list li::before {
	margin: 0;
	line-height: 1.5;
}

/* ConfigUX 0.25.0 - international homepage and English How it works. */
.cx-nav-mega--how {
	position: fixed;
	top: var(--cx-nav-panel-top, 5rem);
	left: 50%;
	width: min(48rem, calc(100vw - 2rem));
	grid-template-columns: minmax(18rem, 0.9fr) minmax(20rem, 1.1fr);
	gap: 0.3rem;
	transform: translateX(-50%);
}

.cx-home-international {
	overflow: hidden;
	background:
		radial-gradient(circle at 8% 12%, rgba(91, 214, 184, 0.14), transparent 28rem),
		radial-gradient(circle at 90% 88%, rgba(50, 107, 255, 0.11), transparent 32rem),
		#f5f7f4;
}

.cx-home-international__grid {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	gap: 0.85rem;
}

.cx-home-international__card {
	position: relative;
	overflow: hidden;
	min-width: 0;
	aspect-ratio: 4 / 3;
	grid-column: span 4;
	border: 1px solid rgba(11, 25, 44, 0.12);
	border-radius: 1.35rem;
	background: #dfe5e2;
	box-shadow: 0 25px 70px rgba(11, 25, 44, 0.1);
	opacity: 0.5;
	transform: scale(0.94) translateY(1.5rem);
	transition: opacity 650ms ease, transform 700ms cubic-bezier(0.2, 0.75, 0.2, 1), box-shadow 350ms ease;
}

.cx-home-international__card.is-visible {
	opacity: 1;
	transform: none;
}

.cx-home-international__card--wide:first-child {
	aspect-ratio: 2 / 1.05;
	grid-column: span 8;
}

.cx-home-international__card--wide:last-child {
	aspect-ratio: 2.4 / 1;
	grid-column: 1 / -1;
}

.cx-home-international__card::after {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(6, 17, 29, 0.06), transparent 48%, rgba(6, 17, 29, 0.26));
	content: "";
	pointer-events: none;
}

.cx-home-international__card > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 700ms cubic-bezier(0.2, 0.75, 0.2, 1);
}

.cx-home-international__card:hover {
	box-shadow: 0 32px 85px rgba(11, 25, 44, 0.16);
}

.cx-home-international__card:hover > img {
	transform: scale(1.025);
}

.cx-home-international__caption {
	position: absolute;
	z-index: 2;
	top: 0.8rem;
	left: 0.8rem;
	display: grid;
	padding: 0.65rem 0.75rem;
	border: 1px solid rgba(255, 255, 255, 0.64);
	border-radius: 0.75rem;
	background: rgba(255, 255, 255, 0.9);
	backdrop-filter: blur(12px);
	gap: 0.15rem;
}

.cx-home-international__caption span,
.cx-home-international__config small {
	color: #326bff;
	font-size: 0.56rem;
	font-weight: 850;
	letter-spacing: 0.1em;
}

.cx-home-international__caption strong {
	color: #0b192c;
	font-size: 0.82rem;
}

.cx-home-international__config {
	position: absolute;
	z-index: 2;
	right: 0.8rem;
	bottom: 0.8rem;
	display: grid;
	min-width: 10rem;
	padding: 0.72rem 0.8rem;
	border: 1px solid rgba(255, 255, 255, 0.62);
	border-radius: 0.8rem;
	color: #0b192c;
	background: rgba(255, 255, 255, 0.92);
	box-shadow: 0 16px 38px rgba(11, 25, 44, 0.13);
	backdrop-filter: blur(12px);
	gap: 0.22rem;
}

.cx-home-international__config strong {
	font-size: 0.76rem;
}

.cx-home-international__config > span {
	display: flex;
	margin-top: 0.28rem;
	gap: 0.28rem;
}

.cx-home-international__config i {
	width: 0.85rem;
	height: 0.85rem;
	border: 2px solid #fff;
	border-radius: 50%;
	background: #c6b296;
	box-shadow: 0 0 0 1px rgba(11, 25, 44, 0.16);
}

.cx-home-international__config i:nth-child(2) {
	background: #213126;
}

.cx-home-international__config i:nth-child(3) {
	background: #3b424a;
}

.cx-home-international__config i.is-active {
	box-shadow: 0 0 0 2px #326bff;
}

.cx-home-international__action {
	display: flex;
	margin-top: 2.25rem;
	padding: 1.2rem 1.35rem;
	align-items: center;
	justify-content: space-between;
	gap: 1.5rem;
	border: 1px solid rgba(11, 25, 44, 0.1);
	border-radius: 1.15rem;
	background: rgba(255, 255, 255, 0.78);
}

.cx-home-international__action p {
	margin: 0;
	color: #0b192c;
	font-size: clamp(1rem, 1.5vw, 1.2rem);
	font-weight: 760;
}

.cx-ai-thank-you {
	background: var(--cx-how-paper, #f5f7f4);
}

.cx-ai-thank-you__hero {
	min-height: 74vh;
	padding: clamp(6rem, 11vw, 11rem) 0;
	text-align: center;
	background:
		radial-gradient(circle at 50% 15%, rgba(50, 107, 255, 0.14), transparent 31rem),
		radial-gradient(circle at 20% 85%, rgba(91, 214, 184, 0.14), transparent 28rem);
}

.cx-ai-thank-you__hero .cx-container {
	display: grid;
	max-width: 62rem;
	place-items: center;
}

.cx-ai-thank-you__hero h1 {
	max-width: 10ch;
	margin: 1.2rem auto 1.3rem;
	font-size: clamp(4rem, 7vw, 7rem);
	line-height: 0.9;
	letter-spacing: -0.07em;
}

.cx-ai-thank-you__hero > .cx-container > p {
	max-width: 45rem;
	color: #5f6f83;
	font-size: 1.1rem;
	line-height: 1.65;
}

.cx-ai-thank-you__actions {
	display: flex;
	margin-top: 1.4rem;
	align-items: center;
	flex-wrap: wrap;
	justify-content: center;
	gap: 1rem;
}

.cx-ai-thank-you__steps {
	display: grid;
	width: 100%;
	margin-top: 3rem;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	border: 1px solid var(--cx-how-line, #dce4e2);
	border-radius: 1.2rem;
	background: rgba(255, 255, 255, 0.75);
}

.cx-ai-thank-you__steps span {
	display: flex;
	min-height: 6rem;
	padding: 1rem;
	align-items: center;
	justify-content: center;
	gap: 0.7rem;
	border-right: 1px solid var(--cx-how-line, #dce4e2);
	font-size: 0.82rem;
	font-weight: 760;
}

.cx-ai-thank-you__steps span:last-child {
	border-right: 0;
}

.cx-ai-thank-you__steps b {
	display: grid;
	width: 1.75rem;
	height: 1.75rem;
	flex: 0 0 auto;
	place-items: center;
	border-radius: 50%;
	color: #fff;
	background: #326bff;
	font-size: 0.62rem;
}

.cx-ai-thank-you__hero .cx-ai-thank-you__note {
	margin-top: 1.25rem;
	font-size: 0.75rem;
}

@media (max-width: 1260px) and (min-width: 1101px) {
	.cx-nav-mega--how {
		width: min(56rem, calc(100vw - 1.5rem));
	}
}

@media (max-width: 860px) {
	.cx-home-international__card,
	.cx-home-international__card--wide:first-child {
		aspect-ratio: 4 / 3;
		grid-column: span 6;
	}

	.cx-home-international__card--wide:last-child {
		aspect-ratio: 2 / 1.05;
		grid-column: 1 / -1;
	}
}

@media (max-width: 680px) {
	.cx-home-international__grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.cx-home-international__card,
	.cx-home-international__card--wide:first-child,
	.cx-home-international__card--wide:last-child {
		aspect-ratio: 4 / 3;
		grid-column: 1;
	}

	.cx-home-international__config {
		right: 0.6rem;
		bottom: 0.6rem;
		min-width: 8.5rem;
	}

	.cx-home-international__caption {
		top: 0.6rem;
		left: 0.6rem;
	}

	.cx-home-international__action {
		align-items: stretch;
		flex-direction: column;
	}

	.cx-home-international__action .cx-button {
		width: 100%;
	}

	.cx-how-principles .cx-container,
	.cx-how-routes__grid,
	.cx-how-route-includes,
	.cx-how-faq__grid,
	.cx-ai-thank-you__steps {
		grid-template-columns: minmax(0, 1fr);
	}

	.cx-how-principles article,
	.cx-ai-thank-you__steps span {
		border-right: 0;
	}

	.cx-ai-thank-you__hero h1 {
		font-size: clamp(3.4rem, 16vw, 4.8rem);
	}

	.cx-ai-thank-you__steps span {
		min-height: 4.5rem;
		border-bottom: 1px solid var(--cx-how-line, #dce4e2);
	}

	.cx-ai-thank-you__steps span:last-child {
		border-bottom: 0;
	}

	.cx-sticky-cta {
		right: max(0.75rem, env(safe-area-inset-right));
		bottom: max(5.25rem, calc(env(safe-area-inset-bottom) + 4.5rem));
		left: auto;
		width: min(14rem, calc(100vw - 1.5rem));
		padding: 0.55rem 2.7rem 0.55rem 0.55rem;
		flex-direction: row;
		border-radius: 0.9rem;
	}

	.cx-sticky-cta > strong,
	.cx-sticky-cta__actions .cx-button--secondary {
		display: none;
	}

	.cx-sticky-cta__actions {
		display: block;
		width: 100%;
	}

	.cx-sticky-cta .cx-button {
		min-height: 2.55rem;
	}

	.cx-sticky-cta__close {
		top: 50%;
		right: 0.35rem;
		transform: translateY(-50%);
	}
}

@media (prefers-reduced-motion: reduce) {
	.cx-home-international__card,
	.cx-home-international__card > img {
		opacity: 1;
		transform: none;
		transition: none;
	}
}

/* ConfigUX quality block 4: shorter, static English homepage story. */
.cx-home-quality-4 .cx-benefit-story--static {
	min-height: 0;
	padding: clamp(4.5rem, 6.5vw, 6.5rem) 0;
	background: #091522;
}

.cx-home-quality-4 .cx-benefit-story--static .cx-configurator-story__sticky {
	position: static;
	top: auto;
	height: auto;
}

.cx-home-quality-4 .cx-benefit-story--static .cx-configurator-story__panel {
	--cx-story-progress: 1 !important;
	--cx-story-inset: 0 !important;
	--cx-story-inset-y: 0 !important;
	--cx-story-radius: 28 !important;
	--cx-story-visual-scale: 1 !important;
	--cx-story-visual-reveal: 1 !important;
	width: min(calc(100% - 2rem), var(--cx-container, 1180px));
	min-height: clamp(35rem, 46vw, 42rem);
	margin: 0 auto;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 1.75rem;
	clip-path: none !important;
}

.cx-home-quality-4 .cx-benefit-story--static .cx-benefit-story__visual-cta {
	display: none;
}

.cx-home-quality-4 .cx-benefit-story--static .cx-configurator-story__line,
.cx-home-quality-4 .cx-benefit-story--static .cx-benefit-story__visual img {
	animation: none;
}

.cx-home-quality-4 .cx-home-v2__products .cx-product-gallery__grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.cx-home-quality-4 .cx-home-v2__products .cx-product-gallery__card--wide {
	grid-column: auto;
}

.cx-home-quality-4 .cx-home-v2__products .cx-product-gallery__visual,
.cx-home-quality-4 .cx-home-v2__products .cx-product-gallery__card--wide .cx-product-gallery__visual {
	height: 22rem;
	min-height: 22rem;
}

.cx-home-quality-4 .cx-home-v2__products .cx-product-gallery__caption {
	padding: 1.3rem;
	grid-template-columns: minmax(5.5rem, 0.45fr) minmax(0, 1fr);
	gap: 1rem;
}

.cx-home-quality-4 .cx-home-v2__products .cx-product-gallery__caption h3 {
	font-size: clamp(1.35rem, 2vw, 1.8rem);
}

.cx-home-quality-4 .cx-home-v2__workflow {
	padding-bottom: clamp(5rem, 7vw, 6.5rem);
}

.cx-home-quality-4__proof {
	display: grid;
	margin-top: 1.25rem;
	padding: 1.25rem 1.4rem;
	align-items: center;
	grid-template-columns: minmax(0, 1fr) auto auto;
	gap: 1.25rem;
	border: 1px solid rgba(11, 25, 44, 0.1);
	border-radius: 1.2rem;
	background: rgba(255, 255, 255, 0.72);
}

.cx-home-quality-4__proof > div > small {
	display: block;
	margin-bottom: 0.45rem;
	color: var(--cx-premium-blue, #326bff);
	font-size: 0.61rem;
	font-weight: 850;
	letter-spacing: 0.1em;
}

.cx-home-quality-4__proof > div > strong {
	display: block;
	font-size: clamp(1.2rem, 2vw, 1.6rem);
	line-height: 1.1;
	letter-spacing: -0.035em;
}

.cx-home-quality-4__proof p {
	margin: 0.4rem 0 0;
	color: var(--cx-premium-slate, #5f6f83);
	font-size: 0.82rem;
}

.cx-home-quality-4__proof > small {
	color: var(--cx-premium-slate, #5f6f83);
	font-size: 0.68rem;
	white-space: nowrap;
}

.cx-home-quality-4 .cx-home-v2__plans {
	padding-top: clamp(5rem, 7vw, 6.5rem);
	padding-bottom: clamp(5rem, 7vw, 6.5rem);
}

.cx-home-quality-4__next-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1rem;
}

.cx-home-quality-4__next-grid article {
	display: grid;
	min-height: 21rem;
	padding: clamp(1.6rem, 3vw, 2.5rem);
	align-content: start;
	border: 1px solid var(--cx-premium-line, #dce4e2);
	border-radius: 1.5rem;
	background: #fff;
}

.cx-home-quality-4__next-grid article > small {
	color: var(--cx-premium-blue, #326bff);
	font-size: 0.65rem;
	font-weight: 850;
	letter-spacing: 0.1em;
}

.cx-home-quality-4__next-grid h3 {
	max-width: 13ch;
	margin: auto 0 0.8rem;
	font-size: clamp(2rem, 3.5vw, 3.15rem);
	line-height: 0.98;
	letter-spacing: -0.055em;
}

.cx-home-quality-4__next-grid p {
	max-width: 35rem;
	margin: 0;
	color: var(--cx-premium-slate, #5f6f83);
	line-height: 1.6;
}

.cx-home-quality-4__next-grid article > div {
	display: flex;
	margin-top: 1.5rem;
	align-items: center;
	flex-wrap: wrap;
	gap: 1rem;
}

.cx-home-quality-4__next-grid .is-service {
	scroll-margin-top: 7rem;
	color: #fff;
	border-color: rgba(255, 255, 255, 0.12);
	background:
		radial-gradient(circle at 90% 15%, rgba(50, 107, 255, 0.28), transparent 21rem),
		#091522;
}

.cx-home-quality-4__next-grid .is-service > small {
	color: var(--cx-premium-mint, #5bd6b8);
}

.cx-home-quality-4__next-grid .is-service p {
	color: #afbcc8;
}

.cx-home-quality-4__next-grid .is-service > div > span {
	color: #92a0ad;
	font-size: 0.68rem;
}

@media (max-width: 980px) {
	.cx-home-quality-4 .cx-benefit-story--static {
		padding: 0;
	}

	.cx-home-quality-4 .cx-benefit-story--static .cx-configurator-story__panel {
		width: 100%;
		min-height: 0;
		border-right: 0;
		border-left: 0;
		border-radius: 0;
	}

	.cx-home-quality-4 .cx-benefit-story--static .cx-benefit-story__visual--service {
		display: none;
	}

	.cx-home-quality-4 .cx-home-v2__products .cx-product-gallery__grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.cx-home-quality-4 .cx-home-v2__products .cx-product-gallery__visual,
	.cx-home-quality-4 .cx-home-v2__products .cx-product-gallery__card--wide .cx-product-gallery__visual {
		height: 18rem;
		min-height: 18rem;
	}
}

@media (max-width: 680px) {
	.cx-home-quality-4 .cx-home-international__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0.7rem;
	}

	.cx-home-quality-4 .cx-home-international__card,
	.cx-home-quality-4 .cx-home-international__card--wide:first-child,
	.cx-home-quality-4 .cx-home-international__card--wide:last-child {
		grid-column: auto;
		aspect-ratio: 1 / 1;
	}

	.cx-home-quality-4 .cx-home-international__card--wide:first-child,
	.cx-home-quality-4 .cx-home-international__card--wide:last-child {
		grid-column: 1 / -1;
		aspect-ratio: 16 / 9;
	}

	.cx-home-quality-4 .cx-home-international__card:not(.cx-home-international__card--wide) .cx-home-international__config {
		display: none;
	}

	.cx-home-quality-4 .cx-home-international__card:not(.cx-home-international__card--wide) .cx-home-international__caption {
		right: 0.5rem;
		top: auto;
		bottom: 0.5rem;
		left: 0.5rem;
	}

	.cx-home-quality-4 .cx-home-international__card:not(.cx-home-international__card--wide) .cx-home-international__caption span {
		font-size: 0.48rem;
	}

	.cx-home-quality-4 .cx-home-international__card:not(.cx-home-international__card--wide) .cx-home-international__caption strong {
		font-size: 0.72rem;
	}

	.cx-home-quality-4 .cx-home-v2__products .cx-product-gallery__visual,
	.cx-home-quality-4 .cx-home-v2__products .cx-product-gallery__card--wide .cx-product-gallery__visual {
		height: 14rem;
		min-height: 14rem;
	}

	.cx-home-quality-4 .cx-home-v2__products .cx-product-gallery__caption {
		padding: 1.1rem;
		grid-template-columns: minmax(0, 1fr);
	}

	.cx-home-quality-4__proof {
		align-items: stretch;
		grid-template-columns: minmax(0, 1fr);
	}

	.cx-home-quality-4__proof .cx-button {
		width: 100%;
	}

	.cx-home-quality-4__proof > small {
		white-space: normal;
	}

	.cx-home-quality-4__next-grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.cx-home-quality-4__next-grid article {
		min-height: 0;
		padding: 1.5rem;
	}

	.cx-home-quality-4__next-grid h3 {
		margin-top: 3rem;
		font-size: clamp(2rem, 9.5vw, 2.65rem);
	}

	.cx-home-quality-4__next-grid article > div {
		align-items: stretch;
		flex-direction: column;
	}

	.cx-home-quality-4__next-grid article > div .cx-button {
		width: 100%;
	}
}

/* ConfigUX quality block 5: calmer English company and access heroes. */
@media (min-width: 821px) {

	html[lang^="en"] .cx-careers-page .cx-careers-hero-visual {
		min-height: clamp(24rem, 31vw, 30rem);
	}

	html[lang^="en"] .cx-start-page .cx-start-hero {
		min-height: 0;
		padding-block: clamp(4rem, 5vw, 5rem);
	}

	html[lang^="en"] .cx-start-page .cx-start-hero__copy h1 {
		max-width: 12ch;
		font-size: clamp(4rem, 5vw, 4.75rem);
		line-height: 0.95;
	}
}

@media (min-width: 981px) and (prefers-reduced-motion: no-preference) {
	.cx-home-quality-4 .cx-benefit-story--static .cx-configurator-story__panel {
		opacity: var(--cx-static-story-opacity, 1);
		transform: scale(var(--cx-static-story-scale, 1));
		transform-origin: center center;
		will-change: transform, opacity;
	}
}

@media (min-width: 981px) {
	.cx-home-quality-4 .cx-benefit-story--static .cx-benefit-story__visual {
		width: clamp(18rem, 24vw, 22rem);
	}

	.cx-home-quality-4 .cx-benefit-story--static .cx-benefit-story__visual--benefits {
		left: clamp(-4rem, -3vw, -1.5rem);
		transform: rotate(-1.6deg) scale(var(--cx-story-visual-scale));
	}

	.cx-home-quality-4 .cx-benefit-story--static .cx-benefit-story__visual--service {
		right: clamp(-4rem, -3vw, -1.5rem);
		transform: rotate(1.6deg) scale(var(--cx-story-visual-scale));
	}
}

@media (min-width: 681px) {
	.cx-home-quality-4__next-grid article {
		grid-template-rows: auto minmax(8.5rem, 1fr) minmax(5.25rem, auto) auto;
	}

	.cx-home-quality-4__next-grid h3 {
		margin: 1.5rem 0 0.8rem;
		align-self: end;
	}

	.cx-home-quality-4__next-grid article > div {
		align-self: end;
	}
}

@media (max-width: 980px), (prefers-reduced-motion: reduce) {
	.cx-home-quality-4 .cx-benefit-story--static .cx-configurator-story__panel {
		opacity: 1;
		transform: none;
		will-change: auto;
	}
}

/* ConfigUX 0.26.5 - simpler English AI-guide route and menu. */
html[lang] .cx-nav-mega--how {
	width: min(48rem, calc(100vw - 2rem));
	grid-template-columns: minmax(18rem, 0.9fr) minmax(20rem, 1.1fr);
}

body:has(.cx-how-page--focused) .cx-site-shell > #configux-main-content,
body:has(.cx-how-page--focused) .cx-site-shell > #configux-main-content + footer,
body:has(.cx-how-page--focused) .cx-site-shell > #configux-main-content + .wp-block-template-part {
	margin-block: 0;
}

/* LinkedIn Fit Check landing page - Block 4 */
.cx-fit-check-page {
	--cx-fit-ink: #0d1522;
	--cx-fit-muted: #617086;
	--cx-fit-line: rgba(13, 21, 34, 0.12);
	overflow: clip;
}

.cx-fit-check-hero {
	padding: clamp(4rem, 8vw, 7.5rem) 0 clamp(4rem, 7vw, 6.5rem);
	background:
		radial-gradient(circle at 78% 18%, rgba(79, 107, 255, 0.12), transparent 32rem),
		linear-gradient(180deg, #fff 0%, #f5f7fb 100%);
}

.cx-fit-check-hero__grid {
	display: grid;
	grid-template-columns: minmax(0, 0.84fr) minmax(32rem, 1.16fr);
	align-items: center;
	gap: clamp(2.5rem, 6vw, 6rem);
}

.cx-fit-check-hero__copy,
.cx-fit-check-hero__proof,
.cx-fit-check-proof__grid > *,
.cx-fit-check-form-section__grid > * {
	min-width: 0;
}

.cx-fit-check-hero h1 {
	max-width: 12ch;
	margin: 1.1rem 0 0;
	color: var(--cx-fit-ink);
	font-size: clamp(3.4rem, 6.7vw, 6.7rem);
	line-height: 0.9;
	letter-spacing: -0.072em;
}

.cx-fit-check-hero h1 em {
	color: var(--wp--preset--color--signal-blue);
	font-style: normal;
}

.cx-fit-check-hero__actions {
	display: flex;
	margin-top: 2rem;
}

.cx-fit-check-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0.55rem;
	margin: 1.25rem 0 0;
	padding: 0;
	list-style: none;
}

.cx-fit-check-meta li {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	padding: 0.42rem 0.65rem;
	border: 1px solid var(--cx-fit-line);
	border-radius: 999px;
	color: #4d5d72;
	font-size: 0.72rem;
	font-weight: 750;
	background: rgba(255, 255, 255, 0.72);
}

.cx-fit-check-meta li::before {
	width: 0.38rem;
	height: 0.38rem;
	border-radius: 50%;
	background: #1a9b79;
	content: "";
}

.cx-fit-check-hero__proof {
	position: relative;
	margin: 0;
	padding: clamp(1rem, 2vw, 1.45rem);
	border: 1px solid rgba(13, 21, 34, 0.1);
	border-radius: clamp(1.4rem, 3vw, 2.5rem);
	background: rgba(255, 255, 255, 0.82);
	box-shadow: 0 30px 80px rgba(21, 36, 64, 0.13);
	backdrop-filter: blur(16px);
}

.cx-fit-check-hero__proof::after {
	position: absolute;
	inset: auto 8% -1.3rem;
	z-index: -1;
	height: 3rem;
	border-radius: 50%;
	background: rgba(36, 53, 88, 0.13);
	filter: blur(22px);
	content: "";
}

.cx-fit-check-hero__proof img {
	display: block;
	width: 100%;
	height: auto;
}

.cx-fit-check-hero__label {
	position: absolute;
	top: 1.2rem;
	left: 1.2rem;
	z-index: 2;
	padding: 0.48rem 0.7rem;
	border-radius: 999px;
	color: #fff;
	font-size: 0.62rem;
	font-weight: 850;
	letter-spacing: 0.1em;
	background: var(--wp--preset--color--signal-blue);
}

.cx-fit-check-hero__proof figcaption {
	margin: 0.75rem 0.35rem 0.1rem;
	color: #68768a;
	font-size: 0.72rem;
	line-height: 1.5;
}

.cx-fit-check-problems .cx-premium-section-head {
	align-items: end;
}

.cx-fit-check-problems__grid,
.cx-fit-check-routes__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1rem;
	margin-top: clamp(2rem, 4vw, 3.2rem);
}

.cx-fit-check-problems__grid article {
	padding: clamp(1.35rem, 2.5vw, 2rem);
	border: 1px solid var(--cx-fit-line);
	border-radius: 1.25rem;
	background: #fff;
}

.cx-fit-check-problems__grid span {
	display: grid;
	width: 2.2rem;
	height: 2.2rem;
	place-items: center;
	border-radius: 0.7rem;
	color: #176e5a;
	font-size: 0.68rem;
	font-weight: 850;
	background: #dff6ef;
}

.cx-fit-check-problems__grid h3 {
	margin: 1.4rem 0 0.55rem;
	color: var(--cx-fit-ink);
	font-size: 1.2rem;
	letter-spacing: -0.03em;
}

.cx-fit-check-problems__grid p,
.cx-fit-check-routes__grid p,
.cx-fit-check-scope p,
.cx-fit-check-form-section p,
.cx-fit-check-thank-you p {
	color: var(--cx-fit-muted);
	line-height: 1.65;
}

.cx-fit-check-problems__grid p {
	margin: 0;
	font-size: 0.94rem;
}

.cx-fit-check-proof__grid {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(20rem, 0.85fr);
	align-items: center;
	gap: clamp(2.5rem, 6vw, 6rem);
}

.cx-fit-check-proof figure {
	margin: 0;
	overflow: hidden;
	border-radius: 1.5rem;
	background: #fff;
	box-shadow: 0 24px 60px rgba(18, 31, 54, 0.12);
}

.cx-fit-check-proof figure img {
	display: block;
	width: 100%;
	height: auto;
}

.cx-fit-check-proof figcaption {
	padding: 0.75rem 1rem;
	color: #69778c;
	font-size: 0.62rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	background: #fff;
}

.cx-fit-check-proof__copy h2,
.cx-fit-check-scope h2,
.cx-fit-check-form-section h2 {
	max-width: 13ch;
	margin: 1rem 0 1.2rem;
	color: var(--cx-fit-ink);
	font-size: clamp(2.35rem, 4.7vw, 4.6rem);
	line-height: 0.98;
	letter-spacing: -0.055em;
}

.cx-fit-check-proof__copy > p,
.cx-fit-check-scope__grid > div > p,
.cx-fit-check-form-section__copy > p {
	margin: 0 0 1.5rem;
	font-size: 1.04rem;
}

.cx-fit-check-routes {
	color: #fff;
	background: #0d1522;
}

.cx-fit-check-routes .cx-premium-section-head h2,
.cx-fit-check-routes__grid h3 {
	color: #fff;
}

.cx-fit-check-routes .cx-premium-section-head p,
.cx-fit-check-routes__grid p {
	color: #aab7c8;
}

.cx-fit-check-routes__grid article {
	padding: clamp(1.5rem, 3vw, 2.3rem);
	border: 1px solid rgba(255, 255, 255, 0.13);
	border-radius: 1.25rem;
	background: linear-gradient(145deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.025));
}

.cx-fit-check-routes__grid small {
	color: #7fa0ff;
	font-size: 0.64rem;
	font-weight: 850;
	letter-spacing: 0.11em;
}

.cx-fit-check-routes__grid h3 {
	margin: 1.2rem 0 0.65rem;
	font-size: 1.35rem;
	letter-spacing: -0.035em;
}

.cx-fit-check-routes__grid p {
	margin: 0;
	font-size: 0.94rem;
}

.cx-fit-check-scope__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(22rem, 0.72fr);
	align-items: center;
	gap: clamp(3rem, 7vw, 7rem);
}

.cx-fit-check-founding {
	padding: clamp(1.5rem, 3vw, 2.4rem);
	border: 1px solid rgba(79, 107, 255, 0.22);
	border-radius: 1.35rem;
	background: #f4f6ff;
	box-shadow: 0 22px 50px rgba(46, 67, 128, 0.08);
}

.cx-fit-check-founding > span {
	color: var(--wp--preset--color--signal-blue);
	font-size: 0.64rem;
	font-weight: 850;
	letter-spacing: 0.1em;
}

.cx-fit-check-founding h3 {
	margin: 1rem 0 0.75rem;
	color: var(--cx-fit-ink);
	font-size: clamp(1.45rem, 2.5vw, 2rem);
	line-height: 1.12;
	letter-spacing: -0.04em;
}

.cx-fit-check-founding p {
	margin: 0.7rem 0 0;
	font-size: 0.92rem;
}

.cx-fit-check-form-section {
	scroll-margin-top: 6rem;
}

.cx-fit-check-form-section__grid {
	display: grid;
	grid-template-columns: minmax(0, 0.78fr) minmax(29rem, 1.22fr);
	align-items: start;
	gap: clamp(2.5rem, 6vw, 6rem);
}

.cx-fit-check-form-section__copy {
	position: sticky;
	top: 7rem;
}

.cx-fit-check-form-section__steps {
	display: grid;
	gap: 0.75rem;
	margin: 1.8rem 0 1.2rem;
}

.cx-fit-check-form-section__steps article,
.cx-fit-check-thank-you__steps article {
	display: grid;
	grid-template-columns: 2rem 1fr;
	gap: 0.85rem;
	padding-top: 0.85rem;
	border-top: 1px solid var(--cx-fit-line);
}

.cx-fit-check-form-section__steps article > span,
.cx-fit-check-thank-you__steps article > span {
	color: #14856a;
	font-size: 0.7rem;
	font-weight: 850;
}

.cx-fit-check-form-section__steps strong {
	color: var(--cx-fit-ink);
	font-size: 0.94rem;
}

.cx-fit-check-form-section__steps p {
	margin: 0.2rem 0 0;
	font-size: 0.86rem;
}

.cx-fit-check-form-section__note,
.cx-fit-check-thank-you__note {
	padding: 0.8rem 1rem;
	border-left: 3px solid var(--wp--preset--color--signal-blue);
	color: #56667b !important;
	font-size: 0.82rem;
	background: rgba(255, 255, 255, 0.7);
}

.cx-fit-check-form-card .vbf-form-wrap {
	width: 100%;
	max-width: none;
	margin: 0;
}

.cx-fit-check-form-card .vbf-form {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: 1rem;
}

.cx-fit-check-form-card .vbf-form > .vbf-field,
.cx-fit-check-form-card .vbf-form > .vbf-privacy-notice,
.cx-fit-check-form-card .vbf-form > .vbf-submit,
.cx-fit-check-form-card .vbf-form > .vbf-hp,
.cx-fit-check-form-card .vbf-form > input[type="hidden"] {
	grid-column: 1 / -1;
}

.cx-fit-check-form-card .vbf-form > .vbf-layout-half {
	grid-column: auto;
}

.cx-fit-check-form-card .vbf-submit {
	min-height: 3.3rem;
}

.cx-fit-check-thank-you__steps {
	padding: clamp(1.4rem, 3vw, 2.3rem);
	border: 1px solid var(--cx-fit-line);
	border-radius: 1.35rem;
	background: #f5f7fb;
	box-shadow: 0 25px 60px rgba(20, 34, 59, 0.09);
}

.cx-fit-check-thank-you__steps article {
	margin-top: 1rem;
}

.cx-fit-check-thank-you__steps h2,
.cx-fit-check-thank-you__steps p {
	margin: 0;
}

.cx-fit-check-thank-you__steps h2 {
	color: var(--cx-fit-ink);
	font-size: 1rem;
	letter-spacing: -0.02em;
}

.cx-fit-check-thank-you__steps p {
	margin-top: 0.25rem;
	font-size: 0.88rem;
}

.cx-fit-check-thank-you__note {
	max-width: 38rem;
	margin-top: 1.5rem;
}

@media (max-width: 1080px) {
	.cx-fit-check-hero__grid {
		grid-template-columns: minmax(0, 0.92fr) minmax(27rem, 1.08fr);
		gap: 2.5rem;
	}

	.cx-fit-check-hero h1 {
		font-size: clamp(3.2rem, 6.3vw, 5.3rem);
	}
}

@media (max-width: 900px) {
	.cx-fit-check-hero__grid,
	.cx-fit-check-proof__grid,
	.cx-fit-check-scope__grid,
	.cx-fit-check-form-section__grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.cx-fit-check-hero__copy {
		max-width: 45rem;
	}

	.cx-fit-check-hero h1 {
		max-width: 11ch;
	}

	.cx-fit-check-hero__proof {
		max-width: 46rem;
	}

	.cx-fit-check-proof__copy,
	.cx-fit-check-scope__grid > div,
	.cx-fit-check-form-section__copy {
		max-width: 42rem;
	}

	.cx-fit-check-form-section__copy {
		position: static;
	}
}

@media (max-width: 720px) {
	.cx-fit-check-problems__grid,
	.cx-fit-check-routes__grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.cx-fit-check-page .cx-premium-section-head {
		display: grid;
		gap: 1rem;
	}

	.cx-fit-check-form-card .vbf-form {
		grid-template-columns: minmax(0, 1fr);
	}

	.cx-fit-check-form-card .vbf-form > .vbf-layout-half {
		grid-column: 1;
	}
}

@media (max-width: 560px) {
	.cx-fit-check-hero {
		padding-top: 3.25rem;
	}

	.cx-fit-check-hero h1 {
		font-size: clamp(3rem, 14.5vw, 4.35rem);
	}

	.cx-fit-check-hero__actions .cx-button {
		width: 100%;
		justify-content: center;
	}

	.cx-fit-check-meta {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
	}

	.cx-fit-check-hero__label {
		top: 0.75rem;
		left: 0.75rem;
	}

	.cx-fit-check-hero__proof figcaption {
		font-size: 0.66rem;
	}

	.cx-fit-check-proof__copy h2,
	.cx-fit-check-scope h2,
	.cx-fit-check-form-section h2 {
		font-size: clamp(2.35rem, 12vw, 3.45rem);
	}
}

/* ConfigUX quality block 13: homepage motion, varied product choices and clarity comparison. */
.cx-home-quality-13 .cx-benefit-story--static .cx-configurator-story__panel {
	transform: scale(var(--cx-static-story-scale, 0.88));
	transform-origin: center center;
	transition: box-shadow 180ms ease;
	will-change: transform, opacity;
}

.cx-home-quality-13 .cx-benefit-story--static .cx-configurator-story__panel[style*="--cx-static-story-scale: 1"] {
	box-shadow: 0 34px 85px rgba(0, 0, 0, 0.2);
}

.cx-home-quality-13 .cx-home-international__card--portrait {
	height: 100%;
	aspect-ratio: auto;
}

.cx-home-quality-13 .cx-home-international__card--portrait > img {
	object-position: center center;
}

.cx-home-quality-13 .cx-home-international__config > span {
	align-items: center;
}

.cx-home-quality-13 .cx-home-international__config--chips i,
.cx-home-quality-13 .cx-home-international__config--counts i,
.cx-home-quality-13 .cx-home-international__config--layout i {
	display: inline-flex;
	width: auto;
	min-width: 1.65rem;
	height: 1.35rem;
	padding: 0 0.38rem;
	align-items: center;
	justify-content: center;
	border: 1px solid #dce4e2;
	border-radius: 0.42rem;
	color: #657386;
	background: #f5f7f4;
	box-shadow: none;
	font-size: 0.47rem;
	font-style: normal;
	font-weight: 850;
	letter-spacing: 0.04em;
}

.cx-home-quality-13 .cx-home-international__config--chips i.is-active,
.cx-home-quality-13 .cx-home-international__config--counts i.is-active,
.cx-home-quality-13 .cx-home-international__config--layout i.is-active {
	color: #184fc7;
	border-color: #326bff;
	background: #eaf0ff;
	box-shadow: none;
}

.cx-home-quality-13 .cx-home-international__config--modules > span {
	height: 1.6rem;
	align-items: flex-end;
}

.cx-home-quality-13 .cx-home-international__config--modules i {
	width: 0.68rem;
	height: 0.88rem;
	border: 1px solid #cbd5df;
	border-radius: 0.18rem 0.18rem 0.08rem 0.08rem;
	background: #dfe6ec;
	box-shadow: none;
}

.cx-home-quality-13 .cx-home-international__config--modules i:nth-child(2) {
	height: 1.15rem;
	background: #dfe6ec;
}

.cx-home-quality-13 .cx-home-international__config--modules i:nth-child(3) {
	height: 1.38rem;
	background: #dfe6ec;
}

.cx-home-quality-13 .cx-home-international__config--modules i:nth-child(4) {
	height: 1.58rem;
	background: #dfe6ec;
}

.cx-home-quality-13 .cx-home-international__config--modules i.is-active {
	border-color: #326bff;
	background: #326bff;
	box-shadow: 0 0 0 2px rgba(50, 107, 255, 0.14);
}

.cx-home-quality-13 .cx-home-international__config--colors i:nth-child(1) {
	background: #294536;
}

.cx-home-quality-13 .cx-home-international__config--colors i:nth-child(2) {
	background: #d8d2c7;
}

.cx-home-quality-13 .cx-home-international__config--colors i:nth-child(3) {
	background: #202936;
}

.cx-home-clarity,
.cx-home-clarity * {
	box-sizing: border-box;
}

.cx-home-clarity {
	--cx-clarity-bg: #071421;
	--cx-clarity-card: #10202d;
	--cx-clarity-card-soft: #152633;
	--cx-clarity-line: rgba(255, 255, 255, 0.12);
	--cx-clarity-muted: #a8b5c1;
	--cx-clarity-blue: #326bff;
	--cx-clarity-mint: #5bd6b8;
	overflow: hidden;
	padding: clamp(4.75rem, 7vw, 7rem) 0;
	color: #fff;
	background:
		radial-gradient(circle at 8% 12%, rgba(91, 214, 184, 0.12), transparent 30rem),
		radial-gradient(circle at 92% 36%, rgba(50, 107, 255, 0.18), transparent 34rem),
		var(--cx-clarity-bg);
}

.cx-home-clarity__head {
	display: grid;
	margin-bottom: clamp(2.25rem, 4vw, 3.5rem);
	align-items: end;
	grid-template-columns: minmax(0, 1.2fr) minmax(18rem, 0.8fr);
	gap: clamp(1.5rem, 5vw, 5rem);
}

.cx-home-clarity .cx-kicker {
	color: var(--cx-clarity-mint);
}

.cx-home-clarity__head h2 {
	max-width: 11ch;
	margin: 0.9rem 0 0;
	color: #fff;
	font-size: clamp(3rem, 6vw, 5.75rem);
	line-height: 0.94;
	letter-spacing: -0.065em;
}

.cx-home-clarity__head > p {
	max-width: 35rem;
	margin: 0;
	color: var(--cx-clarity-muted);
	font-size: clamp(1rem, 1.55vw, 1.24rem);
	line-height: 1.65;
}

.cx-home-clarity__comparison {
	display: grid;
	align-items: center;
	grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
	gap: 1rem;
}

.cx-home-clarity__comparison-card,
.cx-home-clarity__choice-card,
.cx-home-clarity__wall-card {
	overflow: hidden;
	min-width: 0;
	border: 1px solid var(--cx-clarity-line);
	border-radius: 1.5rem;
	background: var(--cx-clarity-card);
	box-shadow: 0 30px 80px rgba(0, 0, 0, 0.16);
}

.cx-home-clarity__comparison-card.is-before {
	border-color: rgba(232, 159, 76, 0.28);
}

.cx-home-clarity__comparison-card.is-after {
	border-color: rgba(91, 214, 184, 0.34);
}

.cx-home-clarity__comparison-card figure {
	overflow: hidden;
	margin: 0;
	aspect-ratio: 16 / 10.7;
	background: #08111a;
}

.cx-home-clarity__comparison-card img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.cx-home-clarity__comparison-card > div {
	min-height: 11.5rem;
	padding: 1.4rem;
}

.cx-home-clarity__comparison-card small,
.cx-home-clarity__contrast-copy > small {
	display: block;
	color: var(--cx-clarity-mint);
	font-size: 0.62rem;
	font-weight: 850;
	letter-spacing: 0.1em;
}

.cx-home-clarity__comparison-card.is-before small,
.cx-home-clarity__wall-card .cx-home-clarity__contrast-copy > small {
	color: #e89f4c;
}

.cx-home-clarity__comparison-card h3 {
	margin: 0.7rem 0 0;
	color: #fff;
	font-size: clamp(1.35rem, 2.1vw, 1.85rem);
	line-height: 1.05;
	letter-spacing: -0.04em;
}

.cx-home-clarity__comparison-card p {
	margin: 0.65rem 0 0;
	color: var(--cx-clarity-muted);
	font-size: 0.92rem;
	line-height: 1.55;
}

.cx-home-clarity__comparison-arrow {
	display: grid;
	width: 3.15rem;
	height: 3.15rem;
	place-items: center;
	border: 1px solid rgba(91, 214, 184, 0.36);
	border-radius: 50%;
	color: #071421;
	background: var(--cx-clarity-mint);
	box-shadow: 0 0 0 0.45rem rgba(91, 214, 184, 0.08);
	font-size: 1.25rem;
	font-weight: 900;
}

.cx-home-clarity__contrast {
	display: grid;
	margin-top: 1rem;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1rem;
}

.cx-home-clarity__choice-card,
.cx-home-clarity__wall-card {
	display: grid;
	grid-template-rows: auto minmax(0, 1fr);
}

.cx-home-clarity__choice-visual,
.cx-home-clarity__wall-visual {
	position: relative;
	min-height: 32rem;
	padding: 4.25rem 1.35rem 1.35rem;
	background: #f6f8f7;
}

.cx-home-clarity__tag {
	position: absolute;
	top: 1.15rem;
	left: 1.25rem;
	padding: 0.38rem 0.6rem;
	border: 1px solid rgba(19, 143, 112, 0.3);
	border-radius: 999px;
	color: #157f67;
	background: rgba(91, 214, 184, 0.13);
	font-size: 0.58rem;
	font-weight: 850;
	letter-spacing: 0.1em;
}

.cx-home-clarity__tag.is-warning {
	color: #a95f16;
	border-color: rgba(232, 159, 76, 0.42);
	background: rgba(232, 159, 76, 0.12);
}

.cx-home-clarity__choice-group {
	padding: 0.85rem;
	border: 1px solid #dfe5e2;
	border-radius: 1.05rem;
	background: #fff;
}

.cx-home-clarity__choice-group + .cx-home-clarity__choice-group {
	margin-top: 0.85rem;
}

.cx-home-clarity__choice-group > strong {
	display: block;
	margin-bottom: 0.65rem;
	color: #0b192c;
	font-size: 0.88rem;
}

.cx-home-clarity__choice-group > div {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.6rem;
}

.cx-home-clarity__choice-group button {
	position: relative;
	display: grid;
	min-width: 0;
	padding: 0.35rem 0.35rem 0.55rem;
	align-content: start;
	border: 1px solid #dce4e2;
	border-radius: 0.85rem;
	color: #0b192c;
	background: #f8faf9;
	box-shadow: none;
	cursor: pointer;
	font: inherit;
	gap: 0.35rem;
	transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.cx-home-clarity__choice-group button:hover,
.cx-home-clarity__choice-group button:focus-visible {
	border-color: var(--cx-clarity-blue);
	box-shadow: 0 0 0 3px rgba(50, 107, 255, 0.14);
	outline: 0;
	transform: translateY(-2px);
}

.cx-home-clarity__choice-group button.is-selected {
	border-color: var(--cx-clarity-blue);
	box-shadow: 0 0 0 2px rgba(50, 107, 255, 0.1);
	background: #f4f7ff;
}

.cx-home-clarity__choice-group button > img {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 3;
	border-radius: 0.58rem;
	object-fit: cover;
}

.cx-home-clarity__choice-group button > span:not(.cx-home-clarity__tooltip) {
	overflow: hidden;
	font-size: 0.68rem;
	font-weight: 780;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.cx-home-clarity__choice-group button > i {
	position: absolute;
	top: 0.5rem;
	right: 0.5rem;
	display: grid;
	width: 1.2rem;
	height: 1.2rem;
	place-items: center;
	border-radius: 50%;
	color: #fff;
	background: rgba(11, 25, 44, 0.78);
	font-size: 0.67rem;
	font-style: normal;
	font-weight: 850;
}

.cx-home-clarity__choice-group button.is-selected > i {
	color: #071421;
	background: var(--cx-clarity-mint);
}

.cx-home-clarity__tooltip {
	position: absolute;
	z-index: 4;
	top: -3.15rem;
	left: 50%;
	width: max-content;
	max-width: 11rem;
	padding: 0.55rem 0.7rem;
	border-radius: 0.62rem;
	color: #fff;
	background: #0b192c;
	box-shadow: 0 12px 26px rgba(7, 20, 33, 0.2);
	font-size: 0.65rem;
	font-weight: 720;
	line-height: 1.35;
	opacity: 0;
	pointer-events: none;
	transform: translate(-50%, 0.35rem);
	transition: opacity 160ms ease, transform 160ms ease;
}

.cx-home-clarity__tooltip::after {
	position: absolute;
	top: 100%;
	left: 50%;
	border: 0.35rem solid transparent;
	border-top-color: #0b192c;
	content: "";
	transform: translateX(-50%);
}

.cx-home-clarity__choice-group button.is-selected .cx-home-clarity__tooltip,
.cx-home-clarity__choice-group button:hover .cx-home-clarity__tooltip,
.cx-home-clarity__choice-group button:focus-visible .cx-home-clarity__tooltip {
	opacity: 1;
	transform: translate(-50%, 0);
}

.cx-home-clarity__wall-visual {
	display: grid;
	align-items: center;
	background:
		linear-gradient(135deg, rgba(232, 159, 76, 0.08), transparent 60%),
		#f6f8f7;
}

.cx-home-clarity__wall-copy {
	position: relative;
	padding: clamp(1.3rem, 3vw, 2.15rem);
	border: 1px solid #e2e7e4;
	border-radius: 1.05rem;
	color: #1c2b3b;
	background: #fff;
	box-shadow: 0 22px 50px rgba(11, 25, 44, 0.08);
}

.cx-home-clarity__wall-copy p {
	margin: 0;
	font-size: clamp(0.78rem, 1.15vw, 0.96rem);
	line-height: 1.72;
}

.cx-home-clarity__strike {
	position: absolute;
	left: 7%;
	width: 86%;
	height: 0.22rem;
	border-radius: 999px;
	background: rgba(232, 109, 76, 0.22);
	transform: rotate(2.5deg);
}

.cx-home-clarity__strike.is-one {
	top: 38%;
}

.cx-home-clarity__strike.is-two {
	top: 57%;
	transform: rotate(-2deg);
}

.cx-home-clarity__strike.is-three {
	top: 74%;
	transform: rotate(3.5deg);
}

.cx-home-clarity__contrast-copy {
	padding: clamp(1.4rem, 2.4vw, 2rem);
	border-top: 1px solid var(--cx-clarity-line);
}

.cx-home-clarity__contrast-copy h3 {
	max-width: 17ch;
	margin: 0.7rem 0 0;
	color: #fff;
	font-size: clamp(1.55rem, 2.8vw, 2.35rem);
	line-height: 1;
	letter-spacing: -0.05em;
}

.cx-home-clarity__contrast-copy p {
	margin: 0.8rem 0 0;
	color: var(--cx-clarity-muted);
	font-size: 0.9rem;
	line-height: 1.6;
}

.cx-home-clarity__contrast-copy ul {
	display: grid;
	margin: 1.15rem 0 0;
	padding: 0;
	list-style: none;
	gap: 0.58rem;
}

.cx-home-clarity__contrast-copy li {
	display: flex;
	align-items: center;
	color: #c2ccd5;
	font-size: 0.78rem;
	gap: 0.55rem;
}

.cx-home-clarity__contrast-copy li::before {
	display: grid;
	width: 1.1rem;
	height: 1.1rem;
	flex: 0 0 auto;
	place-items: center;
	border: 1px solid rgba(91, 214, 184, 0.42);
	border-radius: 50%;
	color: var(--cx-clarity-mint);
	content: "✓";
	font-size: 0.62rem;
}

.cx-home-clarity__wall-card .cx-home-clarity__contrast-copy li::before {
	color: #e89f4c;
	border-color: rgba(232, 159, 76, 0.4);
	content: "×";
}

.cx-home-clarity__note {
	margin: 1rem 0 0;
	color: #718191;
	font-size: 0.68rem;
	text-align: center;
}

@media (max-width: 980px) {
	.cx-home-quality-13 .cx-benefit-story--static .cx-configurator-story__panel {
		opacity: 1 !important;
		transform: none !important;
	}

	.cx-home-clarity__head,
	.cx-home-clarity__comparison,
	.cx-home-clarity__contrast {
		grid-template-columns: minmax(0, 1fr);
	}

	.cx-home-clarity__head {
		align-items: start;
		gap: 1.2rem;
	}

	.cx-home-clarity__comparison-arrow {
		margin: -0.15rem auto;
		transform: rotate(90deg);
	}

	.cx-home-clarity__choice-visual,
	.cx-home-clarity__wall-visual {
		min-height: 0;
	}
}

@media (max-width: 680px) {
	.cx-home-quality-13 .cx-home-international__card--portrait {
		height: auto;
		aspect-ratio: 1 / 1;
	}

	.cx-home-clarity {
		padding: 4.25rem 0;
	}

	.cx-home-clarity__head h2 {
		font-size: clamp(2.85rem, 14vw, 4.2rem);
	}

	.cx-home-clarity__comparison-card > div {
		min-height: 0;
	}

	.cx-home-clarity__choice-visual,
	.cx-home-clarity__wall-visual {
		padding: 4.1rem 0.8rem 0.8rem;
	}

	.cx-home-clarity__choice-group {
		padding: 0.65rem;
	}

	.cx-home-clarity__choice-group > div {
		gap: 0.4rem;
	}

	.cx-home-clarity__choice-group button {
		padding: 0.25rem 0.25rem 0.45rem;
	}

	.cx-home-clarity__choice-group button > span:not(.cx-home-clarity__tooltip) {
		font-size: 0.58rem;
	}

	.cx-home-clarity__tooltip {
		top: -2.85rem;
		max-width: 8.5rem;
		font-size: 0.56rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.cx-home-quality-13 .cx-benefit-story--static .cx-configurator-story__panel,
	.cx-home-clarity__choice-group button {
		opacity: 1 !important;
		transform: none !important;
		transition: none !important;
	}
}

/* ConfigUX quality block 14: full-width story expansion and balanced visual choices. */
@media (min-width: 981px) {
	.cx-home-quality-14 .cx-benefit-story--static .cx-configurator-story__panel {
		width: min(calc(100vw - 2.5rem), 104rem);
		max-width: none;
	}
}

.cx-home-quality-14 .cx-home-international__config--visual > span {
	display: grid;
	width: 100%;
	grid-auto-columns: minmax(0, 1fr);
	grid-auto-flow: column;
	gap: 0.35rem;
}

.cx-home-quality-14 .cx-home-international__config--visual i {
	display: grid;
	width: 3.05rem;
	height: 3.05rem;
	padding: 0.25rem 0.2rem 0.18rem;
	place-items: center;
	border: 1px solid #dce4e2;
	border-radius: 0.55rem;
	color: #667486;
	background: #f5f7f4;
	box-shadow: none;
	font-style: normal;
	gap: 0.05rem;
}

.cx-home-quality-14 .cx-home-international__config--visual i.is-active {
	color: #184fc7;
	border-color: #326bff;
	background: #eaf0ff;
	box-shadow: 0 0 0 2px rgba(50, 107, 255, 0.1);
}

.cx-home-quality-14 .cx-home-international__config--visual svg {
	display: block;
	width: 2.15rem;
	height: 1.45rem;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.35;
}

.cx-home-quality-14 .cx-home-international__config--visual b {
	font-size: 0.4rem;
	font-weight: 850;
	letter-spacing: 0.025em;
	line-height: 1;
}

.cx-home-quality-14 .cx-home-international__config--visual-three i {
	width: 2.65rem;
}

.cx-home-quality-14 .cx-home-clarity {
	padding: clamp(3.75rem, 5.5vw, 5.25rem) 0;
}

.cx-home-quality-14 .cx-home-clarity__head {
	margin-bottom: clamp(1.5rem, 2.6vw, 2.35rem);
}

.cx-home-quality-14 .cx-home-clarity__head h2 {
	font-size: clamp(3rem, 5.35vw, 5.15rem);
}

.cx-home-quality-14 .cx-home-clarity__comparison-card > div {
	min-height: 10.75rem;
}

@media (min-width: 981px) {
	.cx-home-quality-14 .cx-home-clarity__choice-card,
	.cx-home-quality-14 .cx-home-clarity__wall-card {
		grid-template-rows: 36rem minmax(18.5rem, 1fr);
	}

	.cx-home-quality-14 .cx-home-clarity__choice-visual,
	.cx-home-quality-14 .cx-home-clarity__wall-visual {
		width: 100%;
		height: 36rem;
		min-height: 36rem;
	}
}

.cx-home-quality-14 .cx-home-clarity__choice-group button > img {
	height: auto;
	aspect-ratio: 4 / 3;
	object-fit: contain;
}

.cx-home-quality-14 .cx-home-clarity__wall-visual {
	align-items: stretch;
}

.cx-home-quality-14 .cx-home-clarity__wall-copy {
	display: flex;
	height: 100%;
	min-height: 0;
	align-items: center;
	overflow: hidden;
}

.cx-home-quality-14 .cx-home-clarity__wall-copy p {
	position: relative;
	z-index: 1;
	font-size: clamp(0.72rem, 0.9vw, 0.84rem);
	line-height: 1.62;
}

.cx-home-quality-14 .cx-home-clarity__wall-copy::before,
.cx-home-quality-14 .cx-home-clarity__wall-copy::after {
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 50%;
	width: 128%;
	height: 0.34rem;
	border-radius: 999px;
	background: rgba(213, 72, 55, 0.38);
	content: "";
	pointer-events: none;
	transform: translate(-50%, -50%) rotate(33deg);
}

.cx-home-quality-14 .cx-home-clarity__wall-copy::after {
	transform: translate(-50%, -50%) rotate(-33deg);
}

.cx-home-quality-14 .cx-home-clarity__contrast-copy {
	display: flex;
	min-height: 18.5rem;
	flex-direction: column;
}

.cx-home-quality-14 .cx-home-clarity__contrast-copy h3 {
	max-width: none;
	font-size: clamp(1.65rem, 2.2vw, 2rem);
	white-space: nowrap;
}

.cx-home-quality-14 .cx-home-clarity__contrast-copy p {
	min-height: 4.7rem;
}

.cx-home-quality-14 .cx-home-clarity__contrast-copy ul {
	margin-top: auto;
}

@media (max-width: 980px) {
	.cx-home-quality-14 .cx-home-clarity__contrast-copy h3 {
		white-space: normal;
	}

	.cx-home-quality-14 .cx-home-clarity__contrast-copy p {
		min-height: 0;
	}

	.cx-home-quality-14 .cx-home-clarity__contrast-copy ul {
		margin-top: 1.15rem;
	}

	.cx-home-quality-14 .cx-home-clarity__wall-copy {
		height: auto;
	}
}

@media (max-width: 680px) {
	.cx-home-quality-14 .cx-home-clarity {
		padding: 3.5rem 0;
	}

	.cx-home-quality-14 .cx-home-international__config--visual i {
		width: 2.7rem;
	}

	.cx-home-quality-14 .cx-home-international__config--visual-three i {
		width: 2.35rem;
	}

	.cx-home-quality-14 .cx-home-clarity__wall-copy p {
		font-size: 0.7rem;
		line-height: 1.58;
	}
}

/* ConfigUX quality block 15: problem-first story, four product routes and true viewport expansion. */
@media (min-width: 981px) {
	.cx-home-quality-15 .cx-benefit-story--static .cx-configurator-story__panel {
		width: 100%;
		max-width: none;
	}
}

.cx-home-quality-15 .cx-benefit-story__path {
	position: absolute;
	z-index: 2;
	display: block;
	width: clamp(12.5rem, 15vw, 17.5rem);
	margin: 0;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.22);
	border-radius: clamp(0.85rem, 1.15vw, 1.25rem);
	color: #071421;
	background: #fff;
	box-shadow: 0 1.35rem 3.8rem rgba(0, 0, 0, 0.25);
	opacity: calc(0.18 + (var(--cx-static-story-progress, 0) * 0.82));
	text-decoration: none;
	transform: scale(calc(0.78 + (var(--cx-static-story-progress, 0) * 0.22)));
	transition: border-color 160ms ease, box-shadow 160ms ease;
	will-change: transform, opacity;
}

.cx-home-quality-15 .cx-benefit-story__path:hover {
	border-color: rgba(91, 214, 184, 0.72);
	box-shadow: 0 1.55rem 4.3rem rgba(0, 0, 0, 0.32);
}

.cx-home-quality-15 .cx-benefit-story__path:focus-visible {
	outline: 3px solid #72e1c4;
	outline-offset: 4px;
}

.cx-home-quality-15 .cx-benefit-story__path > img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}

.cx-home-quality-15 .cx-benefit-story__path > span {
	display: grid;
	min-height: 4.2rem;
	padding: 0.8rem 1rem 0.9rem;
	align-content: center;
	border-top: 1px solid #e4e9ee;
	background: rgba(255, 255, 255, 0.98);
	gap: 0.2rem;
}

.cx-home-quality-15 .cx-benefit-story__path small {
	color: #2f6ff7;
	font-size: 0.58rem;
	font-weight: 850;
	letter-spacing: 0.1em;
	line-height: 1;
}

.cx-home-quality-15 .cx-benefit-story__path strong {
	color: #071421;
	font-size: clamp(0.95rem, 1.2vw, 1.15rem);
	line-height: 1.05;
}

.cx-home-quality-15 .cx-benefit-story__path--2d,
.cx-home-quality-15 .cx-benefit-story__path--cart {
	left: 50%;
	transform:
		translate3d(
			calc(-88% - (var(--cx-story-visual-spread) * 1vw)),
			calc((1 - var(--cx-static-story-progress, 0)) * 22vh),
			0
		)
		rotate(-1deg)
		scale(calc(0.78 + (var(--cx-static-story-progress, 0) * 0.22)));
	transform-origin: 100% 50%;
}

.cx-home-quality-15 .cx-benefit-story__path--quote,
.cx-home-quality-15 .cx-benefit-story__path--3d {
	right: 50%;
	transform:
		translate3d(
			calc(88% + (var(--cx-story-visual-spread) * 1vw)),
			calc((1 - var(--cx-static-story-progress, 0)) * 22vh),
			0
		)
		rotate(1deg)
		scale(calc(0.78 + (var(--cx-static-story-progress, 0) * 0.22)));
	transform-origin: 0 50%;
}

.cx-home-quality-15 .cx-benefit-story__path--2d,
.cx-home-quality-15 .cx-benefit-story__path--quote {
	top: 7%;
}

.cx-home-quality-15 .cx-benefit-story__path--cart,
.cx-home-quality-15 .cx-benefit-story__path--3d {
	bottom: 7%;
}

.cx-home-quality-15 .cx-benefit-story__path--cart,
.cx-home-quality-15 .cx-benefit-story__path--3d {
	transform:
		translate3d(
			calc(-88% - (var(--cx-story-visual-spread) * 1vw)),
			calc((1 - var(--cx-static-story-progress, 0)) * -22vh),
			0
		)
		rotate(1deg)
		scale(calc(0.78 + (var(--cx-static-story-progress, 0) * 0.22)));
}

.cx-home-quality-15 .cx-benefit-story__path--3d {
	transform:
		translate3d(
			calc(88% + (var(--cx-story-visual-spread) * 1vw)),
			calc((1 - var(--cx-static-story-progress, 0)) * -22vh),
			0
		)
		rotate(-1deg)
		scale(calc(0.78 + (var(--cx-static-story-progress, 0) * 0.22)));
}

.cx-home-quality-15 .cx-benefit-story .cx-configurator-story__connections {
	opacity: calc(0.08 + (var(--cx-static-story-progress, 0) * 0.72));
}

.cx-home-quality-15 .cx-benefit-story .cx-configurator-story__line {
	left: 50%;
	width: 31%;
	animation: none;
}

.cx-home-quality-15 .cx-configurator-story__line--route-2d {
	top: 45%;
	transform: rotate(201deg);
}

.cx-home-quality-15 .cx-configurator-story__line--route-quote {
	top: 45%;
	transform: rotate(-21deg);
}

.cx-home-quality-15 .cx-configurator-story__line--route-cart {
	top: 55%;
	transform: rotate(159deg);
}

.cx-home-quality-15 .cx-configurator-story__line--route-3d {
	top: 55%;
	transform: rotate(21deg);
}

.cx-home-quality-15 .cx-benefit-story .cx-configurator-story__center {
	z-index: 5;
	max-width: 34rem;
}

.cx-home-quality-15 .cx-benefit-story .cx-configurator-story__center > .cx-kicker > span {
	display: none;
}

.cx-home-quality-15 .cx-home-clarity {
	padding: clamp(3.25rem, 4.6vw, 4.5rem) 0;
}

.cx-home-quality-15 .cx-home-clarity__head {
	margin-bottom: clamp(1.35rem, 2.2vw, 2rem);
}

@media (min-width: 981px) {
	.cx-home-quality-15 .cx-home-clarity__choice-card,
	.cx-home-quality-15 .cx-home-clarity__wall-card {
		grid-template-rows: 33rem minmax(16.75rem, 1fr);
	}

	.cx-home-quality-15 .cx-home-clarity__choice-visual,
	.cx-home-quality-15 .cx-home-clarity__wall-visual {
		height: 33rem;
		min-height: 33rem;
	}

	.cx-home-quality-15 .cx-home-clarity__wall-visual {
		align-items: start;
	}

	.cx-home-quality-15 .cx-home-clarity__wall-copy {
		height: calc(100% - 0.875rem);
		align-self: start;
	}

	.cx-home-quality-15 .cx-home-clarity__contrast-copy {
		min-height: 16.75rem;
	}

	.cx-home-quality-15 .cx-home-clarity__contrast-copy p {
		min-height: 4rem;
	}
}

@media (max-width: 1180px) and (min-width: 981px) {
	.cx-home-quality-15 .cx-benefit-story__path {
		width: clamp(13.5rem, 21vw, 15.25rem);
	}

	.cx-home-quality-15 .cx-benefit-story .cx-configurator-story__center {
		max-width: 26rem;
	}
}

@media (max-width: 980px) {
	.cx-home-quality-15 .cx-benefit-story .cx-configurator-story__panel {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		padding: clamp(3.75rem, 9vw, 5rem) 1rem 1.5rem;
		gap: 0.85rem;
	}

	.cx-home-quality-15 .cx-benefit-story .cx-configurator-story__connections {
		display: none;
	}

	.cx-home-quality-15 .cx-benefit-story .cx-configurator-story__center {
		order: -1;
		max-width: 42rem;
		padding: 0 0.35rem 1.25rem;
		grid-column: 1 / -1;
	}

	.cx-home-quality-15 .cx-benefit-story__path {
		position: static;
		width: 100%;
		opacity: 1;
		transform: none;
	}

	.cx-home-quality-15 .cx-benefit-story__path > span {
		min-height: 3.8rem;
		padding: 0.7rem 0.8rem;
	}

	.cx-home-quality-15 .cx-home-clarity__wall-copy {
		height: auto;
	}
}

@media (max-width: 480px) {
	.cx-home-quality-15 .cx-benefit-story .cx-configurator-story__panel {
		padding-inline: 0.75rem;
		gap: 0.65rem;
	}

	.cx-home-quality-15 .cx-benefit-story__path small {
		font-size: 0.49rem;
	}

	.cx-home-quality-15 .cx-benefit-story__path strong {
		font-size: 0.78rem;
	}

	.cx-home-quality-15 .cx-benefit-story__path > span {
		min-height: 3.35rem;
		padding: 0.55rem 0.6rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.cx-home-quality-15 .cx-benefit-story__path {
		opacity: 1;
	}
}

/* ConfigUX quality block 16: balanced light/dark rhythm and bad-to-good comparisons. */
.cx-home-quality-16 .cx-home-clarity--comparison {
	--cx-clarity-line: rgba(11, 25, 44, 0.12);
	color: #071421;
	border-top: 1px solid rgba(11, 25, 44, 0.08);
	border-bottom: 1px solid rgba(11, 25, 44, 0.08);
	background:
		radial-gradient(circle at 8% 15%, rgba(91, 214, 184, 0.12), transparent 28rem),
		radial-gradient(circle at 91% 32%, rgba(50, 107, 255, 0.1), transparent 32rem),
		#f7f9f7;
}

.cx-home-quality-16 .cx-home-clarity--comparison .cx-home-clarity__head h2 {
	color: #071421;
}

.cx-home-quality-16 .cx-home-clarity--comparison .cx-home-clarity__head > p {
	color: #5f6f83;
}

.cx-home-quality-16 .cx-home-clarity--comparison .cx-kicker {
	color: #157f67;
}

.cx-home-quality-16 .cx-home-clarity--comparison .cx-home-clarity__comparison-card {
	border-color: rgba(11, 25, 44, 0.12);
	box-shadow: 0 1.5rem 4rem rgba(11, 25, 44, 0.1);
}

.cx-home-quality-16 .cx-home-clarity--comparison .cx-home-clarity__comparison-card.is-before {
	border-color: rgba(232, 159, 76, 0.32);
}

.cx-home-quality-16 .cx-home-clarity--comparison .cx-home-clarity__comparison-card.is-after {
	border-color: rgba(91, 214, 184, 0.42);
}

.cx-home-quality-16 .cx-home-clarity--contrast-section {
	padding: clamp(3.75rem, 5.2vw, 5.25rem) 0;
	background:
		radial-gradient(circle at 8% 12%, rgba(91, 214, 184, 0.1), transparent 30rem),
		radial-gradient(circle at 92% 36%, rgba(50, 107, 255, 0.14), transparent 34rem),
		#071421;
}

.cx-home-quality-16 .cx-home-clarity--contrast-section .cx-home-clarity__contrast {
	margin-top: 0;
}

.cx-home-quality-16 .cx-benefit-story--static {
	padding: clamp(2.75rem, 4vw, 4rem) 0;
	background:
		radial-gradient(circle at 12% 18%, rgba(91, 214, 184, 0.16), transparent 24rem),
		radial-gradient(circle at 88% 78%, rgba(50, 107, 255, 0.18), transparent 30rem),
		#09131f;
}

.cx-home-quality-16 .cx-benefit-story--static .cx-configurator-story__panel {
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none !important;
}

@media (max-width: 980px) {
	.cx-home-quality-16 .cx-benefit-story--static {
		padding: 2.5rem 0;
	}

	.cx-home-quality-16 .cx-benefit-story--static .cx-configurator-story__panel {
		border-radius: 0;
	}
}

@media (max-width: 680px) {
	.cx-home-quality-16 .cx-home-clarity--comparison,
	.cx-home-quality-16 .cx-home-clarity--contrast-section {
		padding: 3.25rem 0;
	}
}

/* ConfigUX quality block 17: final English pre-release alignment and image fit. */
.cx-quality-17 .cx-service-path__grid a {
	grid-template-rows: auto minmax(4rem, 1fr);
}

.cx-quality-17 .cx-service-path__grid strong {
	display: flex;
	width: 100%;
	min-height: 4rem;
	max-width: 11ch;
	align-items: flex-end;
}

@media (min-width: 1101px) {
	.cx-integrations-page.cx-quality-17 .cx-integration-card h3 {
		min-height: 2.4rem;
		margin: 3rem 0 1rem;
		font-size: clamp(2rem, 2.45vw, 2.4rem);
		line-height: 1;
		white-space: nowrap;
	}

	.cx-integrations-page.cx-quality-17 .cx-integration-card p {
		min-height: 4.6rem;
	}

	.cx-integrations-page.cx-quality-17 .cx-integration-card ul {
		margin-top: 1.5rem;
	}

	.cx-integrations-page.cx-quality-17 .cx-integration-card li {
		font-size: 0.72rem;
		white-space: nowrap;
	}
}

@media (min-width: 981px) {
	.cx-home-quality-17 .cx-home-clarity__comparison {
		align-items: stretch;
	}

	.cx-home-quality-17 .cx-home-clarity__comparison-arrow {
		align-self: center;
	}

	.cx-home-quality-17 .cx-home-clarity__comparison-card.is-after img {
		width: 106%;
		max-width: none;
		transform: translate(-3%, -1.5%);
	}

	.cx-home-quality-17 .cx-home-v2__route-gallery .cx-home-v2__route-image img {
		object-position: 50% 48%;
	}
}

@media (max-width: 1100px) {
	.cx-quality-17 .cx-service-path__grid strong {
		max-width: 13ch;
	}
}

@media (max-width: 720px) {
	.cx-quality-17 .cx-service-path__grid a {
		grid-template-rows: auto auto;
	}

	.cx-quality-17 .cx-service-path__grid strong {
		min-height: 0;
		max-width: none;
	}
}

/* ConfigUX Booking Block 9F - dedicated English booking confirmation. */
.cx-booking-thank-you {
	color: #071526;
	background: #f5f8f5;
}

.cx-booking-thank-you__hero {
	position: relative;
	overflow: hidden;
	padding: clamp(4.5rem, 8vw, 8rem) 0 clamp(5rem, 9vw, 8.5rem);
	background:
		radial-gradient(circle at 88% 10%, rgba(77, 219, 171, 0.18), transparent 28rem),
		radial-gradient(circle at 52% 100%, rgba(47, 107, 255, 0.11), transparent 32rem),
		linear-gradient(180deg, #fbfcfa 0%, #f2f7f4 100%);
}

.cx-booking-thank-you__hero-grid {
	display: grid;
	grid-template-columns: minmax(0, 0.86fr) minmax(34rem, 1.14fr);
	align-items: center;
	gap: clamp(3rem, 6vw, 6.5rem);
}

.cx-booking-thank-you__copy,
.cx-booking-thank-you__visual,
.cx-booking-thank-you__survey {
	min-width: 0;
}

.cx-booking-thank-you__copy h1 {
	max-width: 10ch;
	margin: 1rem 0 1.45rem;
	font-size: clamp(4rem, 6.25vw, 6.5rem);
	line-height: 0.91;
	letter-spacing: -0.068em;
}

.cx-booking-thank-you__copy h1 em {
	display: block;
	color: #2f6bff;
	font-style: normal;
}

.cx-booking-thank-you__copy .cx-page-hero__lead {
	max-width: 38rem;
	margin-bottom: 1.75rem;
	color: #536174;
	font-size: clamp(1.05rem, 1.35vw, 1.22rem);
	line-height: 1.65;
}

.cx-booking-thank-you__status {
	display: grid;
	margin: 0;
	padding: 0;
	border: 1px solid rgba(7, 21, 38, 0.1);
	border-radius: 1.2rem;
	list-style: none;
	background: rgba(255, 255, 255, 0.78);
	box-shadow: 0 18px 55px rgba(7, 21, 38, 0.055);
	backdrop-filter: blur(12px);
}

.cx-booking-thank-you__status li {
	position: relative;
	display: grid;
	grid-template-columns: minmax(8.5rem, 0.7fr) minmax(0, 1.3fr);
	gap: 1.1rem;
	padding: 1rem 1.1rem 1rem 3.1rem;
	border-bottom: 1px solid rgba(7, 21, 38, 0.08);
}

.cx-booking-thank-you__status li:last-child {
	border-bottom: 0;
}

.cx-booking-thank-you__status li::before {
	position: absolute;
	top: 1rem;
	left: 1.1rem;
	display: grid;
	width: 1.25rem;
	height: 1.25rem;
	place-items: center;
	border-radius: 50%;
	color: #071526;
	font-size: 0.7rem;
	font-weight: 900;
	content: "✓";
	background: #58d7ad;
}

.cx-booking-thank-you__status strong {
	font-size: 0.83rem;
	line-height: 1.45;
}

.cx-booking-thank-you__status span {
	color: #657287;
	font-size: 0.82rem;
	line-height: 1.5;
}

.cx-booking-thank-you__calendar-note {
	max-width: 42rem;
	margin: 1.15rem 0 0;
	color: #657287;
	font-size: 0.85rem;
	line-height: 1.55;
}

.cx-booking-thank-you__visual {
	position: relative;
	display: grid;
	min-height: clamp(32rem, 46vw, 40rem);
	margin: 0;
	place-items: center;
	overflow: hidden;
	border: 1px solid rgba(7, 21, 38, 0.09);
	border-radius: clamp(1.6rem, 3vw, 2.6rem);
	background:
		linear-gradient(rgba(7, 21, 38, 0.035) 1px, transparent 1px),
		linear-gradient(90deg, rgba(7, 21, 38, 0.035) 1px, transparent 1px),
		linear-gradient(145deg, #ffffff 0%, #e8f5ef 100%);
	background-size: 30px 30px, 30px 30px, auto;
	box-shadow: 0 32px 90px rgba(7, 21, 38, 0.12);
}

.cx-booking-thank-you__visual::before {
	position: absolute;
	top: 9%;
	right: 8%;
	width: 10rem;
	height: 10rem;
	border-radius: 50%;
	content: "";
	background: rgba(47, 107, 255, 0.11);
	filter: blur(2px);
}

.cx-booking-thank-you__visual img {
	position: relative;
	z-index: 1;
	display: block;
	width: min(122%, 54rem);
	height: auto;
	max-width: none;
	transform: translate(-1.5%, -2%);
}

.cx-booking-thank-you__visual figcaption {
	position: absolute;
	z-index: 2;
	right: 1.25rem;
	bottom: 1.25rem;
	left: 1.25rem;
	padding: 0.8rem 1rem;
	border: 1px solid rgba(7, 21, 38, 0.08);
	border-radius: 0.9rem;
	color: #536174;
	font-size: 0.75rem;
	line-height: 1.45;
	text-align: center;
	background: rgba(255, 255, 255, 0.86);
	backdrop-filter: blur(14px);
}

/* ConfigUX 0.26.18 - separate anonymous Van Westendorp survey after booking. */
.cx-booking-thank-you__survey {
	align-self: stretch;
	display: flex;
	align-items: center;
}

.cxb-pricing-survey {
	width: 100%;
	overflow: hidden;
	border: 1px solid rgba(7, 21, 38, 0.1);
	border-radius: clamp(1.4rem, 2.5vw, 2rem);
	background: rgba(255, 255, 255, 0.94);
	box-shadow: 0 30px 85px rgba(7, 21, 38, 0.12);
}

.cxb-pricing-survey [hidden] {
	display: none !important;
}

.cxb-pricing-survey__heading {
	padding: clamp(1.5rem, 3vw, 2.2rem) clamp(1.25rem, 3vw, 2.2rem) 1.35rem;
	border-bottom: 1px solid rgba(7, 21, 38, 0.08);
	background:
		radial-gradient(circle at 95% 0%, rgba(88, 215, 173, 0.22), transparent 14rem),
		linear-gradient(145deg, #ffffff 0%, #f1f7f4 100%);
}

.cxb-pricing-survey__meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
}

.cxb-pricing-survey__anonymous {
	display: inline-flex;
	align-items: center;
	min-height: 1.9rem;
	padding: 0.4rem 0.72rem;
	border-radius: 999px;
	color: #071526;
	font-size: 0.68rem;
	font-weight: 900;
	letter-spacing: 0.13em;
	background: #58d7ad;
}

.cxb-pricing-survey__time {
	color: #657287;
	font-size: 0.67rem;
	font-weight: 750;
	white-space: nowrap;
}

.cxb-pricing-survey__heading h2 {
	max-width: 16ch;
	margin: 1rem 0 0.75rem;
	font-size: clamp(2rem, 3vw, 3rem);
	line-height: 0.98;
	letter-spacing: -0.055em;
}

.cxb-pricing-survey__heading p {
	margin: 0;
	color: #425167;
	font-size: 0.91rem;
	line-height: 1.55;
}

.cxb-pricing-survey__heading .cxb-pricing-survey__purpose {
	margin-bottom: 0.8rem;
	color: #243349;
}

.cxb-pricing-survey__heading .cxb-pricing-survey__scope {
	padding: 0.72rem 0.8rem;
	border: 1px solid rgba(7, 21, 38, 0.08);
	border-radius: 0.8rem;
	background: rgba(255, 255, 255, 0.62);
}

.cxb-pricing-survey__scope strong {
	color: #071526;
}

.cxb-pricing-survey__purpose strong {
	color: #071526;
}

.cxb-pricing-survey__heading small {
	display: block;
	margin-top: 0.75rem;
	color: #728096;
	font-size: 0.7rem;
	line-height: 1.5;
}

.cxb-pricing-survey__form {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.75rem;
	padding: clamp(1.25rem, 3vw, 2rem);
}

.cxb-pricing-survey__form > label:not(.cxb-honeypot) {
	display: grid;
	align-content: space-between;
	min-width: 0;
	min-height: 7.7rem;
	gap: 0.75rem;
	padding: 0.9rem;
	border: 1px solid rgba(7, 21, 38, 0.1);
	border-radius: 0.95rem;
	color: #162236;
	font-size: 0.78rem;
	font-weight: 750;
	line-height: 1.4;
	background: #f7f9f8;
}

.cxb-pricing-survey__question {
	display: grid;
	grid-template-columns: 1.75rem minmax(0, 1fr);
	align-items: start;
	gap: 0.55rem;
}

.cxb-pricing-survey__question i {
	display: grid;
	width: 1.75rem;
	height: 1.75rem;
	place-items: center;
	border-radius: 50%;
	color: #285bd5;
	font-size: 0.6rem;
	font-style: normal;
	font-weight: 900;
	background: #e8efff;
}

.cxb-pricing-survey__input {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	align-items: center;
	min-height: 2.85rem;
	overflow: hidden;
	border: 1px solid rgba(7, 21, 38, 0.16);
	border-radius: 0.72rem;
	background: #fff;
}

.cxb-pricing-survey__input:focus-within {
	border-color: #2f6bff;
	box-shadow: 0 0 0 3px rgba(47, 107, 255, 0.12);
}

.cxb-pricing-survey__input b {
	padding-left: 0.8rem;
	color: #657287;
	font-size: 0.9rem;
}

.cxb-pricing-survey__input input {
	width: 100%;
	min-width: 0;
	min-height: 2.75rem;
	padding: 0.65rem 0.75rem 0.65rem 0.35rem;
	border: 0;
	outline: 0;
	color: #071526;
	font: inherit;
	font-size: 1rem;
	font-weight: 800;
	background: transparent;
}

.cxb-pricing-survey__form > .cx-button,
.cxb-pricing-survey__order,
.cxb-pricing-survey__privacy,
.cxb-pricing-survey__message {
	grid-column: 1 / -1;
}

.cxb-pricing-survey__form > .cx-button {
	justify-content: center;
	width: 100%;
	margin-top: 0.1rem;
}

.cxb-pricing-survey__form > .cx-button:disabled {
	opacity: 0.65;
	cursor: wait;
}

.cxb-pricing-survey__order,
.cxb-pricing-survey__message {
	margin: 0;
	color: #a53838;
	font-size: 0.76rem;
	font-weight: 750;
	line-height: 1.45;
}

.cxb-pricing-survey__privacy {
	margin: 0;
	color: #657287;
	font-size: 0.69rem;
	line-height: 1.55;
}

.cxb-pricing-survey__privacy strong {
	color: #071526;
}

.cxb-pricing-survey__privacy a {
	color: inherit;
	font-weight: 750;
	text-underline-offset: 0.16em;
}

.cxb-pricing-survey__success {
	display: grid;
	min-height: 22rem;
	padding: 2rem;
	place-content: center;
	place-items: center;
	text-align: center;
}

.cxb-pricing-survey__success > span {
	display: grid;
	width: 3rem;
	height: 3rem;
	place-items: center;
	border-radius: 50%;
	color: #071526;
	font-weight: 900;
	background: #58d7ad;
}

.cxb-pricing-survey__success h3 {
	margin: 1rem 0 0.5rem;
	font-size: 2rem;
	letter-spacing: -0.04em;
}

.cxb-pricing-survey__success p {
	max-width: 28rem;
	margin: 0;
	color: #657287;
	line-height: 1.6;
}

body:has(.cx-booking-thank-you) .cx-site-shell > #configux-main-content,
body:has(.cx-booking-thank-you) .cx-site-shell > #configux-main-content + footer,
body:has(.cx-booking-thank-you) .cx-site-shell > #configux-main-content + .wp-block-template-part {
	margin-block: 0;
}

body:has(.cx-booking-thank-you) .cx-site-shell,
body:has(.cx-booking-thank-you) .wp-site-blocks {
	gap: 0;
}

.cx-booking-thank-you__prepare {
	padding: clamp(5rem, 9vw, 8rem) 0;
	color: #f7fbff;
	background:
		radial-gradient(circle at 86% 20%, rgba(47, 107, 255, 0.24), transparent 28rem),
		#071526;
}

.cx-booking-thank-you__prepare .cx-kicker {
	color: #79e0bd;
}

.cx-booking-thank-you__prepare-heading {
	display: grid;
	grid-template-columns: minmax(0, 1.25fr) minmax(18rem, 0.75fr);
	align-items: end;
	gap: 2rem 4rem;
}

.cx-booking-thank-you__prepare-heading .cx-kicker {
	grid-column: 1 / -1;
}

.cx-booking-thank-you__prepare-heading h2 {
	max-width: 13ch;
	margin: 0;
	font-size: clamp(2.75rem, 5vw, 5.15rem);
	line-height: 0.96;
	letter-spacing: -0.058em;
}

.cx-booking-thank-you__prepare-heading > p {
	max-width: 32rem;
	margin: 0;
	color: #afbdd0;
	font-size: 1rem;
	line-height: 1.7;
}

.cx-booking-thank-you__prepare-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1rem;
	margin-top: clamp(3rem, 6vw, 5rem);
}

.cx-booking-thank-you__prepare-grid article {
	min-height: 18rem;
	padding: 1.5rem;
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 1.25rem;
	background: rgba(255, 255, 255, 0.055);
}

.cx-booking-thank-you__prepare-grid article > span {
	display: inline-grid;
	width: 2.25rem;
	height: 2.25rem;
	place-items: center;
	border-radius: 50%;
	color: #071526;
	font-size: 0.7rem;
	font-weight: 850;
	background: #58d7ad;
}

.cx-booking-thank-you__prepare-grid h3 {
	max-width: 12ch;
	margin: 4rem 0 0.75rem;
	font-size: 1.45rem;
	line-height: 1.1;
	letter-spacing: -0.035em;
}

.cx-booking-thank-you__prepare-grid p {
	margin: 0;
	color: #afbdd0;
	font-size: 0.9rem;
	line-height: 1.65;
}

.cx-booking-thank-you__help {
	max-width: 68rem;
	margin: 1rem 0 0;
	padding: 1.1rem 1.25rem;
	border: 1px solid rgba(121, 224, 189, 0.28);
	border-radius: 1rem;
	color: #d8e4f2;
	font-size: 0.88rem;
	line-height: 1.6;
	background: rgba(88, 215, 173, 0.07);
}

@media (max-width: 1050px) {
	.cx-booking-thank-you__hero-grid {
		grid-template-columns: 1fr;
	}

	.cx-booking-thank-you__copy h1 {
		max-width: 11ch;
	}

	.cx-booking-thank-you__visual {
		min-height: clamp(29rem, 69vw, 38rem);
	}

	.cx-booking-thank-you__survey {
		width: min(100%, 48rem);
	}
}

@media (min-width: 1200px) {
	.cx-booking-thank-you__status li {
		grid-template-columns: max-content minmax(0, 1fr);
	}

	.cx-booking-thank-you__status span {
		white-space: nowrap;
	}
}

@media (max-width: 760px) {
	.cx-booking-thank-you__status li {
		grid-template-columns: 1fr;
		gap: 0.2rem;
	}

	.cx-booking-thank-you__prepare-heading,
	.cx-booking-thank-you__prepare-grid {
		grid-template-columns: 1fr;
	}

	.cx-booking-thank-you__prepare-heading h2 {
		max-width: 14ch;
	}

	.cx-booking-thank-you__prepare-grid article {
		min-height: 0;
	}

	.cx-booking-thank-you__prepare-grid h3 {
		margin-top: 2.5rem;
	}
}

@media (max-width: 620px) {
	.cx-booking-thank-you__hero {
		padding: 3.75rem 0 4.5rem;
	}

	.cx-booking-thank-you__hero-grid {
		gap: 2.5rem;
	}

	.cx-booking-thank-you__copy h1 {
		font-size: clamp(3.1rem, 15.5vw, 4.1rem);
	}

	.cx-booking-thank-you__visual {
		display: flex;
		min-height: 0;
		padding: 1.75rem 0.65rem 0.8rem;
		flex-direction: column;
	}

	.cx-booking-thank-you__visual img {
		width: 118%;
		transform: translateX(-1.5%);
	}

	.cx-booking-thank-you__visual figcaption {
		position: relative;
		right: auto;
		bottom: auto;
		left: auto;
		width: 100%;
		margin-top: -0.25rem;
	}

	.cxb-pricing-survey__form {
		grid-template-columns: 1fr;
	}

	.cxb-pricing-survey__meta {
		align-items: flex-start;
		flex-direction: column;
	}

	.cxb-pricing-survey__heading h2 {
		font-size: clamp(2rem, 10vw, 2.65rem);
	}

	.cxb-pricing-survey__form > label:not(.cxb-honeypot) {
		min-height: 0;
	}

	.cx-booking-thank-you__prepare {
		padding: 4.5rem 0;
	}

	.cx-booking-thank-you__prepare-heading h2 {
		font-size: clamp(2.7rem, 13vw, 3.55rem);
	}
}

/* ConfigUX 0.25.14 - compact English forms, AI kit metadata and header language control. */
.vbf-field-single_text > .vbf-label,
.vbf-field-email > .vbf-label,
.vbf-field-url > .vbf-label,
.vbf-field-phone > .vbf-label,
.vbf-field-textarea > .vbf-label,
.vbf-field > .vbf-label[for="configux_career_role"] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* ConfigUX 0.25.17 - aligned language and demo header controls. */
.cx-localized-header .cx-header__utilities .cx-language-switcher summary,
.cx-localized-header .cx-header__utilities .cx-language-switcher__single,
.cx-localized-header .cx-header__utilities .cx-header-3d-viewer,
.cx-localized-header .cx-header__utilities .cx-localized-header__cta {
	box-sizing: border-box;
	height: 3rem;
	min-height: 3rem;
	border-radius: 999px;
}

.cx-localized-header .cx-header__utilities .cx-language-switcher summary {
	min-width: 3.35rem;
	padding: 0 0.9rem;
	gap: 0;
}

.cx-localized-header .cx-header__utilities .cx-language-switcher__single {
	display: inline-flex;
	min-width: 3.35rem;
	padding: 0 0.9rem;
	align-items: center;
	justify-content: center;
	border: 1px solid #d5dde1;
	color: #0b192c;
	background: #fff;
	font-size: 0.72rem;
	font-weight: 850;
	line-height: 1;
}

.cx-language-switcher summary > span[aria-hidden="true"] {
	display: none;
}

/* ConfigUX 0.25.18 - visible 3D Viewer tool in the shared header. */
.cx-header-3d-viewer {
	display: inline-flex;
	box-sizing: border-box;
	height: 3rem;
	min-height: 3rem;
	padding: 0 1.05rem;
	align-items: center;
	justify-content: center;
	gap: 0.48rem;
	border: 1px solid #d5dde1;
	border-radius: 999px;
	color: #0b192c;
	background: #fff;
	font-size: 0.8rem;
	font-weight: 800;
	text-decoration: none;
	white-space: nowrap;
	transition: color 160ms ease, border-color 160ms ease, background 160ms ease, transform 160ms ease;
}

@media (min-width: 1101px) {
	.cx-localized-header .cx-header-3d-viewer,
	.cx-localized-header .cx-localized-header__cta {
		width: 8.5rem;
		min-width: 8.5rem;
		justify-content: center;
	}
}

.cx-header-3d-viewer:hover,
.cx-header-3d-viewer:focus-visible,
.cx-header-3d-viewer[aria-current="page"] {
	border-color: #aebfff;
	color: #123fbd;
	background: #eef3ff;
}

.cx-header-3d-viewer:hover {
	transform: translateY(-1px);
}

.cx-header-3d-viewer:focus-visible {
	outline: 3px solid rgba(50, 107, 255, 0.28);
	outline-offset: 2px;
}

.cx-localized-mobile-menu__panel .cx-mobile-nav-3d-viewer {
	display: flex;
	min-height: 3.1rem;
	margin-bottom: 0.1rem;
	padding: 0.8rem;
	align-items: center;
	gap: 0.7rem;
	border: 1px solid #bfd0ff;
	border-radius: 0.8rem;
	color: #123fbd;
	background: #eef3ff;
}

.cx-localized-mobile-menu__panel .cx-mobile-nav-3d-viewer:hover,
.cx-localized-mobile-menu__panel .cx-mobile-nav-3d-viewer:focus-visible,
.cx-localized-mobile-menu__panel .cx-mobile-nav-3d-viewer[aria-current="page"] {
	border-color: #8eabff;
	background: #e3ebff;
}

@media (max-width: 1100px) {
	.cx-header-3d-viewer {
		width: 3rem;
		min-width: 3rem;
		padding: 0;
		gap: 0;
	}

	.cx-header-3d-viewer__label {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		white-space: nowrap;
		border: 0;
	}
}

@media (max-width: 520px) {
	.cx-header-3d-viewer {
		display: none;
	}
}

/* ConfigUX 0.25.23 - English homepage product configurator video. */
.cx-home-product-loop {
	position: relative;
	overflow: hidden;
	border-bottom: 1px solid #dfe6ed;
	background:
		radial-gradient(circle at 10% 5%, rgba(92, 221, 187, 0.12), transparent 30rem),
		radial-gradient(circle at 90% 0%, rgba(75, 111, 255, 0.12), transparent 34rem),
		#f6f8fb;
}

.cx-home-product-loop__head {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(18rem, 0.65fr);
	align-items: end;
	gap: clamp(2rem, 6vw, 6rem);
	margin-bottom: clamp(2.25rem, 4vw, 3.5rem);
}

.cx-home-product-loop__head h2 {
	max-width: 13ch;
	margin: 1rem 0 0;
	color: #0c1728;
	font-size: clamp(3rem, 4.7vw, 5.1rem);
	line-height: 1.01;
	letter-spacing: -0.043em;
	text-wrap: balance;
}

.cx-home-product-loop__head > p {
	max-width: 31rem;
	margin: 0;
	color: #5f6f83;
	font-size: clamp(1rem, 1.2vw, 1.13rem);
	line-height: 1.7;
}

.cx-home-product-loop__frame {
	overflow: visible;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.cx-home-product-loop__video {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	border-radius: clamp(0.8rem, 1.4vw, 1.15rem);
	background: #071526;
	box-shadow: 0 28px 70px rgba(13, 27, 47, 0.14);
	object-fit: cover;
}

.cx-home-product-loop__frame figcaption {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 1.5rem;
	padding: 1rem 0.2rem 0;
	color: #66768a;
	font-size: 0.78rem;
}

.cx-home-product-loop__frame figcaption span {
	font-weight: 760;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.cx-home-product-loop__frame figcaption strong {
	color: #1b2a3d;
	font-weight: 720;
	text-align: right;
}

@media (max-width: 820px) {
	.cx-home-product-loop__head {
		grid-template-columns: 1fr;
		align-items: start;
		gap: 1.25rem;
	}

	.cx-home-product-loop__head h2 {
		max-width: 15ch;
		font-size: clamp(2.65rem, 10.8vw, 4rem);
	}
}

@media (max-width: 560px) {
	.cx-home-product-loop__frame {
		margin-inline: 0;
		padding: 0;
		border-radius: 0;
	}

	.cx-home-product-loop__video {
		border-radius: 0.8rem;
	}

	.cx-home-product-loop__frame figcaption {
		align-items: flex-start;
		flex-direction: column;
		gap: 0.3rem;
		padding: 0.85rem 0.15rem 0;
	}

	.cx-home-product-loop__frame figcaption strong {
		text-align: left;
	}
}

@media (prefers-reduced-motion: reduce) {
	.cx-home-product-loop__frame {
		transform: none !important;
		transition: none !important;
	}
}

@keyframes cx-2d-layer-swap {
	0%, 100% { opacity: 1; filter: brightness(1); }
	42% { opacity: 0.28; filter: brightness(1.2); }
	62% { opacity: 0.74; filter: brightness(1.08); }
}

@keyframes cx-3d-demo-progress {
	to { width: 100%; }
}

/* ConfigUX 0.26.13 - English AI guide, integration request and pricing polish. */
.cx-integration-request {
	background:
		radial-gradient(circle at 90% 12%, rgba(50, 107, 255, 0.09), transparent 28rem),
		#f4f7f5;
}

.cx-integration-request__grid {
	display: grid;
	grid-template-columns: minmax(0, 0.8fr) minmax(32rem, 1.2fr);
	align-items: start;
	gap: clamp(2.5rem, 6vw, 6rem);
}

.cx-integration-request__copy {
	position: sticky;
	top: 8rem;
}

.cx-integration-request__copy h2 {
	max-width: 10ch;
	margin: 1rem 0 1.25rem;
	font-size: clamp(3rem, 5vw, 5rem);
	line-height: 0.98;
	letter-spacing: -0.06em;
}

.cx-integration-request__copy > p {
	max-width: 35rem;
	margin: 0;
	color: var(--cx-premium-slate);
	font-size: 1rem;
	line-height: 1.7;
}

.cx-integration-request__copy ul {
	display: grid;
	margin: 1.6rem 0 0;
	padding: 0;
	gap: 0.65rem;
	list-style: none;
}

.cx-integration-request__copy li {
	display: grid;
	grid-template-columns: 1rem minmax(0, 1fr);
	gap: 0.5rem;
	color: #344458;
	font-size: 0.82rem;
	line-height: 1.5;
}

.cx-integration-request__copy li::before {
	color: #08a77f;
	font-weight: 900;
	content: "✓";
}

.cx-integration-request__form {
	min-width: 0;
	padding: clamp(0.7rem, 1.5vw, 1rem);
	border: 1px solid var(--cx-premium-line);
	border-radius: 1.5rem;
	background: rgba(255, 255, 255, 0.78);
	box-shadow: var(--cx-premium-shadow);
}

.cx-integration-request__form .vbf-form-wrap {
	width: 100%;
	max-width: none;
	background:
		radial-gradient(circle at 18% 0, rgba(49, 185, 93, 0.16), transparent 36%),
		linear-gradient(145deg, #07140c, #10251c 64%, #020805);
}

.cx-integration-request__form .vbf-privacy-notice {
	color: rgba(248, 250, 252, 0.82);
}

.cx-integration-request__form .vbf-label {
	color: #f8fafc;
}

/* ConfigUX 0.26.16 - responsive 2D/3D product-flow videos and clean video edges. */
:is(html[lang^="en"], html[lang^="da"], html[lang^="de"], html[lang^="fr"], html[lang^="es"]) .cx-product-flow-video {
	overflow: hidden;
	background:
		radial-gradient(circle at 91% 3%, rgba(50, 107, 255, 0.09), transparent 29rem),
		radial-gradient(circle at 7% 96%, rgba(87, 220, 180, 0.09), transparent 25rem),
		#f7f9f8;
}

:is(html[lang^="en"], html[lang^="da"], html[lang^="de"], html[lang^="fr"], html[lang^="es"]) .cx-product-flow-video--3d {
	background:
		radial-gradient(circle at 8% 5%, rgba(87, 220, 180, 0.09), transparent 26rem),
		radial-gradient(circle at 92% 92%, rgba(50, 107, 255, 0.08), transparent 30rem),
		#f6f8fb;
}

:is(html[lang^="en"], html[lang^="da"], html[lang^="de"], html[lang^="fr"], html[lang^="es"]) .cx-product-flow-video .cx-premium-section-head > p {
	max-width: 31rem;
}

:is(html[lang^="en"], html[lang^="da"], html[lang^="de"], html[lang^="fr"], html[lang^="es"]) .cx-product-flow-video__player {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin-top: clamp(1.75rem, 3vw, 2.75rem);
	aspect-ratio: 16 / 9;
	border: 0;
	border-radius: clamp(1rem, 2vw, 1.55rem);
	background: #fff;
	box-shadow: 0 30px 78px rgba(11, 25, 44, 0.14);
	isolation: isolate;
}

:is(html[lang^="en"], html[lang^="da"], html[lang^="de"], html[lang^="fr"], html[lang^="es"]) .cx-product-flow-video__poster,
:is(html[lang^="en"], html[lang^="da"], html[lang^="de"], html[lang^="fr"], html[lang^="es"]) .cx-product-flow-video__poster img,
:is(html[lang^="en"], html[lang^="da"], html[lang^="de"], html[lang^="fr"], html[lang^="es"]) .cx-product-flow-video__player video {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	background: #fff;
	object-fit: cover;
}

:is(html[lang^="en"], html[lang^="da"], html[lang^="de"], html[lang^="fr"], html[lang^="es"]) .cx-product-flow-video__player video {
	opacity: 0;
	z-index: 2;
	transition: opacity 180ms ease;
}

:is(html[lang^="en"], html[lang^="da"], html[lang^="de"], html[lang^="fr"], html[lang^="es"]) .cx-product-flow-video__player.is-started video {
	opacity: 1;
}

:is(html[lang^="en"], html[lang^="da"], html[lang^="de"], html[lang^="fr"], html[lang^="es"]) .cx-product-flow-video__play {
	position: absolute;
	left: 50%;
	bottom: clamp(1rem, 2.4vw, 2rem);
	display: grid;
	min-width: min(18rem, calc(100% - 2rem));
	padding: 0.85rem 1.15rem;
	border: 1px solid rgba(255, 255, 255, 0.76);
	border-radius: 999px;
	color: #fff;
	background: rgba(7, 21, 38, 0.92);
	box-shadow: 0 18px 42px rgba(7, 21, 38, 0.26);
	transform: translateX(-50%);
	cursor: pointer;
	z-index: 3;
	grid-template-columns: 2.45rem minmax(0, 1fr);
	text-align: left;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
}

:is(html[lang^="en"], html[lang^="da"], html[lang^="de"], html[lang^="fr"], html[lang^="es"]) .cx-product-flow-video__play > span {
	display: grid;
	width: 2.45rem;
	height: 2.45rem;
	grid-row: 1 / span 2;
	border-radius: 50%;
	place-items: center;
	color: #071526;
	background: #62dab9;
}

:is(html[lang^="en"], html[lang^="da"], html[lang^="de"], html[lang^="fr"], html[lang^="es"]) .cx-product-flow-video__play strong {
	align-self: end;
	padding-left: 0.75rem;
	font-size: 0.84rem;
}

:is(html[lang^="en"], html[lang^="da"], html[lang^="de"], html[lang^="fr"], html[lang^="es"]) .cx-product-flow-video__play small {
	padding-left: 0.75rem;
	color: #b8c6d5;
	font-size: 0.67rem;
}

:is(html[lang^="en"], html[lang^="da"], html[lang^="de"], html[lang^="fr"], html[lang^="es"]) .cx-product-flow-video__player.is-started .cx-product-flow-video__poster,
:is(html[lang^="en"], html[lang^="da"], html[lang^="de"], html[lang^="fr"], html[lang^="es"]) .cx-product-flow-video__player.is-started .cx-product-flow-video__play {
	display: none;
}

:is(html[lang^="en"], html[lang^="da"], html[lang^="de"], html[lang^="fr"], html[lang^="es"]) .cx-product-flow-video__player.is-autoplay-blocked:not(.is-started) .cx-product-flow-video__play {
	visibility: visible;
	opacity: 1;
	pointer-events: auto;
}

:is(html[lang^="en"], html[lang^="da"], html[lang^="de"], html[lang^="fr"], html[lang^="es"]) .cx-product-flow-video__help {
	display: grid;
	width: min(100%, 30rem);
	justify-items: start;
	gap: 1rem;
}

:is(html[lang^="en"], html[lang^="da"], html[lang^="de"], html[lang^="fr"], html[lang^="es"]) .cx-product-flow-video__help > p {
	margin: 0;
	color: var(--cx-premium-muted, #607084);
	line-height: 1.65;
}

:is(html[lang^="en"], html[lang^="da"], html[lang^="de"], html[lang^="fr"], html[lang^="es"]) .cx-product-flow-video__help .cx-button {
	min-height: 2.85rem;
	padding: 0.72rem 1rem;
	font-size: 0.76rem;
}

.cx-home-product-loop__viewport {
	border: 0;
	background: #fff;
	clip-path: inset(2px round clamp(0.8rem, 1.4vw, 1.15rem));
}

.cx-home-product-loop__viewport .cx-home-product-loop__video {
	width: calc(100% + 4px);
	height: calc(100% + 4px);
	margin: -2px;
}

@media (max-width: 720px) {
	:is(html[lang^="en"], html[lang^="da"], html[lang^="de"], html[lang^="fr"], html[lang^="es"]) .cx-product-flow-video__player {
		width: min(100%, 32rem);
		margin-inline: auto;
		aspect-ratio: 9 / 16;
		border-radius: 1.25rem;
	}

	:is(html[lang^="en"], html[lang^="da"], html[lang^="de"], html[lang^="fr"], html[lang^="es"]) .cx-product-flow-video__play {
		bottom: 1rem;
	}

	:is(html[lang^="en"], html[lang^="da"], html[lang^="de"], html[lang^="fr"], html[lang^="es"]) .cx-product-flow-video__help {
		width: 100%;
	}
}

@media (max-width: 980px) {
	.cx-integration-request__grid {
		grid-template-columns: 1fr;
	}

	.cx-integration-request__copy {
		position: static;
	}

	.cx-integration-request__copy h2 {
		max-width: 12ch;
	}
}

@media (max-width: 620px) {
	.cx-integration-request__copy h2 {
		font-size: clamp(2.65rem, 12vw, 3.7rem);
	}

	.cx-integration-request__form {
		padding: 0.35rem;
		border-radius: 1.15rem;
	}
}

/* UX-7A shared visual system and responsive performance baseline (0.25.76). */
:where(
	.cx-ar-page,
	.cx-ecommerce-page,
	.cx-lead-page,
	.cx-sales-page,
	.cx-quote-page,
	.cx-delivery-page,
	.cx-mapping-page,
	.cx-layered-assets-page,
	.cx-3d-assets-page
) {
	--cx-ux7-section-space: clamp(4.5rem, 8vw, 7rem);
	--cx-ux7-feature-gap: clamp(2rem, 5vw, 5rem);
	--cx-ux7-grid-gap: clamp(0.85rem, 1.6vw, 1.25rem);
	--cx-ux7-card-radius: 1.35rem;
	--cx-ux7-media-radius: 1.1rem;
	--cx-ux7-media-bg: #edf2ef;
	--cx-ux7-media-border: 1px solid var(--cx-premium-line, #d9e2e5);
	--cx-ux7-media-shadow: 0 24px 68px rgba(11, 25, 44, 0.1);
	min-width: 0;
}

:where(
	.cx-ar-page,
	.cx-ecommerce-page,
	.cx-lead-page,
	.cx-sales-page,
	.cx-quote-page,
	.cx-delivery-page,
	.cx-mapping-page,
	.cx-layered-assets-page,
	.cx-3d-assets-page
) :is(section, .cx-container, article, figure, picture, div) {
	min-width: 0;
}

:where(
	.cx-ar-page,
	.cx-ecommerce-page,
	.cx-lead-page,
	.cx-sales-page,
	.cx-quote-page,
	.cx-delivery-page,
	.cx-mapping-page,
	.cx-layered-assets-page,
	.cx-3d-assets-page
) :is(img, picture, video, canvas, svg) {
	max-width: 100%;
}

:where(
	.cx-ar-page,
	.cx-ecommerce-page,
	.cx-lead-page,
	.cx-sales-page,
	.cx-quote-page,
	.cx-delivery-page,
	.cx-mapping-page,
	.cx-layered-assets-page,
	.cx-3d-assets-page
) :is(h1, h2, h3, p, li) {
	overflow-wrap: anywhere;
}

.cx-ux7-section {
	padding-block: var(--cx-ux7-section-space, clamp(4.5rem, 8vw, 7rem));
}

.cx-ux7-feature,
.cx-ux7-session,
.cx-ux7-handoff {
	display: grid;
	grid-template-columns: minmax(0, 1.18fr) minmax(19rem, 0.82fr);
	align-items: center;
	gap: var(--cx-ux7-feature-gap, clamp(2rem, 5vw, 5rem));
}

.cx-ux7-feature--reverse {
	grid-template-columns: minmax(19rem, 0.82fr) minmax(0, 1.18fr);
}

.cx-ux7-feature--reverse > .cx-ux7-media {
	order: 2;
}

.cx-ux7-copy {
	width: min(100%, 42rem);
}

.cx-ux7-copy h2 {
	max-width: 13ch;
	margin: 0.9rem 0 1.15rem;
	font-size: clamp(2.65rem, 5vw, 5rem);
	line-height: 0.97;
	letter-spacing: -0.055em;
}

.cx-ux7-copy p {
	max-width: 38rem;
	margin: 0;
	color: var(--cx-premium-muted, #607084);
	font-size: clamp(1rem, 1.3vw, 1.13rem);
	line-height: 1.7;
}

.cx-ux7-media,
.cx-ux7-card__media,
.cx-ux7-device__media {
	position: relative;
	display: block;
	overflow: hidden;
	min-width: 0;
	margin: 0;
	border: var(--cx-ux7-media-border, 1px solid #d9e2e5);
	background: var(--cx-ux7-media-bg, #edf2ef);
}

.cx-ux7-media {
	aspect-ratio: 16 / 10;
	border-radius: var(--cx-ux7-card-radius, 1.35rem);
	box-shadow: var(--cx-ux7-media-shadow, 0 24px 68px rgba(11, 25, 44, 0.1));
}

.cx-ux7-media > :is(img, picture, video),
.cx-ux7-media > picture > img,
.cx-ux7-card__media > :is(img, picture),
.cx-ux7-card__media > picture > img,
.cx-ux7-device__media > :is(img, picture),
.cx-ux7-device__media > picture > img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: var(--cx-ux7-object-position, center);
}

.cx-ux7-media--contain > :is(img, picture, video),
.cx-ux7-media--contain > picture > img,
.cx-ux7-card__media.cx-ux7-media--contain > :is(img, picture),
.cx-ux7-card__media.cx-ux7-media--contain > picture > img,
.cx-ux7-device__media.cx-ux7-media--contain > :is(img, picture),
.cx-ux7-device__media.cx-ux7-media--contain > picture > img {
	object-fit: contain;
}

.cx-ux7-flow {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--cx-ux7-grid-gap, clamp(0.85rem, 1.6vw, 1.25rem));
}

.cx-ux7-flow figure {
	overflow: hidden;
	margin: 0;
	border: var(--cx-ux7-media-border, 1px solid #d9e2e5);
	border-radius: var(--cx-ux7-card-radius, 1.35rem);
	background: #fff;
	box-shadow: 0 18px 48px rgba(11, 25, 44, 0.08);
}

.cx-ux7-flow .cx-ux7-media {
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

.cx-ux7-flow figcaption {
	padding: 1rem 1.15rem;
	font-size: 0.78rem;
	font-weight: 820;
}

.cx-ux7-grid {
	display: grid;
	gap: var(--cx-ux7-grid-gap, clamp(0.85rem, 1.6vw, 1.25rem));
}

.cx-ux7-grid--three {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.cx-ux7-grid--four {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.cx-ux7-card {
	display: grid;
	grid-template-rows: auto 1fr;
	overflow: hidden;
	min-width: 0;
	border: var(--cx-ux7-media-border, 1px solid #d9e2e5);
	border-radius: var(--cx-ux7-card-radius, 1.35rem);
	background: #fff;
	box-shadow: 0 18px 48px rgba(11, 25, 44, 0.07);
}

.cx-ux7-card--dark {
	color: #fff;
	border-color: #0b192c;
	background: #0b192c;
}

.cx-ux7-card__media {
	aspect-ratio: 3 / 2;
	border-width: 0 0 1px;
	border-radius: 0;
}

.cx-ux7-card__copy {
	display: flex;
	padding: clamp(1.1rem, 2.2vw, 1.65rem);
	flex-direction: column;
}

.cx-ux7-card__copy > span,
.cx-ux7-device > span {
	color: #326bff;
	font-size: 0.67rem;
	font-weight: 850;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.cx-ux7-card--dark .cx-ux7-card__copy > span {
	color: var(--cx-premium-mint, #5bd6b8);
}

.cx-ux7-card h3 {
	margin: 0.7rem 0 0.55rem;
	font-size: clamp(1.35rem, 2.1vw, 2rem);
	line-height: 1.05;
	letter-spacing: -0.04em;
}

.cx-ux7-card p {
	margin: 0;
	color: var(--cx-premium-muted, #607084);
	line-height: 1.55;
}

.cx-ux7-card--dark p {
	color: #b5c0cb;
}

.cx-ux7-devices {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(12rem, 0.34fr);
	align-items: end;
	gap: var(--cx-ux7-grid-gap, clamp(0.85rem, 1.6vw, 1.25rem));
}

.cx-ux7-device {
	display: grid;
	min-width: 0;
	gap: 0.75rem;
}

.cx-ux7-device--mobile {
	width: min(100%, 18rem);
	justify-self: center;
}

.cx-ux7-device__media {
	aspect-ratio: 16 / 10;
	border-radius: var(--cx-ux7-media-radius, 1.1rem);
	box-shadow: 0 18px 45px rgba(11, 25, 44, 0.09);
}

.cx-ux7-device--mobile .cx-ux7-device__media {
	aspect-ratio: 4 / 5;
}

.cx-ux7-session,
.cx-ux7-handoff {
	padding: clamp(1rem, 2vw, 1.5rem);
	border: var(--cx-ux7-media-border, 1px solid #d9e2e5);
	border-radius: var(--cx-ux7-card-radius, 1.35rem);
	background: #fff;
	box-shadow: 0 22px 58px rgba(11, 25, 44, 0.08);
}

@media (max-width: 1100px) {
	.cx-ux7-grid--three,
	.cx-ux7-grid--four {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 980px) {
	.cx-ux7-feature,
	.cx-ux7-feature--reverse,
	.cx-ux7-session,
	.cx-ux7-handoff {
		grid-template-columns: minmax(0, 1fr);
	}

	.cx-ux7-feature--reverse > .cx-ux7-media {
		order: 0;
	}

	.cx-ux7-copy {
		width: min(100%, 46rem);
	}
}

@media (max-width: 760px) {
	.cx-ux7-grid--three,
	.cx-ux7-grid--four,
	.cx-ux7-flow {
		grid-template-columns: minmax(0, 1fr);
	}

	.cx-ux7-devices {
		grid-template-columns: minmax(0, 1fr);
	}

	.cx-ux7-device--mobile {
		width: min(72%, 18rem);
		justify-self: start;
	}

	.cx-ux7-copy h2 {
		font-size: clamp(2.65rem, 12vw, 4rem);
	}

	.cx-ux7-media {
		aspect-ratio: 4 / 3;
	}
}

@media (max-width: 480px) {
	.cx-ux7-feature,
	.cx-ux7-session,
	.cx-ux7-handoff {
		gap: 1.5rem;
	}

	.cx-ux7-media,
	.cx-ux7-flow figure,
	.cx-ux7-card,
	.cx-ux7-session,
	.cx-ux7-handoff {
		border-radius: 1rem;
	}

	.cx-ux7-device--mobile {
		width: min(82%, 17rem);
	}
}

/* ConfigUX 0.26.26 - mobile header order and exact Pricing card targets. */
[data-cx-pricing-card] {
	scroll-margin-top: 7rem;
}

/* ConfigUX 0.26.27 - staged customer-login control. */
.cx-localized-header__login {
	display: inline-flex;
	box-sizing: border-box;
	height: 3rem;
	min-height: 3rem;
	padding: 0 1rem;
	align-items: center;
	justify-content: center;
	border: 1px solid #d5dde1;
	border-radius: 999px;
	color: #66758a;
	background: #f5f7f8;
	font: inherit;
	font-size: 0.8rem;
	font-weight: 800;
	cursor: not-allowed;
	white-space: nowrap;
}

.cx-mobile-nav-login {
	display: flex;
	width: 100%;
	min-height: 3.1rem;
	margin-top: 0.35rem;
	padding: 0.8rem;
	align-items: center;
	justify-content: space-between;
	gap: 0.8rem;
	border: 1px solid #d5dde1;
	border-radius: 0.8rem;
	color: #66758a;
	background: #f5f7f8;
	font: inherit;
	font-weight: 800;
	cursor: not-allowed;
}

.cx-mobile-nav-login small {
	font-size: 0.65rem;
	font-weight: 650;
}

@media (max-width: 1100px) {
	.cx-localized-header__login {
		display: none;
	}
}

@media (max-width: 620px) {
	.cx-localized-header .cx-brand {
		order: 0;
	}

	.cx-localized-header .cx-header__utilities {
		order: 1;
		margin-left: auto;
	}

	.cx-localized-header .cx-header__utilities .cx-language-switcher {
		order: 0;
		margin-left: 0;
	}

	.cx-localized-header .cx-header__utilities .cx-localized-mobile-menu {
		order: 1;
	}

	[data-cx-pricing-card] {
		scroll-margin-top: 5.5rem;
	}
}

/* ConfigUX 0.26.9 consolidation - focused homepage video, anchored help and visual routes. */
.cx-home-product-loop__viewport {
	position: relative;
	overflow: hidden;
	width: 100%;
	aspect-ratio: 16 / 9;
	border-radius: clamp(0.8rem, 1.4vw, 1.15rem);
	background: #fff;
	box-shadow: 0 28px 70px rgba(13, 27, 47, 0.14);
}

.cx-home-product-loop__viewport .cx-home-product-loop__video {
	width: 100%;
	height: 100%;
	border-radius: 0;
	background: #fff;
	box-shadow: none;
	object-fit: cover;
	/* 2026-08-21: the loop video is now full bleed, so the 9 percent zoom that hid the old dark margin would crop real content. */
	transform: none;
	transform-origin: center;
}

.cx-home-clarity__tooltip {
	top: auto;
	right: 0;
	bottom: calc(100% + 0.35rem);
	left: auto;
	transform: translateY(0.35rem);
}

.cx-home-clarity__tooltip::after {
	right: 0.75rem;
	left: auto;
	transform: none;
}

.cx-home-clarity__choice-group button.is-selected .cx-home-clarity__tooltip,
.cx-home-clarity__choice-group button:hover .cx-home-clarity__tooltip,
.cx-home-clarity__choice-group button:focus-visible .cx-home-clarity__tooltip {
	transform: translateY(0);
}

.cx-home-v2__route-grid > a.cx-home-v2__route-gallery {
	color: #fff;
	border-color: #0a1b2d;
	background: #0a1b2d;
}

.cx-home-v2__route-gallery .cx-home-v2__route-image {
	background: #0a1b2d;
}

.cx-home-v2__route-gallery p,
.cx-home-v2__route-grid > a.cx-home-v2__route-gallery > small {
	color: #b4c0cc;
}

.cx-visual-refresh-020 .cx-home-v2__route-grid > a.cx-home-v2__route-2d .cx-home-v2__route-image img,
.cx-visual-refresh-020 .cx-home-v2__route-grid > a.cx-home-v2__route-3d .cx-home-v2__route-image img,
.cx-visual-refresh-020 .cx-home-v2__route-grid > a.cx-home-v2__route-gallery .cx-home-v2__route-image img {
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	mix-blend-mode: normal;
}

.cx-visual-refresh-020 .cx-home-v2__route-grid > a.cx-home-v2__route-2d .cx-home-v2__route-image img,
.cx-visual-refresh-020 .cx-home-v2__route-grid > a.cx-home-v2__route-3d .cx-home-v2__route-image img {
	transform: scale(1.04);
}

@media (max-width: 560px) {
	.cx-home-product-loop__viewport {
		border-radius: 0.8rem;
	}

	.cx-home-clarity__tooltip {
		right: -0.2rem;
		max-width: 8.5rem;
	}

	.cx-home-clarity__choice-group:first-of-type button:first-child .cx-home-clarity__tooltip {
		right: auto;
		left: 3rem;
	}

	.cx-home-clarity__choice-group:first-of-type button:first-child .cx-home-clarity__tooltip::after {
		right: auto;
		left: 1.85rem;
		transform: translateX(-50%);
	}
}

/* ConfigUX 0.26.10 - English review: authentic route visuals and a calmer 2D hero. */
.cx-visual-refresh-020 .cx-home-v2__route-grid > a.cx-home-v2__route-2d .cx-home-v2__route-image img,
.cx-visual-refresh-020 .cx-home-v2__route-grid > a.cx-home-v2__route-3d .cx-home-v2__route-image img {
	object-position: center;
	transform: none;
}

/* ConfigUX 0.26.36 - active English Account controls. */
.cx-localized-header__login {
	color: #0b192c;
	background: #fff;
	cursor: pointer;
	text-decoration: none;
	transition: color 160ms ease, border-color 160ms ease, background 160ms ease, transform 160ms ease;
}

.cx-localized-header__login:hover,
.cx-localized-header__login:focus-visible {
	border-color: #aebfff;
	color: #123fbd;
	background: #eef3ff;
	transform: translateY(-1px);
}

.cx-localized-header__login:focus-visible {
	outline: 3px solid rgba(50, 107, 255, 0.28);
	outline-offset: 2px;
}

.cx-mobile-nav-login {
	color: #123fbd;
	background: #eef3ff;
	cursor: pointer;
	text-decoration: none;
}

.cx-mobile-nav-login:hover,
.cx-mobile-nav-login:focus-visible {
	border-color: #8eabff;
	background: #e3ebff;
}

@media (min-width: 1101px) {
	.cx-localized-header .cx-localized-header__cta {
		width: 9.5rem;
		min-width: 9.5rem;
	}
}

/* ConfigUX 0.26.37 - Templates overview, navigation and demo access. */
.cx-localized-header__demo {
	display: inline-flex;
	box-sizing: border-box;
	height: 3rem;
	min-height: 3rem;
	padding: 0 1rem;
	align-items: center;
	justify-content: center;
	border: 1px solid #0b192c;
	border-radius: 999px;
	color: #0b192c;
	background: #fff;
	font: inherit;
	font-size: 0.8rem;
	font-weight: 800;
	text-decoration: none;
	white-space: nowrap;
	transition: color 160ms ease, border-color 160ms ease, background 160ms ease, transform 160ms ease;
}

.cx-localized-header__demo:hover,
.cx-localized-header__demo:focus-visible {
	border-color: #326bff;
	color: #123fbd;
	background: #eef3ff;
	transform: translateY(-1px);
}

.cx-localized-header__demo:focus-visible {
	outline: 3px solid rgba(50, 107, 255, 0.28);
	outline-offset: 2px;
}

.cx-mobile-nav-demo {
	display: flex;
	width: 100%;
	min-height: 3.1rem;
	margin-top: 0.35rem;
	padding: 0.8rem;
	align-items: center;
	justify-content: space-between;
	gap: 0.8rem;
	border: 1px solid #c9d3d9;
	border-radius: 0.8rem;
	color: #0b192c;
	background: #fff;
	font: inherit;
	font-weight: 800;
	text-decoration: none;
}

.cx-mobile-nav-demo small {
	color: #617084;
	font-size: 0.65rem;
	font-weight: 650;
}

.cx-mobile-nav-demo:hover,
.cx-mobile-nav-demo:focus-visible {
	border-color: #8eabff;
	background: #f3f6ff;
}

.cx-nav-mega--templates {
	position: fixed;
	top: var(--cx-nav-panel-top, 5rem);
	left: 50%;
	width: min(68rem, calc(100vw - 2rem));
	grid-template-columns: 1.15fr repeat(3, minmax(0, 1fr));
	gap: 0.25rem;
	transform: translateX(-50%);
}

.cx-templates__library {
	scroll-margin-top: 6rem;
}

.cx-templates__grid {
	grid-template-columns: minmax(0, 48rem);
	justify-content: start;
}

.cx-templates__grid article:nth-child(2) {
	transform: none;
}

.cx-templates__grid .cx-template-card {
	box-shadow: 0 24px 60px rgba(9, 21, 33, 0.07);
}

.cx-templates__grid .cx-template-card > div:last-child {
	min-height: 18.5rem;
}

.cx-template-card__link {
	display: inline-flex;
	margin-top: 1.2rem;
	align-items: center;
	gap: 0.45rem;
	color: #123fbd;
	font-size: 0.82rem;
	font-weight: 820;
	text-decoration: none;
}

.cx-template-card__link:hover,
.cx-template-card__link:focus-visible {
	text-decoration: underline;
	text-underline-offset: 0.2em;
}

@media (max-width: 1260px) and (min-width: 1101px) {
	.cx-nav-mega--templates {
		width: min(62rem, calc(100vw - 1.5rem));
	}
}

@media (max-width: 1100px) {
	.cx-localized-header__demo {
		display: none;
	}
}

@media (max-width: 620px) {
	.cx-templates__grid {
		grid-template-columns: 1fr;
	}
}

@media (min-width: 1101px) {
	.cx-integrations-page.cx-quality-17 .cx-integration-card h3 {
		display: flex;
		min-height: 4.8rem;
		align-items: flex-end;
		white-space: normal;
	}
}

/* ConfigUX 0.26.42 - English trust, subscription and template review block. */
@media (min-width: 1101px) {
	.cx-localized-header__login {
		height: 3rem;
		min-height: 3rem;
		padding: 0 0.45rem;
		border: 0;
		border-radius: 0;
		color: #0b192c;
		background: transparent;
		box-shadow: none;
	}

	.cx-localized-header__login:hover,
	.cx-localized-header__login:focus-visible {
		color: #123fbd;
		background: transparent;
		transform: none;
	}

	.cx-localized-header__demo {
		border-color: #326bff;
		color: #174bc4;
		background: #fff;
	}
}

.cx-trust-strip--infrastructure {
	background: #f9fbfc;
}

.cx-trust-strip--infrastructure .cx-container > div {
	gap: clamp(0.8rem, 2vw, 1.55rem);
}

.cx-trust-strip--infrastructure strong {
	position: relative;
	font-size: 0.76rem;
	white-space: nowrap;
}

.cx-trust-strip--infrastructure strong:not(:first-child)::before {
	position: absolute;
	top: 50%;
	left: -0.8rem;
	width: 0.25rem;
	height: 0.25rem;
	border-radius: 50%;
	content: '';
	background: #32d6a0;
	transform: translateY(-50%);
}

.cx-home-infrastructure {
	border-top: 1px solid #dfe6ea;
	background: linear-gradient(145deg, #f4f8f7, #f8f9fc);
}

.cx-home-infrastructure .cx-section-heading {
	max-width: 54rem;
	margin-bottom: 2.2rem;
}

.cx-home-infrastructure__grid,
.cx-enterprise-infrastructure__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1rem;
}

.cx-home-infrastructure__grid article,
.cx-enterprise-infrastructure__grid article {
	padding: 1.35rem;
	border: 1px solid #dbe4e8;
	border-radius: 1.15rem;
	background: rgba(255, 255, 255, 0.88);
	box-shadow: 0 18px 42px rgba(9, 21, 33, 0.05);
}

.cx-home-infrastructure__grid article > span,
.cx-enterprise-infrastructure__grid article > span {
	color: #168169;
	font-size: 0.62rem;
	font-weight: 850;
	letter-spacing: 0.1em;
}

.cx-home-infrastructure__grid h3,
.cx-enterprise-infrastructure__grid h3 {
	margin: 1.25rem 0 0.65rem;
	font-size: clamp(1.2rem, 2vw, 1.55rem);
	line-height: 1.05;
	letter-spacing: -0.04em;
}

.cx-home-infrastructure__grid p,
.cx-enterprise-infrastructure__grid p {
	margin: 0;
	color: #617187;
	font-size: 0.86rem;
	line-height: 1.65;
}

.cx-template-card__room > img:first-child {
	position: relative;
	z-index: 0;
}

.cx-template-card__room > .cx-template-card__art {
	position: absolute;
	z-index: 1;
	top: 19%;
	left: 39%;
	width: 25%;
	height: 30%;
	border: 0.55rem solid #171717;
	object-fit: cover;
	box-shadow: 0 8px 18px rgba(9, 19, 33, 0.28);
}

.cx-template-card__room::after {
	z-index: 2;
}

.cx-template-card__room > span {
	z-index: 3;
}

.cx-subscription-offer {
	padding: clamp(1rem, 2.5vw, 2rem) 0 0;
	background: #fff;
}

.cx-subscription-offer__inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 0.85rem 2rem;
	padding: clamp(1.25rem, 3vw, 2rem);
	border: 1px solid #bcd9d0;
	border-radius: 1.35rem;
	background: linear-gradient(130deg, #effbf7, #f3f6ff);
	box-shadow: 0 18px 48px rgba(9, 21, 33, 0.06);
}

.cx-subscription-offer__inner > div {
	display: grid;
	gap: 0.35rem;
}

.cx-subscription-offer__inner > div[hidden] {
	display: none;
}

.cx-subscription-offer__inner span {
	color: #087760;
	font-size: 0.66rem;
	font-weight: 850;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.cx-subscription-offer__inner h2 {
	margin: 0;
	font-size: clamp(1.75rem, 3.2vw, 2.8rem);
	line-height: 1;
	letter-spacing: -0.055em;
}

.cx-subscription-offer__inner p,
.cx-subscription-offer__inner small {
	margin: 0;
	color: #516177;
}

.cx-subscription-offer__inner small {
	grid-column: 1;
	font-size: 0.76rem;
	font-weight: 750;
}

.cx-subscription-offer__inner .cx-button {
	grid-column: 2;
	grid-row: 1 / span 2;
	justify-self: end;
}

@media (max-width: 980px) {
	.cx-home-infrastructure__grid,
	.cx-enterprise-infrastructure__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.cx-trust-strip--infrastructure .cx-container > div {
		justify-content: flex-start;
	}
}

@media (max-width: 620px) {
	.cx-trust-strip--infrastructure strong {
		white-space: normal;
	}

	.cx-trust-strip--infrastructure strong:not(:first-child)::before {
		display: none;
	}

	.cx-home-infrastructure__grid,
	.cx-enterprise-infrastructure__grid {
		grid-template-columns: 1fr;
	}

	.cx-subscription-offer__inner {
		grid-template-columns: 1fr;
	}

	.cx-subscription-offer__inner small,
	.cx-subscription-offer__inner .cx-button {
		grid-column: 1;
		grid-row: auto;
		justify-self: stretch;
	}

	.cx-template-card__room > .cx-template-card__art {
		border-width: 0.35rem;
	}
}

/* ConfigUX 0.26.43 - restore the reviewed Home and add restrained enterprise visuals. */
.cx-localized-header .cx-header__utilities .cx-language-switcher summary,
.cx-localized-header .cx-header__utilities .cx-language-switcher__single {
	height: 3rem;
	min-width: auto;
	min-height: 3rem;
	padding: 0 0.45rem;
	border: 0;
	border-radius: 0;
	color: #0b192c;
	background: transparent;
	box-shadow: none;
	font-size: 0.8rem;
}

.cx-localized-header .cx-header__utilities .cx-language-switcher summary:hover,
.cx-localized-header .cx-header__utilities .cx-language-switcher summary:focus-visible,
.cx-localized-header .cx-header__utilities .cx-language-switcher__single:hover,
.cx-localized-header .cx-header__utilities .cx-language-switcher__single:focus-visible {
	color: #123fbd;
	background: transparent;
}

.cx-trust-strip--visual .cx-container {
	gap: clamp(1rem, 2.2vw, 2.25rem);
}

.cx-trust-strip--visual .cx-container > div {
	gap: clamp(0.75rem, 1.35vw, 1.3rem);
}

.cx-trust-strip--visual strong {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
}

.cx-trust-strip--visual strong:not(:first-child)::before {
	display: none;
}

.cx-trust-strip--visual strong svg {
	box-sizing: border-box;
	width: 1.55rem;
	height: 1.55rem;
	padding: 0.28rem;
	flex: 0 0 auto;
	border-radius: 0.5rem;
	color: #087760;
	background: #e8f8f3;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.6;
}

@media (max-width: 620px) {
	.cx-trust-strip--visual .cx-container > div {
		display: grid;
		grid-template-columns: 1fr;
	}

	.cx-trust-strip--visual strong {
		white-space: normal;
	}
}

/* ConfigUX 0.26.44 - premium Home trust marks and focused How it works sales flow. */
.cx-trust-strip--visual strong img {
	display: block;
	width: 1.8rem;
	height: 1.8rem;
	flex: 0 0 auto;
	object-fit: contain;
}

/* ConfigUX 0.26.47 - English Growth-only pricing polish and balanced Home trust strip. */
.cx-trust-strip--infrastructure .cx-container {
	display: grid;
	grid-template-columns: minmax(10rem, 12rem) minmax(0, 1fr);
	align-items: center;
	gap: clamp(1.25rem, 2.5vw, 2.5rem);
}

.cx-trust-strip--infrastructure .cx-container > div {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	align-items: stretch;
	gap: clamp(0.65rem, 1.2vw, 1rem);
}

.cx-trust-strip--infrastructure strong {
	display: flex;
	min-width: 0;
	align-items: center;
	gap: 0.55rem;
	white-space: normal;
	line-height: 1.35;
}

.cx-trust-strip--infrastructure strong:not(:first-child)::before {
	display: none;
}

@media (max-width: 1100px) {

	.cx-trust-strip--infrastructure .cx-container {
		grid-template-columns: 1fr;
		gap: 1rem;
	}

	.cx-trust-strip--infrastructure .cx-container > div {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 760px) {

	.cx-trust-strip--infrastructure .cx-container > div {
		grid-template-columns: 1fr;
	}
}

/* ConfigUX 0.26.49 - four-plan capacity, enterprise support and consistent actions. */
.cx-button--dark {
	border-color: #0b192c;
	background: #0b192c;
	box-shadow: 0 12px 26px rgba(11, 25, 44, 0.18);
	color: #fff;
}

.cx-button--dark:hover,
.cx-button--dark:focus-visible {
	border-color: #152d4b;
	background: #152d4b;
	color: #fff;
}

.cx-localized-header .cx-localized-header__cta {
	background: #2f6bff;
	box-shadow: 0 12px 26px rgba(47, 107, 255, 0.22);
}

.cx-localized-header .cx-localized-header__cta:hover,
.cx-localized-header .cx-localized-header__cta:focus-visible {
	background: #1959f4;
	color: #fff;
}

/* ConfigUX 0.26.59 - balance the four desktop account actions in every language. */
@media (min-width: 1101px) {
	.cx-localized-header .cx-language-switcher summary,
	.cx-localized-header .cx-language-switcher__single,
	.cx-localized-header .cx-localized-header__login {
		display: inline-flex;
		box-sizing: border-box;
		height: 3rem;
		min-height: 3rem;
		padding: 0 0.45rem;
		align-items: center;
		justify-content: center;
		font-family: inherit;
		font-size: 0.8rem;
		font-weight: 800;
		line-height: 1;
	}

	.cx-localized-header .cx-localized-header__demo,
	.cx-localized-header .cx-localized-header__cta {
		box-sizing: border-box;
		width: 9.5rem;
		min-width: 9.5rem;
		height: 3rem;
		min-height: 3rem;
		padding: 0 1rem;
		justify-content: center;
		font-family: inherit;
		font-size: 0.96rem;
		font-weight: 800;
		line-height: 1;
	}
}

@media (min-width: 1101px) {
	.cx-localized-header__demo {
		border-color: #0b192c;
		color: #0b192c;
		background: #fff;
	}
}

/* ConfigUX 0.26.61 - stable type hierarchy inside the desktop Pricing menu. */
@media (min-width: 1101px) {
	.cx-nav-mega--pricing .cx-nav-mega__intro > span,
	.cx-nav-mega--pricing .cx-nav-mega__pricing-plans > span,
	.cx-nav-mega--pricing .cx-nav-mega__group > span {
		font-weight: 800;
	}

	.cx-nav-mega--pricing .cx-nav-mega__intro > strong {
		font-weight: 700;
	}

	.cx-nav-mega--pricing .cx-nav-mega__plan strong,
	.cx-nav-mega--pricing .cx-nav-mega__pricing-actions strong {
		font-size: 0.78rem;
		font-weight: 760;
		line-height: 1.28;
	}

	.cx-nav-mega--pricing .cx-nav-mega__plan small,
	.cx-nav-mega--pricing .cx-nav-mega__pricing-actions small {
		font-size: 0.64rem;
		font-weight: 600;
		line-height: 1.4;
	}

	.cx-nav-mega--pricing .cx-nav-mega__plan > span:last-child small,
	.cx-nav-mega--pricing .cx-nav-mega__pricing-actions > a:last-child small {
		font-weight: 700;
	}
}

/* ConfigUX 0.26.62 - one calm type hierarchy across every desktop mega menu. */
@media (min-width: 1101px) {
	.cx-nav-mega .cx-nav-mega__intro > span,
	.cx-nav-mega .cx-nav-mega__group > span,
	.cx-nav-mega .cx-nav-mega__pricing-plans > span {
		font-weight: 800;
	}

	.cx-nav-mega .cx-nav-mega__intro > strong {
		font-weight: 700;
	}

	.cx-nav-mega .cx-nav-mega__intro > a {
		font-weight: 760;
	}

	.cx-nav-mega .cx-nav-mega__group > a,
	.cx-nav-mega .cx-nav-mega__group > a strong,
	.cx-nav-mega .cx-nav-mega__static,
	.cx-nav-mega .cx-nav-mega__static strong,
	.cx-nav-mega .cx-nav-mega__plan strong,
	.cx-nav-mega .cx-nav-mega__pricing-actions strong,
	.cx-nav-mega .cx-nav-mega__integration strong {
		font-size: 0.78rem;
		font-weight: 760;
		line-height: 1.28;
	}

	.cx-nav-mega .cx-nav-mega__group > a small,
	.cx-nav-mega .cx-nav-mega__static small,
	.cx-nav-mega .cx-nav-mega__plan small,
	.cx-nav-mega .cx-nav-mega__pricing-actions small {
		font-size: 0.64rem;
		font-weight: 600;
		line-height: 1.4;
	}

	.cx-nav-mega .cx-nav-mega__plan > span:last-child small,
	.cx-nav-mega .cx-nav-mega__pricing-actions > a:last-child small,
	.cx-nav-mega .cx-nav-mega__integration small {
		font-size: 0.64rem;
		font-weight: 700;
		line-height: 1.4;
	}
}

/* ConfigUX 0.26.63 - slightly lighter top-level desktop navigation labels. */
@media (min-width: 1101px) {
	.cx-localized-header .cx-nav-menu > summary > span:first-child {
		font-weight: 700;
	}
}

/* Practical English guides: preserve other locale menu layouts. */


/* Audit 0.26.72 - narrow screens and long localized words. */
@media (max-width: 600px) {
    .cx-container {
        overflow-wrap: anywhere;
        hyphens: auto;
    }
    .cx-container :where(div, article, section) {
        min-inline-size: 0;
    }
    .cx-container :is(h1, h2, h3) :is(span, em) {
        white-space: normal;
    }
    .cx-container .cx-check-list li {
        white-space: normal;
    }
    .cx-page .vbf-label, .cx-page-shell .vbf-label {
        white-space: normal;
        overflow-wrap: anywhere;
    }
    .cx-page, .cx-page-shell, .cxg, #cx-create-guide {
        overflow-wrap: anywhere;
        hyphens: auto;
    }
    .cx-container > *, .cx-page-hero__grid > *,
    .cx-enterprise-cloud-edge__node-head > *,
    .cx-enterprise-continuity__grid article > *,
    .cx-careers-role-grid > *, .cx-careers-role-card > * {
        min-inline-size: 0;
    }
    .cx-page-shell :is(h1,h2,h3,p,small,strong),
    .cx-page :is(h1,h2,h3,p,small,strong) {
        max-inline-size: 100%;
        overflow-wrap: anywhere;
    }
}

/* 0.26.74 - hidden raw-HTML helpers must not create a visible first-block gap.
   Keep the spacing of subsequent blocks and each page's own hero/breadcrumbs. */
.wp-block-post-content > :nth-child(1 of :not(style, script, link, template)) {
    margin-block-start: 0;
}

/* One shared guide menu: start links, two short guide columns, compact AI footer.
   Native details/summary, DOM link order and existing keyboard behavior are retained. */
@media (min-width: 1101px) {
    html[lang] .cx-nav-mega--how.cx-nav-mega--guides {
        width: min(58rem, calc(100vw - 2rem));
        grid-template-columns: minmax(0, .85fr) minmax(0, 2fr);
        max-height: calc(100dvh - var(--cx-nav-panel-top, 5rem) - 1rem);
        overflow: auto;
        overscroll-behavior: contain;
    }
    .cx-nav-mega--guides > .cx-nav-mega__group {
        order: 1;
    }
    .cx-nav-mega--guides > .cx-nav-mega__guides {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: auto repeat(5, minmax(2.6rem, auto));
        grid-auto-flow: column;
        align-content: start;
        align-items: stretch;
        column-gap: .6rem;
        order: 2;
    }
    .cx-nav-mega__guides > span {
        grid-column: 1 / -1;
    }
    .cx-nav-mega--guides > .cx-nav-mega__intro {
        display: grid;
        grid-column: 1 / -1;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        column-gap: 1.5rem;
        order: 3;
    }
    .cx-nav-mega--guides .cx-nav-mega__intro > span {
        margin-bottom: .4rem;
    }
    .cx-nav-mega--guides .cx-nav-mega__intro > strong {
        grid-column: 1;
        font-size: 1.1rem;
    }
    .cx-nav-mega--guides .cx-nav-mega__intro > a {
        grid-column: 2;
        grid-row: 1 / 3;
        margin-top: 0;
        padding: .8rem .6rem;
        border-radius: .5rem;
    }
    .cx-nav-mega--guides .cx-nav-mega__intro > a:focus-visible {
        outline: 2px solid #69dec2;
        outline-offset: 2px;
    }
}