/*
Theme Name: ConfigUX Site
Theme URI: https://configux.com/
Author: ConfigUX
Description: Lightweight block theme for the multilingual ConfigUX website.
Version: 0.18.4
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);
}

*,
*::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: 1rem;
	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-pricing {
	background: #fff;
}

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

.cx-pricing__grid article {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	padding: 1.6rem;
	border: 1px solid var(--cx-line);
	border-radius: 1.25rem;
	background: #f9faf7;
}

.cx-pricing__grid article.cx-pricing__featured {
	border-color: rgba(47, 107, 255, 0.38);
	background: #f2f5ff;
	box-shadow: 0 22px 60px rgba(47, 107, 255, 0.12);
}

.cx-pricing__popular {
	position: absolute;
	top: 1.4rem;
	right: 1.4rem;
	padding: 0.35rem 0.55rem;
	border-radius: 999px;
	background: #2f6bff;
	color: #fff;
	font-size: 0.58rem;
	font-weight: 780;
	text-transform: uppercase;
}

.cx-pricing__grid h3 {
	min-height: 3rem;
	margin: 1.3rem 0 0;
	font-size: 1.15rem;
	letter-spacing: -0.03em;
}

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

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

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

.cx-pricing__grid article > p {
	min-height: 7rem;
	margin: 0.7rem 0 0;
	color: #697689;
	font-size: 0.86rem;
	line-height: 1.6;
}

.cx-pricing__grid ul {
	display: grid;
	gap: 0.7rem;
	margin: 1.3rem 0 1.7rem;
	padding: 1.3rem 0 0;
	border-top: 1px solid var(--cx-line);
	list-style: none;
}

.cx-pricing__grid li {
	position: relative;
	padding-left: 1.35rem;
	color: #465467;
	font-size: 0.78rem;
}

.cx-pricing__grid li::before {
	position: absolute;
	left: 0;
	color: #00a884;
	content: "✓";
	font-weight: 800;
}

.cx-pricing__grid .cx-button {
	width: 100%;
	margin-top: auto;
}

.cx-pricing__grid article.cx-pricing__enterprise {
	border-color: #101b2c;
	background: #0d1727;
	color: #fff;
}

.cx-pricing__enterprise .cx-pricing__label {
	background: rgba(255, 255, 255, 0.1);
	color: #c5d0dc;
}

.cx-pricing__enterprise .cx-price span,
.cx-pricing__enterprise > p,
.cx-pricing__enterprise li {
	color: #afbbc8;
}

.cx-pricing__enterprise ul {
	border-color: rgba(255, 255, 255, 0.12);
}

.cx-pricing__note {
	margin: 1.3rem 0 0;
	color: #7a8797;
	font-size: 0.72rem;
	text-align: center;
}

.cx-pricing__terms {
	max-width: 58rem;
	margin: 1.2rem auto 0;
	border: 1px solid rgba(11, 18, 32, 0.1);
	border-radius: 1rem;
	background: #f7f8f9;
}

.cx-pricing__terms summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: 1rem 1.15rem;
	cursor: pointer;
	font-size: 0.82rem;
	font-weight: 760;
	list-style: none;
}

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

.cx-pricing__terms summary span {
	font-size: 1.2rem;
	transition: transform 160ms ease;
}

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

.cx-pricing__terms ul {
	display: grid;
	gap: 0.65rem;
	margin: 0;
	padding: 0 1.15rem 1.15rem 2.4rem;
	color: #647184;
	font-size: 0.76rem;
	line-height: 1.6;
}

/* 0.14.0 - honest Early Access pricing states. */
.cx-pricing__grid--early-access article {
	position: relative;
}

.cx-pricing-card--coming-soon,
.cx-pricing__grid--early-access article.cx-pricing-card--coming-soon.cx-pricing__featured {
	border-color: #d8dde4;
	background: #eef0f2;
	box-shadow: none;
	color: #18202b;
}

.cx-pricing-card--coming-soon::after {
	position: absolute;
	inset: 0;
	pointer-events: none;
	border-radius: inherit;
	box-shadow: inset 0 0 0 1px rgba(11, 18, 32, 0.025);
	content: "";
}

.cx-pricing__status {
	display: inline-flex;
	width: fit-content;
	min-height: 1.8rem;
	align-items: center;
	padding: 0.35rem 0.68rem;
	border: 1px solid rgba(11, 18, 32, 0.12);
	border-radius: 999px;
	background: rgba(255,255,255,0.72);
	color: #4e5a69;
	font-size: 0.72rem;
	font-weight: 780;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.cx-pricing-card--available .cx-pricing__status {
	border-color: rgba(106, 231, 195, 0.35);
	background: rgba(106, 231, 195, 0.13);
	color: #9cf2d8;
}

.cx-pricing__grid--early-access .cx-pricing__label {
	margin-top: 2.1rem;
}

.cx-pricing__offer {
	min-height: 3.5rem;
	margin: 0 0 1rem !important;
	padding: 0.8rem 0.9rem;
	border: 1px solid rgba(47, 107, 255, 0.18);
	border-radius: 0.8rem;
	background: rgba(255,255,255,0.7);
	color: #344154 !important;
	font-size: 0.78rem !important;
	font-weight: 700;
	line-height: 1.45 !important;
}

.cx-pricing-card--coming-soon .cx-button {
	position: relative;
	z-index: 1;
	border-color: #687384;
	background: transparent;
	color: #111827;
}

.cx-pricing-card--coming-soon .cx-button:hover,
.cx-pricing-card--coming-soon .cx-button:focus-visible {
	border-color: #111827;
	background: #111827;
	color: #fff;
}

.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;
	}

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

@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-pricing__grid {
		grid-template-columns: 1fr;
	}

	.cx-pricing__grid article > p,
	.cx-pricing__grid h3 {
		min-height: 0;
	}

	.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 h3,
.cx-contact-points p {
	margin: 0;
}

.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: 1.5rem;
}

.cx-booking-copy h1 {
	max-width: 12ch;
	margin: 1rem 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-page {
	--cx-model-ink: #0b1220;
	--cx-model-slate: #5c697d;
	--cx-model-paper: #f7f8f4;
	--cx-model-white: #ffffff;
	--cx-model-blue: #376ef8;
	--cx-model-mint: #67d8bd;
	--cx-model-line: 1px solid rgba(11, 18, 32, 0.1);
	color: var(--cx-model-ink);
	background: var(--cx-model-paper);
}

.cx-model-hero {
	position: relative;
	overflow: hidden;
	padding: clamp(4rem, 9vw, 8rem) 0 clamp(4rem, 8vw, 7rem);
	border-bottom: var(--cx-model-line);
	background:
		radial-gradient(circle at 83% 28%, rgba(55, 110, 248, 0.12), transparent 31%),
		radial-gradient(circle at 63% 77%, rgba(103, 216, 189, 0.12), transparent 27%),
		#fbfcfa;
}

.cx-model-hero::after {
	position: absolute;
	right: -8rem;
	bottom: -13rem;
	width: 30rem;
	height: 30rem;
	border: 1px solid rgba(55, 110, 248, 0.13);
	border-radius: 50%;
	content: "";
	pointer-events: none;
}

.cx-model-hero__grid {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(0, 0.88fr) minmax(30rem, 1.12fr);
	align-items: center;
	gap: clamp(3rem, 8vw, 7rem);
}

.cx-model-hero__copy h1 {
	max-width: 10.5ch;
	margin: 1rem 0 1.5rem;
	font-size: clamp(4rem, 7vw, 7rem);
	letter-spacing: -0.075em;
	line-height: 0.9;
}

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

.cx-model-hero__copy > p {
	max-width: 34rem;
	margin: 0;
	color: var(--cx-model-slate);
	font-size: clamp(1.05rem, 1.7vw, 1.3rem);
	line-height: 1.65;
}

.cx-model-hero__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.9rem;
	margin-top: 2rem;
}

.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-model-privacy {
	display: flex;
	flex-wrap: wrap;
	gap: 0.8rem 1.2rem;
	margin-top: 1.6rem;
	color: #526076;
	font-size: 0.76rem;
	font-weight: 700;
}

.cx-model-hero__visual {
	position: relative;
	min-height: clamp(31rem, 48vw, 43rem);
	overflow: hidden;
	border: 1px solid rgba(11, 18, 32, 0.12);
	border-radius: 2rem;
	background:
		linear-gradient(rgba(11, 18, 32, 0.04) 1px, transparent 1px),
		linear-gradient(90deg, rgba(11, 18, 32, 0.04) 1px, transparent 1px),
		linear-gradient(145deg, rgba(255, 255, 255, 0.9), rgba(235, 245, 242, 0.84));
	background-size: 32px 32px, 32px 32px, auto;
	box-shadow: var(--cx-shadow-soft);
}

.cx-model-hero__visual::before {
	position: absolute;
	inset: 8% 12%;
	border: 1px solid rgba(55, 110, 248, 0.12);
	border-radius: 50%;
	content: "";
}

.cx-model-orbit {
	position: absolute;
	top: 50%;
	left: 50%;
	width: min(72%, 28rem);
	aspect-ratio: 1;
	transform: translate(-50%, -50%);
}

.cx-model-orbit__ring {
	position: absolute;
	inset: 7%;
	border: 1px solid rgba(55, 110, 248, 0.28);
	border-radius: 50%;
	transform: rotate(-18deg) scaleY(0.48);
}

.cx-model-orbit__ring--two {
	border-color: rgba(103, 216, 189, 0.5);
	transform: rotate(58deg) scaleY(0.48);
}

.cx-model-cube {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 9rem;
	height: 9rem;
	transform: translate(-50%, -50%) rotate(30deg) skewY(-12deg);
}

.cx-model-cube i {
	position: absolute;
	inset: 0;
	border: 2px solid var(--cx-model-blue);
	background: rgba(55, 110, 248, 0.08);
	box-shadow: inset 0 0 40px rgba(55, 110, 248, 0.1);
}

.cx-model-cube i:nth-child(2) {
	border-color: #764ff4;
	transform: translate(2rem, -2rem);
}

.cx-model-cube i:nth-child(3) {
	border-color: var(--cx-model-mint);
	transform: translate(-2rem, 2rem);
}

.cx-model-hero__metric {
	position: absolute;
	display: grid;
	min-width: 8.5rem;
	padding: 1rem;
	border: var(--cx-model-line);
	border-radius: 1rem;
	background: rgba(255, 255, 255, 0.88);
	box-shadow: 0 18px 45px rgba(11, 18, 32, 0.1);
	backdrop-filter: blur(14px);
}

.cx-model-hero__metric small {
	color: var(--cx-model-blue);
	font-size: 0.6rem;
	font-weight: 800;
	letter-spacing: 0.13em;
}

.cx-model-hero__metric strong {
	margin-top: 0.2rem;
	font-size: 1.25rem;
}

.cx-model-hero__metric span {
	color: var(--cx-model-slate);
	font-size: 0.7rem;
}

.cx-model-hero__metric--one { top: 12%; left: 7%; }
.cx-model-hero__metric--two { right: 7%; bottom: 12%; }

.cx-model-hero__metric--three {
	right: 8%;
	top: 10%;
	display: flex;
	align-items: center;
	gap: 0.55rem;
	min-width: 0;
}

.cx-model-hero__metric--three strong {
	margin: 0;
	font-size: 0.8rem;
}

.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);
}

.cx-model-tool-section {
	padding: clamp(4rem, 8vw, 7rem) 0;
	background: var(--cx-model-white);
}

.cx-model-section-head {
	display: grid;
	grid-template-columns: minmax(0, 1.25fr) minmax(17rem, 0.75fr);
	align-items: end;
	gap: clamp(2rem, 7vw, 7rem);
}

.cx-model-section-head h2 {
	max-width: 16ch;
	margin: 0.8rem 0 0;
	font-size: clamp(2.5rem, 5vw, 4.7rem);
	letter-spacing: -0.065em;
	line-height: 0.96;
}

.cx-model-section-head > p {
	margin: 0;
	color: var(--cx-model-slate);
	line-height: 1.65;
}

.cx-inspector {
	margin-top: 3rem;
	overflow: hidden;
	border: 1px solid rgba(11, 18, 32, 0.13);
	border-radius: 1.6rem;
	background: var(--cx-model-paper);
	box-shadow: var(--cx-shadow-soft);
}

.cx-inspector__step {
	display: block;
	margin-bottom: 0.45rem;
	color: var(--cx-model-blue);
	font-size: 0.65rem;
	font-weight: 850;
	letter-spacing: 0.12em;
}

.cx-inspector__upload {
	position: relative;
	display: grid;
	grid-template-columns: minmax(15rem, 0.75fr) minmax(20rem, 1fr);
	align-items: center;
	gap: 2rem;
	padding: clamp(1.4rem, 3vw, 2.3rem);
	border-bottom: var(--cx-model-line);
	transition: background 160ms ease, outline 160ms ease;
}

.cx-inspector__upload.is-dragging {
	background: rgba(103, 216, 189, 0.13);
	outline: 3px solid var(--cx-model-blue);
	outline-offset: -3px;
}

.cx-inspector__upload h3 {
	margin: 0;
	font-size: clamp(1.5rem, 3vw, 2.2rem);
	letter-spacing: -0.045em;
}

.cx-inspector__upload p {
	margin: 0.45rem 0 0;
	color: var(--cx-model-slate);
	font-size: 0.9rem;
	line-height: 1.55;
}

.cx-inspector__demo {
	margin-top: 0.65rem;
	color: var(--cx-model-blue);
}

.cx-inspector__demo:disabled { cursor: progress; opacity: 0.6; }

.cx-inspector__file-input {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
}

.cx-inspector__file-label {
	display: grid;
	min-height: 11rem;
	place-content: center;
	padding: 1.2rem;
	border: 1.5px dashed rgba(55, 110, 248, 0.4);
	border-radius: 1.1rem;
	background: rgba(255, 255, 255, 0.84);
	text-align: center;
	cursor: pointer;
	transition: border 150ms ease, transform 150ms ease, box-shadow 150ms ease;
}

.cx-inspector__file-label:hover,
.cx-inspector__file-input:focus-visible + .cx-inspector__file-label {
	border-color: var(--cx-model-blue);
	box-shadow: 0 16px 40px rgba(55, 110, 248, 0.12);
	transform: translateY(-2px);
}

.cx-inspector__upload-icon {
	display: grid;
	width: 2.7rem;
	height: 2.7rem;
	place-items: center;
	margin: 0 auto 0.7rem;
	border-radius: 50%;
	background: rgba(55, 110, 248, 0.1);
	color: var(--cx-model-blue);
	font-size: 1.3rem;
}

.cx-inspector__file-label strong { font-size: 1.05rem; }
.cx-inspector__file-label > span:not(.cx-inspector__upload-icon),
.cx-inspector__file-label small { color: var(--cx-model-slate); }
.cx-inspector__file-label small { margin-top: 0.25rem; font-size: 0.7rem; }

.cx-inspector__file-summary,
.cx-inspector__error {
	grid-column: 1 / -1;
	margin: 0;
	padding: 0.9rem 1rem;
	border: var(--cx-model-line);
	border-radius: 0.8rem;
	background: var(--cx-model-white);
	font-size: 0.84rem;
}

.cx-inspector__file-summary strong,
.cx-inspector__file-summary span { display: block; }
.cx-inspector__file-summary span { color: var(--cx-model-slate); }

.cx-inspector__error {
	border-color: rgba(184, 56, 36, 0.35);
	background: #fff2ef;
	color: #7b271b;
	font-weight: 700;
}

.cx-inspector__upload > .cx-text-button { grid-column: 1 / -1; justify-self: start; }

.cx-inspector__workspace {
	display: grid;
	grid-template-columns: minmax(0, 1.65fr) minmax(18rem, 0.72fr);
	align-items: start;
}

.cx-inspector__viewer-panel {
	min-width: 0;
	padding: clamp(1rem, 2vw, 1.5rem);
	border-right: var(--cx-model-line);
}

.cx-inspector__viewer-head {
	display: flex;
	min-height: 3.2rem;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
}

.cx-inspector__viewer-head strong {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.cx-inspector__status {
	flex: none;
	padding: 0.35rem 0.6rem;
	border-radius: 999px;
	background: #e9edf3;
	color: #4f5d71;
	font-size: 0.68rem;
	font-weight: 800;
}

.cx-inspector__status[data-status="working"] { background: #e9efff; color: #2859cc; }
.cx-inspector__status[data-status="good"] { background: #d9f7ec; color: #08735e; }
.cx-inspector__status[data-status="warn"] { background: #fff0d2; color: #805100; }
.cx-inspector__status[data-status="bad"] { background: #ffe5df; color: #8b2b1e; }

.cx-inspector__progress {
	height: 3px;
	overflow: hidden;
	border-radius: 99px;
	background: #e8ebee;
}

.cx-inspector__progress span {
	display: block;
	width: 0;
	height: 100%;
	background: linear-gradient(90deg, var(--cx-model-blue), #7957ef, var(--cx-model-mint));
	transition: width 180ms ease;
}

.cx-inspector__viewer {
	display: block;
	width: 100%;
	height: 38rem;
	min-height: 31rem;
	border-radius: 1rem;
	background:
		radial-gradient(circle at 50% 44%, rgba(255, 255, 255, 0.98) 0 11%, transparent 48%),
		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, #eef4f2, #f8f9f7);
	background-size: auto, 32px 32px, 32px 32px, auto;
	--poster-color: transparent;
}

.cx-inspector__empty {
	display: grid;
	width: 100%;
	height: 100%;
	place-content: center;
	padding: 1.5rem;
	color: var(--cx-model-slate);
	text-align: center;
}

.cx-inspector__empty span {
	color: rgba(55, 110, 248, 0.13);
	font-size: clamp(5.5rem, 14vw, 10rem);
	font-weight: 900;
	letter-spacing: -0.1em;
	line-height: 0.9;
}

.cx-inspector__empty strong { color: var(--cx-model-ink); font-size: 1.15rem; }
.cx-inspector__empty small { max-width: 28rem; margin: 0.4rem auto 0; }

.cx-inspector__viewer-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.65rem;
	margin-top: 1rem;
}

.cx-inspector__viewer-actions .cx-button {
	min-height: 44px;
	padding: 0.6rem 0.85rem;
	font-size: 0.78rem;
	cursor: pointer;
}

.cx-inspector__viewer-actions .is-active {
	border-color: var(--cx-model-blue);
	background: var(--cx-model-blue);
	color: #fff;
}

.cx-inspector__viewer-help { margin: 0.8rem 0 0; color: var(--cx-model-slate); font-size: 0.78rem; }

.cx-inspector__controls {
	display: grid;
	gap: 1rem;
	padding: clamp(1.2rem, 2.5vw, 1.75rem);
}

.cx-inspector__control,
.cx-inspector__camera,
.cx-inspector__hotspots { min-width: 0; }

.cx-inspector__control label,
.cx-inspector__camera > strong,
.cx-inspector__hotspots > strong {
	display: block;
	margin-bottom: 0.35rem;
	font-size: 0.78rem;
	font-weight: 800;
}

.cx-inspector__control select,
.cx-inspector__camera input {
	width: 100%;
	min-height: 44px;
	padding: 0.55rem 0.65rem;
	border: 1px solid rgba(11, 18, 32, 0.16);
	border-radius: 0.65rem;
	background: var(--cx-model-white);
	color: var(--cx-model-ink);
}

.cx-inspector__control select:disabled,
.cx-inspector__camera input:read-only { color: var(--cx-model-slate); }

.cx-inspector__control small {
	display: block;
	margin-top: 0.3rem;
	color: var(--cx-model-slate);
	font-size: 0.68rem;
	line-height: 1.45;
}

.cx-inspector__small-actions { display: flex; gap: 0.5rem; margin-top: 0.5rem; }

.cx-inspector__small-actions button,
.cx-inspector__hotspot-row button {
	min-height: 44px;
	padding: 0.35rem 0.65rem;
	border: 1px solid rgba(11, 18, 32, 0.18);
	border-radius: 0.55rem;
	background: var(--cx-model-white);
	font-size: 0.72rem;
	font-weight: 750;
	cursor: pointer;
}

.cx-inspector__small-actions button:disabled { cursor: not-allowed; opacity: 0.42; }

.cx-inspector__camera {
	margin-top: 0.25rem;
	padding-top: 1rem;
	border-top: var(--cx-model-line);
}

.cx-inspector__camera label { display: block; margin-top: 0.55rem; font-size: 0.68rem; font-weight: 700; }
.cx-inspector__camera input { min-height: 38px; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 0.67rem; }

.cx-inspector__hotspot {
	display: grid;
	width: 2rem;
	height: 2rem;
	place-items: center;
	border: 2px solid #fff;
	border-radius: 50%;
	background: var(--cx-model-blue);
	box-shadow: 0 4px 12px rgba(11, 18, 32, 0.28);
	color: #fff;
	font-weight: 850;
	cursor: pointer;
}

.cx-inspector__hotspot-row {
	display: grid;
	gap: 0.3rem;
	margin-top: 0.65rem;
	padding: 0.65rem;
	border-radius: 0.65rem;
	background: var(--cx-model-white);
}

.cx-inspector__hotspot-row code { overflow-wrap: anywhere; font-size: 0.64rem; }

.cx-inspector__report { border-top: var(--cx-model-line); background: var(--cx-model-white); }

.cx-inspector__verdict {
	padding: clamp(1.7rem, 4vw, 3.2rem);
	border-bottom: var(--cx-model-line);
	background: linear-gradient(120deg, rgba(103, 216, 189, 0.22), rgba(55, 110, 248, 0.08));
}

.cx-inspector__verdict[data-verdict="warn"] { background: linear-gradient(120deg, #fff3d9, #fff); }
.cx-inspector__verdict[data-verdict="bad"] { background: linear-gradient(120deg, #ffe8e3, #fff); }

.cx-inspector__verdict > span {
	font-size: 0.68rem;
	font-weight: 850;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.cx-inspector__verdict h2 {
	max-width: 17ch;
	margin: 0.6rem 0 0.8rem;
	font-size: clamp(2.1rem, 5vw, 4.4rem);
	letter-spacing: -0.06em;
	line-height: 0.94;
}

.cx-inspector__verdict p { max-width: 50rem; margin: 0; color: var(--cx-model-slate); }

.cx-inspector__metrics {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	border-bottom: var(--cx-model-line);
}

.cx-inspector__metrics > div { min-width: 0; padding: 1.2rem; border-right: var(--cx-model-line); }
.cx-inspector__metrics > div:last-child { border-right: 0; }

.cx-inspector__metrics span,
.cx-inspector__metrics small { display: block; color: var(--cx-model-slate); font-size: 0.67rem; }

.cx-inspector__metrics strong {
	display: block;
	overflow: hidden;
	margin: 0.3rem 0;
	font-size: clamp(1.35rem, 2.5vw, 2rem);
	letter-spacing: -0.05em;
	text-overflow: ellipsis;
}

.cx-inspector__checks {
	display: grid;
	grid-template-columns: minmax(14rem, 0.6fr) minmax(0, 1fr);
	gap: clamp(1.7rem, 5vw, 4rem);
	padding: clamp(1.7rem, 4vw, 3.2rem);
}

.cx-inspector__checks h2 {
	margin: 0.8rem 0 0;
	font-size: clamp(1.9rem, 4vw, 3.2rem);
	letter-spacing: -0.055em;
	line-height: 0.98;
}

.cx-inspector__checks > div:first-child > p:last-child { color: var(--cx-model-slate); font-size: 0.84rem; }

.cx-inspector__check {
	display: grid;
	grid-template-columns: 4rem minmax(0, 1fr);
	gap: 1rem;
	padding: 1rem 0;
	border-top: var(--cx-model-line);
}

.cx-inspector__check > span {
	align-self: start;
	padding: 0.28rem 0.35rem;
	border-radius: 999px;
	background: #d9f7ec;
	color: #08735e;
	font-size: 0.58rem;
	font-weight: 850;
	text-align: center;
}

.cx-inspector__check[data-check="warn"] > span { background: #fff0d2; color: #805100; }
.cx-inspector__check[data-check="bad"] > span { background: #ffe5df; color: #8b2b1e; }
.cx-inspector__check[data-check="info"] > span { background: #e9efff; color: #2859cc; }

.cx-inspector__check div { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 0.25rem 1rem; }
.cx-inspector__check b { color: var(--cx-model-blue); font-size: 0.78rem; }
.cx-inspector__check p { grid-column: 1 / -1; margin: 0; color: var(--cx-model-slate); font-size: 0.78rem; }

.cx-inspector__raw {
	margin: 0 clamp(1.7rem, 4vw, 3.2rem) clamp(1.7rem, 4vw, 3.2rem);
	border: var(--cx-model-line);
	border-radius: 0.9rem;
	background: var(--cx-model-paper);
	overflow: hidden;
}

.cx-inspector__raw summary { min-height: 48px; padding: 0.8rem 1rem; font-weight: 800; cursor: pointer; }
.cx-inspector__raw dl { margin: 0; border-top: var(--cx-model-line); }
.cx-inspector__raw dl > div { display: grid; grid-template-columns: minmax(10rem, 0.4fr) minmax(0, 1fr); gap: 1rem; padding: 0.7rem 1rem; border-bottom: var(--cx-model-line); }
.cx-inspector__raw dl > div:last-child { border-bottom: 0; }
.cx-inspector__raw dt { font-weight: 750; }
.cx-inspector__raw dd { margin: 0; overflow-wrap: anywhere; }

.cx-model-visual-guide {
	padding: clamp(4rem, 8vw, 7rem) 0;
	border-top: var(--cx-model-line);
	background: #f7f8f4;
}

.cx-model-section-head--compact { grid-template-columns: 1fr; }

.cx-model-guide-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1rem;
	margin-top: 2.7rem;
}

.cx-model-guide-grid article {
	padding: 0.85rem 0.85rem 1.4rem;
	border: var(--cx-model-line);
	border-radius: 1.3rem;
	background: var(--cx-model-white);
}

.cx-model-guide-grid article > small {
	display: block;
	margin: 1.1rem 0 0.55rem;
	color: var(--cx-model-blue);
	font-size: 0.64rem;
	font-weight: 850;
	letter-spacing: 0.11em;
}

.cx-model-guide-grid h3 { margin: 0; font-size: 1.35rem; letter-spacing: -0.035em; }
.cx-model-guide-grid p { margin: 0.45rem 0 0; color: var(--cx-model-slate); font-size: 0.86rem; line-height: 1.55; }

.cx-model-guide-visual {
	position: relative;
	display: grid;
	height: 15rem;
	overflow: hidden;
	place-items: center;
	border-radius: 0.9rem;
	background:
		linear-gradient(rgba(11, 18, 32, 0.04) 1px, transparent 1px),
		linear-gradient(90deg, rgba(11, 18, 32, 0.04) 1px, transparent 1px),
		#f4f7f6;
	background-size: 28px 28px;
}

.cx-model-guide-visual--geometry span {
	position: absolute;
	width: 6rem;
	height: 6rem;
	border: 2px solid var(--cx-model-blue);
	transform: rotate(30deg) skewY(-16deg);
}

.cx-model-guide-visual--geometry span:nth-child(2) { transform: translate(1.5rem, -1.5rem) rotate(30deg) skewY(-16deg); border-color: #7657ee; }
.cx-model-guide-visual--geometry span:nth-child(3) { transform: translate(-1.5rem, 1.5rem) rotate(30deg) skewY(-16deg); border-color: var(--cx-model-mint); }

.cx-model-guide-visual--materials { grid-template-columns: repeat(2, 4.6rem); gap: 0.7rem; }
.cx-model-guide-visual--materials span { width: 4.6rem; height: 4.6rem; border-radius: 50%; background: #dcd6ca; box-shadow: inset 0 0 0 1px rgba(11, 18, 32, 0.07); }
.cx-model-guide-visual--materials span:nth-child(2) { background: #8ba7a1; }
.cx-model-guide-visual--materials span:nth-child(3) { background: #0f1827; }
.cx-model-guide-visual--materials span:nth-child(4) { background: linear-gradient(145deg, #6851ed, #67d8bd); }

.cx-model-guide-visual--readiness {
	align-content: center;
	justify-items: center;
	background: linear-gradient(145deg, #0b1220, #15243b);
	color: #fff;
}

.cx-model-guide-visual--readiness i {
	display: block;
	width: 3.5rem;
	height: 3.5rem;
	margin-bottom: 1rem;
	border: 10px solid rgba(255, 255, 255, 0.12);
	border-top-color: var(--cx-model-mint);
	border-right-color: var(--cx-model-blue);
	border-radius: 50%;
}

.cx-model-guide-visual--readiness strong { font-size: 1.05rem; }
.cx-model-guide-visual--readiness span { margin-top: 0.3rem; color: #aeb9c9; font-size: 0.68rem; }

.cx-model-boundary {
	padding: clamp(4rem, 8vw, 7rem) 0;
	border-top: var(--cx-model-line);
	background: var(--cx-model-white);
}

.cx-model-boundary__grid {
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(26rem, 1.1fr);
	gap: clamp(2rem, 8vw, 7rem);
	align-items: start;
}

.cx-model-boundary h2 {
	max-width: 13ch;
	margin: 0.8rem 0 0;
	font-size: clamp(2.6rem, 5vw, 4.8rem);
	letter-spacing: -0.065em;
	line-height: 0.96;
}

.cx-model-boundary__cards { display: grid; gap: 0.85rem; }

.cx-model-boundary__cards article {
	display: grid;
	grid-template-columns: 3rem minmax(0, 1fr);
	gap: 1rem;
	padding: 1.4rem;
	border: var(--cx-model-line);
	border-radius: 1rem;
	background: var(--cx-model-paper);
}

.cx-model-boundary__cards article > span {
	display: grid;
	width: 2.4rem;
	height: 2.4rem;
	place-items: center;
	border-radius: 50%;
	background: #d9f7ec;
	color: #08735e;
	font-weight: 850;
}

.cx-model-boundary__cards article:nth-child(2) > span { background: #e9efff; color: #2859cc; }
.cx-model-boundary__cards h3 { margin: 0; font-size: 1.05rem; }
.cx-model-boundary__cards p { margin: 0.35rem 0 0; color: var(--cx-model-slate); font-size: 0.84rem; line-height: 1.55; }

.cx-model-cta { border-top: 0; }

@media (max-width: 1050px) {
	.cx-model-hero__grid { grid-template-columns: 1fr 1fr; gap: 2rem; }
	.cx-model-hero__copy h1 { font-size: clamp(3.7rem, 8vw, 5.8rem); }
	.cx-inspector__workspace,
	.cx-inspector__checks { grid-template-columns: 1fr; }
	.cx-inspector__viewer-panel { border-right: 0; border-bottom: var(--cx-model-line); }
	.cx-inspector__controls { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.cx-inspector__controls > .cx-inspector__step,
	.cx-inspector__camera,
	.cx-inspector__hotspots { grid-column: 1 / -1; }
	.cx-inspector__metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.cx-inspector__metrics > div:nth-child(3n) { border-right: 0; }
	.cx-inspector__metrics > div:nth-child(-n + 3) { border-bottom: var(--cx-model-line); }
}

@media (max-width: 820px) {
	.cx-tool-teaser__grid { grid-template-columns: 1fr; }
	.cx-model-hero__grid,
	.cx-model-section-head,
	.cx-model-boundary__grid { grid-template-columns: 1fr; }
	.cx-model-hero__copy h1 { max-width: 11ch; }
	.cx-model-hero__visual { min-height: 30rem; }
	.cx-inspector__upload { grid-template-columns: 1fr; gap: 1rem; }
	.cx-model-guide-grid { grid-template-columns: 1fr; }
	.cx-model-guide-grid article { display: grid; grid-template-columns: minmax(12rem, 0.8fr) minmax(0, 1fr); column-gap: 1.2rem; }
	.cx-model-guide-visual { grid-row: 1 / span 3; }
	.cx-model-guide-grid article > small { margin-top: 0.8rem; }
}

@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%; }
	.cx-model-hero { padding-top: 3.5rem; }
	.cx-model-hero__copy h1 { font-size: clamp(3.5rem, 16vw, 4.9rem); }
	.cx-model-hero__actions { align-items: stretch; flex-direction: column; }
	.cx-model-hero__actions .cx-button,
	.cx-model-demo-link { width: 100%; justify-content: center; text-align: center; }
	.cx-model-privacy { display: grid; gap: 0.45rem; }
	.cx-model-hero__visual { min-height: 25rem; border-radius: 1.2rem; }
	.cx-model-cube { width: 6.5rem; height: 6.5rem; }
	.cx-model-hero__metric { min-width: 7rem; padding: 0.75rem; }
	.cx-model-hero__metric--three { right: 5%; top: 6%; }
	.cx-model-section-head h2,
	.cx-model-boundary h2 { font-size: clamp(2.5rem, 12vw, 3.7rem); }
	.cx-inspector { border-radius: 1rem; }
	.cx-inspector__upload { padding: 1rem; }
	.cx-inspector__file-label { min-height: 8.5rem; }
	.cx-inspector__viewer-head { align-items: flex-start; flex-direction: column; gap: 0.35rem; padding-bottom: 0.75rem; }
	.cx-inspector__viewer { height: 25rem; min-height: 22rem; }
	.cx-inspector__viewer-actions .cx-button,
	.cx-inspector__viewer-actions .cx-text-button { width: 100%; }
	.cx-inspector__controls { grid-template-columns: 1fr; }
	.cx-inspector__controls > .cx-inspector__step,
	.cx-inspector__camera,
	.cx-inspector__hotspots { grid-column: auto; }
	.cx-inspector__metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.cx-inspector__metrics > div,
	.cx-inspector__metrics > div:nth-child(3n) { border-right: var(--cx-model-line); border-bottom: var(--cx-model-line); }
	.cx-inspector__metrics > div:nth-child(even) { border-right: 0; }
	.cx-inspector__metrics > div:nth-last-child(-n + 2) { border-bottom: 0; }
	.cx-inspector__check { grid-template-columns: 3.5rem minmax(0, 1fr); gap: 0.7rem; }
	.cx-inspector__check div { grid-template-columns: 1fr; }
	.cx-inspector__check p { grid-column: auto; }
	.cx-inspector__raw dl > div { grid-template-columns: 1fr; gap: 0.2rem; }
	.cx-model-guide-grid article { display: block; }
	.cx-model-guide-visual { height: 13rem; }
	.cx-model-boundary__grid { gap: 2rem; }
}

/* 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-platform-board {
	overflow: hidden;
	border: 1px solid rgba(255,255,255,0.13);
	border-radius: 1.4rem;
	background: #f7f9fb;
	box-shadow: 0 40px 90px rgba(0,0,0,0.3);
	transform: perspective(1500px) rotateY(-3deg);
}

.cx-platform-board__top { display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 1rem; min-height: 3.5rem; padding: 0 1rem; border-bottom: 1px solid var(--cx-premium-line); color: var(--cx-premium-ink); font-size: 0.68rem; background: #fff; }
.cx-platform-board__top span { color: #778496; }
.cx-platform-board__top i { padding: 0.35rem 0.55rem; border-radius: 999px; color: #0a725c; font-size: 0.55rem; font-style: normal; background: #def5ec; }
.cx-platform-board__body { display: grid; grid-template-columns: 8rem 1fr; min-height: 28rem; color: var(--cx-premium-ink); }
.cx-platform-board__body nav { display: flex; padding: 1rem 0.7rem; border-right: 1px solid var(--cx-premium-line); flex-direction: column; gap: 0.35rem; background: #fff; }
.cx-platform-board__body nav span { padding: 0.65rem; border-radius: 0.5rem; color: #7f8b9a; font-size: 0.59rem; }
.cx-platform-board__body nav span.is-active { color: var(--cx-premium-ink); font-weight: 800; background: #edf2ff; }
.cx-platform-board__main { display: grid; align-content: start; gap: 1rem; padding: 1.2rem; }
.cx-platform-board__metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.7rem; }
.cx-platform-board__metrics span { display: grid; gap: 0.4rem; padding: 0.9rem; border: 1px solid var(--cx-premium-line); border-radius: 0.7rem; background: #fff; }
.cx-platform-board__metrics small { color: #8390a1; font-size: 0.5rem; font-weight: 800; }
.cx-platform-board__metrics strong { font-size: 1.05rem; }
.cx-platform-board__flow { display: grid; grid-template-columns: 1fr 1.2rem 1fr 1.2rem 1fr; align-items: center; gap: 0.3rem; padding: 2rem 1rem; border: 1px solid var(--cx-premium-line); border-radius: 0.8rem; background: #fff; }
.cx-platform-board__flow span { padding: 0.8rem 0.4rem; border: 1px solid var(--cx-premium-line); border-radius: 0.55rem; font-size: 0.57rem; font-weight: 750; text-align: center; }
.cx-platform-board__flow span:nth-of-type(2) { border-color: rgba(55,111,248,0.3); background: #eef2ff; }
.cx-platform-board__flow i { height: 1px; background: #b9c3ce; }
.cx-platform-board__activity { display: grid; gap: 0.5rem; padding: 1rem; border: 1px solid var(--cx-premium-line); border-radius: 0.8rem; background: #fff; }
.cx-platform-board__activity strong { font-size: 0.68rem; }
.cx-platform-board__activity > div { overflow: hidden; height: 0.45rem; border-radius: 999px; background: #e7ebef; }
.cx-platform-board__activity > div i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--cx-premium-blue), var(--cx-premium-mint)); }
.cx-platform-board__activity small { color: #8490a0; font-size: 0.54rem; }

.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(4,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-page .cx-builder-ui {
	width: 100%;
	max-width: 100%;
	margin: 0;
	transform: none;
}

.cx-platform-hero-board { transform: perspective(1400px) rotateY(-2deg); }
.cx-platform-hero-board__bar { display: grid; grid-template-columns: 1fr auto auto; align-items: center; min-height: 3.4rem; gap: 0.8rem; padding: 0 1rem; border-bottom: 1px solid var(--cx-premium-line); font-size: 0.65rem; }
.cx-platform-hero-board__bar > span { color: #7f8b9b; }
.cx-platform-hero-board__bar > i { padding: 0.35rem 0.55rem; border-radius: 999px; color: #0e745d; font-size: 0.54rem; font-style: normal; font-weight: 800; background: #dff6ed; }
.cx-platform-hero-board__body { display: grid; grid-template-columns: 3.7rem 1fr; min-height: 31rem; }
.cx-platform-hero-board__body nav { display: flex; align-items: center; padding: 0.8rem; border-right: 1px solid var(--cx-premium-line); flex-direction: column; gap: 0.75rem; background: var(--cx-premium-ink); }
.cx-platform-hero-board__body nav b { width: 1.45rem; height: 1.45rem; border: 1px solid rgba(255,255,255,0.25); border-radius: 0.4rem; }
.cx-platform-hero-board__body nav b.is-active { border-color: var(--cx-premium-mint); background: rgba(88,213,181,0.16); }
.cx-platform-hero-board__main { display: grid; align-content: start; gap: 1rem; padding: 1.2rem; background: #f6f8fa; }
.cx-platform-hero-board__head { display: flex; justify-content: space-between; gap: 1rem; font-size: 0.72rem; }
.cx-platform-hero-board__head small { color: #8995a5; }
.cx-platform-hero-board__canvas { display: grid; grid-template-columns: 1fr 1.4rem 1fr 1.4rem 1fr; align-items: center; min-height: 18rem; gap: 0.35rem; padding: 1.1rem; border: 1px solid var(--cx-premium-line); border-radius: 0.9rem; background: #fff; }
.cx-platform-hero-board__canvas > div { display: grid; min-height: 7.5rem; padding: 0.8rem; border: 1px solid var(--cx-premium-line); border-radius: 0.75rem; align-content: space-between; box-shadow: 0 12px 25px rgba(9,19,33,0.05); }
.cx-platform-hero-board__canvas > div:nth-of-type(2) { border-color: rgba(55,111,248,0.28); background: #f0f4ff; }
.cx-platform-hero-board__canvas small { color: var(--cx-premium-blue); font-size: 0.54rem; font-weight: 850; }
.cx-platform-hero-board__canvas strong { font-size: 0.72rem; }
.cx-platform-hero-board__canvas span { color: #8390a0; font-size: 0.55rem; }
.cx-platform-hero-board__canvas > i { height: 1px; background: linear-gradient(90deg,#b9c4cf,var(--cx-premium-blue)); }
.cx-platform-hero-board__bottom { display: grid; grid-template-columns: repeat(3,1fr); gap: 0.7rem; }
.cx-platform-hero-board__bottom span { display: grid; gap: 0.3rem; padding: 0.7rem; border: 1px solid var(--cx-premium-line); border-radius: 0.65rem; background: #fff; }
.cx-platform-hero-board__bottom small { color: #8793a2; font-size: 0.48rem; font-weight: 850; }
.cx-platform-hero-board__bottom strong { font-size: 0.78rem; }

.cx-platform-pillars { background: #fff; }
.cx-platform-pillars__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; }
.cx-platform-pillars__grid article { display: grid; min-height: 22rem; padding: 1.5rem; border: 1px solid var(--cx-premium-line); border-radius: 1.35rem; align-content: end; background: var(--cx-premium-paper); }
.cx-platform-pillars__grid article > span { align-self: start; color: var(--cx-premium-blue); font-size: 0.62rem; font-weight: 850; }
.cx-platform-pillars__grid h3 { margin: 1.2rem 0 0.5rem; font-size: 1.7rem; letter-spacing: -0.045em; }
.cx-platform-pillars__grid p { margin: 0; color: var(--cx-premium-slate); line-height: 1.6; }
.cx-platform-pillar-icon { position: relative; display: grid; width: 7rem; height: 7rem; margin: 2rem auto auto; place-items: center; }
.cx-platform-pillar-icon--logic i { position: absolute; width: 3.1rem; height: 3.1rem; border: 2px solid var(--cx-premium-blue); border-radius: 0.7rem; }
.cx-platform-pillar-icon--logic i:nth-child(1) { transform: translate(-1.3rem,-1rem); }
.cx-platform-pillar-icon--logic i:nth-child(2) { border-color: var(--cx-premium-mint); transform: translate(1.3rem,1rem); }
.cx-platform-pillar-icon--logic i:nth-child(3) { width: 3rem; height: 2px; border: 0; border-radius: 0; background: #aeb9c5; transform: rotate(-35deg); }
.cx-platform-pillar-icon--visual i { position: absolute; width: 4.4rem; height: 4.4rem; border: 1px solid rgba(55,111,248,0.3); border-radius: 50%; }
.cx-platform-pillar-icon--visual i:nth-child(2) { width: 2.6rem; height: 2.6rem; border-color: var(--cx-premium-mint); }
.cx-platform-pillar-icon--visual i:nth-child(3) { width: 0.8rem; height: 0.8rem; border: 0; background: var(--cx-premium-blue); box-shadow: 0 0 0 8px rgba(55,111,248,0.12); }
.cx-platform-pillar-icon--commerce { grid-template-columns: repeat(3,1fr); width: 9rem; gap: 0.5rem; }
.cx-platform-pillar-icon--commerce i { display: grid; width: 2.6rem; height: 2.6rem; place-items: center; border: 1px solid var(--cx-premium-line); border-radius: 0.65rem; font-size: 0.7rem; font-style: normal; font-weight: 850; background: #fff; box-shadow: 0 10px 22px rgba(9,19,33,0.07); }

.cx-platform-tour__row { padding: clamp(5rem,9vw,8rem) 0; }
.cx-platform-tour__row--soft { background: var(--cx-premium-soft); }
.cx-platform-tour__row--dark { color: #fff; background: linear-gradient(145deg,#07111e,#0d2035); }
.cx-platform-tour__grid { display: grid; grid-template-columns: minmax(30rem,1.15fr) minmax(0,0.85fr); align-items: center; gap: clamp(3rem,8vw,8rem); }
.cx-platform-tour__grid--reverse { grid-template-columns: minmax(0,0.85fr) minmax(30rem,1.15fr); }
.cx-platform-tour__grid > *,
.cx-platform-tour__visual,
.cx-builder-ui,
.cx-builder-ui__main { min-width: 0; }
.cx-platform-tour__copy > span { color: var(--cx-premium-blue); font-size: 0.65rem; font-weight: 850; letter-spacing: 0.09em; }
.cx-platform-tour__row--dark .cx-platform-tour__copy > span { color: var(--cx-premium-mint); }
.cx-platform-tour__copy h2 { max-width: 13ch; margin: 1rem 0 1.2rem; font-size: clamp(3rem,5.1vw,5rem); line-height: 0.92; letter-spacing: -0.065em; }
.cx-platform-tour__copy p { max-width: 35rem; color: var(--cx-premium-slate); font-size: 1.04rem; line-height: 1.7; }
.cx-platform-tour__row--dark .cx-platform-tour__copy p { color: #a9b8c7; }
.cx-platform-tour__copy ul { display: grid; gap: 0.6rem; margin: 1.5rem 0 0; padding: 0; list-style: none; }
.cx-platform-tour__copy li { color: #526075; }
.cx-platform-tour__row--dark .cx-platform-tour__copy li { color: #c2ced8; }
.cx-platform-tour__copy li::before { margin-right: 0.55rem; color: #14866c; content: "✓"; }

.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-platform-tool-link { background: #fff; }
.cx-platform-tool-link__inner { display: grid; grid-template-columns: minmax(0,0.8fr) minmax(22rem,1.2fr); align-items: center; gap: clamp(3rem,8vw,8rem); padding: clamp(2rem,5vw,4rem); border: 1px solid var(--cx-premium-line); border-radius: 1.6rem; background: var(--cx-premium-paper); }
.cx-platform-tool-link h2 { max-width: 12ch; margin: 1rem 0; font-size: clamp(2.7rem,5vw,4.8rem); line-height: 0.93; letter-spacing: -0.065em; }
.cx-platform-tool-link p { color: var(--cx-premium-slate); line-height: 1.7; }
.cx-platform-tool-link__visual { position: relative; display: grid; min-height: 22rem; place-items: center; border: 1px solid var(--cx-premium-line); border-radius: 1.2rem; background: linear-gradient(rgba(9,19,33,0.035) 1px,transparent 1px),linear-gradient(90deg,rgba(9,19,33,0.035) 1px,transparent 1px),#fff; background-size: 28px 28px; }
.cx-platform-tool-link__visual > span,.cx-platform-tool-link__visual > small { position: absolute; padding: 0.5rem 0.7rem; border: 1px solid var(--cx-premium-line); border-radius: 999px; font-size: 0.58rem; font-weight: 800; background: #fff; box-shadow: 0 10px 22px rgba(9,19,33,0.07); }
.cx-platform-tool-link__visual > span { top: 1rem; right: 1rem; color: #08715b; }
.cx-platform-tool-link__visual > small { bottom: 1rem; left: 1rem; color: #7e8a99; }

.cx-pricing-path { display: grid; grid-template-columns: 1fr 1rem 1fr 1rem 1fr 1rem 1fr; align-items: center; gap: 0.35rem; padding: 1.2rem; border: 1px solid var(--cx-premium-line); border-radius: 1.5rem; background: rgba(255,255,255,0.82); box-shadow: var(--cx-premium-shadow); }
.cx-pricing-path > div { display: flex; min-height: 15rem; padding: 1rem; border: 1px solid var(--cx-premium-line); border-radius: 0.85rem; flex-direction: column; background: #fff; }
.cx-pricing-path > div small { color: #8491a1; font-size: 0.5rem; font-weight: 850; letter-spacing: 0.08em; }
.cx-pricing-path > div strong { margin-top: auto; font-size: 1.1rem; }
.cx-pricing-path > div span { margin-top: 0.35rem; color: var(--cx-premium-slate); font-size: 0.62rem; }
.cx-pricing-path > i { height: 1px; background: linear-gradient(90deg,#c7d0d9,var(--cx-premium-blue)); }
.cx-pricing-path .is-featured { border-color: rgba(55,111,248,0.3); background: #edf2ff; box-shadow: inset 0 3px 0 var(--cx-premium-blue); }
.cx-pricing-path .is-dark { color: #fff; background: var(--cx-premium-ink); }
.cx-pricing-path .is-dark span { color: #a8b6c5; }

.cx-premium-pricing { background: #fff; }
.cx-premium-pricing .cx-pricing__grid article { min-height: 36rem; }
.cx-plan-fit { display: block; margin-top: 0.9rem; color: #8290a1; font-size: 0.62rem; text-align: center; }
.cx-pricing__enterprise .cx-plan-fit { color: #9eafbf; }

.cx-pricing-compare { background: var(--cx-premium-paper); }
.cx-pricing-table-wrap { overflow-x: auto; border: 1px solid var(--cx-premium-line); border-radius: 1.25rem; background: #fff; box-shadow: 0 22px 55px rgba(9,19,33,0.06); }
.cx-pricing-table { width: 100%; min-width: 820px; border-collapse: collapse; font-size: 0.75rem; }
.cx-pricing-table th,.cx-pricing-table td { padding: 1.05rem; border-right: 1px solid var(--cx-premium-line); border-bottom: 1px solid var(--cx-premium-line); text-align: left; }
.cx-pricing-table tr:last-child th,.cx-pricing-table tr:last-child td { border-bottom: 0; }
.cx-pricing-table th:last-child,.cx-pricing-table td:last-child { border-right: 0; }
.cx-pricing-table thead th { color: #758294; font-size: 0.58rem; letter-spacing: 0.08em; text-transform: uppercase; background: #f7f9fa; }
.cx-pricing-table tbody th { width: 25%; font-size: 0.7rem; }
.cx-pricing-table .is-featured { background: #eef2ff; }
.cx-pricing-table .is-dark { color: #fff; background: var(--cx-premium-ink); }

.cx-pricing-service { background: #fff; }
.cx-pricing-service__grid { display: grid; grid-template-columns: minmax(0,0.8fr) minmax(28rem,1.2fr); align-items: center; gap: clamp(3rem,8vw,8rem); }
.cx-pricing-service h2 { max-width: 12ch; margin: 1rem 0; font-size: clamp(3rem,5.4vw,5.2rem); line-height: 0.92; letter-spacing: -0.07em; }
.cx-pricing-service p { color: var(--cx-premium-slate); line-height: 1.7; }
.cx-pricing-service__visual { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 1rem; }
.cx-pricing-service__visual article { display: flex; min-height: 20rem; padding: 1.3rem; border: 1px solid var(--cx-premium-line); border-radius: 1.2rem; flex-direction: column; background: var(--cx-premium-paper); }
.cx-pricing-service__visual article span { color: var(--cx-premium-blue); font-size: 0.58rem; font-weight: 850; letter-spacing: 0.08em; }
.cx-pricing-service__visual article strong { margin-top: auto; font-size: 1.5rem; letter-spacing: -0.04em; }
.cx-pricing-service__visual article small { margin-top: 0.45rem; color: var(--cx-premium-slate); line-height: 1.5; }
.cx-pricing-service__visual > i { display: grid; width: 2.5rem; height: 2.5rem; place-items: center; border-radius: 50%; color: #fff; font-style: normal; background: var(--cx-premium-ink); }
.cx-pricing-faq { background: var(--cx-premium-soft); }

@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); }
	.cx-platform-board__body { grid-template-columns: 6.5rem 1fr; }
}

@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; }
	.cx-platform-board { max-width: 50rem; transform: none; }
	.cx-platform-tour__grid--reverse .cx-platform-tour__copy { order: 2; }
	.cx-platform-tour__grid--reverse .cx-platform-tour__visual { order: 1; }
	.cx-platform-tour__visual { max-width: 50rem; }
	.cx-pricing-path { max-width: 50rem; }
}

@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 1fr; }
	.cx-premium-plan-preview__grid a { border-bottom: 1px solid var(--cx-premium-line); }
	.cx-premium-plan-preview__grid a:nth-child(2) { border-right: 0; }
	.cx-premium-plan-preview__grid a:nth-last-child(-n+2) { 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-platform-hero-board__canvas { grid-template-columns: 1fr; }
	.cx-platform-hero-board__canvas > i { width: 1px; height: 1rem; justify-self: center; }
	.cx-platform-hero-board__body { grid-template-columns: 3rem 1fr; }
	.cx-platform-hero-board__body nav { padding: 0.7rem 0.45rem; }
	.cx-platform-hero-board__body nav b { width: 1.25rem; height: 1.25rem; }
	.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; }
	.cx-pricing-path { grid-template-columns: 1fr 1fr; }
	.cx-pricing-path > i { display: none; }
	.cx-pricing-service__visual { grid-template-columns: 1fr; }
	.cx-pricing-service__visual > i { justify-self: center; }
}

@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-platform-board__body { grid-template-columns: 1fr; }
	.cx-platform-board__body nav { display: none; }
	.cx-platform-board__top { grid-template-columns: 1fr auto; }
	.cx-platform-board__top span { display: none; }
	.cx-platform-board__metrics { grid-template-columns: 1fr 1fr; }
	.cx-platform-board__metrics span:last-child { grid-column: 1 / -1; }
	.cx-platform-board__flow { grid-template-columns: 1fr; }
	.cx-platform-board__flow i { width: 1px; height: 0.8rem; justify-self: center; }
	.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-platform-hero-board__bar { grid-template-columns: 1fr auto; }
	.cx-platform-hero-board__bar > span { display: none; }
	.cx-platform-hero-board__main { padding: 0.8rem; }
	.cx-platform-hero-board__bottom { grid-template-columns: 1fr; }
	.cx-platform-tour__copy h2,.cx-platform-tool-link h2,.cx-pricing-service h2 { font-size: clamp(2.75rem,13vw,4rem); }
	.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-platform-tool-link__inner { padding: 1.2rem; }
	.cx-platform-tool-link__visual { min-height: 18rem; }
	.cx-pricing-path { grid-template-columns: 1fr; }
	.cx-pricing-path > div { min-height: 10rem; }
	.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;
}

.cx-model-planner-page [hidden] {
	display: none !important;
}

.cx-model-planner-page {
	background: #eef1f4;
}

.cx-model-planner-shell {
	display: grid;
	min-height: calc(100svh - 76px);
	grid-template-rows: auto minmax(0, 1fr);
	gap: 1rem;
	padding: clamp(0.8rem, 1.6vw, 1.4rem);
	background:
		radial-gradient(circle at 7% 4%, rgba(103, 216, 189, 0.13), transparent 24rem),
		radial-gradient(circle at 92% 12%, rgba(55, 110, 248, 0.11), transparent 27rem),
		#eef1f4;
}

.cx-model-planner-shell__intro {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 2rem;
	width: min(100%, 1800px);
	margin: 0 auto;
}

.cx-model-planner-shell__intro h1 {
	display: flex;
	align-items: center;
	gap: 0.65rem;
	margin: 0.35rem 0 0;
	font-size: clamp(2rem, 3.5vw, 3.2rem);
	letter-spacing: -0.045em;
	line-height: 1;
}

.cx-model-planner-shell__intro h1 small {
	padding: 0.35rem 0.5rem;
	border: 1px solid rgba(55, 110, 248, 0.18);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.8);
	color: var(--cx-model-blue);
	font-size: 0.62rem;
	font-weight: 850;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.cx-model-planner-shell__intro p {
	max-width: 43rem;
	margin: 0.55rem 0 0;
	color: var(--cx-model-slate);
	font-size: 0.92rem;
}

.cx-model-planner-shell__privacy {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 0.45rem;
}

.cx-model-planner-shell__privacy span {
	padding: 0.4rem 0.65rem;
	border: 1px solid rgba(11, 18, 32, 0.1);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.78);
	color: #526076;
	font-size: 0.68rem;
	font-weight: 750;
}

.cx-inspector--planner {
	position: relative;
	display: grid;
	width: min(100%, 1800px);
	height: calc(100svh - 12.5rem);
	min-height: 42rem;
	grid-template-rows: auto 3px minmax(0, 1fr);
	margin: 0 auto;
	overflow: hidden;
	border: 1px solid rgba(11, 18, 32, 0.13);
	border-radius: 1.35rem;
	background: rgba(255, 255, 255, 0.94);
	box-shadow: 0 28px 80px rgba(11, 18, 32, 0.13);
}

.cx-inspector--planner.is-dragging {
	border-color: var(--cx-model-blue);
	box-shadow: 0 0 0 4px rgba(55, 110, 248, 0.14), 0 28px 80px rgba(11, 18, 32, 0.13);
}

.cx-model-planner-toolbar {
	display: grid;
	min-height: 4.25rem;
	grid-template-columns: minmax(14rem, 1fr) auto minmax(14rem, 1fr);
	align-items: center;
	gap: 1rem;
	padding: 0.65rem 0.85rem;
	border-bottom: 1px solid rgba(11, 18, 32, 0.08);
	background: rgba(255, 255, 255, 0.92);
}

.cx-model-planner-toolbar__brand {
	display: flex;
	min-width: 0;
	align-items: center;
	gap: 0.65rem;
}

.cx-model-planner-toolbar__mark {
	display: grid;
	width: 2.4rem;
	height: 2.4rem;
	flex: none;
	place-items: center;
	border-radius: 0.7rem;
	background: var(--cx-model-ink);
	color: #fff;
	font-size: 0.72rem;
	font-weight: 850;
}

.cx-model-planner-toolbar__brand strong,
.cx-model-planner-toolbar__brand small {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.cx-model-planner-toolbar__brand strong { font-size: 0.8rem; }
.cx-model-planner-toolbar__brand small { margin-top: 0.1rem; color: var(--cx-model-slate); font-size: 0.66rem; }
.cx-model-planner-toolbar__status { justify-self: center; }

.cx-model-planner-toolbar__actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 0.75rem;
}

.cx-model-planner-toolbar__actions .cx-text-button { min-height: 38px; font-size: 0.72rem; }
.cx-model-planner-open { min-height: 40px; padding: 0.58rem 0.8rem; font-size: 0.74rem; cursor: pointer; }

.cx-inspector--planner > .cx-inspector__progress {
	margin: 0;
	border-radius: 0;
}

.cx-model-planner-alerts {
	position: absolute;
	z-index: 8;
	top: 5rem;
	left: 1.2rem;
	display: grid;
	max-width: min(29rem, calc(100% - 2.4rem));
	gap: 0.5rem;
}

.cx-model-planner-alerts .cx-inspector__file-summary,
.cx-model-planner-alerts .cx-inspector__error {
	grid-column: auto;
	box-shadow: 0 14px 38px rgba(11, 18, 32, 0.12);
}

.cx-model-planner-workspace {
	display: grid;
	min-height: 0;
	grid-template-columns: minmax(0, 1fr) minmax(22rem, 27rem);
}

.cx-inspector--planner .cx-inspector__viewer-panel {
	display: flex;
	min-height: 0;
	flex-direction: column;
	padding: 0.8rem;
	border-right: 1px solid rgba(11, 18, 32, 0.1);
	background:
		linear-gradient(rgba(11, 18, 32, 0.03) 1px, transparent 1px),
		linear-gradient(90deg, rgba(11, 18, 32, 0.03) 1px, transparent 1px),
		linear-gradient(145deg, #edf4f2, #f7f8f8);
	background-size: 34px 34px, 34px 34px, auto;
}

.cx-inspector--planner .cx-inspector__viewer {
	min-height: 0;
	height: auto;
	flex: 1 1 auto;
	border-radius: 0.85rem;
	background: radial-gradient(circle at 50% 45%, rgba(255, 255, 255, 0.96), rgba(236, 243, 241, 0.62) 53%, transparent 72%);
}

.cx-inspector--planner .cx-inspector__empty-mark {
	color: rgba(55, 110, 248, 0.12);
	font-size: clamp(5rem, 10vw, 9rem);
	font-weight: 900;
	letter-spacing: -0.1em;
	line-height: 0.9;
}

.cx-inspector--planner .cx-inspector__empty .cx-button {
	width: fit-content;
	margin: 1.1rem auto 0;
	cursor: pointer;
}

.cx-inspector--planner .cx-inspector__viewer-actions {
	margin-top: 0.65rem;
}

.cx-inspector--planner .cx-inspector__viewer-help {
	margin: 0.5rem 0 0;
}

.cx-model-planner-panel {
	min-height: 0;
	overflow-y: auto;
	background: #f9faf9;
	scrollbar-width: thin;
}

.cx-model-planner-panel__head {
	position: sticky;
	z-index: 3;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: 1rem;
	border-bottom: 1px solid rgba(11, 18, 32, 0.09);
	background: rgba(249, 250, 249, 0.95);
	backdrop-filter: blur(12px);
}

.cx-model-planner-panel__head .cx-inspector__step { margin: 0 0 0.25rem; }
.cx-model-planner-panel__head h2 { margin: 0; font-size: 1.05rem; letter-spacing: -0.02em; }

.cx-model-planner-panel__count {
	flex: none;
	padding: 0.32rem 0.5rem;
	border-radius: 999px;
	background: #e9edf3;
	color: #4f5d71;
	font-size: 0.62rem;
	font-weight: 800;
}

.cx-model-planner-empty {
	display: grid;
	min-height: calc(100% - 4.7rem);
	place-content: center;
	padding: 2rem;
	text-align: center;
}

.cx-model-planner-empty__icon {
	display: grid;
	width: 3.8rem;
	height: 3.8rem;
	place-items: center;
	margin: 0 auto 1rem;
	border: 1px solid rgba(55, 110, 248, 0.14);
	border-radius: 1.1rem;
	background: #edf2ff;
	color: var(--cx-model-blue);
	font-size: 1.4rem;
}

.cx-model-planner-empty h3 { margin: 0; font-size: 1.35rem; }
.cx-model-planner-empty p { max-width: 20rem; margin: 0.65rem auto 1.1rem; color: var(--cx-model-slate); font-size: 0.8rem; line-height: 1.55; }
.cx-model-planner-empty .cx-button { width: 100%; cursor: pointer; }

.cx-model-planner-content {
	display: grid;
	gap: 0.85rem;
	padding: 0.85rem;
}

.cx-model-planner-summary {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	overflow: hidden;
	border: 1px solid rgba(11, 18, 32, 0.09);
	border-radius: 0.8rem;
	background: #fff;
}

.cx-model-planner-summary > div { min-width: 0; padding: 0.65rem; border-right: 1px solid rgba(11, 18, 32, 0.08); }
.cx-model-planner-summary > div:last-child { border-right: 0; }
.cx-model-planner-summary span,
.cx-model-planner-summary strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cx-model-planner-summary span { color: var(--cx-model-slate); font-size: 0.58rem; }
.cx-model-planner-summary strong { margin-top: 0.2rem; font-size: 0.78rem; }

.cx-model-planner-explainer {
	padding: 0.8rem;
	border-radius: 0.75rem;
	background: #edf7f4;
}

.cx-model-planner-explainer strong { font-size: 0.76rem; }
.cx-model-planner-explainer p { margin: 0.25rem 0 0; color: var(--cx-model-slate); font-size: 0.7rem; line-height: 1.45; }

.cx-model-planner-groups { display: grid; gap: 0.75rem; }

.cx-model-planner-group {
	padding: 0.75rem;
	border: 1px solid rgba(11, 18, 32, 0.1);
	border-radius: 0.85rem;
	background: #fff;
}

.cx-model-planner-group__head,
.cx-model-planner-options > div {
	display: grid;
	grid-template-columns: 1.5rem minmax(0, 1fr) 2rem;
	align-items: end;
	gap: 0.5rem;
}

.cx-model-planner-group__head > span,
.cx-model-planner-options > div > span {
	align-self: center;
	color: var(--cx-model-blue);
	font-size: 0.6rem;
	font-weight: 850;
}

.cx-model-planner-group label,
.cx-model-planner-export > label {
	display: grid;
	gap: 0.25rem;
	color: var(--cx-model-slate);
	font-size: 0.58rem;
	font-weight: 750;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.cx-model-planner-group input,
.cx-model-planner-export input {
	width: 100%;
	min-height: 40px;
	padding: 0.5rem 0.6rem;
	border: 1px solid rgba(11, 18, 32, 0.14);
	border-radius: 0.55rem;
	background: #fff;
	color: var(--cx-model-ink);
	font: inherit;
	font-size: 0.74rem;
	font-weight: 700;
	text-transform: none;
}

.cx-model-planner-group input:focus,
.cx-model-planner-export input:focus {
	border-color: var(--cx-model-blue);
	box-shadow: 0 0 0 3px rgba(55, 110, 248, 0.11);
	outline: 0;
}

.cx-model-planner-group__head > button,
.cx-model-planner-options > div > button {
	display: grid;
	width: 2rem;
	height: 2rem;
	place-items: center;
	align-self: center;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: #7a8797;
	font-size: 1rem;
	cursor: pointer;
}

.cx-model-planner-group__head > button:hover,
.cx-model-planner-options > div > button:hover { background: #f0f2f4; color: #a33325; }

.cx-model-planner-options {
	display: grid;
	gap: 0.45rem;
	margin: 0.65rem 0 0 1rem;
	padding-left: 0.65rem;
	border-left: 1px solid rgba(55, 110, 248, 0.18);
}

.cx-model-planner-option-add,
.cx-model-planner-add {
	min-height: 40px;
	border: 1px dashed rgba(11, 18, 32, 0.18);
	border-radius: 0.65rem;
	background: transparent;
	color: #47566a;
	font-size: 0.68rem;
	font-weight: 750;
	cursor: pointer;
}

.cx-model-planner-option-add { margin: 0.65rem 0 0 2.15rem; padding: 0.45rem 0.65rem; }
.cx-model-planner-add { width: 100%; }
.cx-model-planner-add span { color: var(--cx-model-blue); font-size: 1rem; }
.cx-model-planner-group > small { display: block; margin: 0.55rem 0 0 2.15rem; color: #7a8797; font-size: 0.58rem; }

.cx-model-planner-export {
	display: grid;
	gap: 0.6rem;
	padding: 0.85rem;
	border-radius: 0.85rem;
	background: var(--cx-model-ink);
	color: #fff;
}

.cx-model-planner-export > label { color: #b9c4d2; }
.cx-model-planner-export .cx-button { width: 100%; margin-top: 0.15rem; cursor: pointer; }
.cx-model-planner-export .cx-button:disabled { cursor: not-allowed; opacity: 0.45; }
.cx-model-planner-export .cx-text-button { justify-self: center; min-height: 34px; color: #fff; font-size: 0.68rem; }
.cx-model-planner-export .cx-text-button:disabled { cursor: not-allowed; opacity: 0.45; }
.cx-model-planner-export small { color: #aeb9c7; font-size: 0.62rem; line-height: 1.45; }
.cx-model-planner-export small strong { color: #fff; }

.cx-model-planner-details {
	overflow: hidden;
	border: 1px solid rgba(11, 18, 32, 0.1);
	border-radius: 0.8rem;
	background: #fff;
}

.cx-model-planner-details > summary {
	display: grid;
	min-height: 48px;
	align-content: center;
	padding: 0.7rem 0.8rem;
	font-size: 0.72rem;
	font-weight: 800;
	cursor: pointer;
}

.cx-model-planner-details > summary span { margin-top: 0.15rem; color: var(--cx-model-slate); font-size: 0.6rem; font-weight: 500; }

.cx-model-planner-details .cx-inspector__controls {
	grid-template-columns: 1fr;
	gap: 0.75rem;
	padding: 0.75rem;
	border-top: 1px solid rgba(11, 18, 32, 0.08);
}

.cx-model-planner-details .cx-inspector__camera { grid-column: auto; }
.cx-model-planner-details .cx-inspector__report { border-top: 1px solid rgba(11, 18, 32, 0.08); }
.cx-model-planner-details .cx-inspector__verdict { padding: 1rem; }
.cx-model-planner-details .cx-inspector__verdict h2 { margin: 0.35rem 0 0.5rem; font-size: 1.4rem; line-height: 1; }
.cx-model-planner-details .cx-inspector__verdict p { font-size: 0.7rem; }
.cx-model-planner-details .cx-inspector__metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.cx-model-planner-details .cx-inspector__metrics > div { padding: 0.75rem; border-bottom: var(--cx-model-line); }
.cx-model-planner-details .cx-inspector__metrics > div:nth-child(even) { border-right: 0; }
.cx-model-planner-details .cx-inspector__metrics strong { font-size: 1.1rem; }
.cx-model-planner-details .cx-inspector__checks { grid-template-columns: 1fr; gap: 0.75rem; padding: 1rem; }
.cx-model-planner-details .cx-inspector__checks h2 { font-size: 1.35rem; }
.cx-model-planner-details .cx-inspector__check { grid-template-columns: 3.25rem minmax(0, 1fr); gap: 0.65rem; }
.cx-model-planner-details .cx-inspector__check div { grid-template-columns: 1fr; }
.cx-model-planner-details .cx-inspector__check p { grid-column: auto; }
.cx-model-planner-details .cx-inspector__raw { margin: 0 1rem 1rem; border-radius: 0.7rem; }
.cx-model-planner-details .cx-inspector__raw dl > div { grid-template-columns: 1fr; gap: 0.15rem; padding: 0.6rem; font-size: 0.68rem; }

@media (max-width: 1050px) {
	.cx-model-planner-workspace { grid-template-columns: minmax(0, 1fr) minmax(20rem, 23rem); }
	.cx-model-planner-toolbar { grid-template-columns: minmax(12rem, 1fr) auto; }
	.cx-model-planner-toolbar__status { display: none; }
}

@media (max-width: 820px) {
	.cx-model-planner-shell { min-height: 0; }
	.cx-model-planner-shell__intro { align-items: flex-start; flex-direction: column; gap: 0.8rem; }
	.cx-model-planner-shell__privacy { justify-content: flex-start; }
	.cx-inspector--planner { height: auto; min-height: 0; }
	.cx-model-planner-workspace { grid-template-columns: 1fr; }
	.cx-inspector--planner .cx-inspector__viewer-panel { min-height: 34rem; border-right: 0; border-bottom: var(--cx-model-line); }
	.cx-model-planner-panel { max-height: none; overflow: visible; }
	.cx-model-planner-empty { min-height: 26rem; }
}

@media (max-width: 600px) {
	.cx-model-planner-shell { padding: 0.5rem; }
	.cx-model-planner-shell__intro { padding: 0.65rem 0.35rem; }
	.cx-model-planner-shell__intro h1 { font-size: 2.15rem; }
	.cx-model-planner-shell__intro p { font-size: 0.8rem; }
	.cx-model-planner-shell__privacy span { padding: 0.32rem 0.5rem; font-size: 0.6rem; }
	.cx-inspector--planner { border-radius: 0.95rem; }
	.cx-model-planner-toolbar { grid-template-columns: 1fr; gap: 0.6rem; }
	.cx-model-planner-toolbar__actions { justify-content: stretch; }
	.cx-model-planner-toolbar__actions .cx-model-planner-open { flex: 1; }
	.cx-model-planner-toolbar__actions .cx-inspector__demo { display: none; }
	.cx-model-planner-alerts { top: 7.5rem; left: 0.75rem; max-width: calc(100% - 1.5rem); }
	.cx-inspector--planner .cx-inspector__viewer-panel { min-height: 29rem; padding: 0.55rem; }
	.cx-inspector--planner .cx-inspector__viewer { min-height: 22rem; }
	.cx-inspector--planner .cx-inspector__viewer-actions { display: grid; grid-template-columns: 1fr 1fr; }
	.cx-inspector--planner .cx-inspector__viewer-actions .cx-button { width: 100%; }
	.cx-model-planner-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.cx-model-planner-summary > div:nth-child(2) { border-right: 0; }
	.cx-model-planner-summary > div:nth-child(-n + 2) { border-bottom: 1px solid rgba(11, 18, 32, 0.08); }
}

@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; }
}

/* 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-commerce-flow { background: #fff; }
.cx-commerce-flow__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; }
.cx-commerce-flow__grid article { display: flex; min-height: 25rem; padding: 1.4rem; border: 1px solid var(--cx-premium-line); border-radius: 1.35rem; flex-direction: column; background: var(--cx-premium-paper); }
.cx-commerce-flow__grid article > small { margin-top: auto; color: var(--cx-premium-blue); font-size: 0.58rem; font-weight: 850; }
.cx-commerce-flow__grid h3 { margin: 0.7rem 0 0.45rem; font-size: 1.6rem; letter-spacing: -0.045em; }
.cx-commerce-flow__grid p { margin: 0; color: var(--cx-premium-slate); line-height: 1.6; }
.cx-commerce-flow__icon { display: grid; grid-template-columns: 1fr 2.2rem 1fr; align-items: center; min-height: 11rem; gap: 0.5rem; padding: 1rem; border: 1px solid var(--cx-premium-line); border-radius: 1rem; background: #fff; }
.cx-commerce-flow__icon span { display: grid; min-height: 3.5rem; place-items: center; border: 1px solid var(--cx-premium-line); border-radius: 0.75rem; color: #fff; font-size: 0.7rem; font-weight: 850; background: var(--cx-premium-ink); }
.cx-commerce-flow__icon span:last-child { color: #fff; background: var(--cx-premium-blue); }
.cx-commerce-flow__icon i { height: 1px; background: linear-gradient(90deg,#bdc7d1,var(--cx-premium-blue)); }
.cx-commerce-flow__icon--rules span:first-child { color: #08745d; background: #e2f7ef; }
.cx-commerce-flow__icon--rules span:last-child { color: #234fba; background: #edf2ff; }
.cx-commerce-flow__icon--cart span:last-child { color: var(--cx-premium-ink); background: var(--cx-premium-mint); }

.cx-commerce-experience { background: var(--cx-premium-soft); }
.cx-commerce-experience__grid { display: grid; grid-template-columns: minmax(0,0.78fr) minmax(30rem,1.22fr); align-items: center; gap: clamp(3rem,8vw,8rem); }
.cx-commerce-experience--shopify .cx-commerce-experience__grid { grid-template-columns: minmax(30rem,1.22fr) minmax(0,0.78fr); }
.cx-commerce-experience__grid > div:not(.cx-commerce-experience__visual) h2 { max-width: 12ch; margin: 1rem 0; font-size: clamp(3rem,5.2vw,5.1rem); line-height: 0.92; letter-spacing: -0.07em; }
.cx-commerce-experience__grid > div:not(.cx-commerce-experience__visual) p { color: var(--cx-premium-slate); line-height: 1.7; }
.cx-commerce-experience__grid ul { display: grid; gap: 0.6rem; margin: 1.4rem 0; padding: 0; list-style: none; }
.cx-commerce-experience__grid li::before { margin-right: 0.5rem; color: #128067; content: "✓"; }
.cx-commerce-experience__visual { overflow: hidden; border: 1px solid var(--cx-premium-line); border-radius: 1.35rem; background: #fff; box-shadow: var(--cx-premium-shadow); }
.cx-commerce-experience__steps { display: grid; grid-template-columns: repeat(4,1fr); padding: 0 0.8rem; border-bottom: 1px solid var(--cx-premium-line); }
.cx-commerce-experience__steps span { position: relative; padding: 1rem 0.35rem; color: #8a96a5; font-size: 0.58rem; font-weight: 750; text-align: center; }
.cx-commerce-experience__steps span.is-active { color: var(--cx-premium-ink); }
.cx-commerce-experience__steps span.is-active::after { position: absolute; right: 0.35rem; bottom: -1px; left: 0.35rem; height: 2px; background: var(--cx-premium-blue); content: ""; }
.cx-commerce-experience__stage { position: relative; display: grid; min-height: 30rem; place-items: center; background: linear-gradient(145deg,#eff5f2,#e0eee8); }
.cx-commerce-experience__stage img { width: min(90%,30rem); max-height: 28rem; object-fit: contain; mix-blend-mode: multiply; }
.cx-commerce-experience__stage > span { position: absolute; bottom: 1rem; display: inline-flex; align-items: center; gap: 0.4rem; padding: 0.5rem 0.7rem; border-radius: 999px; color: #657386; font-size: 0.58rem; background: #fff; box-shadow: 0 10px 24px rgba(9,19,33,0.08); }
.cx-commerce-experience__stage > span i { width: 0.6rem; height: 0.6rem; border-radius: 50%; background: #9eb9ad; }
.cx-commerce-experience__summary { display: flex; align-items: center; justify-content: space-between; min-height: 4rem; gap: 1rem; padding: 0 1rem; border-top: 1px solid var(--cx-premium-line); font-size: 0.62rem; }
.cx-commerce-experience__summary span { color: #128067; }

.cx-enterprise-map { position: relative; min-height: 35rem; border: 1px solid var(--cx-premium-line); border-radius: 1.5rem; background: linear-gradient(rgba(9,19,33,0.035) 1px,transparent 1px),linear-gradient(90deg,rgba(9,19,33,0.035) 1px,transparent 1px),rgba(255,255,255,0.84); background-size: 30px 30px; box-shadow: var(--cx-premium-shadow); }
.cx-enterprise-map::before { position: absolute; top: 50%; left: 50%; width: 16rem; height: 16rem; border: 1px solid rgba(55,111,248,0.18); border-radius: 50%; content: ""; transform: translate(-50%,-50%); }
.cx-enterprise-map__center { position: absolute; top: 50%; left: 50%; z-index: 2; display: grid; width: 10rem; height: 10rem; place-items: center; border-radius: 2rem; background: var(--cx-premium-ink); box-shadow: 0 30px 60px rgba(9,19,33,0.25); transform: translate(-50%,-50%); }
.cx-enterprise-map__center span { display: grid; width: 3rem; height: 3rem; place-items: center; border-radius: 0.8rem; color: #fff; font-weight: 850; background: linear-gradient(145deg,var(--cx-premium-blue),#7c4df0); }
.cx-enterprise-map__center strong { color: #fff; font-size: 0.8rem; }
.cx-enterprise-map__center small { color: #93a5b6; font-size: 0.53rem; }
.cx-enterprise-map__orbit span { position: absolute; display: grid; width: 8.2rem; gap: 0.4rem; padding: 0.75rem; border: 1px solid var(--cx-premium-line); border-radius: 0.8rem; background: #fff; box-shadow: 0 12px 26px rgba(9,19,33,0.08); }
.cx-enterprise-map__orbit span:nth-child(1) { top: 9%; left: 8%; }
.cx-enterprise-map__orbit span:nth-child(2) { top: 12%; right: 8%; }
.cx-enterprise-map__orbit span:nth-child(3) { bottom: 13%; left: 8%; }
.cx-enterprise-map__orbit span:nth-child(4) { right: 8%; bottom: 10%; }
.cx-enterprise-map__orbit i { color: var(--cx-premium-blue); font-size: 0.52rem; font-style: normal; font-weight: 850; }
.cx-enterprise-map__orbit strong { font-size: 0.65rem; }
.cx-enterprise-map__status { position: absolute; top: 1rem; right: 1rem; display: flex; align-items: center; gap: 0.45rem; padding: 0.5rem 0.7rem; border: 1px solid var(--cx-premium-line); border-radius: 999px; color: #687688; font-size: 0.55rem; background: #fff; }
.cx-enterprise-map__status i { width: 0.5rem; height: 0.5rem; border-radius: 50%; background: var(--cx-premium-mint); }

.cx-enterprise-delivery { background: #fff; }
.cx-enterprise-delivery__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; }
.cx-enterprise-delivery__grid article { display: flex; min-height: 27rem; padding: 1.4rem; border: 1px solid var(--cx-premium-line); border-radius: 1.35rem; flex-direction: column; background: var(--cx-premium-paper); }
.cx-enterprise-delivery__grid article > small { margin-top: auto; color: var(--cx-premium-blue); font-size: 0.58rem; font-weight: 850; }
.cx-enterprise-delivery__grid h3 { margin: 0.75rem 0 0.45rem; font-size: 1.7rem; letter-spacing: -0.045em; }
.cx-enterprise-delivery__grid p { margin: 0; color: var(--cx-premium-slate); line-height: 1.6; }
.cx-enterprise-delivery__visual { display: grid; grid-template-columns: 1fr 0.7rem 1fr 0.7rem 1fr; align-items: center; min-height: 12rem; gap: 0.25rem; padding: 1rem; border: 1px solid var(--cx-premium-line); border-radius: 1rem; background: #fff; }
.cx-enterprise-delivery__visual span { padding: 0.65rem 0.3rem; border: 1px solid var(--cx-premium-line); border-radius: 0.55rem; font-size: 0.54rem; font-weight: 760; text-align: center; }
.cx-enterprise-delivery__visual i { height: 1px; background: #bdc7d1; }
.cx-enterprise-delivery__visual--build { grid-template-columns: repeat(3,1fr); gap: 0.5rem; }
.cx-enterprise-delivery__visual--build span { display: grid; min-height: 5rem; place-items: center; }
.cx-enterprise-delivery__visual--build span:nth-child(2) { border-color: rgba(55,111,248,0.25); color: #2456c8; background: #edf2ff; }
.cx-enterprise-delivery__visual--launch i { display: grid; height: 1.3rem; place-items: center; border-radius: 50%; color: #0a775f; font-size: 0.55rem; font-style: normal; background: #dff6ed; }

.cx-enterprise-stack { color: #fff; background: linear-gradient(145deg,#07111e,#0d2035); }
.cx-enterprise-stack__grid { display: grid; grid-template-columns: minmax(0,0.75fr) minmax(30rem,1.25fr); align-items: center; gap: clamp(3rem,8vw,8rem); }
.cx-enterprise-stack h2 { max-width: 12ch; margin: 1rem 0; font-size: clamp(3rem,5.4vw,5.3rem); line-height: 0.92; letter-spacing: -0.07em; }
.cx-enterprise-stack p { color: #a9b8c7; line-height: 1.7; }
.cx-enterprise-stack .cx-premium-text-link { color: #fff; }
.cx-enterprise-stack__visual { display: grid; grid-template-columns: 1fr 2rem 1fr 2rem 1fr; align-items: center; gap: 0.5rem; min-height: 28rem; padding: 2rem; border: 1px solid rgba(255,255,255,0.12); border-radius: 1.35rem; background: rgba(255,255,255,0.05); }
.cx-enterprise-stack__visual > i { height: 1px; background: linear-gradient(90deg,var(--cx-premium-blue),var(--cx-premium-mint)); }
.cx-enterprise-stack__source,.cx-enterprise-stack__core { display: grid; gap: 0.45rem; padding: 1rem; border: 1px solid rgba(255,255,255,0.13); border-radius: 0.8rem; background: rgba(255,255,255,0.06); }
.cx-enterprise-stack__source span,.cx-enterprise-stack__core span { color: var(--cx-premium-mint); font-size: 0.52rem; font-weight: 850; }
.cx-enterprise-stack__source strong,.cx-enterprise-stack__core strong { font-size: 0.7rem; }
.cx-enterprise-stack__core small { color: #93a5b6; font-size: 0.53rem; }
.cx-enterprise-stack__targets { display: grid; gap: 0.45rem; }
.cx-enterprise-stack__targets span { padding: 0.65rem; border: 1px solid rgba(255,255,255,0.12); border-radius: 0.55rem; font-size: 0.57rem; font-weight: 750; background: rgba(255,255,255,0.06); }

.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; }
	.cx-commerce-experience__grid,
	.cx-commerce-experience--shopify .cx-commerce-experience__grid,
	.cx-enterprise-stack__grid { grid-template-columns: 1fr; }
	.cx-commerce-experience--shopify .cx-commerce-experience__visual { order: 2; }
	.cx-enterprise-delivery__grid { grid-template-columns: 1fr 1fr; }
	.cx-enterprise-delivery__grid article:last-child { grid-column: 1 / -1; }
}

@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; }
	.cx-commerce-flow__grid,
	.cx-enterprise-delivery__grid { grid-template-columns: 1fr; }
	.cx-enterprise-delivery__grid article:last-child { grid-column: auto; }
	.cx-commerce-experience__stage { min-height: 24rem; }
	.cx-enterprise-stack__visual { grid-template-columns: 1fr; }
	.cx-enterprise-stack__visual > i { width: 1px; height: 1.2rem; justify-self: center; }
	.cx-enterprise-stack__targets { grid-template-columns: 1fr 1fr; }
}

@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-commerce-flow__grid article { min-height: 23rem; }
	.cx-commerce-flow__icon { min-height: 9rem; }
	.cx-commerce-experience__steps { overflow-x: auto; grid-template-columns: repeat(4,5.5rem); }
	.cx-commerce-experience__stage { min-height: 20rem; }
	.cx-commerce-experience__summary { align-items: flex-start; padding-top: 0.8rem; padding-bottom: 0.8rem; flex-direction: column; }
	.cx-enterprise-map { min-height: 31rem; }
	.cx-enterprise-map::before { width: 13rem; height: 13rem; }
	.cx-enterprise-map__center { width: 8rem; height: 8rem; }
	.cx-enterprise-map__orbit span { width: 6.6rem; padding: 0.6rem; }
	.cx-enterprise-map__orbit span:nth-child(1),.cx-enterprise-map__orbit span:nth-child(3) { left: 4%; }
	.cx-enterprise-map__orbit span:nth-child(2),.cx-enterprise-map__orbit span:nth-child(4) { right: 4%; }
	.cx-enterprise-map__status { right: 0.6rem; left: 0.6rem; justify-content: center; }
	.cx-enterprise-delivery__visual { grid-template-columns: 1fr; }
	.cx-enterprise-delivery__visual i { width: 1px; height: 0.7rem; justify-self: center; }
	.cx-enterprise-delivery__visual--build { grid-template-columns: 1fr; }
	.cx-enterprise-stack h2 { font-size: clamp(2.8rem,13vw,4rem); }
	.cx-enterprise-stack__visual { padding: 1rem; }
	.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;
}

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

.cx-enterprise-product__grid {
	display: grid;
	grid-template-columns: minmax(0, 1.25fr) minmax(20rem, 0.75fr);
	align-items: center;
	gap: clamp(3rem, 8vw, 8rem);
}

.cx-enterprise-product__visual {
	position: relative;
	min-height: 38rem;
	overflow: hidden;
	border: 1px solid var(--cx-premium-line);
	border-radius: 1.5rem;
	background: var(--cx-premium-paper);
	box-shadow: var(--cx-premium-shadow);
}

.cx-enterprise-product__visual img {
	width: 100%;
	height: 100%;
	min-height: 38rem;
	object-fit: cover;
	mix-blend-mode: multiply;
}

.cx-enterprise-product__visual > div {
	position: absolute;
	right: 1.3rem;
	bottom: 1.3rem;
	display: grid;
	gap: 0.3rem;
	padding: 1rem;
	border: 1px solid rgba(9, 19, 33, 0.1);
	border-radius: 0.9rem;
	background: rgba(255, 255, 255, 0.9);
	box-shadow: 0 18px 40px rgba(9, 19, 33, 0.12);
	backdrop-filter: blur(14px);
}

.cx-enterprise-product__visual span { color: var(--cx-premium-blue); font-size: 0.56rem; font-weight: 850; letter-spacing: 0.08em; }
.cx-enterprise-product__visual strong { font-size: 0.8rem; }
.cx-enterprise-product__visual small { color: #6f7d8f; font-size: 0.6rem; }
.cx-enterprise-product h2 { max-width: 12ch; margin: 1rem 0 1.2rem; }
.cx-enterprise-product p { color: var(--cx-premium-slate); line-height: 1.7; }

@media (max-width: 980px) {
	.cx-enterprise-product__grid { grid-template-columns: 1fr; }
	.cx-enterprise-product__visual { min-height: 32rem; }
	.cx-enterprise-product__visual img { min-height: 32rem; }
}

@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; }
	.cx-enterprise-product__visual,
	.cx-enterprise-product__visual img { min-height: 27rem; }
}

@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; }
	.cx-enterprise-product__visual,
	.cx-enterprise-product__visual img { min-height: 22rem; }
}

/* 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="mixed"],
.cx-product-gallery__mini-panel button[data-swatch="mixed"] {
	background: linear-gradient(90deg, #d3b891 0 50%, #303a43 50%);
}

@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;
}

.cx-commerce-system-intro {
	width: min(calc(100% - 2rem), 1180px);
	margin: clamp(3rem, 7vw, 6rem) auto 2rem;
	padding: clamp(1.5rem, 4vw, 3rem);
	border: 1px solid #dce3e8;
	border-radius: 1.25rem;
	background: #f7f9f7;
}

.cx-commerce-system-intro h1 {
	margin: 0.75rem 0;
	font-size: clamp(2.5rem, 5vw, 4.75rem);
	line-height: 0.98;
	letter-spacing: -0.055em;
}

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

.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 {
	padding: clamp(5rem, 11vw, 10rem) 0 clamp(4rem, 8vw, 7rem);
	border-bottom: 1px solid #dce3e8;
	background:
		radial-gradient(circle at 88% 18%, rgba(91, 214, 184, 0.2), transparent 25rem),
		linear-gradient(180deg, #fbfcf9 0%, #f5f8f5 100%);
}

.cx-resource-hero__grid {
	display: grid;
	align-items: end;
	grid-template-columns: minmax(0, 1.15fr) minmax(19rem, 0.65fr);
	gap: clamp(3rem, 9vw, 9rem);
}

.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-hero h1 em {
	color: #326bff;
	font-style: normal;
}

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

.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 {
	display: grid;
	gap: 1rem;
}

.cx-resource-stat strong {
	font-size: clamp(1.8rem, 3vw, 3.25rem);
	line-height: 1;
	letter-spacing: -0.045em;
	overflow-wrap: anywhere;
}

.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-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;
}

.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-identity { display: grid; min-height: 20rem; align-content: space-between; color: #fff; background: #0b192c; }
.cx-about-identity small { color: #5bd6b8; font-weight: 850; letter-spacing: 0.15em; }
.cx-about-identity strong { font-size: clamp(2rem, 3.5vw, 3.5rem); line-height: 0.98; letter-spacing: -0.05em; }
.cx-about-identity span { color: #aeb9c5; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.08em; }
.cx-about-story__grid > div:last-child { 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-company address { color: #526174; font-style: normal; font-size: 1.15rem; line-height: 1.8; }

.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-example-method__grid,
	.cx-support-brief__grid,
	.cx-legal-layout { grid-template-columns: 1fr; }
	.cx-resource-stat,
	.cx-about-identity { min-height: auto; }
	.cx-start-routes__grid,
	.cx-example-gallery__grid,
	.cx-guide-grid__items { grid-template-columns: 1fr; }
	.cx-legal-layout > nav { position: static; }
}

@media (max-width: 620px) {
	.cx-resource-hero { padding-top: 3.75rem; }
	.cx-resource-hero h1,
	.cx-legal-hero h1 { font-size: clamp(3.15rem, 15vw, 4.5rem); }
	.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-enterprise {
	color: #fff;
	border-color: #0a1b2d;
	background: #0a1b2d;
}

.cx-home-v2__route-enterprise .cx-home-v2__route-image {
	background: #e9eee9;
}

.cx-home-v2__route-enterprise p,
.cx-home-v2__route-grid > a.cx-home-v2__route-enterprise > small {
	color: #b4c0cc;
}

.cx-home-v2__proof {
	background: var(--cxv2-paper);
}

.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: 0 !important;
	background: #fff;
}

.cx-home-v2__plans .cx-premium-section-head--center h2 {
	max-width: 18ch;
}

.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 1.5rem 0 0;
	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));
	}
}

@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 1.2rem 0 0;
	}

	.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;
	}
}

/* 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; }

@media (max-width: 1100px) {
	.cx-localized-nav { display: none; }
	.cx-localized-mobile-menu { display: block; }
	.cx-localized-plan-grid { grid-template-columns: 1fr 1fr; }
}

@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; }
}

@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;
	}
}