/*
 * Fixstable Studio Builder — SHARED RENDERED-PAGE STYLE LAYER
 * ----------------------------------------------------------------------------
 * This stylesheet is the single shared rendered-page layer. It is enqueued in
 * BOTH contexts so backend preview and frontend output match:
 *   - Frontend published pages (enqueue_frontend_assets)
 *   - Admin builder preview canvas (loaded as a dependency of admin.css)
 *
 * What belongs here:
 *   - Actual page output: shell, sections, rails, typography, buttons/links,
 *     cards/grids, commercial/CTA/FAQ/pricing/feature blocks, header/footer/nav,
 *     bright/dark color modes, style-pack token usage, responsive breakpoints.
 *
 * What does NOT belong here:
 *   - Editor chrome (selection rings, toolbars, inspector, drag handles) ->
 *     keep in admin.css under .fixstable-builder-preview-shell / editor-only
 *     selectors.
 *
 * Frontend-only theme isolation (Part E) is allowed here but must be scoped
 * under builder output wrappers (.fixstable-builder-frontend / body.fixstable-builder-page).
 */
.fixstable-builder-frontend,
.fixstable-builder-frontend * {
	box-sizing: border-box;
}

.fixstable-builder-frontend {
	display: grid;
	gap: 0;
	width: 100%;
	margin: 0;
	--fixstable-page-primary: #2fa8ff;
	--fixstable-page-accent: #f4c86b;
	--fixstable-button-radius: 999px;
	--fixstable-page-max-width: 1180px;
}

body.fixstable-builder-canvas-page .entry-header,
body.fixstable-builder-canvas-page .page-header,
body.fixstable-builder-hide-title .entry-header,
body.fixstable-builder-hide-title .page-header,
body.fixstable-builder-canvas-page .entry-title,
body.fixstable-builder-canvas-page .page-title,
body.fixstable-builder-hide-title .entry-title,
body.fixstable-builder-hide-title .page-title,
body.fixstable-builder-canvas-page h1.entry-title,
body.fixstable-builder-canvas-page h1.page-title,
body.fixstable-builder-hide-title h1.entry-title,
body.fixstable-builder-hide-title h1.page-title {
	display: none !important;
}

body.fixstable-builder-canvas-page header.site-header:not(.fixstable-builder-site-header),
body.fixstable-builder-hide-theme-header header.site-header:not(.fixstable-builder-site-header),
body.fixstable-builder-kit-support-route header.site-header:not(.fixstable-builder-site-header),
body.fixstable-builder-kit-search-results header.site-header:not(.fixstable-builder-site-header),
body.fixstable-builder-kit-404 header.site-header:not(.fixstable-builder-site-header),
body.fixstable-builder-canvas-page #site-header,
body.fixstable-builder-hide-theme-header #site-header,
body.fixstable-builder-kit-support-route #site-header,
body.fixstable-builder-kit-search-results #site-header,
body.fixstable-builder-kit-404 #site-header,
body.fixstable-builder-canvas-page .elementor-location-header,
body.fixstable-builder-hide-theme-header .elementor-location-header,
body.fixstable-builder-kit-support-route .elementor-location-header,
body.fixstable-builder-kit-search-results .elementor-location-header,
body.fixstable-builder-kit-404 .elementor-location-header,
body.fixstable-builder-canvas-page .wp-site-blocks > header,
body.fixstable-builder-hide-theme-header .wp-site-blocks > header,
body.fixstable-builder-kit-support-route .wp-site-blocks > header,
body.fixstable-builder-kit-search-results .wp-site-blocks > header,
body.fixstable-builder-kit-404 .wp-site-blocks > header,
body.fixstable-builder-canvas-page footer.site-footer:not(.fixstable-builder-site-footer),
body.fixstable-builder-hide-theme-footer footer.site-footer:not(.fixstable-builder-site-footer),
body.fixstable-builder-kit-support-route footer.site-footer:not(.fixstable-builder-site-footer),
body.fixstable-builder-kit-search-results footer.site-footer:not(.fixstable-builder-site-footer),
body.fixstable-builder-kit-404 footer.site-footer:not(.fixstable-builder-site-footer),
body.fixstable-builder-canvas-page #colophon,
body.fixstable-builder-hide-theme-footer #colophon,
body.fixstable-builder-kit-support-route #colophon,
body.fixstable-builder-kit-support-route #site-footer,
body.fixstable-builder-kit-search-results #colophon,
body.fixstable-builder-kit-search-results #site-footer,
body.fixstable-builder-kit-404 #colophon,
body.fixstable-builder-kit-404 #site-footer,
body.fixstable-builder-canvas-page .elementor-location-footer,
body.fixstable-builder-hide-theme-footer .elementor-location-footer,
body.fixstable-builder-kit-support-route .elementor-location-footer,
body.fixstable-builder-kit-search-results .elementor-location-footer,
body.fixstable-builder-kit-404 .elementor-location-footer,
body.fixstable-builder-canvas-page .wp-site-blocks > footer,
body.fixstable-builder-hide-theme-footer .wp-site-blocks > footer,
body.fixstable-builder-kit-support-route .wp-site-blocks > footer,
body.fixstable-builder-kit-search-results .wp-site-blocks > footer,
body.fixstable-builder-kit-404 .wp-site-blocks > footer {
	display: none !important;
}

body.fixstable-builder-canvas-page .site-main,
body.fixstable-builder-canvas-page #primary,
body.fixstable-builder-canvas-page .content-area,
body.fixstable-builder-canvas-page .site-content,
body.fixstable-builder-canvas-page .entry-content {
	max-width: none;
	width: 100%;
	margin-top: 0;
	padding-top: 0;
}

body.fixstable-builder-canvas-page.fixstable-builder-page-layout-full .site-main,
body.fixstable-builder-canvas-page.fixstable-builder-page-layout-full #primary,
body.fixstable-builder-canvas-page.fixstable-builder-page-layout-full .content-area,
body.fixstable-builder-canvas-page.fixstable-builder-page-layout-full .site-content,
body.fixstable-builder-canvas-page.fixstable-builder-page-layout-full .entry-content,
body.fixstable-builder-page-layout-full .site-main,
body.fixstable-builder-page-layout-full .entry-content {
	padding-left: 0;
	padding-right: 0;
}

body.fixstable-builder-canvas-page.fixstable-builder-page-layout-full .site-main,
body.fixstable-builder-canvas-page.fixstable-builder-page-layout-full #primary,
body.fixstable-builder-canvas-page.fixstable-builder-page-layout-full .content-area,
body.fixstable-builder-canvas-page.fixstable-builder-page-layout-full .site-content,
body.fixstable-builder-canvas-page.fixstable-builder-page-layout-full .entry-content,
body.fixstable-builder-page-layout-full .site-main,
body.fixstable-builder-page-layout-full .entry-content {
	padding-left: 0;
	padding-right: 0;
}

.fixstable-builder-frontend.is-builder-canvas {
	margin-top: 0;
	background: #f5f8fb;
	color: #111923;
}

.fixstable-builder-frontend figure {
	margin: 0;
}

.fixstable-builder-section {
	width: 100%;
}

.fixstable-builder-section-inner {
	display: grid;
	gap: var(--fixstable-section-gap, 24px);
	width: 100%;
	margin: 0 auto;
}

.fixstable-builder-section-contained .fixstable-builder-section-inner {
	width: min(100%, var(--fixstable-content-rail-width, var(--fixstable-page-max-width, 1180px)));
	max-width: var(--fixstable-content-rail-width, var(--fixstable-page-max-width, 1180px));
}

.fixstable-builder-section-full .fixstable-builder-section-inner,
.fixstable-builder-section-full-width .fixstable-builder-section-inner {
	width: 100%;
	max-width: none;
}

.fixstable-builder-row {
	display: grid;
	grid-template-columns: repeat(var(--fixstable-row-columns, 1), minmax(0, 1fr));
	gap: var(--fixstable-row-gap, 24px);
	align-items: start;
}

.fixstable-builder-column {
	display: grid;
	gap: var(--fixstable-column-gap, 16px);
	min-width: 0;
}

.fixstable-builder-grid {
	display: grid;
	grid-template-columns: repeat(var(--fixstable-grid-columns, 1), minmax(0, 1fr));
	grid-template-rows: repeat(var(--fixstable-grid-rows, 1), minmax(220px, auto));
	gap: var(--fixstable-grid-gap, 24px);
	align-items: stretch;
}

.fixstable-builder-grid-item {
	display: grid;
	min-width: 0;
	min-height: 220px;
	height: 100%;
}

.fixstable-builder-grid-item > * {
	height: 100%;
}

.fixstable-builder-grid-item.is-empty {
	border: 1px dashed rgba(143, 23, 20, 0.12);
	border-radius: 18px;
	background: rgba(255, 249, 244, 0.45);
}

.fixstable-builder-heading,
.fixstable-builder-text > :first-child,
.fixstable-builder-hero-story h2,
.fixstable-builder-trending h3 {
	margin-top: 0;
}

.fixstable-builder-heading,
.fixstable-builder-text p,
.fixstable-builder-hero-story p,
.fixstable-builder-trending,
.fixstable-builder-ticker,
.fixstable-builder-image {
	margin-bottom: 0;
}

.fixstable-builder-image {
	display: grid;
	gap: 10px;
	width: 100%;
	height: 100%;
}

.fixstable-builder-image img {
	display: block;
	width: 100%;
	height: var(--fixstable-image-height, 100%);
	min-height: 100%;
	aspect-ratio: var(--fixstable-image-ratio, 16 / 9);
	object-fit: cover;
	border-radius: 18px;
}

.fixstable-builder-image-placeholder {
	display: grid;
	place-items: center;
	width: 100%;
	height: var(--fixstable-image-height, auto);
	min-height: var(--fixstable-image-height, 260px);
	aspect-ratio: var(--fixstable-image-ratio, 16 / 9);
	padding: 24px;
	border: 1px dashed color-mix(in srgb, var(--fixstable-page-primary, #2fa8ff) 46%, transparent);
	border-radius: 18px;
	background:
		linear-gradient(135deg, color-mix(in srgb, var(--fixstable-image-placeholder-color, #dbeafe) 82%, #ffffff), rgba(255, 255, 255, 0.72));
	color: var(--fixstable-mode-text, #17202a);
	text-align: center;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.32);
}

.fixstable-builder-image-placeholder span {
	max-width: 24ch;
	font-weight: 800;
	line-height: 1.25;
}

.fixstable-builder-image figcaption {
	color: #6a6057;
	font-size: 14px;
	line-height: 1.5;
}

.fixstable-builder-text {
	color: inherit;
	line-height: 1.7;
}

.fixstable-builder-grid-item .fixstable-builder-text,
.fixstable-builder-grid-item .fixstable-builder-hero-story,
.fixstable-builder-grid-item .fixstable-builder-trending,
.fixstable-builder-grid-item .fixstable-builder-ticker {
	height: 100%;
	padding: 18px;
	border-radius: 18px;
	background: #fff9f4;
}

.fixstable-builder-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: var(--fixstable-button-radius, 999px);
}

.fixstable-builder-site-header,
.fixstable-builder-site-footer {
	width: 100%;
	color: var(--fixstable-page-text, #17202a);
}

.fixstable-builder-site-header {
	position: relative;
	z-index: 2;
	border-bottom: 1px solid rgba(15, 23, 32, 0.08);
	background: rgba(255, 255, 255, 0.96);
	backdrop-filter: blur(12px);
}

.fixstable-builder-site-header-inner,
.fixstable-builder-site-footer-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	width: min(100%, var(--fixstable-inner-rail-width, var(--fixstable-content-rail-width, var(--fixstable-page-max-width, 1180px))));
	max-width: var(--fixstable-inner-rail-width, var(--fixstable-content-rail-width, var(--fixstable-page-max-width, 1180px)));
	margin: 0 auto;
	padding: 16px 24px;
}

.fixstable-builder-site-header-centered .fixstable-builder-site-header-inner {
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.fixstable-builder-site-header-split-cta .fixstable-builder-site-header-inner {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	column-gap: clamp(16px, 3vw, 36px);
}

.fixstable-builder-site-header-split-cta .fixstable-builder-site-brand {
	grid-column: 1;
	grid-row: 1;
}

.fixstable-builder-site-header-split-cta .fixstable-builder-site-nav {
	grid-column: 2;
	grid-row: 1;
	justify-self: center;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: clamp(10px, 1.8vw, 22px);
	min-width: 0;
	width: 100%;
}

.fixstable-builder-site-header-split-cta .fixstable-builder-site-header-cta {
	grid-column: 3;
	grid-row: 1;
	justify-self: end;
}

.fixstable-builder-site-header-split-cta .fixstable-builder-site-nav-toggle {
	grid-column: 4;
	grid-row: 1;
	justify-self: end;
}

.fixstable-builder-site-brand {
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
	gap: 12px;
	font-weight: 800;
	font-size: 18px;
	line-height: 1;
	color: #17202a;
	text-decoration: none;
}

.fixstable-builder-site-logo-image {
	display: block;
	max-height: var(--fixstable-header-logo-size, 48px);
	max-width: calc(var(--fixstable-header-logo-size, 48px) * 3.75);
	width: auto;
	height: auto;
	object-fit: contain;
}

.fixstable-builder-site-logo-image.is-footer {
	max-height: var(--fixstable-footer-logo-size, 44px);
	max-width: calc(var(--fixstable-footer-logo-size, 44px) * 3.64);
}

.fixstable-builder-site-nav,
.fixstable-builder-site-footer-nav {
	display: flex;
	flex-wrap: wrap;
	gap: 14px 18px;
}

.fixstable-builder-site-nav a,
.fixstable-builder-site-footer-nav a,
.fixstable-builder-site-footer-support {
	color: inherit;
	text-decoration: none;
	font-weight: 700;
}

.fixstable-builder-site-header-cta,
.fixstable-builder-site-footer-support {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px 16px;
	border-radius: var(--fixstable-button-radius, 999px);
	background: var(--fixstable-page-primary, #2fa8ff);
	color: #fff;
	font-weight: 700;
	text-decoration: none;
}

.fixstable-builder-site-footer {
	margin-top: 0;
	border-top: 1px solid rgba(15, 23, 32, 0.08);
	background: #fff;
}

.fixstable-builder-site-footer-inner {
	flex-direction: column;
	align-items: flex-start;
}

.fixstable-builder-site-footer-multi-column .fixstable-builder-site-footer-inner,
.fixstable-builder-site-footer-support .fixstable-builder-site-footer-inner {
	display: grid;
	gap: 18px;
}

.fixstable-builder-site-footer-copy {
	margin: 0;
	color: rgba(23, 32, 42, 0.72);
	font-size: 14px;
}

.fixstable-builder-commercial,
.fixstable-builder-section,
.fixstable-builder-hero-story {
	border-radius: var(--fixstable-section-radius, 24px);
}

.fixstable-builder-frontend-mode-canvas .fixstable-builder-section-inner,
.fixstable-builder-frontend-mode-landing .fixstable-builder-section-inner {
	max-width: none;
}

.fixstable-builder-frontend-mode-landing.fixstable-builder-section-default-contained .fixstable-builder-section-contained .fixstable-builder-section-inner,
.fixstable-builder-frontend-mode-landing.fixstable-builder-page-layout-full.fixstable-builder-section-default-contained .fixstable-builder-section-full .fixstable-builder-section-inner,
.fixstable-builder-frontend-mode-landing.fixstable-builder-page-layout-full.fixstable-builder-section-default-contained .fixstable-builder-section-full-width .fixstable-builder-section-inner {
	width: min(100%, var(--fixstable-content-rail-width, var(--fixstable-page-max-width, 1180px)));
	max-width: var(--fixstable-content-rail-width, var(--fixstable-page-max-width, 1180px));
	margin-inline: auto;
}

.fixstable-builder-frontend-mode-landing.fixstable-builder-page-layout-full .fixstable-builder-section,
.fixstable-builder-frontend-mode-landing.fixstable-builder-page-layout-full.fixstable-builder-section-default-full .fixstable-builder-section {
	width: 100%;
	max-width: none;
}

.fixstable-builder-frontend-mode-landing.fixstable-builder-page-layout-full .fixstable-builder-section-full .fixstable-builder-section-inner,
.fixstable-builder-frontend-mode-landing.fixstable-builder-page-layout-full .fixstable-builder-section-full-width .fixstable-builder-section-inner,
.fixstable-builder-frontend-mode-landing.fixstable-builder-page-layout-full.fixstable-builder-section-default-full .fixstable-builder-section-inner {
	width: min(100%, var(--fixstable-landing-rail-width, var(--fixstable-inner-rail-width, var(--fixstable-page-max-width, 1180px))));
	max-width: var(--fixstable-landing-rail-width, var(--fixstable-inner-rail-width, var(--fixstable-page-max-width, 1180px)));
	margin-inline: auto;
}

.fixstable-builder-frontend-mode-landing.fixstable-builder-page-layout-full .fixstable-builder-commercial {
	width: min(100%, var(--fixstable-landing-rail-width, var(--fixstable-inner-rail-width, var(--fixstable-page-max-width, 1180px))));
	max-width: var(--fixstable-landing-rail-width, var(--fixstable-inner-rail-width, var(--fixstable-page-max-width, 1180px)));
	margin-inline: auto;
}

.fixstable-builder-frontend.fixstable-builder-shadow-soft .fixstable-builder-section,
.fixstable-builder-frontend.fixstable-builder-shadow-soft .fixstable-builder-commercial {
	box-shadow: 0 18px 44px rgba(12, 18, 24, 0.08);
}

.fixstable-builder-frontend.fixstable-builder-shadow-lifted .fixstable-builder-section,
.fixstable-builder-frontend.fixstable-builder-shadow-lifted .fixstable-builder-commercial {
	box-shadow: 0 28px 64px rgba(12, 18, 24, 0.14);
}

.fixstable-builder-frontend.fixstable-builder-shadow-none .fixstable-builder-section,
.fixstable-builder-frontend.fixstable-builder-shadow-none .fixstable-builder-commercial {
	box-shadow: none;
}

@media (max-width: 768px) {
	.fixstable-builder-site-header-inner {
		flex-wrap: wrap;
	}

	.fixstable-builder-site-brand {
		max-width: 100%;
	}

	.fixstable-builder-site-logo-image:not(.is-footer) {
		max-width: min(calc(var(--fixstable-mobile-logo-size, var(--fixstable-header-logo-size, 40px)) * 3.5), 100%);
		max-height: var(--fixstable-mobile-logo-size, var(--fixstable-header-logo-size, 40px));
	}
}

.fixstable-builder-frontend.fixstable-builder-shadow-soft .fixstable-builder-section,
.fixstable-builder-frontend.fixstable-builder-shadow-soft .fixstable-builder-commercial {
	box-shadow: 0 18px 44px rgba(12, 18, 24, 0.08);
}

.fixstable-builder-frontend.fixstable-builder-shadow-lifted .fixstable-builder-section,
.fixstable-builder-frontend.fixstable-builder-shadow-lifted .fixstable-builder-commercial {
	box-shadow: 0 28px 64px rgba(12, 18, 24, 0.14);
}

.fixstable-builder-frontend.fixstable-builder-shadow-none .fixstable-builder-section,
.fixstable-builder-frontend.fixstable-builder-shadow-none .fixstable-builder-commercial {
	box-shadow: none;
}

@media (max-width: 768px) {
	.fixstable-builder-site-header-inner {
		flex-wrap: wrap;
	}

	.fixstable-builder-site-brand {
		max-width: 100%;
	}

	.fixstable-builder-site-logo-image:not(.is-footer) {
		max-width: min(calc(var(--fixstable-mobile-logo-size, var(--fixstable-header-logo-size, 40px)) * 3.5), 100%);
		max-height: var(--fixstable-mobile-logo-size, var(--fixstable-header-logo-size, 40px));
	}
}

.fixstable-builder-commercial {
	position: relative;
	display: grid;
	gap: 18px;
	padding: clamp(24px, 4vw, 44px);
	border: 1px solid rgba(15, 23, 32, 0.08);
	border-radius: 24px;
	background: #fff;
	color: #17202a;
	box-shadow: 0 22px 58px rgba(12, 18, 24, 0.1);
}

.fixstable-builder-commercial h2,
.fixstable-builder-commercial h3,
.fixstable-builder-commercial p,
.fixstable-builder-commercial blockquote {
	margin: 0;
}

.fixstable-builder-commercial h2 {
	font-size: clamp(28px, 4vw, 48px);
	line-height: 1.05;
	letter-spacing: 0;
}

.fixstable-builder-commercial h3 {
	font-size: clamp(19px, 2.2vw, 24px);
	line-height: 1.2;
}

.fixstable-builder-commercial p,
.fixstable-builder-commercial-copy {
	line-height: 1.65;
}

.fixstable-builder-pro-pack-placeholder {
	border-style: dashed;
	opacity: 0.96;
}

.fixstable-builder-pro-pack-placeholder .fixstable-builder-commercial-eyebrow {
	display: inline-flex;
	width: fit-content;
	padding: 4px 10px;
	border-radius: 999px;
	background: rgba(47, 168, 255, 0.16);
	color: inherit;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.fixstable-builder-commercial-copy > :first-child {
	margin-top: 0;
}

.fixstable-builder-commercial-copy > :last-child {
	margin-bottom: 0;
}

.fixstable-builder-commercial-eyebrow,
.fixstable-builder-commercial-badge {
	display: inline-flex;
	width: fit-content;
	color: var(--fixstable-accent, #2fa8ff);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.09em;
	text-transform: uppercase;
}

.fixstable-builder-commercial-badge {
	position: absolute;
	top: 18px;
	right: 18px;
	padding: 6px 10px;
	border-radius: 999px;
	background: rgba(47, 168, 255, 0.1);
}

.fixstable-builder-commercial-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.fixstable-builder-action-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: 0 18px;
	border-radius: var(--fixstable-button-radius, 999px);
	font-weight: 800;
	text-decoration: none;
}

.fixstable-builder-action-link.is-primary {
	background: var(--fixstable-accent, var(--fixstable-page-primary, #2fa8ff));
	color: #fff;
}

.fixstable-builder-action-link.is-secondary {
	border: 1px solid currentColor;
	color: inherit;
	background: rgba(255, 255, 255, 0.04);
}

.fixstable-builder-site-header,
.fixstable-builder-site-footer {
	width: 100%;
}

.fixstable-builder-site-header {
	position: relative;
	z-index: 2;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	box-shadow: 0 14px 36px rgba(3, 8, 14, 0.18);
}

.fixstable-builder-site-header-inner {
	display: grid;
	grid-template-columns: auto 1fr auto;
	align-items: center;
	gap: clamp(16px, 3vw, 36px);
	width: min(100%, var(--fixstable-inner-rail-width, var(--fixstable-content-rail-width, var(--fixstable-page-max-width, 1180px))));
	max-width: var(--fixstable-inner-rail-width, var(--fixstable-content-rail-width, var(--fixstable-page-max-width, 1180px)));
	margin: 0 auto;
	padding: 16px 24px;
}

.fixstable-builder-site-brand {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	color: #17202a;
	font-size: 18px;
	font-weight: 800;
	text-decoration: none;
}

.fixstable-builder-site-brand:hover {
	color: #17202a;
	opacity: 0.88;
}

.fixstable-builder-site-header nav {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: clamp(12px, 2vw, 24px);
}

.fixstable-builder-site-header nav a {
	color: #17202a;
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
	opacity: 0.82;
}

.fixstable-builder-site-header nav a:hover {
	opacity: 1;
	color: var(--fixstable-accent, #2fa8ff);
}

.fixstable-builder-site-footer {
	background: #071018;
}

.fixstable-builder-site-footer-inner {
	display: grid;
	gap: 28px;
	width: min(100%, var(--fixstable-inner-rail-width, var(--fixstable-content-rail-width, var(--fixstable-page-max-width, 1180px))));
	max-width: var(--fixstable-inner-rail-width, var(--fixstable-content-rail-width, var(--fixstable-page-max-width, 1180px)));
	margin: 0 auto;
	padding: clamp(42px, 6vw, 72px) 24px 28px;
}

.fixstable-builder-site-footer-brand {
	display: grid;
	gap: 10px;
	max-width: 620px;
}

.fixstable-builder-site-footer-brand strong {
	font-size: clamp(26px, 4vw, 42px);
	line-height: 1.05;
}

.fixstable-builder-site-footer-brand p,
.fixstable-builder-site-footer-copy {
	margin: 0;
	color: currentColor;
	opacity: 0.76;
	line-height: 1.6;
}

.fixstable-builder-site-footer-columns {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}

.fixstable-builder-site-footer-columns div {
	padding: 18px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.035);
}

.fixstable-builder-site-footer-columns h3 {
	margin: 0 0 10px;
	color: var(--fixstable-accent, #f4c86b);
	font-size: 13px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.fixstable-builder-site-footer-columns ul {
	display: grid;
	gap: 7px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.fixstable-builder-site-footer-columns li {
	opacity: 0.78;
	line-height: 1.45;
}

.fixstable-builder-commercial-head {
	display: grid;
	gap: 10px;
	max-width: 760px;
}

.fixstable-builder-faq-list,
.fixstable-builder-commercial-grid,
.fixstable-builder-feature-list ul {
	display: grid;
	grid-template-columns: repeat(var(--fixstable-commercial-columns, 1), minmax(0, 1fr));
	gap: 14px;
}

.fixstable-builder-faq-item,
.fixstable-builder-commercial-grid article {
	padding: 18px;
	border: 1px solid rgba(47, 168, 255, 0.14);
	border-radius: 18px;
	background: rgba(247, 250, 253, 0.78);
}

.fixstable-builder-faq-item summary {
	cursor: pointer;
	font-weight: 800;
}

.fixstable-builder-faq-item div {
	margin-top: 10px;
}

.fixstable-builder-commercial-grid article {
	display: grid;
	gap: 10px;
}

.fixstable-builder-commercial-grid article > span {
	width: 28px;
	height: 4px;
	border-radius: 999px;
	background: var(--fixstable-accent, #2fa8ff);
}

.fixstable-builder-price-row {
	display: flex;
	align-items: baseline;
	gap: 10px;
}

.fixstable-builder-price-row strong {
	font-size: clamp(36px, 5vw, 58px);
	line-height: 1;
}

.fixstable-builder-pricing-block ul,
.fixstable-builder-testimonial-proof ul,
.fixstable-builder-request-section ul,
.fixstable-builder-feature-list ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.fixstable-builder-pricing-block li,
.fixstable-builder-testimonial-proof li,
.fixstable-builder-request-section li,
.fixstable-builder-feature-list li {
	position: relative;
	padding-left: 22px;
	line-height: 1.55;
}

.fixstable-builder-pricing-block li::before,
.fixstable-builder-testimonial-proof li::before,
.fixstable-builder-request-section li::before,
.fixstable-builder-feature-list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.62em;
	width: 9px;
	height: 9px;
	border-radius: 999px;
	background: var(--fixstable-accent, #2fa8ff);
}

.fixstable-builder-testimonial-proof {
	grid-template-columns: minmax(0, 1.2fr) minmax(240px, 0.8fr);
	align-items: center;
}

.fixstable-builder-testimonial-proof blockquote p {
	font-size: clamp(24px, 3vw, 34px);
	line-height: 1.18;
}

.fixstable-builder-testimonial-proof cite {
	display: grid;
	gap: 4px;
	margin-top: 14px;
	font-style: normal;
	font-weight: 800;
}

.fixstable-builder-testimonial-proof cite span {
	font-weight: 600;
	opacity: 0.7;
}

.fixstable-builder-request-section {
	grid-template-columns: minmax(0, 1.3fr) minmax(260px, 0.7fr);
	align-items: center;
}

.fixstable-builder-request-section aside {
	display: grid;
	gap: 14px;
	padding: 18px;
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 18px;
	background: rgba(255, 255, 255, 0.07);
}

.fixstable-builder-form {
	position: relative;
	display: grid;
	gap: 18px;
	padding: clamp(24px, 4vw, 42px);
	border: 1px solid rgba(15, 23, 32, 0.1);
	border-radius: 18px;
	background: #ffffff;
	color: #17202a;
	box-shadow: 0 22px 58px rgba(12, 18, 24, 0.1);
}

.fixstable-builder-form h3,
.fixstable-builder-form p {
	margin: 0;
}

.fixstable-builder-form h3 {
	font-size: clamp(1.35rem, 2.2vw, 2rem);
	line-height: 1.18;
	letter-spacing: 0;
}

.fixstable-builder-form-intro {
	max-width: 620px;
	color: currentColor;
	opacity: 0.76;
	line-height: 1.65;
}

.fixstable-builder-form form {
	display: grid;
	gap: 16px;
}

.fixstable-builder-form-fields {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}

.fixstable-builder-form.is-layout-single .fixstable-builder-form-fields,
.fixstable-builder-form-field.is-textarea {
	grid-template-columns: 1fr;
	grid-column: 1 / -1;
}

.fixstable-builder-form-field {
	display: grid;
	gap: 7px;
	min-width: 0;
}

.fixstable-builder-form-field label {
	color: currentColor;
	font-size: 0.9rem;
	font-weight: 800;
	line-height: 1.25;
}

.fixstable-builder-form-field label span {
	color: var(--fixstable-form-accent, #2fa8ff);
}

.fixstable-builder-form input,
.fixstable-builder-form select,
.fixstable-builder-form textarea {
	width: 100%;
	box-sizing: border-box;
	border: 1px solid rgba(15, 23, 32, 0.14);
	border-radius: 4px;
	background: rgba(255, 255, 255, 0.88);
	color: #17202a;
	font: inherit;
	line-height: 1.35;
	box-shadow: none;
	outline: none;
	transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

.fixstable-builder-form input,
.fixstable-builder-form select {
	min-height: 52px;
	padding: 0 14px;
}

.fixstable-builder-form textarea {
	min-height: 148px;
	padding: 14px;
	resize: vertical;
}

.fixstable-builder-form input:focus,
.fixstable-builder-form select:focus,
.fixstable-builder-form textarea:focus {
	border-color: var(--fixstable-form-accent, #2fa8ff);
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--fixstable-form-accent, #2fa8ff) 20%, transparent);
}

.fixstable-builder-form-field.has-error input,
.fixstable-builder-form-field.has-error select,
.fixstable-builder-form-field.has-error textarea {
	border-color: #c2410c;
	box-shadow: 0 0 0 3px rgba(194, 65, 12, 0.12);
}

.fixstable-builder-form-submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 52px;
	width: 100%;
	padding: 0 20px;
	border: 1px solid var(--fixstable-form-accent, #2fa8ff);
	border-radius: var(--fixstable-button-radius, 999px);
	background: var(--fixstable-form-accent, #2fa8ff);
	color: #ffffff;
	font: inherit;
	font-weight: 800;
	cursor: pointer;
}

.fixstable-builder-form.is-button-outline .fixstable-builder-form-submit {
	background: transparent;
	color: var(--fixstable-form-accent, #2fa8ff);
}

.fixstable-builder-form-submit:disabled {
	cursor: default;
	opacity: 0.75;
}

.fixstable-builder-form-message {
	padding: 12px 14px;
	border: 1px solid rgba(15, 23, 32, 0.1);
	border-radius: 8px;
	background: rgba(15, 23, 32, 0.04);
	font-weight: 700;
	line-height: 1.45;
}

.fixstable-builder-form-message.is-success {
	border-color: rgba(22, 101, 52, 0.22);
	background: rgba(22, 101, 52, 0.08);
	color: #14532d;
}

.fixstable-builder-form-message.is-error {
	border-color: rgba(194, 65, 12, 0.24);
	background: rgba(194, 65, 12, 0.08);
	color: #7c2d12;
}

.fixstable-builder-form-honeypot {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.fixstable-builder-form-brief-panel {
	border-radius: 8px;
}

.fixstable-builder-form-compact {
	gap: 14px;
	padding: 22px;
}

.fixstable-builder-hero-story {
	display: grid;
	gap: 12px;
	padding: 24px;
	border-radius: 24px;
	background: #fff9f4;
}

.fixstable-builder-hero-story span {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #8f1714;
}

.fixstable-builder-ticker {
	padding: 14px 16px;
	border-radius: 999px;
	background: #8f1714;
	color: #fff;
	font-weight: 700;
}

.fixstable-builder-trending {
	display: grid;
	gap: 10px;
	padding: 18px;
	border-top: 4px solid #8f1714;
	border-radius: 18px;
	background: #fff9f4;
}

@media (max-width: 900px) {
	.fixstable-builder-section-inner {
		width: 100%;
	}

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

	.fixstable-builder-row,
	.fixstable-builder-grid,
	.fixstable-builder-faq-list,
	.fixstable-builder-commercial-grid,
	.fixstable-builder-feature-list ul,
	.fixstable-builder-form-fields,
	.fixstable-builder-testimonial-proof,
	.fixstable-builder-request-section {
		grid-template-columns: 1fr;
	}
}

/* Phase 1.8.2 page layout, header/footer foundation, and visual polish */
.fixstable-builder-frontend {
	padding: var(--fixstable-canvas-padding, 24px);
	padding-left: calc(var(--fixstable-canvas-padding, 24px) + var(--fixstable-page-outer-padding, 0px));
	padding-right: calc(var(--fixstable-canvas-padding, 24px) + var(--fixstable-page-outer-padding, 0px));
}

.fixstable-builder-frontend.fixstable-builder-page-layout-boxed {
	max-width: var(--fixstable-content-rail-width, var(--fixstable-page-max-width, 1180px));
	margin-left: auto;
	margin-right: auto;
}

.fixstable-builder-frontend.fixstable-builder-page-layout-wide {
	width: min(100%, var(--fixstable-inner-rail-width, calc(var(--fixstable-page-max-width, 1180px) + 96px)));
	max-width: min(100%, var(--fixstable-inner-rail-width, calc(var(--fixstable-page-max-width, 1180px) + 96px)));
	margin-left: auto;
	margin-right: auto;
}

.fixstable-builder-frontend.fixstable-builder-page-layout-full {
	max-width: none;
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
}

.fixstable-builder-page-layout-full.fixstable-builder-section-default-contained .fixstable-builder-section-contained .fixstable-builder-section-inner {
	width: min(100%, var(--fixstable-inner-rail-width, var(--fixstable-page-max-width, 1180px)));
	max-width: none;
	margin-left: auto;
	margin-right: auto;
}

.fixstable-builder-frontend.fixstable-builder-section-default-contained .fixstable-builder-section-full .fixstable-builder-section-inner,
.fixstable-builder-frontend.fixstable-builder-section-default-contained .fixstable-builder-section-full-width .fixstable-builder-section-inner {
	width: min(100%, var(--fixstable-inner-rail-width, var(--fixstable-page-max-width, 1180px)));
	max-width: var(--fixstable-inner-rail-width, var(--fixstable-page-max-width, 1180px));
	margin-inline: auto;
}

.fixstable-builder-frontend.fixstable-builder-section-default-full:not(.fixstable-builder-frontend-mode-landing) .fixstable-builder-section-inner,
.fixstable-builder-frontend.fixstable-builder-section-default-full:not(.fixstable-builder-frontend-mode-landing) .fixstable-builder-section-full .fixstable-builder-section-inner,
.fixstable-builder-frontend.fixstable-builder-section-default-full:not(.fixstable-builder-frontend-mode-landing) .fixstable-builder-section-full-width .fixstable-builder-section-inner {
	width: 100%;
	max-width: none;
	margin-inline: 0;
}

.fixstable-builder-page-layout-full.fixstable-builder-section-default-full:not(.fixstable-builder-frontend-mode-landing) .fixstable-builder-section,
.fixstable-builder-page-layout-full.fixstable-builder-section-default-full:not(.fixstable-builder-frontend-mode-landing) .fixstable-builder-section-inner,
.fixstable-builder-page-layout-full.fixstable-builder-section-default-full:not(.fixstable-builder-frontend-mode-landing) .fixstable-builder-commercial {
	width: 100%;
	max-width: none;
}

.fixstable-builder-page-layout-full.fixstable-builder-section-default-full:not(.fixstable-builder-frontend-mode-landing) .fixstable-builder-commercial {
	border-radius: 0;
}

.fixstable-builder-frontend-mode-landing.fixstable-builder-page-layout-full.fixstable-builder-section-default-full .fixstable-builder-commercial {
	border-radius: 0;
}

.fixstable-builder-section-default-wide .fixstable-builder-section-contained .fixstable-builder-section-inner {
	width: min(96%, var(--fixstable-content-rail-width, var(--fixstable-page-max-width, 1180px)));
}

.fixstable-builder-section-default-full .fixstable-builder-section-contained .fixstable-builder-section-inner {
	width: 100%;
	max-width: none;
}

.fixstable-builder-header-width-full .fixstable-builder-site-header-inner,
.fixstable-builder-footer-width-full .fixstable-builder-site-footer-inner {
	width: 100%;
	max-width: none;
}

.fixstable-builder-header-width-contained .fixstable-builder-site-header-inner,
.fixstable-builder-footer-width-contained .fixstable-builder-site-footer-inner {
	width: min(100%, var(--fixstable-inner-rail-width, var(--fixstable-page-max-width, 1180px)));
}

.fixstable-builder-header-nav-left .fixstable-builder-site-nav {
	justify-content: flex-start;
}

.fixstable-builder-header-nav-center .fixstable-builder-site-nav {
	justify-content: center;
}

.fixstable-builder-header-nav-right .fixstable-builder-site-nav {
	justify-content: flex-end;
}

.fixstable-builder-site-header.is-sticky {
	position: sticky;
	top: 0;
	z-index: 30;
}

.fixstable-builder-site-header-cta.is-style-outline {
	background: transparent;
	border: 1px solid var(--fixstable-page-primary, #2fa8ff);
	color: var(--fixstable-page-primary, #2fa8ff);
}

.fixstable-builder-site-header-cta.is-style-soft {
	background: rgba(47, 168, 255, 0.12);
	color: var(--fixstable-page-primary, #2fa8ff);
}

.fixstable-builder-site-logo-text,
.fixstable-builder-site-footer-logo-text {
	display: inline-flex;
	align-items: center;
	min-height: 36px;
	font-weight: inherit;
	letter-spacing: -0.02em;
	color: inherit;
}

.fixstable-builder-site-brand:not(:has(.fixstable-builder-site-logo-image)):not(:has(.fixstable-builder-site-logo-mark))::before {
	content: "";
	display: inline-block;
	flex-shrink: 0;
	width: 10px;
	height: 10px;
	border-radius: 999px;
	background: var(--fixstable-page-primary, #2fa8ff);
	box-shadow: 0 0 0 4px rgba(47, 168, 255, 0.12);
}

.fixstable-builder-footer-bg-gradient {
	background: linear-gradient(180deg, #0f1b28 0%, #071018 100%);
	color: #eaf5ff;
}

.fixstable-builder-footer-bg-minimal {
	background: #fff;
	color: #17202a;
	border-top: 1px solid rgba(15, 23, 32, 0.08);
}

.fixstable-builder-site-footer-nav.is-multi-column {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
	gap: 12px 24px;
	width: 100%;
}

.fixstable-builder-commercial h2,
.fixstable-builder-commercial h3,
.fixstable-builder-commercial blockquote p,
.fixstable-builder-commercial cite {
	color: inherit;
}

.fixstable-builder-pricing-block li,
.fixstable-builder-testimonial-proof li,
.fixstable-builder-request-section li,
.fixstable-builder-feature-list li {
	margin-bottom: 8px;
}

.fixstable-builder-pricing-block li:last-child,
.fixstable-builder-testimonial-proof li:last-child,
.fixstable-builder-request-section li:last-child,
.fixstable-builder-feature-list li:last-child {
	margin-bottom: 0;
}

.fixstable-builder-action-link,
.fixstable-builder-button {
	font-weight: 700;
	text-decoration: none;
	transition: transform 0.18s ease, opacity 0.18s ease;
}

.fixstable-builder-action-link:hover,
.fixstable-builder-button:hover {
	opacity: 0.92;
}

.fixstable-builder-site-footer-multi-column .fixstable-builder-site-footer-inner,
.fixstable-builder-site-footer-support .fixstable-builder-site-footer-inner {
	gap: 24px;
}

@media (max-width: 768px) {
	.fixstable-builder-frontend {
		padding-top: var(--fixstable-mobile-canvas-padding, var(--fixstable-canvas-padding, 16px));
		padding-bottom: var(--fixstable-mobile-canvas-padding, var(--fixstable-canvas-padding, 16px));
		padding-left: calc(var(--fixstable-mobile-canvas-padding, var(--fixstable-canvas-padding, 16px)) + var(--fixstable-page-outer-padding, 0px));
		padding-right: calc(var(--fixstable-mobile-canvas-padding, var(--fixstable-canvas-padding, 16px)) + var(--fixstable-page-outer-padding, 0px));
	}

	.fixstable-builder-frontend.fixstable-builder-page-layout-full {
		padding-left: 0;
		padding-right: 0;
	}
}

.fixstable-builder-site-nav-toggle {
	display: none;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	padding: 0;
	border: 1px solid rgba(15, 23, 32, 0.12);
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.92);
	color: inherit;
	cursor: pointer;
}

.fixstable-builder-site-nav-toggle-bars,
.fixstable-builder-site-nav-toggle-bars::before,
.fixstable-builder-site-nav-toggle-bars::after {
	display: block;
	width: 16px;
	height: 2px;
	border-radius: 999px;
	background: currentColor;
	content: "";
}

.fixstable-builder-site-nav-toggle-bars {
	position: relative;
}

.fixstable-builder-site-nav-toggle-bars::before {
	position: absolute;
	top: -5px;
	left: 0;
}

.fixstable-builder-site-nav-toggle-bars::after {
	position: absolute;
	top: 5px;
	left: 0;
}

@media (max-width: 768px) {
	.fixstable-builder-site-header.has-mobile-nav .fixstable-builder-site-header-inner {
		flex-wrap: wrap;
		align-items: center;
		gap: 12px;
	}

	.fixstable-builder-site-header.has-mobile-nav .fixstable-builder-site-nav-toggle {
		display: inline-flex;
		margin-left: auto;
	}

	.fixstable-builder-site-header.has-mobile-nav .fixstable-builder-site-nav {
		display: none;
		flex-basis: 100%;
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
		width: 100%;
		padding-top: 8px;
	}

	.fixstable-builder-site-header.has-mobile-nav.is-mobile-nav-open .fixstable-builder-site-nav {
		display: flex;
	}

	.fixstable-builder-site-header.has-mobile-nav .fixstable-builder-site-header-cta {
		width: 100%;
		justify-content: center;
	}
}

/* Phase 1.9.3 — kit visual polish, contrast, header/footer, and button states */
.fixstable-builder-site-header-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: clamp(12px, 2vw, 24px);
}

.fixstable-builder-site-header-split-cta .fixstable-builder-site-header-inner {
	display: grid;
	grid-template-columns: auto 1fr auto;
	align-items: center;
}

.fixstable-builder-site-nav a,
.fixstable-builder-site-footer-nav a {
	line-height: 1.45;
	white-space: nowrap;
}

.fixstable-builder-site-footer-inner {
	display: grid;
	gap: 24px;
}

.fixstable-builder-site-footer-nav {
	display: flex;
	flex-wrap: wrap;
	gap: 12px 20px;
	align-items: center;
}

.fixstable-builder-site-footer-nav a {
	opacity: 0.84;
}

.fixstable-builder-site-footer-nav a:hover {
	opacity: 1;
}

.fixstable-builder-site-footer-support-wrap {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.fixstable-builder-site-footer-copy {
	margin-top: 4px;
	font-size: 14px;
	opacity: 0.72;
}

.fixstable-builder-commercial.is-dark-surface {
	border-color: rgba(255, 255, 255, 0.1);
	box-shadow: 0 22px 58px rgba(3, 8, 14, 0.28);
}

.fixstable-builder-commercial.is-light-surface {
	border-color: rgba(15, 23, 32, 0.08);
}

.fixstable-builder-commercial.is-dark-surface .fixstable-builder-commercial-copy,
.fixstable-builder-commercial.is-dark-surface p,
.fixstable-builder-commercial.is-dark-surface .fixstable-builder-commercial-head p {
	color: rgba(244, 249, 255, 0.86);
}

.fixstable-builder-commercial.is-light-surface .fixstable-builder-commercial-copy,
.fixstable-builder-commercial.is-light-surface p,
.fixstable-builder-commercial.is-light-surface .fixstable-builder-commercial-head p {
	color: rgba(23, 32, 42, 0.82);
}

.fixstable-builder-commercial.is-dark-surface .fixstable-builder-testimonial-proof cite span,
.fixstable-builder-commercial.is-dark-surface .fixstable-builder-price-row span {
	color: rgba(244, 249, 255, 0.72);
}

.fixstable-builder-commercial.is-light-surface .fixstable-builder-testimonial-proof cite span,
.fixstable-builder-commercial.is-light-surface .fixstable-builder-price-row span {
	color: rgba(23, 32, 42, 0.68);
}

.fixstable-builder-commercial.is-dark-surface .fixstable-builder-action-link.is-secondary {
	border-color: rgba(255, 255, 255, 0.34);
	color: #ffffff;
	background: rgba(255, 255, 255, 0.06);
}

.fixstable-builder-commercial.is-light-surface .fixstable-builder-action-link.is-secondary {
	border-color: rgba(23, 32, 42, 0.22);
	color: #17202a;
	background: rgba(255, 255, 255, 0.82);
}

.fixstable-builder-request-section.is-light-surface aside {
	border-color: rgba(15, 23, 32, 0.1);
	background: rgba(255, 255, 255, 0.82);
	color: rgba(23, 32, 42, 0.82);
}

.fixstable-builder-request-section.is-dark-surface aside {
	border-color: rgba(255, 255, 255, 0.14);
	background: rgba(255, 255, 255, 0.07);
	color: rgba(244, 249, 255, 0.86);
}

.fixstable-builder-commercial.is-dark-surface .fixstable-builder-faq-item,
.fixstable-builder-commercial.is-dark-surface .fixstable-builder-commercial-grid article {
	border-color: rgba(255, 255, 255, 0.12);
	background: rgba(255, 255, 255, 0.05);
	color: inherit;
}

.fixstable-builder-action-link,
.fixstable-builder-site-header-cta,
.fixstable-builder-site-footer-support,
.fixstable-builder-site-nav-toggle,
.fixstable-builder-button {
	-webkit-tap-highlight-color: transparent;
}

.fixstable-builder-action-link:focus,
.fixstable-builder-site-header-cta:focus,
.fixstable-builder-site-footer-support:focus,
.fixstable-builder-site-nav-toggle:focus,
.fixstable-builder-button:focus {
	outline: none;
}

.fixstable-builder-action-link:focus-visible,
.fixstable-builder-site-header-cta:focus-visible,
.fixstable-builder-site-footer-support:focus-visible,
.fixstable-builder-site-nav-toggle:focus-visible,
.fixstable-builder-button:focus-visible {
	outline: 2px solid var(--fixstable-page-primary, #2fa8ff);
	outline-offset: 2px;
}

.fixstable-builder-action-link:active,
.fixstable-builder-site-header-cta:active,
.fixstable-builder-site-footer-support:active,
.fixstable-builder-button:active {
	transform: translateY(1px);
}

.fixstable-builder-site-nav-toggle:active {
	transform: none;
	color: var(--fixstable-page-primary, #2fa8ff);
	background: color-mix(in srgb, var(--fixstable-page-primary, #2fa8ff) 10%, #ffffff);
}

.fixstable-builder-site-nav-toggle[aria-expanded="true"] {
	color: var(--fixstable-page-primary, #2fa8ff);
	border-color: color-mix(in srgb, var(--fixstable-page-primary, #2fa8ff) 34%, rgba(15, 23, 32, 0.12));
	background: color-mix(in srgb, var(--fixstable-page-primary, #2fa8ff) 8%, #ffffff);
}

.fixstable-builder-site-header.has-mobile-nav.is-mobile-nav-open .fixstable-builder-site-nav {
	padding: 12px;
	border: 1px solid rgba(15, 23, 32, 0.08);
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.98);
}

.fixstable-builder-site-header.has-mobile-nav.is-mobile-nav-open .fixstable-builder-site-nav a {
	opacity: 1;
	color: #17202a;
}

@media (max-width: 768px) {
	.fixstable-builder-site-footer-nav.is-multi-column {
		grid-template-columns: 1fr;
	}

	.fixstable-builder-commercial {
		padding: 20px;
	}

	.fixstable-builder-form {
		padding: 22px;
	}
}

/* Phase 1.9.4 — global surface contrast safety nets */
.fixstable-builder-commercial[style*="background:#eef7ff"],
.fixstable-builder-commercial[style*="background: #eef7ff"],
.fixstable-builder-commercial[style*="background:#f8fbff"],
.fixstable-builder-commercial[style*="background: #f8fbff"],
.fixstable-builder-commercial[style*="background:#f7fbff"],
.fixstable-builder-commercial[style*="background: #f7fbff"],
.fixstable-builder-commercial[style*="background:#f5f8fb"],
.fixstable-builder-commercial[style*="background: #f5f8fb"] {
	color: #17202a !important;
}

.fixstable-builder-commercial[style*="background:#071018"],
.fixstable-builder-commercial[style*="background: #071018"],
.fixstable-builder-commercial[style*="background:#08131d"],
.fixstable-builder-commercial[style*="background: #08131d"],
.fixstable-builder-commercial[style*="background:#101923"],
.fixstable-builder-commercial[style*="background: #101923"],
.fixstable-builder-commercial[style*="background:#0f1720"],
.fixstable-builder-commercial[style*="background: #0f1720"],
.fixstable-builder-commercial[style*="background:#172033"],
.fixstable-builder-commercial[style*="background: #172033"],
.fixstable-builder-commercial[style*="background:#111827"],
.fixstable-builder-commercial[style*="background: #111827"],
.fixstable-builder-commercial[style*="background:#0f2838"],
.fixstable-builder-commercial[style*="background: #0f2838"] {
	color: #f4f9ff !important;
}

.fixstable-builder-commercial.is-light-surface h2,
.fixstable-builder-commercial.is-light-surface h3,
.fixstable-builder-commercial.is-light-surface li,
.fixstable-builder-commercial.is-light-surface strong,
.fixstable-builder-commercial.is-light-surface blockquote,
.fixstable-builder-commercial.is-light-surface cite {
	color: inherit;
}

.fixstable-builder-commercial.is-dark-surface h2,
.fixstable-builder-commercial.is-dark-surface h3,
.fixstable-builder-commercial.is-dark-surface li,
.fixstable-builder-commercial.is-dark-surface strong,
.fixstable-builder-commercial.is-dark-surface blockquote,
.fixstable-builder-commercial.is-dark-surface cite {
	color: inherit;
}

.fixstable-builder-commercial.is-light-surface .fixstable-builder-commercial-eyebrow,
.fixstable-builder-commercial.is-light-surface .fixstable-builder-commercial-badge {
	color: var(--fixstable-accent, #2fa8ff);
}

.fixstable-builder-site-header {
	background: rgba(255, 255, 255, 0.98);
	border-bottom: 1px solid rgba(15, 23, 32, 0.08);
	box-shadow: 0 8px 24px rgba(12, 18, 24, 0.06);
}

.fixstable-builder-site-brand {
	flex-shrink: 0;
	min-width: 0;
	color: #17202a;
	text-decoration: none;
}

.fixstable-builder-site-header .fixstable-builder-site-nav {
	min-width: 0;
	max-width: 100%;
	overflow: visible;
}

.fixstable-builder-site-header-cta,
.fixstable-builder-site-footer-support {
	text-decoration: none;
	white-space: nowrap;
}

.fixstable-builder-site-footer-brand {
	display: grid;
	gap: 12px;
}

.fixstable-builder-site-footer-multi-column .fixstable-builder-site-footer-inner {
	grid-template-columns: minmax(0, 1fr);
}

.fixstable-builder-site-footer-nav a,
.fixstable-builder-site-footer-support {
	text-decoration: none;
}

.fixstable-builder-action-link.is-primary {
	color: #ffffff;
}

.fixstable-builder-action-link:disabled,
.fixstable-builder-button:disabled {
	opacity: 0.55;
	cursor: not-allowed;
	transform: none;
}

/* Phase 1.9.5 — Service / Support kit demo polish */
.fixstable-builder-cta-block {
	gap: 20px;
}

.fixstable-builder-cta-block .fixstable-builder-commercial-copy {
	max-width: 62ch;
	font-size: clamp(16px, 1.6vw, 18px);
}

.fixstable-builder-cta-block.is-dark-surface h2 {
	font-size: clamp(32px, 4.8vw, 52px);
	max-width: min(22ch, 100%);
	letter-spacing: -0.02em;
	line-height: 1.06;
}

.fixstable-builder-commercial-head {
	gap: 12px;
}

.fixstable-builder-commercial-head h2 {
	font-size: clamp(26px, 3.6vw, 40px);
	letter-spacing: -0.015em;
}

.fixstable-builder-commercial-head p {
	max-width: 58ch;
}

.fixstable-builder-service-grid .fixstable-builder-commercial-grid {
	gap: 16px;
}

.fixstable-builder-service-grid .fixstable-builder-commercial-grid article {
	min-height: 100%;
	box-shadow: 0 12px 30px rgba(12, 18, 24, 0.06);
}

.fixstable-builder-service-grid .fixstable-builder-commercial-grid article h3 {
	font-size: 1.125rem;
}

.fixstable-builder-service-grid .fixstable-builder-commercial-grid article p {
	font-size: 0.96rem;
	line-height: 1.62;
}

.fixstable-builder-testimonial-proof {
	gap: 22px;
}

.fixstable-builder-testimonial-proof blockquote p {
	font-weight: 600;
}

.fixstable-builder-testimonial-proof ul {
	display: grid;
	gap: 10px;
}

.fixstable-builder-pricing-block {
	gap: 20px;
}

.fixstable-builder-pricing-block > div > p {
	max-width: 52ch;
}

.fixstable-builder-pricing-block .fixstable-builder-price-row {
	margin-top: 4px;
}

.fixstable-builder-faq-block .fixstable-builder-faq-list {
	gap: 12px;
}

.fixstable-builder-faq-item {
	padding: 16px 18px;
}

.fixstable-builder-faq-item summary {
	line-height: 1.45;
	padding-right: 10px;
}

.fixstable-builder-faq-item div {
	line-height: 1.65;
}

.fixstable-builder-request-section h2 {
	max-width: 22ch;
}

.fixstable-builder-feature-list ul {
	gap: 12px;
}

.fixstable-builder-site-header-split-cta .fixstable-builder-site-header-inner {
	grid-template-columns: auto 1fr auto;
	align-items: center;
}

.fixstable-builder-site-header-split-cta .fixstable-builder-site-nav {
	justify-content: center;
	flex-wrap: wrap;
	width: 100%;
	max-width: 100%;
	overflow: visible;
}

.fixstable-builder-site-header .fixstable-builder-site-nav a {
	display: inline-flex;
	flex: 0 0 auto;
	padding: 6px 2px;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.45;
	color: #17202a;
	text-decoration: none;
	opacity: 0.82;
	white-space: nowrap;
}

.fixstable-builder-site-header-cta {
	min-height: 40px;
	padding: 0 18px;
	font-size: 14px;
}

.fixstable-builder-site-footer-inner {
	padding-top: clamp(48px, 6vw, 68px);
	padding-bottom: 36px;
}

.fixstable-builder-site-footer-nav a {
	padding: 2px 0;
}

.fixstable-builder-frontend-mode-canvas .fixstable-builder-section-contained .fixstable-builder-commercial {
	width: 100%;
}

@media (max-width: 768px) {
	.fixstable-builder-commercial {
		gap: 16px;
		padding: 20px 18px;
	}

	.fixstable-builder-cta-block.is-dark-surface h2 {
		font-size: clamp(28px, 8vw, 38px);
		max-width: none;
	}

	.fixstable-builder-commercial-head h2 {
		font-size: clamp(24px, 6.5vw, 32px);
	}

	.fixstable-builder-testimonial-proof,
	.fixstable-builder-request-section {
		gap: 18px;
	}

	.fixstable-builder-commercial-actions {
		width: 100%;
	}

	.fixstable-builder-commercial-actions .fixstable-builder-action-link {
		flex: 1 1 100%;
		justify-content: center;
	}

	.fixstable-builder-site-header-inner {
		padding: 14px 16px;
	}
}

/* Phase 1.9.6 — frontend header behavior, hero panel, site-kit polish */
@media (min-width: 769px) {
	.fixstable-builder-site-header.has-mobile-nav .fixstable-builder-site-nav-toggle {
		display: none !important;
	}

	.fixstable-builder-site-header.has-mobile-nav .fixstable-builder-site-nav {
		display: flex !important;
	}

	.fixstable-builder-site-header.has-mobile-nav .fixstable-builder-site-header-cta {
		width: auto;
	}

	.fixstable-builder-site-header.has-mobile-nav.fixstable-builder-site-header-split-cta .fixstable-builder-site-header-inner {
		display: grid;
		grid-template-columns: auto minmax(0, 1fr) auto;
		align-items: center;
		flex-wrap: nowrap;
		column-gap: clamp(16px, 3vw, 36px);
	}

	.fixstable-builder-site-header.has-mobile-nav.fixstable-builder-site-header-simple .fixstable-builder-site-header-inner,
	.fixstable-builder-site-header.has-mobile-nav.fixstable-builder-site-header-centered .fixstable-builder-site-header-inner {
		display: flex;
		align-items: center;
		flex-wrap: nowrap;
	}
}

@media (max-width: 768px) {
	.fixstable-builder-site-header.has-mobile-nav .fixstable-builder-site-header-inner {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 12px;
	}

	.fixstable-builder-site-header.has-mobile-nav .fixstable-builder-site-nav-toggle {
		order: 2;
		margin-left: auto;
	}

	.fixstable-builder-site-header.has-mobile-nav .fixstable-builder-site-brand {
		order: 1;
		flex: 1 1 auto;
		min-width: 0;
	}

	.fixstable-builder-site-header.has-mobile-nav .fixstable-builder-site-nav {
		order: 4;
	}

	.fixstable-builder-site-header.has-mobile-nav .fixstable-builder-site-header-cta {
		order: 5;
	}
}

.fixstable-builder-site-logo-text {
	font-size: 1.125rem;
	font-weight: 800;
	letter-spacing: -0.02em;
	color: inherit;
}

.fixstable-builder-site-brand {
	display: inline-flex;
	align-items: center;
	gap: 10px;
}

.fixstable-builder-site-logo-mark {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2rem;
	height: 2rem;
	padding: 0 0.45rem;
	border-radius: 0.55rem;
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #fff;
	background: var(--fixstable-page-primary, #2fa8ff);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12);
}

.fixstable-builder-site-header .fixstable-builder-site-nav {
	justify-content: center;
	gap: clamp(10px, 1.8vw, 22px);
	flex-wrap: wrap;
	min-width: 0;
	max-width: 100%;
	overflow: visible;
}

.fixstable-builder-site-header .fixstable-builder-site-nav a:hover,
.fixstable-builder-site-header .fixstable-builder-site-nav a:focus-visible {
	opacity: 1;
	color: var(--fixstable-page-primary, #2fa8ff);
}

.fixstable-builder-site-header-cta {
	min-height: 42px;
	padding: 0 20px;
	font-size: 14px;
	font-weight: 700;
	box-shadow: 0 10px 24px rgba(47, 168, 255, 0.22);
}

.fixstable-builder-cta-block.has-hero-panel {
	grid-template-columns: minmax(0, 1.12fr) minmax(260px, 0.88fr);
	gap: clamp(24px, 4vw, 40px);
	align-items: stretch;
	padding: clamp(28px, 4.5vw, 48px);
}

.fixstable-builder-cta-block.has-hero-panel .fixstable-builder-cta-main {
	display: grid;
	gap: 18px;
	align-content: center;
}

.fixstable-builder-cta-block.has-hero-panel .fixstable-builder-commercial-copy {
	max-width: 54ch;
}

.fixstable-builder-cta-panel {
	display: grid;
	gap: 16px;
	align-content: start;
	padding: clamp(20px, 3vw, 28px);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: calc(var(--fixstable-section-radius, 24px) - 4px);
	background: rgba(255, 255, 255, 0.06);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.fixstable-builder-cta-panel-label {
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--fixstable-accent, #f4c86b);
}

.fixstable-builder-cta-panel ul {
	display: grid;
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.fixstable-builder-cta-panel li {
	position: relative;
	padding-left: 22px;
	line-height: 1.55;
	font-weight: 600;
}

.fixstable-builder-cta-panel li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.62em;
	width: 9px;
	height: 9px;
	border-radius: 999px;
	background: var(--fixstable-accent, #2fa8ff);
}

.fixstable-builder-cta-panel-note {
	margin: 0;
	font-size: 14px;
	line-height: 1.6;
	opacity: 0.78;
}

.fixstable-builder-cta-block.is-light-surface .fixstable-builder-cta-panel {
	border-color: rgba(15, 23, 32, 0.1);
	background: rgba(255, 255, 255, 0.88);
	box-shadow: 0 16px 36px rgba(12, 18, 24, 0.08);
}

@media (max-width: 900px) {
	.fixstable-builder-cta-block.has-hero-panel {
		grid-template-columns: 1fr;
	}
}

/* Phase 1.9.63 — shared header identity + preview/frontend typography parity */
body.fixstable-builder-page,
.fixstable-builder-preview-shell {
	font-family: var(
		--fixstable-body-font,
		"Segoe UI",
		system-ui,
		-apple-system,
		BlinkMacSystemFont,
		Roboto,
		Helvetica,
		Arial,
		sans-serif
	);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.fixstable-builder-site-header,
.fixstable-builder-site-footer,
.fixstable-builder-frontend {
	font-family: inherit;
}

.fixstable-builder-site-header .fixstable-builder-site-brand,
.fixstable-builder-site-header .fixstable-builder-site-brand:hover,
.fixstable-builder-site-header .fixstable-builder-site-brand:focus-visible {
	color: #17202a;
	text-decoration: none;
}

.fixstable-builder-site-header .fixstable-builder-site-logo-text {
	color: inherit;
	font-weight: 800;
}

.fixstable-builder-site-header .fixstable-builder-site-header-cta {
	background: var(--fixstable-page-primary, #2fa8ff);
	color: #ffffff;
	font-weight: 700;
	text-decoration: none;
}

/* Phase 1.9.6 — split-cta header grid + nav spacing */
.fixstable-builder-site-header-split-cta .fixstable-builder-site-header-inner {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	column-gap: clamp(16px, 3vw, 36px);
}

.fixstable-builder-site-header-split-cta .fixstable-builder-site-brand {
	grid-column: 1;
	grid-row: 1;
}

.fixstable-builder-site-header-split-cta .fixstable-builder-site-nav {
	grid-column: 2;
	grid-row: 1;
	justify-self: center;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: clamp(10px, 1.8vw, 22px);
	min-width: 0;
	width: 100%;
}

.fixstable-builder-site-header-split-cta .fixstable-builder-site-header-cta {
	grid-column: 3;
	grid-row: 1;
	justify-self: end;
}

.fixstable-builder-site-header-split-cta .fixstable-builder-site-nav-toggle {
	grid-column: 4;
	grid-row: 1;
	justify-self: end;
}

@media (min-width: 769px) {
	.fixstable-builder-site-header-split-cta .fixstable-builder-site-nav-toggle {
		display: none !important;
	}
}

/* Phase 1.9.6 follow-up: width truth and header/nav source parity */
body.fixstable-builder-page-layout-full .site,
body.fixstable-builder-page-layout-full .site-main,
body.fixstable-builder-page-layout-full main,
body.fixstable-builder-page-layout-full #primary,
body.fixstable-builder-page-layout-full .content-area,
body.fixstable-builder-page-layout-full .site-content,
body.fixstable-builder-page-layout-full .entry-content,
body.fixstable-builder-page-layout-full .page-content {
	max-width: none !important;
	width: 100% !important;
}

body.fixstable-builder-page-layout-full .entry-content,
body.fixstable-builder-page-layout-full .page-content {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.fixstable-builder-frontend.fixstable-builder-page-layout-full {
	max-width: none;
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
}

.fixstable-builder-frontend.fixstable-builder-page-layout-wide {
	width: min(100%, var(--fixstable-inner-rail-width, calc(var(--fixstable-page-max-width, 1180px) + 96px)));
	max-width: min(100%, var(--fixstable-inner-rail-width, calc(var(--fixstable-page-max-width, 1180px) + 96px)));
}

.fixstable-builder-frontend.fixstable-builder-page-layout-boxed {
	width: min(100%, var(--fixstable-content-rail-width, var(--fixstable-page-max-width, 1180px)));
	overflow: hidden;
	border: 1px solid rgba(15, 23, 32, 0.08);
	border-radius: var(--fixstable-section-radius, 24px);
}

.fixstable-builder-header-width-full .fixstable-builder-site-header-inner,
.fixstable-builder-footer-width-full .fixstable-builder-site-footer-inner {
	width: 100%;
	max-width: none;
}

.fixstable-builder-header-width-contained .fixstable-builder-site-header-inner,
.fixstable-builder-footer-width-contained .fixstable-builder-site-footer-inner {
	width: min(100%, var(--fixstable-page-max-width, 1180px));
}

.fixstable-builder-site-header .fixstable-builder-site-nav {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px 22px;
	min-width: 0;
	max-width: 100%;
}

.fixstable-builder-site-header .fixstable-builder-site-nav a {
	display: inline-flex;
	align-items: center;
	min-height: 34px;
	white-space: nowrap;
}

@media (min-width: 769px) {
	.fixstable-builder-site-header.has-mobile-nav .fixstable-builder-site-header-inner {
		flex-wrap: nowrap;
	}

	.fixstable-builder-site-header.has-mobile-nav .fixstable-builder-site-nav-toggle {
		display: none !important;
	}

	.fixstable-builder-site-header.has-mobile-nav .fixstable-builder-site-nav {
		display: flex !important;
		flex-basis: auto;
		flex-direction: row;
		width: auto;
		padding: 0;
		border: 0;
		background: transparent;
	}

	.fixstable-builder-site-header.has-mobile-nav .fixstable-builder-site-header-cta {
		width: auto;
	}
}

@media (max-width: 768px) {
	.fixstable-builder-frontend.fixstable-builder-page-layout-full {
		padding-left: 0;
		padding-right: 0;
	}

	.fixstable-builder-site-header.has-mobile-nav .fixstable-builder-site-header-inner {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 12px;
	}

	.fixstable-builder-site-header.has-mobile-nav .fixstable-builder-site-nav-toggle {
		display: inline-flex !important;
		order: 2;
		margin-left: auto;
	}

	.fixstable-builder-site-header.has-mobile-nav .fixstable-builder-site-nav {
		display: none !important;
		order: 4;
		flex-basis: 100%;
		flex-direction: column;
		align-items: stretch;
		gap: 8px;
		width: 100%;
		padding: 12px;
		border: 1px solid rgba(15, 23, 32, 0.08);
		border-radius: 14px;
		background: rgba(255, 255, 255, 0.98);
	}

	.fixstable-builder-site-header.has-mobile-nav.is-mobile-nav-open .fixstable-builder-site-nav {
		display: flex !important;
	}

	.fixstable-builder-site-header.has-mobile-nav .fixstable-builder-site-nav a {
		width: 100%;
		color: #17202a;
	}
}

/* Phase 2.6.25 — Preview/frontend responsive parity + builder device preview */
.fixstable-builder-cta-block.has-hero-panel,
.fixstable-builder-preview-cta-block.has-hero-panel {
	display: grid;
}

.fixstable-builder-preview-viewport.is-device-tablet,
.fixstable-builder-preview-viewport.is-device-mobile,
.fixstable-builder-frontend.is-device-tablet,
.fixstable-builder-frontend.is-device-mobile {
	--fixstable-layout-pad-x: var(--fixstable-preview-gutter, 20px);
	--fixstable-section-flow-gap: 20px;
}

.fixstable-builder-preview-viewport.is-device-mobile,
.fixstable-builder-frontend.is-device-mobile {
	--fixstable-layout-pad-x: var(--fixstable-preview-gutter, 16px);
}

/* Mirror @media (max-width: 900px) inside builder device frames */
.fixstable-builder-preview-viewport.is-device-tablet .fixstable-builder-cta-block.has-hero-panel,
.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-cta-block.has-hero-panel,
.fixstable-builder-preview-viewport.is-device-tablet .fixstable-builder-preview-cta-block.has-hero-panel,
.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-preview-cta-block.has-hero-panel,
.fixstable-builder-frontend.is-device-tablet .fixstable-builder-cta-block.has-hero-panel,
.fixstable-builder-frontend.is-device-mobile .fixstable-builder-cta-block.has-hero-panel,
.fixstable-builder-preview-viewport.is-device-tablet .fixstable-builder-testimonial-proof,
.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-testimonial-proof,
.fixstable-builder-preview-viewport.is-device-tablet .fixstable-builder-preview-testimonial-proof,
.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-preview-testimonial-proof,
.fixstable-builder-preview-viewport.is-device-tablet .fixstable-builder-request-section,
.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-request-section,
.fixstable-builder-preview-viewport.is-device-tablet .fixstable-builder-preview-request-section,
.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-preview-request-section,
.fixstable-builder-frontend.is-device-tablet .fixstable-builder-testimonial-proof,
.fixstable-builder-frontend.is-device-mobile .fixstable-builder-testimonial-proof,
.fixstable-builder-frontend.is-device-tablet .fixstable-builder-request-section,
.fixstable-builder-frontend.is-device-mobile .fixstable-builder-request-section,
.fixstable-builder-preview-viewport.is-device-tablet .fixstable-builder-form,
.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-form,
.fixstable-builder-frontend.is-device-tablet .fixstable-builder-form,
.fixstable-builder-frontend.is-device-mobile .fixstable-builder-form {
	grid-template-columns: 1fr !important;
	align-items: start;
	gap: clamp(18px, 4vw, 28px);
}

.fixstable-builder-preview-viewport.is-device-tablet .fixstable-builder-commercial-grid,
.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-commercial-grid,
.fixstable-builder-preview-viewport.is-device-tablet .fixstable-builder-faq-list,
.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-faq-list,
.fixstable-builder-preview-viewport.is-device-tablet .fixstable-builder-feature-list ul,
.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-feature-list ul,
.fixstable-builder-frontend.is-device-tablet .fixstable-builder-commercial-grid,
.fixstable-builder-frontend.is-device-mobile .fixstable-builder-commercial-grid,
.fixstable-builder-frontend.is-device-tablet .fixstable-builder-faq-list,
.fixstable-builder-frontend.is-device-mobile .fixstable-builder-faq-list,
.fixstable-builder-frontend.is-device-tablet .fixstable-builder-feature-list ul,
.fixstable-builder-frontend.is-device-mobile .fixstable-builder-feature-list ul,
.fixstable-builder-preview-viewport.is-device-tablet .fixstable-builder-form-fields,
.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-form-fields,
.fixstable-builder-frontend.is-device-tablet .fixstable-builder-form-fields,
.fixstable-builder-frontend.is-device-mobile .fixstable-builder-form-fields {
	grid-template-columns: 1fr !important;
}

/* Mirror @media (max-width: 768px) mobile spacing inside device frames */
.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-commercial,
.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-preview-commercial,
.fixstable-builder-frontend.is-device-mobile .fixstable-builder-commercial,
.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-form,
.fixstable-builder-frontend.is-device-mobile .fixstable-builder-form {
	gap: 16px;
	padding: 20px 18px;
}

.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-cta-block.is-dark-surface h2,
.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-cta-block.is-dark-surface h3,
.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-preview-cta-block.is-dark-surface h3,
.fixstable-builder-frontend.is-device-mobile .fixstable-builder-cta-block.is-dark-surface h2 {
	font-size: clamp(28px, 8vw, 38px);
	max-width: none;
	line-height: 1.06;
}

.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-commercial-head h2,
.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-commercial-head h3,
.fixstable-builder-frontend.is-device-mobile .fixstable-builder-commercial-head h2 {
	font-size: clamp(24px, 6.5vw, 32px);
}

.fixstable-builder-preview-viewport.is-device-tablet .fixstable-builder-commercial-actions,
.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-commercial-actions,
.fixstable-builder-preview-viewport.is-device-tablet .fixstable-builder-preview-commercial-actions,
.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-preview-commercial-actions,
.fixstable-builder-frontend.is-device-tablet .fixstable-builder-commercial-actions,
.fixstable-builder-frontend.is-device-mobile .fixstable-builder-commercial-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	width: 100%;
}

.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-commercial-actions > *,
.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-preview-commercial-actions > *,
.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-commercial-actions .fixstable-builder-contextual-button-wrap,
.fixstable-builder-frontend.is-device-mobile .fixstable-builder-commercial-actions > * {
	flex: 1 1 100%;
	max-width: 100%;
}

.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-cta-block.has-hero-panel .fixstable-builder-commercial-copy,
.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-cta-block.has-hero-panel .is-cta-copy,
.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-cta-main,
.fixstable-builder-frontend.is-device-mobile .fixstable-builder-cta-block.has-hero-panel .fixstable-builder-commercial-copy {
	max-width: none;
	width: 100%;
	min-width: 0;
}

.fixstable-builder-preview-viewport.is-device-tablet .fixstable-builder-cta-panel,
.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-cta-panel,
.fixstable-builder-frontend.is-device-tablet .fixstable-builder-cta-panel,
.fixstable-builder-frontend.is-device-mobile .fixstable-builder-cta-panel {
	width: 100%;
	max-width: none;
	min-width: 0;
}

.fixstable-builder-preview-viewport.is-device-tablet .fixstable-builder-cta-block.has-hero-panel,
.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-cta-block.has-hero-panel,
.fixstable-builder-preview-viewport.is-device-tablet .fixstable-builder-preview-cta-block.has-hero-panel,
.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-preview-cta-block.has-hero-panel {
	padding: clamp(20px, 4vw, 32px);
}

.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-testimonial-proof blockquote p,
.fixstable-builder-frontend.is-device-mobile .fixstable-builder-testimonial-proof blockquote p {
	font-size: clamp(22px, 6vw, 32px);
}

/* Phase 2.6.26 -- frontend rail parity and designed dark-mode surfaces */
body.fixstable-builder-page,
body.fixstable-builder-page .fixstable-builder-site-header,
body.fixstable-builder-page .fixstable-builder-site-footer,
body.fixstable-builder-page .fixstable-builder-frontend {
	--fixstable-page-rail-gutter: var(--fixstable-canvas-padding, clamp(20px, 4vw, 42px));
	--fixstable-page-contained-rail: var(--fixstable-content-rail-width, var(--fixstable-page-max-width, 1180px));
	--fixstable-page-wide-rail: var(--fixstable-inner-rail-width, calc(var(--fixstable-page-max-width, 1180px) + 96px));
}

body.fixstable-builder-page .fixstable-builder-header-width-contained .fixstable-builder-site-header-inner,
body.fixstable-builder-page .fixstable-builder-footer-width-contained .fixstable-builder-site-footer-inner {
	box-sizing: border-box;
	width: min(calc(100% - (var(--fixstable-page-rail-gutter, 24px) * 2)), var(--fixstable-page-contained-rail, var(--fixstable-page-max-width, 1180px)));
	max-width: var(--fixstable-page-contained-rail, var(--fixstable-page-max-width, 1180px));
	padding-left: 0;
	padding-right: 0;
}

body.fixstable-builder-page .fixstable-builder-header-width-full .fixstable-builder-site-header-inner,
body.fixstable-builder-page .fixstable-builder-footer-width-full .fixstable-builder-site-footer-inner {
	box-sizing: border-box;
	width: 100%;
	max-width: none;
	padding-left: var(--fixstable-page-rail-gutter, 24px);
	padding-right: var(--fixstable-page-rail-gutter, 24px);
}

.fixstable-builder-frontend:not(.fixstable-builder-frontend-mode-landing).fixstable-builder-section-default-contained > .fixstable-builder-commercial {
	box-sizing: border-box;
	width: min(calc(100% - (var(--fixstable-page-rail-gutter, 24px) * 2)), var(--fixstable-page-contained-rail, var(--fixstable-page-max-width, 1180px)));
	max-width: var(--fixstable-page-contained-rail, var(--fixstable-page-max-width, 1180px));
	margin-left: auto;
	margin-right: auto;
}

.fixstable-builder-frontend:not(.fixstable-builder-frontend-mode-landing).fixstable-builder-section-default-wide > .fixstable-builder-commercial {
	box-sizing: border-box;
	width: min(calc(100% - (var(--fixstable-page-rail-gutter, 24px) * 2)), var(--fixstable-page-wide-rail, calc(var(--fixstable-page-max-width, 1180px) + 96px)));
	max-width: var(--fixstable-page-wide-rail, calc(var(--fixstable-page-max-width, 1180px) + 96px));
	margin-left: auto;
	margin-right: auto;
}

body.fixstable-builder-color-mode-dark,
body.fixstable-builder-color-mode-dark .fixstable-builder-site-header,
body.fixstable-builder-color-mode-dark .fixstable-builder-site-footer,
body.fixstable-builder-color-mode-dark .fixstable-builder-frontend,
.fixstable-builder-site-header.fixstable-builder-color-mode-dark,
.fixstable-builder-site-footer.fixstable-builder-color-mode-dark,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark {
	--fixstable-dark-page: #060b12;
	--fixstable-dark-section: #0b1118;
	--fixstable-dark-elevated: #101923;
	--fixstable-dark-card: #141f2c;
	--fixstable-dark-card-soft: rgba(20, 31, 44, 0.86);
	--fixstable-dark-border: rgba(139, 216, 255, 0.16);
	--fixstable-dark-border-strong: rgba(139, 216, 255, 0.28);
	--fixstable-dark-text: #f4f9ff;
	--fixstable-dark-muted: rgba(219, 231, 244, 0.78);
	--fixstable-dark-subtle: rgba(219, 231, 244, 0.62);
	--fixstable-dark-eyebrow: #8bd8ff;
	--fixstable-dark-shadow: 0 26px 70px rgba(0, 0, 0, 0.34);
	--fixstable-dark-glow: 0 18px 44px rgba(47, 168, 255, 0.18);
}

body.fixstable-builder-color-mode-dark,
body.fixstable-builder-color-mode-dark .site,
body.fixstable-builder-color-mode-dark .site-main,
body.fixstable-builder-color-mode-dark #primary,
body.fixstable-builder-color-mode-dark .content-area,
body.fixstable-builder-color-mode-dark .site-content,
body.fixstable-builder-color-mode-dark .entry-content,
body.fixstable-builder-color-mode-dark .page-content {
	background: var(--fixstable-dark-page, #060b12) !important;
	color: var(--fixstable-dark-text, #f4f9ff);
}

.fixstable-builder-frontend.fixstable-builder-color-mode-dark {
	background:
		radial-gradient(circle at 18% 0%, rgba(47, 168, 255, 0.12), transparent 34%),
		linear-gradient(180deg, var(--fixstable-dark-page, #060b12), #08111a 48%, var(--fixstable-dark-page, #060b12)) !important;
	color: var(--fixstable-dark-text, #f4f9ff) !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section {
	background: transparent !important;
	background-color: transparent !important;
	background-image: none !important;
	color: var(--fixstable-dark-text, #f4f9ff);
	border-color: transparent;
}

body.fixstable-builder-color-mode-dark .fixstable-builder-site-header,
body.fixstable-builder-color-mode-dark .fixstable-builder-site-footer,
.fixstable-builder-site-header.fixstable-builder-color-mode-dark,
.fixstable-builder-site-footer.fixstable-builder-color-mode-dark {
	background:
		linear-gradient(180deg, rgba(16, 25, 35, 0.98), rgba(6, 11, 18, 0.98)) !important;
	color: var(--fixstable-dark-text, #f4f9ff) !important;
	border-color: var(--fixstable-dark-border, rgba(139, 216, 255, 0.16)) !important;
	box-shadow: 0 16px 46px rgba(0, 0, 0, 0.28);
}

body.fixstable-builder-color-mode-dark .fixstable-builder-site-header .fixstable-builder-site-brand,
body.fixstable-builder-color-mode-dark .fixstable-builder-site-header .fixstable-builder-site-brand:hover,
body.fixstable-builder-color-mode-dark .fixstable-builder-site-header .fixstable-builder-site-brand:focus-visible,
body.fixstable-builder-color-mode-dark .fixstable-builder-site-header .fixstable-builder-site-logo-text,
body.fixstable-builder-color-mode-dark .fixstable-builder-site-header .fixstable-builder-site-nav a,
body.fixstable-builder-color-mode-dark .fixstable-builder-site-footer .fixstable-builder-site-footer-logo-text,
body.fixstable-builder-color-mode-dark .fixstable-builder-site-footer .fixstable-builder-site-footer-nav a,
body.fixstable-builder-color-mode-dark .fixstable-builder-site-footer .fixstable-builder-site-footer-copy,
.fixstable-builder-site-header.fixstable-builder-color-mode-dark .fixstable-builder-site-brand,
.fixstable-builder-site-header.fixstable-builder-color-mode-dark .fixstable-builder-site-brand:hover,
.fixstable-builder-site-header.fixstable-builder-color-mode-dark .fixstable-builder-site-brand:focus-visible,
.fixstable-builder-site-header.fixstable-builder-color-mode-dark .fixstable-builder-site-logo-text,
.fixstable-builder-site-header.fixstable-builder-color-mode-dark .fixstable-builder-site-nav a,
.fixstable-builder-site-footer.fixstable-builder-color-mode-dark .fixstable-builder-site-footer-logo-text,
.fixstable-builder-site-footer.fixstable-builder-color-mode-dark .fixstable-builder-site-footer-nav a,
.fixstable-builder-site-footer.fixstable-builder-color-mode-dark .fixstable-builder-site-footer-copy {
	color: inherit !important;
}

@media (min-width: 769px) {
	body.fixstable-builder-color-mode-dark .fixstable-builder-site-header .fixstable-builder-site-nav,
	.fixstable-builder-site-header.fixstable-builder-color-mode-dark .fixstable-builder-site-nav {
		background: transparent !important;
		border: 0 !important;
		box-shadow: none !important;
	}

	body.fixstable-builder-color-mode-dark .fixstable-builder-site-header .fixstable-builder-site-nav a,
	.fixstable-builder-site-header.fixstable-builder-color-mode-dark .fixstable-builder-site-nav a {
		background: transparent !important;
	}
}

body.fixstable-builder-color-mode-dark .fixstable-builder-site-header .fixstable-builder-site-nav a:hover,
body.fixstable-builder-color-mode-dark .fixstable-builder-site-header .fixstable-builder-site-nav a:focus-visible,
.fixstable-builder-site-header.fixstable-builder-color-mode-dark .fixstable-builder-site-nav a:hover,
.fixstable-builder-site-header.fixstable-builder-color-mode-dark .fixstable-builder-site-nav a:focus-visible {
	background: rgba(139, 216, 255, 0.08) !important;
	border-radius: 999px;
	color: var(--fixstable-dark-text, #f4f9ff) !important;
}

@media (max-width: 768px) {
	body.fixstable-builder-page .fixstable-builder-site-header-inner,
	body.fixstable-builder-page .fixstable-builder-site-footer-inner {
		width: min(calc(100% - 32px), var(--fixstable-page-contained-rail, var(--fixstable-page-max-width, 1180px)));
	}

	body.fixstable-builder-color-mode-dark .fixstable-builder-site-header.has-mobile-nav.is-mobile-nav-open .fixstable-builder-site-nav,
	.fixstable-builder-site-header.fixstable-builder-color-mode-dark.has-mobile-nav.is-mobile-nav-open .fixstable-builder-site-nav {
		background: var(--fixstable-dark-card, #141f2c) !important;
		border-color: var(--fixstable-dark-border, rgba(139, 216, 255, 0.16)) !important;
		box-shadow: 0 18px 40px rgba(0, 0, 0, 0.22);
	}

	body.fixstable-builder-color-mode-dark .fixstable-builder-site-header.has-mobile-nav .fixstable-builder-site-nav a,
	.fixstable-builder-site-header.fixstable-builder-color-mode-dark.has-mobile-nav .fixstable-builder-site-nav a {
		color: var(--fixstable-dark-text, #f4f9ff) !important;
	}
}

.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-commercial,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-commercial.is-light-surface,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-commercial.is-dark-surface {
	background:
		linear-gradient(135deg, rgba(47, 168, 255, 0.08), transparent 42%),
		linear-gradient(145deg, var(--fixstable-dark-section, #0b1118), var(--fixstable-dark-elevated, #101923)) !important;
	color: var(--fixstable-dark-text, #f4f9ff) !important;
	border-color: var(--fixstable-dark-border, rgba(139, 216, 255, 0.16)) !important;
	box-shadow: var(--fixstable-dark-shadow, 0 26px 70px rgba(0, 0, 0, 0.34)) !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-commercial-grid article,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-faq-item,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-request-section aside,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-cta-panel {
	background: var(--fixstable-dark-card-soft, rgba(20, 31, 44, 0.86)) !important;
	color: var(--fixstable-dark-text, #f4f9ff) !important;
	border-color: var(--fixstable-dark-border, rgba(139, 216, 255, 0.16)) !important;
	box-shadow: 0 14px 38px rgba(0, 0, 0, 0.18) !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-commercial h2,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-commercial h3,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-commercial strong,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-commercial li,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-commercial blockquote,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-commercial cite,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-commercial summary,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-heading {
	color: var(--fixstable-dark-text, #f4f9ff) !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-commercial p,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-commercial-copy,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-commercial-head p,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-commercial-grid article p,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-testimonial-proof cite span,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-price-row span,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-faq-item div,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-text {
	color: var(--fixstable-dark-muted, rgba(219, 231, 244, 0.78)) !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-commercial-eyebrow,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-commercial-badge,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-cta-panel-label {
	color: var(--fixstable-dark-eyebrow, #8bd8ff) !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-commercial-grid article > span,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-testimonial-proof li::before,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-pricing-block li::before,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-request-section li::before,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-feature-list li::before {
	background: var(--fixstable-page-primary, #2fa8ff) !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-action-link.is-primary,
body.fixstable-builder-color-mode-dark .fixstable-builder-site-header-cta,
body.fixstable-builder-color-mode-dark .fixstable-builder-site-footer-support,
.fixstable-builder-site-header.fixstable-builder-color-mode-dark .fixstable-builder-site-header-cta,
.fixstable-builder-site-footer.fixstable-builder-color-mode-dark .fixstable-builder-site-footer-support {
	background: var(--fixstable-page-primary, #2fa8ff) !important;
	color: #ffffff !important;
	box-shadow: var(--fixstable-dark-glow, 0 18px 44px rgba(47, 168, 255, 0.18));
}

.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-action-link.is-secondary,
body.fixstable-builder-color-mode-dark .fixstable-builder-site-header-cta.is-style-outline,
.fixstable-builder-site-header.fixstable-builder-color-mode-dark .fixstable-builder-site-header-cta.is-style-outline {
	background: rgba(139, 216, 255, 0.08) !important;
	border-color: var(--fixstable-dark-border-strong, rgba(139, 216, 255, 0.28)) !important;
	color: var(--fixstable-dark-text, #f4f9ff) !important;
	box-shadow: none;
}

/* Phase 2.6.27 -- global color-mode contract for every builder element */
body.fixstable-builder-color-mode-bright,
body.fixstable-builder-color-mode-bright .fixstable-builder-site-header,
body.fixstable-builder-color-mode-bright .fixstable-builder-site-footer,
body.fixstable-builder-color-mode-bright .fixstable-builder-frontend,
.fixstable-builder-site-header.fixstable-builder-color-mode-bright,
.fixstable-builder-site-footer.fixstable-builder-color-mode-bright,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright {
	--fixstable-mode-page: #f5f8fb;
	--fixstable-mode-section: #ffffff;
	--fixstable-mode-elevated: #ffffff;
	--fixstable-mode-card: #ffffff;
	--fixstable-mode-card-soft: #f8fbff;
	--fixstable-mode-border: rgba(15, 23, 32, 0.1);
	--fixstable-mode-border-strong: rgba(47, 168, 255, 0.24);
	--fixstable-mode-text: #17202a;
	--fixstable-mode-muted: rgba(23, 32, 42, 0.74);
	--fixstable-mode-subtle: rgba(23, 32, 42, 0.6);
	--fixstable-mode-eyebrow: var(--fixstable-page-primary, #2fa8ff);
	--fixstable-mode-shadow: 0 18px 44px rgba(12, 18, 24, 0.08);
}

body.fixstable-builder-color-mode-dark,
body.fixstable-builder-color-mode-dark .fixstable-builder-site-header,
body.fixstable-builder-color-mode-dark .fixstable-builder-site-footer,
body.fixstable-builder-color-mode-dark .fixstable-builder-frontend,
.fixstable-builder-site-header.fixstable-builder-color-mode-dark,
.fixstable-builder-site-footer.fixstable-builder-color-mode-dark,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark {
	--fixstable-mode-page: var(--fixstable-dark-page, #060b12);
	--fixstable-mode-section: var(--fixstable-dark-section, #0b1118);
	--fixstable-mode-elevated: var(--fixstable-dark-elevated, #101923);
	--fixstable-mode-card: var(--fixstable-dark-card, #141f2c);
	--fixstable-mode-card-soft: var(--fixstable-dark-card-soft, rgba(20, 31, 44, 0.86));
	--fixstable-mode-border: var(--fixstable-dark-border, rgba(139, 216, 255, 0.16));
	--fixstable-mode-border-strong: var(--fixstable-dark-border-strong, rgba(139, 216, 255, 0.28));
	--fixstable-mode-text: var(--fixstable-dark-text, #f4f9ff);
	--fixstable-mode-muted: rgba(244, 249, 255, 0.88);
	--fixstable-mode-subtle: rgba(244, 249, 255, 0.72);
	--fixstable-mode-eyebrow: var(--fixstable-dark-eyebrow, #8bd8ff);
	--fixstable-mode-shadow: var(--fixstable-dark-shadow, 0 26px 70px rgba(0, 0, 0, 0.34));
}

body.fixstable-builder-color-mode-bright,
body.fixstable-builder-color-mode-bright .site,
body.fixstable-builder-color-mode-bright .site-main,
body.fixstable-builder-color-mode-bright #primary,
body.fixstable-builder-color-mode-bright .content-area,
body.fixstable-builder-color-mode-bright .site-content,
body.fixstable-builder-color-mode-bright .entry-content,
body.fixstable-builder-color-mode-bright .page-content,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright {
	background: var(--fixstable-mode-page, #f5f8fb) !important;
	color: var(--fixstable-mode-text, #17202a) !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section {
	background-color: transparent !important;
	background-image: none !important;
	color: var(--fixstable-mode-text) !important;
}

body.fixstable-builder-color-mode-bright .fixstable-builder-site-header,
body.fixstable-builder-color-mode-bright .fixstable-builder-site-footer,
.fixstable-builder-site-header.fixstable-builder-color-mode-bright,
.fixstable-builder-site-footer.fixstable-builder-color-mode-bright {
	background: rgba(255, 255, 255, 0.98) !important;
	color: var(--fixstable-mode-text, #17202a) !important;
	border-color: var(--fixstable-mode-border, rgba(15, 23, 32, 0.1)) !important;
	box-shadow: 0 8px 24px rgba(12, 18, 24, 0.06);
}

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-commercial.is-light-surface,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-commercial:not(.is-dark-surface),
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-card-node,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-grid-item > .fixstable-builder-text,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-grid-item > .fixstable-builder-hero-story,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-grid-item > .fixstable-builder-trending,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-grid-item > .fixstable-builder-ticker {
	background: var(--fixstable-mode-card, #ffffff) !important;
	color: var(--fixstable-mode-text, #17202a) !important;
	border-color: var(--fixstable-mode-border, rgba(15, 23, 32, 0.1)) !important;
	box-shadow: var(--fixstable-mode-shadow, 0 18px 44px rgba(12, 18, 24, 0.08));
}

.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-card-node,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-grid-item > .fixstable-builder-text,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-grid-item > .fixstable-builder-hero-story,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-grid-item > .fixstable-builder-trending,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-grid-item > .fixstable-builder-ticker {
	background: var(--fixstable-mode-card, #141f2c) !important;
	color: var(--fixstable-mode-text, #f4f9ff) !important;
	border-color: var(--fixstable-mode-border, rgba(139, 216, 255, 0.16)) !important;
	box-shadow: 0 16px 44px rgba(0, 0, 0, 0.22);
}

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-commercial-grid article,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-faq-item,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-request-section aside,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-cta-panel {
	background: var(--fixstable-mode-card-soft, #f8fbff) !important;
	color: var(--fixstable-mode-text, #17202a) !important;
	border-color: var(--fixstable-mode-border, rgba(15, 23, 32, 0.1)) !important;
	box-shadow: 0 14px 38px rgba(12, 18, 24, 0.06);
}

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-card-node .fixstable-builder-text,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-card-node .fixstable-builder-text {
	height: auto !important;
	min-height: 0;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-heading,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-commercial:not(.is-dark-surface) h1,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-commercial:not(.is-dark-surface) h2,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-commercial:not(.is-dark-surface) h3,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-commercial:not(.is-dark-surface) strong,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-commercial:not(.is-dark-surface) summary,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-heading,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-commercial h1,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-commercial h2,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-commercial h3,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-commercial strong,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-commercial summary {
	color: var(--fixstable-mode-text) !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-text,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-text p,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-commercial:not(.is-dark-surface) p,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-commercial:not(.is-dark-surface) .fixstable-builder-commercial-copy,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-commercial:not(.is-dark-surface) li,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-commercial:not(.is-dark-surface) blockquote,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-commercial:not(.is-dark-surface) cite,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-image figcaption,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-text,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-text p,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-commercial p,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-commercial-copy,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-commercial li,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-commercial blockquote,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-commercial cite,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-image figcaption {
	color: var(--fixstable-mode-muted) !important;
}

/*
 * Phase 3.33.3 — Preserve dark-surface readable text in bright page mode.
 */
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-commercial.is-dark-surface:not(.fixstable-builder-feature-list),
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-request-section.is-dark-surface {
	color: #faf7f0 !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-commercial.is-dark-surface:not(.fixstable-builder-feature-list) .fixstable-builder-heading,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-commercial.is-dark-surface:not(.fixstable-builder-feature-list) h1,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-commercial.is-dark-surface:not(.fixstable-builder-feature-list) h2,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-commercial.is-dark-surface:not(.fixstable-builder-feature-list) h3,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-commercial.is-dark-surface:not(.fixstable-builder-feature-list) strong,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-commercial.is-dark-surface:not(.fixstable-builder-feature-list) summary,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-request-section.is-dark-surface > div .fixstable-builder-heading,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-request-section.is-dark-surface > div h1,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-request-section.is-dark-surface > div h2,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-request-section.is-dark-surface > div h3 {
	color: #faf7f0 !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-commercial.is-dark-surface:not(.fixstable-builder-feature-list):not(.fixstable-builder-request-section) p,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-commercial.is-dark-surface:not(.fixstable-builder-feature-list):not(.fixstable-builder-request-section) .fixstable-builder-commercial-copy,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-commercial.is-dark-surface:not(.fixstable-builder-feature-list):not(.fixstable-builder-request-section) li,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-commercial.is-dark-surface:not(.fixstable-builder-feature-list) blockquote,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-commercial.is-dark-surface:not(.fixstable-builder-feature-list) cite,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-request-section.is-dark-surface > div p,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-request-section.is-dark-surface > div .fixstable-builder-commercial-copy,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-request-section.is-dark-surface > div li {
	color: rgba(250, 247, 240, 0.84) !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-request-section.is-dark-surface aside,
.fixstable-builder-preview-shell .fixstable-builder-request-section.is-dark-surface aside {
	background: rgba(255, 255, 255, 0.96) !important;
	color: #475569 !important;
	border-color: rgba(16, 32, 51, 0.1) !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-request-section.is-dark-surface aside p,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-request-section.is-dark-surface aside li,
.fixstable-builder-preview-shell .fixstable-builder-request-section.is-dark-surface aside p,
.fixstable-builder-preview-shell .fixstable-builder-request-section.is-dark-surface aside li {
	color: #475569 !important;
}

/*
 * Bright mode: hero CTA side panels sit on dark-surface blocks but use a light
 * card surface — keep dark readable text (request-section aside parity).
 */
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-cta-block.is-dark-surface.has-hero-panel .fixstable-builder-cta-panel,
.fixstable-builder-preview-shell .fixstable-builder-cta-block.is-dark-surface.has-hero-panel .fixstable-builder-cta-panel {
	background: var(--fixstable-mode-card-soft, #f8fbff) !important;
	color: var(--fixstable-mode-text, #17202a) !important;
	border-color: var(--fixstable-mode-border, rgba(15, 23, 32, 0.1)) !important;
	box-shadow: 0 14px 38px rgba(12, 18, 24, 0.06) !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-cta-block.is-dark-surface.has-hero-panel .fixstable-builder-cta-panel li,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-cta-block.is-dark-surface.has-hero-panel .fixstable-builder-cta-panel p,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-cta-block.is-dark-surface.has-hero-panel .fixstable-builder-cta-panel-note,
.fixstable-builder-preview-shell .fixstable-builder-cta-block.is-dark-surface.has-hero-panel .fixstable-builder-cta-panel li,
.fixstable-builder-preview-shell .fixstable-builder-cta-block.is-dark-surface.has-hero-panel .fixstable-builder-cta-panel p,
.fixstable-builder-preview-shell .fixstable-builder-cta-block.is-dark-surface.has-hero-panel .fixstable-builder-cta-panel-note {
	color: var(--fixstable-mode-muted, #475569) !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-cta-block.is-dark-surface.has-hero-panel .fixstable-builder-cta-panel-label,
.fixstable-builder-preview-shell .fixstable-builder-cta-block.is-dark-surface.has-hero-panel .fixstable-builder-cta-panel-label {
	color: var(--fixstable-accent, #2fa8ff) !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-commercial-eyebrow,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-commercial-badge,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-cta-panel-label,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-commercial-eyebrow,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-commercial-badge,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-cta-panel-label {
	color: var(--fixstable-mode-eyebrow) !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-action-link.is-primary,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-button,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-action-link.is-primary,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-button {
	background: var(--fixstable-page-primary, #2fa8ff) !important;
	color: #ffffff !important;
	border-color: transparent !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-action-link.is-secondary {
	background: rgba(255, 255, 255, 0.8) !important;
	border-color: rgba(15, 23, 32, 0.22) !important;
	color: var(--fixstable-mode-text, #17202a) !important;
	box-shadow: none;
}

/* Phase 3.18 — Page visual quality + preview/frontend parity */
body.fixstable-builder-page,
body.fixstable-builder-page .fixstable-builder-frontend {
	--fixstable-primary: var(--fixstable-page-primary, #2fa8ff);
	--fixstable-accent: var(--fixstable-page-accent, #f4c86b);
	--fixstable-layout-pad-x: var(--fixstable-page-rail-gutter, clamp(20px, 4vw, 42px));
	--fixstable-section-flow-gap: clamp(22px, 3vw, 36px);
	--fixstable-card-flow-gap: clamp(14px, 2vw, 22px);
	--fixstable-card-shadow: 0 16px 38px rgba(12, 18, 24, 0.07);
	--fixstable-section-shadow: 0 22px 58px rgba(12, 18, 24, 0.09);
	--fixstable-section-border: rgba(15, 23, 32, 0.1);
}

body.fixstable-builder-color-mode-dark .fixstable-builder-frontend,
body.fixstable-builder-color-mode-dark {
	--fixstable-card-shadow: 0 18px 44px rgba(0, 0, 0, 0.22);
	--fixstable-section-border: var(--fixstable-dark-border, rgba(139, 216, 255, 0.16));
}

.fixstable-builder-card-node {
	display: grid;
	gap: var(--fixstable-card-gap, var(--fixstable-card-flow-gap, 14px));
	padding: var(--fixstable-card-padding, clamp(20px, 3vw, 28px));
	border: 1px solid var(--fixstable-card-border-color, var(--fixstable-mode-border, rgba(15, 23, 32, 0.1)));
	border-radius: var(--fixstable-card-radius, calc(var(--fixstable-section-radius, 24px) - 6px));
	background: var(--fixstable-mode-card, #ffffff);
	box-shadow: var(--fixstable-card-shadow, 0 16px 38px rgba(12, 18, 24, 0.07));
	min-width: 0;
	height: 100%;
	align-content: start;
}

.fixstable-builder-card-node .fixstable-builder-heading {
	line-height: 1.2;
	letter-spacing: -0.015em;
	max-width: none;
}

.fixstable-builder-card-node .fixstable-builder-text {
	max-width: none;
	line-height: 1.65;
}

.fixstable-builder-card-node .fixstable-builder-text p {
	max-width: 58ch;
}

.fixstable-builder-grid {
	gap: var(--fixstable-grid-gap, clamp(18px, 2.5vw, 28px));
}

.fixstable-builder-heading {
	line-height: 1.15;
	letter-spacing: -0.02em;
}

.fixstable-builder-text p {
	max-width: min(58ch, var(--fixstable-readable-text-width, 65ch));
}

.fixstable-builder-commercial-grid {
	gap: var(--fixstable-card-flow-gap, clamp(14px, 2vw, 22px));
}

.fixstable-builder-commercial-grid article,
.fixstable-builder-faq-item {
	padding: clamp(18px, 2.5vw, 24px);
	border-radius: calc(var(--fixstable-section-radius, 24px) - 6px);
	border-color: var(--fixstable-mode-border, rgba(15, 23, 32, 0.1));
	box-shadow: var(--fixstable-card-shadow, 0 14px 34px rgba(12, 18, 24, 0.06));
}

.fixstable-builder-commercial-grid article h3 {
	line-height: 1.25;
}

.fixstable-builder-action-link.is-primary,
.fixstable-builder-site-header-cta.is-style-solid {
	transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.fixstable-builder-cta-block h2,
.fixstable-builder-cta-block .is-cta-headline {
	font-weight: 800;
}

.fixstable-builder-cta-block.is-dark-surface h2,
.fixstable-builder-cta-block.is-dark-surface .is-cta-headline {
	max-width: min(22ch, 100%);
	line-height: 1.08;
}

.fixstable-builder-site-nav-link,
.fixstable-builder-site-footer-nav-link {
	text-decoration: none;
	color: inherit;
	opacity: 0.82;
	transition: opacity 0.15s ease, color 0.15s ease;
}

.fixstable-builder-site-nav-link:hover,
.fixstable-builder-site-nav-link:focus-visible,
.fixstable-builder-site-footer-nav-link:hover,
.fixstable-builder-site-footer-nav-link:focus-visible {
	opacity: 1;
	color: var(--fixstable-page-primary, var(--fixstable-accent, #2fa8ff));
}

.fixstable-builder-site-header-cta {
	font-weight: 800;
	letter-spacing: 0.01em;
}

.fixstable-builder-testimonial-proof blockquote {
	margin: 0;
}

.fixstable-builder-pricing-block {
	position: relative;
}

@media (max-width: 768px) {
	.fixstable-builder-card-node {
		padding: clamp(16px, 4vw, 22px);
	}

	.fixstable-builder-cta-block.has-hero-panel {
		padding: clamp(20px, 4vw, 28px);
	}

	.fixstable-builder-cta-block.is-dark-surface h2,
	.fixstable-builder-cta-block.is-dark-surface .is-cta-headline {
		max-width: none;
	}
}

/* ===========================================================================
 * Phase 3.18B — Frontend theme isolation (Part E)
 * Scope EVERYTHING under builder output wrappers so the active WordPress theme
 * cannot restyle builder page output. Do NOT reset the theme globally.
 * These rules also apply harmlessly inside the admin preview canvas (which is
 * not wrapped by theme markup), reinforcing parity rather than changing it.
 * ======================================================================== */

/* Links inside builder output — exclude CTA/button classes (they get parity rules below). */
.fixstable-builder-frontend a:not(.fixstable-builder-site-header-cta):not(.fixstable-builder-site-footer-support):not(.fixstable-builder-action-link):not(.fixstable-builder-button):not(.fixstable-builder-site-nav-link):not(.fixstable-builder-site-footer-nav-link),
.fixstable-builder-site-header a:not(.fixstable-builder-site-header-cta):not(.fixstable-builder-site-nav-link),
.fixstable-builder-site-footer a:not(.fixstable-builder-site-footer-support):not(.fixstable-builder-site-footer-nav-link) {
	color: inherit;
	text-decoration: none;
	box-shadow: none;
}

.fixstable-builder-frontend a:not(.fixstable-builder-site-header-cta):not(.fixstable-builder-site-footer-support):not(.fixstable-builder-action-link):not(.fixstable-builder-button):not(.fixstable-builder-site-nav-link):not(.fixstable-builder-site-footer-nav-link):hover,
.fixstable-builder-frontend a:not(.fixstable-builder-site-header-cta):not(.fixstable-builder-site-footer-support):not(.fixstable-builder-action-link):not(.fixstable-builder-button):not(.fixstable-builder-site-nav-link):not(.fixstable-builder-site-footer-nav-link):focus,
.fixstable-builder-site-header a:not(.fixstable-builder-site-header-cta):not(.fixstable-builder-site-nav-link):hover,
.fixstable-builder-site-header a:not(.fixstable-builder-site-header-cta):not(.fixstable-builder-site-nav-link):focus,
.fixstable-builder-site-footer a:not(.fixstable-builder-site-footer-support):not(.fixstable-builder-site-footer-nav-link):hover,
.fixstable-builder-site-footer a:not(.fixstable-builder-site-footer-support):not(.fixstable-builder-site-footer-nav-link):focus {
	text-decoration: none;
}

/* Text-flow links inside body copy may keep an intentional underline. */
.fixstable-builder-frontend .fixstable-builder-text a,
.fixstable-builder-frontend .fixstable-builder-commercial-copy a {
	color: var(--fixstable-accent, var(--fixstable-page-primary, #2fa8ff));
	text-decoration: underline;
	text-underline-offset: 0.18em;
}

/* Builder buttons/links keep builder styling regardless of theme button rules. */
.fixstable-builder-frontend .fixstable-builder-button,
.fixstable-builder-frontend .fixstable-builder-action-link,
.fixstable-builder-site-header .fixstable-builder-site-header-cta,
.fixstable-builder-site-footer .fixstable-builder-site-footer-support,
.fixstable-builder-site-header .fixstable-builder-site-nav-toggle,
.fixstable-builder-contextual-button-target.fixstable-builder-site-footer-support,
.fixstable-builder-contextual-button-target.fixstable-builder-site-header-cta {
	font-family: inherit;
	line-height: 1.2;
	text-transform: none;
	letter-spacing: 0.01em;
	cursor: pointer;
}

/* Builder typography uses builder tokens, not theme heading/paragraph rules. */
.fixstable-builder-frontend h1,
.fixstable-builder-frontend h2,
.fixstable-builder-frontend h3,
.fixstable-builder-frontend h4,
.fixstable-builder-frontend h5,
.fixstable-builder-frontend h6,
.fixstable-builder-site-header h1,
.fixstable-builder-site-header h2,
.fixstable-builder-site-footer h2,
.fixstable-builder-site-footer h3 {
	font-family: inherit;
	color: inherit;
}

.fixstable-builder-frontend p {
	font-family: inherit;
}

/* Builder lists/nav/footer links should not inherit theme list layout. */
.fixstable-builder-frontend .fixstable-builder-commercial ul,
.fixstable-builder-frontend .fixstable-builder-commercial ol,
.fixstable-builder-site-nav,
.fixstable-builder-site-footer-nav,
.fixstable-builder-cta-panel ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.fixstable-builder-site-nav li,
.fixstable-builder-site-footer-nav li {
	margin: 0;
	padding: 0;
}

/* Builder spacing should survive generic theme container rules. */
body.fixstable-builder-page .fixstable-builder-frontend,
body.fixstable-builder-page .fixstable-builder-site-header,
body.fixstable-builder-page .fixstable-builder-site-footer {
	max-width: none;
}

/* ===========================================================================
 * Phase 3.18B — Unified button/link system (Part H)
 * Frontend <a> buttons and backend editable/contextual targets share these
 * base rules so they look identical in preview and on the frontend.
 * ======================================================================== */
.fixstable-builder-button,
.fixstable-builder-action-link,
.fixstable-builder-site-header-cta,
.fixstable-builder-site-footer-support {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 42px;
	padding: 0 20px;
	border: 1px solid transparent;
	border-radius: var(--fixstable-button-radius, 999px);
	font-weight: 800;
	font-size: 14px;
	text-decoration: none;
	white-space: nowrap;
	transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

/* Single source of truth for the primary button fill. Keyed to page-primary
 * (with accent fallback) to match the entrenched color-mode rules so header
 * CTA, footer support, commercial buttons, and .fixstable-builder-button all
 * render the same brand color in preview and on the frontend. */
.fixstable-builder-button,
.fixstable-builder-action-link.is-primary,
.fixstable-builder-site-header-cta.is-style-solid,
.fixstable-builder-site-footer-support {
	background: var(--fixstable-page-primary, var(--fixstable-accent, #2fa8ff));
	color: #ffffff;
	box-shadow: 0 12px 28px color-mix(in srgb, var(--fixstable-page-primary, var(--fixstable-accent, #2fa8ff)) 32%, transparent);
}

.fixstable-builder-button:hover,
.fixstable-builder-action-link.is-primary:hover,
.fixstable-builder-site-header-cta.is-style-solid:hover,
.fixstable-builder-site-footer-support:hover {
	transform: translateY(-1px);
	box-shadow: 0 16px 32px color-mix(in srgb, var(--fixstable-page-primary, var(--fixstable-accent, #2fa8ff)) 40%, transparent);
	color: #ffffff;
}

.fixstable-builder-site-header-cta.is-style-outline {
	background: transparent;
	border-color: currentColor;
	color: inherit;
}

.fixstable-builder-site-header-cta.is-style-soft {
	background: color-mix(in srgb, var(--fixstable-accent, var(--fixstable-page-primary, #2fa8ff)) 16%, transparent);
	color: inherit;
}

/* Contextual editable button targets in preview mirror the rendered button. */
.fixstable-builder-contextual-button-target.fixstable-builder-site-footer-support,
.fixstable-builder-contextual-button-target.fixstable-builder-site-header-cta {
	cursor: pointer;
}

/* ===========================================================================
 * Phase 3.18C — Computed style parity (authoritative winning selectors)
 *
 * Why these exist:
 * - admin.css preview-shell rules added a gradient + hardcoded blue shadow on
 *   footer/header CTAs that frontend never received.
 * - Broad theme-isolation `a { color: inherit }` was beating button color.
 * - Theme `.entry-content a` / generic link rules can load after plugin CSS.
 *
 * Scoped to: header/footer CTAs, nav links, commercial buttons only.
 * Both `.fixstable-builder-preview-shell` (backend) and `body.fixstable-builder-page`
 * (frontend) are targeted so computed output matches.
 * ======================================================================== */

/* --- Footer support CTA (visible failing case) --- */
.fixstable-builder-preview-shell .fixstable-builder-site-footer .fixstable-builder-site-footer-support,
.fixstable-builder-preview-shell .fixstable-builder-site-footer .fixstable-builder-contextual-button-target.fixstable-builder-site-footer-support,
body.fixstable-builder-page .fixstable-builder-site-footer .fixstable-builder-site-footer-support,
.fixstable-builder-site-footer .fixstable-builder-site-footer-support {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: 0 20px;
	border: 1px solid transparent;
	border-radius: var(--fixstable-button-radius, 999px);
	background: var(--fixstable-page-primary, #2fa8ff);
	color: #ffffff;
	font-family: inherit;
	font-size: 14px;
	font-weight: 800;
	line-height: 1.2;
	letter-spacing: 0.01em;
	text-decoration: none !important;
	text-transform: none;
	white-space: nowrap;
	box-shadow: 0 12px 28px color-mix(in srgb, var(--fixstable-page-primary, #2fa8ff) 32%, transparent);
	transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}

.fixstable-builder-preview-shell .fixstable-builder-site-footer .fixstable-builder-site-footer-support:hover,
.fixstable-builder-preview-shell .fixstable-builder-site-footer .fixstable-builder-contextual-button-target.fixstable-builder-site-footer-support:hover,
body.fixstable-builder-page .fixstable-builder-site-footer .fixstable-builder-site-footer-support:hover,
.fixstable-builder-site-footer .fixstable-builder-site-footer-support:hover {
	transform: translateY(-1px);
	color: #ffffff !important;
	text-decoration: none !important;
	box-shadow: 0 16px 32px color-mix(in srgb, var(--fixstable-page-primary, #2fa8ff) 40%, transparent);
}

/* --- Header CTA --- */
.fixstable-builder-preview-shell .fixstable-builder-site-header .fixstable-builder-site-header-cta,
.fixstable-builder-preview-shell .fixstable-builder-site-header .fixstable-builder-contextual-button-target.fixstable-builder-site-header-cta,
body.fixstable-builder-page .fixstable-builder-site-header .fixstable-builder-site-header-cta,
.fixstable-builder-site-header .fixstable-builder-site-header-cta.is-style-solid {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: 0 20px;
	border: 1px solid transparent;
	border-radius: var(--fixstable-button-radius, 999px);
	background: var(--fixstable-page-primary, #2fa8ff);
	color: #ffffff;
	font-family: inherit;
	font-size: 14px;
	font-weight: 800;
	line-height: 1.2;
	text-decoration: none !important;
	text-transform: none;
	white-space: nowrap;
	box-shadow: 0 12px 28px color-mix(in srgb, var(--fixstable-page-primary, #2fa8ff) 32%, transparent);
}

.fixstable-builder-preview-shell .fixstable-builder-site-header .fixstable-builder-site-header-cta.is-style-outline,
body.fixstable-builder-page .fixstable-builder-site-header .fixstable-builder-site-header-cta.is-style-outline {
	background: transparent;
	border-color: currentColor;
	color: inherit;
	box-shadow: none;
}

.fixstable-builder-preview-shell .fixstable-builder-site-header .fixstable-builder-site-header-cta.is-style-soft,
body.fixstable-builder-page .fixstable-builder-site-header .fixstable-builder-site-header-cta.is-style-soft {
	background: color-mix(in srgb, var(--fixstable-page-primary, #2fa8ff) 16%, transparent);
	color: inherit;
	box-shadow: none;
}

/* --- Nav links (no theme underline) --- */
.fixstable-builder-preview-shell .fixstable-builder-site-nav-link,
.fixstable-builder-preview-shell .fixstable-builder-site-footer-nav-link,
.fixstable-builder-preview-shell .fixstable-builder-site-nav a.fixstable-builder-site-nav-link,
.fixstable-builder-preview-shell .fixstable-builder-site-footer-nav a.fixstable-builder-site-footer-nav-link,
body.fixstable-builder-page .fixstable-builder-site-nav-link,
body.fixstable-builder-page .fixstable-builder-site-footer-nav-link,
body.fixstable-builder-page .fixstable-builder-site-nav a,
body.fixstable-builder-page .fixstable-builder-site-footer-nav a,
.entry-content .fixstable-builder-site-nav a,
.entry-content .fixstable-builder-site-footer-nav a {
	display: inline-flex;
	align-items: center;
	color: inherit;
	font-family: inherit;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.45;
	text-decoration: none !important;
	opacity: 0.82;
}

.fixstable-builder-preview-shell .fixstable-builder-site-nav-link:hover,
.fixstable-builder-preview-shell .fixstable-builder-site-footer-nav-link:hover,
body.fixstable-builder-page .fixstable-builder-site-nav a:hover,
body.fixstable-builder-page .fixstable-builder-site-footer-nav a:hover,
.entry-content .fixstable-builder-site-nav a:hover,
.entry-content .fixstable-builder-site-footer-nav a:hover {
	opacity: 1;
	color: var(--fixstable-page-primary, var(--fixstable-accent, #2fa8ff));
	text-decoration: none !important;
}

/* --- Hero / commercial CTA buttons --- */
.fixstable-builder-preview-shell .fixstable-builder-frontend .fixstable-builder-button,
.fixstable-builder-preview-shell .fixstable-builder-frontend .fixstable-builder-action-link,
body.fixstable-builder-page .fixstable-builder-frontend .fixstable-builder-button,
body.fixstable-builder-page .fixstable-builder-frontend .fixstable-builder-action-link,
.entry-content .fixstable-builder-frontend .fixstable-builder-button,
.entry-content .fixstable-builder-frontend .fixstable-builder-action-link {
	text-decoration: none !important;
}

.fixstable-builder-preview-shell .fixstable-builder-frontend .fixstable-builder-action-link.is-primary,
.fixstable-builder-preview-shell .fixstable-builder-frontend .fixstable-builder-button,
body.fixstable-builder-page .fixstable-builder-frontend .fixstable-builder-action-link.is-primary,
body.fixstable-builder-page .fixstable-builder-frontend .fixstable-builder-button {
	background: var(--fixstable-page-primary, #2fa8ff);
	color: #ffffff !important;
}

/* Dark mode: solid primary (no preview-only gradient) — beats admin.css override. */
.fixstable-builder-preview-shell .fixstable-builder-site-footer.fixstable-builder-color-mode-dark .fixstable-builder-site-footer-support,
.fixstable-builder-preview-shell .fixstable-builder-site-header.fixstable-builder-color-mode-dark .fixstable-builder-site-header-cta.is-style-solid,
.fixstable-builder-preview-shell .fixstable-builder-site-footer .fixstable-builder-contextual-button-target.fixstable-builder-site-footer-support,
body.fixstable-builder-color-mode-dark .fixstable-builder-site-footer-support,
body.fixstable-builder-color-mode-dark .fixstable-builder-site-header-cta,
.fixstable-builder-site-footer.fixstable-builder-color-mode-dark .fixstable-builder-site-footer-support,
.fixstable-builder-site-header.fixstable-builder-color-mode-dark .fixstable-builder-site-header-cta.is-style-solid {
	background: var(--fixstable-page-primary, #2fa8ff) !important;
	color: #ffffff !important;
	box-shadow: var(--fixstable-dark-glow, 0 18px 44px rgba(47, 168, 255, 0.18));
}

/* ===========================================================================
 * Phase 3.18D — Card/schema button parity (preview contextual span + frontend a)
 *
 * Why: Preview used .fixstable-builder-preview-button with admin-only overrides;
 * frontend uses .fixstable-builder-button with inline backgroundColor from schema.
 * Scoped so commercial CTAs still use page-primary; card buttons keep kit colors.
 * ======================================================================== */

.fixstable-builder-preview-shell .fixstable-builder-node-button .fixstable-builder-button,
.fixstable-builder-preview-shell .fixstable-builder-node-button .fixstable-builder-contextual-button-target.fixstable-builder-button,
body.fixstable-builder-page .fixstable-builder-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: 12px 18px;
	border: 1px solid transparent;
	border-radius: var(--fixstable-button-radius, 999px);
	font-family: inherit;
	font-size: 14px;
	font-weight: 800;
	line-height: 1.2;
	text-decoration: none !important;
	text-transform: none;
	white-space: nowrap;
}

/* Inline schema colors on card buttons beat generic color-mode fills */
.fixstable-builder-preview-shell .fixstable-builder-node-button .fixstable-builder-button[style],
.fixstable-builder-preview-shell .fixstable-builder-node-button .fixstable-builder-contextual-button-target[style],
body.fixstable-builder-page .fixstable-builder-button[style] {
	text-decoration: none !important;
}

/* Phase 3.19 — builder mobile preview uses mobile logo size before viewport breakpoint. */
.fixstable-builder-preview-shell.is-device-mobile .fixstable-builder-site-logo-image:not(.is-footer) {
	max-width: min(calc(var(--fixstable-mobile-logo-size, var(--fixstable-header-logo-size, 40px)) * 3.5), 100%);
	max-height: var(--fixstable-mobile-logo-size, var(--fixstable-header-logo-size, 40px));
}

/* ===========================================================================
 * Phase 3.18E — Hard quarantine: preview output aliases + single page-design source
 *
 * Builder preview uses preview-* class names; published pages use canonical
 * output classes. Both share these rules so admin.css never styles page output.
 * =========================================================================== */

/* --- Legacy preview aliases used by editor-rendered page nodes --- */
.fixstable-builder-preview-figure,
.fixstable-builder-preview-video,
.fixstable-builder-preview-story,
.fixstable-builder-preview-posts-grid,
.fixstable-builder-preview-trending {
	margin: 0;
	border-radius: 18px;
	overflow: hidden;
}

.fixstable-builder-preview-image {
	position: relative;
	border-radius: 18px;
	background:
		linear-gradient(135deg, rgba(143, 23, 20, 0.16), rgba(17, 17, 17, 0.08)),
		linear-gradient(135deg, #d9d4cc, #f6f1e8);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	overflow: hidden;
}

.fixstable-builder-preview-image span,
.fixstable-builder-preview-video span {
	position: absolute;
	inset: 50% auto auto 50%;
	transform: translate(-50%, -50%);
	font-weight: 700;
	color: #3d3128;
}

.fixstable-builder-preview-image.has-image span {
	display: none;
}

.fixstable-builder-preview-video {
	position: relative;
	min-height: 220px;
	padding: 24px;
	background: linear-gradient(135deg, #111, #363636);
	color: #fff;
}

.fixstable-builder-preview-story-hero {
	padding: 24px;
	border-top: 5px solid var(--fixstable-accent);
}

.fixstable-builder-preview-kicker {
	display: inline-block;
	margin-bottom: 10px;
	color: var(--fixstable-accent);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.fixstable-builder-preview-story-hero h3,
.fixstable-builder-preview-posts-grid h3,
.fixstable-builder-preview-trending h3 {
	margin: 0 0 10px;
	font-size: 32px;
	line-height: 1.05;
}

.fixstable-builder-preview-story-hero p {
	margin: 0 0 14px;
	color: #4d4339;
	line-height: 1.55;
}

.fixstable-builder-preview-posts-grid,
.fixstable-builder-preview-trending {
	padding: 18px;
}

.fixstable-builder-preview-post-cards {
	display: grid;
	gap: 12px;
}

.fixstable-builder-preview-post-card {
	padding: 14px;
	border-radius: 14px;
	background: #f6f1e8;
}

.fixstable-builder-preview-post-card span {
	display: block;
	margin-bottom: 6px;
	color: #8f1714;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.fixstable-builder-preview-trending {
	border-top: 4px solid #8f1714;
}

.fixstable-builder-preview-trending ol {
	display: grid;
	gap: 10px;
	margin: 0;
	padding-left: 20px;
}

.fixstable-builder-preview-ticker {
	display: grid;
	grid-template-columns: auto 1fr;
	align-items: center;
	gap: 12px;
	padding: 14px 16px;
	border-radius: 999px;
	font-weight: 700;
}

.fixstable-builder-preview-site-header,
.fixstable-builder-preview-site-footer {
	display: grid;
	gap: 14px;
	padding: 18px;
	border-radius: 18px;
	box-shadow: 0 16px 38px rgba(4, 8, 12, 0.16);
}

.fixstable-builder-preview-site-header {
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
}

.fixstable-builder-preview-site-header strong {
	font-size: 18px;
}

.fixstable-builder-preview-site-header nav {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12px;
	font-size: 12px;
	opacity: 0.78;
}

.fixstable-builder-preview-site-footer {
	padding: 22px;
}

.fixstable-builder-preview-stage .fixstable-builder-site-header.is-preview,
.fixstable-builder-preview-stage .fixstable-builder-site-footer.is-preview {
	margin-bottom: 0;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	overflow: visible;
}

.fixstable-builder-preview-stage .fixstable-builder-site-footer.is-preview {
	margin-top: 16px;
	margin-bottom: 0;
}

.fixstable-builder-preview-site-footer p,
.fixstable-builder-preview-site-footer small,
.fixstable-builder-preview-site-footer span {
	margin: 0;
	opacity: 0.72;
	line-height: 1.45;
}

.fixstable-builder-preview-footer-columns {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
}

.fixstable-builder-preview-footer-columns section {
	padding: 12px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.04);
}

.fixstable-builder-preview-footer-columns h4 {
	margin: 0 0 6px;
	color: var(--fixstable-accent, #f4c86b);
	font-size: 11px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.fixstable-builder-preview-image,
.fixstable-builder-preview-video,
.fixstable-builder-preview-story,
.fixstable-builder-preview-posts-grid,
.fixstable-builder-preview-trending {
	border-radius: 22px;
	box-shadow: 0 18px 42px rgba(12, 18, 24, 0.08);
}

/* --- Backend preview page-layout aliases; page layout still belongs here --- */
.fixstable-builder-preview-stage.fixstable-builder-page-layout-boxed {
	max-width: var(--fixstable-content-rail-width, var(--fixstable-page-max-width, 1180px));
	margin-left: auto;
	margin-right: auto;
}

.fixstable-builder-preview-stage.fixstable-builder-page-layout-wide {
	max-width: min(100%, var(--fixstable-inner-rail-width, calc(var(--fixstable-page-max-width, 1180px) + 96px)));
	margin-left: auto;
	margin-right: auto;
}

.fixstable-builder-preview-stage.fixstable-builder-page-layout-full {
	max-width: none;
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
	border-radius: 0;
	box-shadow: none;
}

.fixstable-builder-preview-stage.fixstable-builder-page-layout-full .fixstable-builder-frontend {
	padding-left: 0;
	padding-right: 0;
}

.fixstable-builder-preview-viewport.fixstable-builder-page-layout-full {
	max-width: none;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}

.fixstable-builder-preview-stage.fixstable-builder-page-layout-full.fixstable-builder-section-default-contained .fixstable-builder-section-inner,
.fixstable-builder-preview-stage.fixstable-builder-page-layout-full.fixstable-builder-section-default-contained .fixstable-builder-preview-section-inner {
	width: min(100%, var(--fixstable-inner-rail-width, var(--fixstable-page-max-width, 1180px)));
	max-width: none;
	margin-left: auto;
	margin-right: auto;
}

.fixstable-builder-preview-stage.fixstable-builder-section-default-contained .fixstable-builder-section-full .fixstable-builder-section-inner,
.fixstable-builder-preview-stage.fixstable-builder-section-default-contained .fixstable-builder-section-full-width .fixstable-builder-section-inner {
	width: min(100%, var(--fixstable-content-rail-width, var(--fixstable-page-max-width, 1180px)));
	max-width: var(--fixstable-content-rail-width, var(--fixstable-page-max-width, 1180px));
	margin-inline: auto;
}

.fixstable-builder-preview-stage.fixstable-builder-section-default-full:not(.is-mode-landing) .fixstable-builder-section-inner,
.fixstable-builder-preview-stage.fixstable-builder-section-default-full:not(.is-mode-landing) .fixstable-builder-preview-section-inner,
.fixstable-builder-preview-stage.fixstable-builder-section-default-full:not(.is-mode-landing) .fixstable-builder-section-full .fixstable-builder-section-inner,
.fixstable-builder-preview-stage.fixstable-builder-section-default-full:not(.is-mode-landing) .fixstable-builder-section-full-width .fixstable-builder-section-inner {
	width: 100%;
	max-width: none;
	margin-inline: 0;
}

.fixstable-builder-preview-stage.is-mode-landing.fixstable-builder-page-layout-full .fixstable-builder-section-full .fixstable-builder-section-inner,
.fixstable-builder-preview-stage.is-mode-landing.fixstable-builder-page-layout-full .fixstable-builder-section-full-width .fixstable-builder-section-inner,
.fixstable-builder-preview-stage.is-mode-landing.fixstable-builder-page-layout-full.fixstable-builder-section-default-full .fixstable-builder-section-inner,
.fixstable-builder-preview-stage.is-mode-landing.fixstable-builder-page-layout-full.fixstable-builder-section-default-full .fixstable-builder-preview-section-inner {
	width: min(100%, var(--fixstable-landing-rail-width, var(--fixstable-inner-rail-width, var(--fixstable-page-max-width, 1180px))));
	max-width: var(--fixstable-landing-rail-width, var(--fixstable-inner-rail-width, var(--fixstable-page-max-width, 1180px)));
	margin-inline: auto;
}

.fixstable-builder-preview-stage.fixstable-builder-page-layout-full.fixstable-builder-section-default-full:not(.is-mode-landing) .fixstable-builder-preview-commercial,
.fixstable-builder-preview-stage.fixstable-builder-page-layout-full.fixstable-builder-section-default-full:not(.is-mode-landing) .fixstable-builder-node-section {
	width: 100%;
	max-width: none;
	border-radius: 0;
}

.fixstable-builder-preview-stage.is-mode-landing.fixstable-builder-page-layout-full .fixstable-builder-node-section {
	width: 100%;
	max-width: none;
}

.fixstable-builder-preview-stage.is-mode-landing.fixstable-builder-page-layout-full .fixstable-builder-preview-commercial {
	width: min(100%, var(--fixstable-landing-rail-width, var(--fixstable-inner-rail-width, var(--fixstable-page-max-width, 1180px))));
	max-width: var(--fixstable-landing-rail-width, var(--fixstable-inner-rail-width, var(--fixstable-page-max-width, 1180px)));
	margin-inline: auto;
}

.fixstable-builder-preview-stage.is-mode-landing.fixstable-builder-page-layout-full.fixstable-builder-section-default-full .fixstable-builder-preview-commercial {
	border-radius: 0;
}

.fixstable-builder-preview-stage.fixstable-builder-section-default-wide .fixstable-builder-preview-section-inner,
.fixstable-builder-preview-stage.fixstable-builder-section-default-wide .fixstable-builder-section-inner {
	width: min(96%, var(--fixstable-page-max-width, 1180px));
}

.fixstable-builder-preview-stage.fixstable-builder-section-default-full .fixstable-builder-preview-section-inner,
.fixstable-builder-preview-stage.fixstable-builder-section-default-full .fixstable-builder-section-inner {
	width: 100%;
	max-width: none;
}

.fixstable-builder-preview-stage .fixstable-builder-header-width-full .fixstable-builder-site-header-inner,
.fixstable-builder-preview-stage .fixstable-builder-footer-width-full .fixstable-builder-site-footer-inner {
	width: 100%;
	max-width: none;
}

.fixstable-builder-preview-stage .fixstable-builder-site-header.is-sticky {
	position: sticky;
	top: 0;
	z-index: 4;
}

@media (max-width: 768px) {
	.fixstable-builder-preview-stage {
		padding-left: calc(var(--fixstable-mobile-canvas-padding, var(--fixstable-canvas-padding, 16px)) + var(--fixstable-page-outer-padding, 0px));
		padding-right: calc(var(--fixstable-mobile-canvas-padding, var(--fixstable-canvas-padding, 16px)) + var(--fixstable-page-outer-padding, 0px));
	}
}

/* --- Typography: preview aliases match canonical output --- */
.fixstable-builder-heading,
.fixstable-builder-preview-heading,
h1.fixstable-builder-preview-heading,
h2.fixstable-builder-preview-heading,
h3.fixstable-builder-preview-heading,
h4.fixstable-builder-preview-heading,
h5.fixstable-builder-preview-heading,
h6.fixstable-builder-preview-heading {
	margin: 0;
	line-height: 1.15;
	letter-spacing: -0.02em;
	color: inherit;
	font-weight: inherit;
	font-family: inherit;
	font-size: inherit;
}

.fixstable-builder-text,
.fixstable-builder-preview-text,
.fixstable-builder-preview-body {
	display: grid;
	gap: 12px;
	margin: 0;
	color: inherit;
	line-height: 1.7;
}

.fixstable-builder-text p,
.fixstable-builder-preview-text p,
.fixstable-builder-preview-body p {
	margin: 0;
	max-width: min(58ch, var(--fixstable-readable-text-width, 65ch));
}

/* --- Card surface: preview node-card mirrors card-node --- */
.fixstable-builder-card-node,
.fixstable-builder-node-card {
	display: grid;
	gap: var(--fixstable-card-gap, var(--fixstable-card-flow-gap, 14px));
	padding: var(--fixstable-card-padding, clamp(20px, 3vw, 28px));
	border: 1px solid var(--fixstable-card-border-color, var(--fixstable-mode-border, rgba(15, 23, 32, 0.1)));
	border-radius: var(--fixstable-card-radius, calc(var(--fixstable-section-radius, 24px) - 6px));
	background: var(--fixstable-mode-card, #ffffff);
	box-shadow: var(--fixstable-card-shadow, 0 16px 38px rgba(12, 18, 24, 0.07));
	min-width: 0;
	height: 100%;
	align-content: start;
}

.fixstable-builder-node-card > .fixstable-builder-node-children {
	display: flex;
	flex-direction: column;
	gap: var(--fixstable-card-gap, 14px);
	padding: 0;
	border: 0;
	background: transparent;
	box-shadow: none;
}

/* --- Commercial block: preview alias --- */
.fixstable-builder-commercial,
.fixstable-builder-preview-commercial {
	position: relative;
	display: grid;
	gap: 18px;
	margin: 0;
	padding: clamp(24px, 4vw, 44px);
	border: 1px solid rgba(15, 23, 32, 0.08);
	border-radius: var(--fixstable-section-radius, 24px);
	background: #fff;
	color: #17202a;
	box-shadow: 0 22px 58px rgba(12, 18, 24, 0.1);
	overflow: hidden;
}

.fixstable-builder-commercial.has-button-context,
.fixstable-builder-preview-commercial.has-button-context {
	overflow: visible;
}

.fixstable-builder-commercial h2,
.fixstable-builder-commercial h3,
.fixstable-builder-preview-commercial h2,
.fixstable-builder-preview-commercial h3,
.fixstable-builder-commercial p,
.fixstable-builder-preview-commercial p,
.fixstable-builder-commercial blockquote,
.fixstable-builder-preview-commercial blockquote {
	margin: 0;
}

.fixstable-builder-commercial-eyebrow,
.fixstable-builder-commercial-badge,
.fixstable-builder-preview-eyebrow,
.fixstable-builder-preview-badge {
	display: inline-flex;
	width: fit-content;
	color: var(--fixstable-accent, #2fa8ff);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.09em;
	text-transform: uppercase;
}

.fixstable-builder-commercial-badge,
.fixstable-builder-preview-badge {
	position: absolute;
	top: 18px;
	right: 18px;
	padding: 6px 10px;
	border-radius: 999px;
	background: rgba(47, 168, 255, 0.1);
}

.fixstable-builder-commercial-actions,
.fixstable-builder-preview-commercial-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.fixstable-builder-commercial ul,
.fixstable-builder-preview-commercial ul {
	display: grid;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.fixstable-builder-commercial li,
.fixstable-builder-preview-commercial li {
	position: relative;
	padding-left: 18px;
}

.fixstable-builder-commercial li::before,
.fixstable-builder-preview-commercial li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.65em;
	width: 8px;
	height: 8px;
	border-radius: 999px;
	background: var(--fixstable-accent, #2fa8ff);
}

.fixstable-builder-commercial-grid,
.fixstable-builder-preview-commercial-grid,
.fixstable-builder-feature-list ul,
.fixstable-builder-preview-feature-list ul,
.fixstable-builder-faq-list,
.fixstable-builder-preview-faq-list {
	display: grid;
	gap: var(--fixstable-card-flow-gap, clamp(14px, 2vw, 22px));
}

.fixstable-builder-commercial-grid article,
.fixstable-builder-preview-commercial-grid article,
.fixstable-builder-faq-list > div,
.fixstable-builder-preview-faq-list > div {
	display: grid;
	gap: 8px;
	padding: clamp(18px, 2.5vw, 24px);
	border: 1px solid var(--fixstable-mode-border, rgba(15, 23, 32, 0.1));
	border-radius: calc(var(--fixstable-section-radius, 24px) - 6px);
	background: var(--fixstable-mode-card-soft, #f8fbff);
	box-shadow: var(--fixstable-card-shadow, 0 14px 34px rgba(12, 18, 24, 0.06));
}

.fixstable-builder-commercial-grid article > span,
.fixstable-builder-preview-commercial-grid article > span {
	width: 24px;
	height: 4px;
	border-radius: 999px;
	background: var(--fixstable-accent, #2fa8ff);
}

.fixstable-builder-preview-service-grid {
	position: relative;
}

.fixstable-builder-preview-service-grid .fixstable-builder-preview-service-item,
.fixstable-builder-preview-commercial-grid article.fixstable-builder-preview-service-item {
	position: relative;
	min-height: 112px;
	padding: 18px;
}

/* --- Buttons: preview alias in unified system --- */
.fixstable-builder-button,
.fixstable-builder-preview-button,
.fixstable-builder-preview-commercial-actions .is-primary,
.fixstable-builder-preview-request-section .fixstable-builder-preview-button,
.fixstable-builder-preview-pricing-block .fixstable-builder-preview-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: 0 20px;
	border-radius: var(--fixstable-button-radius, 999px);
	font-weight: 800;
	font-size: 14px;
}

.fixstable-builder-preview-commercial-actions .is-secondary {
	border: 1px solid currentColor;
	color: inherit;
	background: rgba(255, 255, 255, 0.06);
}

.fixstable-builder-preview-commercial.is-light-surface .fixstable-builder-preview-commercial-actions .is-secondary {
	border-color: rgba(23, 32, 42, 0.22);
	color: #17202a;
	background: rgba(255, 255, 255, 0.82);
}

/* Kit demo polish (preview + frontend) */
.fixstable-builder-cta-block h2,
.fixstable-builder-cta-block h3,
.fixstable-builder-preview-cta-block h2,
.fixstable-builder-preview-cta-block h3,
.fixstable-builder-preview-cta-block .is-cta-headline {
	font-size: clamp(28px, 4vw, 42px);
	line-height: 1.08;
	letter-spacing: -0.02em;
	max-width: min(22ch, 100%);
}

.fixstable-builder-preview-stage .fixstable-builder-preview-commercial h2,
.fixstable-builder-preview-stage .fixstable-builder-preview-commercial h3,
.fixstable-builder-preview-stage .fixstable-builder-commercial-head h2,
.fixstable-builder-commercial-head h2 {
	font-size: clamp(24px, 3.2vw, 34px);
	letter-spacing: -0.015em;
}

.fixstable-builder-preview-stage .fixstable-builder-preview-cta-block h2,
.fixstable-builder-preview-stage .fixstable-builder-preview-cta-block h3,
.fixstable-builder-preview-stage .fixstable-builder-preview-cta-block .is-cta-headline {
	font-size: clamp(28px, 4vw, 42px);
	line-height: 1.08;
	letter-spacing: -0.02em;
	max-width: min(22ch, 100%);
}

.fixstable-builder-preview-stage .fixstable-builder-preview-cta-block .is-cta-copy {
	max-width: 54ch;
	font-size: clamp(16px, 1.6vw, 18px);
	line-height: 1.65;
}

.fixstable-builder-preview-stage .fixstable-builder-preview-cta-block .fixstable-builder-cta-panel ul {
	gap: 8px;
}

.fixstable-builder-preview-testimonial-proof blockquote p {
	font-weight: 600;
}

.fixstable-builder-preview-price strong,
.fixstable-builder-price-row strong {
	font-size: clamp(30px, 4vw, 40px);
}

/* --- Color mode: extend preview-* and node-card selectors --- */
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-preview-commercial,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-preview-commercial.is-light-surface,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-preview-commercial.is-dark-surface,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-node-card,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-node-card > .fixstable-builder-node-children {
	background: var(--fixstable-mode-card, #ffffff) !important;
	color: var(--fixstable-mode-text, #17202a) !important;
	border-color: var(--fixstable-mode-border, rgba(15, 23, 32, 0.1)) !important;
	box-shadow: var(--fixstable-mode-shadow, 0 18px 44px rgba(12, 18, 24, 0.08));
}

.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-node-card,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-node-card > .fixstable-builder-node-children,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-preview-commercial,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-preview-commercial.is-light-surface,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-preview-commercial.is-dark-surface {
	background: var(--fixstable-mode-card, #141f2c) !important;
	color: var(--fixstable-mode-text, #f4f9ff) !important;
	border-color: var(--fixstable-mode-border, rgba(139, 216, 255, 0.16)) !important;
	box-shadow: var(--fixstable-card-shadow, 0 18px 44px rgba(0, 0, 0, 0.22));
}

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-preview-heading,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright h1.fixstable-builder-preview-heading,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright h2.fixstable-builder-preview-heading,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright h3.fixstable-builder-preview-heading,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-preview-commercial h2,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-preview-commercial h3,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-preview-commercial strong,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-preview-heading,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark h1.fixstable-builder-preview-heading,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark h2.fixstable-builder-preview-heading,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark h3.fixstable-builder-preview-heading,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-preview-commercial h2,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-preview-commercial h3,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-preview-commercial strong,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .is-service-grid-title,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .is-service-item-title {
	color: var(--fixstable-mode-text) !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-preview-text,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-preview-text p,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-preview-body,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-preview-body p,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-preview-commercial p,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-preview-text,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-preview-text p,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-preview-body,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-preview-body p,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-preview-commercial p,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .is-service-grid-intro,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .is-service-item-body {
	color: var(--fixstable-mode-muted) !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-preview-commercial-grid article,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-preview-faq-list > div,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-preview-request-section aside,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-cta-panel {
	background: var(--fixstable-mode-card-soft, rgba(20, 31, 44, 0.86)) !important;
	color: var(--fixstable-mode-text, #f4f9ff) !important;
	border-color: var(--fixstable-mode-border, rgba(139, 216, 255, 0.16)) !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-preview-service-item,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-preview-commercial-grid article.fixstable-builder-preview-service-item {
	background: var(--fixstable-dark-card, #141f2c) !important;
	border-color: var(--fixstable-dark-border, rgba(139, 216, 255, 0.16)) !important;
	color: var(--fixstable-dark-text, #f4f9ff);
}

/* Header/footer in preview shell — same as frontend */
.fixstable-builder-preview-shell .fixstable-builder-site-header a,
body.fixstable-builder-page .fixstable-builder-site-header a {
	text-decoration: none;
	box-shadow: none;
}

.fixstable-builder-preview-shell .fixstable-builder-site-header .fixstable-builder-site-nav {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: clamp(10px, 1.8vw, 22px);
	min-width: 0;
}

.fixstable-builder-preview-shell .fixstable-builder-site-header .fixstable-builder-site-nav a,
.fixstable-builder-site-nav-link {
	display: inline-flex;
	align-items: center;
	min-height: 34px;
	white-space: nowrap;
	font-weight: 700;
	text-decoration: none;
	color: inherit;
}

/* Mobile preview device simulation */
.fixstable-builder-preview-stage .fixstable-builder-site-header:not(.is-mobile-preview) .fixstable-builder-site-nav-toggle {
	display: none !important;
}

.fixstable-builder-preview-stage .fixstable-builder-site-header:not(.is-mobile-preview) .fixstable-builder-site-nav {
	display: flex !important;
}

.fixstable-builder-preview-stage .fixstable-builder-site-header.is-mobile-preview.has-mobile-nav .fixstable-builder-site-nav-toggle {
	display: inline-flex !important;
}

.fixstable-builder-preview-stage .fixstable-builder-site-header.is-mobile-preview.has-mobile-nav .fixstable-builder-site-nav {
	display: none !important;
}

.fixstable-builder-preview-stage .fixstable-builder-site-header.is-mobile-preview.has-mobile-nav.is-mobile-nav-open .fixstable-builder-site-nav {
	display: flex !important;
}

/* Backend device-preview aliases; responsive page rules stay in frontend.css. */
.fixstable-builder-preview-viewport.is-device-tablet .fixstable-builder-preview-stage,
.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-preview-stage,
.fixstable-builder-preview-viewport.is-device-tablet .fixstable-builder-frontend,
.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-frontend {
	--fixstable-inner-rail-width: min(var(--fixstable-inner-rail-width, 1180px), calc(var(--fixstable-preview-width, 100%) - (var(--fixstable-preview-gutter, 0px) * 2)));
	--fixstable-content-rail-width: min(var(--fixstable-content-rail-width, 1180px), calc(var(--fixstable-preview-width, 100%) - (var(--fixstable-preview-gutter, 0px) * 2)));
	--fixstable-landing-rail-width: min(var(--fixstable-landing-rail-width, 1520px), calc(var(--fixstable-preview-width, 100%) - (var(--fixstable-preview-gutter, 0px) * 2)));
	--fixstable-readable-text-width: min(var(--fixstable-readable-text-width, 720px), calc(var(--fixstable-preview-width, 100%) - (var(--fixstable-preview-gutter, 0px) * 2)));
}

.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-node-grid > .fixstable-builder-node-children,
.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-layout-grid-editorial,
.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-preview-commercial-grid,
.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-preview-post-cards,
.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-preview-feature-list ul {
	grid-template-columns: 1fr !important;
}

.fixstable-builder-preview-viewport.is-device-tablet .fixstable-builder-preview-commercial-grid:not(.fixstable-builder-preview-service-items),
.fixstable-builder-preview-viewport.is-device-tablet .fixstable-builder-preview-post-cards {
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.fixstable-builder-preview-viewport.is-device-tablet .fixstable-builder-site-header.has-mobile-nav .fixstable-builder-site-header-inner,
.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-site-header.has-mobile-nav.is-mobile-preview .fixstable-builder-site-header-inner {
	gap: 10px;
}

.fixstable-builder-preview-viewport.is-device-tablet .fixstable-builder-site-header.has-mobile-nav .fixstable-builder-site-nav,
.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-site-header.has-mobile-nav.is-mobile-preview .fixstable-builder-site-nav {
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px 12px;
}

.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-site-header.has-mobile-nav.is-mobile-preview .fixstable-builder-site-nav-toggle {
	display: inline-flex;
}

.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-site-header.has-mobile-nav.is-mobile-preview:not(.is-mobile-nav-open) .fixstable-builder-site-nav {
	display: none;
}

.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-site-header.has-mobile-nav.is-mobile-preview.is-mobile-nav-open .fixstable-builder-site-nav {
	display: flex;
	flex-direction: column;
	align-items: stretch;
}

.fixstable-builder-preview-viewport.is-device-tablet .fixstable-builder-site-header.has-mobile-nav .fixstable-builder-site-header-cta,
.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-site-header.has-mobile-nav.is-mobile-preview .fixstable-builder-site-header-cta {
	max-width: 100%;
	white-space: normal;
	text-align: center;
}

.fixstable-builder-preview-viewport.is-device-tablet,
.fixstable-builder-preview-viewport.is-device-mobile,
.fixstable-builder-preview-viewport.is-device-tablet .fixstable-builder-preview-shell,
.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-preview-shell {
	--fixstable-layout-pad-x: var(--fixstable-preview-gutter, 20px);
}

.fixstable-builder-preview-viewport.is-device-tablet .fixstable-builder-preview-stage.fixstable-builder-page-layout-full,
.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-preview-stage.fixstable-builder-page-layout-full {
	width: 100% !important;
	max-width: 100% !important;
	margin-inline: auto;
	overflow-x: clip;
}

.fixstable-builder-preview-viewport.is-device-tablet .fixstable-builder-site-header.is-preview,
.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-site-header.is-preview,
.fixstable-builder-preview-viewport.is-device-tablet .fixstable-builder-site-footer.is-preview,
.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-site-footer.is-preview {
	width: 100%;
	max-width: 100%;
	overflow-x: clip;
	box-sizing: border-box;
}

.fixstable-builder-preview-viewport.is-device-tablet .fixstable-builder-header-width-full .fixstable-builder-site-header-inner,
.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-header-width-full .fixstable-builder-site-header-inner,
.fixstable-builder-preview-viewport.is-device-tablet .fixstable-builder-footer-width-full .fixstable-builder-site-footer-inner,
.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-footer-width-full .fixstable-builder-site-footer-inner,
.fixstable-builder-preview-viewport.is-device-tablet .fixstable-builder-header-width-contained .fixstable-builder-site-header-inner,
.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-header-width-contained .fixstable-builder-site-header-inner,
.fixstable-builder-preview-viewport.is-device-tablet .fixstable-builder-footer-width-contained .fixstable-builder-site-footer-inner,
.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-footer-width-contained .fixstable-builder-site-footer-inner {
	width: 100% !important;
	max-width: 100% !important;
	margin-inline: auto;
	padding-inline: var(--fixstable-preview-gutter, 16px);
	box-sizing: border-box;
}

.fixstable-builder-preview-viewport.is-device-tablet .fixstable-builder-site-header.has-mobile-nav.is-mobile-preview .fixstable-builder-site-nav-toggle,
.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-site-header.has-mobile-nav.is-mobile-preview .fixstable-builder-site-nav-toggle {
	display: inline-flex;
}

.fixstable-builder-preview-viewport.is-device-tablet .fixstable-builder-site-header.has-mobile-nav.is-mobile-preview:not(.is-mobile-nav-open) .fixstable-builder-site-nav,
.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-site-header.has-mobile-nav.is-mobile-preview:not(.is-mobile-nav-open) .fixstable-builder-site-nav {
	display: none;
}

.fixstable-builder-preview-viewport.is-device-tablet .fixstable-builder-site-header.has-mobile-nav.is-mobile-preview.is-mobile-nav-open .fixstable-builder-site-nav,
.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-site-header.has-mobile-nav.is-mobile-preview.is-mobile-nav-open .fixstable-builder-site-nav {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 8px;
}

.fixstable-builder-preview-viewport.is-device-tablet .fixstable-builder-site-header.has-mobile-nav.is-mobile-preview .fixstable-builder-site-header-inner,
.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-site-header.has-mobile-nav.is-mobile-preview .fixstable-builder-site-header-inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 10px 12px;
}

.fixstable-builder-preview-viewport.is-device-tablet .fixstable-builder-site-header-split-cta.has-mobile-nav.is-mobile-preview .fixstable-builder-site-header-inner,
.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-site-header-split-cta.has-mobile-nav.is-mobile-preview .fixstable-builder-site-header-inner {
	display: flex;
	grid-template-columns: none;
}

.fixstable-builder-preview-viewport.is-device-tablet .fixstable-builder-site-header.has-mobile-nav.is-mobile-preview .fixstable-builder-site-header-cta,
.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-site-header.has-mobile-nav.is-mobile-preview .fixstable-builder-site-header-cta {
	max-width: 100%;
	flex: 1 1 auto;
	white-space: normal;
	text-align: center;
}

.fixstable-builder-preview-viewport.is-device-tablet .fixstable-builder-site-header-split-cta:not(.is-mobile-preview) .fixstable-builder-site-header-inner {
	grid-template-columns: minmax(0, 1fr) auto;
	column-gap: 12px;
	row-gap: 8px;
}

.fixstable-builder-preview-viewport.is-device-tablet .fixstable-builder-site-header-split-cta:not(.is-mobile-preview) .fixstable-builder-site-nav {
	grid-column: 1 / -1;
	justify-self: stretch;
	flex-wrap: wrap;
	gap: 8px 12px;
}

.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-site-footer-columns,
.fixstable-builder-preview-viewport.is-device-tablet .fixstable-builder-site-footer-columns {
	grid-template-columns: 1fr !important;
}

.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-site-footer-inner,
.fixstable-builder-preview-viewport.is-device-tablet .fixstable-builder-site-footer-inner {
	padding-block: clamp(28px, 6vw, 48px) clamp(18px, 4vw, 28px);
}

@media (max-width: 768px) {
	.fixstable-builder-preview-cta-block h2,
	.fixstable-builder-preview-cta-block h3,
	.fixstable-builder-preview-cta-block .is-cta-headline {
		max-width: none;
		font-size: clamp(26px, 7vw, 34px);
	}

	.fixstable-builder-preview-commercial,
	.fixstable-builder-commercial {
		padding: 18px 16px;
	}
}

/*
 * Phase 3.18G — Dark mode section/card surface tokens
 * Render-time color-mode resolution is primary; these tokens backstop cards/sections.
 */
.fixstable-builder-frontend,
.fixstable-builder-preview-shell .fixstable-builder-preview-canvas {
	--fixstable-section-bg: var(--fixstable-page-background, #f5f8fb);
	--fixstable-section-bg-alt: var(--fixstable-page-background, #f5f8fb);
}

.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section,
.fixstable-builder-preview-shell.fixstable-builder-color-mode-dark .fixstable-builder-node-section,
body.fixstable-builder-color-mode-dark .fixstable-builder-preview-shell .fixstable-builder-node-section {
	background-color: var(--fixstable-section-bg, var(--fixstable-page-background, #0b1118));
}

.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-card-node,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-node-card,
.fixstable-builder-preview-shell.fixstable-builder-color-mode-dark .fixstable-builder-node-card,
body.fixstable-builder-color-mode-dark .fixstable-builder-preview-shell .fixstable-builder-node-card {
	background-color: var(--fixstable-card-bg, var(--fixstable-elevated-bg, #141f2c));
}

/*
 * Phase 3.18H — Preview/frontend geometry parity contract
 *
 * Frontend: body/theme viewport → .fixstable-builder-frontend (page shell) → sections with
 * .fixstable-builder-section + .fixstable-builder-section-inner rail widths.
 *
 * Backend desktop preview: builder chrome → .fixstable-builder-preview-viewport (device frame)
 * → .fixstable-builder-preview-stage (transparent shell) → header/footer + .fixstable-builder-frontend.
 * Desktop mode must not add page-output max-width/padding beyond saved page settings.
 * Tablet/mobile device frames may clamp --fixstable-preview-width / --fixstable-preview-gutter.
 */
.fixstable-builder-preview-shell,
.fixstable-builder-preview-stage,
.fixstable-builder-preview-shell .fixstable-builder-frontend {
	--fixstable-page-rail-gutter: var(--fixstable-canvas-padding, clamp(20px, 4vw, 42px));
	--fixstable-page-contained-rail: var(--fixstable-content-rail-width, var(--fixstable-page-max-width, 1180px));
	--fixstable-page-wide-rail: var(--fixstable-inner-rail-width, calc(var(--fixstable-page-max-width, 1180px) + 96px));
}

.fixstable-builder-preview-shell .fixstable-builder-site-header,
.fixstable-builder-preview-shell .fixstable-builder-site-footer,
.fixstable-builder-preview-shell .fixstable-builder-frontend {
	font-size: 16px;
	line-height: 1.5;
}

.fixstable-builder-preview-shell .fixstable-builder-header-width-contained .fixstable-builder-site-header-inner,
.fixstable-builder-preview-shell .fixstable-builder-footer-width-contained .fixstable-builder-site-footer-inner {
	box-sizing: border-box;
	width: min(calc(100% - (var(--fixstable-page-rail-gutter, 24px) * 2)), var(--fixstable-page-contained-rail, var(--fixstable-page-max-width, 1180px)));
	max-width: var(--fixstable-page-contained-rail, var(--fixstable-page-max-width, 1180px));
	padding-left: 0;
	padding-right: 0;
}

.fixstable-builder-preview-shell .fixstable-builder-header-width-full .fixstable-builder-site-header-inner,
.fixstable-builder-preview-shell .fixstable-builder-footer-width-full .fixstable-builder-site-footer-inner {
	box-sizing: border-box;
	width: 100%;
	max-width: none;
	padding-left: var(--fixstable-page-rail-gutter, 24px);
	padding-right: var(--fixstable-page-rail-gutter, 24px);
}

.fixstable-builder-preview-stage.fixstable-builder-page-layout-full {
	padding: 0;
	min-height: 0;
	border-radius: 0;
	box-shadow: none;
	background: transparent;
}

.fixstable-builder-preview-viewport.is-device-desktop.fixstable-builder-page-layout-full {
	width: 100%;
	max-width: none;
	padding-left: 0;
	padding-right: 0;
}

.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-builder-section {
	width: 100%;
	max-width: none;
	margin: 0;
	border-radius: 0;
	box-shadow: none;
	border-color: transparent;
}

.fixstable-builder-preview-stage.fixstable-builder-page-layout-full.fixstable-builder-section-default-contained .fixstable-builder-node-section.fixstable-builder-section-contained > .fixstable-builder-section-inner,
.fixstable-builder-preview-stage.fixstable-builder-page-layout-full.fixstable-builder-section-default-contained .fixstable-builder-node-section.fixstable-builder-section-contained > .fixstable-builder-preview-section-inner {
	width: min(100%, var(--fixstable-page-contained-rail, var(--fixstable-page-max-width, 1180px)));
	max-width: var(--fixstable-page-contained-rail, var(--fixstable-page-max-width, 1180px));
	margin-left: auto;
	margin-right: auto;
}

.fixstable-builder-preview-stage.fixstable-builder-section-default-contained .fixstable-builder-node-section.fixstable-builder-section-full > .fixstable-builder-section-inner,
.fixstable-builder-preview-stage.fixstable-builder-section-default-contained .fixstable-builder-node-section.fixstable-builder-section-full-width > .fixstable-builder-section-inner {
	width: min(100%, var(--fixstable-page-contained-rail, var(--fixstable-page-max-width, 1180px)));
	max-width: var(--fixstable-page-contained-rail, var(--fixstable-page-max-width, 1180px));
	margin-inline: auto;
}

.fixstable-builder-preview-stage.fixstable-builder-section-default-full:not(.is-mode-landing) .fixstable-builder-node-section > .fixstable-builder-section-inner,
.fixstable-builder-preview-stage.fixstable-builder-section-default-full:not(.is-mode-landing) .fixstable-builder-node-section > .fixstable-builder-preview-section-inner {
	width: 100%;
	max-width: none;
	margin-inline: 0;
}

.fixstable-builder-preview-stage.fixstable-builder-page-layout-full.fixstable-builder-section-default-full:not(.is-mode-landing) .fixstable-builder-node-section.fixstable-builder-section-full,
.fixstable-builder-preview-stage.fixstable-builder-page-layout-full.fixstable-builder-section-default-full:not(.is-mode-landing) .fixstable-builder-node-section.fixstable-builder-section-full-width {
	width: 100%;
	max-width: none;
	border-radius: 0;
}

/*
 * Phase 3.20 — Visual QA-driven page design polish
 * Shared rendered-page styling for preview + frontend. No admin.css page output.
 */
body.fixstable-builder-page,
body.fixstable-builder-page .fixstable-builder-frontend,
.fixstable-builder-preview-shell,
.fixstable-builder-preview-shell .fixstable-builder-frontend {
	--fixstable-section-flow-gap: clamp(18px, 2.4vw, 28px);
	--fixstable-card-flow-gap: clamp(14px, 1.8vw, 20px);
	--fixstable-card-shadow: 0 14px 34px rgba(12, 18, 24, 0.08);
	--fixstable-section-border: rgba(15, 23, 32, 0.11);
}

body.fixstable-builder-color-mode-dark .fixstable-builder-frontend,
body.fixstable-builder-color-mode-dark,
.fixstable-builder-preview-shell.fixstable-builder-color-mode-dark {
	--fixstable-card-shadow: 0 16px 38px rgba(0, 0, 0, 0.26);
	--fixstable-section-border: rgba(139, 216, 255, 0.18);
}

/* --- Header / logo --- */
.fixstable-builder-site-header {
	border-bottom: 1px solid color-mix(in srgb, currentColor 8%, transparent);
	box-shadow: 0 6px 20px rgba(3, 8, 14, 0.07);
}

.fixstable-builder-site-header-inner {
	gap: clamp(10px, 2vw, 22px);
	align-items: center;
}

.fixstable-builder-site-header-split-cta .fixstable-builder-site-header-inner {
	column-gap: clamp(12px, 2.2vw, 28px);
}

.fixstable-builder-site-header-split-cta .fixstable-builder-site-nav {
	gap: clamp(8px, 1.4vw, 16px);
}

.fixstable-builder-site-brand {
	gap: 10px;
}

.fixstable-builder-site-logo-text {
	font-size: clamp(15px, 1.4vw, 17px);
	letter-spacing: -0.015em;
	line-height: 1.15;
}

.fixstable-builder-site-nav a,
.fixstable-builder-site-nav-link {
	padding: 4px 0;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.01em;
	opacity: 0.8;
}

.fixstable-builder-site-nav a:hover,
.fixstable-builder-site-nav-link:hover {
	opacity: 1;
}

.fixstable-builder-site-header-cta {
	min-height: 40px;
	padding-inline: 18px;
	font-size: 13px;
}

/* --- Hero / CTA block --- */
.fixstable-builder-cta-block.has-hero-panel {
	grid-template-columns: minmax(0, 1.15fr) minmax(240px, 0.85fr);
	gap: clamp(20px, 3vw, 32px);
	padding: clamp(28px, 3.8vw, 42px);
	border-radius: calc(var(--fixstable-section-radius, 18px) + 4px);
}

.fixstable-builder-cta-block.has-hero-panel .fixstable-builder-cta-main {
	gap: clamp(14px, 2vw, 18px);
}

.fixstable-builder-cta-block .fixstable-builder-commercial-eyebrow,
.fixstable-builder-cta-block .fixstable-builder-commercial-badge {
	margin-bottom: 2px;
}

.fixstable-builder-cta-block .fixstable-builder-commercial-copy,
.fixstable-builder-cta-block .is-cta-copy {
	max-width: min(56ch, 100%);
	line-height: 1.68;
}

.fixstable-builder-cta-block.is-dark-surface h2,
.fixstable-builder-cta-block.is-dark-surface .is-cta-headline,
.fixstable-builder-preview-cta-block.is-dark-surface .is-cta-headline {
	font-size: clamp(30px, 4.1vw, 46px);
	font-weight: 800;
	max-width: min(22ch, 100%);
	line-height: 1.08;
	letter-spacing: -0.025em;
}

.fixstable-builder-cta-block .fixstable-builder-commercial-actions {
	gap: 12px;
	margin-top: 4px;
}

.fixstable-builder-cta-panel {
	gap: 14px;
	padding: clamp(20px, 2.6vw, 26px);
	border: 1px solid color-mix(in srgb, var(--fixstable-accent, #f4c86b) 34%, transparent);
	border-radius: calc(var(--fixstable-section-radius, 18px) - 2px);
	background: color-mix(in srgb, #ffffff 9%, transparent);
	box-shadow:
		0 16px 36px rgba(0, 0, 0, 0.16),
		inset 0 1px 0 rgba(255, 255, 255, 0.12);
	backdrop-filter: blur(10px);
}

.fixstable-builder-cta-panel-label {
	font-size: 11px;
	letter-spacing: 0.1em;
}

.fixstable-builder-cta-panel li {
	padding-left: 20px;
	font-size: 0.95rem;
	line-height: 1.5;
}

.fixstable-builder-cta-panel li::before {
	width: 8px;
	height: 8px;
	top: 0.58em;
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--fixstable-accent, #f4c86b) 22%, transparent);
}

.fixstable-builder-cta-panel-note {
	font-size: 13px;
	opacity: 0.74;
}

/* --- Buttons --- */
.fixstable-builder-button,
.fixstable-builder-action-link.is-primary,
.fixstable-builder-site-header-cta.is-style-solid,
.fixstable-builder-site-footer-support {
	background: linear-gradient(
		180deg,
		color-mix(in srgb, var(--fixstable-page-primary, var(--fixstable-accent, #2fa8ff)) 88%, #ffffff),
		var(--fixstable-page-primary, var(--fixstable-accent, #2fa8ff))
	);
	box-shadow:
		0 10px 24px color-mix(in srgb, var(--fixstable-page-primary, var(--fixstable-accent, #2fa8ff)) 28%, transparent),
		inset 0 1px 0 rgba(255, 255, 255, 0.22);
}

.fixstable-builder-button:hover,
.fixstable-builder-action-link.is-primary:hover,
.fixstable-builder-site-header-cta.is-style-solid:hover,
.fixstable-builder-site-footer-support:hover {
	transform: translateY(-1px);
	box-shadow:
		0 14px 30px color-mix(in srgb, var(--fixstable-page-primary, var(--fixstable-accent, #2fa8ff)) 36%, transparent),
		inset 0 1px 0 rgba(255, 255, 255, 0.26);
}

.fixstable-builder-action-link.is-secondary,
.fixstable-builder-commercial.is-dark-surface .fixstable-builder-action-link.is-secondary {
	min-height: 40px;
	padding-inline: 18px;
	border-width: 1px;
	font-weight: 700;
}

.fixstable-builder-commercial.is-light-surface .fixstable-builder-action-link.is-secondary {
	background: rgba(255, 255, 255, 0.9);
	border-color: rgba(15, 23, 32, 0.16);
}

.fixstable-builder-button:focus-visible,
.fixstable-builder-action-link:focus-visible,
.fixstable-builder-site-header-cta:focus-visible,
.fixstable-builder-site-footer-support:focus-visible,
.fixstable-builder-site-nav-link:focus-visible {
	outline: 2px solid color-mix(in srgb, var(--fixstable-page-primary, #2fa8ff) 55%, transparent);
	outline-offset: 2px;
}

/* --- Cards / grids --- */
.fixstable-builder-card-node,
.fixstable-builder-node-card,
.fixstable-builder-commercial-grid article {
	border-color: var(--fixstable-section-border, rgba(15, 23, 32, 0.11));
	box-shadow: var(--fixstable-card-shadow, 0 14px 34px rgba(12, 18, 24, 0.08));
}

.fixstable-builder-card-node .fixstable-builder-heading,
.fixstable-builder-node-card .fixstable-builder-heading,
.fixstable-builder-commercial-grid article h3 {
	margin-bottom: 2px;
}

.fixstable-builder-card-node .fixstable-builder-text,
.fixstable-builder-node-card .fixstable-builder-text {
	gap: 10px;
}

.fixstable-builder-commercial-grid,
.fixstable-builder-grid {
	gap: clamp(16px, 2.2vw, 24px);
}

.fixstable-builder-commercial-head {
	gap: 10px;
	margin-bottom: 4px;
}

.fixstable-builder-commercial-head h2 {
	line-height: 1.12;
}

.fixstable-builder-feature-list {
	padding: clamp(22px, 3vw, 30px);
	border-radius: calc(var(--fixstable-section-radius, 18px) - 2px);
	box-shadow: var(--fixstable-card-shadow);
}

.fixstable-builder-feature-list ul {
	gap: 14px;
}

/* --- Section rhythm --- */
.fixstable-builder-section-inner,
.fixstable-builder-preview-section-inner {
	gap: var(--fixstable-section-flow-gap, clamp(18px, 2.4vw, 28px));
}

.fixstable-builder-frontend > .fixstable-builder-section:first-child,
.fixstable-builder-frontend > .fixstable-builder-node-wrap:first-child .fixstable-builder-node-section {
	margin-top: 0;
}

/* --- Dark mode polish --- */
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-cta-panel {
	border-color: color-mix(in srgb, var(--fixstable-accent, #f4c86b) 38%, transparent);
	background: color-mix(in srgb, #ffffff 6%, transparent);
	box-shadow:
		0 18px 40px rgba(0, 0, 0, 0.28),
		inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-site-header {
	border-bottom-color: rgba(255, 255, 255, 0.08);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);
}

/* Phase 3.22 -- generic full-demo site rhythm for imported builder pages */
.fixstable-builder-demo-media-section .fixstable-builder-row {
	align-items: center;
}

.fixstable-builder-demo-media-section .fixstable-builder-column {
	align-content: center;
}

.fixstable-builder-demo-media-section .fixstable-builder-heading {
	max-width: min(760px, 100%);
}

.fixstable-builder-demo-media-section .fixstable-builder-image {
	height: auto;
}

.fixstable-builder-demo-media-section .fixstable-builder-image img {
	min-height: clamp(280px, 34vw, 430px);
	border-radius: calc(var(--fixstable-section-radius, 20px) + 2px);
	box-shadow:
		0 24px 62px rgba(12, 18, 24, 0.16),
		inset 0 1px 0 rgba(255, 255, 255, 0.16);
}

.fixstable-builder-demo-media-section .fixstable-builder-image figcaption {
	padding-inline: 4px;
	font-size: 13px;
	color: var(--fixstable-mode-muted, rgba(23, 32, 42, 0.72));
}

.fixstable-builder-demo-stat-card {
	min-height: 0;
}

.fixstable-builder-demo-stat-card .fixstable-builder-heading {
	font-size: clamp(18px, 2vw, 22px);
}

.fixstable-builder-demo-logo-strip .fixstable-builder-section-inner {
	text-align: center;
}

.fixstable-builder-demo-logo-strip .fixstable-builder-heading,
.fixstable-builder-demo-logo-strip .fixstable-builder-text p {
	margin-inline: auto;
}

.fixstable-builder-demo-logo-strip .fixstable-builder-card-node {
	place-items: center;
	min-height: 92px;
	text-align: center;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0.76));
}

.fixstable-builder-demo-logo-strip .fixstable-builder-card-node .fixstable-builder-heading {
	font-size: clamp(15px, 1.7vw, 18px);
	letter-spacing: 0.02em;
}

.fixstable-builder-demo-note-card {
	min-height: 0;
	background:
		linear-gradient(135deg, color-mix(in srgb, var(--fixstable-page-primary, #2fa8ff) 10%, transparent), transparent 46%),
		var(--fixstable-mode-card, #ffffff);
}

.fixstable-builder-demo-resources-section .fixstable-builder-card-node {
	position: relative;
	overflow: hidden;
}

.fixstable-builder-demo-resources-section .fixstable-builder-card-node::before {
	content: "";
	width: 38px;
	height: 4px;
	border-radius: 999px;
	background: var(--fixstable-page-primary, #2fa8ff);
}

.fixstable-builder-demo-resource-card .fixstable-builder-button {
	margin-top: auto;
}

.fixstable-builder-demo-showcase-section .fixstable-builder-section-inner,
.fixstable-builder-demo-proof-section .fixstable-builder-section-inner,
.fixstable-builder-demo-final-cta-section .fixstable-builder-section-inner {
	position: relative;
}

.fixstable-builder-demo-showcase-card {
	overflow: hidden;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 251, 255, 0.9));
	box-shadow: 0 18px 46px rgba(15, 23, 42, 0.08);
}

.fixstable-demo-kit-ecommerce-lite.fixstable-builder-demo-showcase-section,
.fixstable-demo-kit-ecommerce-lite.fixstable-builder-demo-logo-strip {
	background-color: #fff7ed;
}

.fixstable-demo-kit-consultant-expert.fixstable-builder-demo-showcase-section,
.fixstable-demo-kit-consultant-expert.fixstable-builder-demo-logo-strip {
	background-color: #f7f4ed;
}

.fixstable-demo-kit-ecommerce-lite.fixstable-builder-demo-showcase-section .fixstable-builder-demo-showcase-card {
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(251, 247, 239, 0.94));
}

.fixstable-demo-kit-consultant-expert.fixstable-builder-demo-showcase-section .fixstable-builder-demo-showcase-card {
	background:
		linear-gradient(180deg, rgba(255, 253, 248, 0.98), rgba(247, 244, 237, 0.94));
}

.fixstable-builder-demo-showcase-card .fixstable-builder-image,
.fixstable-builder-demo-resources-section .fixstable-builder-image,
.fixstable-builder-demo-proof-section .fixstable-builder-image,
.fixstable-builder-demo-final-cta-section .fixstable-builder-image {
	margin: 0;
	width: 100%;
}

.fixstable-builder-demo-showcase-card .fixstable-builder-image img,
.fixstable-builder-demo-resources-section .fixstable-builder-image img,
.fixstable-builder-demo-proof-section .fixstable-builder-image img,
.fixstable-builder-demo-final-cta-section .fixstable-builder-image img {
	display: block;
	width: 100%;
	object-fit: cover;
	border-radius: 18px;
}

.fixstable-builder-demo-showcase-card .fixstable-builder-image img {
	min-height: 220px;
}

.fixstable-builder-demo-showcase-card .fixstable-builder-heading {
	font-size: clamp(20px, 2.2vw, 26px);
}

.fixstable-builder-demo-showcase-card .fixstable-builder-button,
.fixstable-builder-demo-final-cta-section .fixstable-builder-button {
	align-self: flex-start;
	margin-top: auto;
}

.fixstable-builder-demo-proof-section {
	overflow: hidden;
}

.fixstable-builder-demo-proof-section .fixstable-builder-heading,
.fixstable-builder-demo-proof-section .fixstable-builder-text p,
.fixstable-builder-demo-final-cta-section .fixstable-builder-heading,
.fixstable-builder-demo-final-cta-section .fixstable-builder-text p {
	color: inherit;
}

.fixstable-builder-demo-proof-quote {
	box-shadow:
		0 18px 44px rgba(0, 0, 0, 0.24),
		inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.fixstable-builder-demo-proof-quote .fixstable-builder-text p:first-child {
	font-size: clamp(20px, 2.6vw, 32px);
	line-height: 1.2;
}

.fixstable-builder-demo-proof-stat {
	min-height: 132px;
}

.fixstable-builder-demo-proof-stat .fixstable-builder-heading {
	font-size: clamp(17px, 1.8vw, 20px);
}

.fixstable-builder-demo-final-cta-section .fixstable-builder-row {
	align-items: center;
}

.fixstable-builder-demo-final-cta-section .fixstable-builder-image img {
	min-height: clamp(260px, 30vw, 390px);
	box-shadow:
		0 28px 70px rgba(0, 0, 0, 0.32),
		0 0 0 1px rgba(255, 255, 255, 0.08);
}

.fixstable-builder-demo-final-cta-section .fixstable-builder-column:first-child {
	max-width: 760px;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-demo-logo-strip .fixstable-builder-card-node,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-demo-note-card,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-demo-showcase-card {
	background:
		linear-gradient(135deg, rgba(47, 168, 255, 0.08), transparent 48%),
		var(--fixstable-mode-card, #141f2c) !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-demo-media-section .fixstable-builder-image img {
	box-shadow:
		0 26px 70px rgba(0, 0, 0, 0.34),
		0 0 0 1px var(--fixstable-mode-border, rgba(139, 216, 255, 0.16));
}

.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-image-placeholder {
	background:
		linear-gradient(135deg, color-mix(in srgb, var(--fixstable-image-placeholder-color, #1e3a5f) 34%, transparent), rgba(255, 255, 255, 0.04));
	color: var(--fixstable-mode-text, #f4f9ff);
	border-color: var(--fixstable-mode-border-strong, rgba(139, 216, 255, 0.28));
}

.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-demo-showcase-section,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-demo-resources-section {
	background: var(--fixstable-mode-section, #0b1622) !important;
}

@media (max-width: 768px) {
	.fixstable-builder-site-header-inner {
		gap: 10px;
	}

	.fixstable-builder-cta-block.has-hero-panel {
		padding: 22px 18px;
		gap: 18px;
	}

	.fixstable-builder-cta-block.is-dark-surface h2,
	.fixstable-builder-cta-block.is-dark-surface .is-cta-headline,
	.fixstable-builder-preview-cta-block .is-cta-headline {
		font-size: clamp(26px, 7vw, 34px);
		max-width: none;
	}

	.fixstable-builder-commercial-actions {
		flex-direction: column;
		align-items: stretch;
	}

	.fixstable-builder-commercial-actions > *,
	.fixstable-builder-commercial-actions .fixstable-builder-contextual-button-wrap {
		width: 100%;
	}

	.fixstable-builder-action-link,
	.fixstable-builder-button,
	.fixstable-builder-site-header-cta {
		justify-content: center;
		width: 100%;
	}

	.fixstable-builder-demo-media-section .fixstable-builder-image img {
		min-height: 240px;
	}

	.fixstable-builder-demo-showcase-card .fixstable-builder-image img,
	.fixstable-builder-demo-final-cta-section .fixstable-builder-image img {
		min-height: 220px;
	}
}

/*
 * Phase 3.25 — Pro demo homepage polish (visual-only, shared frontend.css)
 */
.fixstable-demo-home-hero.fixstable-builder-node-section {
	padding-bottom: 0 !important;
}

.fixstable-demo-home-hero + .fixstable-demo-home-media-story,
.fixstable-demo-home-hero + .fixstable-builder-demo-media-section {
	margin-top: 0;
}

.fixstable-demo-home-media-story {
	padding-top: clamp(36px, 4vw, 48px) !important;
}

.fixstable-demo-kit-local-service.fixstable-demo-home-hero {
	--fixstable-demo-hero-bleed: #f4fbf6;
	--fixstable-page-primary: #15803d;
	--fixstable-page-accent: #84cc16;
}

.fixstable-demo-kit-saas-ai.fixstable-demo-home-hero,
.fixstable-demo-saas-home-hero,
.fixstable-demo-home-herofixstable-demo-kit-saas-ai {
	--fixstable-demo-hero-bleed: #eef3ff;
}

.fixstable-demo-kit-agency-studio.fixstable-demo-home-hero {
	--fixstable-demo-hero-bleed: #f8f5ef;
}

.fixstable-demo-kit-consultant-expert.fixstable-demo-home-hero {
	--fixstable-demo-hero-bleed: #f7f9fb;
}

.fixstable-demo-kit-ecommerce-lite.fixstable-demo-home-hero {
	--fixstable-demo-hero-bleed: #fbf7ef;
}

.fixstable-demo-home-hero .fixstable-builder-cta-block.has-hero-panel {
	margin-bottom: clamp(20px, 2.8vw, 28px);
}

.fixstable-builder-demo-logo-strip .fixstable-builder-demo-logo-card {
	border: 1px solid color-mix(in srgb, var(--fixstable-page-primary, #2fa8ff) 14%, transparent);
	background: color-mix(in srgb, #ffffff 92%, var(--fixstable-page-primary, #2fa8ff) 8%);
	box-shadow: 0 8px 22px rgba(12, 18, 24, 0.05);
}

.fixstable-builder-demo-logo-strip .fixstable-builder-demo-logo-card .fixstable-builder-heading {
	font-size: clamp(14px, 1.5vw, 16px);
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	opacity: 0.82;
}

.fixstable-builder-demo-note-card {
	border-width: 1px;
	border-style: solid;
	border-color: color-mix(in srgb, var(--fixstable-page-primary, #2fa8ff) 18%, transparent);
	box-shadow: 0 10px 28px rgba(12, 18, 24, 0.06);
}

.fixstable-builder-demo-note-card .fixstable-builder-heading {
	font-size: clamp(17px, 1.8vw, 20px);
}

.fixstable-builder-demo-showcase-section .fixstable-builder-section-inner > .fixstable-builder-heading:first-child {
	max-width: min(18ch, 100%);
	line-height: 1.12;
}

.fixstable-builder-site-footer {
	padding-top: clamp(36px, 4vw, 48px);
	padding-bottom: clamp(28px, 3vw, 36px);
	border-top: 1px solid color-mix(in srgb, currentColor 10%, transparent);
}

.fixstable-builder-site-footer-inner {
	gap: clamp(18px, 3vw, 28px);
}

.fixstable-builder-site-footer-column .fixstable-builder-heading {
	font-size: 13px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	opacity: 0.78;
}

.fixstable-builder-site-footer-copy,
.fixstable-builder-site-footer-nav a {
	font-size: 14px;
	line-height: 1.55;
}

.fixstable-demo-kit-saas-ai.fixstable-builder-demo-showcase-section .fixstable-builder-demo-showcase-card {
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(238, 243, 255, 0.92));
}

.fixstable-demo-kit-agency-studio.fixstable-builder-demo-showcase-section .fixstable-builder-demo-showcase-card {
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 245, 239, 0.94));
}

/*
 * Phase 3.26 -- differentiated Pro demo homepages.
 */
.fixstable-demo-business-editorial .fixstable-builder-row,
.fixstable-demo-business-case-study .fixstable-builder-row,
.fixstable-demo-business-project-cta .fixstable-builder-row,
.fixstable-demo-local-response .fixstable-builder-row,
.fixstable-demo-local-review-strip .fixstable-builder-row,
.fixstable-demo-local-emergency .fixstable-builder-row {
	align-items: center;
}

.fixstable-demo-business-editorial .fixstable-builder-section-inner > .fixstable-builder-row,
.fixstable-demo-local-response .fixstable-builder-section-inner > .fixstable-builder-row {
	row-gap: clamp(28px, 5vw, 56px);
}

.fixstable-demo-business-editorial .fixstable-builder-section-inner > .fixstable-builder-row > .fixstable-builder-column:first-child,
.fixstable-demo-business-case-study .fixstable-builder-section-inner > .fixstable-builder-row > .fixstable-builder-column:first-child,
.fixstable-demo-local-response .fixstable-builder-section-inner > .fixstable-builder-row > .fixstable-builder-column:first-child,
.fixstable-demo-local-emergency .fixstable-builder-section-inner > .fixstable-builder-row > .fixstable-builder-column:first-child {
	max-width: 760px;
}

.fixstable-demo-business-editorial .fixstable-builder-heading:first-child,
.fixstable-demo-business-case-study .fixstable-builder-heading:first-child,
.fixstable-demo-local-response .fixstable-builder-heading:first-child,
.fixstable-demo-local-review-strip .fixstable-builder-heading:first-child,
.fixstable-demo-local-emergency .fixstable-builder-heading:first-child {
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--fixstable-page-primary, #2fa8ff);
}

.fixstable-demo-business-case-study .fixstable-builder-heading:first-child,
.fixstable-demo-local-review-strip .fixstable-builder-heading:first-child,
.fixstable-demo-local-emergency .fixstable-builder-heading:first-child {
	color: var(--fixstable-page-accent, #f4c86b);
}

.fixstable-demo-business-editorial .fixstable-builder-image img,
.fixstable-demo-business-case-study .fixstable-builder-image img,
.fixstable-demo-local-response .fixstable-builder-image img,
.fixstable-demo-local-review-strip .fixstable-builder-image img {
	display: block;
	width: 100%;
	min-height: clamp(280px, 36vw, 460px);
	object-fit: cover;
	border-radius: clamp(18px, 2vw, 28px);
	box-shadow: 0 26px 70px rgba(15, 23, 42, 0.16);
}

.fixstable-demo-business-mini-card,
.fixstable-demo-local-badge-card {
	min-height: 100%;
	box-shadow: 0 14px 34px rgba(15, 23, 42, 0.06);
}

.fixstable-demo-business-selected-work .fixstable-builder-section-inner > .fixstable-builder-heading:first-child,
.fixstable-demo-local-job-proof .fixstable-builder-section-inner > .fixstable-builder-heading:first-child {
	max-width: min(760px, 100%);
	line-height: 1.12;
}

.fixstable-demo-business-work-card .fixstable-builder-image img,
.fixstable-demo-local-job-card .fixstable-builder-image img {
	min-height: clamp(220px, 22vw, 300px);
}

.fixstable-demo-business-case-study,
.fixstable-demo-local-review-strip {
	overflow: hidden;
}

.fixstable-demo-business-case-study .fixstable-builder-text p,
.fixstable-demo-business-case-study .fixstable-builder-heading,
.fixstable-demo-local-review-strip .fixstable-builder-text p,
.fixstable-demo-local-review-strip .fixstable-builder-heading,
.fixstable-demo-local-emergency .fixstable-builder-text p,
.fixstable-demo-local-emergency .fixstable-builder-heading,
.fixstable-demo-business-project-cta .fixstable-builder-text p,
.fixstable-demo-business-project-cta .fixstable-builder-heading {
	color: inherit;
}

.fixstable-demo-business-case-stat,
.fixstable-demo-local-review-card {
	min-height: 120px;
}

.fixstable-demo-business-project-cta .fixstable-builder-grid,
.fixstable-demo-local-emergency .fixstable-builder-grid {
	background: transparent !important;
}

.fixstable-demo-business-project-cta .fixstable-builder-image img,
.fixstable-demo-local-emergency .fixstable-builder-image img {
	display: block;
	width: 100%;
	min-height: clamp(220px, 25vw, 320px);
	object-fit: cover;
	border-radius: 20px;
	box-shadow:
		0 24px 60px rgba(0, 0, 0, 0.28),
		0 0 0 1px rgba(255, 255, 255, 0.08);
}

.fixstable-demo-local-response {
	background:
		radial-gradient(circle at 0 0, rgba(132, 204, 22, 0.22), transparent 34%),
		linear-gradient(135deg, #f7fdf8 0%, #edf8ef 100%) !important;
}

.fixstable-demo-kit-local-service .fixstable-builder-cta-block.has-hero-panel {
	background:
		radial-gradient(circle at 12% 18%, rgba(132, 204, 22, 0.18), transparent 26%),
		linear-gradient(135deg, #052e16 0%, #0a3d22 52%, #071018 100%) !important;
	border-color: rgba(132, 204, 22, 0.28) !important;
	box-shadow:
		0 24px 70px rgba(5, 46, 22, 0.22),
		inset 0 0 0 1px rgba(255, 255, 255, 0.04);
}

.fixstable-demo-kit-local-service .fixstable-builder-cta-block .fixstable-builder-button,
.fixstable-demo-kit-local-service .fixstable-builder-button:first-of-type,
.fixstable-demo-local-response .fixstable-builder-button,
.fixstable-demo-local-job-proof .fixstable-builder-button,
.fixstable-demo-local-emergency .fixstable-builder-button,
.fixstable-demo-local-estimate-card .fixstable-builder-button {
	background: #15803d !important;
	border-color: #15803d !important;
	color: #ffffff !important;
	box-shadow: 0 12px 28px rgba(21, 128, 61, 0.22);
}

.fixstable-demo-kit-local-service .fixstable-builder-cta-block .fixstable-builder-button + .fixstable-builder-button {
	background: rgba(255, 255, 255, 0.06) !important;
	border-color: rgba(255, 255, 255, 0.72) !important;
	color: #ffffff !important;
	box-shadow: none;
}

.fixstable-demo-kit-local-service .fixstable-builder-cta-panel {
	background:
		linear-gradient(135deg, rgba(20, 83, 45, 0.94), rgba(6, 78, 59, 0.88)) !important;
	border-color: rgba(132, 204, 22, 0.34) !important;
}

.fixstable-demo-kit-local-service .fixstable-builder-cta-panel li::marker,
.fixstable-demo-kit-local-service .fixstable-builder-list li::marker {
	color: #84cc16;
}

.fixstable-demo-local-badge-card,
.fixstable-demo-local-service-card,
.fixstable-demo-local-area-card,
.fixstable-demo-local-estimate-card {
	border-color: rgba(21, 128, 61, 0.18) !important;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 253, 248, 0.94)) !important;
	box-shadow: 0 16px 42px rgba(20, 83, 45, 0.08);
}

.fixstable-demo-local-badge-card::before,
.fixstable-demo-local-service-card::before,
.fixstable-demo-local-area-card::before,
.fixstable-demo-local-estimate-card::before,
.fixstable-demo-local-job-card::before,
.fixstable-demo-local-review-card::before,
.fixstable-demo-local-emergency-card::before {
	content: "";
	display: block;
	width: 34px;
	height: 4px;
	margin-bottom: 6px;
	border-radius: 999px;
	background: linear-gradient(90deg, #15803d, #84cc16);
}

.fixstable-demo-local-service-card:hover,
.fixstable-demo-local-area-card:hover,
.fixstable-demo-local-estimate-card:hover,
.fixstable-demo-local-job-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 20px 50px rgba(20, 83, 45, 0.12);
}

.fixstable-demo-local-job-proof {
	background:
		linear-gradient(180deg, #ffffff 0%, #f4fbf6 100%) !important;
}

.fixstable-demo-local-job-proof .fixstable-builder-demo-showcase-card {
	border-radius: 18px;
	border-color: rgba(21, 128, 61, 0.18) !important;
	box-shadow: 0 14px 34px rgba(20, 83, 45, 0.1);
}

.fixstable-demo-local-review-strip {
	background:
		radial-gradient(circle at 100% 0, rgba(132, 204, 22, 0.18), transparent 30%),
		linear-gradient(135deg, #052e16 0%, #071018 100%) !important;
}

.fixstable-demo-local-review-strip .fixstable-demo-local-review-card {
	background: rgba(255, 255, 255, 0.08) !important;
	border-color: rgba(132, 204, 22, 0.22) !important;
	color: #f4fff6 !important;
}

.fixstable-demo-local-emergency {
	background:
		radial-gradient(circle at 88% 10%, rgba(132, 204, 22, 0.2), transparent 28%),
		linear-gradient(135deg, #14532d 0%, #15803d 54%, #052e16 100%) !important;
}

.fixstable-demo-local-emergency .fixstable-builder-button {
	background: #ffffff !important;
	color: #14532d !important;
}

.fixstable-demo-local-emergency-card {
	background: rgba(255, 255, 255, 0.92) !important;
	color: #122033 !important;
	border-color: rgba(132, 204, 22, 0.48) !important;
	box-shadow: 0 14px 34px rgba(5, 46, 22, 0.16);
}

.fixstable-greenline-brief-panel {
	border-color: rgba(21, 128, 61, 0.16) !important;
	border-radius: 0 !important;
	box-shadow: 0 22px 58px rgba(20, 83, 45, 0.1);
}

.fixstable-greenline-brief-panel .fixstable-builder-form-intro {
	max-width: none;
}

.fixstable-greenline-brief-panel .fixstable-builder-form-fields {
	gap: 14px 16px;
}

.fixstable-greenline-brief-panel .fixstable-builder-form-field:nth-child(4),
.fixstable-greenline-brief-panel .fixstable-builder-form-field:nth-child(5) {
	grid-column: 1 / -1;
}

.fixstable-greenline-brief-panel .fixstable-builder-form-field label {
	display: flex;
	flex-wrap: wrap;
	gap: 0 4px;
}

.fixstable-greenline-brief-panel input,
.fixstable-greenline-brief-panel textarea {
	border-color: rgba(19, 35, 51, 0.16);
	background: #ffffff;
}

.fixstable-greenline-brief-panel input::placeholder,
.fixstable-greenline-brief-panel textarea::placeholder {
	color: rgba(19, 35, 51, 0.62);
	opacity: 1;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-demo-business-editorial,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-demo-business-selected-work,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-demo-local-response,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-demo-local-job-proof {
	background: var(--fixstable-mode-section, #0b1622) !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-demo-business-mini-card,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-demo-local-badge-card,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-demo-local-job-card {
	background:
		linear-gradient(135deg, rgba(132, 204, 22, 0.1), transparent 48%),
		var(--fixstable-mode-card, #141f2c) !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-demo-local-response,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-demo-local-job-proof {
	background:
		radial-gradient(circle at 0 0, rgba(132, 204, 22, 0.08), transparent 34%),
		var(--fixstable-mode-section, #0b1622) !important;
}

/*
 * Phase 3.27 -- differentiated remaining Pro demo homepages.
 */
.fixstable-demo-saas-dashboard .fixstable-builder-row,
.fixstable-demo-saas-metrics .fixstable-builder-row,
.fixstable-demo-saas-launch-pack .fixstable-builder-row,
.fixstable-demo-agency-method .fixstable-builder-row,
.fixstable-demo-agency-culture .fixstable-builder-row,
.fixstable-demo-agency-insights-cta .fixstable-builder-row,
.fixstable-demo-consultant-authority .fixstable-builder-row,
.fixstable-demo-consultant-framework .fixstable-builder-row,
.fixstable-demo-consultant-outcomes .fixstable-builder-row,
.fixstable-demo-consultant-booking .fixstable-builder-row,
.fixstable-demo-ecommerce-promo .fixstable-builder-row,
.fixstable-demo-ecommerce-review .fixstable-builder-row,
.fixstable-demo-ecommerce-offer-cta .fixstable-builder-row {
	align-items: center;
}

.fixstable-demo-saas-dashboard .fixstable-builder-image img,
.fixstable-demo-saas-automation .fixstable-builder-image img,
.fixstable-demo-saas-metrics .fixstable-builder-image img,
.fixstable-demo-saas-launch-pack .fixstable-builder-image img,
.fixstable-demo-agency-campaign-wall .fixstable-builder-image img,
.fixstable-demo-agency-method .fixstable-builder-image img,
.fixstable-demo-agency-culture .fixstable-builder-image img,
.fixstable-demo-agency-insights-cta .fixstable-builder-image img,
.fixstable-demo-consultant-authority .fixstable-builder-image img,
.fixstable-demo-consultant-framework .fixstable-builder-image img,
.fixstable-demo-consultant-outcomes .fixstable-builder-image img,
.fixstable-demo-consultant-booking .fixstable-builder-image img,
.fixstable-demo-ecommerce-promo .fixstable-builder-image img,
.fixstable-demo-ecommerce-product-drop .fixstable-builder-image img,
.fixstable-demo-ecommerce-review .fixstable-builder-image img,
.fixstable-demo-ecommerce-offer-cta .fixstable-builder-image img {
	display: block;
	width: 100%;
	min-height: clamp(220px, 25vw, 360px);
	object-fit: cover;
	border-radius: clamp(18px, 2vw, 26px);
	box-shadow: 0 24px 58px rgba(15, 23, 42, 0.14);
}

.fixstable-demo-saas-dashboard .fixstable-builder-image img,
.fixstable-demo-saas-metrics .fixstable-builder-image img,
.fixstable-demo-agency-method .fixstable-builder-image img,
.fixstable-demo-agency-culture .fixstable-builder-image img,
.fixstable-demo-consultant-outcomes .fixstable-builder-image img,
.fixstable-demo-ecommerce-review .fixstable-builder-image img {
	min-height: clamp(300px, 34vw, 450px);
}

.fixstable-demo-saas-dashboard .fixstable-builder-heading:first-child,
.fixstable-demo-saas-metrics .fixstable-builder-heading:first-child,
.fixstable-demo-saas-launch-pack .fixstable-builder-heading:first-child,
.fixstable-demo-agency-campaign-wall .fixstable-builder-section-inner > .fixstable-builder-heading:first-child,
.fixstable-demo-agency-method .fixstable-builder-heading:first-child,
.fixstable-demo-agency-culture .fixstable-builder-heading:first-child,
.fixstable-demo-agency-insights-cta .fixstable-builder-heading:first-child,
.fixstable-demo-consultant-authority .fixstable-builder-heading:first-child,
.fixstable-demo-consultant-framework .fixstable-builder-heading:first-child,
.fixstable-demo-consultant-outcomes .fixstable-builder-heading:first-child,
.fixstable-demo-consultant-booking .fixstable-builder-heading:first-child,
.fixstable-demo-ecommerce-promo .fixstable-builder-heading:first-child,
.fixstable-demo-ecommerce-review .fixstable-builder-heading:first-child,
.fixstable-demo-ecommerce-offer-cta .fixstable-builder-heading:first-child {
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--fixstable-page-primary, #2fa8ff);
}

.fixstable-demo-agency-campaign-wall .fixstable-builder-section-inner > .fixstable-builder-heading:first-child,
.fixstable-demo-agency-culture .fixstable-builder-heading:first-child,
.fixstable-demo-ecommerce-promo .fixstable-builder-heading:first-child,
.fixstable-demo-ecommerce-review .fixstable-builder-heading:first-child,
.fixstable-demo-ecommerce-offer-cta .fixstable-builder-heading:first-child {
	color: var(--fixstable-page-accent, #f4c86b);
}

.fixstable-demo-saas-dashboard {
	background:
		radial-gradient(circle at 100% 10%, rgba(125, 211, 252, 0.22), transparent 32%),
		linear-gradient(180deg, #f8fbff 0%, #eef5ff 100%) !important;
}

.fixstable-demo-saas-automation .fixstable-builder-section-inner > .fixstable-builder-heading:first-child,
.fixstable-demo-ecommerce-product-drop .fixstable-builder-section-inner > .fixstable-builder-heading:first-child {
	max-width: min(760px, 100%);
	line-height: 1.1;
}

.fixstable-demo-saas-metric-card,
.fixstable-demo-saas-outcome-card,
.fixstable-demo-saas-workflow-card {
	box-shadow: 0 14px 36px rgba(79, 70, 229, 0.08);
}

.fixstable-demo-saas-metrics {
	background:
		radial-gradient(circle at 85% 12%, rgba(125, 211, 252, 0.18), transparent 32%),
		linear-gradient(135deg, #071022 0%, #111c42 100%) !important;
	overflow: hidden;
}

.fixstable-demo-saas-metrics .fixstable-builder-heading,
.fixstable-demo-saas-metrics .fixstable-builder-text p,
.fixstable-demo-saas-launch-pack .fixstable-builder-heading,
.fixstable-demo-saas-launch-pack .fixstable-builder-text p,
.fixstable-demo-agency-campaign-wall .fixstable-builder-heading,
.fixstable-demo-agency-campaign-wall .fixstable-builder-text p,
.fixstable-demo-agency-culture .fixstable-builder-heading,
.fixstable-demo-agency-culture .fixstable-builder-text p,
.fixstable-demo-consultant-outcomes .fixstable-builder-heading,
.fixstable-demo-consultant-outcomes .fixstable-builder-text p,
.fixstable-demo-ecommerce-review .fixstable-builder-heading,
.fixstable-demo-ecommerce-review .fixstable-builder-text p {
	color: inherit;
}

.fixstable-demo-saas-metrics .fixstable-builder-grid,
.fixstable-demo-saas-launch-pack .fixstable-builder-grid,
.fixstable-demo-agency-method .fixstable-builder-grid,
.fixstable-demo-agency-insights-cta .fixstable-builder-grid,
.fixstable-demo-consultant-authority .fixstable-builder-grid,
.fixstable-demo-consultant-framework .fixstable-builder-grid,
.fixstable-demo-consultant-booking .fixstable-builder-grid,
.fixstable-demo-ecommerce-promo .fixstable-builder-grid,
.fixstable-demo-ecommerce-offer-cta .fixstable-builder-grid {
	background: transparent !important;
}

.fixstable-demo-saas-metrics .fixstable-demo-saas-outcome-card,
.fixstable-demo-agency-campaign-wall .fixstable-demo-agency-campaign-card,
.fixstable-demo-agency-culture .fixstable-demo-agency-culture-card,
.fixstable-demo-consultant-outcomes .fixstable-demo-consultant-outcome-card,
.fixstable-demo-ecommerce-review .fixstable-demo-ecommerce-review-card {
	background: rgba(255, 255, 255, 0.08) !important;
	color: inherit !important;
	border-color: rgba(255, 255, 255, 0.16);
	backdrop-filter: blur(10px);
}

.fixstable-demo-agency-campaign-wall {
	background:
		radial-gradient(circle at 16% 12%, rgba(242, 184, 75, 0.22), transparent 30%),
		linear-gradient(135deg, #050608 0%, #10131c 100%) !important;
	overflow: hidden;
}

.fixstable-demo-agency-campaign-wall .fixstable-builder-grid {
	background: transparent !important;
}

.fixstable-demo-agency-method {
	background:
		linear-gradient(180deg, #f8f5ef 0%, #fffaf1 100%) !important;
}

.fixstable-demo-agency-method-card,
.fixstable-demo-agency-culture-card {
	min-height: 100%;
}

.fixstable-demo-agency-culture {
	background:
		radial-gradient(circle at 100% 0%, rgba(242, 184, 75, 0.18), transparent 28%),
		linear-gradient(135deg, #10131c 0%, #1b1723 100%) !important;
	overflow: hidden;
}

.fixstable-demo-agency-insights-cta {
	background:
		linear-gradient(135deg, #fffaf1 0%, #f8f5ef 100%) !important;
}

.fixstable-demo-consultant-authority {
	background:
		linear-gradient(135deg, #ffffff 0%, #eef3f7 100%) !important;
}

.fixstable-demo-consultant-authority .fixstable-builder-column:last-child {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 0.76fr);
	align-items: end;
	gap: clamp(14px, 2vw, 22px);
}

.fixstable-demo-consultant-authority .fixstable-builder-column:last-child .fixstable-builder-image:last-child img {
	min-height: clamp(220px, 26vw, 340px);
}

.fixstable-demo-consultant-proof-card,
.fixstable-demo-consultant-framework-card {
	box-shadow: 0 14px 34px rgba(26, 77, 109, 0.08);
}

.fixstable-demo-consultant-framework {
	background:
		linear-gradient(180deg, #eef3f7 0%, #f7f9fb 100%) !important;
}

.fixstable-demo-consultant-outcomes {
	background:
		radial-gradient(circle at 8% 10%, rgba(201, 162, 39, 0.24), transparent 30%),
		linear-gradient(135deg, #0f2838 0%, #163548 100%) !important;
	overflow: hidden;
}

.fixstable-demo-consultant-booking {
	background:
		linear-gradient(135deg, #ffffff 0%, #f7f9fb 100%) !important;
}

.fixstable-demo-ecommerce-promo {
	background:
		linear-gradient(135deg, #fbf7ef 0%, #fff4df 100%) !important;
}

.fixstable-demo-ecommerce-promo .fixstable-builder-column:last-child {
	display: grid;
	grid-template-columns: minmax(0, 0.8fr) minmax(0, 1fr);
	align-items: center;
	gap: clamp(14px, 2vw, 22px);
}

.fixstable-demo-ecommerce-product-drop {
	background:
		linear-gradient(180deg, #ffffff 0%, #fffaf2 100%) !important;
}

.fixstable-demo-ecommerce-drop-card,
.fixstable-demo-ecommerce-promo-card {
	box-shadow: 0 18px 42px rgba(116, 69, 24, 0.08);
}

.fixstable-demo-ecommerce-review {
	background:
		radial-gradient(circle at 90% 0%, rgba(209, 139, 42, 0.2), transparent 30%),
		linear-gradient(135deg, #2a2018 0%, #1f1a17 100%) !important;
}

.fixstable-demo-ecommerce-offer-cta {
	background:
		linear-gradient(135deg, #fffaf2 0%, #fbf7ef 100%) !important;
}

.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-saas-dashboard,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-dashboard {
	background:
		radial-gradient(circle at 100% 10%, rgba(125, 211, 252, 0.22), transparent 32%),
		linear-gradient(180deg, #f8fbff 0%, #eef5ff 100%) !important;
	color: #17202a !important;
}

.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-saas-metrics,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-metrics {
	background:
		radial-gradient(circle at 85% 12%, rgba(125, 211, 252, 0.18), transparent 32%),
		linear-gradient(135deg, #071022 0%, #111c42 100%) !important;
	color: #f4f9ff !important;
}

.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-agency-campaign-wall,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-agency-campaign-wall {
	background:
		radial-gradient(circle at 16% 12%, rgba(242, 184, 75, 0.22), transparent 30%),
		linear-gradient(135deg, #050608 0%, #10131c 100%) !important;
	color: #f4f9ff !important;
}

.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-agency-method,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-agency-method {
	background:
		linear-gradient(180deg, #f8f5ef 0%, #fffaf1 100%) !important;
	color: #17202a !important;
}

.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-agency-culture,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-agency-culture {
	background:
		radial-gradient(circle at 100% 0%, rgba(242, 184, 75, 0.18), transparent 28%),
		linear-gradient(135deg, #10131c 0%, #1b1723 100%) !important;
	color: #f4f9ff !important;
}

.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-agency-insights-cta,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-agency-insights-cta {
	background:
		linear-gradient(135deg, #fffaf1 0%, #f8f5ef 100%) !important;
	color: #17202a !important;
}

.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-consultant-authority,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-consultant-authority {
	background:
		linear-gradient(135deg, #ffffff 0%, #eef3f7 100%) !important;
	color: #17202a !important;
}

.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-consultant-framework,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-consultant-framework {
	background:
		linear-gradient(180deg, #eef3f7 0%, #f7f9fb 100%) !important;
	color: #17202a !important;
}

.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-consultant-outcomes,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-consultant-outcomes {
	background:
		radial-gradient(circle at 8% 10%, rgba(201, 162, 39, 0.24), transparent 30%),
		linear-gradient(135deg, #0f2838 0%, #163548 100%) !important;
	color: #f4f9ff !important;
}

.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-consultant-booking,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-consultant-booking {
	background:
		linear-gradient(135deg, #ffffff 0%, #f7f9fb 100%) !important;
	color: #17202a !important;
}

.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-ecommerce-promo,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-ecommerce-promo {
	background:
		linear-gradient(135deg, #fbf7ef 0%, #fff4df 100%) !important;
	color: #17202a !important;
}

.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-ecommerce-product-drop,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-ecommerce-product-drop {
	background:
		linear-gradient(180deg, #ffffff 0%, #fffaf2 100%) !important;
	color: #17202a !important;
}

.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-ecommerce-review,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-ecommerce-review {
	background:
		radial-gradient(circle at 90% 0%, rgba(209, 139, 42, 0.2), transparent 30%),
		linear-gradient(135deg, #2a2018 0%, #1f1a17 100%) !important;
	color: #f4f9ff !important;
}

.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-ecommerce-offer-cta,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-ecommerce-offer-cta {
	background:
		linear-gradient(135deg, #fffaf2 0%, #fbf7ef 100%) !important;
	color: #17202a !important;
}

.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-saas-metrics .fixstable-builder-heading,
.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-saas-metrics .fixstable-builder-text,
.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-saas-metrics .fixstable-builder-text p,
.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-saas-launch-pack .fixstable-builder-heading,
.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-saas-launch-pack .fixstable-builder-text,
.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-saas-launch-pack .fixstable-builder-text p,
.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-agency-campaign-wall .fixstable-builder-heading,
.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-agency-campaign-wall .fixstable-builder-text,
.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-agency-campaign-wall .fixstable-builder-text p,
.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-agency-culture .fixstable-builder-heading,
.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-agency-culture .fixstable-builder-text,
.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-agency-culture .fixstable-builder-text p,
.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-consultant-outcomes .fixstable-builder-heading,
.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-consultant-outcomes .fixstable-builder-text,
.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-consultant-outcomes .fixstable-builder-text p,
.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-ecommerce-review .fixstable-builder-heading,
.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-ecommerce-review .fixstable-builder-text,
.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-ecommerce-review .fixstable-builder-text p,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-metrics .fixstable-builder-heading,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-metrics .fixstable-builder-text,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-metrics .fixstable-builder-text p,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-launch-pack .fixstable-builder-heading,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-launch-pack .fixstable-builder-text,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-launch-pack .fixstable-builder-text p,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-agency-campaign-wall .fixstable-builder-heading,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-agency-campaign-wall .fixstable-builder-text,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-agency-campaign-wall .fixstable-builder-text p,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-agency-culture .fixstable-builder-heading,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-agency-culture .fixstable-builder-text,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-agency-culture .fixstable-builder-text p,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-consultant-outcomes .fixstable-builder-heading,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-consultant-outcomes .fixstable-builder-text,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-consultant-outcomes .fixstable-builder-text p,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-ecommerce-review .fixstable-builder-heading,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-ecommerce-review .fixstable-builder-text,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-ecommerce-review .fixstable-builder-text p {
	color: inherit !important;
}

.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-saas-metrics .fixstable-demo-saas-outcome-card,
.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-agency-campaign-wall .fixstable-demo-agency-campaign-card,
.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-agency-culture .fixstable-demo-agency-culture-card,
.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-consultant-outcomes .fixstable-demo-consultant-outcome-card,
.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-ecommerce-review .fixstable-demo-ecommerce-review-card,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-metrics .fixstable-demo-saas-outcome-card,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-agency-campaign-wall .fixstable-demo-agency-campaign-card,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-agency-culture .fixstable-demo-agency-culture-card,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-consultant-outcomes .fixstable-demo-consultant-outcome-card,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-ecommerce-review .fixstable-demo-ecommerce-review-card {
	background: rgba(255, 255, 255, 0.08) !important;
	color: inherit !important;
	border-color: rgba(255, 255, 255, 0.16) !important;
}

/*
 * Phase 3.29 -- SaaS / AI Tool Pro product-site polish.
 */
.fixstable-demo-kit-saas-ai.fixstable-demo-home-hero,
.fixstable-demo-saas-home-hero,
.fixstable-demo-home-herofixstable-demo-kit-saas-ai {
	--fixstable-demo-hero-bleed: #07111f;
	--fixstable-page-primary: #2563eb;
	--fixstable-page-accent: #22d3ee;
	background:
		radial-gradient(circle at 18% 16%, rgba(34, 211, 238, 0.18), transparent 28%),
		radial-gradient(circle at 86% 6%, rgba(79, 70, 229, 0.24), transparent 30%),
		linear-gradient(135deg, #07111f 0%, #0f172a 58%, #111c42 100%) !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-demo-saas-home-hero,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-home-hero,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-home-hero,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-demo-home-herofixstable-demo-kit-saas-ai,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-home-herofixstable-demo-kit-saas-ai,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-home-herofixstable-demo-kit-saas-ai {
	background:
		radial-gradient(circle at 18% 16%, rgba(34, 211, 238, 0.18), transparent 28%),
		radial-gradient(circle at 86% 6%, rgba(79, 70, 229, 0.24), transparent 30%),
		linear-gradient(135deg, #07111f 0%, #0f172a 58%, #111c42 100%) !important;
	color: #f8fbff !important;
}

.fixstable-demo-kit-saas-ai .fixstable-builder-cta-block.has-hero-panel,
.fixstable-demo-saas-home-hero .fixstable-builder-cta-block.has-hero-panel,
.fixstable-demo-home-herofixstable-demo-kit-saas-ai .fixstable-builder-cta-block.has-hero-panel {
	background:
		radial-gradient(circle at 14% 18%, rgba(34, 211, 238, 0.18), transparent 28%),
		linear-gradient(135deg, #07111f 0%, #0f172a 52%, #111c42 100%) !important;
	border-color: rgba(34, 211, 238, 0.28) !important;
	box-shadow:
		0 28px 80px rgba(7, 17, 31, 0.34),
		inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-demo-saas-home-hero .fixstable-builder-cta-block.is-dark-surface.has-hero-panel,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-demo-saas-home-hero .fixstable-builder-cta-block.is-dark-surface.has-hero-panel,
.fixstable-builder-preview-shell .fixstable-demo-saas-home-hero .fixstable-builder-cta-block.is-dark-surface.has-hero-panel,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-demo-home-herofixstable-demo-kit-saas-ai .fixstable-builder-cta-block.is-dark-surface.has-hero-panel,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-demo-home-herofixstable-demo-kit-saas-ai .fixstable-builder-cta-block.is-dark-surface.has-hero-panel,
.fixstable-builder-preview-shell .fixstable-demo-home-herofixstable-demo-kit-saas-ai .fixstable-builder-cta-block.is-dark-surface.has-hero-panel {
	background:
		radial-gradient(circle at 14% 18%, rgba(34, 211, 238, 0.18), transparent 28%),
		linear-gradient(135deg, #07111f 0%, #0f172a 52%, #111c42 100%) !important;
	color: #f8fbff !important;
	border-color: rgba(34, 211, 238, 0.28) !important;
}

.fixstable-demo-kit-saas-ai .fixstable-builder-cta-block.has-hero-panel .fixstable-builder-heading,
.fixstable-demo-kit-saas-ai .fixstable-builder-cta-block.has-hero-panel .fixstable-builder-text,
.fixstable-demo-kit-saas-ai .fixstable-builder-cta-block.has-hero-panel .fixstable-builder-text p,
.fixstable-demo-saas-home-hero .fixstable-builder-cta-block.has-hero-panel .fixstable-builder-heading,
.fixstable-demo-saas-home-hero .fixstable-builder-cta-block.has-hero-panel .fixstable-builder-text,
.fixstable-demo-saas-home-hero .fixstable-builder-cta-block.has-hero-panel .fixstable-builder-text p,
.fixstable-demo-home-herofixstable-demo-kit-saas-ai .fixstable-builder-cta-block.has-hero-panel .fixstable-builder-heading,
.fixstable-demo-home-herofixstable-demo-kit-saas-ai .fixstable-builder-cta-block.has-hero-panel .fixstable-builder-text,
.fixstable-demo-home-herofixstable-demo-kit-saas-ai .fixstable-builder-cta-block.has-hero-panel .fixstable-builder-text p {
	color: inherit !important;
}

.fixstable-demo-kit-saas-ai .fixstable-builder-cta-panel,
.fixstable-demo-saas-home-hero .fixstable-builder-cta-panel,
.fixstable-demo-home-herofixstable-demo-kit-saas-ai .fixstable-builder-cta-panel {
	position: relative;
	overflow: hidden;
	background:
		linear-gradient(180deg, rgba(15, 23, 42, 0.96), rgba(10, 18, 35, 0.92)) !important;
	border-color: rgba(34, 211, 238, 0.34) !important;
	box-shadow:
		inset 0 0 0 1px rgba(255, 255, 255, 0.04),
		0 22px 60px rgba(2, 8, 23, 0.26);
}

.fixstable-demo-kit-saas-ai .fixstable-builder-cta-panel::before,
.fixstable-demo-saas-home-hero .fixstable-builder-cta-panel::before,
.fixstable-demo-home-herofixstable-demo-kit-saas-ai .fixstable-builder-cta-panel::before {
	content: "";
	display: block;
	width: 100%;
	height: 8px;
	margin-bottom: 16px;
	border-radius: 999px;
	background:
		linear-gradient(90deg, #22d3ee 0%, #2563eb 42%, #4f46e5 72%, rgba(34, 211, 238, 0.32) 100%);
	box-shadow: 0 0 22px rgba(34, 211, 238, 0.32);
}

.fixstable-demo-kit-saas-ai .fixstable-builder-cta-panel li::marker,
.fixstable-demo-kit-saas-ai .fixstable-builder-list li::marker,
.fixstable-demo-saas-home-hero .fixstable-builder-cta-panel li::marker,
.fixstable-demo-saas-home-hero .fixstable-builder-list li::marker,
.fixstable-demo-home-herofixstable-demo-kit-saas-ai .fixstable-builder-cta-panel li::marker,
.fixstable-demo-home-herofixstable-demo-kit-saas-ai .fixstable-builder-list li::marker {
	color: #22d3ee;
}

.fixstable-demo-kit-saas-ai .fixstable-builder-cta-block .fixstable-builder-button,
.fixstable-demo-saas-home-hero .fixstable-builder-cta-block .fixstable-builder-button,
.fixstable-demo-home-herofixstable-demo-kit-saas-ai .fixstable-builder-cta-block .fixstable-builder-button,
.fixstable-demo-saas-dashboard .fixstable-builder-button,
.fixstable-demo-saas-automation .fixstable-builder-button,
.fixstable-demo-saas-launch-pack .fixstable-builder-button,
.fixstable-demo-saas-final-cta .fixstable-builder-button {
	background: linear-gradient(135deg, #2563eb, #06b6d4) !important;
	border-color: rgba(34, 211, 238, 0.5) !important;
	color: #ffffff !important;
	box-shadow: 0 14px 34px rgba(37, 99, 235, 0.28);
}

.fixstable-demo-kit-saas-ai .fixstable-builder-cta-block .fixstable-builder-button + .fixstable-builder-button,
.fixstable-demo-saas-home-hero .fixstable-builder-cta-block .fixstable-builder-button + .fixstable-builder-button,
.fixstable-demo-home-herofixstable-demo-kit-saas-ai .fixstable-builder-cta-block .fixstable-builder-button + .fixstable-builder-button {
	background: rgba(255, 255, 255, 0.06) !important;
	border-color: rgba(125, 211, 252, 0.52) !important;
	color: #e0f2fe !important;
	box-shadow: none;
}

.fixstable-demo-saas-proof-strip,
.fixstable-demo-saas-feature-grid,
.fixstable-demo-saas-use-cases,
.fixstable-demo-saas-pricing,
.fixstable-demo-saas-faq {
	background:
		radial-gradient(circle at 100% 0%, rgba(34, 211, 238, 0.1), transparent 28%),
		linear-gradient(180deg, #f8fbff 0%, #eef6ff 100%) !important;
	color: #111827 !important;
}

.fixstable-demo-saas-dashboard,
.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-saas-dashboard,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-dashboard {
	background:
		radial-gradient(circle at 100% 10%, rgba(34, 211, 238, 0.2), transparent 32%),
		linear-gradient(180deg, #f8fbff 0%, #eef6ff 100%) !important;
	color: #111827 !important;
}

.fixstable-demo-saas-dashboard .fixstable-builder-column:last-child {
	position: relative;
}

.fixstable-demo-saas-dashboard .fixstable-builder-column:last-child::before {
	content: "SignalFlow AI dashboard";
	display: inline-flex;
	align-items: center;
	width: fit-content;
	margin-bottom: -4px;
	padding: 7px 11px;
	border: 1px solid rgba(37, 99, 235, 0.18);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.86);
	color: #2563eb;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	box-shadow: 0 12px 28px rgba(37, 99, 235, 0.1);
}

.fixstable-demo-saas-dashboard .fixstable-builder-image img {
	border: 1px solid rgba(37, 99, 235, 0.14);
	background: #0f172a;
	box-shadow:
		0 28px 80px rgba(37, 99, 235, 0.18),
		0 0 0 8px rgba(255, 255, 255, 0.82);
}

.fixstable-demo-saas-dashboard .fixstable-builder-grid,
.fixstable-demo-saas-proof-strip .fixstable-builder-grid,
.fixstable-demo-saas-feature-grid .fixstable-builder-grid,
.fixstable-demo-saas-use-cases .fixstable-builder-grid,
.fixstable-demo-saas-pricing .fixstable-builder-grid {
	background: transparent !important;
}

.fixstable-demo-saas-metric-card,
.fixstable-demo-saas-workflow-card,
.fixstable-demo-saas-outcome-card,
.fixstable-demo-saas-feature-grid .fixstable-builder-card,
.fixstable-demo-saas-proof-strip .fixstable-builder-card,
.fixstable-demo-saas-use-cases .fixstable-builder-card,
.fixstable-demo-saas-pricing .fixstable-builder-card,
.fixstable-demo-saas-integration-chip {
	border-color: rgba(37, 99, 235, 0.16) !important;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(238, 246, 255, 0.92)) !important;
	box-shadow: 0 18px 44px rgba(37, 99, 235, 0.08);
}

.fixstable-demo-saas-metric-card::before,
.fixstable-demo-saas-workflow-card::before,
.fixstable-demo-saas-outcome-card::before,
.fixstable-demo-saas-feature-grid .fixstable-builder-card::before,
.fixstable-demo-saas-proof-strip .fixstable-builder-card::before,
.fixstable-demo-saas-use-cases .fixstable-builder-card::before,
.fixstable-demo-saas-pricing .fixstable-builder-card::before,
.fixstable-demo-saas-integration-chip::before {
	content: "";
	display: block;
	width: 36px;
	height: 4px;
	margin-bottom: 6px;
	border-radius: 999px;
	background: linear-gradient(90deg, #22d3ee, #2563eb);
	box-shadow: 0 0 18px rgba(34, 211, 238, 0.28);
}

.fixstable-demo-saas-metric-card .fixstable-builder-heading,
.fixstable-demo-saas-outcome-card .fixstable-builder-heading {
	color: #111827;
}

.fixstable-demo-saas-automation {
	background:
		linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
	color: #111827 !important;
}

.fixstable-demo-saas-automation .fixstable-demo-saas-workflow-card {
	overflow: hidden;
}

.fixstable-demo-saas-automation .fixstable-demo-saas-workflow-card .fixstable-builder-image img {
	min-height: clamp(210px, 22vw, 290px);
	border: 1px solid rgba(37, 99, 235, 0.12);
	box-shadow: none;
}

.fixstable-demo-saas-workflow-process {
	background:
		radial-gradient(circle at 0% 0%, rgba(79, 70, 229, 0.14), transparent 30%),
		linear-gradient(135deg, #eef6ff 0%, #ffffff 100%) !important;
	color: #111827 !important;
}

.fixstable-demo-saas-workflow-process .fixstable-builder-feature-list {
	border: 1px solid rgba(37, 99, 235, 0.12);
	box-shadow: 0 20px 54px rgba(37, 99, 235, 0.08);
}

.fixstable-demo-saas-metrics,
.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-saas-metrics,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-metrics {
	background:
		radial-gradient(circle at 84% 12%, rgba(34, 211, 238, 0.22), transparent 32%),
		radial-gradient(circle at 8% 18%, rgba(79, 70, 229, 0.18), transparent 30%),
		linear-gradient(135deg, #07111f 0%, #0f172a 58%, #111c42 100%) !important;
	color: #f8fbff !important;
}

.fixstable-demo-saas-metrics .fixstable-builder-image img {
	border: 1px solid rgba(34, 211, 238, 0.16);
	box-shadow:
		0 28px 70px rgba(2, 8, 23, 0.42),
		0 0 0 1px rgba(255, 255, 255, 0.06);
}

.fixstable-demo-saas-metrics .fixstable-demo-saas-outcome-card {
	background:
		linear-gradient(180deg, rgba(15, 23, 42, 0.86), rgba(7, 17, 31, 0.78)) !important;
	border-color: rgba(34, 211, 238, 0.2) !important;
	color: #f8fbff !important;
}

.fixstable-demo-saas-metrics .fixstable-demo-saas-outcome-card .fixstable-builder-heading,
.fixstable-demo-saas-metrics .fixstable-demo-saas-outcome-card .fixstable-builder-text,
.fixstable-demo-saas-metrics .fixstable-demo-saas-outcome-card .fixstable-builder-text p {
	color: inherit !important;
}

.fixstable-demo-saas-launch-pack {
	background:
		radial-gradient(circle at 96% 12%, rgba(34, 211, 238, 0.2), transparent 28%),
		linear-gradient(135deg, #eef6ff 0%, #f8fbff 100%) !important;
	color: #111827 !important;
}

.fixstable-demo-saas-launch-pack .fixstable-demo-saas-integration-chip {
	min-height: 100%;
}

.fixstable-demo-saas-launch-pack .fixstable-builder-image img {
	min-height: clamp(210px, 21vw, 300px);
}

.fixstable-demo-saas-final-cta {
	background:
		radial-gradient(circle at 18% 18%, rgba(34, 211, 238, 0.18), transparent 30%),
		linear-gradient(135deg, #07111f 0%, #0f172a 54%, #111c42 100%) !important;
	color: #f8fbff !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-demo-saas-final-cta,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-final-cta,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-final-cta {
	background:
		radial-gradient(circle at 18% 18%, rgba(34, 211, 238, 0.18), transparent 30%),
		linear-gradient(135deg, #07111f 0%, #0f172a 54%, #111c42 100%) !important;
	color: #f8fbff !important;
}

.fixstable-demo-saas-proof-strip .fixstable-builder-card,
.fixstable-demo-saas-feature-grid .fixstable-builder-card,
.fixstable-demo-saas-use-cases .fixstable-builder-card,
.fixstable-demo-saas-pricing .fixstable-builder-card,
.fixstable-demo-saas-integration-chip {
	color: #111827 !important;
}

.fixstable-demo-saas-final-cta .fixstable-builder-request-section {
	border-color: rgba(34, 211, 238, 0.24) !important;
	box-shadow: 0 28px 80px rgba(2, 8, 23, 0.36);
}

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-demo-saas-final-cta .fixstable-builder-request-section.is-dark-surface,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-demo-saas-final-cta .fixstable-builder-request-section.is-dark-surface,
.fixstable-builder-preview-shell .fixstable-demo-saas-final-cta .fixstable-builder-request-section.is-dark-surface {
	background:
		radial-gradient(circle at 82% 14%, rgba(34, 211, 238, 0.18), transparent 26%),
		linear-gradient(135deg, #07111f 0%, #0f172a 100%) !important;
	color: #f8fbff !important;
	border-color: rgba(34, 211, 238, 0.24) !important;
}

@media (max-width: 900px) {
	body.fixstable-builder-page .fixstable-builder-cta-block.has-hero-panel,
	.fixstable-builder-preview-shell .fixstable-builder-cta-block.has-hero-panel,
	.fixstable-builder-preview-shell .fixstable-builder-preview-cta-block.has-hero-panel {
		grid-template-columns: 1fr !important;
	}

	body.fixstable-builder-page .fixstable-builder-cta-block.has-hero-panel .fixstable-builder-cta-main,
	body.fixstable-builder-page .fixstable-builder-cta-block.has-hero-panel .fixstable-builder-cta-panel {
		width: 100%;
		max-width: none;
	}

	.fixstable-demo-consultant-authority .fixstable-builder-column:last-child,
	.fixstable-demo-ecommerce-promo .fixstable-builder-column:last-child {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 768px) {
	.fixstable-demo-home-media-story .fixstable-builder-grid {
		gap: 12px;
	}

	.fixstable-demo-home-media-story .fixstable-builder-demo-stat-card {
		min-height: 0;
	}

	.fixstable-builder-demo-showcase-section .fixstable-builder-section-inner > .fixstable-builder-heading:first-child {
		max-width: none;
	}

	.fixstable-builder-site-footer-columns {
		gap: 20px;
	}

	.fixstable-demo-business-editorial .fixstable-builder-image img,
	.fixstable-demo-business-case-study .fixstable-builder-image img,
	.fixstable-demo-local-response .fixstable-builder-image img,
	.fixstable-demo-local-review-strip .fixstable-builder-image img {
		min-height: 240px;
	}

	.fixstable-demo-business-project-cta .fixstable-builder-grid,
	.fixstable-demo-local-emergency .fixstable-builder-grid {
		gap: 14px;
	}

	.fixstable-demo-kit-local-service.fixstable-demo-home-hero {
		--fixstable-mobile-local-section-gap: 18px;
	}

	body.fixstable-builder-page .fixstable-demo-kit-local-service .fixstable-builder-cta-block.has-hero-panel,
	.fixstable-builder-preview-shell .fixstable-demo-kit-local-service .fixstable-builder-cta-block.has-hero-panel {
		gap: 18px !important;
		padding: 28px 20px !important;
		border-radius: 24px !important;
	}

	.fixstable-demo-kit-local-service .fixstable-builder-cta-main {
		gap: 14px;
	}

	.fixstable-demo-kit-local-service .fixstable-builder-cta-block .fixstable-builder-heading {
		line-height: 1.08;
	}

	.fixstable-demo-kit-local-service .fixstable-builder-cta-block .fixstable-builder-text,
	.fixstable-demo-kit-local-service .fixstable-builder-cta-block .fixstable-builder-text p {
		font-size: 15px;
		line-height: 1.62;
	}

	.fixstable-demo-kit-local-service .fixstable-builder-cta-panel {
		border-radius: 20px !important;
		padding: 18px !important;
	}

	.fixstable-demo-kit-local-service .fixstable-builder-button,
	.fixstable-demo-local-response .fixstable-builder-button,
	.fixstable-demo-local-job-proof .fixstable-builder-button,
	.fixstable-demo-local-emergency .fixstable-builder-button,
	.fixstable-demo-local-estimate-card .fixstable-builder-button {
		display: inline-flex;
		justify-content: center;
		min-height: 46px;
		padding: 12px 18px !important;
		font-size: 14px;
	}

	.fixstable-demo-local-response,
	.fixstable-demo-local-job-proof,
	.fixstable-demo-local-review-strip,
	.fixstable-demo-local-emergency {
		padding-top: 34px !important;
		padding-bottom: 38px !important;
	}

	.fixstable-demo-local-response .fixstable-builder-section-inner,
	.fixstable-demo-local-job-proof .fixstable-builder-section-inner,
	.fixstable-demo-local-review-strip .fixstable-builder-section-inner,
	.fixstable-demo-local-emergency .fixstable-builder-section-inner {
		gap: var(--fixstable-mobile-local-section-gap);
	}

	.fixstable-demo-local-response .fixstable-builder-grid,
	.fixstable-demo-local-job-proof .fixstable-builder-grid,
	.fixstable-demo-local-review-strip .fixstable-builder-grid,
	.fixstable-demo-local-emergency .fixstable-builder-grid {
		grid-template-columns: 1fr !important;
		gap: 12px !important;
		align-items: start !important;
	}

	.fixstable-demo-local-response .fixstable-builder-grid-item,
	.fixstable-demo-local-job-proof .fixstable-builder-grid-item,
	.fixstable-demo-local-review-strip .fixstable-builder-grid-item,
	.fixstable-demo-local-emergency .fixstable-builder-grid-item {
		height: auto !important;
		min-height: 0 !important;
		align-self: start !important;
	}

	.fixstable-builder-grid-item:has(> .fixstable-demo-local-service-card),
	.fixstable-builder-grid-item:has(> .fixstable-demo-local-area-card),
	.fixstable-builder-grid-item:has(> .fixstable-demo-local-estimate-card),
	.fixstable-builder-grid-item:has(> .fixstable-demo-local-badge-card),
	.fixstable-builder-grid-item:has(> .fixstable-demo-local-review-card),
	.fixstable-builder-grid-item:has(> .fixstable-demo-local-emergency-card) {
		height: auto !important;
		min-height: 0 !important;
		align-self: start !important;
	}

	.fixstable-demo-local-response .fixstable-demo-local-badge-card,
	.fixstable-demo-local-service-card,
	.fixstable-demo-local-area-card,
	.fixstable-demo-local-estimate-card,
	.fixstable-demo-local-review-card,
	.fixstable-demo-local-emergency-card {
		height: auto !important;
		min-height: 0 !important;
		align-content: start;
		padding: 18px !important;
		border-radius: 18px !important;
		box-shadow: 0 10px 26px rgba(20, 83, 45, 0.08);
	}

	.fixstable-demo-local-job-card {
		height: auto !important;
		min-height: 0 !important;
	}

	.fixstable-demo-local-response .fixstable-builder-grid-item:first-child > .fixstable-demo-local-badge-card,
	.fixstable-demo-local-service-card,
	.fixstable-builder-grid-item:nth-child(2) > .fixstable-demo-local-area-card,
	.fixstable-builder-grid-item:nth-child(2) > .fixstable-demo-local-estimate-card {
		padding: 22px !important;
		background:
			linear-gradient(135deg, rgba(132, 204, 22, 0.16), rgba(255, 255, 255, 0.98) 54%),
			#ffffff !important;
		border-color: rgba(21, 128, 61, 0.32) !important;
		box-shadow: 0 18px 40px rgba(20, 83, 45, 0.12);
	}

	.fixstable-demo-local-response .fixstable-builder-grid-item:not(:first-child) > .fixstable-demo-local-badge-card,
	.fixstable-builder-grid-item:not(:nth-child(2)) > .fixstable-demo-local-area-card,
	.fixstable-demo-local-review-card,
	.fixstable-demo-local-emergency-card {
		display: grid !important;
		grid-template-columns: auto minmax(0, 1fr) !important;
		column-gap: 12px;
		align-items: start;
	}

	.fixstable-demo-local-response .fixstable-builder-grid-item:not(:first-child) > .fixstable-demo-local-badge-card::before,
	.fixstable-builder-grid-item:not(:nth-child(2)) > .fixstable-demo-local-area-card::before,
	.fixstable-demo-local-review-card::before,
	.fixstable-demo-local-emergency-card::before {
		width: 10px;
		height: 10px;
		margin-top: 8px;
		margin-bottom: 0;
	}

	.fixstable-demo-local-response .fixstable-builder-grid-item:not(:first-child) > .fixstable-demo-local-badge-card > *,
	.fixstable-builder-grid-item:not(:nth-child(2)) > .fixstable-demo-local-area-card > *,
	.fixstable-demo-local-review-card > *,
	.fixstable-demo-local-emergency-card > * {
		grid-column: 2;
	}

	.fixstable-builder-grid-item:nth-child(n+4) > .fixstable-demo-local-service-card {
		display: grid !important;
		grid-template-columns: auto minmax(0, 1fr) !important;
		column-gap: 12px;
		align-items: start;
		padding: 16px 18px !important;
	}

	.fixstable-builder-grid-item:nth-child(n+4) > .fixstable-demo-local-service-card::before {
		width: 10px;
		height: 10px;
		margin-top: 8px;
		margin-bottom: 0;
	}

	.fixstable-builder-grid-item:nth-child(n+4) > .fixstable-demo-local-service-card > * {
		grid-column: 2;
	}

	.fixstable-builder-grid-item:nth-child(n+4) > .fixstable-demo-local-service-card .fixstable-builder-text p,
	.fixstable-builder-grid-item:not(:nth-child(2)) > .fixstable-demo-local-area-card .fixstable-builder-text p,
	.fixstable-demo-local-review-card .fixstable-builder-text p,
	.fixstable-demo-local-emergency-card .fixstable-builder-text p {
		margin-bottom: 0;
	}

	.fixstable-builder-grid-item:nth-child(n+4) > .fixstable-demo-local-service-card .fixstable-builder-text {
		opacity: 0.88;
	}

	.fixstable-demo-local-badge-card .fixstable-builder-heading,
	.fixstable-demo-local-service-card .fixstable-builder-heading,
	.fixstable-demo-local-area-card .fixstable-builder-heading,
	.fixstable-demo-local-estimate-card .fixstable-builder-heading,
	.fixstable-demo-local-review-card .fixstable-builder-heading,
	.fixstable-demo-local-emergency-card .fixstable-builder-heading {
		font-size: 17px;
		line-height: 1.2;
		margin-bottom: 4px;
	}

	.fixstable-demo-local-badge-card .fixstable-builder-text,
	.fixstable-demo-local-service-card .fixstable-builder-text,
	.fixstable-demo-local-area-card .fixstable-builder-text,
	.fixstable-demo-local-estimate-card .fixstable-builder-text,
	.fixstable-demo-local-review-card .fixstable-builder-text,
	.fixstable-demo-local-emergency-card .fixstable-builder-text,
	.fixstable-demo-local-badge-card .fixstable-builder-text p,
	.fixstable-demo-local-service-card .fixstable-builder-text p,
	.fixstable-demo-local-area-card .fixstable-builder-text p,
	.fixstable-demo-local-estimate-card .fixstable-builder-text p,
	.fixstable-demo-local-review-card .fixstable-builder-text p,
	.fixstable-demo-local-emergency-card .fixstable-builder-text p {
		font-size: 14px;
		line-height: 1.58;
	}

	.fixstable-demo-local-job-card .fixstable-builder-image img {
		min-height: 190px;
		border-radius: 16px;
	}

	.fixstable-demo-local-job-card {
		padding: 16px !important;
	}

	.fixstable-demo-local-job-card .fixstable-builder-button {
		width: 100%;
		margin-top: 4px;
	}

	.fixstable-demo-local-review-strip .fixstable-builder-row {
		gap: 18px !important;
	}

	.fixstable-demo-local-review-strip .fixstable-builder-image img {
		min-height: 210px;
	}

	.fixstable-demo-local-emergency {
		margin-top: 8px;
	}

	.fixstable-demo-local-emergency .fixstable-builder-image img {
		min-height: 180px;
	}

	body.fixstable-builder-page .fixstable-demo-kit-saas-ai .fixstable-builder-cta-block.has-hero-panel,
	body.fixstable-builder-page .fixstable-demo-saas-home-hero .fixstable-builder-cta-block.has-hero-panel,
	body.fixstable-builder-page .fixstable-demo-home-herofixstable-demo-kit-saas-ai .fixstable-builder-cta-block.has-hero-panel,
	.fixstable-builder-preview-shell .fixstable-demo-kit-saas-ai .fixstable-builder-cta-block.has-hero-panel,
	.fixstable-builder-preview-shell .fixstable-demo-saas-home-hero .fixstable-builder-cta-block.has-hero-panel,
	.fixstable-builder-preview-shell .fixstable-demo-home-herofixstable-demo-kit-saas-ai .fixstable-builder-cta-block.has-hero-panel {
		gap: 20px !important;
		padding: 30px 20px !important;
		border-radius: 24px !important;
	}

	.fixstable-demo-kit-saas-ai .fixstable-builder-cta-panel,
	.fixstable-demo-saas-home-hero .fixstable-builder-cta-panel,
	.fixstable-demo-home-herofixstable-demo-kit-saas-ai .fixstable-builder-cta-panel {
		padding: 18px !important;
		border-radius: 20px !important;
	}

	.fixstable-demo-saas-proof-strip,
	.fixstable-demo-saas-dashboard,
	.fixstable-demo-saas-automation,
	.fixstable-demo-saas-feature-grid,
	.fixstable-demo-saas-workflow-process,
	.fixstable-demo-saas-use-cases,
	.fixstable-demo-saas-metrics,
	.fixstable-demo-saas-pricing,
	.fixstable-demo-saas-faq,
	.fixstable-demo-saas-launch-pack {
		padding-top: 36px !important;
		padding-bottom: 40px !important;
	}

	.fixstable-demo-saas-proof-strip .fixstable-builder-grid,
	.fixstable-demo-saas-dashboard .fixstable-builder-grid,
	.fixstable-demo-saas-automation .fixstable-builder-grid,
	.fixstable-demo-saas-feature-grid .fixstable-builder-grid,
	.fixstable-demo-saas-use-cases .fixstable-builder-grid,
	.fixstable-demo-saas-metrics .fixstable-builder-grid,
	.fixstable-demo-saas-pricing .fixstable-builder-grid,
	.fixstable-demo-saas-launch-pack .fixstable-builder-grid {
		grid-template-columns: 1fr !important;
		gap: 12px !important;
	}

	.fixstable-demo-saas-proof-strip .fixstable-builder-card,
	.fixstable-demo-saas-feature-grid .fixstable-builder-card,
	.fixstable-demo-saas-use-cases .fixstable-builder-card,
	.fixstable-demo-saas-pricing .fixstable-builder-card,
	.fixstable-demo-saas-metric-card,
	.fixstable-demo-saas-workflow-card,
	.fixstable-demo-saas-outcome-card,
	.fixstable-demo-saas-integration-chip {
		height: auto !important;
		min-height: 0 !important;
		padding: 18px !important;
		border-radius: 18px !important;
	}

	.fixstable-demo-saas-proof-strip .fixstable-builder-grid-item:not(:first-child) > .fixstable-builder-card,
	.fixstable-demo-saas-use-cases .fixstable-builder-grid-item:not(:first-child) > .fixstable-builder-card,
	.fixstable-demo-saas-integration-chip {
		display: grid !important;
		grid-template-columns: auto minmax(0, 1fr) !important;
		column-gap: 12px;
		align-items: start;
	}

	.fixstable-demo-saas-proof-strip .fixstable-builder-grid-item:not(:first-child) > .fixstable-builder-card::before,
	.fixstable-demo-saas-use-cases .fixstable-builder-grid-item:not(:first-child) > .fixstable-builder-card::before,
	.fixstable-demo-saas-integration-chip::before {
		width: 10px;
		height: 10px;
		margin-top: 8px;
		margin-bottom: 0;
	}

	.fixstable-demo-saas-proof-strip .fixstable-builder-grid-item:not(:first-child) > .fixstable-builder-card > *,
	.fixstable-demo-saas-use-cases .fixstable-builder-grid-item:not(:first-child) > .fixstable-builder-card > *,
	.fixstable-demo-saas-integration-chip > * {
		grid-column: 2;
	}

	.fixstable-demo-saas-dashboard .fixstable-builder-image img,
	.fixstable-demo-saas-automation .fixstable-builder-image img,
	.fixstable-demo-saas-metrics .fixstable-builder-image img,
	.fixstable-demo-saas-launch-pack .fixstable-builder-image img {
		min-height: 200px;
	}

	.fixstable-demo-saas-dashboard .fixstable-builder-column:last-child::before {
		font-size: 11px;
		white-space: normal;
	}

	.fixstable-demo-saas-pricing .fixstable-builder-button,
	.fixstable-demo-saas-final-cta .fixstable-builder-button {
		display: inline-flex;
		justify-content: center;
		width: 100%;
		min-height: 46px;
	}

	.fixstable-demo-saas-dashboard .fixstable-builder-image img,
	.fixstable-demo-saas-automation .fixstable-builder-image img,
	.fixstable-demo-saas-metrics .fixstable-builder-image img,
	.fixstable-demo-saas-launch-pack .fixstable-builder-image img,
	.fixstable-demo-agency-campaign-wall .fixstable-builder-image img,
	.fixstable-demo-agency-method .fixstable-builder-image img,
	.fixstable-demo-agency-culture .fixstable-builder-image img,
	.fixstable-demo-agency-insights-cta .fixstable-builder-image img,
	.fixstable-demo-consultant-authority .fixstable-builder-image img,
	.fixstable-demo-consultant-framework .fixstable-builder-image img,
	.fixstable-demo-consultant-outcomes .fixstable-builder-image img,
	.fixstable-demo-consultant-booking .fixstable-builder-image img,
	.fixstable-demo-ecommerce-promo .fixstable-builder-image img,
	.fixstable-demo-ecommerce-product-drop .fixstable-builder-image img,
	.fixstable-demo-ecommerce-review .fixstable-builder-image img,
	.fixstable-demo-ecommerce-offer-cta .fixstable-builder-image img {
		min-height: 220px;
	}
}

/*
 * Phase 3.29.1 — SaaS / AI Tool Pro contrast and polish pass.
 *
 * Explicit text-colour rules for the three dark sections (hero, metrics, final CTA).
 * The section renderer only writes `background` to inline style, never `color`, so
 * dark sections rely entirely on CSS for text contrast. Using !important to resist
 * theme h2/h3 colour rules that would otherwise beat a colour:inherit chain.
 *
 * Palette:
 *   Headings    #f8fbff  (near-white)
 *   Body copy   rgba(228, 243, 255, 0.88)  (soft blue-white)
 *   Eyebrow     #22d3ee  (cyan accent)
 *   Muted copy  rgba(228, 243, 255, 0.72)
 */

/* =====================================================================
 * Hero section
 * ===================================================================== */

/* Force white text at section level for the normal frontend (no color-mode class). */
.fixstable-demo-saas-home-hero,
.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-saas-home-hero,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-home-hero {
	color: #f8fbff !important;
}

/* Eyebrow: cyan accent, uppercase label treatment */
.fixstable-demo-saas-home-hero .fixstable-builder-commercial-eyebrow,
.fixstable-demo-saas-home-hero .fixstable-builder-preview-commercial-eyebrow {
	color: #22d3ee !important;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	opacity: 1;
}

/* Headline: bright white, product-SaaS weight and scale */
.fixstable-demo-saas-home-hero .fixstable-builder-cta-block h2,
.fixstable-demo-saas-home-hero .fixstable-builder-cta-block h3,
.fixstable-demo-saas-home-hero .fixstable-builder-preview-cta-block h2,
.fixstable-demo-saas-home-hero .fixstable-builder-preview-cta-block h3,
.fixstable-demo-saas-home-hero .fixstable-builder-preview-cta-block .is-cta-headline,
.fixstable-demo-saas-home-hero .is-cta-headline {
	color: #f8fbff !important;
	font-size: clamp(34px, 5vw, 54px);
	font-weight: 800;
	line-height: 1.05;
	letter-spacing: -0.03em;
	max-width: min(20ch, 100%);
}

/* Body copy: soft cyan-white, generous line-height */
.fixstable-demo-saas-home-hero .fixstable-builder-cta-block .fixstable-builder-commercial-copy,
.fixstable-demo-saas-home-hero .fixstable-builder-cta-block p,
.fixstable-demo-saas-home-hero .fixstable-builder-preview-cta-block .is-cta-copy,
.fixstable-demo-saas-home-hero .is-cta-copy {
	color: rgba(228, 243, 255, 0.88) !important;
	line-height: 1.72;
}

/* Proof panel — label, items, note */
.fixstable-demo-saas-home-hero .fixstable-builder-cta-panel-label {
	color: #22d3ee !important;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.fixstable-demo-saas-home-hero .fixstable-builder-cta-panel li {
	color: rgba(228, 243, 255, 0.92) !important;
}

.fixstable-demo-saas-home-hero .fixstable-builder-cta-panel-note {
	color: rgba(228, 243, 255, 0.62) !important;
}

/* =====================================================================
 * Metrics section (dark navy, inline textColor prop ignored by renderer)
 * ===================================================================== */

/* Headings: near-white — defeats theme h2/h3 rules via explicit !important */
.fixstable-demo-saas-metrics h2,
.fixstable-demo-saas-metrics h3,
.fixstable-demo-saas-metrics .fixstable-builder-heading,
.fixstable-demo-saas-metrics .fixstable-builder-preview-heading {
	color: #f8fbff !important;
}

/* Kicker h3 (first heading in the copy column, labelled "Operational lift") gets cyan */
.fixstable-demo-saas-metrics h3.fixstable-builder-heading:first-child {
	color: #22d3ee !important;
}

/* Body copy: readable blue-white */
.fixstable-demo-saas-metrics .fixstable-builder-text,
.fixstable-demo-saas-metrics .fixstable-builder-text p,
.fixstable-demo-saas-metrics .fixstable-builder-preview-text,
.fixstable-demo-saas-metrics .fixstable-builder-preview-text p {
	color: rgba(228, 243, 255, 0.84) !important;
}

/* Outcome metric cards: big stat h3 in near-white, body text in muted blue-white */
.fixstable-demo-saas-metrics .fixstable-demo-saas-outcome-card h3,
.fixstable-demo-saas-metrics .fixstable-demo-saas-outcome-card h3.fixstable-builder-heading {
	color: #f8fbff !important;
	font-weight: 800;
	font-size: clamp(18px, 2vw, 24px);
}

.fixstable-demo-saas-metrics .fixstable-demo-saas-outcome-card .fixstable-builder-text p {
	color: rgba(228, 243, 255, 0.76) !important;
	font-size: 14px;
	line-height: 1.58;
}

/* =====================================================================
 * Final CTA section
 * ===================================================================== */

/* Section and request-section headings: near-white */
.fixstable-demo-saas-final-cta h2,
.fixstable-demo-saas-final-cta h3,
.fixstable-demo-saas-final-cta .fixstable-builder-heading,
.fixstable-demo-saas-final-cta .fixstable-builder-preview-heading,
.fixstable-demo-saas-final-cta .is-cta-headline {
	color: #f8fbff !important;
}

/* Eyebrow: cyan accent */
.fixstable-demo-saas-final-cta .fixstable-builder-commercial-eyebrow,
.fixstable-demo-saas-final-cta .fixstable-builder-preview-commercial-eyebrow {
	color: #22d3ee !important;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	opacity: 1;
}

/* Body copy */
.fixstable-demo-saas-final-cta .fixstable-builder-request-section .fixstable-builder-commercial-copy,
.fixstable-demo-saas-final-cta .fixstable-builder-request-section p,
.fixstable-demo-saas-final-cta .fixstable-builder-preview-request-section .fixstable-builder-preview-text,
.fixstable-demo-saas-final-cta .fixstable-builder-preview-request-section p,
.fixstable-demo-saas-final-cta .is-cta-copy {
	color: rgba(228, 243, 255, 0.86) !important;
	line-height: 1.7;
}

/* Aside checklist items */
.fixstable-demo-saas-final-cta .fixstable-builder-request-section aside p,
.fixstable-demo-saas-final-cta .fixstable-builder-request-section aside li,
.fixstable-demo-saas-final-cta .fixstable-builder-preview-request-section aside p,
.fixstable-demo-saas-final-cta .fixstable-builder-preview-request-section aside li {
	color: rgba(228, 243, 255, 0.86) !important;
}

/* =====================================================================
 * Mobile contrast — dark sections
 * ===================================================================== */
@media (max-width: 768px) {
	.fixstable-demo-saas-home-hero .fixstable-builder-cta-block h2 {
		font-size: clamp(28px, 8vw, 38px);
		max-width: none;
		letter-spacing: -0.02em;
	}

	.fixstable-demo-saas-metrics h2 {
		font-size: clamp(22px, 6vw, 28px);
	}

	.fixstable-demo-saas-final-cta h2 {
		font-size: clamp(24px, 6.5vw, 32px);
	}
}

/*
 * Phase 3.29.2 — SaaS / AI Tool Pro full visual redesign.
 *
 * This block intentionally overrides the previous generic service-kit skeleton
 * for the SaaS homepage only. It creates a product-launch rhythm: centered hero,
 * app-shell dashboard, workflow board, integration map, dark metrics console,
 * product plan panels, and a launch CTA.
 */

.fixstable-demo-saas-home-hero {
	position: relative;
	overflow: hidden;
	padding-top: clamp(34px, 5vw, 64px) !important;
	padding-bottom: clamp(52px, 7vw, 86px) !important;
	background:
		radial-gradient(circle at 50% 0%, rgba(34, 211, 238, 0.22), transparent 28%),
		radial-gradient(circle at 18% 38%, rgba(37, 99, 235, 0.28), transparent 34%),
		linear-gradient(180deg, #050b17 0%, #081126 58%, #0f172a 100%) !important;
}

.fixstable-demo-saas-home-hero::before,
.fixstable-demo-saas-home-hero::after {
	content: "";
	position: absolute;
	inset: auto;
	pointer-events: none;
}

.fixstable-demo-saas-home-hero::before {
	left: 7%;
	right: 7%;
	bottom: 28px;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(34, 211, 238, 0.46), transparent);
}

.fixstable-demo-saas-home-hero::after {
	right: 8%;
	top: 22%;
	width: clamp(190px, 28vw, 360px);
	height: clamp(190px, 28vw, 360px);
	border-radius: 999px;
	background: rgba(34, 211, 238, 0.08);
	filter: blur(48px);
}

.fixstable-demo-saas-home-hero .fixstable-builder-section-inner {
	position: relative;
	z-index: 1;
	max-width: 1180px;
}

body.fixstable-builder-page .fixstable-demo-saas-home-hero .fixstable-builder-cta-block.has-hero-panel,
.fixstable-builder-preview-shell .fixstable-demo-saas-home-hero .fixstable-builder-cta-block.has-hero-panel,
.fixstable-builder-preview-shell .fixstable-demo-saas-home-hero .fixstable-builder-preview-cta-block.has-hero-panel {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	justify-items: center;
	gap: clamp(24px, 4vw, 42px) !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	text-align: center !important;
}

.fixstable-demo-saas-home-hero .fixstable-builder-cta-main {
	align-items: center;
	max-width: 920px;
}

.fixstable-demo-saas-home-hero .fixstable-builder-commercial-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 12px;
	border: 1px solid rgba(34, 211, 238, 0.26);
	border-radius: 999px;
	background: rgba(15, 23, 42, 0.58);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.fixstable-demo-saas-home-hero .fixstable-builder-commercial-eyebrow::before {
	content: "";
	width: 7px;
	height: 7px;
	border-radius: 999px;
	background: #22d3ee;
	box-shadow: 0 0 18px rgba(34, 211, 238, 0.76);
}

.fixstable-demo-saas-home-hero .fixstable-builder-cta-block h2,
.fixstable-demo-saas-home-hero .fixstable-builder-preview-cta-block .is-cta-headline {
	max-width: min(860px, 100%) !important;
	font-size: clamp(42px, 7.2vw, 82px) !important;
	line-height: 0.96 !important;
	letter-spacing: -0.06em !important;
	text-wrap: balance;
	text-shadow: 0 18px 70px rgba(34, 211, 238, 0.12);
}

.fixstable-demo-saas-home-hero .fixstable-builder-commercial-copy,
.fixstable-demo-saas-home-hero .is-cta-copy {
	max-width: min(720px, 100%) !important;
	font-size: clamp(17px, 1.7vw, 20px) !important;
}

.fixstable-demo-saas-home-hero .fixstable-builder-commercial-actions {
	justify-content: center;
}

.fixstable-demo-saas-home-hero .fixstable-builder-cta-panel {
	width: min(940px, 100%);
	display: grid;
	grid-template-columns: auto repeat(4, minmax(0, 1fr));
	align-items: center;
	gap: 12px;
	padding: clamp(14px, 2vw, 18px) !important;
	border-radius: 26px !important;
	background:
		linear-gradient(135deg, rgba(15, 23, 42, 0.86), rgba(8, 17, 38, 0.74)) !important;
	border-color: rgba(34, 211, 238, 0.24) !important;
	backdrop-filter: blur(18px);
}

.fixstable-demo-saas-home-hero .fixstable-builder-cta-panel::before {
	display: none;
}

.fixstable-demo-saas-home-hero .fixstable-builder-cta-panel-label {
	grid-column: 1;
	min-width: 140px;
	text-align: left;
}

.fixstable-demo-saas-home-hero .fixstable-builder-cta-panel ul {
	grid-column: 2 / -1;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px !important;
	margin: 0 !important;
}

.fixstable-demo-saas-home-hero .fixstable-builder-cta-panel li {
	display: flex;
	justify-content: center;
	min-height: 46px;
	padding: 11px 12px !important;
	border: 1px solid rgba(125, 211, 252, 0.18);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.06);
	font-weight: 800;
	font-size: 13px !important;
	white-space: nowrap;
}

.fixstable-demo-saas-home-hero .fixstable-builder-cta-panel li::before {
	display: none;
}

.fixstable-demo-saas-home-hero .fixstable-builder-cta-panel-note {
	grid-column: 1 / -1;
	margin-top: 0;
	text-align: center;
}

.fixstable-demo-saas-dashboard,
.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-saas-dashboard,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-dashboard {
	overflow: hidden;
	background:
		radial-gradient(circle at 84% 8%, rgba(34, 211, 238, 0.26), transparent 30%),
		linear-gradient(180deg, #081126 0%, #0f172a 100%) !important;
	color: #f8fbff !important;
}

.fixstable-demo-saas-dashboard .fixstable-builder-row {
	align-items: center;
}

.fixstable-demo-saas-dashboard h2,
.fixstable-demo-saas-dashboard h3,
.fixstable-demo-saas-dashboard .fixstable-builder-heading {
	color: #f8fbff !important;
}

.fixstable-demo-saas-dashboard h3.fixstable-builder-heading:first-child {
	color: #22d3ee !important;
}

.fixstable-demo-saas-dashboard .fixstable-builder-text,
.fixstable-demo-saas-dashboard .fixstable-builder-text p {
	color: rgba(228, 243, 255, 0.82) !important;
}

.fixstable-demo-saas-dashboard .fixstable-builder-column:last-child {
	padding: clamp(14px, 2vw, 20px);
	border: 1px solid rgba(125, 211, 252, 0.18);
	border-radius: 30px;
	background:
		linear-gradient(180deg, rgba(15, 23, 42, 0.82), rgba(7, 17, 31, 0.74));
	box-shadow:
		0 34px 90px rgba(2, 8, 23, 0.42),
		inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.fixstable-demo-saas-dashboard .fixstable-builder-column:last-child::before {
	content: "SignalFlow AI / command-center";
	margin: 0 0 12px;
	background: rgba(7, 17, 31, 0.9);
	border-color: rgba(34, 211, 238, 0.24);
	color: #67e8f9;
	box-shadow: none;
}

.fixstable-demo-saas-dashboard .fixstable-builder-column:last-child::after {
	content: "AI Routing  /  Review Gate  /  Success Metric";
	display: block;
	margin-top: 12px;
	padding: 10px 12px;
	border: 1px solid rgba(34, 211, 238, 0.16);
	border-radius: 16px;
	background: rgba(34, 211, 238, 0.06);
	color: rgba(228, 243, 255, 0.72);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.fixstable-demo-saas-dashboard .fixstable-builder-image img {
	min-height: clamp(310px, 34vw, 480px);
	border-color: rgba(34, 211, 238, 0.2) !important;
	border-radius: 22px !important;
	box-shadow: none !important;
}

.fixstable-demo-saas-dashboard .fixstable-demo-saas-metric-card {
	background: rgba(255, 255, 255, 0.07) !important;
	border-color: rgba(34, 211, 238, 0.16) !important;
	color: #f8fbff !important;
	box-shadow: none !important;
}

.fixstable-demo-saas-dashboard .fixstable-demo-saas-metric-card .fixstable-builder-heading,
.fixstable-demo-saas-dashboard .fixstable-demo-saas-metric-card .fixstable-builder-text,
.fixstable-demo-saas-dashboard .fixstable-demo-saas-metric-card .fixstable-builder-text p {
	color: inherit !important;
}

/*
 * Phase 3.29.3b — hero proof panel contrast.
 *
 * Bright colour mode has a generic `.fixstable-builder-cta-panel` rule with
 * `background: var(--fixstable-mode-card-soft) !important`, which turns this
 * SaaS hero panel white. The panel lives on the dark hero and contains light
 * SaaS labels/items, so force only this hero panel back to a dark glass surface.
 */

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-demo-saas-home-hero .fixstable-builder-commercial.is-dark-surface .fixstable-builder-cta-panel,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-home-hero .fixstable-builder-commercial.is-dark-surface .fixstable-builder-cta-panel,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-home-hero .fixstable-builder-commercial.is-dark-surface .fixstable-builder-cta-panel,
.fixstable-demo-saas-home-hero .fixstable-builder-commercial.is-dark-surface .fixstable-builder-cta-panel {
	background:
		linear-gradient(135deg, rgba(15, 23, 42, 0.94), rgba(7, 17, 31, 0.88)) !important;
	border-color: rgba(34, 211, 238, 0.28) !important;
	color: #f8fbff !important;
	box-shadow:
		0 24px 70px rgba(2, 8, 23, 0.34),
		inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-demo-saas-home-hero .fixstable-builder-commercial.is-dark-surface .fixstable-builder-cta-panel li,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-home-hero .fixstable-builder-commercial.is-dark-surface .fixstable-builder-cta-panel li,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-home-hero .fixstable-builder-commercial.is-dark-surface .fixstable-builder-cta-panel li,
.fixstable-demo-saas-home-hero .fixstable-builder-commercial.is-dark-surface .fixstable-builder-cta-panel li {
	background: rgba(255, 255, 255, 0.07) !important;
	border-color: rgba(125, 211, 252, 0.18) !important;
	color: rgba(228, 243, 255, 0.92) !important;
}

.fixstable-demo-saas-automation {
	background:
		radial-gradient(circle at 10% 10%, rgba(37, 99, 235, 0.12), transparent 28%),
		linear-gradient(180deg, #eef6ff 0%, #ffffff 100%) !important;
}

.fixstable-demo-saas-automation .fixstable-builder-section-inner > .fixstable-builder-heading:first-child {
	max-width: min(900px, 100%);
	font-size: clamp(30px, 4.4vw, 54px);
	letter-spacing: -0.045em;
	text-wrap: balance;
}

.fixstable-demo-saas-automation .fixstable-builder-section-inner > .fixstable-builder-text:first-of-type {
	max-width: 760px;
}

.fixstable-demo-saas-automation .fixstable-builder-grid {
	align-items: stretch;
}

.fixstable-demo-saas-automation .fixstable-demo-saas-workflow-card {
	position: relative;
	overflow: hidden;
	min-height: 100%;
	padding: 14px !important;
	border-color: rgba(37, 99, 235, 0.14) !important;
	border-radius: 28px !important;
	background:
		linear-gradient(180deg, #ffffff 0%, #eff6ff 100%) !important;
	box-shadow: 0 24px 58px rgba(37, 99, 235, 0.12);
}

.fixstable-demo-saas-automation .fixstable-demo-saas-workflow-card::before {
	content: "workflow step";
	width: auto;
	height: auto;
	margin: 0 0 10px;
	padding: 6px 9px;
	border-radius: 999px;
	background: rgba(37, 99, 235, 0.08);
	box-shadow: none;
	color: #2563eb;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.07em;
	text-transform: uppercase;
}

.fixstable-demo-saas-use-cases {
	background:
		radial-gradient(circle at 50% 0%, rgba(34, 211, 238, 0.18), transparent 26%),
		linear-gradient(180deg, #f7fbff 0%, #eef6ff 100%) !important;
}

.fixstable-demo-saas-use-cases .fixstable-builder-section-inner > .fixstable-builder-heading:first-child {
	max-width: min(780px, 100%);
	font-size: clamp(30px, 4.5vw, 56px);
	letter-spacing: -0.045em;
	text-wrap: balance;
}

.fixstable-demo-saas-use-cases .fixstable-builder-grid {
	position: relative;
	gap: 14px !important;
	padding: clamp(16px, 2.5vw, 24px);
	border: 1px solid rgba(37, 99, 235, 0.1);
	border-radius: 32px;
	background:
		linear-gradient(135deg, rgba(255, 255, 255, 0.88), rgba(238, 246, 255, 0.78));
	box-shadow: 0 24px 70px rgba(37, 99, 235, 0.1);
}

.fixstable-demo-saas-integration-card {
	display: grid !important;
	grid-template-columns: auto minmax(0, 1fr);
	column-gap: 12px;
	align-items: start;
	min-height: 100%;
	padding: 18px !important;
	border-radius: 20px !important;
	background: rgba(255, 255, 255, 0.84) !important;
	box-shadow: none !important;
}

.fixstable-demo-saas-integration-card::before {
	content: "";
	grid-row: 1 / span 2;
	width: 34px;
	height: 34px;
	margin: 0 !important;
	border-radius: 12px;
	background:
		radial-gradient(circle at 35% 35%, #67e8f9 0 18%, transparent 20%),
		linear-gradient(135deg, #2563eb, #06b6d4);
	box-shadow: 0 12px 24px rgba(37, 99, 235, 0.22);
}

.fixstable-demo-saas-integration-card > * {
	grid-column: 2;
}

.fixstable-demo-saas-integration-card .fixstable-builder-heading {
	margin-bottom: 2px;
	font-size: 17px;
}

.fixstable-demo-saas-integration-card .fixstable-builder-text p {
	font-size: 14px;
	line-height: 1.55;
}

.fixstable-demo-saas-metrics .fixstable-builder-row {
	display: grid;
	grid-template-columns: minmax(260px, 0.9fr) minmax(0, 1.1fr);
}

.fixstable-demo-saas-metrics .fixstable-builder-image img {
	border-radius: 30px !important;
	filter: saturate(1.08) contrast(1.04);
}

.fixstable-demo-saas-metrics .fixstable-builder-grid {
	gap: 12px !important;
}

.fixstable-demo-saas-metrics .fixstable-demo-saas-outcome-card {
	border-radius: 22px !important;
}

.fixstable-demo-saas-pricing {
	background:
		linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
}

.fixstable-demo-saas-pricing .fixstable-builder-section-inner > .fixstable-builder-heading:first-child {
	max-width: min(760px, 100%);
	font-size: clamp(30px, 4.2vw, 52px);
	letter-spacing: -0.045em;
	text-wrap: balance;
}

.fixstable-demo-saas-pricing .fixstable-builder-grid {
	align-items: stretch;
	gap: 16px !important;
}

.fixstable-demo-saas-plan-card {
	position: relative;
	min-height: 100%;
	padding: clamp(20px, 2.2vw, 28px) !important;
	border-radius: 28px !important;
	background:
		linear-gradient(180deg, #ffffff 0%, #eef6ff 100%) !important;
	box-shadow: 0 22px 58px rgba(37, 99, 235, 0.1) !important;
}

.fixstable-demo-saas-plan-card.is-featured {
	transform: translateY(-10px);
	border-color: rgba(34, 211, 238, 0.58) !important;
	background:
		radial-gradient(circle at 80% 0%, rgba(34, 211, 238, 0.22), transparent 34%),
		linear-gradient(180deg, #0f172a 0%, #111c42 100%) !important;
	color: #f8fbff !important;
}

.fixstable-demo-saas-plan-card.is-featured::after {
	content: "Most popular";
	position: absolute;
	top: 14px;
	right: 14px;
	padding: 6px 9px;
	border-radius: 999px;
	background: rgba(34, 211, 238, 0.14);
	color: #67e8f9;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.fixstable-demo-saas-plan-card.is-featured .fixstable-builder-heading,
.fixstable-demo-saas-plan-card.is-featured .fixstable-builder-text,
.fixstable-demo-saas-plan-card.is-featured .fixstable-builder-text p {
	color: inherit !important;
}

.fixstable-demo-saas-plan-card .fixstable-builder-text:nth-of-type(1) p {
	font-size: clamp(24px, 3vw, 34px);
	font-weight: 900;
	letter-spacing: -0.04em;
	color: #2563eb;
}

.fixstable-demo-saas-plan-card.is-featured .fixstable-builder-text:nth-of-type(1) p {
	color: #67e8f9 !important;
}

.fixstable-demo-saas-launch-pack {
	background:
		radial-gradient(circle at 96% 12%, rgba(34, 211, 238, 0.18), transparent 28%),
		linear-gradient(135deg, #eef6ff 0%, #ffffff 100%) !important;
}

.fixstable-demo-saas-launch-pack .fixstable-builder-row {
	align-items: center;
}

.fixstable-demo-saas-launch-pack .fixstable-demo-saas-integration-chip {
	border-radius: 18px !important;
	background: rgba(255, 255, 255, 0.86) !important;
	box-shadow: none !important;
}

.fixstable-demo-saas-launch-pack .fixstable-builder-image img {
	border-radius: 24px !important;
	box-shadow: 0 22px 52px rgba(37, 99, 235, 0.13);
}

.fixstable-demo-saas-final-cta {
	padding-top: clamp(56px, 7vw, 86px) !important;
	padding-bottom: clamp(54px, 7vw, 82px) !important;
	background:
		radial-gradient(circle at 50% 0%, rgba(34, 211, 238, 0.24), transparent 26%),
		linear-gradient(180deg, #07111f 0%, #050b17 100%) !important;
}

body.fixstable-builder-page .fixstable-demo-saas-final-cta .fixstable-builder-request-section,
.fixstable-builder-preview-shell .fixstable-demo-saas-final-cta .fixstable-builder-request-section {
	max-width: 1080px;
	margin: 0 auto;
	border-radius: 34px !important;
	background:
		linear-gradient(135deg, rgba(15, 23, 42, 0.76), rgba(8, 17, 38, 0.9)) !important;
}

@media (max-width: 900px) {
	.fixstable-demo-saas-home-hero .fixstable-builder-cta-panel {
		grid-template-columns: 1fr;
	}

	.fixstable-demo-saas-home-hero .fixstable-builder-cta-panel-label,
	.fixstable-demo-saas-home-hero .fixstable-builder-cta-panel ul,
	.fixstable-demo-saas-home-hero .fixstable-builder-cta-panel-note {
		grid-column: 1;
		text-align: center;
	}

	.fixstable-demo-saas-home-hero .fixstable-builder-cta-panel ul {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.fixstable-demo-saas-metrics .fixstable-builder-row {
		grid-template-columns: 1fr;
	}

	.fixstable-demo-saas-plan-card.is-featured {
		transform: none;
	}
}

@media (max-width: 768px) {
	.fixstable-demo-saas-home-hero {
		padding-top: 36px !important;
		padding-bottom: 46px !important;
	}

	.fixstable-demo-saas-home-hero .fixstable-builder-cta-block h2,
	.fixstable-demo-saas-home-hero .fixstable-builder-preview-cta-block .is-cta-headline {
		font-size: clamp(34px, 11vw, 48px) !important;
		line-height: 1 !important;
	}

	.fixstable-demo-saas-home-hero .fixstable-builder-cta-panel ul {
		grid-template-columns: 1fr;
	}

	.fixstable-demo-saas-home-hero .fixstable-builder-cta-panel li {
		justify-content: flex-start;
		white-space: normal;
	}

	.fixstable-demo-saas-dashboard,
	.fixstable-demo-saas-automation,
	.fixstable-demo-saas-use-cases,
	.fixstable-demo-saas-metrics,
	.fixstable-demo-saas-pricing,
	.fixstable-demo-saas-launch-pack,
	.fixstable-demo-saas-final-cta {
		padding-top: 42px !important;
		padding-bottom: 46px !important;
	}

	.fixstable-demo-saas-use-cases .fixstable-builder-grid {
		padding: 12px;
	}

	.fixstable-demo-saas-integration-card {
		padding: 16px !important;
	}
}

/*
 * Phase 3.29.2 emergency contrast fix.
 *
 * The live page can render inside `.fixstable-builder-color-mode-bright`, whose
 * generic commercial colour-mode rules use `!important` and higher specificity
 * than the earlier SaaS selectors. These rules intentionally out-specific those
 * generic bright-mode rules, but stay scoped to SaaS dark sections only.
 */

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-demo-saas-home-hero .fixstable-builder-commercial.fixstable-builder-cta-block.is-dark-surface h1,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-demo-saas-home-hero .fixstable-builder-commercial.fixstable-builder-cta-block.is-dark-surface h2,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-demo-saas-home-hero .fixstable-builder-commercial.fixstable-builder-cta-block.is-dark-surface h3,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-demo-saas-home-hero .fixstable-builder-commercial.fixstable-builder-cta-block.is-dark-surface .is-cta-headline,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-home-hero .fixstable-builder-commercial.fixstable-builder-cta-block.is-dark-surface h1,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-home-hero .fixstable-builder-commercial.fixstable-builder-cta-block.is-dark-surface h2,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-home-hero .fixstable-builder-commercial.fixstable-builder-cta-block.is-dark-surface h3,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-home-hero .fixstable-builder-commercial.fixstable-builder-cta-block.is-dark-surface .is-cta-headline {
	color: #f8fbff !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-demo-saas-home-hero .fixstable-builder-commercial.fixstable-builder-cta-block.is-dark-surface .fixstable-builder-commercial-copy,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-demo-saas-home-hero .fixstable-builder-commercial.fixstable-builder-cta-block.is-dark-surface .fixstable-builder-commercial-copy p,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-demo-saas-home-hero .fixstable-builder-commercial.fixstable-builder-cta-block.is-dark-surface .is-cta-copy,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-home-hero .fixstable-builder-commercial.fixstable-builder-cta-block.is-dark-surface .fixstable-builder-commercial-copy,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-home-hero .fixstable-builder-commercial.fixstable-builder-cta-block.is-dark-surface .fixstable-builder-commercial-copy p,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-home-hero .fixstable-builder-commercial.fixstable-builder-cta-block.is-dark-surface .is-cta-copy {
	color: rgba(228, 243, 255, 0.88) !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-demo-saas-home-hero .fixstable-builder-commercial.fixstable-builder-cta-block.is-dark-surface .fixstable-builder-commercial-eyebrow,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-home-hero .fixstable-builder-commercial.fixstable-builder-cta-block.is-dark-surface .fixstable-builder-commercial-eyebrow {
	color: #22d3ee !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-demo-saas-home-hero .fixstable-builder-cta-panel .fixstable-builder-cta-panel-label,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-demo-saas-home-hero .fixstable-builder-cta-panel li,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-home-hero .fixstable-builder-cta-panel .fixstable-builder-cta-panel-label,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-home-hero .fixstable-builder-cta-panel li {
	color: rgba(228, 243, 255, 0.92) !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-demo-saas-home-hero .fixstable-builder-cta-panel .fixstable-builder-cta-panel-note,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-home-hero .fixstable-builder-cta-panel .fixstable-builder-cta-panel-note {
	color: rgba(228, 243, 255, 0.68) !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-demo-saas-dashboard h1,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-demo-saas-dashboard h2,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-demo-saas-dashboard h3,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-demo-saas-dashboard .fixstable-builder-heading,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-demo-saas-metrics h1,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-demo-saas-metrics h2,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-demo-saas-metrics h3,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-demo-saas-metrics .fixstable-builder-heading,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-demo-saas-final-cta .fixstable-builder-commercial.is-dark-surface h1,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-demo-saas-final-cta .fixstable-builder-commercial.is-dark-surface h2,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-demo-saas-final-cta .fixstable-builder-commercial.is-dark-surface h3,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-dashboard h1,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-dashboard h2,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-dashboard h3,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-dashboard .fixstable-builder-heading,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-metrics h1,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-metrics h2,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-metrics h3,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-metrics .fixstable-builder-heading,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-final-cta .fixstable-builder-commercial.is-dark-surface h1,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-final-cta .fixstable-builder-commercial.is-dark-surface h2,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-final-cta .fixstable-builder-commercial.is-dark-surface h3 {
	color: #f8fbff !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-demo-saas-dashboard .fixstable-builder-text,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-demo-saas-dashboard .fixstable-builder-text p,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-demo-saas-metrics .fixstable-builder-text,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-demo-saas-metrics .fixstable-builder-text p,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-demo-saas-final-cta .fixstable-builder-commercial.is-dark-surface .fixstable-builder-commercial-copy,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-demo-saas-final-cta .fixstable-builder-commercial.is-dark-surface .fixstable-builder-commercial-copy p,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-dashboard .fixstable-builder-text,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-dashboard .fixstable-builder-text p,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-metrics .fixstable-builder-text,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-metrics .fixstable-builder-text p,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-final-cta .fixstable-builder-commercial.is-dark-surface .fixstable-builder-commercial-copy,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-final-cta .fixstable-builder-commercial.is-dark-surface .fixstable-builder-commercial-copy p {
	color: rgba(228, 243, 255, 0.86) !important;
}

/*
 * Phase 3.29.3 — correct over-scoped emergency contrast.
 *
 * `.fixstable-demo-saas-dashboard` is a light product/dashboard section in the
 * rendered SaaS page, so it must not inherit the dark-surface white text rules.
 * Keep dark text on the light dashboard surface, while preserving white text for
 * the actual dark sections: hero, metrics, and final CTA.
 */

.fixstable-demo-saas-dashboard,
.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-saas-dashboard,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-dashboard {
	background:
		radial-gradient(circle at 100% 10%, rgba(34, 211, 238, 0.16), transparent 32%),
		linear-gradient(180deg, #f8fbff 0%, #eef6ff 100%) !important;
	color: #0f172a !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-demo-saas-dashboard h1,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-demo-saas-dashboard h2,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-demo-saas-dashboard h3,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-demo-saas-dashboard .fixstable-builder-heading,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-dashboard h1,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-dashboard h2,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-dashboard h3,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-dashboard .fixstable-builder-heading,
.fixstable-demo-saas-dashboard h1,
.fixstable-demo-saas-dashboard h2,
.fixstable-demo-saas-dashboard h3,
.fixstable-demo-saas-dashboard .fixstable-builder-heading {
	color: #0f172a !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-demo-saas-dashboard h3.fixstable-builder-heading:first-child,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-dashboard h3.fixstable-builder-heading:first-child,
.fixstable-demo-saas-dashboard h3.fixstable-builder-heading:first-child {
	color: #2563eb !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-demo-saas-dashboard .fixstable-builder-text,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-demo-saas-dashboard .fixstable-builder-text p,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-dashboard .fixstable-builder-text,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-dashboard .fixstable-builder-text p,
.fixstable-demo-saas-dashboard .fixstable-builder-text,
.fixstable-demo-saas-dashboard .fixstable-builder-text p {
	color: #334155 !important;
}

.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-saas-dashboard .fixstable-builder-column:last-child,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-dashboard .fixstable-builder-column:last-child,
.fixstable-demo-saas-dashboard .fixstable-builder-column:last-child {
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(238, 246, 255, 0.9)) !important;
	border-color: rgba(37, 99, 235, 0.14) !important;
	color: #0f172a !important;
	box-shadow:
		0 28px 80px rgba(37, 99, 235, 0.14),
		inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-saas-dashboard .fixstable-demo-saas-metric-card,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-dashboard .fixstable-demo-saas-metric-card,
.fixstable-demo-saas-dashboard .fixstable-demo-saas-metric-card {
	background: rgba(255, 255, 255, 0.86) !important;
	border-color: rgba(37, 99, 235, 0.16) !important;
	color: #0f172a !important;
}

.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-saas-dashboard .fixstable-demo-saas-metric-card .fixstable-builder-heading,
.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-saas-dashboard .fixstable-demo-saas-metric-card .fixstable-builder-text,
.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-saas-dashboard .fixstable-demo-saas-metric-card .fixstable-builder-text p,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-dashboard .fixstable-demo-saas-metric-card .fixstable-builder-heading,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-dashboard .fixstable-demo-saas-metric-card .fixstable-builder-text,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-dashboard .fixstable-demo-saas-metric-card .fixstable-builder-text p,
.fixstable-demo-saas-dashboard .fixstable-demo-saas-metric-card .fixstable-builder-heading,
.fixstable-demo-saas-dashboard .fixstable-demo-saas-metric-card .fixstable-builder-text,
.fixstable-demo-saas-dashboard .fixstable-demo-saas-metric-card .fixstable-builder-text p {
	color: inherit !important;
}

/*
 * Phase 3.30 -- Agency / Studio Pro dark creative identity.
 */
.fixstable-demo-kit-agency-studio.fixstable-demo-home-hero,
.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-kit-agency-studio.fixstable-demo-home-hero,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-kit-agency-studio.fixstable-demo-home-hero {
	--fixstable-demo-hero-bleed: #0f1115;
	--fixstable-page-primary: #f97363;
	--fixstable-page-accent: #fb7a68;
	background:
		radial-gradient(circle at 18% 12%, rgba(249, 115, 99, 0.22), transparent 28%),
		radial-gradient(circle at 86% 8%, rgba(251, 122, 104, 0.14), transparent 30%),
		linear-gradient(135deg, #0f1115 0%, #17120f 54%, #211614 100%) !important;
	color: #f8f1ed !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-kit-agency-studio.fixstable-demo-home-hero .fixstable-builder-commercial,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-kit-agency-studio.fixstable-demo-home-hero .fixstable-builder-commercial,
.fixstable-demo-kit-agency-studio.fixstable-demo-home-hero .fixstable-builder-commercial {
	background:
		linear-gradient(135deg, rgba(23, 18, 15, 0.96), rgba(33, 22, 20, 0.92)) !important;
	border-color: rgba(249, 115, 99, 0.22) !important;
	color: #f8f1ed !important;
	box-shadow:
		0 32px 90px rgba(0, 0, 0, 0.34),
		inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-kit-agency-studio.fixstable-demo-home-hero .fixstable-builder-commercial h1,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-kit-agency-studio.fixstable-demo-home-hero .fixstable-builder-commercial h2,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-kit-agency-studio.fixstable-demo-home-hero .fixstable-builder-commercial h3,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-kit-agency-studio.fixstable-demo-home-hero .fixstable-builder-heading,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-kit-agency-studio.fixstable-demo-home-hero .fixstable-builder-heading,
.fixstable-demo-kit-agency-studio.fixstable-demo-home-hero .fixstable-builder-heading {
	color: #f8f1ed !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-kit-agency-studio.fixstable-demo-home-hero .fixstable-builder-commercial-copy,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-kit-agency-studio.fixstable-demo-home-hero .fixstable-builder-commercial-copy p,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-kit-agency-studio.fixstable-demo-home-hero .fixstable-builder-commercial-copy,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-kit-agency-studio.fixstable-demo-home-hero .fixstable-builder-commercial-copy p,
.fixstable-demo-kit-agency-studio.fixstable-demo-home-hero .fixstable-builder-commercial-copy,
.fixstable-demo-kit-agency-studio.fixstable-demo-home-hero .fixstable-builder-commercial-copy p {
	color: rgba(248, 241, 237, 0.84) !important;
}

.fixstable-demo-kit-agency-studio.fixstable-demo-home-hero .fixstable-builder-commercial-eyebrow,
.fixstable-demo-kit-agency-studio.fixstable-demo-home-hero .fixstable-builder-cta-panel-label,
.fixstable-demo-agency-campaign-wall .fixstable-builder-section-inner > .fixstable-builder-heading:first-child,
.fixstable-demo-agency-method .fixstable-builder-heading:first-child,
.fixstable-demo-agency-culture .fixstable-builder-heading:first-child,
.fixstable-demo-agency-insights-cta .fixstable-builder-heading:first-child {
	color: #fb7a68 !important;
}

.fixstable-demo-kit-agency-studio.fixstable-demo-home-hero .fixstable-builder-cta-panel {
	background:
		linear-gradient(135deg, rgba(28, 20, 18, 0.94), rgba(15, 17, 21, 0.88)) !important;
	border-color: rgba(249, 115, 99, 0.26) !important;
	color: #f8f1ed !important;
	box-shadow:
		0 24px 70px rgba(0, 0, 0, 0.32),
		inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

.fixstable-demo-kit-agency-studio.fixstable-demo-home-hero .fixstable-builder-cta-panel li {
	background: rgba(255, 255, 255, 0.07) !important;
	border-color: rgba(249, 115, 99, 0.18) !important;
	color: rgba(248, 241, 237, 0.9) !important;
}

.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-agency-campaign-wall,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-agency-campaign-wall {
	background:
		radial-gradient(circle at 14% 8%, rgba(249, 115, 99, 0.22), transparent 30%),
		linear-gradient(135deg, #0f1115 0%, #17120f 52%, #211614 100%) !important;
	color: #f8f1ed !important;
}

.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-agency-method,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-agency-method,
.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-agency-insights-cta,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-agency-insights-cta {
	background:
		radial-gradient(circle at 88% 10%, rgba(251, 122, 104, 0.16), transparent 28%),
		linear-gradient(135deg, #17120f 0%, #211614 100%) !important;
	color: #f8f1ed !important;
}

.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-agency-culture,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-agency-culture {
	background:
		radial-gradient(circle at 100% 0%, rgba(249, 115, 99, 0.2), transparent 30%),
		linear-gradient(135deg, #111318 0%, #1c1412 100%) !important;
	color: #f8f1ed !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-agency-campaign-wall .fixstable-builder-heading,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-agency-method .fixstable-builder-heading,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-agency-culture .fixstable-builder-heading,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-agency-insights-cta .fixstable-builder-heading,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-agency-campaign-wall h2,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-agency-method h2,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-agency-culture h2,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-agency-insights-cta h2,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-agency-campaign-wall .fixstable-builder-heading,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-agency-method .fixstable-builder-heading,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-agency-culture .fixstable-builder-heading,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-agency-insights-cta .fixstable-builder-heading {
	color: #f8f1ed !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-agency-campaign-wall .fixstable-builder-text,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-agency-campaign-wall .fixstable-builder-text p,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-agency-method .fixstable-builder-text,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-agency-method .fixstable-builder-text p,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-agency-culture .fixstable-builder-text,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-agency-culture .fixstable-builder-text p,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-agency-insights-cta .fixstable-builder-text,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-agency-insights-cta .fixstable-builder-text p,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-agency-campaign-wall .fixstable-builder-text,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-agency-campaign-wall .fixstable-builder-text p,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-agency-method .fixstable-builder-text,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-agency-method .fixstable-builder-text p,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-agency-culture .fixstable-builder-text,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-agency-culture .fixstable-builder-text p,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-agency-insights-cta .fixstable-builder-text,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-agency-insights-cta .fixstable-builder-text p {
	color: rgba(248, 241, 237, 0.82) !important;
}

.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-agency-campaign-wall .fixstable-demo-agency-campaign-card,
.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-agency-method .fixstable-demo-agency-method-card,
.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-agency-culture .fixstable-demo-agency-culture-card,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-agency-campaign-wall .fixstable-demo-agency-campaign-card,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-agency-method .fixstable-demo-agency-method-card,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-agency-culture .fixstable-demo-agency-culture-card {
	background:
		linear-gradient(180deg, rgba(33, 22, 20, 0.92), rgba(23, 18, 15, 0.94)) !important;
	border-color: rgba(249, 115, 99, 0.2) !important;
	color: #f8f1ed !important;
	box-shadow: 0 22px 60px rgba(0, 0, 0, 0.2) !important;
}

.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-agency-campaign-wall .fixstable-demo-agency-campaign-card .fixstable-builder-heading,
.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-agency-campaign-wall .fixstable-demo-agency-campaign-card .fixstable-builder-text,
.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-agency-campaign-wall .fixstable-demo-agency-campaign-card .fixstable-builder-text p,
.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-agency-method .fixstable-demo-agency-method-card .fixstable-builder-heading,
.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-agency-method .fixstable-demo-agency-method-card .fixstable-builder-text,
.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-agency-method .fixstable-demo-agency-method-card .fixstable-builder-text p,
.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-agency-culture .fixstable-demo-agency-culture-card .fixstable-builder-heading,
.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-agency-culture .fixstable-demo-agency-culture-card .fixstable-builder-text,
.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-agency-culture .fixstable-demo-agency-culture-card .fixstable-builder-text p,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-agency-campaign-wall .fixstable-demo-agency-campaign-card .fixstable-builder-heading,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-agency-campaign-wall .fixstable-demo-agency-campaign-card .fixstable-builder-text,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-agency-campaign-wall .fixstable-demo-agency-campaign-card .fixstable-builder-text p,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-agency-method .fixstable-demo-agency-method-card .fixstable-builder-heading,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-agency-method .fixstable-demo-agency-method-card .fixstable-builder-text,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-agency-method .fixstable-demo-agency-method-card .fixstable-builder-text p,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-agency-culture .fixstable-demo-agency-culture-card .fixstable-builder-heading,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-agency-culture .fixstable-demo-agency-culture-card .fixstable-builder-text,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-agency-culture .fixstable-demo-agency-culture-card .fixstable-builder-text p {
	color: inherit !important;
}

.fixstable-demo-home-herofixstable-demo-kit-agency-studio,
.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-home-herofixstable-demo-kit-agency-studio,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-home-herofixstable-demo-kit-agency-studio {
	--fixstable-demo-hero-bleed: #0f1115;
	--fixstable-page-primary: #f97363;
	--fixstable-page-accent: #fb7a68;
	background:
		radial-gradient(circle at 18% 12%, rgba(249, 115, 99, 0.22), transparent 28%),
		radial-gradient(circle at 86% 8%, rgba(251, 122, 104, 0.14), transparent 30%),
		linear-gradient(135deg, #0f1115 0%, #17120f 54%, #211614 100%) !important;
	color: #f8f1ed !important;
}

.fixstable-demo-home-herofixstable-demo-kit-agency-studio .fixstable-builder-commercial,
.fixstable-demo-home-herofixstable-demo-kit-agency-studio .fixstable-builder-cta-panel {
	background:
		linear-gradient(135deg, rgba(28, 20, 18, 0.94), rgba(15, 17, 21, 0.9)) !important;
	border-color: rgba(249, 115, 99, 0.26) !important;
	color: #f8f1ed !important;
}

.fixstable-demo-home-herofixstable-demo-kit-agency-studio h1,
.fixstable-demo-home-herofixstable-demo-kit-agency-studio h2,
.fixstable-demo-home-herofixstable-demo-kit-agency-studio h3,
.fixstable-demo-home-herofixstable-demo-kit-agency-studio .fixstable-builder-heading {
	color: #f8f1ed !important;
}

.fixstable-demo-home-herofixstable-demo-kit-agency-studio .fixstable-builder-commercial-copy,
.fixstable-demo-home-herofixstable-demo-kit-agency-studio .fixstable-builder-commercial-copy p,
.fixstable-demo-home-herofixstable-demo-kit-agency-studio .fixstable-builder-cta-panel-note {
	color: rgba(248, 241, 237, 0.84) !important;
}

.fixstable-demo-home-herofixstable-demo-kit-agency-studio .fixstable-builder-commercial-eyebrow,
.fixstable-demo-home-herofixstable-demo-kit-agency-studio .fixstable-builder-cta-panel-label {
	color: #fb7a68 !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-home-herofixstable-demo-kit-agency-studio .fixstable-builder-commercial.is-dark-surface .fixstable-builder-commercial-eyebrow,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-home-herofixstable-demo-kit-agency-studio .fixstable-builder-commercial.is-dark-surface .fixstable-builder-cta-panel-label,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-home-herofixstable-demo-kit-agency-studio .fixstable-builder-commercial.is-dark-surface .fixstable-builder-commercial-eyebrow,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-home-herofixstable-demo-kit-agency-studio .fixstable-builder-commercial.is-dark-surface .fixstable-builder-cta-panel-label {
	color: #fb7a68 !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-home-herofixstable-demo-kit-agency-studio .fixstable-builder-commercial.is-dark-surface .fixstable-builder-cta-panel,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-home-herofixstable-demo-kit-agency-studio .fixstable-builder-commercial.is-dark-surface .fixstable-builder-cta-panel {
	background:
		linear-gradient(135deg, rgba(28, 20, 18, 0.96), rgba(15, 17, 21, 0.9)) !important;
	border-color: rgba(249, 115, 99, 0.28) !important;
	color: #f8f1ed !important;
	box-shadow:
		0 24px 70px rgba(0, 0, 0, 0.34),
		inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-home-herofixstable-demo-kit-agency-studio .fixstable-builder-commercial.is-dark-surface .fixstable-builder-cta-panel li,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-home-herofixstable-demo-kit-agency-studio .fixstable-builder-commercial.is-dark-surface .fixstable-builder-cta-panel li {
	background: rgba(255, 255, 255, 0.07) !important;
	border-color: rgba(249, 115, 99, 0.2) !important;
	color: rgba(248, 241, 237, 0.9) !important;
}

/*
 * Phase 3.31 -- Consultant / Expert Pro authority identity.
 */
.fixstable-demo-kit-consultant-expert.fixstable-demo-home-hero,
.fixstable-demo-home-herofixstable-demo-kit-consultant-expert,
.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-kit-consultant-expert.fixstable-demo-home-hero,
.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-home-herofixstable-demo-kit-consultant-expert,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-kit-consultant-expert.fixstable-demo-home-hero,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-home-herofixstable-demo-kit-consultant-expert {
	--fixstable-demo-hero-bleed: #faf7f0;
	--fixstable-page-primary: #172033;
	--fixstable-page-accent: #d99a2b;
	background:
		radial-gradient(circle at 12% 10%, rgba(217, 154, 43, 0.14), transparent 28%),
		linear-gradient(180deg, #faf7f0 0%, #f6efe3 100%) !important;
}

.fixstable-demo-kit-consultant-expert.fixstable-demo-home-hero .fixstable-builder-commercial,
.fixstable-demo-home-herofixstable-demo-kit-consultant-expert .fixstable-builder-commercial {
	background:
		linear-gradient(135deg, #172033 0%, #111827 100%) !important;
	border-color: rgba(217, 154, 43, 0.26) !important;
	color: #faf7f0 !important;
}

.fixstable-demo-kit-consultant-expert.fixstable-demo-home-hero h1,
.fixstable-demo-kit-consultant-expert.fixstable-demo-home-hero h2,
.fixstable-demo-kit-consultant-expert.fixstable-demo-home-hero h3,
.fixstable-demo-home-herofixstable-demo-kit-consultant-expert h1,
.fixstable-demo-home-herofixstable-demo-kit-consultant-expert h2,
.fixstable-demo-home-herofixstable-demo-kit-consultant-expert h3 {
	color: #faf7f0 !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-demo-kit-consultant-expert.fixstable-demo-home-hero .fixstable-builder-commercial .fixstable-builder-heading,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-demo-home-herofixstable-demo-kit-consultant-expert .fixstable-builder-commercial .fixstable-builder-heading,
.fixstable-builder-preview-shell .fixstable-demo-kit-consultant-expert.fixstable-demo-home-hero .fixstable-builder-commercial .fixstable-builder-heading,
.fixstable-builder-preview-shell .fixstable-demo-home-herofixstable-demo-kit-consultant-expert .fixstable-builder-commercial .fixstable-builder-heading {
	color: #faf7f0 !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-demo-kit-consultant-expert.fixstable-demo-home-hero .fixstable-builder-cta-block h1,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-demo-kit-consultant-expert.fixstable-demo-home-hero .fixstable-builder-cta-block h2,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-demo-kit-consultant-expert.fixstable-demo-home-hero .fixstable-builder-cta-block h3,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-kit-consultant-expert.fixstable-demo-home-hero .fixstable-builder-cta-block h1,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-kit-consultant-expert.fixstable-demo-home-hero .fixstable-builder-cta-block h2,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-kit-consultant-expert.fixstable-demo-home-hero .fixstable-builder-cta-block h3 {
	color: #faf7f0 !important;
}

.fixstable-demo-kit-consultant-expert.fixstable-demo-home-hero .fixstable-builder-commercial-copy,
.fixstable-demo-kit-consultant-expert.fixstable-demo-home-hero .fixstable-builder-commercial-copy p,
.fixstable-demo-kit-consultant-expert.fixstable-demo-home-hero .fixstable-builder-cta-panel-note,
.fixstable-demo-home-herofixstable-demo-kit-consultant-expert .fixstable-builder-commercial-copy,
.fixstable-demo-home-herofixstable-demo-kit-consultant-expert .fixstable-builder-commercial-copy p,
.fixstable-demo-home-herofixstable-demo-kit-consultant-expert .fixstable-builder-cta-panel-note {
	color: rgba(250, 247, 240, 0.84) !important;
}

.fixstable-demo-kit-consultant-expert.fixstable-demo-home-hero .fixstable-builder-commercial-eyebrow,
.fixstable-demo-kit-consultant-expert.fixstable-demo-home-hero .fixstable-builder-cta-panel-label,
.fixstable-demo-home-herofixstable-demo-kit-consultant-expert .fixstable-builder-commercial-eyebrow,
.fixstable-demo-home-herofixstable-demo-kit-consultant-expert .fixstable-builder-cta-panel-label,
.fixstable-demo-consultant-authority .fixstable-builder-heading:first-child,
.fixstable-demo-consultant-framework .fixstable-builder-heading:first-child,
.fixstable-demo-consultant-booking .fixstable-builder-heading:first-child {
	color: #d99a2b !important;
}

.fixstable-demo-kit-consultant-expert.fixstable-demo-home-hero .fixstable-builder-cta-panel,
.fixstable-demo-home-herofixstable-demo-kit-consultant-expert .fixstable-builder-cta-panel {
	background: rgba(250, 247, 240, 0.08) !important;
	border-color: rgba(217, 154, 43, 0.24) !important;
	color: #faf7f0 !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-demo-kit-consultant-expert.fixstable-demo-home-hero .fixstable-builder-commercial.fixstable-builder-cta-block.is-dark-surface,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-kit-consultant-expert.fixstable-demo-home-hero .fixstable-builder-commercial.fixstable-builder-cta-block.is-dark-surface {
	background: linear-gradient(135deg, #172033 0%, #111827 100%) !important;
	color: #faf7f0 !important;
	border-color: rgba(217, 154, 43, 0.26) !important;
	box-shadow: 0 22px 54px rgba(23, 32, 51, 0.18) !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-demo-kit-consultant-expert.fixstable-demo-home-hero .fixstable-builder-commercial.fixstable-builder-cta-block.is-dark-surface .fixstable-builder-cta-panel,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-kit-consultant-expert.fixstable-demo-home-hero .fixstable-builder-commercial.fixstable-builder-cta-block.is-dark-surface .fixstable-builder-cta-panel {
	background: rgba(250, 247, 240, 0.08) !important;
	border-color: rgba(217, 154, 43, 0.24) !important;
	color: #faf7f0 !important;
}

.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-consultant-authority,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-consultant-authority,
.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-consultant-booking,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-consultant-booking {
	background:
		linear-gradient(135deg, #faf7f0 0%, #f6efe3 100%) !important;
	color: #1f2937 !important;
}

.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-consultant-framework,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-consultant-framework {
	background:
		radial-gradient(circle at 90% 0%, rgba(217, 154, 43, 0.14), transparent 28%),
		linear-gradient(180deg, #f6efe3 0%, #faf7f0 100%) !important;
	color: #1f2937 !important;
}

.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-consultant-outcomes:not(.fixstable-demo-consultant-quotes),
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-consultant-outcomes:not(.fixstable-demo-consultant-quotes) {
	background:
		radial-gradient(circle at 8% 10%, rgba(217, 154, 43, 0.22), transparent 30%),
		linear-gradient(135deg, #172033 0%, #111827 100%) !important;
	color: #faf7f0 !important;
}

.fixstable-demo-consultant-proof-card,
.fixstable-demo-consultant-framework-card {
	border-color: rgba(217, 154, 43, 0.18) !important;
	border-radius: 22px !important;
	background: rgba(255, 255, 255, 0.86) !important;
	box-shadow: 0 16px 42px rgba(23, 32, 51, 0.08) !important;
}

/*
 * Phase 3.33.1 -- Consultant / Expert Pro editorial differentiation.
 */
.fixstable-demo-consultant-editorial .fixstable-builder-row,
.fixstable-demo-consultant-who-for .fixstable-builder-row,
.fixstable-demo-consultant-clarity-method .fixstable-builder-row,
.fixstable-demo-consultant-advisory-path .fixstable-builder-row,
.fixstable-demo-consultant-leave-with .fixstable-builder-row,
.fixstable-demo-consultant-resources .fixstable-builder-row,
.fixstable-demo-consultant-booking .fixstable-builder-row {
	gap: clamp(24px, 4vw, 48px) !important;
	align-items: center !important;
}

.fixstable-demo-consultant-editorial .fixstable-builder-text p:nth-of-type(2),
.fixstable-demo-consultant-advisory-path-aside .fixstable-builder-text p,
.fixstable-demo-consultant-editorial [id*="editorial-quote"] .fixstable-builder-text p {
	font-size: clamp(1.05rem, 1.8vw, 1.22rem) !important;
	line-height: 1.65 !important;
	font-style: italic !important;
	color: #4b5563 !important;
	border-left: 3px solid #d99a2b !important;
	padding-left: 18px !important;
	margin-top: 18px !important;
}

.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-consultant-clarity-method,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-consultant-clarity-method {
	background:
		radial-gradient(circle at 8% 0%, rgba(217, 154, 43, 0.16), transparent 32%),
		linear-gradient(180deg, #faf7f0 0%, #f6efe3 100%) !important;
	border-top: 1px solid rgba(217, 154, 43, 0.18) !important;
	border-bottom: 1px solid rgba(217, 154, 43, 0.18) !important;
}

.fixstable-demo-consultant-clarity-method > .fixstable-builder-heading:first-child,
.fixstable-demo-consultant-clarity-method > .fixstable-builder-heading:nth-of-type(2) {
	max-width: 820px !important;
}

.fixstable-demo-consultant-clarity-method > .fixstable-builder-heading:nth-of-type(2) {
	font-size: clamp(1.75rem, 3.2vw, 2.45rem) !important;
	line-height: 1.15 !important;
	margin-bottom: 12px !important;
}

.fixstable-demo-consultant-clarity-method .fixstable-builder-feature-list,
.fixstable-demo-consultant-who-for .fixstable-builder-feature-list,
.fixstable-demo-consultant-offers .fixstable-builder-feature-list,
.fixstable-demo-consultant-when-bring-in .fixstable-builder-feature-list,
.fixstable-demo-consultant-leave-with .fixstable-builder-feature-list,
.fixstable-demo-consultant-resources .fixstable-builder-feature-list,
.fixstable-demo-consultant-advisory-path .fixstable-builder-feature-list {
	border: 1px solid rgba(217, 154, 43, 0.16) !important;
	border-radius: 24px !important;
	box-shadow: 0 18px 48px rgba(23, 32, 51, 0.07) !important;
	padding: clamp(18px, 3vw, 28px) !important;
	background: rgba(255, 255, 255, 0.92) !important;
	color: #1f2937 !important;
}

.fixstable-demo-consultant-clarity-method .fixstable-builder-feature-list h2,
.fixstable-demo-consultant-clarity-method .fixstable-builder-feature-list h3,
.fixstable-demo-consultant-clarity-method .fixstable-builder-feature-list p,
.fixstable-demo-consultant-clarity-method .fixstable-builder-feature-list li,
.fixstable-demo-consultant-who-for .fixstable-builder-feature-list h2,
.fixstable-demo-consultant-who-for .fixstable-builder-feature-list h3,
.fixstable-demo-consultant-who-for .fixstable-builder-feature-list p,
.fixstable-demo-consultant-who-for .fixstable-builder-feature-list li,
.fixstable-demo-consultant-offers .fixstable-builder-feature-list h2,
.fixstable-demo-consultant-offers .fixstable-builder-feature-list h3,
.fixstable-demo-consultant-offers .fixstable-builder-feature-list p,
.fixstable-demo-consultant-offers .fixstable-builder-feature-list li,
.fixstable-demo-consultant-when-bring-in .fixstable-builder-feature-list h2,
.fixstable-demo-consultant-when-bring-in .fixstable-builder-feature-list h3,
.fixstable-demo-consultant-when-bring-in .fixstable-builder-feature-list p,
.fixstable-demo-consultant-when-bring-in .fixstable-builder-feature-list li,
.fixstable-demo-consultant-leave-with .fixstable-builder-feature-list h2,
.fixstable-demo-consultant-leave-with .fixstable-builder-feature-list h3,
.fixstable-demo-consultant-leave-with .fixstable-builder-feature-list p,
.fixstable-demo-consultant-leave-with .fixstable-builder-feature-list li,
.fixstable-demo-consultant-resources .fixstable-builder-feature-list h2,
.fixstable-demo-consultant-resources .fixstable-builder-feature-list h3,
.fixstable-demo-consultant-resources .fixstable-builder-feature-list p,
.fixstable-demo-consultant-resources .fixstable-builder-feature-list li,
.fixstable-demo-consultant-advisory-path .fixstable-builder-feature-list h2,
.fixstable-demo-consultant-advisory-path .fixstable-builder-feature-list h3,
.fixstable-demo-consultant-advisory-path .fixstable-builder-feature-list p,
.fixstable-demo-consultant-advisory-path .fixstable-builder-feature-list li {
	color: #1f2937 !important;
}

.fixstable-demo-consultant-clarity-method .fixstable-builder-feature-list {
	background: #ffffff !important;
}

.fixstable-demo-consultant-offers,
.fixstable-demo-consultant-who-for,
.fixstable-demo-consultant-when-bring-in,
.fixstable-demo-consultant-leave-with,
.fixstable-demo-consultant-resources,
.fixstable-demo-consultant-advisory-path,
.fixstable-demo-consultant-faq {
	padding-left: clamp(12px, 2vw, 24px) !important;
	padding-right: clamp(12px, 2vw, 24px) !important;
}

.fixstable-demo-consultant-quotes .fixstable-builder-testimonial-proof + .fixstable-builder-testimonial-proof {
	margin-top: 24px !important;
}

.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-consultant-quotes,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-consultant-quotes {
	background: linear-gradient(180deg, #faf7f0 0%, #f6efe3 100%) !important;
	color: #1f2937 !important;
}

.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-consultant-quotes h2,
.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-consultant-quotes h3,
.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-consultant-quotes p,
.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-consultant-quotes li,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-consultant-quotes h2,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-consultant-quotes h3,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-consultant-quotes p,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-consultant-quotes li {
	color: #1f2937 !important;
}

.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-consultant-quotes .fixstable-builder-heading:first-child,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-consultant-quotes .fixstable-builder-heading:first-child {
	color: #d99a2b !important;
}

/*
 * Phase 3.33.3 -- Consultant dark-surface warm text in bright page mode.
 */
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section[class*="fixstable-demo-consultant"] .fixstable-builder-commercial.is-dark-surface,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section[class*="fixstable-demo-consultant"] .fixstable-builder-request-section.is-dark-surface,
.fixstable-builder-preview-shell .fixstable-builder-node-section[class*="fixstable-demo-consultant"] .fixstable-builder-commercial.is-dark-surface,
.fixstable-builder-preview-shell .fixstable-builder-node-section[class*="fixstable-demo-consultant"] .fixstable-builder-request-section.is-dark-surface {
	color: #faf7f0 !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section[class*="fixstable-demo-consultant"] .fixstable-builder-commercial.is-dark-surface h1,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section[class*="fixstable-demo-consultant"] .fixstable-builder-commercial.is-dark-surface h2,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section[class*="fixstable-demo-consultant"] .fixstable-builder-commercial.is-dark-surface h3,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section[class*="fixstable-demo-consultant"] .fixstable-builder-commercial.is-dark-surface .fixstable-builder-heading,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section[class*="fixstable-demo-consultant"] .fixstable-builder-request-section.is-dark-surface > div h1,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section[class*="fixstable-demo-consultant"] .fixstable-builder-request-section.is-dark-surface > div h2,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section[class*="fixstable-demo-consultant"] .fixstable-builder-request-section.is-dark-surface > div h3,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section[class*="fixstable-demo-consultant"] .fixstable-builder-request-section.is-dark-surface > div .fixstable-builder-heading,
.fixstable-builder-preview-shell .fixstable-builder-node-section[class*="fixstable-demo-consultant"] .fixstable-builder-commercial.is-dark-surface h1,
.fixstable-builder-preview-shell .fixstable-builder-node-section[class*="fixstable-demo-consultant"] .fixstable-builder-commercial.is-dark-surface h2,
.fixstable-builder-preview-shell .fixstable-builder-node-section[class*="fixstable-demo-consultant"] .fixstable-builder-commercial.is-dark-surface h3,
.fixstable-builder-preview-shell .fixstable-builder-node-section[class*="fixstable-demo-consultant"] .fixstable-builder-commercial.is-dark-surface .fixstable-builder-heading,
.fixstable-builder-preview-shell .fixstable-builder-node-section[class*="fixstable-demo-consultant"] .fixstable-builder-request-section.is-dark-surface > div h1,
.fixstable-builder-preview-shell .fixstable-builder-node-section[class*="fixstable-demo-consultant"] .fixstable-builder-request-section.is-dark-surface > div h2,
.fixstable-builder-preview-shell .fixstable-builder-node-section[class*="fixstable-demo-consultant"] .fixstable-builder-request-section.is-dark-surface > div h3,
.fixstable-builder-preview-shell .fixstable-builder-node-section[class*="fixstable-demo-consultant"] .fixstable-builder-request-section.is-dark-surface > div .fixstable-builder-heading {
	color: #faf7f0 !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section[class*="fixstable-demo-consultant"] .fixstable-builder-commercial.is-dark-surface:not(.fixstable-builder-request-section) p,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section[class*="fixstable-demo-consultant"] .fixstable-builder-commercial.is-dark-surface:not(.fixstable-builder-request-section) .fixstable-builder-commercial-copy,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section[class*="fixstable-demo-consultant"] .fixstable-builder-commercial.is-dark-surface:not(.fixstable-builder-request-section) li,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section[class*="fixstable-demo-consultant"] .fixstable-builder-commercial.is-dark-surface blockquote,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section[class*="fixstable-demo-consultant"] .fixstable-builder-commercial.is-dark-surface cite,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section[class*="fixstable-demo-consultant"] .fixstable-builder-request-section.is-dark-surface > div p,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section[class*="fixstable-demo-consultant"] .fixstable-builder-request-section.is-dark-surface > div .fixstable-builder-commercial-copy,
.fixstable-builder-preview-shell .fixstable-builder-node-section[class*="fixstable-demo-consultant"] .fixstable-builder-commercial.is-dark-surface:not(.fixstable-builder-request-section) p,
.fixstable-builder-preview-shell .fixstable-builder-node-section[class*="fixstable-demo-consultant"] .fixstable-builder-commercial.is-dark-surface:not(.fixstable-builder-request-section) .fixstable-builder-commercial-copy,
.fixstable-builder-preview-shell .fixstable-builder-node-section[class*="fixstable-demo-consultant"] .fixstable-builder-commercial.is-dark-surface:not(.fixstable-builder-request-section) li,
.fixstable-builder-preview-shell .fixstable-builder-node-section[class*="fixstable-demo-consultant"] .fixstable-builder-commercial.is-dark-surface blockquote,
.fixstable-builder-preview-shell .fixstable-builder-node-section[class*="fixstable-demo-consultant"] .fixstable-builder-commercial.is-dark-surface cite,
.fixstable-builder-preview-shell .fixstable-builder-node-section[class*="fixstable-demo-consultant"] .fixstable-builder-request-section.is-dark-surface > div p,
.fixstable-builder-preview-shell .fixstable-builder-node-section[class*="fixstable-demo-consultant"] .fixstable-builder-request-section.is-dark-surface > div .fixstable-builder-commercial-copy {
	color: rgba(250, 247, 240, 0.84) !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section[class*="fixstable-demo-consultant"] .fixstable-builder-request-section.is-dark-surface aside,
.fixstable-builder-preview-shell .fixstable-builder-node-section[class*="fixstable-demo-consultant"] .fixstable-builder-request-section.is-dark-surface aside {
	background: rgba(255, 255, 255, 0.96) !important;
	border-color: rgba(16, 32, 51, 0.1) !important;
	color: #475569 !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section[class*="fixstable-demo-consultant"] .fixstable-builder-request-section.is-dark-surface aside p,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section[class*="fixstable-demo-consultant"] .fixstable-builder-request-section.is-dark-surface aside li,
.fixstable-builder-preview-shell .fixstable-builder-node-section[class*="fixstable-demo-consultant"] .fixstable-builder-request-section.is-dark-surface aside p,
.fixstable-builder-preview-shell .fixstable-builder-node-section[class*="fixstable-demo-consultant"] .fixstable-builder-request-section.is-dark-surface aside li {
	color: #475569 !important;
}

.fixstable-demo-consultant-editorial .fixstable-builder-image img,
.fixstable-demo-consultant-clarity-method .fixstable-builder-image img,
.fixstable-demo-consultant-leave-with .fixstable-builder-image img,
.fixstable-demo-consultant-resources .fixstable-builder-image img,
.fixstable-demo-consultant-booking .fixstable-builder-image img {
	border-radius: 22px !important;
	box-shadow: 0 22px 54px rgba(23, 32, 51, 0.12) !important;
}

.fixstable-demo-consultant-editorial .fixstable-builder-column:first-child .fixstable-builder-image img {
	max-height: 520px !important;
	object-fit: cover !important;
	width: 100% !important;
}

@media (max-width: 767px) {
	.fixstable-demo-consultant-clarity-method .fixstable-builder-feature-list,
	.fixstable-demo-consultant-resources .fixstable-builder-feature-list {
		columns: 1 !important;
	}

	.fixstable-demo-consultant-editorial .fixstable-builder-row,
	.fixstable-demo-consultant-who-for .fixstable-builder-row,
	.fixstable-demo-consultant-clarity-method .fixstable-builder-row,
	.fixstable-demo-consultant-advisory-path .fixstable-builder-row,
	.fixstable-demo-consultant-leave-with .fixstable-builder-row,
	.fixstable-demo-consultant-resources .fixstable-builder-row,
	.fixstable-demo-consultant-booking .fixstable-builder-row {
		flex-direction: column !important;
	}

	.fixstable-demo-consultant-clarity-method > .fixstable-builder-heading:nth-of-type(2) {
		font-size: 1.65rem !important;
	}

	.fixstable-demo-consultant-editorial .fixstable-builder-column:first-child .fixstable-builder-image img {
		max-height: 360px !important;
	}
}

/*
 * Phase 3.32 -- Ecommerce Lite Pro warm storefront identity.
 */
.fixstable-builder-frontend.fixstable-demo-kit-ecommerce-lite,
.fixstable-builder-preview-shell.fixstable-demo-kit-ecommerce-lite {
	--fixstable-page-primary: #2a2018;
	--fixstable-page-accent: #e86f51;
}

.fixstable-demo-kit-ecommerce-lite.fixstable-demo-home-hero,
.fixstable-demo-home-herofixstable-demo-kit-ecommerce-lite,
.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-kit-ecommerce-lite.fixstable-demo-home-hero,
.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-home-herofixstable-demo-kit-ecommerce-lite,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-kit-ecommerce-lite.fixstable-demo-home-hero,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-home-herofixstable-demo-kit-ecommerce-lite {
	--fixstable-demo-hero-bleed: #fff7ed;
	--fixstable-page-primary: #2a2018;
	--fixstable-page-accent: #e86f51;
	background:
		radial-gradient(circle at 12% 8%, rgba(232, 111, 81, 0.16), transparent 28%),
		linear-gradient(180deg, #fff7ed 0%, #fbf3e8 100%) !important;
}

.fixstable-demo-kit-ecommerce-lite.fixstable-demo-home-hero .fixstable-builder-commercial,
.fixstable-demo-home-herofixstable-demo-kit-ecommerce-lite .fixstable-builder-commercial,
.fixstable-builder-preview-shell .fixstable-demo-kit-ecommerce-lite.fixstable-demo-home-hero .fixstable-builder-commercial.is-dark-surface.has-hero-panel,
.fixstable-builder-preview-shell .fixstable-demo-kit-ecommerce-lite.fixstable-demo-home-hero .fixstable-builder-cta-block.is-dark-surface.has-hero-panel,
.fixstable-builder-frontend.fixstable-demo-kit-ecommerce-lite .fixstable-builder-commercial.is-dark-surface.has-hero-panel,
.fixstable-builder-frontend.fixstable-demo-kit-ecommerce-lite .fixstable-builder-cta-block.is-dark-surface.has-hero-panel,
.fixstable-builder-frontend .fixstable-demo-ecommerce-product-hero .fixstable-builder-commercial.is-dark-surface.has-hero-panel,
.fixstable-builder-frontend .fixstable-demo-ecommerce-product-hero .fixstable-builder-cta-block.is-dark-surface.has-hero-panel,
.fixstable-builder-preview-shell .fixstable-demo-ecommerce-product-hero .fixstable-builder-commercial.is-dark-surface.has-hero-panel,
.fixstable-builder-preview-shell .fixstable-demo-ecommerce-product-hero .fixstable-builder-cta-block.is-dark-surface.has-hero-panel {
	background:
		linear-gradient(135deg, #2a2018 0%, #1f1a17 100%) !important;
	border-color: rgba(232, 111, 81, 0.24) !important;
	color: #fff7ed !important;
}

.fixstable-builder-frontend.fixstable-demo-kit-ecommerce-lite .fixstable-builder-commercial.is-dark-surface:not(.fixstable-builder-feature-list),
.fixstable-builder-frontend.fixstable-demo-kit-ecommerce-lite .fixstable-builder-cta-block.is-dark-surface,
.fixstable-builder-frontend .fixstable-demo-ecommerce-product-hero .fixstable-builder-commercial.is-dark-surface,
.fixstable-builder-frontend .fixstable-demo-ecommerce-product-hero .fixstable-builder-cta-block.is-dark-surface {
	color: #fff7ed !important;
}

.fixstable-builder-frontend.fixstable-demo-kit-ecommerce-lite .fixstable-builder-commercial.is-dark-surface .fixstable-builder-heading,
.fixstable-builder-frontend.fixstable-demo-kit-ecommerce-lite .fixstable-builder-commercial.is-dark-surface h1,
.fixstable-builder-frontend.fixstable-demo-kit-ecommerce-lite .fixstable-builder-commercial.is-dark-surface h2,
.fixstable-builder-frontend.fixstable-demo-kit-ecommerce-lite .fixstable-builder-cta-block.is-dark-surface h1,
.fixstable-builder-frontend.fixstable-demo-kit-ecommerce-lite .fixstable-builder-cta-block.is-dark-surface h2,
.fixstable-builder-frontend.fixstable-demo-kit-ecommerce-lite .fixstable-builder-cta-block.is-dark-surface h3,
.fixstable-builder-frontend.fixstable-demo-kit-ecommerce-lite .fixstable-builder-cta-block.is-dark-surface .is-cta-headline,
.fixstable-builder-frontend .fixstable-demo-ecommerce-product-hero .fixstable-builder-commercial.is-dark-surface h1,
.fixstable-builder-frontend .fixstable-demo-ecommerce-product-hero .fixstable-builder-commercial.is-dark-surface h2,
.fixstable-builder-frontend .fixstable-demo-ecommerce-product-hero .fixstable-builder-cta-block.is-dark-surface h1,
.fixstable-builder-frontend .fixstable-demo-ecommerce-product-hero .fixstable-builder-cta-block.is-dark-surface h2,
.fixstable-builder-frontend .fixstable-demo-ecommerce-product-hero .fixstable-builder-cta-block.is-dark-surface h3,
.fixstable-builder-frontend .fixstable-demo-ecommerce-product-hero .fixstable-builder-cta-block.is-dark-surface .is-cta-headline {
	color: #fff7ed !important;
}

.fixstable-builder-frontend.fixstable-demo-kit-ecommerce-lite .fixstable-builder-commercial.is-dark-surface .fixstable-builder-commercial-copy,
.fixstable-builder-frontend.fixstable-demo-kit-ecommerce-lite .fixstable-builder-commercial.is-dark-surface .fixstable-builder-commercial-copy p,
.fixstable-builder-frontend.fixstable-demo-kit-ecommerce-lite .fixstable-builder-cta-block.is-dark-surface .fixstable-builder-commercial-copy,
.fixstable-builder-frontend.fixstable-demo-kit-ecommerce-lite .fixstable-builder-cta-block.is-dark-surface .fixstable-builder-commercial-copy p,
.fixstable-builder-frontend .fixstable-demo-ecommerce-product-hero .fixstable-builder-commercial.is-dark-surface .fixstable-builder-commercial-copy,
.fixstable-builder-frontend .fixstable-demo-ecommerce-product-hero .fixstable-builder-commercial.is-dark-surface .fixstable-builder-commercial-copy p {
	color: rgba(255, 247, 237, 0.84) !important;
}

.fixstable-demo-kit-ecommerce-lite.fixstable-demo-home-hero h1,
.fixstable-demo-kit-ecommerce-lite.fixstable-demo-home-hero h2,
.fixstable-demo-kit-ecommerce-lite.fixstable-demo-home-hero h3,
.fixstable-demo-home-herofixstable-demo-kit-ecommerce-lite h1,
.fixstable-demo-home-herofixstable-demo-kit-ecommerce-lite h2,
.fixstable-demo-home-herofixstable-demo-kit-ecommerce-lite h3 {
	color: #fff7ed !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-demo-kit-ecommerce-lite.fixstable-demo-home-hero .fixstable-builder-commercial .fixstable-builder-heading,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-demo-home-herofixstable-demo-kit-ecommerce-lite .fixstable-builder-commercial .fixstable-builder-heading,
.fixstable-builder-preview-shell .fixstable-demo-kit-ecommerce-lite.fixstable-demo-home-hero .fixstable-builder-commercial .fixstable-builder-heading,
.fixstable-builder-preview-shell .fixstable-demo-home-herofixstable-demo-kit-ecommerce-lite .fixstable-builder-commercial .fixstable-builder-heading {
	color: #fff7ed !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-demo-kit-ecommerce-lite.fixstable-demo-home-hero .fixstable-builder-cta-block h1,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-demo-kit-ecommerce-lite.fixstable-demo-home-hero .fixstable-builder-cta-block h2,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-demo-kit-ecommerce-lite.fixstable-demo-home-hero .fixstable-builder-cta-block h3,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-kit-ecommerce-lite.fixstable-demo-home-hero .fixstable-builder-cta-block h1,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-kit-ecommerce-lite.fixstable-demo-home-hero .fixstable-builder-cta-block h2,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-kit-ecommerce-lite.fixstable-demo-home-hero .fixstable-builder-cta-block h3 {
	color: #fff7ed !important;
}

.fixstable-demo-kit-ecommerce-lite.fixstable-demo-home-hero .fixstable-builder-commercial-copy,
.fixstable-demo-kit-ecommerce-lite.fixstable-demo-home-hero .fixstable-builder-commercial-copy p,
.fixstable-demo-kit-ecommerce-lite.fixstable-demo-home-hero .fixstable-builder-cta-panel-note,
.fixstable-demo-home-herofixstable-demo-kit-ecommerce-lite .fixstable-builder-commercial-copy,
.fixstable-demo-home-herofixstable-demo-kit-ecommerce-lite .fixstable-builder-commercial-copy p,
.fixstable-demo-home-herofixstable-demo-kit-ecommerce-lite .fixstable-builder-cta-panel-note {
	color: rgba(255, 247, 237, 0.84) !important;
}

.fixstable-demo-kit-ecommerce-lite.fixstable-demo-home-hero .fixstable-builder-commercial-eyebrow,
.fixstable-demo-kit-ecommerce-lite.fixstable-demo-home-hero .fixstable-builder-cta-panel-label,
.fixstable-demo-home-herofixstable-demo-kit-ecommerce-lite .fixstable-builder-commercial-eyebrow,
.fixstable-demo-home-herofixstable-demo-kit-ecommerce-lite .fixstable-builder-cta-panel-label,
.fixstable-builder-frontend.fixstable-demo-kit-ecommerce-lite .fixstable-builder-cta-block.is-dark-surface .fixstable-builder-commercial-eyebrow,
.fixstable-builder-frontend.fixstable-demo-kit-ecommerce-lite .fixstable-builder-commercial.is-dark-surface .fixstable-builder-commercial-eyebrow,
.fixstable-builder-frontend .fixstable-demo-ecommerce-product-hero .fixstable-builder-cta-block.is-dark-surface .fixstable-builder-commercial-eyebrow,
.fixstable-demo-ecommerce-promo .fixstable-builder-heading:first-child,
.fixstable-demo-ecommerce-review .fixstable-builder-heading:first-child,
.fixstable-demo-ecommerce-offer-cta .fixstable-builder-heading:first-child {
	color: #e86f51 !important;
}

.fixstable-demo-kit-ecommerce-lite.fixstable-demo-home-hero .fixstable-builder-cta-panel,
.fixstable-demo-home-herofixstable-demo-kit-ecommerce-lite .fixstable-builder-cta-panel,
.fixstable-builder-preview-shell .fixstable-demo-kit-ecommerce-lite.fixstable-demo-home-hero .fixstable-builder-cta-panel,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright.fixstable-demo-kit-ecommerce-lite .fixstable-builder-cta-block.is-dark-surface.has-hero-panel .fixstable-builder-cta-panel,
.fixstable-builder-frontend.fixstable-demo-kit-ecommerce-lite .fixstable-builder-cta-block.is-dark-surface .fixstable-builder-cta-panel,
.fixstable-builder-frontend .fixstable-demo-ecommerce-product-hero .fixstable-builder-cta-block.is-dark-surface .fixstable-builder-cta-panel {
	background: rgba(255, 247, 237, 0.95) !important;
	border-color: rgba(232, 111, 81, 0.24) !important;
	color: #2a2018 !important;
	box-shadow: 0 16px 36px rgba(0, 0, 0, 0.16) !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-bright.fixstable-demo-kit-ecommerce-lite .fixstable-builder-cta-block.is-dark-surface.has-hero-panel .fixstable-builder-cta-panel li,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright.fixstable-demo-kit-ecommerce-lite .fixstable-builder-cta-block.is-dark-surface.has-hero-panel .fixstable-builder-cta-panel p,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright.fixstable-demo-kit-ecommerce-lite .fixstable-builder-cta-block.is-dark-surface.has-hero-panel .fixstable-builder-cta-panel-note,
.fixstable-builder-frontend.fixstable-demo-kit-ecommerce-lite .fixstable-builder-cta-block.is-dark-surface .fixstable-builder-cta-panel li,
.fixstable-builder-frontend.fixstable-demo-kit-ecommerce-lite .fixstable-builder-cta-block.is-dark-surface .fixstable-builder-cta-panel p,
.fixstable-builder-frontend.fixstable-demo-kit-ecommerce-lite .fixstable-builder-cta-block.is-dark-surface .fixstable-builder-cta-panel-note,
.fixstable-builder-frontend .fixstable-demo-ecommerce-product-hero .fixstable-builder-cta-block.is-dark-surface .fixstable-builder-cta-panel li,
.fixstable-builder-frontend .fixstable-demo-ecommerce-product-hero .fixstable-builder-cta-block.is-dark-surface .fixstable-builder-cta-panel p,
.fixstable-builder-frontend .fixstable-demo-ecommerce-product-hero .fixstable-builder-cta-block.is-dark-surface .fixstable-builder-cta-panel-note {
	color: rgba(42, 32, 24, 0.84) !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-bright.fixstable-demo-kit-ecommerce-lite .fixstable-builder-cta-block.is-dark-surface.has-hero-panel .fixstable-builder-cta-panel-label,
.fixstable-builder-frontend.fixstable-demo-kit-ecommerce-lite .fixstable-builder-cta-block.is-dark-surface .fixstable-builder-cta-panel-label,
.fixstable-builder-frontend.fixstable-demo-kit-ecommerce-lite .fixstable-builder-commercial.is-dark-surface .fixstable-builder-cta-panel-label,
.fixstable-builder-frontend .fixstable-demo-ecommerce-product-hero .fixstable-builder-cta-block.is-dark-surface .fixstable-builder-cta-panel-label {
	color: #e86f51 !important;
}

.fixstable-builder-frontend.fixstable-demo-kit-ecommerce-lite .fixstable-builder-cta-block.is-dark-surface,
.fixstable-builder-frontend.fixstable-demo-kit-ecommerce-lite .fixstable-builder-commercial.is-dark-surface.fixstable-builder-testimonial-proof,
.fixstable-builder-frontend.fixstable-demo-kit-ecommerce-lite .fixstable-builder-request-section.is-dark-surface {
	background:
		linear-gradient(135deg, #2a2018 0%, #1f1a17 100%) !important;
	border-color: rgba(232, 111, 81, 0.24) !important;
	color: #fff7ed !important;
}

.fixstable-builder-frontend.fixstable-demo-kit-ecommerce-lite .fixstable-builder-commercial.is-dark-surface.fixstable-builder-testimonial-proof .fixstable-builder-heading,
.fixstable-builder-frontend.fixstable-demo-kit-ecommerce-lite .fixstable-builder-commercial.is-dark-surface.fixstable-builder-testimonial-proof blockquote,
.fixstable-builder-frontend.fixstable-demo-kit-ecommerce-lite .fixstable-builder-commercial.is-dark-surface.fixstable-builder-testimonial-proof .fixstable-builder-testimonial-attribution,
.fixstable-builder-frontend.fixstable-demo-kit-ecommerce-lite .fixstable-builder-request-section.is-dark-surface .fixstable-builder-heading,
.fixstable-builder-frontend.fixstable-demo-kit-ecommerce-lite .fixstable-builder-request-section.is-dark-surface .fixstable-builder-commercial-copy,
.fixstable-builder-frontend.fixstable-demo-kit-ecommerce-lite .fixstable-builder-request-section.is-dark-surface .fixstable-builder-commercial-copy p {
	color: #fff7ed !important;
}

.fixstable-builder-frontend.fixstable-demo-kit-ecommerce-lite .fixstable-builder-commercial.is-dark-surface.fixstable-builder-testimonial-proof .fixstable-builder-commercial-copy,
.fixstable-builder-frontend.fixstable-demo-kit-ecommerce-lite .fixstable-builder-commercial.is-dark-surface.fixstable-builder-testimonial-proof .fixstable-builder-proof-point,
.fixstable-builder-frontend.fixstable-demo-kit-ecommerce-lite .fixstable-builder-request-section.is-dark-surface .fixstable-builder-request-details,
.fixstable-builder-frontend.fixstable-demo-kit-ecommerce-lite .fixstable-builder-request-section.is-dark-surface .fixstable-builder-request-helper {
	color: rgba(255, 247, 237, 0.84) !important;
}

.fixstable-builder-frontend.fixstable-demo-kit-ecommerce-lite .fixstable-builder-commercial.is-dark-surface.fixstable-builder-testimonial-proof .fixstable-builder-commercial-eyebrow,
.fixstable-builder-frontend.fixstable-demo-kit-ecommerce-lite .fixstable-builder-request-section.is-dark-surface .fixstable-builder-commercial-eyebrow {
	color: #e86f51 !important;
}

.fixstable-builder-frontend.fixstable-demo-kit-ecommerce-lite .fixstable-builder-cta-block.is-dark-surface .fixstable-builder-action-link.is-primary,
.fixstable-builder-frontend.fixstable-demo-kit-ecommerce-lite .fixstable-builder-request-section.is-dark-surface .fixstable-builder-action-link.is-primary,
.fixstable-builder-frontend.fixstable-demo-kit-ecommerce-lite .fixstable-builder-request-section.is-dark-surface .fixstable-builder-button,
.fixstable-builder-frontend .fixstable-demo-ecommerce-product-hero .fixstable-builder-cta-block.is-dark-surface .fixstable-builder-action-link.is-primary {
	background: #fff7ed !important;
	color: #2a2018 !important;
	border-color: #fff7ed !important;
	box-shadow: 0 10px 28px rgba(0, 0, 0, 0.18) !important;
}

.fixstable-builder-frontend.fixstable-demo-kit-ecommerce-lite .fixstable-builder-cta-block.is-dark-surface .fixstable-builder-action-link.is-primary:hover,
.fixstable-builder-frontend.fixstable-demo-kit-ecommerce-lite .fixstable-builder-request-section.is-dark-surface .fixstable-builder-action-link.is-primary:hover,
.fixstable-builder-frontend.fixstable-demo-kit-ecommerce-lite .fixstable-builder-request-section.is-dark-surface .fixstable-builder-button:hover,
.fixstable-builder-frontend .fixstable-demo-ecommerce-product-hero .fixstable-builder-cta-block.is-dark-surface .fixstable-builder-action-link.is-primary:hover {
	background: #f8eadb !important;
	color: #2a2018 !important;
	border-color: #f8eadb !important;
}

.fixstable-builder-frontend.fixstable-demo-kit-ecommerce-lite .fixstable-builder-cta-block.is-dark-surface .fixstable-builder-action-link.is-secondary,
.fixstable-builder-frontend .fixstable-demo-ecommerce-product-hero .fixstable-builder-cta-block.is-dark-surface .fixstable-builder-action-link.is-secondary {
	background: transparent !important;
	color: #fff7ed !important;
	border-color: rgba(255, 247, 237, 0.42) !important;
	box-shadow: none !important;
}

.fixstable-builder-frontend.fixstable-demo-kit-ecommerce-lite .fixstable-builder-cta-block.is-dark-surface .fixstable-builder-action-link.is-secondary:hover,
.fixstable-builder-frontend .fixstable-demo-ecommerce-product-hero .fixstable-builder-cta-block.is-dark-surface .fixstable-builder-action-link.is-secondary:hover {
	background: rgba(255, 247, 237, 0.08) !important;
	color: #fff7ed !important;
	border-color: rgba(255, 247, 237, 0.56) !important;
}

.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-ecommerce-promo,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-ecommerce-promo,
.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-ecommerce-product-drop,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-ecommerce-product-drop,
.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-ecommerce-offer-cta,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-ecommerce-offer-cta {
	background:
		linear-gradient(135deg, #fff7ed 0%, #fbf3e8 100%) !important;
	color: #2a2018 !important;
}

.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-ecommerce-review,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-ecommerce-review {
	background:
		radial-gradient(circle at 90% 0%, rgba(232, 111, 81, 0.2), transparent 30%),
		linear-gradient(135deg, #2a2018 0%, #1f1a17 100%) !important;
	color: #fff7ed !important;
}

.fixstable-demo-ecommerce-drop-card,
.fixstable-demo-ecommerce-promo-card {
	border-color: rgba(232, 111, 81, 0.18) !important;
	border-radius: 24px !important;
	background: rgba(255, 255, 255, 0.88) !important;
	box-shadow: 0 18px 46px rgba(42, 32, 24, 0.1) !important;
}

/*
 * Phase 3.33.6 — Consultant / Expert Pro reference-matched advisory archetype.
 */
.fixstable-builder-frontend .fixstable-builder-section[class*="fixstable-demo-consultant-v336"],
.fixstable-builder-preview-shell .fixstable-builder-node-section[class*="fixstable-demo-consultant-v336"] {
	--consultant-ink: #102033;
	--consultant-slate: #475569;
	--consultant-cream: #faf7f0;
	--consultant-cream-soft: rgba(250, 247, 240, 0.86);
	--consultant-gold: #c9871d;
	--consultant-gold-light: #d99a2b;
	--consultant-ivory: #f7f1e8;
	--consultant-ivory-warm: #f6efe3;
	--consultant-dark: #101827;
	--consultant-dark-mid: #172033;
	max-width: 100% !important;
	overflow-x: clip !important;
}

.fixstable-builder-section[class*="fixstable-demo-consultant-v336"] img {
	max-width: 100% !important;
	height: auto !important;
}

/* —— Full editorial hero —— */
.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-consultant-v336-hero,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-consultant-v336-hero {
	background: linear-gradient(165deg, #101827 0%, #111827 48%, #172033 100%) !important;
	color: var(--consultant-cream) !important;
	border-bottom: 1px solid rgba(201, 135, 29, 0.24) !important;
	min-height: min(88vh, 920px) !important;
	display: flex !important;
	align-items: center !important;
}

.fixstable-demo-consultant-v336-hero .fixstable-builder-row {
	align-items: center !important;
	gap: 64px !important;
	min-height: min(72vh, 760px) !important;
}

.fixstable-demo-consultant-v336-hero .fixstable-builder-heading,
.fixstable-demo-consultant-v336-hero h1,
.fixstable-demo-consultant-v336-hero h2,
.fixstable-demo-consultant-v336-hero h3 {
	color: var(--consultant-cream) !important;
	font-weight: 700 !important;
	letter-spacing: -0.035em !important;
}

.fixstable-demo-consultant-v336-hero h3 {
	color: var(--consultant-gold-light) !important;
	font-size: 0.72rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.18em !important;
	text-transform: uppercase !important;
	margin-bottom: 20px !important;
}

.fixstable-demo-consultant-v336-hero h2 {
	font-size: clamp(2.75rem, 6.2vw, 4.75rem) !important;
	line-height: 1.02 !important;
	max-width: 13ch !important;
	margin-bottom: 28px !important;
}

.fixstable-demo-consultant-v336-hero .fixstable-builder-text p {
	color: var(--consultant-cream-soft) !important;
	font-size: clamp(1.12rem, 2vw, 1.35rem) !important;
	line-height: 1.68 !important;
	max-width: 44ch !important;
	margin-bottom: 36px !important;
}

.fixstable-demo-consultant-v336-hero [id*="credibility"] .fixstable-builder-text p,
.fixstable-demo-consultant-v336-hero .fixstable-builder-text:last-child p {
	font-size: 0.75rem !important;
	letter-spacing: 0.12em !important;
	text-transform: uppercase !important;
	color: rgba(217, 154, 43, 0.92) !important;
	margin-top: 40px !important;
	padding-top: 24px !important;
	border-top: 1px solid rgba(201, 135, 29, 0.32) !important;
}

.fixstable-demo-consultant-v336-hero .fixstable-builder-button {
	border-radius: 2px !important;
	font-weight: 600 !important;
	letter-spacing: 0.04em !important;
	font-size: 0.92rem !important;
	padding: 16px 28px !important;
	margin-right: 12px !important;
	margin-bottom: 12px !important;
}

.fixstable-demo-consultant-v336-hero .fixstable-builder-image {
	align-self: stretch !important;
	display: flex !important;
}

.fixstable-demo-consultant-v336-hero .fixstable-builder-image img {
	width: 100% !important;
	min-height: 520px !important;
	max-height: 680px !important;
	object-fit: cover !important;
	object-position: center top !important;
	border-radius: 2px !important;
	box-shadow: 0 40px 80px rgba(0, 0, 0, 0.42) !important;
}

/* —— Light editorial sections —— */
.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-consultant-v336-authority,
.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-consultant-v336-services,
.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-consultant-v336-method,
.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-consultant-v336-figures,
.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-consultant-v336-insights,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-consultant-v336-authority,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-consultant-v336-services,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-consultant-v336-method,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-consultant-v336-figures,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-consultant-v336-insights {
	color: var(--consultant-ink) !important;
}

.fixstable-demo-consultant-v336-authority h3,
.fixstable-demo-consultant-v336-services h3,
.fixstable-demo-consultant-v336-method h3,
.fixstable-demo-consultant-v336-figures h3,
.fixstable-demo-consultant-v336-insights h3 {
	color: var(--consultant-gold) !important;
	font-size: 0.72rem !important;
	font-weight: 700 !important;
	letter-spacing: 0.18em !important;
	text-transform: uppercase !important;
	margin-bottom: 16px !important;
}

.fixstable-demo-consultant-v336-authority h2,
.fixstable-demo-consultant-v336-services h2,
.fixstable-demo-consultant-v336-method h2,
.fixstable-demo-consultant-v336-insights h2 {
	color: var(--consultant-ink) !important;
	font-size: clamp(2rem, 3.8vw, 3.25rem) !important;
	line-height: 1.08 !important;
	font-weight: 700 !important;
	letter-spacing: -0.03em !important;
	max-width: 20ch !important;
	margin-bottom: 24px !important;
}

.fixstable-demo-consultant-v336-authority p,
.fixstable-demo-consultant-v336-services p,
.fixstable-demo-consultant-v336-method p,
.fixstable-demo-consultant-v336-insights p,
.fixstable-demo-consultant-v336-authority li,
.fixstable-demo-consultant-v336-services li,
.fixstable-demo-consultant-v336-method li,
.fixstable-demo-consultant-v336-insights li {
	color: var(--consultant-slate) !important;
	line-height: 1.75 !important;
	font-size: 1.05rem !important;
}

/* —— Authority split —— */
.fixstable-demo-consultant-v336-authority {
	border-bottom: 1px solid rgba(16, 32, 51, 0.1) !important;
}

.fixstable-demo-consultant-v336-authority .fixstable-builder-row {
	align-items: center !important;
	gap: 72px !important;
}

.fixstable-demo-consultant-v336-authority [id*="quote"] .fixstable-builder-text p {
	font-size: clamp(1.15rem, 2vw, 1.35rem) !important;
	font-style: italic !important;
	border-left: 3px solid var(--consultant-gold) !important;
	padding-left: 24px !important;
	color: var(--consultant-ink) !important;
	margin-top: 32px !important;
	max-width: 42ch !important;
}

.fixstable-demo-consultant-v336-authority .fixstable-builder-image img {
	min-height: 480px !important;
	object-fit: cover !important;
	border-radius: 2px !important;
	box-shadow: 0 32px 72px rgba(16, 32, 51, 0.14) !important;
}

/* —— Editorial row lists (no cards) —— */
.fixstable-demo-consultant-v336-services .fixstable-builder-feature-list,
.fixstable-demo-consultant-v336-method .fixstable-builder-feature-list,
.fixstable-demo-consultant-v336-insights .fixstable-builder-feature-list {
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	padding: 0 !important;
	margin-top: 48px !important;
}

.fixstable-demo-consultant-v336-services .fixstable-builder-feature-list .fixstable-builder-commercial-head,
.fixstable-demo-consultant-v336-method .fixstable-builder-feature-list .fixstable-builder-commercial-head,
.fixstable-demo-consultant-v336-insights .fixstable-builder-feature-list .fixstable-builder-commercial-head {
	display: none !important;
}

.fixstable-demo-consultant-v336-services .fixstable-builder-feature-list li,
.fixstable-demo-consultant-v336-method .fixstable-builder-feature-list li,
.fixstable-demo-consultant-v336-insights .fixstable-builder-feature-list li {
	border-bottom: 1px solid rgba(16, 32, 51, 0.12) !important;
	padding: 36px 0 !important;
	padding-left: 0 !important;
	font-size: 1.08rem !important;
	color: var(--consultant-slate) !important;
}

.fixstable-demo-consultant-v336-services .fixstable-builder-feature-list li::before,
.fixstable-demo-consultant-v336-method .fixstable-builder-feature-list li::before,
.fixstable-demo-consultant-v336-insights .fixstable-builder-feature-list li::before {
	display: none !important;
}

.fixstable-demo-consultant-v336-services .fixstable-builder-feature-list li:first-child {
	border-top: 1px solid rgba(16, 32, 51, 0.12) !important;
}

.fixstable-demo-consultant-v336-services .fixstable-builder-feature-list li {
	font-size: 1.1rem !important;
	line-height: 1.65 !important;
	max-width: 72ch !important;
}

/* —— Clarity Method timeline —— */
.fixstable-demo-consultant-v336-method .fixstable-builder-row {
	align-items: center !important;
	gap: 72px !important;
}

.fixstable-demo-consultant-v336-method .fixstable-builder-feature-list {
	counter-reset: clarity-step;
	margin-top: 40px !important;
}

.fixstable-demo-consultant-v336-method .fixstable-builder-feature-list li {
	display: grid !important;
	grid-template-columns: 72px minmax(0, 1fr) !important;
	gap: 28px !important;
	align-items: start !important;
	padding: 32px 0 !important;
	border-bottom-color: rgba(16, 32, 51, 0.1) !important;
}

.fixstable-demo-consultant-v336-method .fixstable-builder-feature-list li::before {
	display: block !important;
	position: static !important;
	counter-increment: clarity-step;
	content: counter(clarity-step, decimal-leading-zero) !important;
	width: auto !important;
	height: auto !important;
	border-radius: 0 !important;
	background: none !important;
	font-size: 1.75rem !important;
	font-weight: 700 !important;
	color: var(--consultant-gold) !important;
	letter-spacing: -0.02em !important;
	line-height: 1 !important;
	padding-top: 4px !important;
}

.fixstable-demo-consultant-v336-method .fixstable-builder-image img {
	min-height: 440px !important;
	object-fit: cover !important;
	border-radius: 2px !important;
}

/* —— Dark outcomes / case-study band —— */
.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-consultant-v336-outcomes,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-consultant-v336-outcomes {
	background: linear-gradient(180deg, #101827 0%, #172033 100%) !important;
	color: var(--consultant-cream) !important;
	border-top: 1px solid rgba(201, 135, 29, 0.22) !important;
	border-bottom: 1px solid rgba(201, 135, 29, 0.22) !important;
}

.fixstable-demo-consultant-v336-outcomes .fixstable-builder-row {
	align-items: start !important;
	gap: 64px !important;
}

.fixstable-demo-consultant-v336-outcomes h3 {
	color: var(--consultant-gold-light) !important;
	font-size: 0.72rem !important;
	letter-spacing: 0.18em !important;
	text-transform: uppercase !important;
}

.fixstable-demo-consultant-v336-outcomes h2 {
	color: var(--consultant-cream) !important;
	font-size: clamp(2rem, 3.6vw, 3.1rem) !important;
	line-height: 1.1 !important;
	max-width: 18ch !important;
}

.fixstable-demo-consultant-v336-outcomes .fixstable-builder-feature-list {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	padding: 0 !important;
	margin-top: 40px !important;
}

.fixstable-demo-consultant-v336-outcomes .fixstable-builder-feature-list .fixstable-builder-commercial-head {
	display: none !important;
}

.fixstable-demo-consultant-v336-outcomes .fixstable-builder-feature-list li {
	border-bottom: 1px solid rgba(250, 247, 240, 0.14) !important;
	padding: 28px 0 !important;
	padding-left: 0 !important;
	color: var(--consultant-cream-soft) !important;
	font-size: 1.08rem !important;
}

.fixstable-demo-consultant-v336-outcomes .fixstable-builder-feature-list li::before {
	display: none !important;
}

.fixstable-demo-consultant-v336-outcomes .fixstable-builder-feature-list li:first-child {
	border-top: 1px solid rgba(250, 247, 240, 0.14) !important;
}

.fixstable-demo-consultant-v336-outcomes [id*="quote"] .fixstable-builder-text p {
	color: var(--consultant-cream) !important;
	font-size: clamp(1.2rem, 2.2vw, 1.5rem) !important;
	font-style: italic !important;
	line-height: 1.55 !important;
	border-left: 3px solid var(--consultant-gold) !important;
	padding-left: 24px !important;
	margin-top: 8px !important;
}

.fixstable-demo-consultant-v336-outcomes [id*="attribution"] .fixstable-builder-text p {
	color: rgba(217, 154, 43, 0.9) !important;
	font-size: 0.88rem !important;
	letter-spacing: 0.04em !important;
	margin-top: 16px !important;
}

.fixstable-demo-consultant-v336-outcomes .fixstable-builder-image img {
	min-height: 320px !important;
	object-fit: cover !important;
	border-radius: 2px !important;
	opacity: 0.94 !important;
}

/* —— Figures / credibility —— */
.fixstable-demo-consultant-v336-figures {
	border-top: 1px solid rgba(16, 32, 51, 0.1) !important;
	border-bottom: 1px solid rgba(16, 32, 51, 0.1) !important;
}

.fixstable-demo-consultant-v336-figures .fixstable-builder-row {
	border-top: 1px solid rgba(16, 32, 51, 0.1) !important;
	padding-top: 56px !important;
	gap: 0 !important;
}

.fixstable-demo-consultant-v336-figures .fixstable-builder-column {
	border-right: 1px solid rgba(16, 32, 51, 0.1) !important;
	padding: 0 40px 8px !important;
}

.fixstable-demo-consultant-v336-figures .fixstable-builder-column:last-child {
	border-right: 0 !important;
}

.fixstable-demo-consultant-v336-figures .fixstable-builder-column h3 {
	font-size: clamp(2.5rem, 4.5vw, 3.75rem) !important;
	color: var(--consultant-ink) !important;
	font-weight: 700 !important;
	letter-spacing: -0.04em !important;
	text-transform: none !important;
	line-height: 1 !important;
	margin-bottom: 12px !important;
}

.fixstable-demo-consultant-v336-figures .fixstable-builder-text p {
	font-size: 0.95rem !important;
	color: var(--consultant-slate) !important;
	line-height: 1.55 !important;
	max-width: 16ch !important;
}

/* —— Thought leadership —— */
.fixstable-demo-consultant-v336-insights .fixstable-builder-row {
	align-items: center !important;
	gap: 72px !important;
}

.fixstable-demo-consultant-v336-insights .fixstable-builder-feature-list li {
	font-size: 1.05rem !important;
}

.fixstable-demo-consultant-v336-insights .fixstable-builder-image img {
	min-height: 400px !important;
	object-fit: cover !important;
	border-radius: 2px !important;
}

.fixstable-demo-consultant-v336-services .fixstable-builder-button,
.fixstable-demo-consultant-v336-insights .fixstable-builder-button {
	border-radius: 2px !important;
	font-weight: 600 !important;
	margin-top: 40px !important;
}

/* —— Final booking CTA —— */
.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-consultant-v336-contact,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-consultant-v336-contact {
	background: var(--consultant-ivory) !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.fixstable-demo-consultant-v336-contact .fixstable-builder-request-section.is-dark-surface {
	background: #101827 !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	color: var(--consultant-cream) !important;
	padding: 72px 56px !important;
}

.fixstable-demo-consultant-v336-contact .fixstable-builder-request-section.is-dark-surface > div h2,
.fixstable-demo-consultant-v336-contact .fixstable-builder-request-section.is-dark-surface > div .fixstable-builder-commercial-eyebrow {
	color: var(--consultant-cream) !important;
}

.fixstable-demo-consultant-v336-contact .fixstable-builder-request-section.is-dark-surface > div h2 {
	font-size: clamp(1.85rem, 3.2vw, 2.65rem) !important;
	line-height: 1.12 !important;
	max-width: 22ch !important;
}

.fixstable-demo-consultant-v336-contact .fixstable-builder-request-section.is-dark-surface > div p,
.fixstable-demo-consultant-v336-contact .fixstable-builder-request-section.is-dark-surface > div .fixstable-builder-commercial-copy p {
	color: var(--consultant-cream-soft) !important;
	font-size: 1.08rem !important;
}

.fixstable-demo-consultant-v336-contact .fixstable-builder-request-section.is-dark-surface aside {
	background: rgba(255, 255, 255, 0.97) !important;
	border-color: rgba(16, 32, 51, 0.1) !important;
	color: var(--consultant-slate) !important;
	border-radius: 2px !important;
}

.fixstable-demo-consultant-v336-contact .fixstable-builder-request-section.is-dark-surface aside p,
.fixstable-demo-consultant-v336-contact .fixstable-builder-request-section.is-dark-surface aside li {
	color: var(--consultant-slate) !important;
}

.fixstable-demo-consultant-v336-contact .fixstable-builder-request-section.is-dark-surface aside li::before {
	background: var(--consultant-gold) !important;
}

.fixstable-demo-consultant-v336-contact .fixstable-builder-section-inner {
	background: #101827 !important;
	padding-bottom: 56px !important;
}

.fixstable-demo-consultant-v336-contact .fixstable-builder-section-inner > .fixstable-builder-button {
	margin: 0 56px !important;
	border-radius: 2px !important;
	font-weight: 600 !important;
}

/* —— Bright-mode override guard —— */
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section[class*="fixstable-demo-consultant-v336-hero"] .fixstable-builder-heading,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section[class*="fixstable-demo-consultant-v336-hero"] h2,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section[class*="fixstable-demo-consultant-v336-hero"] p,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section[class*="fixstable-demo-consultant-v336-hero"] .fixstable-builder-text p {
	color: var(--consultant-cream) !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-demo-consultant-v336-outcomes .fixstable-builder-heading,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-demo-consultant-v336-outcomes h2,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-demo-consultant-v336-outcomes p,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-demo-consultant-v336-outcomes li {
	color: var(--consultant-cream-soft) !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-demo-consultant-v336-outcomes h2 {
	color: var(--consultant-cream) !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section[class*="fixstable-demo-consultant-v336"]:not(.fixstable-demo-consultant-v336-hero):not(.fixstable-demo-consultant-v336-outcomes):not(.fixstable-demo-consultant-v336-contact) .fixstable-builder-heading,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section[class*="fixstable-demo-consultant-v336"]:not(.fixstable-demo-consultant-v336-hero):not(.fixstable-demo-consultant-v336-outcomes):not(.fixstable-demo-consultant-v336-contact) h2 {
	color: var(--consultant-ink) !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section[class*="fixstable-demo-consultant-v336"]:not(.fixstable-demo-consultant-v336-hero):not(.fixstable-demo-consultant-v336-outcomes):not(.fixstable-demo-consultant-v336-contact) p,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section[class*="fixstable-demo-consultant-v336"]:not(.fixstable-demo-consultant-v336-hero):not(.fixstable-demo-consultant-v336-outcomes):not(.fixstable-demo-consultant-v336-contact) li {
	color: var(--consultant-slate) !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section[class*="fixstable-demo-consultant"] .fixstable-builder-request-section.is-dark-surface aside p,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section[class*="fixstable-demo-consultant"] .fixstable-builder-request-section.is-dark-surface aside li {
	color: #475569 !important;
}

@media (max-width: 767px) {
	.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-consultant-v336-hero,
	.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-consultant-v336-hero {
		min-height: auto !important;
	}

	.fixstable-demo-consultant-v336-hero h2 {
		max-width: none !important;
		font-size: 2.15rem !important;
	}

	.fixstable-demo-consultant-v336-hero .fixstable-builder-row,
	.fixstable-demo-consultant-v336-authority .fixstable-builder-row,
	.fixstable-demo-consultant-v336-method .fixstable-builder-row,
	.fixstable-demo-consultant-v336-outcomes .fixstable-builder-row,
	.fixstable-demo-consultant-v336-insights .fixstable-builder-row {
		flex-direction: column !important;
		gap: 40px !important;
		min-height: auto !important;
	}

	.fixstable-demo-consultant-v336-hero .fixstable-builder-image img,
	.fixstable-demo-consultant-v336-authority .fixstable-builder-image img {
		min-height: 320px !important;
	}

	.fixstable-demo-consultant-v336-figures .fixstable-builder-row {
		flex-direction: column !important;
		gap: 0 !important;
	}

	.fixstable-demo-consultant-v336-figures .fixstable-builder-column {
		border-right: 0 !important;
		border-bottom: 1px solid rgba(16, 32, 51, 0.1) !important;
		padding: 32px 0 !important;
	}

	.fixstable-demo-consultant-v336-figures .fixstable-builder-column:last-child {
		border-bottom: 0 !important;
	}

	.fixstable-demo-consultant-v336-contact .fixstable-builder-request-section.is-dark-surface {
		padding: 48px 24px !important;
	}

	.fixstable-demo-consultant-v336-contact .fixstable-builder-section-inner > .fixstable-builder-button {
		margin: 0 24px !important;
	}

	.fixstable-demo-consultant-v336-method .fixstable-builder-feature-list li {
		grid-template-columns: 48px minmax(0, 1fr) !important;
		gap: 16px !important;
	}
}

/*
 * Phase 3.33.7 — Consultant / Expert Pro premium finishing pass.
 */
body.fixstable-builder-page:has(.fixstable-demo-consultant-v336-hero) .fixstable-builder-site-header {
	border-bottom-color: rgba(16, 32, 51, 0.08) !important;
	box-shadow: none !important;
}

body.fixstable-builder-page:has(.fixstable-demo-consultant-v336-hero) .fixstable-builder-site-footer {
	background: #101827 !important;
	color: #faf7f0 !important;
	border-top: 1px solid rgba(201, 135, 29, 0.28) !important;
	padding-top: 72px !important;
	padding-bottom: 48px !important;
}

body.fixstable-builder-page:has(.fixstable-demo-consultant-v336-hero) .fixstable-builder-site-footer-inner {
	display: grid !important;
	grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.8fr) auto !important;
	gap: 40px 56px !important;
	align-items: start !important;
	max-width: 1240px !important;
}

body.fixstable-builder-page:has(.fixstable-demo-consultant-v336-hero) .fixstable-builder-site-footer-logo-text {
	font-size: 1.15rem !important;
	font-weight: 700 !important;
	letter-spacing: -0.02em !important;
	color: #faf7f0 !important;
}

body.fixstable-builder-page:has(.fixstable-demo-consultant-v336-hero) .fixstable-builder-site-footer-tagline {
	margin: 12px 0 0 !important;
	max-width: 28ch !important;
	font-size: 0.95rem !important;
	line-height: 1.6 !important;
	color: rgba(250, 247, 240, 0.72) !important;
}

body.fixstable-builder-page:has(.fixstable-demo-consultant-v336-hero) .fixstable-builder-site-footer-nav a {
	color: rgba(250, 247, 240, 0.84) !important;
	font-size: 0.92rem !important;
	letter-spacing: 0.02em !important;
}

body.fixstable-builder-page:has(.fixstable-demo-consultant-v336-hero) .fixstable-builder-site-footer-nav a:hover {
	color: #d99a2b !important;
}

body.fixstable-builder-page:has(.fixstable-demo-consultant-v336-hero) .fixstable-builder-site-footer-support {
	background: #c9871d !important;
	color: #101827 !important;
	border: 0 !important;
	border-radius: 2px !important;
	font-weight: 600 !important;
	font-size: 0.88rem !important;
	letter-spacing: 0.04em !important;
	padding: 14px 22px !important;
}

body.fixstable-builder-page:has(.fixstable-demo-consultant-v336-hero) .fixstable-builder-site-footer-copy {
	grid-column: 1 / -1 !important;
	margin: 8px 0 0 !important;
	padding-top: 28px !important;
	border-top: 1px solid rgba(250, 247, 240, 0.12) !important;
	font-size: 0.82rem !important;
	color: rgba(250, 247, 240, 0.55) !important;
	letter-spacing: 0.03em !important;
}

/* —— Editorial row markup —— */
.fixstable-builder-editorial-row-label,
.fixstable-builder-editorial-row-body {
	display: block !important;
}

.fixstable-builder-feature-list.is-consultant-editorial-row li {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) !important;
	gap: 10px !important;
}

/* —— Hero premium composition —— */
.fixstable-demo-consultant-v336-hero .fixstable-builder-section-inner {
	width: min(100%, 1240px) !important;
	margin: 0 auto !important;
	padding-left: clamp(20px, 4vw, 48px) !important;
	padding-right: clamp(20px, 4vw, 48px) !important;
}

.fixstable-demo-consultant-v336-hero h2 {
	font-size: clamp(3rem, 7vw, 5.25rem) !important;
	line-height: 0.98 !important;
	max-width: 11.5ch !important;
	margin-bottom: 32px !important;
}

.fixstable-demo-consultant-v336-hero h3 {
	font-size: 0.78rem !important;
	margin-bottom: 28px !important;
}

.fixstable-demo-consultant-v336-hero .fixstable-builder-text p {
	font-size: clamp(1.15rem, 2.1vw, 1.42rem) !important;
	line-height: 1.62 !important;
	max-width: 40ch !important;
	margin-bottom: 0 !important;
}

.fixstable-demo-consultant-v336-hero .fixstable-builder-column:first-child {
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	gap: 0 !important;
	padding-right: clamp(0px, 2vw, 24px) !important;
}

.fixstable-demo-consultant-v336-hero .fixstable-builder-button {
	margin-top: 0 !important;
	margin-right: 0 !important;
}

.fixstable-demo-consultant-v336-hero [id*="primary"],
.fixstable-demo-consultant-v336-hero [id*="secondary"] {
	display: inline-flex !important;
}

.fixstable-demo-consultant-v336-hero [id*="primary"] {
	margin-top: 48px !important;
}

.fixstable-demo-consultant-v336-hero [id*="secondary"] {
	margin-top: 48px !important;
	margin-left: 14px !important;
}

.fixstable-demo-consultant-v336-hero [id*="credibility"] .fixstable-builder-text p {
	font-size: 0.82rem !important;
	letter-spacing: 0.14em !important;
	color: rgba(217, 154, 43, 0.95) !important;
	margin-top: 56px !important;
	padding: 20px 0 0 !important;
	max-width: 46ch !important;
}

.fixstable-demo-consultant-v336-hero .fixstable-builder-text:last-child p {
	font-size: inherit !important;
	letter-spacing: inherit !important;
	text-transform: none !important;
	color: inherit !important;
	margin-top: inherit !important;
	padding-top: inherit !important;
	border-top: 0 !important;
}

.fixstable-demo-consultant-v336-hero [id*="credibility"] .fixstable-builder-text p {
	border-top: 1px solid rgba(201, 135, 29, 0.35) !important;
}

.fixstable-demo-consultant-v336-hero .fixstable-builder-image {
	position: relative !important;
}

.fixstable-demo-consultant-v336-hero .fixstable-builder-image::before {
	content: "" !important;
	position: absolute !important;
	inset: 18px -18px -18px 18px !important;
	border: 1px solid rgba(201, 135, 29, 0.35) !important;
	border-radius: 2px !important;
	pointer-events: none !important;
	z-index: 0 !important;
}

.fixstable-demo-consultant-v336-hero .fixstable-builder-image img {
	position: relative !important;
	z-index: 1 !important;
	min-height: 560px !important;
	max-height: 720px !important;
}

/* —— Global typography lift —— */
.fixstable-demo-consultant-v336-authority h3,
.fixstable-demo-consultant-v336-services h3,
.fixstable-demo-consultant-v336-method h3,
.fixstable-demo-consultant-v336-figures h3,
.fixstable-demo-consultant-v336-insights h3,
.fixstable-demo-consultant-v336-outcomes h3 {
	font-size: 0.78rem !important;
	margin-bottom: 20px !important;
}

.fixstable-demo-consultant-v336-authority h2,
.fixstable-demo-consultant-v336-services h2,
.fixstable-demo-consultant-v336-method h2,
.fixstable-demo-consultant-v336-insights h2 {
	font-size: clamp(2.25rem, 4.2vw, 3.55rem) !important;
	line-height: 1.06 !important;
	max-width: 18ch !important;
	margin-bottom: 28px !important;
}

.fixstable-demo-consultant-v336-authority p,
.fixstable-demo-consultant-v336-services p,
.fixstable-demo-consultant-v336-method p,
.fixstable-demo-consultant-v336-insights p,
.fixstable-demo-consultant-v336-authority li,
.fixstable-demo-consultant-v336-services li,
.fixstable-demo-consultant-v336-method li,
.fixstable-demo-consultant-v336-insights li {
	font-size: 1.0625rem !important;
	line-height: 1.72 !important;
}

.fixstable-demo-consultant-v336-services [id*="intro"] .fixstable-builder-text p,
.fixstable-demo-consultant-v336-insights [id*="intro"] .fixstable-builder-text p {
	font-size: 1.125rem !important;
	max-width: 52ch !important;
	color: #475569 !important;
}

/* —— Service rows —— */
.fixstable-demo-consultant-v336-services .is-consultant-service-rows li {
	grid-template-columns: minmax(8.5rem, 10rem) minmax(0, 1fr) !important;
	gap: 12px 40px !important;
	padding: 44px 0 !important;
	align-items: start !important;
}

.fixstable-demo-consultant-v336-services .fixstable-builder-editorial-row-label {
	font-size: 1.2rem !important;
	font-weight: 700 !important;
	color: #102033 !important;
	letter-spacing: -0.025em !important;
	line-height: 1.25 !important;
}

.fixstable-demo-consultant-v336-services .fixstable-builder-editorial-row-body {
	font-size: 1.05rem !important;
	color: #475569 !important;
	line-height: 1.68 !important;
	max-width: 58ch !important;
}

/* —— Clarity Method centerpiece —— */
.fixstable-demo-consultant-v336-method {
	position: relative !important;
}

.fixstable-demo-consultant-v336-method .fixstable-builder-section-inner {
	position: relative !important;
	z-index: 1 !important;
}

.fixstable-demo-consultant-v336-method .fixstable-builder-column:first-child {
	padding: 48px 48px 48px 0 !important;
	border-right: 1px solid rgba(16, 32, 51, 0.08) !important;
}

.fixstable-demo-consultant-v336-method .is-consultant-method-steps {
	counter-reset: method-step !important;
	margin-top: 48px !important;
}

.fixstable-demo-consultant-v336-method .is-consultant-method-steps li {
	grid-template-columns: 64px minmax(0, 1fr) !important;
	gap: 24px 32px !important;
	padding: 36px 0 !important;
	align-items: start !important;
}

.fixstable-demo-consultant-v336-method .is-consultant-method-steps li::before {
	display: none !important;
}

.fixstable-demo-consultant-v336-method .is-consultant-method-steps li::after {
	counter-increment: method-step !important;
	content: counter(method-step, decimal-leading-zero) !important;
	grid-column: 1 !important;
	grid-row: 1 / span 2 !important;
	font-size: 2rem !important;
	font-weight: 700 !important;
	color: #c9871d !important;
	line-height: 1 !important;
	letter-spacing: -0.03em !important;
}

.fixstable-demo-consultant-v336-method .fixstable-builder-editorial-row-label {
	grid-column: 2 !important;
	font-size: 1.35rem !important;
	font-weight: 700 !important;
	color: #102033 !important;
	letter-spacing: -0.02em !important;
}

.fixstable-demo-consultant-v336-method .fixstable-builder-editorial-row-body {
	grid-column: 2 !important;
	font-size: 1.05rem !important;
	color: #475569 !important;
	line-height: 1.68 !important;
	max-width: 46ch !important;
}

.fixstable-demo-consultant-v336-method .fixstable-builder-image img {
	min-height: 500px !important;
	box-shadow: 0 36px 80px rgba(16, 32, 51, 0.16) !important;
}

/* —— Dark outcomes band —— */
.fixstable-demo-consultant-v336-outcomes h2 {
	font-size: clamp(2.25rem, 4vw, 3.4rem) !important;
	max-width: 16ch !important;
	margin-bottom: 12px !important;
}

.fixstable-demo-consultant-v336-outcomes .is-consultant-outcome-rows li {
	grid-template-columns: minmax(0, 1fr) !important;
	gap: 8px !important;
	padding: 32px 0 !important;
}

.fixstable-demo-consultant-v336-outcomes .fixstable-builder-editorial-row-label {
	font-size: 1.15rem !important;
	font-weight: 600 !important;
	color: #faf7f0 !important;
	letter-spacing: -0.01em !important;
}

.fixstable-demo-consultant-v336-outcomes .fixstable-builder-editorial-row-body {
	font-size: 1.02rem !important;
	color: rgba(250, 247, 240, 0.82) !important;
	line-height: 1.65 !important;
	max-width: 52ch !important;
}

.fixstable-demo-consultant-v336-outcomes [id*="aside"] .fixstable-builder-column,
.fixstable-demo-consultant-v336-outcomes .fixstable-builder-row > .fixstable-builder-column:last-child {
	display: flex !important;
	flex-direction: column !important;
	gap: 32px !important;
}

.fixstable-demo-consultant-v336-outcomes .fixstable-builder-image img {
	min-height: 360px !important;
	margin-top: auto !important;
}

/* —— Figures / proof —— */
.fixstable-demo-consultant-v336-figures h3:first-of-type {
	font-size: 0.78rem !important;
	text-transform: uppercase !important;
	letter-spacing: 0.18em !important;
	color: #c9871d !important;
	margin-bottom: 32px !important;
}

.fixstable-demo-consultant-v336-figures .fixstable-builder-column h3 {
	font-size: clamp(3rem, 5.5vw, 4.5rem) !important;
	margin-bottom: 16px !important;
}

.fixstable-demo-consultant-v336-figures .fixstable-builder-text p {
	font-size: 1rem !important;
	max-width: 18ch !important;
	line-height: 1.5 !important;
}

.fixstable-demo-consultant-v336-figures .fixstable-builder-column {
	padding: 16px 48px 24px !important;
}

/* —— Thought leadership —— */
.fixstable-demo-consultant-v336-insights .is-consultant-resource-rows li {
	grid-template-columns: minmax(10rem, 14rem) minmax(0, 1fr) !important;
	gap: 12px 40px !important;
	padding: 36px 0 !important;
	align-items: baseline !important;
}

.fixstable-demo-consultant-v336-insights .fixstable-builder-editorial-row-label {
	font-size: 1.12rem !important;
	font-weight: 700 !important;
	color: #102033 !important;
	letter-spacing: -0.015em !important;
}

.fixstable-demo-consultant-v336-insights .fixstable-builder-editorial-row-body {
	font-size: 1.02rem !important;
	color: #475569 !important;
	line-height: 1.65 !important;
}

.fixstable-demo-consultant-v336-insights .fixstable-builder-image img {
	min-height: 440px !important;
	box-shadow: 0 28px 64px rgba(16, 32, 51, 0.12) !important;
}

/* —— Final CTA —— */
.fixstable-demo-consultant-v336-contact .fixstable-builder-section-inner {
	max-width: 1240px !important;
	margin: 0 auto !important;
	padding: 0 clamp(20px, 4vw, 48px) !important;
	background: transparent !important;
}

.fixstable-demo-consultant-v336-contact .fixstable-builder-request-section.is-dark-surface {
	display: grid !important;
	grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.65fr) !important;
	gap: 48px 56px !important;
	align-items: start !important;
	padding: 88px clamp(32px, 5vw, 72px) !important;
	margin: 0 !important;
	min-height: auto !important;
}

.fixstable-demo-consultant-v336-contact .fixstable-builder-request-section.is-dark-surface > div h2 {
	font-size: clamp(2rem, 3.6vw, 3rem) !important;
	line-height: 1.08 !important;
	max-width: 18ch !important;
	margin-bottom: 20px !important;
}

.fixstable-demo-consultant-v336-contact .fixstable-builder-request-section.is-dark-surface > div .fixstable-builder-commercial-eyebrow {
	font-size: 0.78rem !important;
	letter-spacing: 0.16em !important;
	margin-bottom: 16px !important;
	display: block !important;
}

.fixstable-demo-consultant-v336-contact .fixstable-builder-request-section.is-dark-surface > div p,
.fixstable-demo-consultant-v336-contact .fixstable-builder-request-section.is-dark-surface > div .fixstable-builder-commercial-copy p {
	font-size: 1.12rem !important;
	line-height: 1.65 !important;
	max-width: 42ch !important;
}

.fixstable-demo-consultant-v336-contact .fixstable-builder-request-section.is-dark-surface > div .fixstable-builder-commercial-actions {
	margin-top: 32px !important;
}

.fixstable-demo-consultant-v336-contact .fixstable-builder-request-section.is-dark-surface aside {
	padding: 28px 28px 32px !important;
	align-self: stretch !important;
	border: 1px solid rgba(16, 32, 51, 0.08) !important;
	box-shadow: 0 16px 40px rgba(16, 32, 51, 0.08) !important;
}

.fixstable-demo-consultant-v336-contact .fixstable-builder-request-section.is-dark-surface aside p {
	font-size: 0.88rem !important;
	font-weight: 600 !important;
	letter-spacing: 0.06em !important;
	text-transform: uppercase !important;
	color: #102033 !important;
	margin-bottom: 8px !important;
}

.fixstable-demo-consultant-v336-contact .fixstable-builder-section-inner {
	background: #101827 !important;
	border-radius: 2px !important;
	overflow: hidden !important;
	padding-bottom: 0 !important;
}

.fixstable-demo-consultant-v336-contact .fixstable-builder-section-inner > .fixstable-builder-button {
	display: inline-flex !important;
	margin: 0 0 48px clamp(32px, 5vw, 72px) !important;
	padding: 16px 28px !important;
	border: 1px solid rgba(250, 247, 240, 0.35) !important;
	background: transparent !important;
	color: #faf7f0 !important;
}

@media (max-width: 900px) {
	.fixstable-demo-consultant-v336-contact .fixstable-builder-request-section.is-dark-surface {
		grid-template-columns: 1fr !important;
		padding: 56px 28px !important;
	}

	.fixstable-demo-consultant-v336-contact .fixstable-builder-section-inner > .fixstable-builder-button {
		margin: 0 28px 40px !important;
	}

	body.fixstable-builder-page:has(.fixstable-demo-consultant-v336-hero) .fixstable-builder-site-footer-inner {
		grid-template-columns: 1fr !important;
		gap: 28px !important;
	}
}

@media (max-width: 767px) {
	.fixstable-demo-consultant-v336-hero h2 {
		font-size: 2.35rem !important;
	}

	.fixstable-demo-consultant-v336-hero [id*="secondary"] {
		margin-left: 0 !important;
		margin-top: 12px !important;
	}

	.fixstable-demo-consultant-v336-hero [id*="primary"] {
		margin-top: 36px !important;
	}

	.fixstable-demo-consultant-v336-services .is-consultant-service-rows li,
	.fixstable-demo-consultant-v336-insights .is-consultant-resource-rows li {
		grid-template-columns: 1fr !important;
		gap: 8px !important;
		padding: 28px 0 !important;
	}

	.fixstable-demo-consultant-v336-method .fixstable-builder-column:first-child {
		padding: 0 !important;
		border-right: 0 !important;
	}

	.fixstable-demo-consultant-v336-figures .fixstable-builder-column {
		padding: 24px 0 !important;
	}
}

.fixstable-builder-spacer {
	display: block;
	width: 100%;
}

.fixstable-builder-divider {
	display: block;
	margin: 24px auto;
	max-width: 100%;
}

.fixstable-builder-preview-spacer {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	border: 1px dashed rgba(148, 163, 184, 0.65);
	border-radius: 8px;
	background: rgba(248, 250, 252, 0.85);
	color: #64748b;
	font-size: 12px;
}

.fixstable-builder-preview-spacer span {
	pointer-events: none;
}

.fixstable-builder-preview-divider {
	margin: 16px 0;
}

/* ===========================================================================
 * Phase 4.1.2 / 4.1.4 — Kit wordmark brands + mobile nav accent theming
 * Wordmark-first logos: brand name is primary; monogram mark is visually hidden.
 * ======================================================================== */

.fixstable-builder-site-brand-lockup,
.fixstable-builder-site-footer-brand-lockup,
.fixstable-builder-site-wordmark-lockup {
	display: inline-flex;
	align-items: center;
	min-width: 0;
	max-width: 100%;
}

.fixstable-builder-site-wordmark-lockup {
	gap: 0;
}

.fixstable-builder-site-brand:has(.fixstable-builder-site-brand-wordmark) {
	gap: 0;
	min-width: 0;
	max-width: min(100%, 240px);
}

.fixstable-builder-site-footer-brand {
	min-width: 0;
}

.fixstable-builder-site-wordmark-lockup .fixstable-builder-site-brand-mark {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.fixstable-builder-site-brand-wordmark {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0.18em;
	min-width: 0;
	max-width: 100%;
	line-height: 1.15;
	white-space: normal;
	overflow: visible;
	text-overflow: unset;
}

.fixstable-brand-wordmark-line {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0.2em;
	min-width: 0;
}

.fixstable-builder-site-footer-brand-lockup .fixstable-builder-site-brand-wordmark {
	font-size: 0.94em;
}

@media (max-width: 768px) {
	.fixstable-builder-site-brand:has(.fixstable-builder-site-brand-wordmark) {
		max-width: min(100%, 58vw);
	}

	.fixstable-builder-site-brand-wordmark {
		font-size: clamp(0.74rem, 3.1vw, 0.95rem);
	}
}

@media (min-width: 769px) {
	.fixstable-builder-site-brand:has(.fixstable-builder-site-brand-wordmark) {
		max-width: min(100%, 17rem);
	}

	.fixstable-demo-kit-local-service .fixstable-builder-site-brand:has(.fixstable-builder-site-brand-wordmark) {
		max-width: min(100%, 19rem);
	}
}

/* Legacy lockups without wordmark still truncate. */
.fixstable-builder-site-logo-text:not(.fixstable-builder-site-brand-wordmark),
.fixstable-builder-site-footer-logo-text:not(.fixstable-builder-site-brand-wordmark) {
	min-width: 0;
	max-width: min(100%, 11rem);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 1.2;
}

@media (min-width: 769px) {
	.fixstable-builder-site-logo-text:not(.fixstable-builder-site-brand-wordmark),
	.fixstable-builder-site-footer-logo-text:not(.fixstable-builder-site-brand-wordmark) {
		max-width: min(100%, 16rem);
	}
}

.fixstable-builder-site-header .fixstable-builder-site-nav-toggle {
	appearance: none;
	-webkit-appearance: none;
	font-family: inherit;
	line-height: 1;
	color: var(--fixstable-page-text, #17202a);
	background: rgba(255, 255, 255, 0.92);
}

.fixstable-builder-site-header.fixstable-builder-color-mode-dark .fixstable-builder-site-nav-toggle {
	color: var(--fixstable-page-text, #f8fbff);
	background: rgba(15, 23, 32, 0.72);
	border-color: rgba(255, 255, 255, 0.14);
}

@media (hover: hover) {
	.fixstable-builder-site-header .fixstable-builder-site-nav-toggle:hover {
		color: var(--fixstable-page-primary, #2fa8ff);
		border-color: color-mix(in srgb, var(--fixstable-page-primary, #2fa8ff) 40%, rgba(15, 23, 32, 0.12));
		background: color-mix(in srgb, var(--fixstable-page-primary, #2fa8ff) 8%, #ffffff);
	}

	.fixstable-builder-site-header.fixstable-builder-color-mode-dark .fixstable-builder-site-nav-toggle:hover {
		background: color-mix(in srgb, var(--fixstable-page-primary, #2fa8ff) 14%, rgba(15, 23, 32, 0.92));
	}
}

.fixstable-builder-site-header.has-mobile-nav.is-mobile-nav-open .fixstable-builder-site-nav-link:hover,
.fixstable-builder-site-header.has-mobile-nav.is-mobile-nav-open .fixstable-builder-site-nav-link:focus-visible {
	color: var(--fixstable-page-primary, #2fa8ff);
}

/* --- Northstar Studio: professional studio wordmark --- */
.fixstable-demo-kit-business-portfolio .fixstable-builder-site-brand-wordmark {
	font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.fixstable-demo-kit-business-portfolio .fixstable-brand-wordmark-lead {
	font-weight: 800;
	letter-spacing: 0;
	color: #0f172a;
}

.fixstable-demo-kit-business-portfolio .fixstable-brand-wordmark-lead::before {
	content: "";
	display: inline-block;
	width: 0.42em;
	height: 0.42em;
	margin-right: 0.38em;
	border-radius: 50%;
	background: #2563eb;
	box-shadow: 0 0 0 0.22em rgba(37, 99, 235, 0.14);
	vertical-align: 0.08em;
}

.fixstable-demo-kit-business-portfolio .fixstable-brand-wordmark-tail {
	font-weight: 600;
	color: #2563eb;
	letter-spacing: 0;
}

.fixstable-demo-kit-business-portfolio.fixstable-builder-color-mode-dark .fixstable-brand-wordmark-lead {
	color: inherit;
}

/* --- Northstar Studio: premium overlay header and hero --- */
body.fixstable-builder-northstar-hero-page .page-content,
body.fixstable-builder-page:has(.fixstable-demo-northstar-premium-hero) .page-content,
body.fixstable-builder-page:has(.fixstable-demo-northstar-premium-hero) .site-main {
	position: relative;
}

body.fixstable-builder-northstar-hero-page .fixstable-builder-site-header.fixstable-northstar-overlay-header,
body.fixstable-builder-page:has(.fixstable-demo-northstar-premium-hero) .fixstable-builder-site-header.fixstable-northstar-overlay-header {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 40;
	color: #fffaf0;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	backdrop-filter: none !important;
}

body.fixstable-builder-northstar-hero-page .fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-builder-site-header-inner,
body.fixstable-builder-page:has(.fixstable-demo-northstar-premium-hero) .fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-builder-site-header-inner {
	display: grid;
	grid-template-columns: minmax(0, auto) minmax(0, 1fr) auto;
	align-items: center;
	gap: clamp(16px, 2.4vw, 28px);
	width: min(calc(100% - 48px), 1180px);
	max-width: 1180px;
	margin: 0 auto;
	padding-top: clamp(18px, 2vw, 24px) !important;
	padding-bottom: clamp(14px, 1.6vw, 18px) !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

body.fixstable-builder-northstar-hero-page .fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-builder-site-brand,
body.fixstable-builder-page:has(.fixstable-demo-northstar-premium-hero) .fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-builder-site-brand,
body.fixstable-builder-northstar-hero-page .fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-builder-site-brand:hover,
body.fixstable-builder-page:has(.fixstable-demo-northstar-premium-hero) .fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-builder-site-brand:hover,
body.fixstable-builder-northstar-hero-page .fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-builder-site-logo-text,
body.fixstable-builder-page:has(.fixstable-demo-northstar-premium-hero) .fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-builder-site-logo-text,
body.fixstable-builder-northstar-hero-page .fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-builder-site-nav-link,
body.fixstable-builder-page:has(.fixstable-demo-northstar-premium-hero) .fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-builder-site-nav-link {
	color: rgba(255, 250, 240, 0.94) !important;
}

body.fixstable-builder-northstar-hero-page .fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-builder-site-logo-mark,
body.fixstable-builder-page:has(.fixstable-demo-northstar-premium-hero) .fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-builder-site-logo-mark {
	display: none;
}

body.fixstable-builder-northstar-hero-page .fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-brand-wordmark-lead,
body.fixstable-builder-page:has(.fixstable-demo-northstar-premium-hero) .fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-brand-wordmark-lead {
	color: #ffffff !important;
	font-weight: 700;
	letter-spacing: 0;
}

body.fixstable-builder-northstar-hero-page .fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-brand-wordmark-lead::before,
body.fixstable-builder-page:has(.fixstable-demo-northstar-premium-hero) .fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-brand-wordmark-lead::before,
.fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-brand-wordmark-lead::before {
	background: #21c8d6;
	box-shadow: none;
}

body.fixstable-builder-northstar-hero-page .fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-brand-wordmark-tail,
body.fixstable-builder-page:has(.fixstable-demo-northstar-premium-hero) .fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-brand-wordmark-tail {
	color: rgba(255, 250, 240, 0.72) !important;
	font-weight: 500;
}

body.fixstable-builder-northstar-hero-page .fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-builder-site-nav,
body.fixstable-builder-page:has(.fixstable-demo-northstar-premium-hero) .fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-builder-site-nav {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: clamp(14px, 2vw, 24px);
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

body.fixstable-builder-northstar-hero-page .fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-builder-site-nav-link,
body.fixstable-builder-page:has(.fixstable-demo-northstar-premium-hero) .fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-builder-site-nav-link {
	position: relative;
	display: inline-flex;
	align-items: center;
	padding: 0 0 7px;
	font-family: "Segoe UI", system-ui, -apple-system, sans-serif;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0.05em;
	line-height: 1.35;
	opacity: 0.9;
}

body.fixstable-builder-northstar-hero-page .fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-builder-site-nav-link.is-active,
body.fixstable-builder-page:has(.fixstable-demo-northstar-premium-hero) .fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-builder-site-nav-link.is-active {
	color: #ffffff !important;
	opacity: 1;
}

body.fixstable-builder-northstar-hero-page .fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-builder-site-nav-link.is-active::before,
body.fixstable-builder-page:has(.fixstable-demo-northstar-premium-hero) .fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-builder-site-nav-link.is-active::before,
.fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-builder-site-nav-link.is-active::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	border-radius: 0;
	background: #21c8d6;
}

body.fixstable-builder-northstar-hero-page .fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-builder-site-nav-link:hover,
body.fixstable-builder-page:has(.fixstable-demo-northstar-premium-hero) .fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-builder-site-nav-link:hover,
body.fixstable-builder-northstar-hero-page .fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-builder-site-nav-link:focus-visible,
body.fixstable-builder-page:has(.fixstable-demo-northstar-premium-hero) .fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-builder-site-nav-link:focus-visible {
	color: #ffffff !important;
	opacity: 1;
}

body.fixstable-builder-northstar-hero-page .fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-builder-site-header-cta,
body.fixstable-builder-page:has(.fixstable-demo-northstar-premium-hero) .fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-builder-site-header-cta,
.fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-builder-site-header-cta {
	min-height: 40px;
	padding: 0 18px;
	color: #06110f !important;
	background: #21c8d6 !important;
	border: 1px solid #21c8d6 !important;
	box-shadow: none !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0 !important;
	font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0 !important;
	text-align: center !important;
	text-align-last: center !important;
	white-space: nowrap;
	word-spacing: 0 !important;
}

body.fixstable-builder-northstar-hero-page .fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-builder-site-nav-toggle,
body.fixstable-builder-page:has(.fixstable-demo-northstar-premium-hero) .fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-builder-site-nav-toggle,
.fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-builder-site-nav-toggle {
	color: rgba(255, 250, 240, 0.92);
	background: transparent;
	border-color: rgba(255, 250, 240, 0.28);
}

.fixstable-builder-site-header.fixstable-northstar-overlay-header {
	position: relative;
	color: #f6f8fb;
	background: rgba(255, 255, 255, 0.98) !important;
	border-bottom: 1px solid rgba(12, 24, 31, 0.08) !important;
	box-shadow: 0 12px 34px rgba(12, 24, 31, 0.16) !important;
	backdrop-filter: blur(14px);
}

.fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-builder-site-header-inner {
	display: grid;
	grid-template-columns: minmax(0, auto) minmax(0, 1fr) auto;
	align-items: center;
	gap: clamp(16px, 2.4vw, 28px);
	width: min(calc(100% - 48px), 1180px);
	max-width: 1180px;
	margin: 0 auto;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-builder-site-logo-mark {
	display: none;
}

.fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-brand-wordmark-lead {
	color: #0f1f24 !important;
	font-weight: 700;
	letter-spacing: 0;
}

.fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-brand-wordmark-tail {
	color: #27707a !important;
}

.fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-builder-site-nav {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: clamp(14px, 2vw, 24px);
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-builder-site-nav-link {
	position: relative;
	display: inline-flex;
	align-items: center;
	padding: 0 0 7px;
	color: rgba(20, 34, 39, 0.78) !important;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1.35;
	opacity: 0.9;
}

.fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-builder-site-nav-link:hover,
.fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-builder-site-nav-link:focus-visible,
.fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-builder-site-nav-link.is-active {
	color: #0f1f24 !important;
	opacity: 1;
}

.fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-builder-site-nav-link.is-active::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	background: #21c8d6;
}

.fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-builder-site-nav-toggle {
	color: #142227;
	background: rgba(255, 255, 255, 0.82);
	border-color: rgba(12, 24, 31, 0.12);
	box-shadow: none;
}

.fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-northstar-header-actions {
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
	gap: 14px;
	min-width: 0;
}

.fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-northstar-header-utilities {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-northstar-header-utility {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	min-width: 34px;
	height: 34px;
	min-height: 34px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 999px;
	color: rgba(20, 34, 39, 0.72);
	background: transparent;
	text-decoration: none;
	box-shadow: none;
	font: inherit;
	line-height: 1;
	transition: color 0.18s ease, background-color 0.18s ease;
}

.fixstable-builder-site-header.fixstable-northstar-overlay-header button.fixstable-northstar-header-utility {
	appearance: none;
	cursor: pointer;
}

.fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-northstar-header-utility:hover,
.fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-northstar-header-utility:focus-visible {
	color: #0f1f24;
	background: rgba(33, 200, 214, 0.1);
}

.fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-northstar-header-utility svg {
	display: block;
	flex: 0 0 20px;
	width: 20px;
	height: 20px;
	overflow: visible;
	color: currentColor;
}

.fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-northstar-header-utility svg path,
.fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-northstar-header-utility svg rect,
.fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-northstar-header-utility svg circle {
	vector-effect: non-scaling-stroke;
}

body.fixstable-builder-northstar-hero-page .fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-northstar-header-utility,
body.fixstable-builder-page:has(.fixstable-demo-northstar-premium-hero) .fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-northstar-header-utility {
	color: rgba(255, 250, 240, 0.88);
}

body.fixstable-builder-northstar-hero-page .fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-northstar-header-utility:hover,
body.fixstable-builder-page:has(.fixstable-demo-northstar-premium-hero) .fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-northstar-header-utility:hover,
body.fixstable-builder-northstar-hero-page .fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-northstar-header-utility:focus-visible,
body.fixstable-builder-page:has(.fixstable-demo-northstar-premium-hero) .fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-northstar-header-utility:focus-visible {
	color: #ffffff;
	background: rgba(255, 255, 255, 0.08);
}

@media (max-width: 860px) {
	.fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-northstar-header-utilities {
		display: none;
	}
}

.fixstable-demo-kit-business-portfolio .fixstable-builder-commercial {
	--fixstable-accent: #21c8d6 !important;
}

.fixstable-demo-kit-business-portfolio .fixstable-builder-section:not(.fixstable-demo-northstar-premium-hero) .fixstable-builder-action-link.is-primary,
.fixstable-demo-kit-business-portfolio .fixstable-builder-section:not(.fixstable-demo-northstar-premium-hero) .fixstable-builder-button,
.fixstable-demo-kit-business-portfolio .fixstable-builder-site-footer-support {
	color: #06110f !important;
	background: #21c8d6 !important;
	border-color: #21c8d6 !important;
	box-shadow: none !important;
}

.fixstable-demo-kit-business-portfolio .fixstable-builder-section:not(.fixstable-demo-northstar-premium-hero) .fixstable-builder-action-link.is-primary:hover,
.fixstable-demo-kit-business-portfolio .fixstable-builder-section:not(.fixstable-demo-northstar-premium-hero) .fixstable-builder-button:hover,
.fixstable-demo-kit-business-portfolio .fixstable-builder-site-footer-support:hover,
.fixstable-demo-kit-business-portfolio .fixstable-builder-section:not(.fixstable-demo-northstar-premium-hero) .fixstable-builder-action-link.is-primary:focus-visible,
.fixstable-demo-kit-business-portfolio .fixstable-builder-section:not(.fixstable-demo-northstar-premium-hero) .fixstable-builder-button:focus-visible,
.fixstable-demo-kit-business-portfolio .fixstable-builder-site-footer-support:focus-visible {
	color: #06110f !important;
	background: #25d4df !important;
	border-color: #25d4df !important;
}

.fixstable-demo-northstar-premium-hero {
	position: relative;
	overflow: hidden;
	min-height: clamp(720px, 92vh, 940px);
	color: #fffaf0;
	background: #050b0f !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

.fixstable-demo-northstar-premium-hero::before,
.fixstable-demo-northstar-premium-hero::after {
	display: none;
}

.fixstable-demo-northstar-premium-hero .fixstable-builder-section-inner {
	position: relative;
	z-index: 1;
	width: min(calc(100% - (var(--fixstable-page-rail-gutter, 24px) * 2)), 1180px);
	max-width: 1180px;
	margin: 0 auto;
}

.fixstable-demo-northstar-premium-hero .fixstable-builder-row {
	align-items: center;
}

.fixstable-demo-northstar-premium-hero .fixstable-builder-column {
	position: relative;
	z-index: 1;
}

.fixstable-demo-northstar-premium-hero h3.fixstable-builder-heading:first-child {
	position: relative;
	z-index: 11;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	color: #25d4df !important;
	-webkit-text-fill-color: #25d4df;
	background: transparent;
	font-size: clamp(44px, 5.7vw, 80px);
	font-weight: 600;
	line-height: 0.96;
	letter-spacing: 0;
	text-transform: none;
}

.fixstable-demo-northstar-premium-hero h2.fixstable-builder-heading {
	max-width: 780px;
	color: #fffaf0 !important;
	font-size: clamp(44px, 6.8vw, 92px);
	line-height: 0.98;
	letter-spacing: 0;
}

.fixstable-demo-northstar-premium-hero .fixstable-builder-text,
.fixstable-demo-northstar-premium-hero .fixstable-builder-text p {
	max-width: 660px;
	color: rgba(255, 250, 240, 0.78) !important;
	font-size: clamp(17px, 1.5vw, 20px);
	line-height: 1.7;
}

.fixstable-demo-northstar-premium-hero .fixstable-builder-column > p:has(.fixstable-builder-button) {
	display: inline-flex;
	margin: 8px 14px 0 0;
}

.fixstable-demo-northstar-premium-hero .fixstable-builder-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	min-height: 52px;
	padding: 14px 22px;
	border: 1px solid rgba(255, 250, 240, 0.22);
	border-radius: 999px;
	font-size: 15px;
	font-weight: 800;
	text-decoration: none;
	transition: transform 160ms ease, border-color 160ms ease, background 160ms ease;
}

.fixstable-demo-northstar-premium-hero .fixstable-builder-button:hover,
.fixstable-demo-northstar-premium-hero .fixstable-builder-button:focus-visible {
	transform: none;
}

.fixstable-demo-northstar-premium-hero .fixstable-builder-column > p:nth-of-type(1) .fixstable-builder-button {
	border-color: #21c8d6 !important;
	box-shadow: none !important;
}

.fixstable-demo-northstar-premium-hero .fixstable-builder-column > p:nth-of-type(2) .fixstable-builder-button {
	border-color: rgba(255, 250, 240, 0.22) !important;
}

.fixstable-demo-northstar-premium-hero .fixstable-builder-grid {
	margin-top: 12px;
	background: transparent !important;
}

.fixstable-demo-northstar-premium-hero .fixstable-northstar-proof-card,
.fixstable-demo-northstar-premium-hero .fixstable-northstar-hero-note {
	background: rgba(255, 250, 240, 0.075) !important;
	color: #fffaf0;
	border-color: rgba(255, 250, 240, 0.16) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.08),
		0 18px 42px rgba(0, 0, 0, 0.18);
	backdrop-filter: blur(16px);
}

.fixstable-demo-northstar-premium-hero .fixstable-northstar-proof-card.is-featured {
	border-color: rgba(242, 184, 75, 0.5) !important;
}

.fixstable-demo-northstar-premium-hero .fixstable-northstar-proof-card h3,
.fixstable-demo-northstar-premium-hero .fixstable-northstar-hero-note h3 {
	color: #fffaf0 !important;
	font-size: 16px;
	font-weight: 850;
}

.fixstable-demo-northstar-premium-hero .fixstable-northstar-proof-card .fixstable-builder-text p,
.fixstable-demo-northstar-premium-hero .fixstable-northstar-hero-note .fixstable-builder-text p {
	color: rgba(255, 250, 240, 0.72) !important;
	font-size: 14px;
	line-height: 1.55;
}

.fixstable-demo-northstar-premium-hero .fixstable-builder-image {
	position: relative;
	overflow: visible;
}

.fixstable-demo-northstar-premium-hero .fixstable-builder-image img,
.fixstable-demo-northstar-premium-hero .fixstable-builder-image-placeholder {
	min-height: clamp(360px, 42vw, 540px);
	border-radius: 30px;
	box-shadow:
		0 34px 80px rgba(0, 0, 0, 0.36),
		0 0 0 1px rgba(255, 250, 240, 0.14);
}

.fixstable-demo-northstar-premium-hero .fixstable-builder-image::after {
	display: none;
}

.fixstable-demo-northstar-premium-hero .fixstable-northstar-hero-note {
	position: absolute;
	right: clamp(18px, 4vw, 52px);
	bottom: clamp(16px, 3vw, 42px);
	max-width: 300px;
}

@media (max-width: 980px) {
	body.fixstable-builder-northstar-hero-page .fixstable-builder-site-header.fixstable-northstar-overlay-header,
	body.fixstable-builder-page:has(.fixstable-demo-northstar-premium-hero) .fixstable-builder-site-header.fixstable-northstar-overlay-header {
		position: absolute;
		background: transparent !important;
	}

	body.fixstable-builder-northstar-hero-page .fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-builder-site-header-inner,
	body.fixstable-builder-page:has(.fixstable-demo-northstar-premium-hero) .fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-builder-site-header-inner {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 12px;
	}

	body.fixstable-builder-northstar-hero-page .fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-builder-site-brand,
	body.fixstable-builder-page:has(.fixstable-demo-northstar-premium-hero) .fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-builder-site-brand {
		min-width: 0;
	}

	body.fixstable-builder-northstar-hero-page .fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-builder-site-header-cta,
	body.fixstable-builder-page:has(.fixstable-demo-northstar-premium-hero) .fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-builder-site-header-cta {
		order: 3;
		flex: 1 1 100%;
		width: 100%;
		margin-top: 2px;
	}

	body.fixstable-builder-northstar-hero-page .fixstable-builder-site-header.fixstable-northstar-overlay-header.has-mobile-nav.is-mobile-nav-open .fixstable-builder-site-nav,
	body.fixstable-builder-page:has(.fixstable-demo-northstar-premium-hero) .fixstable-builder-site-header.fixstable-northstar-overlay-header.has-mobile-nav.is-mobile-nav-open .fixstable-builder-site-nav {
		order: 4;
		display: flex !important;
		flex-basis: 100%;
		flex-direction: column;
		align-items: stretch;
		gap: 0;
		width: 100%;
		margin-top: 2px;
		padding: 10px;
		background: linear-gradient(180deg, rgba(6, 17, 15, 0.98), rgba(7, 22, 20, 0.94)) !important;
		border: 1px solid rgba(33, 200, 214, 0.14);
		border-radius: 20px;
		box-shadow: 0 20px 44px rgba(0, 0, 0, 0.28);
		backdrop-filter: blur(18px);
	}

	body.fixstable-builder-northstar-hero-page .fixstable-builder-site-header.fixstable-northstar-overlay-header.has-mobile-nav.is-mobile-nav-open .fixstable-builder-site-nav a,
	body.fixstable-builder-page:has(.fixstable-demo-northstar-premium-hero) .fixstable-builder-site-header.fixstable-northstar-overlay-header.has-mobile-nav.is-mobile-nav-open .fixstable-builder-site-nav a {
		width: 100%;
		padding: 14px 16px;
		border-radius: 14px;
		color: rgba(255, 250, 240, 0.94);
		background: rgba(255, 255, 255, 0.02);
		border: 1px solid transparent;
	}

	body.fixstable-builder-northstar-hero-page .fixstable-builder-site-header.fixstable-northstar-overlay-header.has-mobile-nav.is-mobile-nav-open .fixstable-builder-site-nav a:hover,
	body.fixstable-builder-page:has(.fixstable-demo-northstar-premium-hero) .fixstable-builder-site-header.fixstable-northstar-overlay-header.has-mobile-nav.is-mobile-nav-open .fixstable-builder-site-nav a:hover,
	body.fixstable-builder-northstar-hero-page .fixstable-builder-site-header.fixstable-northstar-overlay-header.has-mobile-nav.is-mobile-nav-open .fixstable-builder-site-nav a:focus-visible,
	body.fixstable-builder-page:has(.fixstable-demo-northstar-premium-hero) .fixstable-builder-site-header.fixstable-northstar-overlay-header.has-mobile-nav.is-mobile-nav-open .fixstable-builder-site-nav a:focus-visible {
		color: #ffffff;
		background: rgba(33, 200, 214, 0.12);
		border-color: rgba(33, 200, 214, 0.18);
	}

	.fixstable-demo-northstar-premium-hero {
		min-height: 0;
		padding-top: 132px !important;
		padding-bottom: 68px !important;
	}

	.fixstable-demo-northstar-premium-hero h2.fixstable-builder-heading {
		font-size: clamp(38px, 11vw, 62px);
	}

	.fixstable-demo-northstar-premium-hero .fixstable-builder-grid {
		--fixstable-grid-columns: 1 !important;
	}

	.fixstable-demo-northstar-premium-hero .fixstable-northstar-hero-note {
		position: relative;
		right: auto;
		bottom: auto;
		max-width: none;
	}
}

/* --- Northstar Studio: reference-silhouette full-bleed hero pass --- */
body.fixstable-builder-northstar-hero-page {
	overflow-x: hidden;
}

body.fixstable-builder-page:has(.fixstable-demo-northstar-premium-hero) #content,
body.fixstable-builder-page:has(.fixstable-demo-northstar-premium-hero) .site-main,
body.fixstable-builder-page:has(.fixstable-demo-northstar-premium-hero) .page-content {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.fixstable-demo-northstar-premium-hero {
	position: relative;
	isolation: isolate;
	display: grid;
	align-items: stretch;
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	min-height: 100vh;
	min-height: 100svh;
	padding: 0 !important;
	color: #fffaf0;
	background: #050b0f !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	overflow: hidden;
}

.fixstable-demo-northstar-premium-hero.fixstable-builder-section,
body.fixstable-builder-northstar-hero-page .fixstable-demo-northstar-premium-hero,
.fixstable-builder-frontend:has(.fixstable-demo-northstar-premium-hero) .fixstable-demo-northstar-premium-hero {
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
	border-radius: 0 !important;
}

.fixstable-demo-northstar-premium-hero .fixstable-builder-section-inner {
	position: relative;
	z-index: 1;
	display: grid;
	align-items: center;
	width: 100%;
	max-width: none;
	min-height: 100vh;
	min-height: 100svh;
	margin: 0;
	overflow: hidden;
	border-radius: 0 !important;
}

.fixstable-demo-northstar-premium-hero .fixstable-builder-section-inner::before,
.fixstable-demo-northstar-premium-hero .fixstable-builder-section-inner::after,
.fixstable-demo-northstar-premium-hero .fixstable-builder-row::before,
.fixstable-demo-northstar-premium-hero .fixstable-builder-row::after {
	display: none !important;
	content: none;
}

.fixstable-demo-northstar-premium-hero .fixstable-builder-row {
	position: relative;
	z-index: 3;
	display: grid;
	grid-template-columns: minmax(0, 880px);
	align-items: center;
	width: min(calc(100% - (var(--fixstable-page-rail-gutter, 24px) * 2)), 1180px);
	min-height: 100vh;
	min-height: 100svh;
	margin: 0 auto;
	padding: clamp(132px, 15vh, 180px) 0 clamp(70px, 12vh, 118px);
}

.fixstable-demo-northstar-premium-hero .fixstable-builder-row::before,
.fixstable-demo-northstar-premium-hero .fixstable-builder-row::after {
	display: none !important;
	content: none;
}

.fixstable-demo-northstar-premium-hero .fixstable-builder-row > .fixstable-builder-column:first-child {
	position: relative;
	z-index: 10;
	isolation: isolate;
	display: grid;
	grid-template-columns: auto auto minmax(0, 1fr);
	align-content: center;
	align-items: center;
	max-width: 880px;
	gap: clamp(14px, 2vw, 24px);
}

.fixstable-demo-northstar-premium-hero .fixstable-builder-row > .fixstable-builder-column:first-child > :not(p) {
	grid-column: 1 / -1;
}

.fixstable-demo-northstar-premium-hero .fixstable-builder-row > .fixstable-builder-column:first-child > p {
	display: inline-flex;
	width: fit-content;
	margin: 10px 0 0;
}

.fixstable-demo-northstar-premium-hero .fixstable-builder-row > .fixstable-builder-column:first-child > p:nth-of-type(1) {
	grid-column: 1;
}

.fixstable-demo-northstar-premium-hero .fixstable-builder-row > .fixstable-builder-column:first-child > p:nth-of-type(2) {
	grid-column: 2;
	margin-left: 14px;
}

.fixstable-demo-northstar-premium-hero .fixstable-builder-row > .fixstable-builder-column:last-child {
	position: absolute;
	z-index: 0;
	top: 0;
	bottom: 0;
	left: 50%;
	display: block;
	width: 100vw;
	min-width: 100vw;
	transform: translateX(-50%);
	pointer-events: none;
}

.fixstable-demo-northstar-premium-hero .fixstable-builder-row > .fixstable-builder-column:last-child::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background:
		linear-gradient(90deg, rgba(3, 8, 11, 0.9) 0%, rgba(3, 8, 11, 0.74) 38%, rgba(3, 8, 11, 0.5) 72%, rgba(3, 8, 11, 0.42) 100%),
		linear-gradient(180deg, rgba(3, 8, 11, 0.5) 0%, rgba(3, 8, 11, 0.12) 42%, rgba(3, 8, 11, 0.66) 100%);
}

.fixstable-demo-northstar-premium-hero .fixstable-builder-row > .fixstable-builder-column:last-child .fixstable-builder-image {
	position: absolute;
	inset: 0;
	z-index: 0;
	height: 100%;
	margin: 0;
	overflow: hidden;
}

.fixstable-demo-northstar-premium-hero .fixstable-builder-row > .fixstable-builder-column:last-child .fixstable-builder-image::after {
	display: none;
}

.fixstable-demo-northstar-premium-hero .fixstable-builder-row > .fixstable-builder-column:last-child .fixstable-builder-image img,
.fixstable-demo-northstar-premium-hero .fixstable-builder-row > .fixstable-builder-column:last-child .fixstable-builder-image-placeholder {
	width: 100%;
	height: 100%;
	min-height: 100%;
	object-fit: cover;
	border-radius: 0;
	box-shadow: none;
	filter: saturate(0.95) contrast(1.05);
}

.fixstable-demo-northstar-premium-hero h3.fixstable-builder-heading:first-child {
	position: relative;
	z-index: 11;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	color: #25d4df !important;
	-webkit-text-fill-color: #25d4df;
	background: transparent;
	font-size: clamp(44px, 5.7vw, 80px);
	font-weight: 600;
	line-height: 0.96;
	letter-spacing: 0;
	text-transform: none;
}

.fixstable-demo-northstar-premium-hero h2.fixstable-builder-heading {
	position: relative;
	z-index: 11;
	max-width: 790px;
	margin: 0;
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff;
	font-size: clamp(44px, 5.8vw, 82px);
	font-weight: 600;
	line-height: 1.04;
	letter-spacing: 0;
	text-shadow: none;
}

.fixstable-demo-northstar-premium-hero .fixstable-builder-row > .fixstable-builder-column:first-child > .fixstable-builder-text {
	position: relative;
	z-index: 11;
	grid-column: 1 / -1;
	max-width: 700px;
	margin-top: 8px;
}

.fixstable-demo-northstar-premium-hero .fixstable-builder-row > .fixstable-builder-column:first-child > .fixstable-builder-text p {
	max-width: 700px;
	margin: 0;
	color: rgba(255, 250, 240, 0.86) !important;
	font-size: clamp(18px, 1.6vw, 23px);
	line-height: 1.68;
}

.fixstable-demo-northstar-premium-hero .fixstable-builder-button {
	min-width: clamp(176px, 16vw, 230px);
	min-height: 52px;
	padding: 14px 22px !important;
	border-radius: 999px !important;
	font-size: 14px;
	font-weight: 600;
	text-align: center;
	box-shadow: none !important;
}

.fixstable-demo-northstar-premium-hero .fixstable-builder-row > .fixstable-builder-column:first-child > p:nth-of-type(1) .fixstable-builder-button {
	background: #21c8d6 !important;
	color: #06110f !important;
	border: 1px solid #21c8d6 !important;
	box-shadow: none !important;
}

.fixstable-demo-northstar-premium-hero .fixstable-builder-row > .fixstable-builder-column:first-child > p:nth-of-type(2) .fixstable-builder-button {
	background: transparent !important;
	color: #fffaf0 !important;
	border: 1px solid rgba(255, 250, 240, 0.42) !important;
	backdrop-filter: none;
	box-shadow: none !important;
}

.fixstable-demo-northstar-premium-hero .fixstable-builder-grid,
.fixstable-demo-northstar-premium-hero .fixstable-northstar-proof-card,
.fixstable-demo-northstar-premium-hero .fixstable-northstar-hero-note {
	display: none !important;
}

@media (max-width: 980px) {
	.fixstable-demo-northstar-premium-hero .fixstable-builder-row {
		width: min(calc(100% - 32px), 720px);
		padding-top: clamp(118px, 17vh, 152px);
		padding-bottom: 64px;
	}

	.fixstable-demo-northstar-premium-hero .fixstable-builder-row > .fixstable-builder-column:first-child {
		grid-template-columns: minmax(0, 1fr);
		max-width: 100%;
	}

	.fixstable-demo-northstar-premium-hero .fixstable-builder-row > .fixstable-builder-column:first-child > p,
	.fixstable-demo-northstar-premium-hero .fixstable-builder-row > .fixstable-builder-column:first-child > p:nth-of-type(1),
	.fixstable-demo-northstar-premium-hero .fixstable-builder-row > .fixstable-builder-column:first-child > p:nth-of-type(2) {
		grid-column: 1 / -1;
		width: 100%;
		margin-left: 0;
	}

	.fixstable-demo-northstar-premium-hero .fixstable-builder-button {
		width: 100%;
	}

	.fixstable-demo-northstar-premium-hero h3.fixstable-builder-heading:first-child,
	.fixstable-demo-northstar-premium-hero h2.fixstable-builder-heading {
		font-size: clamp(42px, 12vw, 64px);
	}

	body.fixstable-builder-northstar-hero-page .fixstable-builder-frontend,
	.fixstable-builder-frontend:has(.fixstable-demo-northstar-premium-hero) {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
}

body.fixstable-builder-northstar-hero-page #content,
body.fixstable-builder-northstar-hero-page .site-main,
body.fixstable-builder-northstar-hero-page .page-content,
body.fixstable-builder-northstar-hero-page .fixstable-builder-frontend,
body:not([class*="elementor-page-"]) .site-main:has(.fixstable-demo-northstar-premium-hero),
.site-main:has(.fixstable-demo-northstar-premium-hero),
.page-content:has(.fixstable-demo-northstar-premium-hero),
.fixstable-builder-frontend:has(.fixstable-demo-northstar-premium-hero) {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

body.fixstable-builder-northstar-hero-page #site-header,
body.fixstable-builder-northstar-hero-page .page-header {
	display: none !important;
	height: 0 !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
}

body.fixstable-builder-northstar-hero-page .page-content > .fixstable-builder-site-header.fixstable-northstar-overlay-header {
	position: absolute !important;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	margin: 0;
}

body.fixstable-builder-northstar-hero-page .fixstable-builder-frontend.is-builder-canvas {
	margin-top: 0 !important;
	padding: 0 !important;
	background: transparent;
	border-radius: 0 !important;
}

body.fixstable-builder-northstar-hero-page .page-content,
body.fixstable-builder-northstar-hero-page .site-main,
body.fixstable-builder-northstar-hero-page #content {
	border-radius: 0 !important;
}

body.fixstable-builder-northstar-hero-page .fixstable-demo-northstar-premium-hero,
.fixstable-builder-frontend:has(.fixstable-demo-northstar-premium-hero) .fixstable-demo-northstar-premium-hero {
	left: 50% !important;
	right: auto !important;
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: -50vw !important;
	margin-right: 0 !important;
}

body.fixstable-builder-northstar-hero-page .fixstable-builder-frontend.fixstable-builder-section-default-contained .fixstable-demo-northstar-premium-hero .fixstable-builder-section-inner,
.fixstable-builder-frontend.fixstable-builder-section-default-contained:has(.fixstable-demo-northstar-premium-hero) .fixstable-demo-northstar-premium-hero .fixstable-builder-section-inner {
	width: 100% !important;
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.fixstable-builder-preview-shell:has(.fixstable-demo-northstar-premium-hero) {
	position: relative;
	overflow: hidden;
}

.fixstable-builder-preview-shell:has(.fixstable-demo-northstar-premium-hero) .fixstable-builder-site-header.fixstable-northstar-overlay-header {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	z-index: 40 !important;
	width: 100% !important;
	color: #fffaf0 !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	backdrop-filter: none !important;
}

.fixstable-builder-preview-shell:has(.fixstable-demo-northstar-premium-hero) .fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-builder-site-header-inner {
	display: grid !important;
	grid-template-columns: minmax(0, auto) minmax(0, 1fr) auto !important;
	align-items: center !important;
	gap: clamp(16px, 2.4vw, 28px) !important;
	width: min(calc(100% - 48px), 1180px) !important;
	max-width: 1180px !important;
	margin: 0 auto !important;
	padding-top: clamp(18px, 2vw, 24px) !important;
	padding-bottom: clamp(14px, 1.6vw, 18px) !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.fixstable-builder-preview-shell:has(.fixstable-demo-northstar-premium-hero) .fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-builder-site-brand,
.fixstable-builder-preview-shell:has(.fixstable-demo-northstar-premium-hero) .fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-builder-site-brand:hover,
.fixstable-builder-preview-shell:has(.fixstable-demo-northstar-premium-hero) .fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-builder-site-logo-text,
.fixstable-builder-preview-shell:has(.fixstable-demo-northstar-premium-hero) .fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-builder-site-nav-link {
	color: rgba(255, 250, 240, 0.94) !important;
}

.fixstable-builder-preview-shell:has(.fixstable-demo-northstar-premium-hero) .fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-builder-site-logo-image:not(.is-footer) {
	width: auto !important;
	height: auto !important;
	max-width: none !important;
	max-height: var(--fixstable-header-logo-size, 48px) !important;
	object-fit: contain !important;
}

.fixstable-builder-preview-shell:has(.fixstable-demo-northstar-premium-hero) .fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-builder-site-nav {
	display: flex !important;
	justify-content: center !important;
	flex-wrap: wrap !important;
	gap: clamp(14px, 2vw, 24px) !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.fixstable-builder-preview-shell:has(.fixstable-demo-northstar-premium-hero) .fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-builder-site-nav-link {
	position: relative !important;
	display: inline-flex !important;
	align-items: center !important;
	min-height: 34px !important;
	padding: 0 0 7px !important;
	font-family: "Segoe UI", system-ui, -apple-system, sans-serif !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	letter-spacing: 0.05em !important;
	line-height: 1.35 !important;
	opacity: 0.9 !important;
}

.fixstable-builder-preview-shell:has(.fixstable-demo-northstar-premium-hero) .fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-builder-site-nav-link:hover,
.fixstable-builder-preview-shell:has(.fixstable-demo-northstar-premium-hero) .fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-builder-site-nav-link:focus-visible,
.fixstable-builder-preview-shell:has(.fixstable-demo-northstar-premium-hero) .fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-builder-site-nav-link.is-active {
	color: #ffffff !important;
	opacity: 1 !important;
}

.fixstable-builder-preview-shell:has(.fixstable-demo-northstar-premium-hero) .fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-builder-site-header-cta {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: auto !important;
	min-width: 0 !important;
	min-height: 40px !important;
	height: 40px !important;
	padding: 0 18px !important;
	color: #06110f !important;
	background: #21c8d6 !important;
	border: 1px solid #21c8d6 !important;
	border-radius: 999px !important;
	box-shadow: none !important;
	font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	letter-spacing: 0 !important;
	line-height: 1.2 !important;
	text-align: center !important;
	text-decoration: none !important;
	white-space: nowrap !important;
}

.fixstable-builder-preview-shell:has(.fixstable-demo-northstar-premium-hero) .fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-northstar-header-utility,
.fixstable-builder-preview-shell:has(.fixstable-demo-northstar-premium-hero) .fixstable-builder-site-header.fixstable-northstar-overlay-header button.fixstable-northstar-header-utility {
	color: rgba(255, 250, 240, 0.88) !important;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	appearance: none !important;
}

.fixstable-builder-preview-shell:has(.fixstable-demo-northstar-premium-hero) .fixstable-builder-node-northstar-premium-hero,
.fixstable-builder-preview-shell:has(.fixstable-demo-northstar-premium-hero) .fixstable-builder-node-northstar-premium-hero > .fixstable-builder-preview-body {
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.fixstable-builder-preview-shell .fixstable-demo-northstar-premium-hero {
	left: 50% !important;
	right: auto !important;
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: -50vw !important;
	margin-right: 0 !important;
}

.fixstable-builder-preview-shell .fixstable-demo-northstar-premium-hero .fixstable-builder-section-inner {
	width: 100% !important;
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.fixstable-builder-preview-shell .fixstable-demo-northstar-premium-hero .fixstable-builder-node-row {
	position: relative;
	z-index: 3;
	display: grid;
	grid-template-columns: minmax(0, 880px);
	align-items: center;
	width: min(calc(100% - (var(--fixstable-page-rail-gutter, 24px) * 2)), 1180px);
	min-height: 100vh;
	min-height: 100svh;
	margin: 0 auto;
	padding: clamp(132px, 15vh, 180px) 0 clamp(70px, 12vh, 118px);
}

.fixstable-builder-preview-shell .fixstable-demo-northstar-premium-hero .fixstable-builder-node-row > .fixstable-builder-node-children {
	position: relative;
	z-index: 3;
	width: 100%;
	min-height: 100vh;
	min-height: 100svh;
}

.fixstable-builder-preview-shell .fixstable-demo-northstar-premium-hero .fixstable-builder-node-row > .fixstable-builder-node-children > .fixstable-builder-node-wrap:first-child > .fixstable-builder-node-column {
	position: relative;
	z-index: 10;
	isolation: isolate;
	display: grid;
	grid-template-columns: auto auto minmax(0, 1fr);
	align-content: center;
	align-items: center;
	max-width: 880px;
	gap: clamp(14px, 2vw, 24px);
}

.fixstable-builder-preview-shell .fixstable-demo-northstar-premium-hero .fixstable-builder-node-row > .fixstable-builder-node-children > .fixstable-builder-node-wrap:first-child > .fixstable-builder-node-column > .fixstable-builder-node-children {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 20px;
}

.fixstable-builder-preview-shell .fixstable-demo-northstar-premium-hero .fixstable-builder-node-row > .fixstable-builder-node-children > .fixstable-builder-node-wrap:nth-child(2) > .fixstable-builder-node-column {
	position: absolute;
	z-index: 0;
	top: 0;
	bottom: 0;
	left: 50%;
	display: block;
	width: 100vw;
	min-width: 100vw;
	transform: translateX(-50%);
	pointer-events: none;
}

.fixstable-builder-preview-shell .fixstable-demo-northstar-premium-hero .fixstable-builder-node-row > .fixstable-builder-node-children > .fixstable-builder-node-wrap:nth-child(2) > .fixstable-builder-node-column::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background:
		linear-gradient(90deg, rgba(3, 8, 11, 0.9) 0%, rgba(3, 8, 11, 0.74) 38%, rgba(3, 8, 11, 0.5) 72%, rgba(3, 8, 11, 0.42) 100%),
		linear-gradient(180deg, rgba(3, 8, 11, 0.5) 0%, rgba(3, 8, 11, 0.12) 42%, rgba(3, 8, 11, 0.66) 100%);
}

.fixstable-builder-preview-shell .fixstable-demo-northstar-premium-hero .fixstable-builder-node-row > .fixstable-builder-node-children > .fixstable-builder-node-wrap:nth-child(2) > .fixstable-builder-node-column .fixstable-builder-preview-figure {
	position: absolute;
	inset: 0;
	height: 100%;
	margin: 0;
	overflow: hidden;
}

.fixstable-builder-preview-shell .fixstable-demo-northstar-premium-hero .fixstable-builder-node-row > .fixstable-builder-node-children > .fixstable-builder-node-wrap:nth-child(2) > .fixstable-builder-node-column .fixstable-builder-preview-image {
	width: 100%;
	height: 100%;
	min-height: 100%;
	background-position: center center !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	border-radius: 0;
	box-shadow: none;
	filter: saturate(0.95) contrast(1.05);
}

.fixstable-builder-preview-shell .fixstable-demo-northstar-premium-hero h3.fixstable-builder-preview-heading:first-child {
	position: relative;
	z-index: 11;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	color: #25d4df !important;
	-webkit-text-fill-color: #25d4df;
	background: transparent;
	font-size: clamp(44px, 5.7vw, 80px);
	font-weight: 600;
	line-height: 0.96;
	letter-spacing: 0;
	text-transform: none;
}

.fixstable-builder-preview-shell .fixstable-demo-northstar-premium-hero h2.fixstable-builder-preview-heading {
	position: relative;
	z-index: 11;
	max-width: 790px;
	margin: 0;
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff;
	font-size: clamp(44px, 5.8vw, 82px);
	font-weight: 600;
	line-height: 1.04;
	letter-spacing: 0;
	text-shadow: none;
}

.fixstable-builder-preview-shell .fixstable-demo-northstar-premium-hero .fixstable-builder-preview-text,
.fixstable-builder-preview-shell .fixstable-demo-northstar-premium-hero .fixstable-builder-preview-text p {
	position: relative;
	z-index: 11;
	max-width: 700px;
	margin-top: 8px;
	color: rgba(255, 250, 240, 0.86) !important;
	font-size: clamp(18px, 1.6vw, 23px);
	line-height: 1.68;
}

/* --- Greenline Home Services: trustworthy service wordmark --- */
.fixstable-demo-kit-local-service .fixstable-builder-site-brand-wordmark {
	font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.fixstable-demo-kit-local-service .fixstable-brand-wordmark-lead {
	font-weight: 800;
	letter-spacing: -0.02em;
	color: #14532d;
	border-bottom: 2px solid #15803d;
	padding-bottom: 0.08em;
}

.fixstable-demo-kit-local-service .fixstable-brand-wordmark-lead::after {
	content: "✓";
	display: inline-block;
	margin-left: 0.28em;
	font-size: 0.72em;
	font-weight: 800;
	color: #15803d;
	vertical-align: 0.12em;
}

.fixstable-demo-kit-local-service .fixstable-brand-wordmark-tail {
	font-weight: 600;
	color: #166534;
	opacity: 0.92;
}

/* --- SignalFlow AI: SaaS product wordmark --- */
.fixstable-demo-kit-saas-ai .fixstable-builder-site-brand-wordmark {
	font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	align-items: center;
}

.fixstable-demo-kit-saas-ai .fixstable-brand-wordmark-lead {
	font-weight: 800;
	letter-spacing: -0.03em;
	color: #f8fbff;
}

.fixstable-demo-kit-saas-ai .fixstable-brand-wordmark-lead::before {
	content: "";
	display: inline-block;
	width: 0.45em;
	height: 0.45em;
	margin-right: 0.42em;
	border-radius: 50%;
	background: linear-gradient(135deg, #4f46e5 0%, #22d3ee 100%);
	box-shadow: 0 0 0.55em rgba(34, 211, 238, 0.45);
	vertical-align: 0.06em;
}

.fixstable-demo-kit-saas-ai .fixstable-brand-wordmark-tag {
	display: inline-flex;
	align-items: center;
	padding: 0.12em 0.46em;
	border-radius: 999px;
	font-size: 0.58em;
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #fff;
	background: linear-gradient(135deg, #4f46e5 0%, #22d3ee 100%);
	box-shadow: 0 0 14px rgba(34, 211, 238, 0.28);
	transform: translateY(-0.08em);
}

/* --- Emberline Studio: editorial agency wordmark --- */
.fixstable-demo-kit-agency-studio .fixstable-builder-site-brand-wordmark {
	flex-direction: column;
	align-items: flex-start;
	gap: 0.08em;
}

.fixstable-demo-kit-agency-studio .fixstable-brand-wordmark-line {
	flex-direction: column;
	align-items: flex-start;
	gap: 0.04em;
}

.fixstable-demo-kit-agency-studio .fixstable-brand-wordmark-lead {
	font-weight: 800;
	font-size: 0.78em;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: inherit;
}

.fixstable-demo-kit-agency-studio .fixstable-brand-wordmark-tail {
	font-weight: 600;
	font-style: italic;
	font-size: 1.02em;
	color: #fb7a68;
	letter-spacing: 0.01em;
}

.fixstable-demo-kit-agency-studio .fixstable-builder-site-brand-wordmark::after {
	content: "";
	display: block;
	width: 2.4em;
	height: 2px;
	margin-top: 0.12em;
	background: linear-gradient(90deg, #f97363 0%, rgba(249, 115, 99, 0) 100%);
}

.fixstable-demo-kit-agency-studio .fixstable-builder-site-header-split-cta .fixstable-builder-site-header-inner {
	column-gap: clamp(10px, 1.2vw, 18px);
}

.fixstable-demo-kit-agency-studio .fixstable-builder-site-header-split-cta .fixstable-builder-site-nav {
	flex-wrap: nowrap;
	gap: clamp(6px, 0.8vw, 10px);
	justify-self: stretch;
}

.fixstable-demo-kit-agency-studio .fixstable-builder-site-logo-image:not(.is-footer) {
	max-width: clamp(220px, 20vw, 280px);
}

.fixstable-demo-kit-agency-studio .fixstable-builder-site-header .fixstable-builder-site-nav a {
	font-size: 12px;
	letter-spacing: 0.01em;
	padding-left: 1px;
	padding-right: 1px;
}

.fixstable-demo-kit-agency-studio .fixstable-builder-site-header-cta {
	min-height: 38px;
	padding: 0 14px;
	font-size: 13px;
}

@media (min-width: 981px) {
	.fixstable-demo-kit-agency-studio .fixstable-builder-site-header-split-cta .fixstable-builder-site-nav a[href*="contact"] {
		display: none !important;
	}
}

/* --- Morgan Vale Advisory: refined advisory wordmark --- */
.fixstable-demo-kit-consultant-expert .fixstable-builder-site-brand-wordmark {
	flex-direction: column;
	align-items: flex-start;
	gap: 0.14em;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.fixstable-demo-kit-consultant-expert .fixstable-brand-wordmark-line {
	flex-direction: column;
	align-items: flex-start;
	gap: 0.06em;
}

.fixstable-demo-kit-consultant-expert .fixstable-builder-site-brand-wordmark::before {
	content: "";
	display: block;
	width: 1.75em;
	height: 2px;
	background: #d99a2b;
}

.fixstable-demo-kit-consultant-expert .fixstable-brand-wordmark-lead {
	font-weight: 700;
	letter-spacing: 0.01em;
	color: #102033;
}

.fixstable-demo-kit-consultant-expert .fixstable-brand-wordmark-tail {
	font-size: 0.68em;
	font-weight: 600;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: #b8860b;
}

/* --- Haven Market: warm storefront wordmark --- */
.fixstable-demo-kit-ecommerce-lite .fixstable-builder-site-brand-wordmark {
	font-family: Georgia, "Times New Roman", Times, serif;
	border-bottom: 2px solid rgba(232, 111, 81, 0.42);
	padding-bottom: 0.1em;
}

.fixstable-demo-kit-ecommerce-lite .fixstable-brand-wordmark-lead {
	font-weight: 800;
	color: #2a2018;
	letter-spacing: -0.01em;
}

.fixstable-demo-kit-ecommerce-lite .fixstable-brand-wordmark-tail {
	font-weight: 600;
	color: #e86f51;
	font-style: italic;
}

.fixstable-demo-kit-ecommerce-lite.fixstable-builder-color-mode-dark .fixstable-brand-wordmark-lead {
	color: inherit;
}

/* --- Northstar inner-page builder patterns --- */
.fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-northstar-header-actions {
	position: relative;
}

.fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-northstar-search-panel[hidden] {
	display: none !important;
}

.fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-northstar-header-search-panel[hidden] {
	display: none !important;
}

.fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-northstar-search-panel,
.fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-northstar-header-search-panel {
	position: absolute;
	z-index: 10020;
	top: calc(100% + 12px);
	right: clamp(20px, 5vw, 72px);
	width: min(520px, calc(100vw - 32px));
	padding: 12px;
	border: 1px solid rgba(8, 20, 27, 0.12);
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.98);
	box-shadow: 0 24px 60px rgba(5, 15, 24, 0.22);
}

.fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-northstar-search-panel form,
.fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-northstar-header-search-form {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 10px;
	margin: 0;
}

.fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-northstar-search-panel input[type="search"],
.fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-northstar-header-search-input {
	width: 100%;
	min-height: 46px;
	padding: 0 14px;
	border: 1px solid #d5e1e7;
	border-radius: 6px;
	color: #071018;
	background: #f7fbff;
	font: inherit;
}

.fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-northstar-search-panel button[type="submit"],
.fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-northstar-header-search-submit {
	min-height: 46px;
	padding: 0 18px;
	border: 0;
	border-radius: 6px;
	color: #031014;
	background: #21c8d6;
	font: inherit;
	font-weight: 800;
	cursor: pointer;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-northstar-page-hero,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-northstar-dark-band,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-northstar-showcase-section {
	color: #ffffff !important;
	background:
		radial-gradient(circle at 18% 0%, rgba(33, 200, 214, 0.22), transparent 30%),
		linear-gradient(135deg, #030a10 0%, #07131a 48%, #0d272c 100%) !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-northstar-showcase-section,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-northstar-dark-band {
	background:
		radial-gradient(circle at 82% 0%, rgba(33, 200, 214, 0.18), transparent 32%),
		#06110f !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-northstar-page-hero .fixstable-builder-heading,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-northstar-page-hero .fixstable-builder-text,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-northstar-page-hero .fixstable-builder-text p,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-northstar-dark-band .fixstable-builder-heading,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-northstar-dark-band .fixstable-builder-text,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-northstar-dark-band .fixstable-builder-text p,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-northstar-showcase-section .fixstable-builder-heading,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-northstar-showcase-section .fixstable-builder-text,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-northstar-showcase-section .fixstable-builder-text p {
	color: rgba(255, 255, 255, 0.82) !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-northstar-page-hero h1.fixstable-builder-heading,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-northstar-dark-band > .fixstable-builder-section-inner > .fixstable-builder-heading,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-northstar-showcase-section > .fixstable-builder-section-inner > .fixstable-builder-heading {
	color: #ffffff !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-card-node.fixstable-northstar-hero-note,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-card-node.fixstable-northstar-stat-card,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-card-node.fixstable-northstar-showcase-card {
	color: #ffffff !important;
	background: rgba(13, 27, 31, 0.92) !important;
	border-color: rgba(255, 255, 255, 0.16) !important;
	box-shadow: 0 22px 58px rgba(0, 0, 0, 0.24) !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-card-node.fixstable-northstar-hero-note .fixstable-builder-heading,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-card-node.fixstable-northstar-hero-note .fixstable-builder-text,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-card-node.fixstable-northstar-hero-note .fixstable-builder-text p,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-card-node.fixstable-northstar-stat-card .fixstable-builder-heading,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-card-node.fixstable-northstar-stat-card .fixstable-builder-text,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-card-node.fixstable-northstar-stat-card .fixstable-builder-text p,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-card-node.fixstable-northstar-showcase-card .fixstable-builder-heading,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-card-node.fixstable-northstar-showcase-card .fixstable-builder-text,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-card-node.fixstable-northstar-showcase-card .fixstable-builder-text p {
	color: rgba(255, 255, 255, 0.78) !important;
}

/* --- Kit support routes: blog, archives, search, and 404 --- */
body.fixstable-builder-kit-support-route,
body.fixstable-builder-kit-search-results,
body.fixstable-builder-kit-404 {
	background: #f6f8fb;
	color: #142033;
}

.fixstable-kit-support-page,
.fixstable-kit-search-results,
.fixstable-kit-error-page {
	--fixstable-kit-primary-local: var(--fixstable-kit-primary, #173f3a);
	--fixstable-kit-accent-local: var(--fixstable-kit-accent, #21c8d6);
	--fixstable-kit-background-local: var(--fixstable-kit-background, #f6f8fb);
	--fixstable-kit-text-local: var(--fixstable-kit-text, #142033);
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(246, 248, 251, 0.96)),
		var(--fixstable-kit-background-local);
	color: var(--fixstable-kit-text-local);
	font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	letter-spacing: 0;
}

.fixstable-kit-support-page *,
.fixstable-kit-search-results *,
.fixstable-kit-error-page * {
	box-sizing: border-box;
	letter-spacing: 0;
}

body.fixstable-builder-kit-support-route .fixstable-builder-site-footer,
body.fixstable-builder-kit-search-results .fixstable-builder-site-footer,
body.fixstable-builder-kit-404 .fixstable-builder-site-footer {
	word-spacing: normal !important;
	letter-spacing: 0 !important;
}

body.fixstable-builder-kit-support-route .fixstable-builder-site-footer-tagline,
body.fixstable-builder-kit-search-results .fixstable-builder-site-footer-tagline,
body.fixstable-builder-kit-404 .fixstable-builder-site-footer-tagline,
body.fixstable-builder-kit-support-route .fixstable-builder-site-footer-copy,
body.fixstable-builder-kit-search-results .fixstable-builder-site-footer-copy,
body.fixstable-builder-kit-404 .fixstable-builder-site-footer-copy,
body.fixstable-builder-kit-support-route .fixstable-builder-site-footer-support,
body.fixstable-builder-kit-search-results .fixstable-builder-site-footer-support,
body.fixstable-builder-kit-404 .fixstable-builder-site-footer-support {
	text-align: left !important;
	text-align-last: left !important;
	word-spacing: normal !important;
	letter-spacing: 0 !important;
}

body.fixstable-builder-kit-support-route .fixstable-demo-kit-business-portfolio.fixstable-builder-site-footer p.fixstable-builder-site-footer-tagline,
body.fixstable-builder-kit-search-results .fixstable-demo-kit-business-portfolio.fixstable-builder-site-footer p.fixstable-builder-site-footer-tagline,
body.fixstable-builder-kit-404 .fixstable-demo-kit-business-portfolio.fixstable-builder-site-footer p.fixstable-builder-site-footer-tagline {
	display: block !important;
	width: 260px !important;
	max-width: 260px !important;
	text-align: left !important;
	text-align-last: left !important;
	text-justify: auto !important;
	white-space: normal !important;
	word-spacing: 0 !important;
	letter-spacing: 0 !important;
	line-height: 1.55 !important;
}

body.fixstable-builder-kit-support-route .fixstable-demo-kit-business-portfolio.fixstable-builder-site-footer a.fixstable-builder-site-footer-support,
body.fixstable-builder-kit-search-results .fixstable-demo-kit-business-portfolio.fixstable-builder-site-footer a.fixstable-builder-site-footer-support,
body.fixstable-builder-kit-404 .fixstable-demo-kit-business-portfolio.fixstable-builder-site-footer a.fixstable-builder-site-footer-support {
	width: auto !important;
	min-width: 0 !important;
	justify-content: center !important;
	white-space: nowrap !important;
	word-spacing: 0 !important;
	letter-spacing: 0 !important;
}

body.fixstable-builder-kit-support-route .fixstable-demo-kit-business-portfolio.fixstable-builder-site-footer .fixstable-builder-site-footer-inner,
body.fixstable-builder-kit-search-results .fixstable-demo-kit-business-portfolio.fixstable-builder-site-footer .fixstable-builder-site-footer-inner,
body.fixstable-builder-kit-404 .fixstable-demo-kit-business-portfolio.fixstable-builder-site-footer .fixstable-builder-site-footer-inner {
	grid-template-columns: minmax(220px, 340px) minmax(0, 1fr) auto;
	align-items: start;
	gap: clamp(22px, 5vw, 58px);
}

body.fixstable-builder-kit-support-route .fixstable-demo-kit-business-portfolio.fixstable-builder-site-footer .fixstable-builder-site-footer-brand,
body.fixstable-builder-kit-search-results .fixstable-demo-kit-business-portfolio.fixstable-builder-site-footer .fixstable-builder-site-footer-brand,
body.fixstable-builder-kit-404 .fixstable-demo-kit-business-portfolio.fixstable-builder-site-footer .fixstable-builder-site-footer-brand {
	max-width: 340px;
}

body.fixstable-builder-kit-support-route .fixstable-demo-kit-business-portfolio.fixstable-builder-site-footer .fixstable-builder-site-footer-nav.is-multi-column,
body.fixstable-builder-kit-search-results .fixstable-demo-kit-business-portfolio.fixstable-builder-site-footer .fixstable-builder-site-footer-nav.is-multi-column,
body.fixstable-builder-kit-404 .fixstable-demo-kit-business-portfolio.fixstable-builder-site-footer .fixstable-builder-site-footer-nav.is-multi-column {
	grid-template-columns: repeat(4, minmax(88px, auto));
	width: auto;
}

body.fixstable-builder-kit-support-route .fixstable-demo-kit-business-portfolio.fixstable-builder-site-footer .fixstable-builder-site-footer-copy,
body.fixstable-builder-kit-search-results .fixstable-demo-kit-business-portfolio.fixstable-builder-site-footer .fixstable-builder-site-footer-copy,
body.fixstable-builder-kit-404 .fixstable-demo-kit-business-portfolio.fixstable-builder-site-footer .fixstable-builder-site-footer-copy {
	grid-column: 1 / -1;
}

.fixstable-kit-support-page a,
.fixstable-kit-search-results a,
.fixstable-kit-error-page a {
	color: inherit;
	text-decoration: none;
}

.fixstable-kit-support-page {
	padding: clamp(46px, 6vw, 84px) 24px clamp(58px, 8vw, 104px);
}

.fixstable-kit-support-shell,
.fixstable-kit-search-results-inner,
.fixstable-kit-error-page-inner {
	width: min(1180px, calc(100vw - 48px));
	margin: 0 auto;
}

.fixstable-kit-support-hero,
.fixstable-kit-search-results-header,
.fixstable-kit-error-page-card {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: clamp(22px, 4vw, 44px);
	align-items: end;
	margin: 0 0 clamp(30px, 5vw, 54px);
	padding: clamp(28px, 5vw, 54px);
	border: 1px solid rgba(18, 38, 52, 0.1);
	border-radius: 8px;
	background:
		radial-gradient(circle at 100% 0, rgba(33, 200, 214, 0.16), transparent 32%),
		#ffffff;
	box-shadow: 0 18px 42px rgba(15, 28, 40, 0.08);
}

.fixstable-kit-support-eyebrow,
.fixstable-kit-search-results-eyebrow,
.fixstable-kit-error-page-eyebrow {
	margin: 0 0 12px;
	color: var(--fixstable-kit-accent-local);
	font-size: 0.75rem;
	font-weight: 900;
	letter-spacing: 0;
	text-transform: uppercase;
}

.fixstable-kit-support-title,
.fixstable-kit-search-results-title,
.fixstable-kit-error-page-title {
	max-width: 820px;
	margin: 0;
	color: #111c29;
	font-size: clamp(2.45rem, 7vw, 5.6rem);
	font-weight: 800;
	line-height: 0.98;
	letter-spacing: 0;
}

.fixstable-kit-search-results-title {
	display: grid;
	gap: 6px;
}

.fixstable-kit-search-results-title-prefix {
	color: #111c29;
}

.fixstable-kit-search-results-title-kit {
	color: var(--fixstable-kit-primary-local);
}

.fixstable-kit-support-summary,
.fixstable-kit-search-results-query,
.fixstable-kit-error-page-copy,
.fixstable-kit-search-results-summary {
	max-width: 680px;
	margin: 18px 0 0;
	color: rgba(20, 32, 51, 0.74);
	font-size: clamp(1rem, 1.5vw, 1.15rem);
	line-height: 1.7;
}

.fixstable-kit-support-actions,
.fixstable-kit-search-results-actions,
.fixstable-kit-error-page-actions {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: flex-end;
	margin: 0;
}

.fixstable-kit-support-action,
.fixstable-kit-search-results-back,
.fixstable-kit-error-page-back {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 0 18px;
	border: 1px solid rgba(17, 28, 41, 0.14);
	border-radius: 999px;
	background: #ffffff;
	color: #111c29;
	font-size: 0.9rem;
	font-weight: 800;
	letter-spacing: 0;
	line-height: 1;
	word-spacing: normal;
	box-shadow: 0 10px 24px rgba(15, 28, 40, 0.07);
}

.fixstable-kit-support-page .fixstable-kit-support-action,
.fixstable-kit-search-results .fixstable-kit-search-results-back,
.fixstable-kit-error-page .fixstable-kit-error-page-back {
	color: #111c29;
}

.fixstable-kit-support-action.is-primary,
.fixstable-kit-error-page-back {
	border-color: var(--fixstable-kit-accent-local);
	background: var(--fixstable-kit-accent-local);
	color: #06110f;
}

.fixstable-kit-support-page .fixstable-kit-support-action.is-primary,
.fixstable-kit-error-page .fixstable-kit-error-page-back {
	color: #06110f;
}

.fixstable-kit-support-grid,
.fixstable-kit-search-results-list {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
}

.fixstable-kit-search-results-list {
	grid-template-columns: 1fr;
}

.fixstable-kit-support-card,
.fixstable-kit-search-result-card,
.fixstable-kit-support-article,
.fixstable-kit-support-empty,
.fixstable-kit-search-results-empty {
	padding: clamp(22px, 3vw, 34px);
	border: 1px solid rgba(18, 38, 52, 0.1);
	border-radius: 8px;
	background: #ffffff;
	box-shadow: 0 16px 34px rgba(15, 28, 40, 0.07);
}

.fixstable-kit-support-card {
	display: flex;
	flex-direction: column;
	gap: 12px;
	min-height: 260px;
}

.fixstable-kit-support-card-meta,
.fixstable-kit-search-result-card-meta {
	margin: 0;
	color: var(--fixstable-kit-primary-local);
	font-size: 0.78rem;
	font-weight: 900;
	text-transform: uppercase;
}

.fixstable-kit-search-result-card-type {
	display: inline-flex;
	padding: 5px 9px;
	border-radius: 999px;
	background: rgba(33, 200, 214, 0.12);
	color: #11242a;
}

.fixstable-kit-support-card-title,
.fixstable-kit-search-result-card-title {
	margin: 0;
	color: #111c29;
	font-size: clamp(1.35rem, 2vw, 1.85rem);
	font-weight: 800;
	line-height: 1.12;
}

.fixstable-kit-support-card-excerpt,
.fixstable-kit-search-result-card-excerpt,
.fixstable-kit-support-article-content {
	color: rgba(20, 32, 51, 0.78);
	font-size: 1rem;
	line-height: 1.72;
}

.fixstable-kit-support-card-excerpt p,
.fixstable-kit-search-result-card-excerpt p,
.fixstable-kit-support-article-content p {
	margin: 0 0 1em;
}

.fixstable-kit-support-card-tax {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: auto;
}

.fixstable-kit-support-pill {
	display: inline-flex;
	align-items: center;
	min-height: 30px;
	padding: 0 11px;
	border-radius: 999px;
	background: rgba(33, 200, 214, 0.12);
	color: #11242a;
	font-size: 0.78rem;
	font-weight: 800;
}

.fixstable-kit-support-pagination,
.navigation.pagination {
	margin: 32px 0 0;
	text-align: center;
}

.fixstable-kit-support-pagination .page-numbers,
.navigation.pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 36px;
	height: 36px;
	margin: 0 3px;
	border-radius: 999px;
	background: #ffffff;
	color: #111c29;
	font-weight: 800;
}

.fixstable-kit-support-pagination .page-numbers.current,
.navigation.pagination .page-numbers.current {
	background: var(--fixstable-kit-accent-local);
	color: #06110f;
}

.fixstable-kit-support-article {
	max-width: 860px;
	margin: 0 auto;
}

.fixstable-kit-support-article-content h2,
.fixstable-kit-support-article-content h3 {
	color: #111c29;
	line-height: 1.15;
}

.fixstable-kit-error-page {
	min-height: 62vh;
	padding: clamp(58px, 8vw, 110px) 24px;
}

.fixstable-kit-error-page-card {
	max-width: 840px;
	margin-right: auto;
	margin-left: auto;
	grid-template-columns: 1fr;
	align-items: start;
}

.fixstable-kit-error-page-actions {
	justify-content: flex-start;
	margin-top: 24px;
}

.fixstable-kit-support-page.is-northstar .fixstable-kit-support-hero,
body.fixstable-builder-kit-search-results-northstar-studio .fixstable-kit-search-results-header,
body.fixstable-builder-kit-404-northstar-studio .fixstable-kit-error-page-card {
	background:
		radial-gradient(circle at 92% 10%, rgba(33, 200, 214, 0.18), transparent 30%),
		linear-gradient(135deg, #071018, #10252b);
	color: #fffaf0;
}

.fixstable-kit-support-page.is-northstar .fixstable-kit-support-title,
.fixstable-kit-support-page.is-northstar .fixstable-kit-support-summary,
body.fixstable-builder-kit-search-results-northstar-studio .fixstable-kit-search-results-title,
body.fixstable-builder-kit-search-results-northstar-studio .fixstable-kit-search-results-title-prefix,
body.fixstable-builder-kit-search-results-northstar-studio .fixstable-kit-search-results-query,
body.fixstable-builder-kit-404-northstar-studio .fixstable-kit-error-page-title,
body.fixstable-builder-kit-404-northstar-studio .fixstable-kit-error-page-copy {
	color: inherit;
}

body.fixstable-builder-kit-search-results-northstar-studio .fixstable-kit-search-results-title-kit {
	color: #21c8d6;
}

@media (max-width: 900px) {
	.fixstable-kit-support-hero,
	.fixstable-kit-search-results-header,
	.fixstable-kit-error-page-card {
		grid-template-columns: 1fr;
		align-items: start;
	}

	.fixstable-kit-support-actions,
	.fixstable-kit-search-results-actions {
		justify-content: flex-start;
	}

	.fixstable-kit-support-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 520px) {
	.fixstable-kit-support-page,
	.fixstable-kit-search-results,
	.fixstable-kit-error-page {
		padding-right: 16px;
		padding-left: 16px;
	}

	.fixstable-kit-support-shell,
	.fixstable-kit-search-results-inner,
	.fixstable-kit-error-page-inner {
		width: 100%;
	}

	.fixstable-kit-support-hero,
	.fixstable-kit-search-results-header,
	.fixstable-kit-error-page-card,
	.fixstable-kit-support-card,
	.fixstable-kit-search-result-card,
	.fixstable-kit-support-article {
		padding: 22px;
	}
}

.fixstable-demo-kit-business-portfolio.fixstable-northstar-inner,
.fixstable-demo-kit-business-portfolio .fixstable-northstar-inner {
	color: #071018;
	font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.fixstable-northstar-inner .fixstable-builder-section-inner {
	width: min(1160px, calc(100% - 40px));
	margin-right: auto;
	margin-left: auto;
}

.fixstable-northstar-inner .fixstable-builder-heading {
	letter-spacing: 0;
}

.fixstable-northstar-inner .fixstable-builder-text,
.fixstable-northstar-inner .fixstable-builder-text p {
	color: #4f6570;
	font-size: 1rem;
	line-height: 1.72;
}

.fixstable-northstar-page-hero {
	position: relative;
	overflow: hidden;
	border-radius: 0 !important;
	color: #ffffff;
	background:
		radial-gradient(circle at 18% 0%, rgba(33, 200, 214, 0.22), transparent 30%),
		linear-gradient(135deg, #030a10 0%, #07131a 48%, #0d272c 100%);
}

.fixstable-northstar-page-hero::before,
.fixstable-northstar-page-hero::after,
.fixstable-northstar-showcase-section::before {
	content: "";
	position: absolute;
	pointer-events: none;
	border: 1px solid rgba(33, 200, 214, 0.24);
	border-radius: 32px;
	opacity: 0.72;
}

.fixstable-northstar-page-hero::before {
	top: 18px;
	right: 7vw;
	width: 250px;
	height: 170px;
	background: rgba(33, 200, 214, 0.08);
}

.fixstable-northstar-page-hero::after {
	bottom: -70px;
	left: 12vw;
	width: 170px;
	height: 170px;
	border-radius: 50%;
	background: rgba(41, 88, 255, 0.12);
}

.fixstable-northstar-page-hero .fixstable-builder-section-inner,
.fixstable-northstar-showcase-section .fixstable-builder-section-inner {
	position: relative;
	z-index: 1;
}

.fixstable-northstar-page-hero .fixstable-builder-row {
	align-items: center;
	gap: clamp(32px, 6vw, 76px);
}

.fixstable-northstar-page-hero h3.fixstable-builder-heading:first-child {
	display: inline-flex;
	width: fit-content;
	margin: 0 0 18px;
	padding: 8px 12px;
	border: 1px solid rgba(33, 200, 214, 0.35);
	border-radius: 999px;
	color: #85f5ff;
	background: rgba(33, 200, 214, 0.08);
	font-size: 0.78rem;
	font-weight: 800;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.fixstable-northstar-page-hero h1.fixstable-builder-heading {
	max-width: 760px;
	margin: 0;
	color: #ffffff;
	font-size: clamp(2.65rem, 6vw, 5.2rem);
	line-height: 0.98;
}

.fixstable-northstar-page-hero .fixstable-builder-text,
.fixstable-northstar-page-hero .fixstable-builder-text p {
	max-width: 650px;
	color: rgba(255, 255, 255, 0.78);
	font-size: 1.09rem;
}

.fixstable-northstar-page-hero .fixstable-builder-column > p {
	display: inline-flex;
	margin-right: 12px;
}

.fixstable-northstar-page-hero .fixstable-builder-button {
	border-radius: 999px;
}

.fixstable-northstar-page-hero .fixstable-builder-column:last-child {
	position: relative;
}

.fixstable-northstar-hero-note {
	box-sizing: border-box;
	width: auto;
	max-width: calc(100% - clamp(28px, 6vw, 68px));
	height: auto !important;
	margin-top: -42px;
	margin-right: clamp(14px, 3vw, 34px);
	margin-left: clamp(14px, 3vw, 34px);
	border-radius: 0;
	backdrop-filter: blur(18px);
}

.fixstable-northstar-page-hero .fixstable-northstar-hero-note .fixstable-builder-text,
.fixstable-northstar-page-hero .fixstable-northstar-hero-note .fixstable-builder-text p {
	max-width: 100%;
	overflow-wrap: break-word;
	white-space: normal;
}

.fixstable-northstar-page-hero .fixstable-northstar-hero-note .fixstable-builder-text p {
	margin: 0;
}

.fixstable-northstar-hero-note .fixstable-builder-heading,
.fixstable-northstar-hero-note .fixstable-builder-text,
.fixstable-northstar-hero-note .fixstable-builder-text p {
	color: #ffffff;
}

.fixstable-northstar-hero-note .fixstable-builder-heading {
	margin: 0 0 6px;
	color: #85f5ff;
	font-size: 0.9rem;
	text-transform: uppercase;
}

.fixstable-northstar-page-hero .fixstable-builder-image img,
.fixstable-northstar-page-hero .fixstable-builder-image-placeholder {
	aspect-ratio: 4 / 3;
	border-radius: 0;
	object-fit: cover;
	box-shadow: 0 26px 70px rgba(0, 0, 0, 0.36);
}

.fixstable-northstar-logo-strip {
	text-align: center;
}

.fixstable-northstar-logo-strip .fixstable-builder-heading {
	max-width: 760px;
	margin: 0 auto 30px;
	font-size: clamp(1.7rem, 3vw, 2.45rem);
}

.fixstable-northstar-logo-strip .fixstable-builder-grid {
	align-items: stretch;
}

.fixstable-northstar-logo-card {
	display: flex;
	min-height: 170px;
	flex-direction: column;
	justify-content: flex-start;
	text-align: left;
	border: 1px solid #dce9ed;
	border-radius: 8px;
	background: #ffffff;
	box-shadow: 0 14px 36px rgba(12, 35, 48, 0.06);
}

.fixstable-northstar-logo-card .fixstable-builder-heading {
	margin: 0;
	color: #071018;
	font-size: 0.86rem;
	font-weight: 900;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.fixstable-northstar-logo-card .fixstable-builder-text p {
	margin-top: 8px;
	color: #5d7078;
	font-size: 0.88rem;
	line-height: 1.55;
}

.fixstable-northstar-detail-grid > .fixstable-builder-section-inner > .fixstable-builder-heading,
.fixstable-northstar-feature-section > .fixstable-builder-section-inner > .fixstable-builder-heading,
.fixstable-northstar-featured-case .fixstable-builder-heading,
.fixstable-northstar-cta-section > .fixstable-builder-section-inner > .fixstable-builder-heading {
	max-width: 820px;
}

.fixstable-northstar-detail-grid > .fixstable-builder-section-inner > .fixstable-builder-heading {
	margin-bottom: 12px;
	font-size: clamp(2rem, 4vw, 3.35rem);
	line-height: 1.05;
}

.fixstable-northstar-detail-grid > .fixstable-builder-section-inner > .fixstable-builder-text {
	max-width: 760px;
	margin-bottom: 34px;
}

.fixstable-northstar-detail-card,
.fixstable-northstar-metric-card {
	height: 100%;
	padding: 28px;
	border-radius: 8px;
	background: #ffffff;
	box-shadow: 0 18px 42px rgba(12, 35, 48, 0.07);
}

.fixstable-northstar-detail-card .fixstable-builder-heading,
.fixstable-northstar-metric-card .fixstable-builder-heading {
	margin-top: 0;
	font-size: 1.05rem;
}

.fixstable-northstar-detail-card::before,
.fixstable-northstar-metric-card::before {
	content: "";
	display: block;
	width: 38px;
	height: 3px;
	margin-bottom: 18px;
	border-radius: 999px;
	background: #21c8d6;
}

.fixstable-northstar-feature-section .fixstable-builder-feature-list,
.fixstable-northstar-cta-section .fixstable-builder-cta-block {
	border-radius: 8px;
	box-shadow: 0 20px 60px rgba(12, 35, 48, 0.08);
}

.fixstable-northstar-feature-compare ul {
	grid-template-columns: repeat(var(--fixstable-commercial-columns, 3), minmax(0, 1fr));
}

.fixstable-northstar-feature-compare li {
	min-height: 180px;
}

.fixstable-northstar-featured-case .fixstable-builder-row {
	align-items: center;
}

.fixstable-northstar-featured-case h3.fixstable-builder-heading:first-child {
	display: inline-flex;
	width: fit-content;
	margin: 0 0 12px;
	padding: 7px 10px;
	border-radius: 999px;
	color: #042126;
	background: #21c8d6;
	font-size: 0.76rem;
	font-weight: 900;
	text-transform: uppercase;
}

.fixstable-northstar-featured-case h2.fixstable-builder-heading {
	margin-top: 0;
	font-size: clamp(2rem, 4vw, 3.7rem);
	line-height: 1.02;
}

.fixstable-northstar-featured-case .fixstable-builder-image img,
.fixstable-northstar-featured-case .fixstable-builder-image-placeholder {
	border-radius: 8px;
	box-shadow: 0 24px 64px rgba(12, 35, 48, 0.16);
}

.fixstable-northstar-dark-band,
.fixstable-northstar-showcase-section {
	position: relative;
	overflow: hidden;
	border-radius: 0 !important;
	color: #ffffff;
}

.fixstable-northstar-dark-band .fixstable-builder-heading,
.fixstable-northstar-showcase-section .fixstable-builder-heading {
	color: #ffffff;
}

.fixstable-northstar-dark-band > .fixstable-builder-section-inner > .fixstable-builder-heading,
.fixstable-northstar-showcase-section > .fixstable-builder-section-inner > .fixstable-builder-heading {
	max-width: 780px;
	margin-bottom: 16px;
	font-size: clamp(2rem, 4.2vw, 3.7rem);
	line-height: 1.02;
}

.fixstable-northstar-dark-band > .fixstable-builder-section-inner > .fixstable-builder-text,
.fixstable-northstar-showcase-section > .fixstable-builder-section-inner > .fixstable-builder-text {
	max-width: 720px;
	margin-bottom: 34px;
}

.fixstable-northstar-dark-band .fixstable-builder-text,
.fixstable-northstar-dark-band .fixstable-builder-text p,
.fixstable-northstar-showcase-section .fixstable-builder-text,
.fixstable-northstar-showcase-section .fixstable-builder-text p {
	color: rgba(255, 255, 255, 0.72);
}

.fixstable-northstar-stat-card,
.fixstable-northstar-showcase-card {
	height: 100%;
	border-radius: 8px;
}

.fixstable-northstar-stat-card {
	padding: 28px;
	background: rgba(255, 255, 255, 0.05);
}

.fixstable-northstar-stat-card .fixstable-builder-heading {
	margin-top: 0;
	color: #ffffff;
}

.fixstable-northstar-service-grid .fixstable-builder-heading,
.fixstable-northstar-pricing-grid .fixstable-builder-heading {
	max-width: 760px;
}

.fixstable-northstar-service-card,
.fixstable-northstar-price-card {
	height: 100%;
	padding: 32px;
	border-radius: 8px;
	background: #ffffff;
	box-shadow: 0 20px 55px rgba(20, 50, 65, 0.08);
}

.fixstable-northstar-service-card.is-featured,
.fixstable-northstar-price-card.is-featured {
	transform: translateY(-10px);
	box-shadow: 0 28px 70px rgba(21, 95, 112, 0.16);
}

.fixstable-northstar-timeline > .fixstable-builder-section-inner > .fixstable-builder-heading {
	max-width: 820px;
	margin-bottom: 14px;
	font-size: clamp(2rem, 4vw, 3.4rem);
}

.fixstable-northstar-timeline > .fixstable-builder-section-inner > .fixstable-builder-text {
	max-width: 760px;
	margin-bottom: 34px;
}

.fixstable-northstar-timeline-card {
	position: relative;
	height: 100%;
	padding: 34px 34px 32px;
	border-radius: 8px;
	background: #ffffff;
	box-shadow: 0 18px 46px rgba(12, 35, 48, 0.07);
}

.fixstable-northstar-timeline-card > .fixstable-builder-heading:first-child {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	margin: 0 0 22px;
	border-radius: 50%;
	color: #02151b;
	background: #21c8d6;
	font-size: 0.95rem;
	font-weight: 900;
}

.fixstable-northstar-showcase-section::before {
	top: -90px;
	left: 42vw;
	width: 360px;
	height: 240px;
	background: rgba(33, 200, 214, 0.08);
}

.fixstable-northstar-showcase-card {
	overflow: hidden;
	padding: 0;
	color: #ffffff;
	background: #0d171b;
}

.fixstable-northstar-showcase-card .fixstable-builder-image img,
.fixstable-northstar-showcase-card .fixstable-builder-image-placeholder {
	aspect-ratio: 4 / 3;
	width: 100%;
	border-radius: 8px 8px 0 0;
	object-fit: cover;
}

.fixstable-northstar-showcase-card .fixstable-builder-text,
.fixstable-northstar-showcase-card .fixstable-builder-heading,
.fixstable-northstar-showcase-card p {
	margin-right: 24px;
	margin-left: 24px;
}

.fixstable-northstar-showcase-card .fixstable-builder-text:first-of-type p {
	display: inline-flex;
	width: fit-content;
	margin-top: 22px;
	padding: 5px 9px;
	border-radius: 999px;
	color: #c7fbff;
	background: rgba(33, 200, 214, 0.13);
	font-size: 0.76rem;
	font-weight: 800;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.fixstable-northstar-showcase-card p:last-child {
	margin-bottom: 26px;
}

.fixstable-northstar-pricing-grid .fixstable-northstar-price-card .fixstable-builder-text:first-of-type p {
	color: #0b8c99;
	font-size: 1.08rem;
	font-weight: 900;
}

.fixstable-northstar-faq-groups .fixstable-builder-grid {
	align-items: stretch;
}

.fixstable-northstar-faq-groups .fixstable-builder-faq-block {
	height: 100%;
	border: 1px solid #dce9ed;
	border-radius: 8px;
	background: #ffffff;
	box-shadow: 0 18px 46px rgba(12, 35, 48, 0.06);
}

.fixstable-northstar-contact-brief .fixstable-builder-row {
	align-items: stretch;
	gap: clamp(32px, 5vw, 70px);
}

.fixstable-northstar-contact-brief .fixstable-builder-column:first-child {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.fixstable-northstar-contact-brief .fixstable-builder-column:first-child > .fixstable-builder-heading {
	max-width: 560px;
	font-size: clamp(2rem, 4vw, 3.35rem);
	line-height: 1.08;
}

.fixstable-northstar-contact-method {
	height: 100%;
	border-radius: 8px;
	background: #f7fbff;
}

.fixstable-northstar-contact-brief .fixstable-builder-column:last-child {
	border-radius: 8px;
}

.fixstable-northstar-contact-brief .fixstable-builder-column:last-child .fixstable-builder-card-node:first-child {
	padding: clamp(28px, 4vw, 46px);
	border: 1px solid #dce9ed;
	border-radius: 8px;
	background: #ffffff;
	box-shadow: 0 24px 70px rgba(12, 35, 48, 0.12);
}

.fixstable-northstar-contact-brief .fixstable-builder-column:last-child > .fixstable-builder-form {
	padding: clamp(28px, 4vw, 46px);
	border: 1px solid #dce9ed;
	border-radius: 8px;
	background: #ffffff;
	color: #132333;
	box-shadow: 0 24px 70px rgba(12, 35, 48, 0.12);
}

.fixstable-northstar-contact-brief .fixstable-builder-form h3 {
	font-size: clamp(1.45rem, 2.1vw, 2rem);
}

.fixstable-northstar-contact-brief .fixstable-builder-form-intro {
	color: #435467;
	opacity: 1;
}

.fixstable-northstar-contact-brief .fixstable-builder-form input,
.fixstable-northstar-contact-brief .fixstable-builder-form select,
.fixstable-northstar-contact-brief .fixstable-builder-form textarea {
	border-color: #d8e3e8;
	background: #f8fbfd;
}

.fixstable-northstar-contact-brief .fixstable-builder-form textarea {
	min-height: 154px;
}

.fixstable-northstar-brief-field {
	display: flex;
	align-items: center;
	align-content: center;
	box-sizing: border-box;
	min-height: 54px;
	height: auto;
	padding: 14px 16px;
	border: 1px solid #d8e3e8;
	border-radius: 4px;
	background: #f8fbfd;
	box-shadow: none;
}

.fixstable-northstar-contact-brief .fixstable-builder-grid {
	align-items: start;
}

.fixstable-northstar-contact-brief .fixstable-northstar-brief-panel .fixstable-builder-grid {
	height: auto !important;
	align-content: start;
	grid-template-rows: none !important;
	grid-auto-rows: auto;
	row-gap: 14px !important;
}

.fixstable-northstar-contact-brief .fixstable-northstar-brief-panel .fixstable-builder-grid-item {
	height: auto !important;
	min-height: 0 !important;
}

.fixstable-northstar-contact-brief .fixstable-northstar-brief-panel .fixstable-builder-grid-item > .fixstable-northstar-brief-field,
.fixstable-northstar-contact-brief .fixstable-northstar-brief-panel > .fixstable-northstar-brief-field {
	height: auto !important;
	min-height: 54px;
	padding: 14px 16px !important;
}

.fixstable-northstar-brief-field.is-large,
.fixstable-northstar-brief-message {
	min-height: 138px !important;
	align-items: flex-start;
	padding-top: 16px !important;
}

.fixstable-northstar-brief-field .fixstable-builder-text {
	width: 100%;
}

.fixstable-northstar-brief-field .fixstable-builder-text p {
	margin: 0;
	color: #80909a;
	font-size: 0.96rem;
	line-height: 1.45;
}

.fixstable-northstar-brief-message {
	min-height: 150px;
	border: 1px solid #d8e3e8;
	border-radius: 4px;
	background: #f8fbfd;
	box-shadow: none;
}

.fixstable-northstar-next-steps-card {
	border-radius: 8px;
	background: #071018;
}

.fixstable-northstar-next-steps-card .fixstable-builder-heading,
.fixstable-northstar-next-steps-card .fixstable-builder-text,
.fixstable-northstar-next-steps-card .fixstable-builder-text p {
	color: #ffffff;
}

.fixstable-kit-support-featured,
.fixstable-kit-support-resource-cta {
	display: grid;
	grid-template-columns: minmax(0, 1.5fr) minmax(260px, 0.7fr);
	gap: clamp(20px, 4vw, 42px);
	align-items: stretch;
	margin-bottom: clamp(22px, 4vw, 38px);
	padding: clamp(28px, 5vw, 52px);
	border: 1px solid rgba(18, 38, 52, 0.1);
	border-radius: 8px;
	background: #ffffff;
	box-shadow: 0 18px 42px rgba(15, 28, 40, 0.08);
}

.fixstable-kit-support-featured-title {
	max-width: 780px;
	margin: 8px 0 16px;
	color: #111c29;
	font-size: clamp(2rem, 4vw, 3.6rem);
	line-height: 1.02;
}

.fixstable-kit-support-featured-proof {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 26px;
	border-radius: 8px;
	color: #fffaf0;
	background: linear-gradient(135deg, #071018, #123039);
}

.fixstable-kit-support-featured-proof p {
	margin: 0 0 12px;
	color: #85f5ff;
	font-size: 0.78rem;
	font-weight: 900;
	text-transform: uppercase;
}

.fixstable-kit-support-featured-proof ul,
.fixstable-kit-support-resource-cta p {
	margin: 0;
}

.fixstable-kit-support-featured-proof li {
	margin: 8px 0;
	color: rgba(255, 250, 240, 0.84);
}

.fixstable-kit-support-topic-row {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 0 clamp(20px, 4vw, 34px);
}

.fixstable-kit-support-inline-link {
	display: inline-flex;
	width: fit-content;
	margin-top: 12px;
	color: var(--fixstable-kit-primary-local, #173f3a);
	font-weight: 900;
	text-decoration: none;
}

.fixstable-kit-support-inline-link::after {
	content: ">";
	margin-left: 8px;
	color: var(--fixstable-kit-accent-local, #21c8d6);
}

.fixstable-kit-support-resource-cta {
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	margin-top: clamp(22px, 4vw, 42px);
	background:
		radial-gradient(circle at 100% 0, rgba(33, 200, 214, 0.15), transparent 34%),
		#f7fbff;
}

.fixstable-kit-support-resource-cta h2 {
	max-width: 760px;
	margin: 6px 0 10px;
	color: #111c29;
	font-size: clamp(1.65rem, 3vw, 2.55rem);
	line-height: 1.08;
}

.fixstable-kit-search-results-back.is-primary {
	border-color: var(--fixstable-kit-accent-local, #21c8d6);
	background: var(--fixstable-kit-accent-local, #21c8d6);
	color: #06110f;
}

.fixstable-kit-search-results-form,
.fixstable-kit-error-search {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 10px;
	margin-top: 22px;
}

.fixstable-kit-search-results-form input,
.fixstable-kit-error-search input {
	width: 100%;
	min-height: 48px;
	padding: 0 14px;
	border: 1px solid #d5e1e7;
	border-radius: 6px;
	background: #ffffff;
	color: #111c29;
	font: inherit;
}

.fixstable-kit-search-results-form button,
.fixstable-kit-error-search button {
	min-height: 48px;
	padding: 0 18px;
	border: 0;
	border-radius: 6px;
	background: var(--fixstable-kit-accent-local, #21c8d6);
	color: #06110f;
	font: inherit;
	font-weight: 900;
	cursor: pointer;
}

.fixstable-kit-search-results-recovery,
.fixstable-kit-error-recovery-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
	margin-top: 22px;
}

.fixstable-kit-search-results-recovery a,
.fixstable-kit-error-recovery-grid a {
	padding: 18px;
	border: 1px solid rgba(18, 38, 52, 0.1);
	border-radius: 8px;
	background: #f7fbff;
	color: #111c29;
	font-weight: 900;
}

.fixstable-kit-error-recovery-grid a {
	display: grid;
	gap: 7px;
}

.fixstable-kit-error-recovery-grid span {
	color: rgba(20, 32, 51, 0.72);
	font-size: 0.92rem;
	font-weight: 500;
	line-height: 1.5;
}

@media (max-width: 900px) {
	.fixstable-northstar-page-hero .fixstable-builder-row,
	.fixstable-northstar-contact-brief .fixstable-builder-row,
	.fixstable-northstar-featured-case .fixstable-builder-row {
		grid-template-columns: 1fr;
	}

	.fixstable-northstar-service-card.is-featured,
	.fixstable-northstar-price-card.is-featured {
		transform: none;
	}

	.fixstable-kit-support-featured,
	.fixstable-kit-support-resource-cta,
	.fixstable-kit-search-results-recovery,
	.fixstable-kit-error-recovery-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 640px) {
	.fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-northstar-search-panel,
	.fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-northstar-header-search-panel {
		right: 16px;
		left: 16px;
		width: auto;
	}

	.fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-northstar-search-panel form,
	.fixstable-builder-site-header.fixstable-northstar-overlay-header .fixstable-northstar-header-search-form {
		grid-template-columns: 1fr;
	}

	.fixstable-northstar-inner .fixstable-builder-section-inner {
		width: min(100% - 28px, 1160px);
	}

	.fixstable-northstar-page-hero {
		padding-top: 80px !important;
	}

	.fixstable-northstar-page-hero h1.fixstable-builder-heading {
		font-size: clamp(2.35rem, 14vw, 3.4rem);
	}

	.fixstable-northstar-page-hero .fixstable-builder-column > p {
		display: block;
		margin-right: 0;
	}

	.fixstable-northstar-page-hero .fixstable-builder-button {
		width: 100%;
	}

	.fixstable-northstar-hero-note {
		margin: 16px 0 0;
	}

	.fixstable-kit-search-results-form,
	.fixstable-kit-error-search {
		grid-template-columns: 1fr;
	}
}