/*
 * Canvza — 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;
	container-name: fixstable-page;
	container-type: inline-size;
	--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 {
	line-height: 1.6;
}

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

/* First-class poster-first Video component shared by preview and frontend. */
.fixstable-builder-video {
	display: grid;
	gap: 18px;
	width: min(var(--fixstable-video-width, 100%), 100%);
	max-width: 100%;
	min-width: 0;
}

.fixstable-builder-video.is-aligned-left {
	margin-right: auto;
}

.fixstable-builder-video.is-aligned-center {
	margin-right: auto;
	margin-left: auto;
}

.fixstable-builder-video.is-aligned-right {
	margin-left: auto;
}

.fixstable-builder-video-content {
	display: grid;
	gap: 10px;
	max-width: 62ch;
}

.fixstable-builder-video-eyebrow {
	color: var(--fixstable-page-primary, #2fa8ff);
	font-size: 12px;
	font-weight: 850;
	letter-spacing: 0.09em;
	text-transform: uppercase;
}

.fixstable-builder-video-title {
	margin: 0;
	color: inherit;
	font-size: clamp(24px, 3vw, 42px);
	line-height: 1.08;
}

.fixstable-builder-video-description,
.fixstable-builder-video-description p {
	margin: 0;
	color: inherit;
	line-height: 1.65;
}

.fixstable-builder-video-cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: fit-content;
	min-height: 42px;
	margin-top: 4px;
	padding: 10px 16px;
	border-radius: var(--fixstable-button-radius, 999px);
	background: var(--fixstable-page-primary, #2fa8ff);
	color: #ffffff;
	font-weight: 800;
	text-decoration: none;
}

.fixstable-builder-video-figure {
	display: grid;
	gap: 10px;
	min-width: 0;
}

.fixstable-builder-video-media {
	position: relative;
	display: grid;
	place-items: center;
	width: 100%;
	height: var(--fixstable-video-height, auto);
	min-height: 0;
	aspect-ratio: var(--fixstable-video-ratio, 16 / 9);
	overflow: hidden;
	border: 1px solid rgba(143, 156, 171, 0.28);
	border-radius: var(--fixstable-video-radius, 24px);
	background:
		radial-gradient(circle at 18% 18%, color-mix(in srgb, var(--fixstable-page-primary, #2fa8ff) 18%, transparent), transparent 42%),
		#08131f;
	isolation: isolate;
}

.fixstable-builder-video-media[role="button"] {
	cursor: pointer;
}

.fixstable-builder-video-media[role="button"]:focus-visible,
.fixstable-builder-video-play:focus-visible,
.fixstable-builder-video-close:focus-visible {
	outline: 3px solid var(--fixstable-page-accent, #f4c86b);
	outline-offset: 4px;
}

.fixstable-builder-video-poster,
.fixstable-builder-video-element,
.fixstable-builder-video-stage,
.fixstable-builder-video-stage iframe {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
}

.fixstable-builder-video-poster,
.fixstable-builder-video-element {
	object-fit: cover;
	object-position: var(--fixstable-video-poster-position, center center);
}

.fixstable-builder-video-stage {
	z-index: 2;
	pointer-events: none;
}

.fixstable-builder-video-stage.has-player {
	pointer-events: auto;
}

.fixstable-builder-video-stage iframe,
.fixstable-builder-video-modal-stage iframe {
	border: 0;
}

.fixstable-builder-video-provider-placeholder {
	display: grid;
	place-items: center;
	width: 100%;
	height: 100%;
	padding: 24px;
	color: rgba(240, 247, 255, 0.68);
	font-size: clamp(16px, 3vw, 28px);
	font-weight: 850;
	letter-spacing: 0.08em;
	text-align: center;
	text-transform: uppercase;
}

.fixstable-builder-video-play {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 4;
	display: grid;
	place-items: center;
	width: var(--fixstable-video-play-size, 72px);
	height: var(--fixstable-video-play-size, 72px);
	padding: 0;
	border: 1px solid rgba(255, 255, 255, 0.44);
	border-radius: 50%;
	background: var(--fixstable-page-primary, #2fa8ff);
	color: #ffffff;
	box-shadow: 0 18px 42px rgba(2, 10, 24, 0.3);
	transform: translate(-50%, -50%);
	transition: transform 180ms ease, box-shadow 180ms ease, opacity 180ms ease;
	cursor: pointer;
}

.fixstable-builder-video-play:hover {
	box-shadow: 0 22px 52px rgba(2, 10, 24, 0.42);
	transform: translate(-50%, -50%) scale(1.05);
}

.fixstable-builder-video-play.is-light {
	border-color: rgba(8, 19, 31, 0.12);
	background: rgba(255, 255, 255, 0.94);
	color: #08131f;
}

.fixstable-builder-video-play.is-dark {
	border-color: rgba(255, 255, 255, 0.2);
	background: rgba(8, 19, 31, 0.94);
	color: #ffffff;
}

.fixstable-builder-video-play > span {
	display: block;
	width: 0;
	height: 0;
	margin-left: 5%;
	border-top: calc(var(--fixstable-video-play-size, 72px) * 0.13) solid transparent;
	border-bottom: calc(var(--fixstable-video-play-size, 72px) * 0.13) solid transparent;
	border-left: calc(var(--fixstable-video-play-size, 72px) * 0.19) solid currentColor;
}

.fixstable-builder-video.is-play-top-left .fixstable-builder-video-play,
.fixstable-builder-video.is-play-top-right .fixstable-builder-video-play,
.fixstable-builder-video.is-play-bottom-left .fixstable-builder-video-play,
.fixstable-builder-video.is-play-bottom-right .fixstable-builder-video-play {
	transform: none;
}

.fixstable-builder-video.is-play-top-left .fixstable-builder-video-play:hover,
.fixstable-builder-video.is-play-top-right .fixstable-builder-video-play:hover,
.fixstable-builder-video.is-play-bottom-left .fixstable-builder-video-play:hover,
.fixstable-builder-video.is-play-bottom-right .fixstable-builder-video-play:hover {
	transform: scale(1.05);
}

.fixstable-builder-video.is-play-top-left .fixstable-builder-video-play {
	top: 22px;
	left: 22px;
}

.fixstable-builder-video.is-play-top-right .fixstable-builder-video-play {
	top: 22px;
	right: 22px;
	left: auto;
}

.fixstable-builder-video.is-play-bottom-left .fixstable-builder-video-play {
	top: auto;
	bottom: 22px;
	left: 22px;
}

.fixstable-builder-video.is-play-bottom-right .fixstable-builder-video-play {
	top: auto;
	right: 22px;
	bottom: 22px;
	left: auto;
}

.fixstable-builder-video-media.is-playing .fixstable-builder-video-play,
.fixstable-builder-video-media.is-playing > .fixstable-builder-video-poster,
.fixstable-builder-video-media.is-playing > .fixstable-builder-video-provider-placeholder {
	opacity: 0;
	pointer-events: none;
}

.fixstable-builder-video-source-status {
	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-video.is-preview .fixstable-builder-video-source-status {
	top: 12px;
	right: auto;
	bottom: auto;
	left: 12px;
	z-index: 4;
	width: min(320px, calc(100% - 24px));
	height: auto;
	margin: 0;
	padding: 8px 10px;
	overflow: visible;
	clip: auto;
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 8px;
	background: rgba(5, 12, 22, 0.78);
	color: rgba(255, 255, 255, 0.82);
	font-size: 11px;
	line-height: 1.4;
	white-space: normal;
}

.fixstable-builder-video-error {
	position: absolute;
	right: 16px;
	bottom: 16px;
	left: 16px;
	z-index: 5;
	padding: 10px 12px;
	border: 1px solid rgba(255, 255, 255, 0.16);
	border-radius: 8px;
	background: rgba(8, 19, 31, 0.9);
	color: #ffffff;
	font-size: 13px;
	text-align: center;
}

.fixstable-builder-video-error[hidden] {
	display: none;
}

.fixstable-builder-video-figure figcaption {
	color: inherit;
	font-size: 13px;
	line-height: 1.5;
	opacity: 0.72;
}

.fixstable-builder-video-dialog {
	width: min(1120px, calc(100vw - 32px));
	max-width: none;
	padding: 0;
	border: 1px solid rgba(255, 255, 255, 0.18);
	border-radius: max(12px, var(--fixstable-video-radius, 24px));
	background: #050b12;
	color: #ffffff;
	box-shadow: 0 42px 120px rgba(0, 0, 0, 0.58);
	overflow: visible;
}

.fixstable-builder-video-dialog::backdrop {
	background: rgba(2, 7, 13, 0.82);
	backdrop-filter: blur(8px);
}

.fixstable-builder-video-dialog-inner {
	position: relative;
	padding: 12px;
}

.fixstable-builder-video-modal-stage {
	position: relative;
	width: 100%;
	aspect-ratio: var(--fixstable-video-ratio, 16 / 9);
	overflow: hidden;
	border-radius: calc(max(12px, var(--fixstable-video-radius, 24px)) - 6px);
	background: #000000;
}

.fixstable-builder-video-modal-stage video,
.fixstable-builder-video-modal-stage iframe {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.fixstable-builder-video-close {
	position: absolute;
	top: -18px;
	right: -18px;
	z-index: 3;
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	padding: 0;
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 50%;
	background: #0b1724;
	color: #ffffff;
	font-size: 26px;
	line-height: 1;
	cursor: pointer;
}

@media (max-width: 900px) and (min-width: 601px) {
	.fixstable-builder-video.is-hidden-tablet {
		display: none !important;
	}
}

@media (max-width: 600px) {
	.fixstable-builder-video.is-hidden-mobile {
		display: none !important;
	}

	.fixstable-builder-video-play {
		width: min(64px, var(--fixstable-video-play-size, 72px));
		height: min(64px, var(--fixstable-video-play-size, 72px));
	}

	.fixstable-builder-video-dialog {
		width: calc(100vw - 20px);
	}

	.fixstable-builder-video-dialog-inner {
		padding: 8px;
	}

	.fixstable-builder-video-close {
		top: 8px;
		right: 8px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.fixstable-builder-video-play {
		transition: none;
	}
}

/* Reusable Pro Video Showcase composition built from standard Canvza nodes. */
.fixstable-canvza-video-showcase {
	color: #f5faff;
}

.fixstable-canvza-video-showcase > .fixstable-builder-section-inner {
	width: min(100%, var(--fixstable-page-max-width, 1180px));
	max-width: var(--fixstable-page-max-width, 1180px);
}

.fixstable-canvza-video-showcase-row {
	grid-template-columns: minmax(280px, 0.82fr) minmax(420px, 1.18fr) !important;
	align-items: center;
}

.fixstable-canvza-video-showcase-row.is-media-left > .fixstable-builder-column:first-child {
	order: 2;
}

.fixstable-canvza-video-showcase-row.is-media-left > .fixstable-builder-column:last-child {
	order: 1;
}

.fixstable-canvza-video-showcase-row.is-stacked {
	grid-template-columns: 1fr !important;
}

.fixstable-canvza-video-showcase .fixstable-builder-column {
	min-width: 0;
}

.fixstable-canvza-video-showcase .fixstable-builder-column:first-child > .fixstable-builder-text:first-child,
.fixstable-canvza-video-showcase .fixstable-builder-column:first-child > .fixstable-builder-preview-text:first-child {
	color: #70d6ff;
	font-size: 12px;
	font-weight: 850;
	letter-spacing: 0.09em;
	text-transform: uppercase;
}

.fixstable-canvza-video-showcase .fixstable-builder-column:first-child > .fixstable-builder-heading {
	max-width: 13ch;
	font-size: clamp(38px, 4.5vw, 62px);
	line-height: 1.02;
}

.fixstable-canvza-video-showcase .fixstable-builder-column:first-child > .fixstable-builder-text,
.fixstable-canvza-video-showcase .fixstable-builder-column:first-child > .fixstable-builder-text p {
	color: rgba(229, 242, 252, 0.76);
}

.fixstable-canvza-video-showcase .fixstable-builder-testimonial-proof {
	padding: 22px !important;
	border: 1px solid rgba(112, 214, 255, 0.2);
	border-radius: 16px;
	box-shadow: none;
}

.fixstable-canvza-video-showcase .fixstable-builder-testimonial-proof blockquote p {
	font-size: 18px;
	line-height: 1.45;
}

.fixstable-canvza-video-showcase .fixstable-builder-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	grid-template-rows: none;
	gap: 12px !important;
}

.fixstable-canvza-video-showcase .fixstable-builder-grid-item {
	min-height: 0;
}

.fixstable-canvza-video-showcase .fixstable-builder-card-node {
	border-radius: 14px;
	box-shadow: none;
}

.fixstable-canvza-video-showcase-media .fixstable-builder-video-media {
	border-color: rgba(112, 214, 255, 0.3);
	background: #07111d;
	box-shadow: 0 34px 90px rgba(1, 8, 15, 0.42);
}

.fixstable-canvza-video-showcase-media .fixstable-builder-video-figure figcaption {
	color: rgba(229, 242, 252, 0.64);
}

.fixstable-canvza-video-showcase.is-light {
	color: #17202a;
}

.fixstable-canvza-video-showcase.is-light .fixstable-builder-column:first-child > .fixstable-builder-text,
.fixstable-canvza-video-showcase.is-light .fixstable-builder-column:first-child > .fixstable-builder-text p {
	color: #526173;
}

@media (max-width: 900px) {
	.fixstable-canvza-video-showcase-row {
		grid-template-columns: 1fr !important;
	}

	.fixstable-canvza-video-showcase-row.is-media-left > .fixstable-builder-column:first-child,
	.fixstable-canvza-video-showcase-row.is-media-left > .fixstable-builder-column:last-child {
		order: initial;
	}
}

@media (max-width: 600px) {
	.fixstable-canvza-video-showcase .fixstable-builder-grid {
		grid-template-columns: 1fr !important;
	}
}

.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-topbar {
	box-sizing: border-box;
	width: 100%;
	background: #303030;
	color: rgba(255, 255, 255, 0.6);
	font-size: 14px;
	font-weight: 500;
	line-height: 1.35;
}

.fixstable-builder-site-header-topbar * {
	box-sizing: border-box;
}

.fixstable-builder-site-header-topbar-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	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)));
	min-height: 39px;
	margin: 0 auto;
	padding: 7px 24px;
}

.fixstable-builder-site-header-topbar-tagline {
	min-width: 0;
	margin: 0;
	overflow: hidden;
	color: inherit;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.fixstable-builder-site-header-topbar-items {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 0;
	min-width: 0;
}

.fixstable-builder-site-header-topbar-items > * + * {
	margin-left: 18px;
	padding-left: 18px;
	border-left: 1px solid rgba(255, 255, 255, 0.18);
}

.fixstable-builder-site-header-topbar-item,
.fixstable-builder-site-header-topbar-socials,
.fixstable-builder-site-header-topbar-social {
	display: inline-flex;
	align-items: center;
	color: inherit;
	text-decoration: none;
	white-space: nowrap;
}

.fixstable-builder-site-header-topbar-item {
	gap: 7px;
}

.fixstable-builder-site-header-topbar-icon,
.fixstable-builder-site-header-topbar-social {
	width: 18px;
	height: 18px;
	flex: 0 0 18px;
	justify-content: center;
	opacity: 0.88;
}

.fixstable-builder-site-header-topbar-socials {
	gap: 10px;
}

.fixstable-builder-site-header-topbar svg {
	display: block;
	width: 100%;
	height: 100%;
}

.fixstable-builder-site-header-topbar a:hover,
.fixstable-builder-site-header-topbar a:focus-visible {
	color: #ffffff;
}

@media (max-width: 900px) {
	.fixstable-builder-site-header-topbar-inner {
		flex-wrap: wrap;
		justify-content: center;
		gap: 7px 16px;
		min-height: auto;
		padding: 8px 18px;
		text-align: center;
	}

	.fixstable-builder-site-header-topbar-tagline {
		width: 100%;
		white-space: normal;
	}

	.fixstable-builder-site-header-topbar-items {
		flex-wrap: wrap;
		justify-content: center;
		gap: 6px 12px;
	}

	.fixstable-builder-site-header-topbar-items > * + * {
		margin-left: 0;
		padding-left: 0;
		border-left: 0;
	}
}

@media (max-width: 640px) {
	.fixstable-builder-site-header-topbar {
		font-size: 12px;
	}

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

	.fixstable-builder-site-header-topbar-item.is-address,
	.fixstable-builder-site-header-topbar-item.is-hours {
		display: none;
	}
}

.fixstable-builder-preview-viewport.is-device-tablet .fixstable-builder-site-header-topbar-inner,
.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-site-header-topbar-inner {
	flex-wrap: wrap;
	justify-content: center;
	gap: 7px 16px;
	min-height: auto;
	padding: 8px 18px;
	text-align: center;
}

.fixstable-builder-preview-viewport.is-device-tablet .fixstable-builder-site-header-topbar-tagline,
.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-site-header-topbar-tagline {
	width: 100%;
	white-space: normal;
}

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

.fixstable-builder-preview-viewport.is-device-tablet .fixstable-builder-site-header-topbar-items > * + *,
.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-site-header-topbar-items > * + * {
	margin-left: 0;
	padding-left: 0;
	border-left: 0;
}

.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-site-header-topbar {
	font-size: 12px;
}

.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-site-header-topbar-inner {
	padding: 7px 16px;
}

.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-site-header-topbar-item.is-address,
.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-site-header-topbar-item.is-hours {
	display: none;
}

.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: 100%;
	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-testimonial-proof cite .fixstable-builder-testimonial-attribution {
	color: inherit;
	font-weight: 800;
	opacity: 1;
}

.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: 16px;
	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: 16px;
}

.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: 999px;
}

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

.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: 44px;
	height: 44px;
	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-service-area-map {
	grid-template-columns: minmax(0, 1.12fr) minmax(320px, 0.88fr);
	align-items: stretch;
	gap: clamp(24px, 4vw, 56px);
	overflow: hidden;
}

.fixstable-builder-service-area-map.is-map-right .fixstable-builder-service-area-map-media {
	order: 2;
}

.fixstable-builder-service-area-map-media {
	position: relative;
	height: 100%;
	min-height: var(--fixstable-service-area-map-height, 390px);
	overflow: hidden;
	border-radius: 22px;
	background:
		linear-gradient(135deg, rgba(21, 128, 61, 0.18), rgba(14, 165, 233, 0.16)),
		#e7f4ee;
	box-shadow:
		0 24px 60px rgba(15, 23, 42, 0.14),
		inset 0 0 0 1px rgba(255, 255, 255, 0.44);
}

.fixstable-builder-service-area-map iframe,
.fixstable-builder-service-area-map-placeholder {
	display: block;
	width: 100%;
	height: 100%;
	min-height: var(--fixstable-service-area-map-height, 390px);
	border: 0;
}

.fixstable-builder-preview-stage .fixstable-builder-service-area-map iframe {
	pointer-events: none;
}

.fixstable-builder-service-area-map-placeholder {
	display: grid;
	place-items: center;
	color: rgba(23, 32, 42, 0.64);
	font-weight: 800;
	letter-spacing: 0;
	text-transform: uppercase;
}

.fixstable-builder-service-area-map-link {
	position: absolute;
	top: 14px;
	left: 14px;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	min-height: 36px;
	padding: 8px 12px;
	border-radius: 8px;
	background: #ffffff;
	color: #0f5bb5 !important;
	font-size: 14px;
	font-weight: 800;
	line-height: 1;
	text-decoration: none;
	box-shadow: 0 12px 28px rgba(15, 23, 42, 0.16);
}

.fixstable-builder-service-area-map-pin {
	position: absolute;
	right: 18px;
	bottom: 18px;
	z-index: 2;
	display: grid;
	gap: 4px;
	max-width: min(320px, calc(100% - 36px));
	padding: 14px 16px;
	border-radius: 8px;
	background: rgba(3, 7, 18, 0.82);
	color: #ffffff;
	box-shadow: 0 18px 42px rgba(0, 0, 0, 0.28);
	backdrop-filter: blur(12px);
}

.fixstable-builder-service-area-map-pin span {
	color: rgba(255, 255, 255, 0.72) !important;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0;
	text-transform: uppercase;
}

.fixstable-builder-service-area-map-pin strong {
	color: #ffffff !important;
	font-size: clamp(16px, 1.6vw, 20px);
	line-height: 1.15;
}

.fixstable-builder-service-area-map-content {
	display: grid;
	gap: clamp(14px, 2vw, 22px);
	min-width: 0;
}

.fixstable-builder-service-area-map-content h2 {
	max-width: min(680px, 100%);
}

.fixstable-builder-service-area-map-content ul {
	display: grid;
	gap: 0;
	margin: 4px 0 0;
	padding: 0;
	list-style: none;
}

.fixstable-builder-service-area-map-content li {
	display: grid;
	grid-template-columns: minmax(128px, 0.62fr) minmax(0, 1fr);
	gap: 12px;
	padding: 14px 0;
	border-top: 1px solid rgba(15, 23, 42, 0.1);
}

.fixstable-builder-service-area-map-content li:last-child {
	border-bottom: 1px solid rgba(15, 23, 42, 0.1);
}

.fixstable-builder-service-area-map-content li strong {
	color: inherit;
	line-height: 1.25;
}

.fixstable-builder-service-area-map-content li span {
	color: rgba(23, 32, 42, 0.72);
	line-height: 1.55;
}

.fixstable-builder-service-area-map.is-dark-surface .fixstable-builder-service-area-map-content li {
	border-color: rgba(255, 255, 255, 0.16);
}

.fixstable-builder-service-area-map.is-dark-surface .fixstable-builder-service-area-map-content li span {
	color: rgba(244, 249, 255, 0.76);
}

.fixstable-builder-service-area-map.is-dark-surface .fixstable-builder-service-area-map-media {
	box-shadow:
		0 24px 60px rgba(0, 0, 0, 0.34),
		inset 0 0 0 1px rgba(255, 255, 255, 0.12);
}

@media (max-width: 900px) {
	.fixstable-builder-service-area-map,
	.fixstable-builder-service-area-map.is-map-right {
		grid-template-columns: 1fr;
	}

	.fixstable-builder-service-area-map.is-map-right .fixstable-builder-service-area-map-media {
		order: 0;
	}

	.fixstable-builder-service-area-map-media {
		min-height: min(var(--fixstable-service-area-map-height, 390px), 360px);
	}

	.fixstable-builder-service-area-map iframe,
	.fixstable-builder-service-area-map-placeholder {
		height: min(var(--fixstable-service-area-map-height, 390px), 360px);
		min-height: min(var(--fixstable-service-area-map-height, 390px), 360px);
	}
}

@media (max-width: 640px) {
	.fixstable-builder-service-area-map {
		padding: 22px;
	}

	.fixstable-builder-service-area-map-media {
		border-radius: 18px;
		min-height: 280px;
	}

	.fixstable-builder-service-area-map iframe,
	.fixstable-builder-service-area-map-placeholder {
		height: 280px;
		min-height: 280px;
	}

	.fixstable-builder-service-area-map-pin {
		right: 12px;
		bottom: 12px;
		max-width: calc(100% - 24px);
		padding: 12px 14px;
	}

	.fixstable-builder-service-area-map-link {
		top: 12px;
		left: 12px;
		min-height: 32px;
		font-size: 13px;
	}

	.fixstable-builder-service-area-map-content li {
		grid-template-columns: 1fr;
		gap: 4px;
	}
}

.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, 3.2cqi, 34px);
}

.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-commercial.fixstable-greenline-gallery,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-commercial.fixstable-greenline-gallery,
.fixstable-builder-preview-shell .fixstable-builder-commercial.fixstable-greenline-gallery {
	background:
		linear-gradient(135deg, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.24)),
		#2f3430 !important;
	border-color: rgba(159, 202, 58, 0.16) !important;
	color: #f6f8ef !important;
	box-shadow: 0 24px 70px rgba(9, 17, 15, 0.18) !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-greenline-gallery h2,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-greenline-gallery h2 span,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-greenline-gallery h2,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-greenline-gallery h2 span,
.fixstable-builder-preview-shell .fixstable-greenline-gallery h2,
.fixstable-builder-preview-shell .fixstable-greenline-gallery h2 span {
	color: #f6f8ef !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-greenline-gallery h2 strong,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-greenline-gallery .fixstable-greenline-more-link,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-greenline-gallery .fixstable-greenline-gallery-card-body span,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-greenline-gallery h2 strong,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-greenline-gallery .fixstable-greenline-more-link,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-greenline-gallery .fixstable-greenline-gallery-card-body span,
.fixstable-builder-preview-shell .fixstable-greenline-gallery h2 strong,
.fixstable-builder-preview-shell .fixstable-greenline-gallery .fixstable-greenline-more-link,
.fixstable-builder-preview-shell .fixstable-greenline-gallery .fixstable-greenline-gallery-card-body span {
	color: var(--fixstable-greenline-accent, #9fca3a) !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-greenline-gallery .fixstable-greenline-section-intro,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-greenline-gallery .fixstable-greenline-section-intro p,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-greenline-gallery .fixstable-greenline-section-intro,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-greenline-gallery .fixstable-greenline-section-intro p,
.fixstable-builder-preview-shell .fixstable-greenline-gallery .fixstable-greenline-section-intro,
.fixstable-builder-preview-shell .fixstable-greenline-gallery .fixstable-greenline-section-intro p {
	color: rgba(246, 248, 239, 0.68) !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-greenline-gallery .fixstable-greenline-gallery-card-body h3,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-greenline-gallery .fixstable-greenline-gallery-card-body h3,
.fixstable-builder-preview-shell .fixstable-greenline-gallery .fixstable-greenline-gallery-card-body h3 {
	color: rgba(246, 248, 239, 0.72) !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-commercial.fixstable-greenline-gallery h2,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-commercial.fixstable-greenline-gallery h2 span,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-commercial.fixstable-greenline-gallery h2,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-commercial.fixstable-greenline-gallery h2 span,
.fixstable-builder-preview-shell .fixstable-builder-commercial.fixstable-greenline-gallery h2,
.fixstable-builder-preview-shell .fixstable-builder-commercial.fixstable-greenline-gallery h2 span {
	color: #f6f8ef !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-commercial.fixstable-greenline-gallery h2 strong,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-commercial.fixstable-greenline-gallery h2 strong,
.fixstable-builder-preview-shell .fixstable-builder-commercial.fixstable-greenline-gallery h2 strong {
	color: var(--fixstable-greenline-accent, #9fca3a) !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-request-section.is-dark-surface aside,
.fixstable-builder-preview-shell .fixstable-builder-frontend.fixstable-builder-color-mode-bright .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-frontend.fixstable-builder-color-mode-bright .fixstable-builder-request-section.is-dark-surface aside p,
.fixstable-builder-preview-shell .fixstable-builder-frontend.fixstable-builder-color-mode-bright .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, 4cqi, 42px));
	--fixstable-section-flow-gap: clamp(22px, 3cqi, 36px);
	--fixstable-card-flow-gap: clamp(14px, 2cqi, 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.5cqi, 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-radius: 0;
	box-shadow: none;
	overflow: visible;
}

.fixstable-builder-preview-stage .fixstable-builder-site-footer.is-preview {
	margin-top: 0;
	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-stage.fixstable-builder-page-layout-wide > .fixstable-builder-frontend {
	width: 100%;
	max-width: none;
	margin-right: 0;
	margin-left: 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.5cqi, 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.2cqi, 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(8px, 1.4vw, 16px);
	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-shell {
	container-name: fixstable-preview-shell;
	container-type: inline-size;
	min-width: 0;
}

.fixstable-builder-preview-shell .fixstable-builder-frontend,
.fixstable-builder-preview-shell .fixstable-builder-node-wrap,
.fixstable-builder-preview-shell .fixstable-builder-node-children {
	min-width: 0;
	max-width: 100%;
}

.fixstable-builder-preview-shell .fixstable-builder-frontend {
	overflow-x: clip;
}

.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: min(calc(100% - (var(--fixstable-page-rail-gutter, 24px) * 2)), var(--fixstable-page-contained-rail, var(--fixstable-page-max-width, 1180px))) !important;
	max-width: var(--fixstable-page-contained-rail, var(--fixstable-page-max-width, 1180px)) !important;
	margin-inline: auto;
	padding-inline: 0;
	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: 12px;
}

.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-site-header.has-mobile-nav.is-mobile-preview .fixstable-builder-site-nav {
	order: 4;
	flex-basis: 100%;
	flex-direction: column;
	align-items: stretch;
	justify-content: flex-start;
	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-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: auto minmax(0, 1fr) auto;
	column-gap: clamp(16px, calc(var(--fixstable-preview-width, 100vw) * 0.03), 36px);
	row-gap: clamp(12px, calc(var(--fixstable-preview-width, 100vw) * 0.02), 24px);
}

.fixstable-builder-preview-viewport.is-device-tablet .fixstable-builder-site-header-split-cta:not(.is-mobile-preview) .fixstable-builder-site-nav {
	grid-column: 2;
	grid-row: 1;
	justify-self: center;
	flex-wrap: wrap;
	gap: clamp(8px, calc(var(--fixstable-preview-width, 100vw) * 0.014), 16px);
}

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

.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.4cqi, 28px);
	--fixstable-card-flow-gap: clamp(14px, 1.8cqi, 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, 2cqi, 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.2cqi, 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-map-section {
	background:
		radial-gradient(circle at 0 0, rgba(132, 204, 22, 0.22), transparent 28%),
		linear-gradient(135deg, #f7fdf8 0%, #eef8f1 48%, #ffffff 100%) !important;
	border-color: rgba(21, 128, 61, 0.14) !important;
	box-shadow: 0 22px 58px rgba(20, 83, 45, 0.1) !important;
}

.fixstable-demo-local-map-section .fixstable-builder-commercial-eyebrow {
	color: #15803d !important;
}

.fixstable-demo-local-map-section .fixstable-builder-service-area-map-media {
	background:
		linear-gradient(135deg, rgba(21, 128, 61, 0.18), rgba(14, 165, 233, 0.12)),
		#e7f4ee;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-commercial.fixstable-demo-local-map-section .fixstable-builder-service-area-map-pin span,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-commercial.fixstable-demo-local-map-section .fixstable-builder-service-area-map-pin span,
.fixstable-builder-preview-shell .fixstable-builder-preview-stage .fixstable-builder-commercial.fixstable-demo-local-map-section .fixstable-builder-service-area-map-pin span,
.fixstable-builder-commercial.fixstable-demo-local-map-section .fixstable-builder-service-area-map-pin span {
	color: rgba(255, 255, 255, 0.74) !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-commercial.fixstable-demo-local-map-section .fixstable-builder-service-area-map-pin strong,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-commercial.fixstable-demo-local-map-section .fixstable-builder-service-area-map-pin strong,
.fixstable-builder-preview-shell .fixstable-builder-preview-stage .fixstable-builder-commercial.fixstable-demo-local-map-section .fixstable-builder-service-area-map-pin strong,
.fixstable-builder-commercial.fixstable-demo-local-map-section .fixstable-builder-service-area-map-pin strong {
	color: #ffffff !important;
}

.fixstable-demo-local-map-section .fixstable-builder-action-link.is-primary {
	background: #15803d !important;
	border-color: #15803d !important;
	color: #ffffff !important;
	box-shadow: 0 12px 28px rgba(21, 128, 61, 0.22);
}

.fixstable-greenline-news,
.fixstable-greenline-gallery {
	padding: clamp(54px, 6vw, 82px) 24px;
	--fixstable-greenline-columns: 3;
	--fixstable-greenline-accent: #84cc16;
}

.fixstable-greenline-news .fixstable-builder-section-inner,
.fixstable-greenline-gallery .fixstable-builder-section-inner {
	width: min(100%, var(--fixstable-content-max-width, 1180px));
}

.fixstable-greenline-section-head {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: clamp(24px, 3vw, 34px);
	padding-bottom: 18px;
	border-bottom: 1px solid color-mix(in srgb, currentColor 13%, transparent);
}

.fixstable-greenline-section-head.is-centered {
	display: grid;
	justify-items: center;
	text-align: center;
	border-bottom: 0;
}

.fixstable-greenline-section-head h2 {
	margin: 0;
	color: inherit;
	font-size: clamp(40px, 5vw, 58px);
	line-height: 1.03;
	letter-spacing: 0;
}

.fixstable-greenline-section-head h2 span {
	font-family: Georgia, "Times New Roman", serif;
	font-weight: 700;
}

.fixstable-greenline-section-head h2 strong {
	color: var(--fixstable-greenline-accent, #84cc16);
	font-family: inherit;
	font-weight: 900;
}

.fixstable-greenline-section-intro {
	max-width: 620px;
	color: color-mix(in srgb, currentColor 70%, transparent);
	font-size: 17px;
	line-height: 1.6;
}

.fixstable-greenline-section-intro p {
	margin: 0;
	color: inherit;
}

.fixstable-greenline-more-link,
.fixstable-greenline-text-link {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: var(--fixstable-greenline-accent, #84cc16) !important;
	font-size: 14px;
	font-weight: 900;
	line-height: 1.1;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
}

.fixstable-greenline-more-link::after,
.fixstable-greenline-text-link::after {
	content: ">";
	font-size: 15px;
	line-height: 1;
	transform: translateY(-1px);
}

.fixstable-greenline-news-grid,
.fixstable-greenline-gallery-grid {
	display: grid;
	grid-template-columns: repeat(var(--fixstable-greenline-columns, 3), minmax(0, 1fr));
	gap: clamp(22px, 3vw, 30px);
}

.fixstable-greenline-news-card {
	min-width: 0;
	overflow: hidden;
	border: 1px solid rgba(15, 23, 42, 0.08);
	border-radius: 8px;
	background: var(--fixstable-greenline-card-bg, #ffffff);
	box-shadow: 0 16px 38px rgba(20, 83, 45, 0.08);
}

.fixstable-greenline-news-media,
.fixstable-greenline-gallery-media {
	position: relative;
	display: block;
	overflow: hidden;
	color: inherit;
	text-decoration: none;
}

.fixstable-greenline-news-media {
	aspect-ratio: 16 / 9;
}

.fixstable-greenline-news-image,
.fixstable-greenline-gallery-image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.fixstable-greenline-news-image.is-placeholder,
.fixstable-greenline-gallery-image.is-placeholder {
	display: grid;
	place-items: center;
	min-height: 220px;
	color: rgba(15, 23, 42, 0.62);
	font-weight: 800;
	text-transform: uppercase;
}

.fixstable-greenline-news-meta {
	position: absolute;
	left: 22px;
	bottom: 20px;
	display: inline-flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 4px;
	max-width: calc(100% - 44px);
}

.fixstable-greenline-news-meta span {
	display: inline-flex;
	align-items: center;
	min-height: 36px;
	padding: 8px 13px;
	border-radius: 0;
	background: var(--fixstable-greenline-accent, #84cc16);
	color: #ffffff !important;
	font-size: 13px;
	font-weight: 900;
	line-height: 1;
	text-transform: uppercase;
}

.fixstable-greenline-news-body {
	display: grid;
	gap: 16px;
	padding: clamp(22px, 3vw, 30px);
}

.fixstable-greenline-news-body h3,
.fixstable-greenline-gallery-card-body h3 {
	margin: 0;
	color: inherit;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(23px, 2vw, 28px);
	line-height: 1.12;
	letter-spacing: 0;
}

.fixstable-greenline-news-body h3 a,
.fixstable-greenline-gallery-card-body h3 a {
	color: inherit !important;
	text-decoration: none;
}

.fixstable-greenline-news-body p {
	margin: 0;
	color: color-mix(in srgb, currentColor 68%, transparent);
	font-size: 16px;
	line-height: 1.65;
}

.fixstable-greenline-gallery {
	position: relative;
	overflow: hidden;
	background:
		linear-gradient(135deg, color-mix(in srgb, #000000 10%, transparent), color-mix(in srgb, #000000 18%, transparent)),
		var(--fixstable-section-background, #2f3430);
}

.fixstable-greenline-gallery-card {
	min-width: 0;
}

.fixstable-greenline-gallery-media {
	aspect-ratio: 4 / 3;
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.08);
}

.fixstable-greenline-gallery-card-body {
	display: grid;
	gap: 10px;
	padding-top: 18px;
	text-align: center;
}

.fixstable-greenline-gallery-card-body span {
	color: var(--fixstable-greenline-accent, #9fca3a) !important;
	font-size: 14px;
	font-weight: 900;
	text-transform: uppercase;
}

.fixstable-greenline-gallery-card-body h3 {
	color: color-mix(in srgb, currentColor 72%, transparent);
	font-size: clamp(22px, 2vw, 27px);
}

.fixstable-greenline-gallery-controls {
	display: flex;
	justify-content: center;
	gap: 1px;
	margin-top: clamp(28px, 4vw, 44px);
}

.fixstable-greenline-gallery-controls a {
	position: relative;
	display: grid;
	place-items: center;
	width: 52px;
	height: 48px;
	background: var(--fixstable-greenline-accent, #9fca3a);
	color: #ffffff !important;
	text-decoration: none;
}

.fixstable-greenline-gallery-controls a:first-child {
	border-radius: 6px 0 0 6px;
}

.fixstable-greenline-gallery-controls a:last-child {
	border-radius: 0 6px 6px 0;
}

.fixstable-greenline-gallery-controls a::before {
	content: "";
	width: 12px;
	height: 12px;
	border-top: 3px solid currentColor;
	border-right: 3px solid currentColor;
	transform: rotate(-135deg);
}

.fixstable-greenline-gallery-controls a:last-child::before {
	transform: rotate(45deg);
}

@media (max-width: 900px) {
	.fixstable-greenline-news-grid,
	.fixstable-greenline-gallery-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.fixstable-greenline-gallery {
		--fixstable-greenline-columns: 2;
	}
}

@media (max-width: 680px) {
	.fixstable-greenline-news,
	.fixstable-greenline-gallery {
		padding: 42px 16px;
	}

	.fixstable-greenline-section-head,
	.fixstable-greenline-section-head.is-centered {
		display: grid;
		justify-items: start;
		text-align: left;
	}

	.fixstable-greenline-section-head h2 {
		font-size: clamp(34px, 13vw, 46px);
	}

	.fixstable-greenline-news-grid,
	.fixstable-greenline-gallery-grid {
		grid-template-columns: 1fr;
	}

	.fixstable-greenline-news-meta {
		left: 14px;
		bottom: 14px;
		max-width: calc(100% - 28px);
	}

	.fixstable-greenline-news-meta span {
		min-height: 32px;
		padding: 7px 10px;
		font-size: 12px;
	}

	.fixstable-greenline-news-body {
		padding: 22px;
	}
}

.fixstable-greenline-slider-component {
	position: relative;
	overflow: hidden;
	padding: 0;
	color: #ffffff;
	background: #06130f;
}

.fixstable-greenline-slider-stage {
	position: relative;
	min-height: var(--fixstable-greenline-slider-min-height, clamp(520px, calc(100vh - 190px), 680px));
	isolation: isolate;
	overflow: hidden;
	background: #06130f;
}

.fixstable-greenline-slider-slide {
	position: absolute;
	inset: 0;
	display: grid;
	place-items: center;
	padding: clamp(64px, 8vw, 96px) clamp(72px, 8vw, 124px) clamp(92px, 10vw, 118px);
	opacity: 0;
	visibility: hidden;
	transition:
		opacity var(--fixstable-greenline-slider-speed, 650ms) ease,
		visibility var(--fixstable-greenline-slider-speed, 650ms) ease;
}

.fixstable-greenline-slider-slide.is-active {
	opacity: 1;
	visibility: visible;
}

.fixstable-greenline-slider-image {
	position: absolute;
	inset: 0;
	z-index: -3;
	display: block;
	width: 100% !important;
	max-width: none !important;
	height: 100% !important;
	min-height: 100% !important;
	object-fit: cover !important;
	background: #14532d;
}

.fixstable-greenline-slider-image.is-placeholder {
	display: grid;
	place-items: center;
	color: rgba(255, 255, 255, 0.74);
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.fixstable-greenline-slider-scrim {
	position: absolute;
	inset: 0;
	z-index: -2;
	background:
		linear-gradient(90deg, rgba(0, 0, 0, calc(var(--fixstable-greenline-slider-overlay, 0.56) + 0.08)), rgba(0, 0, 0, var(--fixstable-greenline-slider-overlay, 0.56)));
}

.fixstable-greenline-slider-content {
	width: min(940px, 100%);
	display: grid;
	gap: clamp(12px, 1.7vw, 20px);
	text-align: center;
	justify-items: center;
}

.fixstable-greenline-slider-component.is-position-left .fixstable-greenline-slider-slide {
	place-items: center start;
}

.fixstable-greenline-slider-component.is-position-right .fixstable-greenline-slider-slide {
	place-items: center end;
}

.fixstable-greenline-slider-component.is-align-left .fixstable-greenline-slider-content {
	text-align: left;
	justify-items: start;
}

.fixstable-greenline-slider-component.is-align-right .fixstable-greenline-slider-content {
	text-align: right;
	justify-items: end;
}

.fixstable-greenline-slider-kicker {
	margin: 0;
	color: #ffffff;
	font-size: clamp(14px, 1.25vw, 20px);
	font-weight: 800;
	letter-spacing: 0;
	text-transform: uppercase;
	text-shadow: 0 2px 18px rgba(0, 0, 0, 0.34);
}

.fixstable-greenline-slider-headline {
	max-width: min(1120px, 100%);
	margin: 0;
	color: var(--fixstable-greenline-slider-accent, #c8ea00);
	font-family: Impact, Haettenschweiler, "Arial Narrow Bold", "Roboto Condensed", sans-serif;
	font-size: clamp(40px, 4.6vw, 68px);
	font-weight: 900;
	letter-spacing: 0;
	line-height: 1.04;
	text-wrap: balance;
	text-shadow: 0 4px 28px rgba(0, 0, 0, 0.42);
}

.fixstable-greenline-slider-copy {
	display: none;
	max-width: 680px;
	color: rgba(255, 255, 255, 0.9);
	font-size: clamp(16px, 1.45vw, 20px);
	line-height: 1.38;
	text-shadow: 0 2px 18px rgba(0, 0, 0, 0.34);
}

.fixstable-greenline-slider-copy p {
	margin: 0;
	color: inherit;
}

.fixstable-greenline-slider-actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: inherit;
	gap: 12px 14px;
	margin-top: 4px;
}

.fixstable-greenline-slider-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 166px;
	min-height: 52px;
	padding: 12px 22px;
	border-radius: 16px;
	font-size: clamp(14px, 1.05vw, 17px);
	font-weight: 900;
	line-height: 1;
	text-decoration: none;
	box-shadow: 0 18px 38px rgba(0, 0, 0, 0.24);
	transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease;
}

.fixstable-greenline-slider-button:hover,
.fixstable-greenline-slider-button:focus-visible {
	transform: translateY(-2px);
	box-shadow: 0 22px 46px rgba(0, 0, 0, 0.3);
}

.fixstable-greenline-slider-button.is-primary {
	background: var(--fixstable-greenline-slider-button, #ffffff);
	color: var(--fixstable-greenline-slider-button-text, #06130f);
}

.fixstable-greenline-slider-button.is-secondary {
	background: var(--fixstable-greenline-slider-secondary, rgba(18, 25, 8, 0.88));
	color: var(--fixstable-greenline-slider-secondary-text, #b8c83a);
	border: 1px solid rgba(217, 249, 157, 0.22);
}

.fixstable-greenline-slider-arrow {
	position: absolute;
	top: 50%;
	z-index: 3;
	display: grid;
	place-items: center;
	width: 74px;
	height: 74px;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: rgba(0, 0, 0, 0.88);
	color: #ffffff;
	box-shadow: 0 18px 38px rgba(0, 0, 0, 0.3);
	transform: translateY(-50%);
	cursor: pointer;
}

.fixstable-greenline-slider-arrow.is-prev {
	left: clamp(18px, 3vw, 38px);
}

.fixstable-greenline-slider-arrow.is-next {
	right: clamp(18px, 3vw, 38px);
}

.fixstable-greenline-slider-arrow span {
	display: block;
	width: 18px;
	height: 18px;
	border-top: 3px solid currentColor;
	border-right: 3px solid currentColor;
}

.fixstable-greenline-slider-arrow.is-prev span {
	transform: rotate(-135deg) translate(-3px, 3px);
}

.fixstable-greenline-slider-arrow.is-next span {
	transform: rotate(45deg) translate(-3px, 3px);
}

.fixstable-greenline-slider-dots {
	position: absolute;
	left: 50%;
	bottom: 34px;
	z-index: 4;
	display: flex;
	align-items: center;
	gap: 18px;
	transform: translateX(-50%);
}

.fixstable-greenline-slider-dot {
	width: 14px;
	height: 14px;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.58);
	box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.08);
	cursor: pointer;
}

.fixstable-greenline-slider-dot.is-active {
	background: #ffffff;
	box-shadow: 0 0 0 5px rgba(200, 234, 0, 0.32);
}

@media (max-width: 782px) {
	.fixstable-greenline-slider-stage {
		min-height: clamp(560px, calc(100vh - 96px), 680px);
	}

	.fixstable-greenline-slider-slide {
		padding: 74px 22px 104px;
		place-items: center;
	}

	.fixstable-greenline-slider-component.is-mobile-stacked .fixstable-greenline-slider-content,
	.fixstable-greenline-slider-content {
		text-align: center;
		justify-items: center;
	}

	.fixstable-greenline-slider-headline {
		max-width: 100%;
		font-size: clamp(36px, 10.8vw, 52px);
		line-height: 1.02;
	}

	.fixstable-greenline-slider-copy {
		font-size: 18px;
	}

	.fixstable-greenline-slider-actions {
		width: 100%;
		justify-content: center;
		gap: 12px;
	}

	.fixstable-greenline-slider-button {
		width: min(100%, 250px);
		min-width: 0;
		min-height: 50px;
		padding: 12px 18px;
		font-size: 16px;
	}

	.fixstable-greenline-slider-arrow {
		top: auto;
		bottom: 88px;
		width: 38px;
		height: 38px;
		transform: none;
	}

	.fixstable-greenline-slider-arrow span {
		width: 16px;
		height: 16px;
		border-width: 2px;
	}

	.fixstable-greenline-slider-arrow.is-prev {
		left: 18px;
	}

	.fixstable-greenline-slider-arrow.is-next {
		right: 18px;
	}

	.fixstable-greenline-slider-dots {
		bottom: 28px;
		gap: 12px;
	}
}

.fixstable-demo-local-page-hero,
.fixstable-demo-local-resources {
	position: relative;
	overflow: hidden;
}

.fixstable-demo-local-page-hero::before,
.fixstable-demo-local-page-hero::after,
.fixstable-demo-local-resources::before,
.fixstable-demo-local-resources::after {
	content: "";
	position: absolute;
	pointer-events: none;
	border-radius: 999px;
	filter: blur(10px);
}

.fixstable-demo-local-page-hero::before {
	inset: -120px auto auto -80px;
	width: 280px;
	height: 280px;
	background: radial-gradient(circle, rgba(132, 204, 22, 0.22), rgba(132, 204, 22, 0));
}

.fixstable-demo-local-page-hero::after {
	inset: auto -100px -130px auto;
	width: 340px;
	height: 340px;
	background: radial-gradient(circle, rgba(21, 128, 61, 0.14), rgba(21, 128, 61, 0));
}

.fixstable-demo-local-resources::before {
	inset: -100px auto auto -60px;
	width: 240px;
	height: 240px;
	background: radial-gradient(circle, rgba(21, 128, 61, 0.14), rgba(21, 128, 61, 0));
}

.fixstable-demo-local-resources::after {
	inset: auto -90px -120px auto;
	width: 280px;
	height: 280px;
	background: radial-gradient(circle, rgba(132, 204, 22, 0.16), rgba(132, 204, 22, 0));
}

.fixstable-demo-local-page-hero > .fixstable-builder-section-inner,
.fixstable-demo-local-resources > .fixstable-builder-section-inner {
	position: relative;
	z-index: 1;
}

.fixstable-demo-local-page-hero .fixstable-builder-cta-block,
.fixstable-demo-local-resources .fixstable-builder-grid {
	border-radius: 28px;
}

.fixstable-demo-local-page-hero .fixstable-builder-cta-block:not(.has-hero-panel) {
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 253, 248, 0.94)) !important;
	border: 1px solid rgba(21, 128, 61, 0.14) !important;
	box-shadow:
		0 22px 60px rgba(15, 23, 42, 0.08),
		0 0 0 1px rgba(255, 255, 255, 0.6) inset;
}

.fixstable-demo-local-page-hero .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-local-page-hero .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-local-page-hero .fixstable-builder-cta-block .fixstable-builder-heading,
.fixstable-demo-local-resources .fixstable-builder-heading:first-child {
	max-width: min(16ch, 100%);
	line-height: 1.08;
}

.fixstable-demo-local-page-hero .fixstable-builder-cta-block .fixstable-builder-button,
.fixstable-demo-local-resources .fixstable-builder-button {
	box-shadow: 0 12px 28px rgba(21, 128, 61, 0.22);
}

.fixstable-demo-local-resources {
	background:
		radial-gradient(circle at 0 0, rgba(132, 204, 22, 0.16), transparent 34%),
		linear-gradient(135deg, #f7fdf8 0%, #edf8ef 100%);
	border: 1px solid rgba(21, 128, 61, 0.12);
	box-shadow: 0 18px 44px rgba(20, 83, 45, 0.08);
}

.fixstable-demo-local-resources .fixstable-builder-grid {
	gap: 18px;
}

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

.fixstable-demo-local-resources .fixstable-demo-local-badge-card::before,
.fixstable-demo-local-resources .fixstable-demo-local-service-card::before,
.fixstable-demo-local-resources .fixstable-demo-local-area-card::before,
.fixstable-demo-local-resources .fixstable-demo-local-estimate-card::before {
	margin-bottom: 10px;
}

.fixstable-demo-local-resource-topics {
	background:
		linear-gradient(180deg, #f9fff9 0%, #eef8f0 100%) !important;
	border-top: 1px solid rgba(21, 128, 61, 0.12);
	border-bottom: 1px solid rgba(21, 128, 61, 0.12);
	box-shadow: none;
}

.fixstable-demo-local-resource-topics > .fixstable-builder-section-inner,
.fixstable-demo-local-resource-topics-cta > .fixstable-builder-section-inner {
	max-width: 1180px;
	align-items: flex-start;
}

.fixstable-demo-local-resource-topics .fixstable-demo-local-resource-topics-list {
	display: grid;
	gap: clamp(22px, 3vw, 34px);
	width: 100%;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.fixstable-demo-local-resource-topics-list .fixstable-builder-commercial-head {
	max-width: 780px;
	gap: 14px;
	margin: 0;
}

.fixstable-demo-local-resource-topics-list .fixstable-builder-commercial-head h2 {
	max-width: 16ch;
	margin: 0;
	color: #052e16;
	font-size: clamp(38px, 4vw, 56px);
	font-weight: 900;
	line-height: 1.02;
}

.fixstable-demo-local-resource-topics-list .fixstable-builder-commercial-head p {
	max-width: 58ch;
	margin: 0;
	color: #334155;
	font-size: clamp(18px, 1.25vw, 22px);
	line-height: 1.55;
}

.fixstable-demo-local-resource-topics-list ul {
	gap: clamp(18px, 2vw, 24px);
}

.fixstable-demo-local-resource-topics-list li {
	display: grid;
	align-content: start;
	gap: 16px;
	min-height: 220px;
	padding: clamp(24px, 2.6vw, 32px) !important;
	border: 1px solid rgba(15, 23, 42, 0.1);
	border-radius: 18px;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 253, 249, 0.96));
	box-shadow: 0 18px 44px rgba(20, 83, 45, 0.1);
}

.fixstable-demo-local-resource-topics-list li::before {
	position: static;
	display: block;
	width: 42px;
	height: 4px;
	margin: 0 0 12px;
	border-radius: 999px;
	background: var(--fixstable-accent, #15803d);
}

.fixstable-builder-feature-list-label,
.fixstable-builder-feature-list-body {
	display: block;
}

.fixstable-demo-local-resource-topics-list .fixstable-builder-feature-list-label {
	color: #071018;
	font-size: clamp(21px, 1.7vw, 28px);
	font-weight: 900;
	line-height: 1.12;
}

.fixstable-demo-local-resource-topics-list .fixstable-builder-feature-list-body {
	color: #334155;
	font-size: clamp(17px, 1.1vw, 19px);
	line-height: 1.6;
}

.fixstable-demo-local-resource-topics-cta {
	background: #eef8f0 !important;
}

.fixstable-demo-local-resource-topics-cta .fixstable-builder-button {
	box-shadow: 0 14px 34px rgba(21, 128, 61, 0.24);
}

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-demo-local-resource-topics {
	background:
		linear-gradient(180deg, #f9fff9 0%, #eef8f0 100%) !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-demo-local-resource-topics .fixstable-builder-commercial.fixstable-demo-local-resource-topics-list,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-demo-local-resource-topics .fixstable-builder-commercial.fixstable-builder-preview-commercial.fixstable-demo-local-resource-topics-list {
	background: transparent !important;
	border-color: transparent !important;
	box-shadow: none !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-demo-local-resource-topics-cta {
	background: #eef8f0 !important;
}

.fixstable-builder-site-footer.fixstable-demo-kit-local-service {
	position: relative;
	overflow: hidden;
	background:
		radial-gradient(circle at 0 0, rgba(132, 204, 22, 0.08), transparent 32%),
		linear-gradient(180deg, rgba(247, 253, 248, 0.98), rgba(239, 248, 241, 0.98)) !important;
	border-top: 1px solid rgba(21, 128, 61, 0.12);
}

.fixstable-builder-site-footer.fixstable-demo-kit-local-service::before {
	content: "";
	position: absolute;
	inset: auto -10% -120px auto;
	width: 280px;
	height: 280px;
	border-radius: 999px;
	background: radial-gradient(circle, rgba(21, 128, 61, 0.12), rgba(21, 128, 61, 0));
	pointer-events: none;
}

.fixstable-builder-site-footer.fixstable-demo-kit-local-service .fixstable-builder-site-footer-inner {
	position: relative;
	z-index: 1;
	gap: clamp(18px, 3vw, 30px);
}

.fixstable-builder-site-footer.fixstable-demo-kit-local-service .fixstable-builder-site-footer-brand {
	max-width: 340px;
}

.fixstable-builder-site-footer.fixstable-demo-kit-local-service .fixstable-builder-site-footer-tagline {
	max-width: 36ch;
}

.fixstable-builder-site-footer.fixstable-demo-kit-local-service .fixstable-builder-site-footer-nav {
	gap: 18px 22px;
}

.fixstable-builder-site-footer.fixstable-demo-kit-local-service .fixstable-builder-site-footer-support {
	box-shadow: 0 12px 28px rgba(21, 128, 61, 0.22);
}

@media (max-width: 767px) {
	.fixstable-demo-local-page-hero .fixstable-builder-cta-block:not(.has-hero-panel),
	.fixstable-demo-local-page-hero .fixstable-builder-cta-block.has-hero-panel {
		border-radius: 24px !important;
		padding: 26px 18px !important;
	}

	.fixstable-demo-local-resources {
		padding-top: 36px !important;
		padding-bottom: 36px !important;
	}

	.fixstable-demo-local-resources .fixstable-builder-grid {
		gap: 12px;
	}

	.fixstable-demo-local-resource-topics {
		padding-top: 40px !important;
		padding-bottom: 20px !important;
	}

	.fixstable-demo-local-resource-topics .fixstable-demo-local-resource-topics-list {
		gap: 18px;
	}

	.fixstable-demo-local-resource-topics-list .fixstable-builder-commercial-head h2 {
		max-width: 100%;
		font-size: 36px;
	}

	.fixstable-demo-local-resource-topics-list li {
		min-height: auto;
	}

	.fixstable-demo-local-resource-topics-cta {
		padding-bottom: 44px !important;
	}

	.fixstable-demo-local-resource-topics-cta .fixstable-builder-button {
		width: 100%;
		justify-content: center;
	}

	.fixstable-builder-site-footer.fixstable-demo-kit-local-service .fixstable-builder-site-footer-inner {
		gap: 16px;
	}
}

.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;
	color: #f4fff6 !important;
}

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

.fixstable-demo-local-review-strip > .fixstable-builder-section-inner > .fixstable-builder-row > .fixstable-builder-column:last-child > .fixstable-builder-heading,
.fixstable-demo-local-review-strip > .fixstable-builder-section-inner > .fixstable-builder-row > .fixstable-builder-column:last-child > .fixstable-builder-text,
.fixstable-demo-local-review-strip > .fixstable-builder-section-inner > .fixstable-builder-row > .fixstable-builder-column:last-child > .fixstable-builder-text p {
	color: #f4fff6 !important;
}

.fixstable-demo-local-review-strip > .fixstable-builder-section-inner > .fixstable-builder-row > .fixstable-builder-column:last-child > .fixstable-builder-heading:first-child {
	color: #b8e343 !important;
}

.fixstable-demo-local-review-strip .fixstable-demo-local-review-card .fixstable-builder-heading {
	color: #17202a !important;
}

.fixstable-demo-local-review-strip .fixstable-demo-local-review-card .fixstable-builder-text,
.fixstable-demo-local-review-strip .fixstable-demo-local-review-card .fixstable-builder-text p {
	color: rgba(23, 32, 42, 0.78) !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-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.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-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-demo-local-job-proof {
	background:
		linear-gradient(180deg, #ffffff 0%, #f4fbf6 100%) !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.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-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.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;
	color: #f4fff6 !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-demo-local-resources {
	background:
		radial-gradient(circle at 0 0, rgba(132, 204, 22, 0.16), transparent 34%),
		linear-gradient(135deg, #f7fdf8 0%, #edf8ef 100%) !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-demo-local-emergency > .fixstable-builder-section-inner > .fixstable-builder-row > .fixstable-builder-column:first-child > .fixstable-builder-heading,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-demo-local-emergency > .fixstable-builder-section-inner > .fixstable-builder-row > .fixstable-builder-column:first-child > .fixstable-builder-text,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-demo-local-emergency > .fixstable-builder-section-inner > .fixstable-builder-row > .fixstable-builder-column:first-child > .fixstable-builder-text p {
	color: #f4fff6 !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-demo-local-emergency > .fixstable-builder-section-inner > .fixstable-builder-row > .fixstable-builder-column:first-child > .fixstable-builder-heading:first-child {
	color: #d9f99d !important;
}

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

.fixstable-demo-local-job-card .fixstable-builder-image,
.fixstable-demo-local-emergency .fixstable-builder-image {
	position: relative;
	gap: 0;
	overflow: hidden;
}

.fixstable-demo-local-job-card .fixstable-builder-image figcaption,
.fixstable-demo-local-emergency .fixstable-builder-image figcaption {
	position: absolute;
	left: 14px;
	right: auto;
	bottom: 14px;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	padding: 7px 12px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	line-height: 1;
	backdrop-filter: blur(8px);
}

.fixstable-demo-local-job-card .fixstable-builder-image figcaption {
	background: rgba(5, 46, 22, 0.84);
	color: #f4fff6 !important;
	box-shadow: 0 12px 28px rgba(5, 46, 22, 0.18);
}

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-demo-local-job-card .fixstable-builder-image figcaption {
	color: #f4fff6 !important;
}

.fixstable-demo-local-emergency .fixstable-builder-image figcaption {
	background: rgba(255, 255, 255, 0.92);
	color: #14532d;
	box-shadow: 0 12px 28px rgba(6, 24, 18, 0.14);
}

.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: transparent !important;
	border-color: transparent !important;
	box-shadow: none !important;
}

.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: transparent !important;
	color: #f8fbff !important;
	border-color: transparent !important;
	box-shadow: none !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 h1,
.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 h1,
.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, 3cqi, 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 h1,
	.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: 0 !important;
	right: auto !important;
	width: 100% !important;
	max-width: 100% !important;
	margin-left: 0 !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, 2cqw, 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: 100cqw;
	min-width: 100cqw;
	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.7cqw, 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.8cqw, 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.6cqw, 23px);
	line-height: 1.68;
}

.fixstable-builder-preview-shell.is-device-tablet .fixstable-demo-northstar-premium-hero .fixstable-builder-node-row,
.fixstable-builder-preview-shell.is-device-mobile .fixstable-demo-northstar-premium-hero .fixstable-builder-node-row {
	grid-template-columns: minmax(0, 1fr);
	width: min(calc(100% - 32px), 720px);
	padding-top: clamp(118px, 17vh, 152px);
	padding-bottom: 64px;
}

.fixstable-builder-preview-shell.is-device-tablet .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-preview-shell.is-device-mobile .fixstable-demo-northstar-premium-hero .fixstable-builder-node-row > .fixstable-builder-node-children > .fixstable-builder-node-wrap:first-child > .fixstable-builder-node-column {
	grid-template-columns: minmax(0, 1fr);
	max-width: 100%;
}

.fixstable-builder-preview-shell.is-device-tablet .fixstable-demo-northstar-premium-hero h3.fixstable-builder-preview-heading:first-child,
.fixstable-builder-preview-shell.is-device-tablet .fixstable-demo-northstar-premium-hero h2.fixstable-builder-preview-heading,
.fixstable-builder-preview-shell.is-device-mobile .fixstable-demo-northstar-premium-hero h3.fixstable-builder-preview-heading:first-child,
.fixstable-builder-preview-shell.is-device-mobile .fixstable-demo-northstar-premium-hero h2.fixstable-builder-preview-heading {
	font-size: clamp(38px, 12cqw, 64px);
}

.fixstable-builder-preview-shell.is-device-tablet .fixstable-demo-northstar-premium-hero .fixstable-builder-preview-button,
.fixstable-builder-preview-shell.is-device-mobile .fixstable-demo-northstar-premium-hero .fixstable-builder-preview-button {
	width: 100%;
}

/* Public full-bleed sections use the browser viewport. Inside the Builder the
 * device shell is the viewport contract and must win the selector cascade. */
.fixstable-builder-preview-stage.fixstable-builder-preview-shell .fixstable-builder-frontend:has(.fixstable-demo-northstar-premium-hero) .fixstable-demo-northstar-premium-hero {
	left: 0 !important;
	right: auto !important;
	width: 100% !important;
	max-width: 100% !important;
	margin-right: 0 !important;
	margin-left: 0 !important;
}

.fixstable-builder-preview-stage.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 {
	width: 100% !important;
	min-width: 100% !important;
}

.fixstable-builder-preview-stage.fixstable-builder-preview-shell .fixstable-demo-northstar-premium-hero .fixstable-builder-row > .fixstable-builder-column:last-child {
	width: 100% !important;
	min-width: 100% !important;
}

.fixstable-builder-preview-stage.fixstable-builder-preview-shell.is-device-tablet .fixstable-demo-northstar-premium-hero :is(.fixstable-builder-preview-heading, .fixstable-builder-preview-text),
.fixstable-builder-preview-stage.fixstable-builder-preview-shell.is-device-mobile .fixstable-demo-northstar-premium-hero :is(.fixstable-builder-preview-heading, .fixstable-builder-preview-text) {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
}

.fixstable-builder-preview-stage.fixstable-builder-preview-shell.is-device-tablet .fixstable-demo-northstar-premium-hero .fixstable-builder-row,
.fixstable-builder-preview-stage.fixstable-builder-preview-shell.is-device-mobile .fixstable-demo-northstar-premium-hero .fixstable-builder-row {
	grid-template-columns: minmax(0, 1fr) !important;
	width: min(calc(100% - 32px), 720px) !important;
}

.fixstable-builder-preview-stage.fixstable-builder-preview-shell.is-device-tablet .fixstable-demo-northstar-premium-hero .fixstable-builder-row > .fixstable-builder-column:first-child,
.fixstable-builder-preview-stage.fixstable-builder-preview-shell.is-device-mobile .fixstable-demo-northstar-premium-hero .fixstable-builder-row > .fixstable-builder-column:first-child {
	grid-template-columns: minmax(0, 1fr) !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
}

.fixstable-builder-preview-stage.fixstable-builder-preview-shell.is-device-tablet .fixstable-demo-northstar-premium-hero .fixstable-builder-row > .fixstable-builder-column:first-child > :is(.fixstable-builder-heading, .fixstable-builder-text, p),
.fixstable-builder-preview-stage.fixstable-builder-preview-shell.is-device-mobile .fixstable-demo-northstar-premium-hero .fixstable-builder-row > .fixstable-builder-column:first-child > :is(.fixstable-builder-heading, .fixstable-builder-text, p) {
	grid-column: 1 / -1 !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	margin-right: 0 !important;
	margin-left: 0 !important;
}

.fixstable-builder-preview-stage.fixstable-builder-preview-shell.is-device-tablet .fixstable-demo-northstar-premium-hero .fixstable-builder-button,
.fixstable-builder-preview-stage.fixstable-builder-preview-shell.is-device-mobile .fixstable-demo-northstar-premium-hero .fixstable-builder-button {
	width: 100% !important;
}

.fixstable-builder-preview-stage.fixstable-builder-preview-shell {
	overflow-x: clip;
}

html.fixstable-mobile-nav-locked {
	overflow: hidden;
}

.fixstable-builder-site-nav-toggle-label {
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

/* --- 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-builder-site-header.fixstable-demo-kit-agency-studio.fixstable-builder-site-header-split-cta .fixstable-builder-site-header-inner {
	column-gap: clamp(12px, 1.3vw, 20px);
}

.fixstable-builder-site-header.fixstable-demo-kit-agency-studio.fixstable-builder-site-header-split-cta .fixstable-builder-site-nav {
	flex-wrap: nowrap;
	gap: clamp(7px, 0.9vw, 13px);
	justify-self: stretch;
}

.fixstable-demo-kit-agency-studio .fixstable-builder-site-logo-image:not(.is-footer) {
	max-width: clamp(220px, 19vw, 274px);
}

.fixstable-builder-site-header.fixstable-demo-kit-agency-studio .fixstable-builder-site-nav a {
	position: relative;
	padding: 8px 1px;
	font-size: clamp(12px, 0.76vw, 13px);
	font-weight: 720;
	letter-spacing: 0.015em;
	opacity: 0.78;
}

.fixstable-builder-site-header.fixstable-demo-kit-agency-studio .fixstable-builder-site-nav a::after {
	position: absolute;
	right: 1px;
	bottom: 3px;
	left: 1px;
	height: 1px;
	background: #fb7a68;
	content: "";
	transform: scaleX(0);
	transform-origin: right;
	transition: transform 240ms cubic-bezier(0.22, 1, 0.36, 1);
}

.fixstable-builder-site-header.fixstable-demo-kit-agency-studio .fixstable-builder-site-nav a:hover,
.fixstable-builder-site-header.fixstable-demo-kit-agency-studio .fixstable-builder-site-nav a:focus-visible {
	opacity: 1;
}

.fixstable-builder-site-header.fixstable-demo-kit-agency-studio .fixstable-builder-site-nav a:hover::after,
.fixstable-builder-site-header.fixstable-demo-kit-agency-studio .fixstable-builder-site-nav a:focus-visible::after {
	transform: scaleX(1);
	transform-origin: left;
}

.fixstable-demo-kit-agency-studio .fixstable-builder-site-header-cta {
	min-height: 42px;
	padding: 0 18px;
	font-size: 13px;
	box-shadow: 0 8px 20px rgba(249, 115, 99, 0.16) !important;
}

.fixstable-demo-kit-agency-studio .fixstable-builder-site-header-cta:hover,
.fixstable-demo-kit-agency-studio .fixstable-builder-site-header-cta:focus-visible {
	box-shadow: 0 11px 24px rgba(249, 115, 99, 0.22) !important;
}

@media (min-width: 981px) {
	.fixstable-builder-site-header.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;
}

/* Legacy route visuals remain as a low-priority compatibility fallback. */
@layer fixstable-legacy-system-routes {
/* --- 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;
}

body.fixstable-builder-kit-404-greenline-home-services .fixstable-kit-error-page {
	--fixstable-kit-primary-local: #14532d;
	--fixstable-kit-accent-local: #15803d;
}

body.fixstable-builder-kit-404-greenline-home-services .fixstable-kit-error-page-card {
	background:
		radial-gradient(circle at 100% 0, rgba(21, 128, 61, 0.16), transparent 32%),
		#ffffff;
}

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

@media (max-width: 768px) {
	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(0, 1fr);
		width: min(calc(100% - 32px), var(--fixstable-page-max-width, 1180px));
		max-width: 100%;
	}

	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 {
		width: auto !important;
		max-width: 100% !important;
	}

	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(2, minmax(0, 1fr));
		width: 100%;
	}
}

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

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

@layer fixstable-legacy-system-routes {
.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;
	}
}
}

/* Greenline Slider is a first-class component with image-backed contrast.
 * Keep its hero copy/buttons from being recolored by global page color-mode rules. */
.fixstable-builder-frontend .fixstable-greenline-slider-component,
.fixstable-builder-preview-stage .fixstable-greenline-slider-component {
	color: #ffffff !important;
}

.fixstable-builder-frontend .fixstable-greenline-slider-component .fixstable-greenline-slider-kicker,
.fixstable-builder-preview-stage .fixstable-greenline-slider-component .fixstable-greenline-slider-kicker {
	color: #ffffff !important;
}

.fixstable-builder-frontend .fixstable-greenline-slider-component .fixstable-greenline-slider-headline,
.fixstable-builder-preview-stage .fixstable-greenline-slider-component .fixstable-greenline-slider-headline {
	color: var(--fixstable-greenline-slider-accent, #c8ea00) !important;
	max-width: min(1120px, 100%) !important;
	font-family: Impact, Haettenschweiler, "Arial Narrow Bold", "Roboto Condensed", sans-serif !important;
	font-size: clamp(40px, 4.6vw, 68px) !important;
	line-height: 1.04 !important;
	letter-spacing: 0 !important;
}

.fixstable-builder-frontend .fixstable-greenline-slider-component .fixstable-greenline-slider-copy,
.fixstable-builder-frontend .fixstable-greenline-slider-component .fixstable-greenline-slider-copy p,
.fixstable-builder-preview-stage .fixstable-greenline-slider-component .fixstable-greenline-slider-copy,
.fixstable-builder-preview-stage .fixstable-greenline-slider-component .fixstable-greenline-slider-copy p {
	color: rgba(255, 255, 255, 0.9) !important;
}

.fixstable-builder-frontend .fixstable-greenline-slider-component .fixstable-greenline-slider-button.is-primary,
.fixstable-builder-preview-stage .fixstable-greenline-slider-component .fixstable-greenline-slider-button.is-primary {
	background: var(--fixstable-greenline-slider-button, #ffffff) !important;
	color: var(--fixstable-greenline-slider-button-text, #06130f) !important;
}

.fixstable-builder-frontend .fixstable-greenline-slider-component .fixstable-greenline-slider-button.is-secondary,
.fixstable-builder-preview-stage .fixstable-greenline-slider-component .fixstable-greenline-slider-button.is-secondary {
	background: var(--fixstable-greenline-slider-secondary, rgba(18, 25, 8, 0.88)) !important;
	color: var(--fixstable-greenline-slider-secondary-text, #b8c83a) !important;
}

@media (max-width: 782px) {
	.fixstable-builder-frontend .fixstable-greenline-slider-component .fixstable-greenline-slider-headline,
	.fixstable-builder-preview-stage .fixstable-greenline-slider-component .fixstable-greenline-slider-headline {
		max-width: 100% !important;
		font-size: clamp(36px, 10.8vw, 52px) !important;
		line-height: 1.02 !important;
	}
}

/*
 * Greenline final polish system.
 * Major sections are flat bands; cards/panels carry the limited radius and shadow.
 */
.fixstable-demo-kit-local-service,
.fixstable-builder-frontend .fixstable-demo-kit-local-service,
.fixstable-builder-preview-stage .fixstable-demo-kit-local-service {
	--fixstable-greenline-rail: min(100%, 1180px);
	--fixstable-greenline-rail-wide: min(100%, 1280px);
	--fixstable-greenline-section-y: clamp(58px, 6.4vw, 92px);
	--fixstable-greenline-section-y-compact: clamp(44px, 5vw, 68px);
	--fixstable-greenline-gap: clamp(22px, 2.8vw, 34px);
	--fixstable-greenline-card-pad: clamp(22px, 2.5vw, 30px);
	--fixstable-greenline-dark: #06130f;
	--fixstable-greenline-dark-2: #092017;
	--fixstable-greenline-tint: #f2fbf4;
	--fixstable-greenline-tint-2: #eaf7ee;
	--fixstable-greenline-card: #ffffff;
	--fixstable-greenline-border: rgba(18, 83, 45, 0.14);
	--fixstable-greenline-shadow-card: 0 16px 40px rgba(20, 83, 45, 0.08);
	--fixstable-greenline-shadow-feature: 0 24px 64px rgba(5, 46, 22, 0.16);
	--fixstable-greenline-radius-card: 14px;
	--fixstable-greenline-radius-panel: 20px;
	--fixstable-greenline-radius-media: 12px;
	--fixstable-greenline-radius-button: 12px;
	--fixstable-greenline-heading: #101b2a;
	--fixstable-greenline-text: #334155;
	--fixstable-greenline-muted: #64748b;
	--fixstable-greenline-primary: #15803d;
	--fixstable-greenline-accent: #9bd42a;
	--fixstable-section-radius: 0px;
	--fixstable-button-radius: var(--fixstable-greenline-radius-button);
}

.fixstable-builder-frontend .fixstable-builder-section.fixstable-demo-kit-local-service,
.fixstable-builder-frontend .fixstable-builder-commercial.fixstable-demo-kit-local-service,
.fixstable-builder-preview-stage .fixstable-builder-section.fixstable-demo-kit-local-service,
.fixstable-builder-preview-stage .fixstable-builder-commercial.fixstable-demo-kit-local-service,
.fixstable-builder-section.fixstable-demo-kit-local-service,
.fixstable-builder-commercial.fixstable-demo-kit-local-service {
	border-radius: 0 !important;
	box-shadow: none !important;
}

.fixstable-builder-frontend .fixstable-greenline-slider-component,
.fixstable-builder-preview-stage .fixstable-greenline-slider-component,
.fixstable-greenline-slider-component {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

.fixstable-greenline-slider-stage,
.fixstable-greenline-slider-slide,
.fixstable-greenline-slider-image,
.fixstable-greenline-slider-scrim {
	border-radius: 0 !important;
}

.fixstable-greenline-slider-stage {
	min-height: var(--fixstable-greenline-slider-min-height, clamp(560px, calc(100vh - 174px), 720px));
}

.fixstable-greenline-slider-slide {
	padding: clamp(72px, 8vw, 104px) clamp(74px, 8vw, 128px) clamp(88px, 9vw, 116px);
}

.fixstable-greenline-slider-content {
	width: min(1040px, 100%);
	gap: clamp(12px, 1.45vw, 18px);
}

.fixstable-builder-frontend .fixstable-greenline-slider-component .fixstable-greenline-slider-headline,
.fixstable-builder-preview-stage .fixstable-greenline-slider-component .fixstable-greenline-slider-headline,
.fixstable-greenline-slider-headline {
	font-size: clamp(42px, 4.35vw, 72px) !important;
	line-height: 1.02 !important;
}

.fixstable-greenline-slider-kicker,
.fixstable-demo-kit-local-service .fixstable-builder-commercial-eyebrow,
.fixstable-demo-local-response .fixstable-builder-column > .fixstable-builder-heading:first-child,
.fixstable-demo-local-review-strip .fixstable-builder-column > .fixstable-builder-heading:first-child,
.fixstable-demo-local-emergency .fixstable-builder-column > .fixstable-builder-heading:first-child {
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.fixstable-greenline-slider-button,
.fixstable-demo-kit-local-service .fixstable-builder-button,
.fixstable-demo-kit-local-service .fixstable-builder-action-link,
.fixstable-builder-site-header.fixstable-demo-kit-local-service .fixstable-builder-site-header-cta,
.fixstable-builder-site-footer.fixstable-demo-kit-local-service .fixstable-builder-site-footer-support {
	min-height: 46px;
	padding: 12px 20px;
	border-radius: var(--fixstable-greenline-radius-button) !important;
	font-size: 14px;
	font-weight: 850;
	letter-spacing: 0.01em;
	line-height: 1;
}

.fixstable-greenline-slider-button {
	min-height: 50px;
	min-width: 160px;
}

.fixstable-greenline-slider-arrow {
	width: clamp(50px, 4.6vw, 64px);
	height: clamp(50px, 4.6vw, 64px);
	background: rgba(0, 0, 0, 0.74);
	box-shadow: 0 16px 36px rgba(0, 0, 0, 0.28);
}

.fixstable-greenline-slider-dot {
	width: 13px;
	height: 13px;
}

.fixstable-demo-kit-local-service .fixstable-builder-section-inner,
.fixstable-greenline-news > .fixstable-builder-section-inner,
.fixstable-greenline-gallery > .fixstable-builder-section-inner,
.fixstable-demo-local-map-section > .fixstable-builder-section-inner,
.fixstable-demo-kit-local-service .fixstable-builder-section#faq > .fixstable-builder-section-inner,
.fixstable-demo-kit-local-service .fixstable-builder-section#contact > .fixstable-builder-section-inner {
	width: var(--fixstable-greenline-rail) !important;
	max-width: 1180px !important;
	margin-inline: auto !important;
	padding-inline: 24px;
}

.fixstable-builder-frontend .fixstable-builder-commercial.fixstable-greenline-gallery,
.fixstable-builder-frontend .fixstable-builder-commercial.fixstable-greenline-news,
.fixstable-builder-frontend .fixstable-builder-commercial.fixstable-demo-local-map-section,
.fixstable-builder-preview-stage .fixstable-builder-commercial.fixstable-greenline-gallery,
.fixstable-builder-preview-stage .fixstable-builder-commercial.fixstable-greenline-news,
.fixstable-builder-preview-stage .fixstable-builder-commercial.fixstable-demo-local-map-section,
.fixstable-builder-commercial.fixstable-greenline-gallery,
.fixstable-builder-commercial.fixstable-greenline-news,
.fixstable-builder-commercial.fixstable-demo-local-map-section {
	width: 100% !important;
	max-width: none !important;
	margin-inline: 0 !important;
}

.fixstable-demo-local-response,
.fixstable-demo-local-job-proof,
.fixstable-demo-local-map-section,
.fixstable-demo-kit-local-service .fixstable-builder-section#faq,
.fixstable-greenline-news,
.fixstable-demo-kit-local-service .fixstable-builder-section#contact {
	padding-block: var(--fixstable-greenline-section-y) !important;
	padding-inline: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

.fixstable-demo-local-response,
.fixstable-demo-local-map-section,
.fixstable-demo-kit-local-service .fixstable-builder-section#faq {
	background: linear-gradient(180deg, var(--fixstable-greenline-tint) 0%, var(--fixstable-greenline-tint-2) 100%) !important;
}

.fixstable-demo-local-job-proof,
.fixstable-greenline-news {
	background: #ffffff !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-demo-local-response,
.fixstable-builder-preview-stage .fixstable-builder-section.fixstable-demo-local-response,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-commercial.fixstable-demo-local-map-section,
.fixstable-builder-preview-stage .fixstable-builder-commercial.fixstable-demo-local-map-section,
.fixstable-builder-frontend.fixstable-demo-kit-local-service.fixstable-builder-color-mode-bright .fixstable-builder-section#faq,
.fixstable-builder-preview-stage .fixstable-demo-kit-local-service .fixstable-builder-section#faq {
	background: linear-gradient(180deg, var(--fixstable-greenline-tint) 0%, var(--fixstable-greenline-tint-2) 100%) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-demo-local-job-proof,
.fixstable-builder-preview-stage .fixstable-builder-section.fixstable-demo-local-job-proof,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-commercial.fixstable-greenline-news,
.fixstable-builder-preview-stage .fixstable-builder-commercial.fixstable-greenline-news {
	background: #ffffff !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

.fixstable-demo-local-review-strip,
.fixstable-greenline-gallery,
.fixstable-demo-local-emergency,
.fixstable-builder-frontend.fixstable-demo-kit-local-service .fixstable-builder-section#contact,
.fixstable-builder-preview-shell .fixstable-demo-kit-local-service .fixstable-builder-section#contact {
	width: 100% !important;
	max-width: none !important;
	padding-block: var(--fixstable-greenline-section-y) !important;
	padding-inline: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	color: #f4fff6 !important;
	background:
		radial-gradient(circle at 82% 12%, rgba(132, 204, 22, 0.16), transparent 30%),
		linear-gradient(135deg, var(--fixstable-greenline-dark-2) 0%, var(--fixstable-greenline-dark) 100%) !important;
}

.fixstable-demo-local-emergency {
	background:
		radial-gradient(circle at 82% 12%, rgba(132, 204, 22, 0.18), transparent 30%),
		linear-gradient(135deg, #116132 0%, #0b3d24 58%, #06130f 100%) !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-demo-local-review-strip,
.fixstable-builder-preview-stage .fixstable-builder-section.fixstable-demo-local-review-strip,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-commercial.fixstable-greenline-gallery,
.fixstable-builder-preview-stage .fixstable-builder-commercial.fixstable-greenline-gallery,
.fixstable-builder-frontend.fixstable-demo-kit-local-service.fixstable-builder-color-mode-bright .fixstable-builder-section#contact,
.fixstable-builder-preview-shell .fixstable-demo-kit-local-service .fixstable-builder-section#contact {
	background:
		radial-gradient(circle at 82% 12%, rgba(132, 204, 22, 0.16), transparent 30%),
		linear-gradient(135deg, var(--fixstable-greenline-dark-2) 0%, var(--fixstable-greenline-dark) 100%) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-demo-local-emergency,
.fixstable-builder-preview-stage .fixstable-builder-section.fixstable-demo-local-emergency {
	background:
		radial-gradient(circle at 82% 12%, rgba(132, 204, 22, 0.18), transparent 30%),
		linear-gradient(135deg, #116132 0%, #0b3d24 58%, #06130f 100%) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

.fixstable-builder-frontend.fixstable-demo-kit-local-service .fixstable-builder-section#contact,
.fixstable-builder-preview-shell .fixstable-demo-kit-local-service .fixstable-builder-section#contact {
	padding-top: clamp(54px, 5.5vw, 82px) !important;
	padding-bottom: clamp(64px, 7vw, 96px) !important;
}

.fixstable-builder-frontend.fixstable-demo-kit-local-service .fixstable-builder-section#contact .fixstable-builder-section-inner,
.fixstable-builder-preview-shell .fixstable-demo-kit-local-service .fixstable-builder-section#contact .fixstable-builder-section-inner {
	width: var(--fixstable-greenline-rail) !important;
	max-width: 1180px !important;
}

.fixstable-builder-frontend.fixstable-demo-kit-local-service .fixstable-builder-section#contact .fixstable-builder-request-section,
.fixstable-builder-preview-shell .fixstable-demo-kit-local-service .fixstable-builder-section#contact .fixstable-builder-request-section {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: clamp(34px, 4.4vw, 52px) !important;
	border: 1px solid rgba(217, 249, 157, 0.2) !important;
	border-radius: var(--fixstable-greenline-radius-panel) !important;
	background: rgba(6, 19, 15, 0.68) !important;
	box-shadow: none !important;
}

.fixstable-builder-frontend.fixstable-demo-kit-local-service .fixstable-builder-section#contact .fixstable-builder-request-section aside,
.fixstable-builder-preview-shell .fixstable-demo-kit-local-service .fixstable-builder-section#contact .fixstable-builder-request-section aside {
	border-radius: var(--fixstable-greenline-radius-card) !important;
	box-shadow: none !important;
}

.fixstable-greenline-section-head,
.fixstable-demo-kit-local-service .fixstable-builder-commercial-head {
	gap: clamp(12px, 1.6vw, 18px);
	margin-bottom: clamp(22px, 3vw, 34px);
	padding-bottom: 0;
	border-bottom: 0;
}

.fixstable-greenline-section-head h2,
.fixstable-demo-kit-local-service .fixstable-builder-commercial-head h2,
.fixstable-demo-kit-local-service .fixstable-builder-request-section h2,
.fixstable-demo-kit-local-service .fixstable-builder-section-inner > .fixstable-builder-heading:first-child:not(:only-child) {
	color: inherit;
	font-family: "Trebuchet MS", "Segoe UI", sans-serif;
	font-size: clamp(34px, 3.8vw, 54px);
	font-weight: 850;
	line-height: 1.04;
	letter-spacing: 0;
	text-wrap: balance;
}

.fixstable-greenline-section-head h2 span,
.fixstable-greenline-section-head h2 strong,
.fixstable-greenline-news-body h3,
.fixstable-greenline-gallery-card-body h3 {
	font-family: "Trebuchet MS", "Segoe UI", sans-serif;
}

.fixstable-greenline-section-head h2 span,
.fixstable-greenline-section-head h2 strong {
	font-weight: 850;
}

.fixstable-greenline-section-intro,
.fixstable-demo-kit-local-service .fixstable-builder-commercial-head p,
.fixstable-demo-kit-local-service .fixstable-builder-commercial-copy,
.fixstable-demo-kit-local-service .fixstable-builder-text,
.fixstable-demo-kit-local-service .fixstable-builder-text p {
	color: color-mix(in srgb, currentColor 72%, transparent);
	line-height: 1.62;
}

.fixstable-greenline-gallery .fixstable-greenline-section-head.is-centered {
	display: grid;
	justify-items: start;
	max-width: 720px;
	margin-bottom: clamp(32px, 4vw, 46px);
	text-align: left;
}

.fixstable-greenline-gallery-grid,
.fixstable-greenline-news-grid {
	gap: var(--fixstable-greenline-gap);
}

.fixstable-greenline-gallery-media,
.fixstable-greenline-news-card,
.fixstable-demo-local-job-proof .fixstable-builder-demo-showcase-card,
.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 {
	border-radius: var(--fixstable-greenline-radius-card) !important;
}

.fixstable-greenline-news-card,
.fixstable-demo-local-badge-card,
.fixstable-demo-local-service-card,
.fixstable-demo-local-area-card,
.fixstable-demo-local-estimate-card,
.fixstable-demo-local-job-proof .fixstable-builder-demo-showcase-card,
.fixstable-demo-local-review-card,
.fixstable-demo-local-emergency-card {
	border: 1px solid var(--fixstable-greenline-border) !important;
	box-shadow: var(--fixstable-greenline-shadow-card) !important;
}

.fixstable-greenline-news-card {
	display: grid;
	grid-template-rows: auto 1fr;
	min-height: 100%;
}

.fixstable-greenline-news-body {
	align-content: start;
	gap: 14px;
	padding: var(--fixstable-greenline-card-pad);
}

.fixstable-greenline-news-body h3,
.fixstable-greenline-gallery-card-body h3 {
	font-size: clamp(21px, 1.7vw, 27px);
	font-weight: 850;
	line-height: 1.12;
}

.fixstable-greenline-news-body p {
	font-size: 16px;
	line-height: 1.58;
}

.fixstable-greenline-news-meta {
	left: 18px;
	bottom: 18px;
	max-width: calc(100% - 36px);
}

.fixstable-greenline-news-meta span {
	min-height: 32px;
	padding: 8px 12px;
	border-radius: 8px;
	font-size: 12px;
	letter-spacing: 0.04em;
}

.fixstable-greenline-gallery-card-body {
	justify-items: start;
	text-align: left;
}

.fixstable-greenline-gallery-card-body span,
.fixstable-greenline-more-link,
.fixstable-greenline-text-link,
.fixstable-demo-kit-local-service .fixstable-builder-commercial-eyebrow {
	font-size: 12px;
	font-weight: 850;
	letter-spacing: 0.08em;
}

.fixstable-greenline-gallery-controls {
	justify-content: flex-start;
	margin-top: clamp(28px, 3.6vw, 42px);
}

.fixstable-greenline-gallery-controls a {
	width: 48px;
	height: 44px;
	border-radius: 10px !important;
}

.fixstable-greenline-gallery-controls a + a {
	margin-left: 8px;
}

.fixstable-builder-commercial.fixstable-demo-local-map-section.fixstable-builder-service-area-map,
.fixstable-builder-preview-stage .fixstable-builder-commercial.fixstable-demo-local-map-section.fixstable-builder-service-area-map {
	padding-inline: max(24px, calc((100% - 1180px) * 0.5)) !important;
}

.fixstable-demo-local-map-section .fixstable-builder-service-area-map {
	padding: clamp(22px, 3vw, 34px);
	border: 1px solid var(--fixstable-greenline-border);
	border-radius: var(--fixstable-greenline-radius-panel);
	background: rgba(255, 255, 255, 0.82);
	box-shadow: none;
}

.fixstable-demo-local-map-section .fixstable-builder-service-area-map-media {
	border-radius: var(--fixstable-greenline-radius-media);
	box-shadow: none;
}

.fixstable-demo-kit-local-service .fixstable-builder-section#faq .fixstable-builder-faq-block {
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.fixstable-demo-kit-local-service .fixstable-builder-section#faq .fixstable-builder-faq-list {
	gap: 14px;
}

.fixstable-demo-kit-local-service .fixstable-builder-section#faq .fixstable-builder-faq-item {
	padding: 18px 20px;
	border: 1px solid var(--fixstable-greenline-border);
	border-radius: var(--fixstable-greenline-radius-card);
	background: rgba(255, 255, 255, 0.86);
	box-shadow: none;
}

.fixstable-demo-kit-local-service .fixstable-builder-section#faq .fixstable-builder-faq-item summary {
	font-weight: 850;
}

.fixstable-demo-local-response .fixstable-builder-image img,
.fixstable-demo-local-review-strip .fixstable-builder-image img,
.fixstable-demo-local-emergency .fixstable-builder-image img,
.fixstable-builder-demo-showcase-card .fixstable-builder-image img,
.fixstable-builder-demo-final-cta-section .fixstable-builder-image img {
	border-radius: var(--fixstable-greenline-radius-media) !important;
	box-shadow: none !important;
}

.fixstable-builder-site-header.fixstable-demo-kit-local-service .fixstable-builder-site-header-inner {
	padding-block: 14px;
}

.fixstable-builder-site-header.fixstable-demo-kit-local-service .fixstable-builder-site-nav {
	gap: 12px 20px;
}

.fixstable-builder-site-header.fixstable-demo-kit-local-service .fixstable-builder-site-nav a {
	font-size: 14px;
	font-weight: 800;
}

.fixstable-builder-site-footer.fixstable-demo-kit-local-service {
	padding-top: clamp(48px, 5vw, 68px);
	padding-bottom: clamp(34px, 4vw, 48px);
	border-top: 0;
	background:
		linear-gradient(180deg, #eef8f1 0%, #f8fdf9 100%) !important;
}

.fixstable-builder-site-footer.fixstable-demo-kit-local-service .fixstable-builder-site-footer-inner {
	width: var(--fixstable-greenline-rail) !important;
	max-width: 1180px !important;
	padding-inline: 24px;
}

.fixstable-builder-site-footer.fixstable-demo-kit-local-service .fixstable-builder-site-footer-support {
	box-shadow: var(--fixstable-greenline-shadow-card);
}

body.fixstable-builder-kit-route-greenline-home-services .fixstable-builder-frontend.fixstable-demo-kit-local-service .fixstable-builder-section {
	border-radius: 0 !important;
	box-shadow: none !important;
}

body.fixstable-builder-kit-route-greenline-home-services .fixstable-builder-frontend.fixstable-demo-kit-local-service {
	padding-top: 0 !important;
}

body.fixstable-builder-kit-route-greenline-home-services .fixstable-builder-frontend.fixstable-demo-kit-local-service .fixstable-builder-section.fixstable-builder-section-contained,
body.fixstable-builder-kit-route-greenline-home-services .fixstable-builder-frontend.fixstable-demo-kit-local-service .fixstable-builder-section.fixstable-builder-section-full:not(.fixstable-greenline-slider-component) {
	padding-block: var(--fixstable-greenline-section-y-compact) !important;
	padding-inline: 0 !important;
}

body.fixstable-builder-kit-route-greenline-home-services .fixstable-builder-frontend.fixstable-demo-kit-local-service .fixstable-builder-section > .fixstable-builder-section-inner {
	width: var(--fixstable-greenline-rail) !important;
	max-width: 1180px !important;
	margin-inline: auto !important;
	padding-inline: 24px;
}

body.fixstable-builder-kit-route-greenline-home-services .fixstable-builder-frontend.fixstable-demo-kit-local-service .fixstable-demo-local-page-hero {
	padding-top: var(--fixstable-greenline-section-y-compact) !important;
	padding-bottom: clamp(34px, 4.5vw, 58px) !important;
}

body.fixstable-builder-kit-route-greenline-home-services .fixstable-builder-frontend.fixstable-demo-kit-local-service h2.fixstable-builder-heading,
body.fixstable-builder-kit-route-greenline-home-services .fixstable-builder-frontend.fixstable-demo-kit-local-service .fixstable-builder-commercial-head h2,
body.fixstable-builder-kit-route-greenline-home-services .fixstable-builder-frontend.fixstable-demo-kit-local-service .fixstable-builder-cta-block h2 {
	font-family: "Trebuchet MS", "Segoe UI", sans-serif;
	font-size: clamp(34px, 3.8vw, 54px);
	font-weight: 850;
	line-height: 1.04;
	letter-spacing: 0;
	text-wrap: balance;
}

body.fixstable-builder-kit-route-greenline-home-services .fixstable-builder-frontend.fixstable-demo-kit-local-service h3.fixstable-builder-heading,
body.fixstable-builder-kit-route-greenline-home-services .fixstable-builder-frontend.fixstable-demo-kit-local-service .fixstable-builder-card-node h3 {
	font-family: "Trebuchet MS", "Segoe UI", sans-serif;
	font-size: clamp(21px, 1.7vw, 27px);
	font-weight: 850;
	line-height: 1.12;
}

body.fixstable-builder-kit-route-greenline-home-services .fixstable-builder-frontend.fixstable-demo-kit-local-service .fixstable-builder-card-node {
	border-color: var(--fixstable-greenline-border) !important;
	border-radius: var(--fixstable-greenline-radius-card) !important;
	box-shadow: var(--fixstable-greenline-shadow-card);
}

body.fixstable-builder-kit-route-greenline-home-services .fixstable-builder-frontend.fixstable-demo-kit-local-service .fixstable-builder-commercial.fixstable-builder-cta-block,
body.fixstable-builder-kit-route-greenline-home-services .fixstable-builder-frontend.fixstable-demo-kit-local-service .fixstable-builder-commercial.fixstable-builder-feature-list,
body.fixstable-builder-kit-route-greenline-home-services .fixstable-builder-frontend.fixstable-demo-kit-local-service .fixstable-builder-commercial.fixstable-builder-testimonial-proof,
body.fixstable-builder-kit-route-greenline-home-services .fixstable-builder-frontend.fixstable-demo-kit-local-service .fixstable-builder-commercial.fixstable-builder-request-section {
	border: 1px solid var(--fixstable-greenline-border) !important;
	border-radius: var(--fixstable-greenline-radius-panel) !important;
	box-shadow: var(--fixstable-greenline-shadow-card) !important;
}

body.fixstable-builder-kit-route-greenline-home-services .fixstable-builder-frontend.fixstable-demo-kit-local-service .fixstable-builder-commercial.fixstable-builder-faq-block {
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

body.fixstable-builder-kit-route-greenline-home-services .fixstable-builder-frontend.fixstable-demo-kit-local-service .fixstable-builder-faq-item {
	border: 1px solid var(--fixstable-greenline-border);
	border-radius: var(--fixstable-greenline-radius-card);
	background: rgba(255, 255, 255, 0.86);
	box-shadow: none;
}

@media (max-width: 900px) {
	.fixstable-demo-local-response,
	.fixstable-demo-local-job-proof,
	.fixstable-demo-local-map-section,
	.fixstable-demo-kit-local-service .fixstable-builder-section#faq,
	.fixstable-greenline-news,
	.fixstable-greenline-gallery,
	.fixstable-demo-local-emergency,
	.fixstable-demo-kit-local-service .fixstable-builder-section#contact {
		padding-block: clamp(44px, 8vw, 64px) !important;
	}

	.fixstable-greenline-gallery .fixstable-greenline-section-head.is-centered,
	.fixstable-greenline-section-head {
		display: grid;
		justify-items: start;
		text-align: left;
	}

	.fixstable-demo-local-map-section .fixstable-builder-service-area-map {
		padding: 20px;
	}

	.fixstable-builder-commercial.fixstable-demo-local-map-section.fixstable-builder-service-area-map,
	.fixstable-builder-preview-stage .fixstable-builder-commercial.fixstable-demo-local-map-section.fixstable-builder-service-area-map {
		padding-inline: 24px !important;
	}
}

@media (max-width: 782px) {
	.fixstable-builder-frontend .fixstable-greenline-slider-component .fixstable-greenline-slider-headline,
	.fixstable-builder-preview-stage .fixstable-greenline-slider-component .fixstable-greenline-slider-headline,
	.fixstable-greenline-slider-headline {
		font-size: clamp(34px, 10vw, 48px) !important;
		line-height: 1.02 !important;
	}

	.fixstable-greenline-slider-stage {
		min-height: clamp(540px, calc(100vh - 92px), 660px);
	}

	.fixstable-greenline-slider-slide {
		padding: 68px 20px 98px;
	}

	.fixstable-greenline-slider-button {
		width: min(100%, 280px);
	}
}

@media (max-width: 680px) {
	.fixstable-demo-kit-local-service .fixstable-builder-section-inner,
	.fixstable-greenline-news > .fixstable-builder-section-inner,
	.fixstable-greenline-gallery > .fixstable-builder-section-inner,
	.fixstable-demo-local-map-section > .fixstable-builder-section-inner,
	.fixstable-demo-kit-local-service .fixstable-builder-section#faq > .fixstable-builder-section-inner,
	.fixstable-demo-kit-local-service .fixstable-builder-section#contact > .fixstable-builder-section-inner,
	.fixstable-builder-site-footer.fixstable-demo-kit-local-service .fixstable-builder-site-footer-inner {
		padding-inline: 18px;
	}

	.fixstable-greenline-section-head h2,
	.fixstable-demo-kit-local-service .fixstable-builder-commercial-head h2,
	.fixstable-demo-kit-local-service .fixstable-builder-request-section h2,
	.fixstable-demo-kit-local-service .fixstable-builder-section-inner > .fixstable-builder-heading:first-child:not(:only-child) {
		font-size: clamp(30px, 9vw, 40px);
		line-height: 1.08;
	}

	.fixstable-demo-kit-local-service .fixstable-builder-section#contact .fixstable-builder-request-section {
		padding: 24px 20px !important;
		border-radius: 16px !important;
	}

	.fixstable-greenline-news-body {
		padding: 22px;
	}

	.fixstable-greenline-gallery-controls {
		justify-content: center;
	}

	.fixstable-demo-local-map-section .fixstable-builder-service-area-map {
		padding: 16px;
		border-radius: 16px;
	}

	.fixstable-builder-commercial.fixstable-demo-local-map-section.fixstable-builder-service-area-map,
	.fixstable-builder-preview-stage .fixstable-builder-commercial.fixstable-demo-local-map-section.fixstable-builder-service-area-map {
		padding-inline: 18px !important;
	}

	body.fixstable-builder-kit-route-greenline-home-services .fixstable-builder-frontend.fixstable-demo-kit-local-service .fixstable-builder-section > .fixstable-builder-section-inner {
		padding-inline: 18px;
	}
}

@media (max-width: 360px) {
	.fixstable-greenline-slider-button,
	.fixstable-demo-kit-local-service .fixstable-builder-button,
	.fixstable-demo-kit-local-service .fixstable-builder-action-link,
	.fixstable-builder-site-header.fixstable-demo-kit-local-service .fixstable-builder-site-header-cta {
		min-height: 44px;
		padding-inline: 14px !important;
		font-size: 13px;
	}

	.fixstable-builder-frontend .fixstable-greenline-slider-component .fixstable-greenline-slider-headline,
	.fixstable-builder-preview-stage .fixstable-greenline-slider-component .fixstable-greenline-slider-headline,
	.fixstable-greenline-slider-headline {
		font-size: clamp(31px, 10vw, 38px) !important;
	}
}

/* Mirror Greenline's legacy viewport rules against the rendered Canvza canvas.
 * Public pages still use the media queries above; Builder device frames use
 * these equivalent container breakpoints without compressing desktop styles. */
@container fixstable-page (max-width: 900px) {
	.fixstable-demo-local-response,
	.fixstable-demo-local-job-proof,
	.fixstable-demo-local-map-section,
	.fixstable-demo-kit-local-service .fixstable-builder-section#faq,
	.fixstable-greenline-news,
	.fixstable-greenline-gallery,
	.fixstable-demo-local-emergency,
	.fixstable-demo-kit-local-service .fixstable-builder-section#contact {
		padding-block: clamp(44px, 8cqi, 64px) !important;
	}

	.fixstable-greenline-gallery .fixstable-greenline-section-head.is-centered,
	.fixstable-greenline-section-head {
		display: grid;
		justify-items: start;
		text-align: left;
	}

	.fixstable-demo-local-map-section .fixstable-builder-service-area-map {
		padding: 20px;
	}

	.fixstable-builder-commercial.fixstable-demo-local-map-section.fixstable-builder-service-area-map,
	.fixstable-builder-preview-stage .fixstable-builder-commercial.fixstable-demo-local-map-section.fixstable-builder-service-area-map {
		padding-inline: 24px !important;
	}
}

@container fixstable-page (max-width: 782px) {
	.fixstable-builder-frontend .fixstable-greenline-slider-component .fixstable-greenline-slider-headline,
	.fixstable-builder-preview-stage .fixstable-greenline-slider-component .fixstable-greenline-slider-headline,
	.fixstable-greenline-slider-headline {
		max-width: 100% !important;
		font-size: clamp(34px, 10cqi, 48px) !important;
		line-height: 1.02 !important;
	}

	.fixstable-greenline-slider-stage {
		min-height: clamp(540px, calc(100vh - 92px), 660px);
		overflow: hidden;
	}

	.fixstable-greenline-slider-slide {
		padding: 68px 20px 98px;
	}

	.fixstable-greenline-slider-content,
	.fixstable-greenline-slider-actions {
		width: 100%;
		max-width: 100%;
		min-width: 0;
	}

	.fixstable-greenline-slider-button {
		width: min(100%, 280px);
	}
}

@container fixstable-page (max-width: 680px) {
	.fixstable-demo-kit-local-service .fixstable-builder-section-inner,
	.fixstable-greenline-news > .fixstable-builder-section-inner,
	.fixstable-greenline-gallery > .fixstable-builder-section-inner,
	.fixstable-demo-local-map-section > .fixstable-builder-section-inner,
	.fixstable-demo-kit-local-service .fixstable-builder-section#faq > .fixstable-builder-section-inner,
	.fixstable-demo-kit-local-service .fixstable-builder-section#contact > .fixstable-builder-section-inner,
	.fixstable-builder-site-footer.fixstable-demo-kit-local-service .fixstable-builder-site-footer-inner {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0;
		padding-inline: 18px;
	}

	.fixstable-greenline-gallery-grid,
	.fixstable-greenline-news-grid {
		grid-template-columns: 1fr !important;
	}

	.fixstable-greenline-section-head h2,
	.fixstable-demo-kit-local-service .fixstable-builder-commercial-head h2,
	.fixstable-demo-kit-local-service .fixstable-builder-request-section h2,
	.fixstable-demo-kit-local-service .fixstable-builder-section-inner > .fixstable-builder-heading:first-child:not(:only-child) {
		font-size: clamp(30px, 9cqi, 40px);
		line-height: 1.08;
	}

	.fixstable-demo-kit-local-service .fixstable-builder-section#contact .fixstable-builder-request-section {
		padding: 24px 20px !important;
		border-radius: 16px !important;
	}

	.fixstable-greenline-news-body {
		padding: 22px;
	}

	.fixstable-greenline-gallery-controls {
		justify-content: center;
	}

	.fixstable-demo-local-map-section .fixstable-builder-service-area-map {
		padding: 16px;
		border-radius: 16px;
	}

	.fixstable-builder-commercial.fixstable-demo-local-map-section.fixstable-builder-service-area-map,
	.fixstable-builder-preview-stage .fixstable-builder-commercial.fixstable-demo-local-map-section.fixstable-builder-service-area-map {
		padding-inline: 18px !important;
	}
}

@container fixstable-page (max-width: 360px) {
	.fixstable-greenline-slider-button,
	.fixstable-demo-kit-local-service .fixstable-builder-button,
	.fixstable-demo-kit-local-service .fixstable-builder-action-link,
	.fixstable-builder-site-header.fixstable-demo-kit-local-service .fixstable-builder-site-header-cta {
		min-height: 44px;
		padding-inline: 14px !important;
		font-size: 13px;
	}

	.fixstable-builder-frontend .fixstable-greenline-slider-component .fixstable-greenline-slider-headline,
	.fixstable-builder-preview-stage .fixstable-greenline-slider-component .fixstable-greenline-slider-headline,
	.fixstable-greenline-slider-headline {
		font-size: clamp(31px, 10cqi, 38px) !important;
	}
}

/*
 * SignalFlow AI premium completion.
 *
 * This final layer is intentionally limited to the SignalFlow kit wrapper and
 * SignalFlow-owned section classes. The same saved nodes render in the public
 * page and builder preview, so these rules cover both without duplicate markup.
 */
.fixstable-demo-kit-saas-ai,
.fixstable-builder-site-header.fixstable-demo-kit-saas-ai,
.fixstable-builder-site-footer.fixstable-demo-kit-saas-ai,
[class*="fixstable-demo-saas-"] {
	--signalflow-ink: #07101e;
	--signalflow-panel: #0d1930;
	--signalflow-panel-raised: #13213a;
	--signalflow-cyan: #22d3ee;
	--signalflow-blue: #2563eb;
	--signalflow-purple: #6d5dfc;
	--signalflow-paper: #f7fbff;
	--signalflow-paper-alt: #edf5ff;
	--signalflow-text: #17243a;
	--signalflow-muted: #52627a;
	--signalflow-border: rgba(37, 99, 235, 0.15);
	--signalflow-dark-border: rgba(125, 211, 252, 0.2);
	--signalflow-radius: 8px;
	--signalflow-shadow: 0 20px 54px rgba(15, 36, 67, 0.12);
}

.fixstable-demo-kit-saas-ai *,
[class*="fixstable-demo-saas-"] * {
	letter-spacing: 0 !important;
}

.fixstable-demo-kit-saas-ai .fixstable-builder-section,
.fixstable-builder-section[class*="fixstable-demo-saas-"] {
	border-radius: 0 !important;
}

.fixstable-demo-kit-saas-ai .fixstable-builder-section-inner,
.fixstable-builder-section[class*="fixstable-demo-saas-"] > .fixstable-builder-section-inner {
	width: min(100%, 1180px);
	max-width: 1180px;
	padding-inline: 28px;
}

.fixstable-demo-kit-saas-ai .fixstable-builder-card-node,
.fixstable-demo-kit-saas-ai .fixstable-builder-commercial,
[class*="fixstable-demo-saas-"] .fixstable-builder-card-node,
[class*="fixstable-demo-saas-"] .fixstable-builder-commercial {
	border-radius: var(--signalflow-radius) !important;
}

.fixstable-demo-kit-saas-ai .fixstable-builder-text,
.fixstable-demo-kit-saas-ai .fixstable-builder-text p,
[class*="fixstable-demo-saas-"] .fixstable-builder-text,
[class*="fixstable-demo-saas-"] .fixstable-builder-text p {
	line-height: 1.65;
}

.fixstable-demo-kit-saas-ai .fixstable-builder-section-inner > .fixstable-builder-heading:not(h3),
.fixstable-builder-section[class*="fixstable-demo-saas-"] > .fixstable-builder-section-inner > .fixstable-builder-heading:not(h3),
[class*="fixstable-demo-saas-"] .fixstable-builder-column > .fixstable-builder-heading:not(h3) {
	max-width: 780px;
	font-size: 46px;
	line-height: 1.08;
	text-wrap: balance;
}

.fixstable-demo-kit-saas-ai .fixstable-builder-section-inner > h3.fixstable-builder-heading:first-child,
.fixstable-builder-section[class*="fixstable-demo-saas-"] > .fixstable-builder-section-inner > h3.fixstable-builder-heading:first-child,
[class*="fixstable-demo-saas-"] .fixstable-builder-column > h3.fixstable-builder-heading:first-child {
	font-size: 13px;
	line-height: 1.3;
	font-weight: 800;
	text-transform: uppercase;
	color: var(--signalflow-cyan);
}

.fixstable-demo-kit-saas-ai .fixstable-builder-card-node .fixstable-builder-heading,
[class*="fixstable-demo-saas-"] .fixstable-builder-card-node .fixstable-builder-heading {
	font-size: 18px;
	line-height: 1.25;
}

.fixstable-demo-kit-saas-ai .fixstable-builder-button,
.fixstable-demo-kit-saas-ai .fixstable-builder-action-link,
[class*="fixstable-demo-saas-"] .fixstable-builder-button,
[class*="fixstable-demo-saas-"] .fixstable-builder-action-link {
	min-height: 46px;
	padding: 11px 18px;
	border-radius: 7px !important;
	font-size: 14px;
	font-weight: 800;
}

.fixstable-demo-kit-saas-ai a:focus-visible,
.fixstable-demo-kit-saas-ai button:focus-visible,
.fixstable-demo-kit-saas-ai summary:focus-visible,
[class*="fixstable-demo-saas-"] a:focus-visible,
[class*="fixstable-demo-saas-"] button:focus-visible,
[class*="fixstable-demo-saas-"] summary:focus-visible {
	outline: 3px solid #f8fbff;
	outline-offset: 3px;
	box-shadow: 0 0 0 5px var(--signalflow-blue);
}

/* Hero: disciplined launch typography without decorative glow objects. */
.fixstable-demo-saas-home-hero {
	padding-top: 58px !important;
	padding-bottom: 72px !important;
	background: linear-gradient(150deg, #050b17 0%, #081126 56%, #111b39 100%) !important;
}

.fixstable-demo-saas-home-hero::after {
	display: none !important;
}

.fixstable-demo-saas-home-hero::before {
	left: 8%;
	right: 8%;
	bottom: 24px;
}

.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: 900px !important;
	font-size: 72px !important;
	line-height: 0.98 !important;
	text-shadow: none !important;
}

.fixstable-demo-saas-home-hero .fixstable-builder-commercial-eyebrow,
.fixstable-demo-saas-home-hero .fixstable-builder-cta-panel li {
	border-radius: 7px !important;
}

.fixstable-demo-saas-home-hero .fixstable-builder-cta-panel {
	border-radius: var(--signalflow-radius) !important;
	backdrop-filter: none;
}

/* Customer-fit proof strip. */
.fixstable-demo-saas-trust-strip {
	padding-block: 54px !important;
	background: var(--signalflow-ink) !important;
	color: #f8fbff !important;
}

.fixstable-demo-saas-trust-strip .fixstable-builder-section-inner > .fixstable-builder-heading,
.fixstable-demo-saas-integrations .fixstable-builder-section-inner > .fixstable-builder-heading {
	color: #f8fbff !important;
}

.fixstable-demo-saas-trust-strip .fixstable-builder-section-inner > .fixstable-builder-text,
.fixstable-demo-saas-trust-strip .fixstable-builder-section-inner > .fixstable-builder-text p,
.fixstable-demo-saas-integrations .fixstable-builder-section-inner > .fixstable-builder-text,
.fixstable-demo-saas-integrations .fixstable-builder-section-inner > .fixstable-builder-text p {
	color: rgba(226, 239, 255, 0.76) !important;
}

.fixstable-demo-saas-trust-strip .fixstable-builder-grid {
	grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
	gap: 10px !important;
	margin-top: 30px;
}

.fixstable-demo-saas-team-mark {
	min-height: 150px;
	padding: 18px !important;
	border-color: var(--signalflow-dark-border) !important;
	background: var(--signalflow-panel) !important;
	box-shadow: none !important;
}

.fixstable-demo-saas-team-mark::before {
	content: "";
	width: 30px;
	height: 3px;
	background: var(--signalflow-cyan);
}

.fixstable-demo-saas-team-mark .fixstable-builder-heading,
.fixstable-demo-saas-team-mark .fixstable-builder-text,
.fixstable-demo-saas-team-mark .fixstable-builder-text p {
	color: inherit !important;
}

/* Product command center. */
.fixstable-demo-saas-dashboard {
	padding-block: 82px !important;
	background: linear-gradient(180deg, #081126 0%, #0f172a 100%) !important;
}

.fixstable-demo-saas-dashboard .fixstable-builder-row {
	grid-template-columns: minmax(0, 0.88fr) minmax(420px, 1.12fr);
	gap: 48px;
}

.fixstable-demo-saas-dashboard .fixstable-builder-column:last-child {
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.fixstable-demo-saas-dashboard .fixstable-builder-column:last-child::before,
.fixstable-demo-saas-dashboard .fixstable-builder-column:last-child::after {
	display: none;
}

.fixstable-demo-saas-dashboard .fixstable-demo-saas-metric-card,
.fixstable-demo-saas-command-center,
.fixstable-demo-saas-command-step,
.fixstable-demo-saas-command-status {
	border-color: var(--signalflow-dark-border) !important;
	background: var(--signalflow-panel) !important;
	color: #f8fbff !important;
	box-shadow: none !important;
}

.fixstable-demo-saas-dashboard .fixstable-demo-saas-metric-card {
	padding: 16px !important;
}

.fixstable-demo-saas-dashboard .fixstable-demo-saas-metric-card .fixstable-builder-heading {
	font-size: 28px;
	color: var(--signalflow-cyan) !important;
}

.fixstable-demo-saas-command-center {
	gap: 18px;
	padding: 22px !important;
	border-color: rgba(34, 211, 238, 0.34) !important;
	background: #070c18 !important;
	box-shadow: 0 26px 64px rgba(1, 6, 18, 0.42) !important;
}

.fixstable-demo-saas-command-center > .fixstable-builder-heading:first-child {
	color: var(--signalflow-cyan) !important;
}

.fixstable-demo-saas-command-step.is-active,
.fixstable-demo-saas-command-status:first-child {
	border-color: var(--signalflow-cyan) !important;
	background: #11263c !important;
}

.fixstable-demo-saas-command-step .fixstable-builder-text,
.fixstable-demo-saas-command-step .fixstable-builder-text p,
.fixstable-demo-saas-command-status .fixstable-builder-text,
.fixstable-demo-saas-command-status .fixstable-builder-text p {
	color: rgba(226, 239, 255, 0.72) !important;
}

/* Workflow gallery and use cases. */
.fixstable-demo-saas-automation,
.fixstable-demo-saas-use-cases,
.fixstable-demo-saas-pricing,
.fixstable-demo-saas-faq-support {
	padding-block: 80px !important;
}

.fixstable-demo-saas-automation {
	background: var(--signalflow-paper) !important;
}

.fixstable-demo-saas-automation .fixstable-builder-section-inner > .fixstable-builder-heading:first-child,
.fixstable-demo-saas-use-cases .fixstable-builder-section-inner > .fixstable-builder-heading:first-child,
.fixstable-demo-saas-pricing .fixstable-builder-section-inner > .fixstable-builder-heading:first-child {
	font-size: 46px;
}

.fixstable-demo-saas-automation .fixstable-builder-grid,
.fixstable-demo-saas-pricing .fixstable-builder-grid {
	gap: 18px !important;
}

.fixstable-demo-saas-workflow-card {
	padding: 14px !important;
	border-color: var(--signalflow-border) !important;
	border-radius: var(--signalflow-radius) !important;
	background: #ffffff !important;
	box-shadow: var(--signalflow-shadow) !important;
}

.fixstable-demo-saas-workflow-card::before {
	border-radius: 4px;
	color: #163ea7;
}

.fixstable-demo-saas-workflow-card .fixstable-builder-image img {
	min-height: 230px;
	max-height: 230px;
	border-radius: 5px !important;
	box-shadow: none;
}

.fixstable-demo-saas-integrations {
	padding-block: 78px !important;
	background: linear-gradient(145deg, #07101e 0%, #101a38 100%) !important;
}

.fixstable-demo-saas-integrations .fixstable-builder-grid {
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	gap: 12px !important;
	margin-block: 30px 24px;
}

.fixstable-demo-saas-integration-tile {
	min-height: 156px;
	padding: 18px !important;
	border-color: var(--signalflow-dark-border) !important;
	background: var(--signalflow-panel) !important;
	box-shadow: none !important;
}

.fixstable-demo-saas-integration-tile::before {
	content: "";
	width: 9px;
	height: 9px;
	border: 2px solid var(--signalflow-cyan);
	border-radius: 2px;
}

.fixstable-demo-saas-integration-tile .fixstable-builder-heading,
.fixstable-demo-saas-integration-tile .fixstable-builder-text,
.fixstable-demo-saas-integration-tile .fixstable-builder-text p {
	color: inherit !important;
}

.fixstable-demo-saas-use-cases {
	background: var(--signalflow-paper-alt) !important;
}

.fixstable-demo-saas-use-cases .fixstable-builder-grid {
	gap: 12px !important;
	padding: 18px;
	border-radius: var(--signalflow-radius);
	background: #ffffff;
	box-shadow: var(--signalflow-shadow);
}

.fixstable-demo-saas-integration-card {
	padding: 18px !important;
	border-radius: 6px !important;
	background: #f8fbff !important;
}

.fixstable-demo-saas-integration-card::before {
	border-radius: 4px;
	background: linear-gradient(135deg, var(--signalflow-blue), var(--signalflow-cyan));
}

/* Credible, explicitly illustrative customer proof. */
.fixstable-demo-saas-customer-proof {
	padding-block: 82px !important;
	background: var(--signalflow-ink) !important;
	color: #f8fbff !important;
}

.fixstable-demo-saas-customer-proof .fixstable-builder-row {
	grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);
	gap: 42px;
	align-items: center;
}

.fixstable-demo-saas-customer-proof .fixstable-builder-column > .fixstable-builder-heading,
.fixstable-demo-saas-customer-proof .fixstable-builder-column > .fixstable-builder-text,
.fixstable-demo-saas-customer-proof .fixstable-builder-column > .fixstable-builder-text p {
	color: inherit !important;
}

.fixstable-demo-saas-customer-proof .fixstable-builder-testimonial-proof {
	display: grid;
	grid-template-columns: 1fr;
	gap: 20px;
	padding: 26px !important;
	border-color: rgba(34, 211, 238, 0.3) !important;
	background: var(--signalflow-panel) !important;
	box-shadow: none !important;
}

.fixstable-demo-saas-customer-proof .fixstable-builder-testimonial-proof blockquote p {
	font-size: 27px;
	line-height: 1.25;
}

.fixstable-demo-saas-customer-proof .fixstable-builder-grid {
	gap: 12px !important;
}

.fixstable-demo-saas-outcome-card {
	padding: 18px !important;
	border-color: var(--signalflow-dark-border) !important;
	background: var(--signalflow-panel) !important;
	color: #f8fbff !important;
	box-shadow: none !important;
}

.fixstable-demo-saas-outcome-card .fixstable-builder-heading {
	font-size: 28px !important;
	color: var(--signalflow-cyan) !important;
}

.fixstable-demo-saas-outcome-card .fixstable-builder-text,
.fixstable-demo-saas-outcome-card .fixstable-builder-text p {
	color: rgba(226, 239, 255, 0.72) !important;
}

/* Pricing, active-product signal, FAQ, and builder proof. */
.fixstable-demo-saas-pricing {
	background: #ffffff !important;
}

.fixstable-demo-saas-plan-card {
	padding: 26px !important;
	border-radius: var(--signalflow-radius) !important;
	background: var(--signalflow-paper) !important;
	box-shadow: var(--signalflow-shadow) !important;
}

.fixstable-demo-saas-plan-card.is-featured {
	transform: none;
	background: var(--signalflow-panel) !important;
}

.fixstable-demo-saas-plan-card.is-featured::after {
	border-radius: 4px;
}

.fixstable-demo-saas-product-update {
	padding-block: 82px !important;
	background: linear-gradient(145deg, #07101e 0%, #111b39 100%) !important;
}

.fixstable-demo-saas-product-update .fixstable-builder-row,
.fixstable-demo-saas-faq-support .fixstable-builder-row,
.fixstable-demo-saas-builder-showcase .fixstable-builder-row {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 38px;
	align-items: center;
}

.fixstable-demo-saas-product-update .fixstable-builder-heading,
.fixstable-demo-saas-product-update .fixstable-builder-text,
.fixstable-demo-saas-product-update .fixstable-builder-text p,
.fixstable-demo-saas-builder-showcase .fixstable-builder-heading,
.fixstable-demo-saas-builder-showcase .fixstable-builder-text,
.fixstable-demo-saas-builder-showcase .fixstable-builder-text p {
	color: inherit !important;
}

.fixstable-demo-saas-update-card,
.fixstable-demo-saas-update-item {
	border-color: var(--signalflow-dark-border) !important;
	background: var(--signalflow-panel) !important;
	box-shadow: none !important;
}

.fixstable-demo-saas-update-card {
	padding: 22px !important;
}

.fixstable-demo-saas-update-card > .fixstable-builder-heading:first-child {
	color: var(--signalflow-cyan) !important;
}

.fixstable-demo-saas-product-update .fixstable-builder-request-section {
	grid-template-columns: 1fr;
	gap: 22px !important;
	padding: 26px !important;
	border: 1px solid rgba(34, 211, 238, 0.28);
	background: var(--signalflow-panel) !important;
}

.fixstable-demo-saas-product-update .fixstable-builder-request-section aside {
	border-radius: 6px;
}

.fixstable-demo-saas-faq-support {
	background: var(--signalflow-paper-alt) !important;
}

.fixstable-demo-saas-faq-support .fixstable-builder-faq-block {
	padding: 28px !important;
	border: 1px solid var(--signalflow-border);
	box-shadow: var(--signalflow-shadow);
}

.fixstable-demo-saas-faq-support .fixstable-builder-faq-item,
.fixstable-demo-kit-saas-ai .fixstable-builder-faq-item {
	border-radius: 6px !important;
}

.fixstable-demo-saas-builder-showcase {
	padding-block: 84px !important;
	background: var(--signalflow-ink) !important;
	color: #f8fbff !important;
}

.fixstable-demo-saas-builder-showcase .fixstable-builder-feature-list,
.fixstable-demo-saas-builder-window,
.fixstable-demo-saas-builder-panel,
.fixstable-demo-saas-builder-mode {
	border-color: var(--signalflow-dark-border) !important;
	background: var(--signalflow-panel) !important;
	color: #f8fbff !important;
	box-shadow: none !important;
}

.fixstable-demo-saas-builder-window {
	padding: 20px !important;
	box-shadow: 0 30px 72px rgba(1, 6, 18, 0.44) !important;
}

.fixstable-demo-saas-builder-window > .fixstable-builder-heading:first-child,
.fixstable-demo-saas-builder-mode.is-active .fixstable-builder-heading {
	color: var(--signalflow-cyan) !important;
}

.fixstable-demo-saas-builder-panel .fixstable-builder-text,
.fixstable-demo-saas-builder-panel .fixstable-builder-text p {
	white-space: pre-line;
	color: rgba(226, 239, 255, 0.72) !important;
}

.fixstable-demo-saas-builder-panel {
	grid-template-columns: minmax(0, 1fr);
}

.fixstable-demo-saas-builder-panel > * {
	min-width: 0;
	max-width: 100%;
	overflow-wrap: anywhere;
}

.fixstable-demo-saas-builder-mode {
	min-height: auto;
	padding: 11px !important;
	text-align: center;
}

.fixstable-demo-saas-final-cta {
	padding-block: 82px !important;
	background: linear-gradient(145deg, #050b17 0%, #101a38 100%) !important;
}

.fixstable-demo-saas-final-cta .fixstable-builder-request-section {
	padding: 34px !important;
	border-radius: var(--signalflow-radius) !important;
}

/* Inner pages share one restrained SignalFlow system. */
.fixstable-demo-kit-saas-ai .fixstable-builder-demo-media-section,
.fixstable-demo-kit-saas-ai .fixstable-builder-demo-showcase-section,
.fixstable-demo-kit-saas-ai .fixstable-builder-demo-proof-section,
.fixstable-demo-kit-saas-ai .fixstable-builder-demo-resources-section,
.fixstable-demo-kit-saas-ai .fixstable-builder-demo-final-cta-section {
	padding-block: 74px !important;
}

.fixstable-demo-kit-saas-ai .fixstable-builder-demo-media-section,
.fixstable-demo-kit-saas-ai .fixstable-builder-demo-proof-section {
	background: var(--signalflow-paper-alt) !important;
}

.fixstable-demo-kit-saas-ai .fixstable-builder-demo-showcase-section,
.fixstable-demo-kit-saas-ai .fixstable-builder-demo-resources-section {
	background: #ffffff !important;
}

.fixstable-demo-kit-saas-ai .fixstable-builder-demo-showcase-card,
.fixstable-demo-kit-saas-ai .fixstable-builder-demo-resource-card {
	border-radius: var(--signalflow-radius) !important;
	box-shadow: var(--signalflow-shadow) !important;
}

/* Shared SaaS footer: richer coverage using the existing shared renderer. */
body.fixstable-builder-color-mode-dark .fixstable-builder-site-footer.fixstable-demo-kit-saas-ai,
.fixstable-builder-site-footer.fixstable-demo-kit-saas-ai {
	border-top: 1px solid var(--signalflow-dark-border);
	background: #050b17 !important;
	color: #f8fbff !important;
	box-shadow: none;
}

.fixstable-builder-site-footer.fixstable-demo-kit-saas-ai .fixstable-builder-site-footer-inner {
	display: grid;
	grid-template-columns: minmax(240px, 1.2fr) minmax(360px, 1.6fr) auto;
	gap: 34px 48px;
	align-items: start;
	padding-block: 54px 30px;
}

.fixstable-builder-site-footer.fixstable-demo-kit-saas-ai .fixstable-builder-site-footer-brand {
	display: grid;
	gap: 16px;
}

.fixstable-builder-site-footer.fixstable-demo-kit-saas-ai .fixstable-builder-site-footer-tagline {
	max-width: 38ch;
	margin: 0;
	color: rgba(226, 239, 255, 0.7);
	line-height: 1.65;
}

.fixstable-builder-site-footer.fixstable-demo-kit-saas-ai .fixstable-builder-site-footer-nav.is-multi-column {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px 28px;
}

.fixstable-builder-site-footer.fixstable-demo-kit-saas-ai .fixstable-builder-site-footer-nav-link {
	min-height: 36px;
	color: rgba(240, 247, 255, 0.82) !important;
}

.fixstable-builder-site-footer.fixstable-demo-kit-saas-ai .fixstable-builder-site-footer-support {
	border-radius: 7px;
	background: var(--signalflow-blue);
}

.fixstable-builder-site-footer.fixstable-demo-kit-saas-ai .fixstable-builder-site-footer-copy {
	grid-column: 1 / -1;
	width: 100%;
	padding-top: 22px;
	border-top: 1px solid rgba(125, 211, 252, 0.14);
	color: rgba(226, 239, 255, 0.56);
}

@media (max-width: 1024px) {
	.fixstable-demo-saas-home-hero .fixstable-builder-cta-block h1,
	.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: 60px !important;
	}

	.fixstable-demo-kit-saas-ai .fixstable-builder-section-inner > .fixstable-builder-heading:not(h3),
	.fixstable-builder-section[class*="fixstable-demo-saas-"] > .fixstable-builder-section-inner > .fixstable-builder-heading:not(h3),
	[class*="fixstable-demo-saas-"] .fixstable-builder-column > .fixstable-builder-heading:not(h3),
	.fixstable-demo-saas-automation .fixstable-builder-section-inner > .fixstable-builder-heading:first-child,
	.fixstable-demo-saas-use-cases .fixstable-builder-section-inner > .fixstable-builder-heading:first-child,
	.fixstable-demo-saas-pricing .fixstable-builder-section-inner > .fixstable-builder-heading:first-child {
		font-size: 40px;
	}

	.fixstable-demo-saas-trust-strip .fixstable-builder-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}

	.fixstable-demo-saas-dashboard .fixstable-builder-row,
	.fixstable-demo-saas-customer-proof .fixstable-builder-row,
	.fixstable-demo-saas-product-update .fixstable-builder-row,
	.fixstable-demo-saas-faq-support .fixstable-builder-row,
	.fixstable-demo-saas-builder-showcase .fixstable-builder-row {
		grid-template-columns: 1fr;
	}

	.fixstable-demo-saas-integrations .fixstable-builder-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	.fixstable-builder-site-footer.fixstable-demo-kit-saas-ai .fixstable-builder-site-footer-inner {
		grid-template-columns: minmax(220px, 0.9fr) minmax(0, 1.1fr);
	}

	.fixstable-builder-site-footer.fixstable-demo-kit-saas-ai .fixstable-builder-site-footer-support-wrap {
		grid-column: 1 / -1;
	}
}

@media (max-width: 768px) {
	.fixstable-demo-kit-saas-ai .fixstable-builder-section-inner,
	.fixstable-builder-section[class*="fixstable-demo-saas-"] > .fixstable-builder-section-inner {
		padding-inline: 20px;
	}

	.fixstable-demo-saas-home-hero {
		padding-block: 42px 52px !important;
	}

	.fixstable-demo-saas-home-hero .fixstable-builder-cta-block h1,
	.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: 46px !important;
		line-height: 1.02 !important;
	}

	.fixstable-demo-saas-home-hero .fixstable-builder-cta-panel ul {
		grid-template-columns: 1fr !important;
	}

	.fixstable-demo-kit-saas-ai .fixstable-builder-section-inner > .fixstable-builder-heading:not(h3),
	.fixstable-builder-section[class*="fixstable-demo-saas-"] > .fixstable-builder-section-inner > .fixstable-builder-heading:not(h3),
	[class*="fixstable-demo-saas-"] .fixstable-builder-column > .fixstable-builder-heading:not(h3),
	.fixstable-demo-saas-automation .fixstable-builder-section-inner > .fixstable-builder-heading:first-child,
	.fixstable-demo-saas-use-cases .fixstable-builder-section-inner > .fixstable-builder-heading:first-child,
	.fixstable-demo-saas-pricing .fixstable-builder-section-inner > .fixstable-builder-heading:first-child {
		font-size: 34px;
	}

	.fixstable-demo-saas-trust-strip,
	.fixstable-demo-saas-dashboard,
	.fixstable-demo-saas-automation,
	.fixstable-demo-saas-integrations,
	.fixstable-demo-saas-use-cases,
	.fixstable-demo-saas-customer-proof,
	.fixstable-demo-saas-pricing,
	.fixstable-demo-saas-product-update,
	.fixstable-demo-saas-faq-support,
	.fixstable-demo-saas-builder-showcase,
	.fixstable-demo-saas-final-cta,
	.fixstable-demo-kit-saas-ai .fixstable-builder-demo-media-section,
	.fixstable-demo-kit-saas-ai .fixstable-builder-demo-showcase-section,
	.fixstable-demo-kit-saas-ai .fixstable-builder-demo-proof-section,
	.fixstable-demo-kit-saas-ai .fixstable-builder-demo-resources-section,
	.fixstable-demo-kit-saas-ai .fixstable-builder-demo-final-cta-section {
		padding-block: 52px !important;
	}

	.fixstable-demo-saas-trust-strip .fixstable-builder-grid,
	.fixstable-demo-saas-integrations .fixstable-builder-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	.fixstable-demo-saas-team-mark,
	.fixstable-demo-saas-integration-tile {
		min-height: 0;
	}

	.fixstable-demo-saas-customer-proof .fixstable-builder-testimonial-proof blockquote p {
		font-size: 23px;
	}

	.fixstable-demo-saas-product-update .fixstable-builder-request-section,
	.fixstable-demo-saas-final-cta .fixstable-builder-request-section,
	.fixstable-demo-saas-faq-support .fixstable-builder-faq-block {
		padding: 22px !important;
	}

	.fixstable-builder-site-footer.fixstable-demo-kit-saas-ai .fixstable-builder-site-footer-inner {
		grid-template-columns: 1fr;
		gap: 26px;
		padding: 42px 20px 26px;
	}

	.fixstable-builder-site-footer.fixstable-demo-kit-saas-ai .fixstable-builder-site-footer-support-wrap,
	.fixstable-builder-site-footer.fixstable-demo-kit-saas-ai .fixstable-builder-site-footer-copy {
		grid-column: 1;
	}
}

@media (max-width: 768px) {
	.fixstable-demo-kit-saas-ai .fixstable-builder-commercial-actions,
	[class*="fixstable-demo-saas-"] .fixstable-builder-commercial-actions {
		flex-direction: column;
		align-items: stretch;
		flex-wrap: nowrap;
		gap: 12px !important;
	}

	.fixstable-builder-frontend.fixstable-demo-kit-saas-ai .fixstable-demo-saas-faq-support .fixstable-builder-faq-block {
		gap: 18px !important;
	}

	.fixstable-demo-kit-saas-ai .fixstable-builder-commercial-actions > .fixstable-builder-action-link,
	[class*="fixstable-demo-saas-"] .fixstable-builder-commercial-actions > .fixstable-builder-action-link {
		flex: 0 0 auto;
	}

	.fixstable-builder-frontend.fixstable-demo-kit-saas-ai .fixstable-demo-saas-faq-support .fixstable-builder-faq-block,
	.fixstable-builder-frontend.fixstable-demo-kit-saas-ai .fixstable-demo-saas-builder-showcase .fixstable-builder-feature-list {
		gap: 18px !important;
	}

	.fixstable-builder-frontend.fixstable-demo-kit-saas-ai .fixstable-demo-saas-builder-showcase .fixstable-builder-feature-list ul {
		grid-template-columns: 1fr !important;
	}
}

.fixstable-builder-preview-viewport.is-device-tablet .fixstable-builder-frontend.fixstable-demo-kit-saas-ai,
.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-frontend.fixstable-demo-kit-saas-ai {
	width: var(--fixstable-preview-width, 100%);
	max-width: var(--fixstable-preview-width, 100%);
	min-width: 0;
	grid-template-columns: minmax(0, 1fr);
}

.fixstable-builder-preview-viewport.is-device-tablet .fixstable-builder-frontend.fixstable-demo-kit-saas-ai > .fixstable-builder-node-wrap,
.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-frontend.fixstable-demo-kit-saas-ai > .fixstable-builder-node-wrap {
	width: 100%;
	max-width: 100%;
	min-width: 0;
	grid-template-columns: minmax(0, 1fr);
}

.fixstable-builder-preview-viewport.is-device-tablet .fixstable-builder-site-header.fixstable-demo-kit-saas-ai.is-preview,
.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-site-header.fixstable-demo-kit-saas-ai.is-preview,
.fixstable-builder-preview-viewport.is-device-tablet .fixstable-builder-site-footer.fixstable-demo-kit-saas-ai.is-preview,
.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-site-footer.fixstable-demo-kit-saas-ai.is-preview {
	width: var(--fixstable-preview-width, 100%);
	max-width: var(--fixstable-preview-width, 100%);
}

.fixstable-builder-preview-viewport.is-device-tablet .fixstable-builder-site-header.fixstable-demo-kit-saas-ai.is-mobile-preview .fixstable-builder-site-brand,
.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-site-header.fixstable-demo-kit-saas-ai.is-mobile-preview .fixstable-builder-site-brand {
	order: 1;
	flex: 1 1 auto;
	min-width: 0;
}

.fixstable-builder-preview-viewport.is-device-tablet .fixstable-builder-site-header.fixstable-demo-kit-saas-ai.is-mobile-preview .fixstable-builder-site-nav-toggle,
.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-site-header.fixstable-demo-kit-saas-ai.is-mobile-preview .fixstable-builder-site-nav-toggle {
	order: 2;
	margin-left: auto;
}

.fixstable-builder-preview-viewport.is-device-tablet .fixstable-builder-site-header.fixstable-demo-kit-saas-ai.is-mobile-preview .fixstable-builder-site-nav,
.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-site-header.fixstable-demo-kit-saas-ai.is-mobile-preview .fixstable-builder-site-nav {
	order: 4;
	width: 100%;
}

.fixstable-builder-preview-viewport.is-device-tablet .fixstable-builder-site-header.fixstable-demo-kit-saas-ai.is-mobile-preview .fixstable-builder-site-header-cta,
.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-site-header.fixstable-demo-kit-saas-ai.is-mobile-preview .fixstable-builder-site-header-cta {
	order: 5;
	flex: 1 1 100%;
	width: 100%;
}

.fixstable-builder-preview-viewport.is-device-tablet .fixstable-demo-kit-saas-ai .fixstable-builder-commercial-actions,
.fixstable-builder-preview-viewport.is-device-mobile .fixstable-demo-kit-saas-ai .fixstable-builder-commercial-actions {
	flex-wrap: nowrap;
}

.fixstable-builder-preview-viewport.is-device-tablet .fixstable-demo-kit-saas-ai .fixstable-builder-commercial-actions > .fixstable-builder-action-link,
.fixstable-builder-preview-viewport.is-device-mobile .fixstable-demo-kit-saas-ai .fixstable-builder-commercial-actions > .fixstable-builder-action-link {
	flex: 0 0 auto;
}

@media (max-width: 480px) {
	.fixstable-demo-saas-home-hero .fixstable-builder-cta-block h1,
	.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: 40px !important;
	}

	.fixstable-demo-kit-saas-ai .fixstable-builder-section-inner > .fixstable-builder-heading:not(h3),
	.fixstable-builder-section[class*="fixstable-demo-saas-"] > .fixstable-builder-section-inner > .fixstable-builder-heading:not(h3),
	[class*="fixstable-demo-saas-"] .fixstable-builder-column > .fixstable-builder-heading:not(h3),
	.fixstable-demo-saas-automation .fixstable-builder-section-inner > .fixstable-builder-heading:first-child,
	.fixstable-demo-saas-use-cases .fixstable-builder-section-inner > .fixstable-builder-heading:first-child,
	.fixstable-demo-saas-pricing .fixstable-builder-section-inner > .fixstable-builder-heading:first-child {
		font-size: 31px;
	}

	.fixstable-demo-saas-trust-strip .fixstable-builder-grid,
	.fixstable-demo-saas-integrations .fixstable-builder-grid,
	.fixstable-demo-saas-command-center .fixstable-builder-grid,
	.fixstable-demo-saas-customer-proof .fixstable-builder-grid,
	.fixstable-demo-saas-update-card .fixstable-builder-grid,
	.fixstable-demo-saas-builder-window .fixstable-builder-grid {
		grid-template-columns: 1fr !important;
	}

	.fixstable-demo-saas-use-cases .fixstable-builder-grid {
		padding: 10px;
	}

	.fixstable-demo-saas-command-center,
	.fixstable-demo-saas-builder-window {
		padding: 16px !important;
	}

	.fixstable-demo-saas-builder-window .fixstable-builder-grid {
		grid-template-rows: none !important;
		grid-auto-rows: auto !important;
	}

	.fixstable-demo-saas-builder-window .fixstable-builder-grid-item {
		min-height: 0 !important;
	}

	.fixstable-demo-kit-saas-ai .fixstable-builder-button,
	.fixstable-demo-kit-saas-ai .fixstable-builder-action-link,
	[class*="fixstable-demo-saas-"] .fixstable-builder-button,
	[class*="fixstable-demo-saas-"] .fixstable-builder-action-link {
		width: 100%;
	}

	.fixstable-builder-site-footer.fixstable-demo-kit-saas-ai .fixstable-builder-site-footer-nav.is-multi-column {
		grid-template-columns: 1fr;
	}
}

@media (prefers-reduced-motion: reduce) {
	.fixstable-demo-kit-saas-ai *,
	[class*="fixstable-demo-saas-"] * {
		scroll-behavior: auto !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}
}

/* SignalFlow color-mode specificity and narrow-rail safeguards. */
.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 {
	background: linear-gradient(150deg, #050b17 0%, #081126 56%, #111b39 100%) !important;
	color: #f8fbff !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-trust-strip,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-trust-strip,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-dashboard,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-dashboard,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-integrations,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-integrations,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-customer-proof,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-customer-proof,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-product-update,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-product-update,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-builder-showcase,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-builder-showcase,
.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: #07101e !important;
	color: #f8fbff !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-integrations,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-integrations,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-product-update,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-product-update,
.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: linear-gradient(145deg, #07101e 0%, #111b39 100%) !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-automation,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-automation,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-use-cases,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-use-cases,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-pricing,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-pricing,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-faq-support,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-faq-support {
	background: #f7fbff !important;
	color: #17243a !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-use-cases,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-use-cases,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-faq-support,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-faq-support {
	background: #edf5ff !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-automation .fixstable-builder-heading,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-automation .fixstable-builder-text,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-automation .fixstable-builder-text p,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-use-cases .fixstable-builder-heading,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-use-cases .fixstable-builder-text,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-use-cases .fixstable-builder-text p,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-pricing .fixstable-builder-heading,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-pricing .fixstable-builder-text,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-pricing .fixstable-builder-text p,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-faq-support .fixstable-builder-heading,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-faq-support .fixstable-builder-text,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-faq-support .fixstable-builder-text p,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-automation .fixstable-builder-heading,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-automation .fixstable-builder-text,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-use-cases .fixstable-builder-heading,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-use-cases .fixstable-builder-text,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-pricing .fixstable-builder-heading,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-pricing .fixstable-builder-text,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-faq-support .fixstable-builder-heading,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-faq-support .fixstable-builder-text {
	color: #17243a !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-automation .fixstable-demo-saas-workflow-card,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-automation .fixstable-demo-saas-workflow-card,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-use-cases .fixstable-demo-saas-integration-card,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-use-cases .fixstable-demo-saas-integration-card,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-pricing .fixstable-demo-saas-plan-card:not(.is-featured),
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-pricing .fixstable-demo-saas-plan-card:not(.is-featured),
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-faq-support .fixstable-builder-faq-block,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-faq-support .fixstable-builder-faq-block,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-faq-support .fixstable-builder-faq-item,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-faq-support .fixstable-builder-faq-item {
	background: #ffffff !important;
	color: #17243a !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-pricing .fixstable-demo-saas-plan-card.is-featured,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-pricing .fixstable-demo-saas-plan-card.is-featured {
	background: #0d1930 !important;
	color: #f8fbff !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-pricing .fixstable-demo-saas-plan-card.is-featured .fixstable-builder-heading,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-pricing .fixstable-demo-saas-plan-card.is-featured .fixstable-builder-text,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-pricing .fixstable-demo-saas-plan-card.is-featured .fixstable-builder-text p,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-pricing .fixstable-demo-saas-plan-card.is-featured .fixstable-builder-heading,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-pricing .fixstable-demo-saas-plan-card.is-featured .fixstable-builder-text {
	color: #f8fbff !important;
}

@media (max-width: 480px) {
	.fixstable-builder-frontend.fixstable-demo-kit-saas-ai .fixstable-builder-section,
	.fixstable-builder-frontend.fixstable-demo-kit-saas-ai .fixstable-builder-section[class*="fixstable-demo-saas-"],
	.fixstable-builder-preview-shell .fixstable-builder-node-section[class*="fixstable-demo-saas-"] {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.fixstable-builder-frontend.fixstable-demo-kit-saas-ai .fixstable-builder-section-inner,
	.fixstable-builder-preview-shell .fixstable-builder-node-section[class*="fixstable-demo-saas-"] > .fixstable-builder-section-inner {
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
	}
}

/* Editable SignalFlow eyebrow text keeps visual emphasis out of the heading tree. */
.fixstable-demo-saas-trust-strip .fixstable-builder-section-inner > :is(.fixstable-builder-text, .fixstable-builder-preview-text):first-child,
.fixstable-demo-saas-integrations .fixstable-builder-section-inner > :is(.fixstable-builder-text, .fixstable-builder-preview-text):first-child,
.fixstable-demo-saas-dashboard :is(.fixstable-builder-column, .fixstable-builder-preview-column):first-child > :is(.fixstable-builder-text, .fixstable-builder-preview-text):first-child,
.fixstable-demo-saas-customer-proof :is(.fixstable-builder-column, .fixstable-builder-preview-column):first-child > :is(.fixstable-builder-text, .fixstable-builder-preview-text):first-child,
.fixstable-demo-saas-product-update :is(.fixstable-builder-column, .fixstable-builder-preview-column):first-child > :is(.fixstable-builder-text, .fixstable-builder-preview-text):first-child,
.fixstable-demo-saas-faq-support :is(.fixstable-builder-column, .fixstable-builder-preview-column):last-child > :is(.fixstable-builder-text, .fixstable-builder-preview-text):first-child,
.fixstable-demo-saas-builder-showcase :is(.fixstable-builder-column, .fixstable-builder-preview-column):first-child > :is(.fixstable-builder-text, .fixstable-builder-preview-text):first-child {
	display: block;
	max-width: none;
	margin: 0 0 10px;
	color: var(--signalflow-cyan) !important;
	font-size: 13px !important;
	font-weight: 800;
	line-height: 1.3 !important;
	text-transform: uppercase;
}

.fixstable-demo-saas-faq-support :is(.fixstable-builder-column, .fixstable-builder-preview-column):last-child > :is(.fixstable-builder-text, .fixstable-builder-preview-text):first-child {
	color: var(--signalflow-blue) !important;
}

.fixstable-demo-saas-trust-strip .fixstable-builder-section-inner > :is(.fixstable-builder-text, .fixstable-builder-preview-text):first-child p,
.fixstable-demo-saas-integrations .fixstable-builder-section-inner > :is(.fixstable-builder-text, .fixstable-builder-preview-text):first-child p,
.fixstable-demo-saas-dashboard :is(.fixstable-builder-column, .fixstable-builder-preview-column):first-child > :is(.fixstable-builder-text, .fixstable-builder-preview-text):first-child p,
.fixstable-demo-saas-customer-proof :is(.fixstable-builder-column, .fixstable-builder-preview-column):first-child > :is(.fixstable-builder-text, .fixstable-builder-preview-text):first-child p,
.fixstable-demo-saas-product-update :is(.fixstable-builder-column, .fixstable-builder-preview-column):first-child > :is(.fixstable-builder-text, .fixstable-builder-preview-text):first-child p,
.fixstable-demo-saas-faq-support :is(.fixstable-builder-column, .fixstable-builder-preview-column):last-child > :is(.fixstable-builder-text, .fixstable-builder-preview-text):first-child p,
.fixstable-demo-saas-builder-showcase :is(.fixstable-builder-column, .fixstable-builder-preview-column):first-child > :is(.fixstable-builder-text, .fixstable-builder-preview-text):first-child p {
	margin: 0 !important;
	color: inherit !important;
	font: inherit;
}

/* The command-center copy column sits on the dark product-tour surface. */
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-dashboard .fixstable-builder-column:first-child > .fixstable-builder-heading,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-dashboard .fixstable-builder-preview-column:first-child > .fixstable-builder-heading,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-dashboard .fixstable-builder-column:first-child > .fixstable-builder-heading {
	color: #f8fbff !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-dashboard .fixstable-builder-column:first-child > .fixstable-builder-text:not(:first-child),
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-dashboard .fixstable-builder-column:first-child > .fixstable-builder-text:not(:first-child) p,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-dashboard :is(.fixstable-builder-column, .fixstable-builder-preview-column):first-child > :is(.fixstable-builder-text, .fixstable-builder-preview-text):not(:first-child),
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-dashboard :is(.fixstable-builder-column, .fixstable-builder-preview-column):first-child > :is(.fixstable-builder-text, .fixstable-builder-preview-text):not(:first-child) p {
	color: rgba(226, 239, 255, 0.78) !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-dashboard :is(.fixstable-demo-saas-command-center, .fixstable-demo-saas-command-step, .fixstable-demo-saas-command-status) .fixstable-builder-text,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-dashboard :is(.fixstable-demo-saas-command-center, .fixstable-demo-saas-command-step, .fixstable-demo-saas-command-status) .fixstable-builder-text p,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-dashboard :is(.fixstable-demo-saas-command-center, .fixstable-demo-saas-command-step, .fixstable-demo-saas-command-status) :is(.fixstable-builder-text, .fixstable-builder-preview-text),
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-dashboard :is(.fixstable-demo-saas-command-center, .fixstable-demo-saas-command-step, .fixstable-demo-saas-command-status) :is(.fixstable-builder-text, .fixstable-builder-preview-text) p {
	color: rgba(226, 239, 255, 0.74) !important;
}

/* SignalFlow homepage art-direction polish: reshape existing builder-owned sections. */
.fixstable-demo-saas-trust-strip,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-trust-strip {
	padding-block: 68px 28px !important;
	background:
		linear-gradient(90deg, rgba(34, 211, 238, 0.07) 0 1px, transparent 1px 100%),
		linear-gradient(180deg, #06101d 0%, #091526 100%) !important;
	background-size: 96px 100%, auto !important;
}

.fixstable-demo-saas-trust-strip .fixstable-builder-section-inner,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-trust-strip > .fixstable-builder-section-inner {
	display: grid;
	grid-template-columns: minmax(250px, 0.78fr) minmax(620px, 1.22fr);
	gap: 24px 54px;
	align-items: start;
}

.fixstable-demo-saas-trust-strip .fixstable-builder-section-inner > :is(.fixstable-builder-text, .fixstable-builder-preview-text):first-child {
	align-self: end;
	margin-bottom: 2px;
}

.fixstable-demo-saas-trust-strip .fixstable-builder-section-inner > .fixstable-builder-heading {
	max-width: 11ch;
	margin: 0;
	font-size: 48px !important;
	line-height: 1.02 !important;
}

.fixstable-demo-saas-trust-strip .fixstable-builder-section-inner > :is(.fixstable-builder-text, .fixstable-builder-preview-text):not(:first-child) {
	max-width: 38ch;
	margin: 0;
}

.fixstable-demo-saas-trust-strip .fixstable-builder-grid {
	grid-column: 2;
	grid-row: 1 / span 4;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 0 !important;
	margin: 0;
	border-block: 1px solid rgba(125, 211, 252, 0.18);
}

.fixstable-demo-saas-trust-strip .fixstable-builder-grid-item {
	min-width: 0;
	border-bottom: 1px solid rgba(125, 211, 252, 0.16);
}

.fixstable-demo-saas-trust-strip .fixstable-builder-grid-item:nth-child(odd) {
	border-right: 1px solid rgba(125, 211, 252, 0.16);
}

.fixstable-demo-saas-trust-strip .fixstable-builder-grid-item:last-child {
	grid-column: 1 / -1;
	border-bottom: 0;
	border-right: 0;
}

.fixstable-demo-saas-trust-strip .fixstable-builder-grid-item:nth-last-child(2) {
	border-bottom: 0;
}

.fixstable-demo-saas-team-mark {
	min-height: 120px !important;
	padding: 22px 24px !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.fixstable-demo-saas-team-mark::before {
	width: 54px;
	height: 2px;
	margin-bottom: 8px;
	background: linear-gradient(90deg, var(--signalflow-cyan), rgba(79, 70, 229, 0.2));
}

.fixstable-demo-saas-team-mark .fixstable-builder-heading {
	font-size: 18px !important;
}

.fixstable-demo-saas-team-mark :is(.fixstable-builder-text, .fixstable-builder-preview-text),
.fixstable-demo-saas-team-mark :is(.fixstable-builder-text, .fixstable-builder-preview-text) p {
	color: rgba(226, 239, 255, 0.7) !important;
}

.fixstable-demo-saas-dashboard,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-dashboard {
	padding-block: 48px 96px !important;
	background:
		linear-gradient(180deg, rgba(125, 211, 252, 0.08), transparent 28%),
		linear-gradient(145deg, #040a14 0%, #071323 47%, #0b1027 100%) !important;
}

.fixstable-demo-saas-dashboard .fixstable-builder-row {
	grid-template-columns: minmax(280px, 0.68fr) minmax(620px, 1.32fr);
	gap: 64px;
	align-items: center;
}

.fixstable-demo-saas-dashboard .fixstable-builder-column:first-child > .fixstable-builder-heading {
	max-width: 10.5ch;
	font-size: 54px !important;
	line-height: 0.98 !important;
}

.fixstable-demo-saas-dashboard .fixstable-builder-column:first-child > .fixstable-builder-text:not(:first-child) {
	max-width: 39ch;
}

.fixstable-demo-saas-dashboard .fixstable-builder-column:first-child > .fixstable-builder-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
	grid-template-rows: repeat(2, minmax(0, auto));
	gap: 10px !important;
	max-width: 410px;
	margin-top: 6px;
}

.fixstable-demo-saas-dashboard .fixstable-builder-column:first-child > .fixstable-builder-grid .fixstable-builder-grid-item:first-child {
	grid-row: 1 / span 2;
}

.fixstable-demo-saas-dashboard .fixstable-demo-saas-metric-card {
	justify-content: end;
	min-height: 112px;
	padding: 16px !important;
	border: 1px solid rgba(125, 211, 252, 0.18) !important;
	border-radius: 8px !important;
	background: rgba(15, 23, 42, 0.58) !important;
	color: #f8fbff !important;
}

.fixstable-demo-saas-dashboard .fixstable-builder-column:first-child > .fixstable-builder-grid .fixstable-builder-grid-item:first-child .fixstable-demo-saas-metric-card {
	min-height: 234px;
	background: linear-gradient(180deg, rgba(34, 211, 238, 0.14), rgba(15, 23, 42, 0.6)) !important;
}

.fixstable-demo-saas-dashboard .fixstable-builder-column:first-child > .fixstable-builder-grid .fixstable-builder-grid-item:first-child .fixstable-demo-saas-metric-card .fixstable-builder-heading {
	font-size: 56px !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-dark .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 {
	background: rgba(15, 23, 42, 0.58) !important;
	color: #f8fbff !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-dashboard .fixstable-builder-column:first-child > .fixstable-builder-grid .fixstable-builder-grid-item:first-child .fixstable-demo-saas-metric-card,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-dashboard .fixstable-builder-column:first-child > .fixstable-builder-grid .fixstable-builder-grid-item:first-child .fixstable-demo-saas-metric-card {
	background: linear-gradient(180deg, rgba(34, 211, 238, 0.14), rgba(15, 23, 42, 0.6)) !important;
}

.fixstable-demo-saas-dashboard .fixstable-demo-saas-metric-card :is(.fixstable-builder-text, .fixstable-builder-preview-text),
.fixstable-demo-saas-dashboard .fixstable-demo-saas-metric-card :is(.fixstable-builder-text, .fixstable-builder-preview-text) p,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-dashboard .fixstable-demo-saas-metric-card :is(.fixstable-builder-text, .fixstable-builder-preview-text),
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-dashboard .fixstable-demo-saas-metric-card :is(.fixstable-builder-text, .fixstable-builder-preview-text) p,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-dashboard .fixstable-demo-saas-metric-card :is(.fixstable-builder-text, .fixstable-builder-preview-text),
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-dashboard .fixstable-demo-saas-metric-card :is(.fixstable-builder-text, .fixstable-builder-preview-text) p {
	color: rgba(226, 239, 255, 0.76) !important;
}

.fixstable-demo-saas-command-center {
	position: relative;
	display: grid;
	gap: 18px !important;
	padding: 0 !important;
	overflow: hidden;
	border: 1px solid rgba(125, 211, 252, 0.28) !important;
	border-radius: 8px !important;
	background:
		linear-gradient(90deg, rgba(34, 211, 238, 0.08) 0 1px, transparent 1px 100%),
		linear-gradient(180deg, #07111f 0%, #0e1728 100%) !important;
	background-size: 72px 100%, auto !important;
	box-shadow: 0 34px 90px rgba(1, 6, 18, 0.48) !important;
}

.fixstable-demo-saas-command-center::before {
	content: "";
	display: block;
	height: 44px;
	border-bottom: 1px solid rgba(125, 211, 252, 0.18);
	background:
		radial-gradient(circle at 24px 50%, #22d3ee 0 4px, transparent 5px),
		radial-gradient(circle at 44px 50%, rgba(125, 211, 252, 0.68) 0 4px, transparent 5px),
		radial-gradient(circle at 64px 50%, rgba(79, 70, 229, 0.76) 0 4px, transparent 5px);
}

.fixstable-demo-saas-command-center > :not(:first-child) {
	margin-inline: 24px;
}

.fixstable-demo-saas-command-center > .fixstable-builder-heading:first-child {
	margin-top: -62px;
	margin-left: 96px;
	font-size: 13px !important;
	line-height: 44px !important;
	text-transform: uppercase;
}

.fixstable-demo-saas-command-center > :is(.fixstable-builder-text, .fixstable-builder-preview-text):first-of-type {
	max-width: 52ch;
	margin-top: 18px;
}

.fixstable-demo-saas-command-center > .fixstable-builder-grid {
	position: relative;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	gap: 0 !important;
	margin-block: 8px 0;
	border-block: 1px solid rgba(125, 211, 252, 0.16);
}

.fixstable-demo-saas-command-center > .fixstable-builder-grid::before {
	content: "";
	position: absolute;
	top: 34px;
	left: 12%;
	right: 12%;
	height: 1px;
	background: linear-gradient(90deg, rgba(34, 211, 238, 0.08), rgba(34, 211, 238, 0.8), rgba(79, 70, 229, 0.5));
	pointer-events: none;
}

.fixstable-demo-saas-command-step {
	position: relative;
	min-height: 168px;
	padding: 54px 18px 18px !important;
	border: 0 !important;
	border-right: 1px solid rgba(125, 211, 252, 0.14) !important;
	border-radius: 0 !important;
	background: transparent !important;
}

.fixstable-demo-saas-command-center .fixstable-builder-grid-item:last-child .fixstable-demo-saas-command-step {
	border-right: 0 !important;
}

.fixstable-demo-saas-command-step::before {
	content: "";
	position: absolute;
	top: 27px;
	left: 18px;
	z-index: 1;
	width: 14px;
	height: 14px;
	border: 2px solid var(--signalflow-cyan);
	border-radius: 50%;
	background: #07111f;
	box-shadow: 0 0 0 8px rgba(34, 211, 238, 0.08);
}

.fixstable-demo-saas-command-step.is-active {
	background: linear-gradient(180deg, rgba(34, 211, 238, 0.12), rgba(7, 17, 31, 0.06)) !important;
}

.fixstable-demo-saas-command-step.is-active::before {
	background: var(--signalflow-cyan);
}

.fixstable-demo-saas-command-step .fixstable-builder-heading {
	font-size: 15px !important;
	color: #f8fbff !important;
}

.fixstable-demo-saas-command-step :is(.fixstable-builder-text, .fixstable-builder-preview-text),
.fixstable-demo-saas-command-step :is(.fixstable-builder-text, .fixstable-builder-preview-text) p {
	font-size: 14px !important;
	line-height: 1.55 !important;
}

.fixstable-demo-saas-command-status {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 14px;
	align-items: center;
	min-height: 0;
	margin-bottom: 24px !important;
	padding: 14px 16px !important;
	border: 1px solid rgba(125, 211, 252, 0.16) !important;
	border-radius: 8px !important;
	background: rgba(15, 23, 42, 0.62) !important;
}

.fixstable-demo-saas-command-status::before {
	content: "";
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: var(--signalflow-cyan);
	box-shadow: 0 0 0 6px rgba(34, 211, 238, 0.12);
}

.fixstable-demo-saas-command-status .fixstable-builder-heading {
	margin: 0 !important;
	font-size: 16px !important;
	color: #f8fbff !important;
}

.fixstable-demo-saas-command-status :is(.fixstable-builder-text, .fixstable-builder-preview-text) {
	grid-column: 2;
	margin-top: -8px;
}

.fixstable-demo-saas-integrations,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-integrations {
	padding-block: 88px !important;
	background:
		radial-gradient(circle at 82% 16%, rgba(34, 211, 238, 0.09), transparent 28%),
		linear-gradient(180deg, #081126 0%, #0b1430 100%) !important;
}

.fixstable-demo-saas-integrations .fixstable-builder-section-inner,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-integrations > .fixstable-builder-section-inner {
	display: grid;
	grid-template-columns: minmax(270px, 0.64fr) minmax(560px, 1.36fr);
	gap: 24px 72px;
	align-items: start;
}

.fixstable-demo-saas-integrations .fixstable-builder-section-inner > .fixstable-builder-heading {
	max-width: 11.5ch;
	margin: 0;
	padding-top: 24px;
	border-top: 2px solid var(--signalflow-cyan);
	font-size: 44px !important;
	line-height: 1.04 !important;
}

.fixstable-demo-saas-integrations .fixstable-builder-section-inner > :is(.fixstable-builder-text, .fixstable-builder-preview-text):not(:first-child) {
	max-width: 36ch;
	margin: 0;
}

.fixstable-demo-saas-integrations .fixstable-builder-grid {
	grid-column: 2;
	grid-row: 1 / span 5;
	position: relative;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	grid-template-rows: none !important;
	grid-auto-rows: auto;
	gap: 0 28px !important;
	margin: 0;
	padding: 12px 24px !important;
	overflow: hidden;
	border: 1px solid rgba(125, 211, 252, 0.18) !important;
	border-radius: 10px !important;
	background: rgba(7, 17, 31, 0.54) !important;
	box-shadow: 0 28px 72px rgba(1, 6, 18, 0.22);
}

.fixstable-demo-saas-integrations .fixstable-builder-grid::before {
	content: "";
	position: absolute;
	top: 24px;
	bottom: 24px;
	left: 50%;
	width: 1px;
	background: rgba(125, 211, 252, 0.14);
}

.fixstable-demo-saas-integrations .fixstable-builder-grid-item,
.fixstable-demo-saas-use-cases .fixstable-builder-grid-item {
	min-height: 0 !important;
	height: auto !important;
}

.fixstable-demo-saas-integrations .fixstable-builder-grid-item > *,
.fixstable-demo-saas-use-cases .fixstable-builder-grid-item > * {
	height: auto !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-integrations .fixstable-demo-saas-integration-tile,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-integrations .fixstable-demo-saas-integration-tile {
	background: transparent !important;
}

.fixstable-demo-saas-integration-tile {
	position: relative;
	display: grid;
	grid-template-columns: 20px minmax(0, 1fr);
	gap: 8px 14px;
	align-content: start;
	min-height: 112px !important;
	padding: 22px 8px !important;
	border: 0 !important;
	border-bottom: 1px solid rgba(125, 211, 252, 0.13) !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.fixstable-demo-saas-integrations .fixstable-builder-grid-item:nth-last-child(-n + 2) .fixstable-demo-saas-integration-tile {
	border-bottom: 0 !important;
}

.fixstable-demo-saas-integration-tile::before {
	grid-row: 1 / span 2;
	align-self: start;
	width: 12px;
	height: 12px;
	margin-top: 5px;
	border: 1px solid var(--signalflow-cyan);
	border-radius: 3px;
	background: rgba(34, 211, 238, 0.12);
	box-shadow: 0 0 0 6px rgba(34, 211, 238, 0.05);
}

.fixstable-demo-saas-integration-tile .fixstable-builder-heading {
	font-size: 18px !important;
}

.fixstable-demo-saas-integrations .fixstable-builder-section-inner > p:last-child {
	margin-top: 14px;
}

.fixstable-demo-saas-use-cases,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-use-cases {
	padding-block: 88px !important;
	background: #f5f9ff !important;
	color: #17243a !important;
}

.fixstable-demo-saas-use-cases .fixstable-builder-section-inner,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-use-cases > .fixstable-builder-section-inner {
	display: grid;
	grid-template-columns: minmax(260px, 0.7fr) minmax(640px, 1.3fr);
	gap: 22px 58px;
	align-items: start;
}

.fixstable-demo-saas-use-cases .fixstable-builder-section-inner > .fixstable-builder-heading {
	position: static;
	grid-column: 1;
	grid-row: 1;
	max-width: 11.5ch;
	margin: 0;
	padding-top: 24px;
	border-top: 2px solid #2563eb;
	font-size: 44px !important;
	line-height: 1.04 !important;
}

.fixstable-demo-saas-use-cases .fixstable-builder-section-inner > :is(.fixstable-builder-text, .fixstable-builder-preview-text) {
	grid-column: 1;
	grid-row: 2;
	max-width: 35ch;
	margin: 0;
}

.fixstable-demo-saas-use-cases .fixstable-builder-grid {
	grid-column: 2;
	grid-row: 1 / span 4;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	grid-template-rows: none !important;
	grid-auto-rows: auto;
	gap: 0 34px !important;
	padding: 0 !important;
	border: 0 !important;
	border-top: 1px solid rgba(23, 36, 58, 0.16);
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	counter-reset: signalflow-use-case;
}

.fixstable-demo-saas-use-cases .fixstable-builder-grid-item {
	counter-increment: signalflow-use-case;
}

.fixstable-demo-saas-integration-card {
	position: relative;
	display: grid;
	grid-template-columns: 54px minmax(0, 1fr);
	gap: 12px 18px;
	align-items: start;
	min-height: 0;
	padding: 26px 0 !important;
	border: 0 !important;
	border-bottom: 1px solid rgba(23, 36, 58, 0.16) !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.fixstable-demo-saas-integration-card::before {
	content: counter(signalflow-use-case, decimal-leading-zero);
	width: auto;
	height: auto;
	border-radius: 0;
	background: none;
	color: #2563eb;
	font-size: 28px;
	font-weight: 900;
	line-height: 1;
	box-shadow: none;
}

.fixstable-demo-saas-integration-card .fixstable-builder-heading {
	font-size: 22px !important;
	line-height: 1.18 !important;
	color: #091527 !important;
}

.fixstable-demo-saas-integration-card :is(.fixstable-builder-text, .fixstable-builder-preview-text) {
	grid-column: 2;
}

.fixstable-demo-saas-integration-card :is(.fixstable-builder-text, .fixstable-builder-preview-text),
.fixstable-demo-saas-integration-card :is(.fixstable-builder-text, .fixstable-builder-preview-text) p {
	color: rgba(23, 36, 58, 0.76) !important;
	font-size: 16px !important;
	line-height: 1.65 !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-use-cases .fixstable-demo-saas-integration-card,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-use-cases .fixstable-demo-saas-integration-card {
	background: transparent !important;
	color: #17243a !important;
}

.fixstable-demo-saas-use-cases .fixstable-builder-section-inner > p:last-child {
	grid-column: 1;
	grid-row: 3;
	align-self: end;
	margin: 22px 0 0;
}

.fixstable-demo-saas-product-update,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-product-update {
	padding-block: 92px !important;
	background:
		linear-gradient(90deg, rgba(125, 211, 252, 0.06) 0 1px, transparent 1px 100%),
		linear-gradient(145deg, #07101e 0%, #111b39 100%) !important;
	background-size: 86px 100%, auto !important;
}

.fixstable-demo-saas-product-update .fixstable-builder-row {
	grid-template-columns: minmax(0, 1.12fr) minmax(360px, 0.88fr);
	gap: 58px;
	align-items: start;
}

.fixstable-demo-saas-update-card {
	padding: 0 !important;
	overflow: hidden;
	border-radius: 8px !important;
	background: rgba(15, 23, 42, 0.58) !important;
}

.fixstable-demo-saas-update-card > .fixstable-builder-heading:first-child {
	padding: 18px 22px;
	border-bottom: 1px solid rgba(125, 211, 252, 0.16);
}

.fixstable-demo-saas-update-card .fixstable-builder-grid {
	gap: 0 !important;
}

.fixstable-demo-saas-update-item {
	min-height: 152px;
	padding: 20px !important;
	border: 0 !important;
	border-right: 1px solid rgba(125, 211, 252, 0.12) !important;
	border-bottom: 1px solid rgba(125, 211, 252, 0.12) !important;
	border-radius: 0 !important;
	background: transparent !important;
}

.fixstable-demo-saas-update-card .fixstable-builder-grid-item:nth-child(even) .fixstable-demo-saas-update-item {
	border-right: 0 !important;
}

.fixstable-demo-saas-update-card .fixstable-builder-grid-item:nth-last-child(-n + 2) .fixstable-demo-saas-update-item {
	border-bottom: 0 !important;
}

.fixstable-demo-saas-builder-showcase,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-builder-showcase {
	padding-block: 94px !important;
	background:
		linear-gradient(180deg, #050b17 0%, #081126 100%) !important;
}

.fixstable-demo-saas-builder-showcase .fixstable-builder-row {
	grid-template-columns: minmax(320px, 0.82fr) minmax(580px, 1.18fr);
	gap: 72px;
	align-items: start;
}

.fixstable-demo-saas-builder-showcase .fixstable-builder-column:first-child > .fixstable-builder-heading {
	max-width: 12.5ch;
	font-size: 44px !important;
	line-height: 1.04 !important;
}

.fixstable-demo-saas-builder-showcase .fixstable-builder-feature-list {
	padding: 8px 0 8px 24px !important;
	border-width: 0 0 0 2px !important;
	border-color: rgba(34, 211, 238, 0.54) !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-builder-showcase .fixstable-builder-feature-list.is-dark-surface,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-builder-showcase .fixstable-builder-feature-list.is-dark-surface {
	overflow: visible;
	background: transparent !important;
	box-shadow: none !important;
}

.fixstable-demo-saas-builder-showcase .fixstable-builder-feature-list h2 {
	font-size: 26px !important;
}

.fixstable-demo-saas-builder-showcase .fixstable-builder-feature-list ul {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 0;
	column-gap: 18px;
	margin-top: 18px;
}

.fixstable-demo-saas-builder-showcase .fixstable-builder-feature-list li {
	min-height: 0;
	padding: 13px 0 13px 18px;
	border: 0;
	border-bottom: 1px solid rgba(125, 211, 252, 0.12);
	background: transparent;
}

.fixstable-demo-saas-builder-showcase .fixstable-builder-feature-list li:last-child {
	border-bottom: 0;
}

.fixstable-demo-saas-builder-window {
	position: relative;
	width: 100%;
	min-width: 0;
	padding: 0 !important;
	overflow: hidden;
	border: 1px solid rgba(125, 211, 252, 0.22) !important;
	border-radius: 10px !important;
	background: linear-gradient(180deg, #0b172a 0%, #07111f 100%) !important;
	box-shadow: 0 34px 84px rgba(1, 6, 18, 0.38) !important;
}

.fixstable-demo-saas-builder-window::before {
	content: "";
	display: block;
	box-sizing: border-box;
	height: 42px;
	border-bottom: 1px solid rgba(125, 211, 252, 0.16);
	background:
		radial-gradient(circle at 24px 50%, #22d3ee 0 4px, transparent 5px),
		radial-gradient(circle at 44px 50%, rgba(125, 211, 252, 0.64) 0 4px, transparent 5px),
		radial-gradient(circle at 64px 50%, rgba(79, 70, 229, 0.74) 0 4px, transparent 5px),
		linear-gradient(180deg, rgba(15, 23, 42, 0.98), rgba(15, 23, 42, 0.72));
}

.fixstable-demo-saas-builder-window > :not(:first-child) {
	margin-inline: 22px;
}

.fixstable-demo-saas-builder-window > .fixstable-builder-heading:first-child {
	margin-top: -58px;
	margin-left: 92px;
	font-size: 14px !important;
	line-height: 42px !important;
}

.fixstable-demo-saas-builder-window > .fixstable-builder-grid:first-of-type {
	display: grid;
	grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.28fr) !important;
	gap: 0 !important;
	margin-top: 22px;
	border: 1px solid rgba(125, 211, 252, 0.14);
	border-radius: 8px;
	overflow: hidden;
}

.fixstable-demo-saas-builder-window .fixstable-builder-grid-item {
	min-height: 0 !important;
	height: auto !important;
}

.fixstable-demo-saas-builder-window .fixstable-builder-grid-item > * {
	height: auto !important;
}

.fixstable-demo-saas-builder-panel {
	min-height: 230px;
	padding: 22px !important;
	border: 0 !important;
	border-right: 1px solid rgba(125, 211, 252, 0.12) !important;
	border-radius: 0 !important;
	background: rgba(15, 23, 42, 0.5) !important;
}

.fixstable-demo-saas-builder-window .fixstable-builder-grid-item:last-child .fixstable-demo-saas-builder-panel {
	border-right: 0 !important;
	background: rgba(34, 211, 238, 0.08) !important;
}

.fixstable-demo-saas-builder-window > .fixstable-builder-grid + .fixstable-builder-grid {
	display: flex !important;
	gap: 8px !important;
	margin-top: 16px;
}

.fixstable-demo-saas-builder-window > .fixstable-builder-grid + .fixstable-builder-grid .fixstable-builder-grid-item {
	flex: 1 1 0;
	min-width: 0;
}

.fixstable-demo-saas-builder-mode {
	min-height: 0 !important;
	padding: 12px 14px !important;
	border-radius: 8px !important;
	background: rgba(15, 23, 42, 0.48) !important;
}

.fixstable-demo-saas-builder-mode.is-active {
	background: rgba(34, 211, 238, 0.12) !important;
}

.fixstable-demo-saas-builder-window > :is(.fixstable-builder-text, .fixstable-builder-preview-text):last-child {
	margin-block: 18px 22px;
	padding-top: 16px;
	border-top: 1px solid rgba(125, 211, 252, 0.14);
}

.fixstable-demo-saas-final-cta,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-final-cta {
	padding-block: 88px !important;
	background:
		radial-gradient(circle at 18% 18%, rgba(34, 211, 238, 0.06), transparent 28%),
		linear-gradient(180deg, #050b17 0%, #07111f 100%) !important;
}

.fixstable-demo-saas-final-cta .fixstable-builder-request-section {
	display: grid;
	grid-template-columns: minmax(0, 0.66fr) minmax(320px, 0.34fr);
	gap: 64px !important;
	align-items: center;
	padding: 56px !important;
	border: 1px solid rgba(125, 211, 252, 0.22) !important;
	border-radius: 10px !important;
	background:
		radial-gradient(circle at 12% 12%, rgba(34, 211, 238, 0.11), transparent 30%),
		radial-gradient(circle at 82% 86%, rgba(79, 70, 229, 0.12), transparent 32%),
		linear-gradient(135deg, #0b1730 0%, #111a3a 58%, #07111f 100%) !important;
	box-shadow:
		inset 0 1px 0 rgba(34, 211, 238, 0.16),
		0 34px 80px rgba(1, 6, 18, 0.4);
}

.fixstable-builder-frontend.fixstable-demo-kit-saas-ai .fixstable-builder-section.fixstable-demo-saas-final-cta#contact,
.fixstable-builder-preview-shell .fixstable-demo-kit-saas-ai .fixstable-builder-node-section.fixstable-demo-saas-final-cta#contact {
	background:
		radial-gradient(circle at 18% 18%, rgba(34, 211, 238, 0.06), transparent 28%),
		linear-gradient(180deg, #050b17 0%, #07111f 100%) !important;
}

.fixstable-builder-frontend.fixstable-demo-kit-saas-ai .fixstable-builder-section.fixstable-demo-saas-final-cta#contact .fixstable-builder-request-section.is-dark-surface,
.fixstable-builder-preview-shell .fixstable-demo-kit-saas-ai .fixstable-builder-node-section.fixstable-demo-saas-final-cta#contact .fixstable-builder-request-section.is-dark-surface {
	border: 1px solid rgba(125, 211, 252, 0.22) !important;
	border-radius: 10px !important;
	background:
		radial-gradient(circle at 12% 12%, rgba(34, 211, 238, 0.11), transparent 30%),
		radial-gradient(circle at 82% 86%, rgba(79, 70, 229, 0.12), transparent 32%),
		linear-gradient(135deg, #0b1730 0%, #111a3a 58%, #07111f 100%) !important;
	box-shadow:
		inset 0 1px 0 rgba(34, 211, 238, 0.16),
		0 34px 80px rgba(1, 6, 18, 0.4) !important;
}

.fixstable-demo-saas-final-cta .fixstable-builder-request-section h2 {
	max-width: 15ch;
	font-size: 48px !important;
	line-height: 1.02 !important;
}

.fixstable-demo-saas-final-cta .fixstable-builder-request-section aside {
	padding: 0 0 0 28px;
	border-left: 1px solid rgba(125, 211, 252, 0.22);
	border-radius: 0;
	background: transparent !important;
}

.fixstable-demo-saas-final-cta .fixstable-builder-request-section aside li {
	padding-block: 8px;
	border-top: 1px solid rgba(125, 211, 252, 0.12);
}

@media (max-width: 1180px) {
	.fixstable-demo-saas-trust-strip .fixstable-builder-section-inner,
	.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-trust-strip > .fixstable-builder-section-inner,
	.fixstable-demo-saas-integrations .fixstable-builder-section-inner,
	.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-integrations > .fixstable-builder-section-inner,
	.fixstable-demo-saas-use-cases .fixstable-builder-section-inner,
	.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-use-cases > .fixstable-builder-section-inner,
	.fixstable-demo-saas-dashboard .fixstable-builder-row,
	.fixstable-demo-saas-product-update .fixstable-builder-row,
	.fixstable-demo-saas-builder-showcase .fixstable-builder-row {
		grid-template-columns: 1fr;
	}

	.fixstable-demo-saas-trust-strip .fixstable-builder-grid,
	.fixstable-demo-saas-integrations .fixstable-builder-grid,
	.fixstable-demo-saas-use-cases .fixstable-builder-grid {
		grid-column: auto;
		grid-row: auto;
	}

	.fixstable-demo-saas-use-cases .fixstable-builder-section-inner > .fixstable-builder-heading {
		position: static;
	}

	.fixstable-demo-saas-command-center > .fixstable-builder-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	.fixstable-demo-saas-command-step:nth-child(2n) {
		border-right: 0 !important;
	}

	.fixstable-demo-saas-final-cta .fixstable-builder-request-section {
		grid-template-columns: 1fr;
	}

	.fixstable-demo-saas-final-cta .fixstable-builder-request-section aside {
		padding-left: 0;
		border-left: 0;
		border-top: 1px solid rgba(125, 211, 252, 0.22);
		padding-top: 24px;
	}
}

@media (max-width: 768px) {
	.fixstable-demo-saas-trust-strip,
	.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-trust-strip,
	.fixstable-demo-saas-dashboard,
	.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-dashboard,
	.fixstable-demo-saas-integrations,
	.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-integrations,
	.fixstable-demo-saas-use-cases,
	.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-use-cases,
	.fixstable-demo-saas-product-update,
	.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-product-update,
	.fixstable-demo-saas-builder-showcase,
	.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-builder-showcase {
		padding-block: 66px !important;
	}

	.fixstable-demo-saas-trust-strip,
	.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-trust-strip {
		padding-block: 66px 32px !important;
	}

	.fixstable-demo-saas-dashboard,
	.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-dashboard {
		padding-block: 40px 66px !important;
	}

	.fixstable-demo-saas-trust-strip .fixstable-builder-grid,
	.fixstable-demo-saas-integrations .fixstable-builder-grid {
		grid-template-columns: 1fr !important;
	}

	.fixstable-demo-saas-integrations .fixstable-builder-grid {
		padding: 8px 18px !important;
	}

	.fixstable-demo-saas-integrations .fixstable-builder-grid-item:nth-last-child(-n + 2) .fixstable-demo-saas-integration-tile {
		border-bottom: 1px solid rgba(125, 211, 252, 0.13) !important;
	}

	.fixstable-demo-saas-integrations .fixstable-builder-grid-item:last-child .fixstable-demo-saas-integration-tile {
		border-bottom: 0 !important;
	}

	.fixstable-demo-saas-trust-strip .fixstable-builder-grid-item,
	.fixstable-demo-saas-trust-strip .fixstable-builder-grid-item:nth-child(odd),
	.fixstable-demo-saas-trust-strip .fixstable-builder-grid-item:nth-last-child(2) {
		border-right: 0;
		border-bottom: 1px solid rgba(125, 211, 252, 0.16);
	}

	.fixstable-demo-saas-trust-strip .fixstable-builder-grid-item:last-child {
		border-bottom: 0;
	}

	.fixstable-demo-saas-trust-strip .fixstable-builder-section-inner > .fixstable-builder-heading,
	.fixstable-demo-saas-integrations .fixstable-builder-section-inner > .fixstable-builder-heading,
	.fixstable-demo-saas-dashboard .fixstable-builder-column:first-child > .fixstable-builder-heading,
	.fixstable-demo-saas-use-cases .fixstable-builder-section-inner > .fixstable-builder-heading,
	.fixstable-demo-saas-builder-showcase .fixstable-builder-column:first-child > .fixstable-builder-heading,
	.fixstable-demo-saas-final-cta .fixstable-builder-request-section h2 {
		max-width: 100%;
		font-size: 36px !important;
		line-height: 1.05 !important;
	}

	.fixstable-demo-saas-dashboard .fixstable-builder-column:first-child > .fixstable-builder-grid {
		grid-template-columns: 1fr;
		max-width: none;
	}

	.fixstable-demo-saas-dashboard .fixstable-builder-column:first-child > .fixstable-builder-grid .fixstable-builder-grid-item:first-child {
		grid-row: auto;
	}

	.fixstable-demo-saas-dashboard .fixstable-builder-column:first-child > .fixstable-builder-grid .fixstable-builder-grid-item:first-child .fixstable-demo-saas-metric-card {
		min-height: 112px;
	}

	.fixstable-demo-saas-dashboard .fixstable-builder-column:first-child > .fixstable-builder-grid .fixstable-builder-grid-item:first-child .fixstable-demo-saas-metric-card .fixstable-builder-heading {
		font-size: 42px !important;
	}

	.fixstable-demo-saas-command-center > .fixstable-builder-grid,
	.fixstable-demo-saas-builder-window > .fixstable-builder-grid:first-of-type {
		grid-template-columns: 1fr !important;
	}

	.fixstable-demo-saas-command-center > .fixstable-builder-grid::before,
	.fixstable-demo-saas-integrations .fixstable-builder-grid::before {
		display: none;
	}

	.fixstable-demo-saas-command-step,
	.fixstable-demo-saas-command-step:nth-child(2n) {
		border-right: 0 !important;
		border-bottom: 1px solid rgba(125, 211, 252, 0.14) !important;
	}

	.fixstable-demo-saas-use-cases .fixstable-builder-grid {
		border-top-color: rgba(23, 36, 58, 0.18);
		grid-template-columns: 1fr !important;
	}

	.fixstable-demo-saas-integration-card {
		grid-template-columns: 44px minmax(0, 1fr);
		gap: 10px 16px;
	}

	.fixstable-demo-saas-integration-card :is(.fixstable-builder-text, .fixstable-builder-preview-text) {
		grid-column: 2;
	}

	.fixstable-demo-saas-product-update .fixstable-builder-row,
	.fixstable-demo-saas-builder-showcase .fixstable-builder-row {
		gap: 34px;
	}

	.fixstable-builder-frontend.fixstable-demo-kit-saas-ai .fixstable-demo-saas-builder-showcase .fixstable-builder-feature-list ul {
		grid-template-columns: 1fr !important;
	}

	.fixstable-demo-saas-update-card .fixstable-builder-grid {
		grid-template-columns: 1fr !important;
	}

	.fixstable-demo-saas-update-item,
	.fixstable-demo-saas-update-card .fixstable-builder-grid-item:nth-child(even) .fixstable-demo-saas-update-item,
	.fixstable-demo-saas-update-card .fixstable-builder-grid-item:nth-last-child(-n + 2) .fixstable-demo-saas-update-item {
		border-right: 0 !important;
		border-bottom: 1px solid rgba(125, 211, 252, 0.12) !important;
	}

	.fixstable-demo-saas-update-card .fixstable-builder-grid-item:last-child .fixstable-demo-saas-update-item {
		border-bottom: 0 !important;
	}

	.fixstable-demo-saas-builder-panel {
		min-height: 150px;
		border-right: 0 !important;
		border-bottom: 1px solid rgba(125, 211, 252, 0.12) !important;
	}

	.fixstable-demo-saas-builder-window .fixstable-builder-grid-item:last-child .fixstable-demo-saas-builder-panel {
		border-bottom: 0 !important;
	}

	.fixstable-demo-saas-builder-window > .fixstable-builder-grid + .fixstable-builder-grid {
		flex-direction: column;
	}

	.fixstable-demo-saas-final-cta,
	.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-final-cta {
		padding-block: 66px !important;
	}

	.fixstable-demo-saas-final-cta .fixstable-builder-request-section {
		padding: 28px !important;
	}
}

@media (max-width: 480px) {
	.fixstable-builder-frontend.fixstable-demo-kit-saas-ai {
		grid-template-columns: minmax(0, 1fr) !important;
		overflow-x: hidden;
	}

	.fixstable-builder-frontend.fixstable-demo-kit-saas-ai > .fixstable-builder-section {
		justify-self: stretch;
		width: auto !important;
		max-width: 100% !important;
		min-width: 0 !important;
	}

	.fixstable-demo-saas-home-hero,
	.fixstable-demo-saas-home-hero .fixstable-builder-section-inner,
	.fixstable-demo-saas-home-hero .fixstable-builder-commercial,
	.fixstable-demo-saas-home-hero .fixstable-builder-cta-main,
	.fixstable-demo-saas-home-hero .fixstable-builder-commercial-copy,
	.fixstable-demo-saas-home-hero .fixstable-builder-commercial-actions,
	.fixstable-demo-saas-home-hero .fixstable-builder-cta-panel {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		box-sizing: border-box;
	}

	.fixstable-demo-saas-home-hero {
		overflow: hidden;
	}

	.fixstable-demo-saas-home-hero .fixstable-builder-action-link {
		max-width: 100%;
		white-space: normal;
	}

	.fixstable-demo-saas-command-center > :not(:first-child),
	.fixstable-demo-saas-builder-window > :not(:first-child) {
		margin-inline: 16px;
	}

	.fixstable-demo-saas-command-center > .fixstable-builder-heading:first-child,
	.fixstable-demo-saas-builder-window > .fixstable-builder-heading:first-child {
		margin-left: 82px;
		font-size: 12px !important;
	}

	.fixstable-demo-saas-integration-card {
		grid-template-columns: 1fr;
	}

	.fixstable-demo-saas-integration-card :is(.fixstable-builder-text, .fixstable-builder-preview-text) {
		grid-column: auto;
	}
}

/* Builder-owned section motion: enabled only after frontend JavaScript initializes. */
.fixstable-builder-frontend.fixstable-motion-enabled [data-fixstable-motion] > .fixstable-builder-section-inner {
	will-change: opacity, transform;
}

.fixstable-builder-frontend.fixstable-motion-enabled .fixstable-motion-fade-up > .fixstable-builder-section-inner,
.fixstable-builder-frontend.fixstable-motion-enabled .fixstable-motion-fade-in > .fixstable-builder-section-inner {
	transition:
		opacity 680ms cubic-bezier(0.22, 1, 0.36, 1) var(--fixstable-motion-delay, 0ms),
		transform 680ms cubic-bezier(0.22, 1, 0.36, 1) var(--fixstable-motion-delay, 0ms);
}

.fixstable-builder-frontend.fixstable-motion-enabled .fixstable-motion-fade-up.is-fixstable-motion-pending > .fixstable-builder-section-inner {
	opacity: 0;
	transform: translate3d(0, 28px, 0);
}

.fixstable-builder-frontend.fixstable-motion-enabled .fixstable-motion-fade-in.is-fixstable-motion-pending > .fixstable-builder-section-inner {
	opacity: 0;
}

.fixstable-builder-frontend.fixstable-motion-enabled :is(.fixstable-motion-fade-up, .fixstable-motion-fade-in).is-fixstable-motion-visible > .fixstable-builder-section-inner {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}

.fixstable-builder-frontend.fixstable-motion-enabled .fixstable-motion-stagger > .fixstable-builder-section-inner > :not(.fixstable-builder-grid),
.fixstable-builder-frontend.fixstable-motion-enabled .fixstable-motion-stagger > .fixstable-builder-section-inner > .fixstable-builder-grid > .fixstable-builder-grid-item {
	transition:
		opacity 620ms cubic-bezier(0.22, 1, 0.36, 1),
		transform 620ms cubic-bezier(0.22, 1, 0.36, 1);
}

.fixstable-builder-frontend.fixstable-motion-enabled .fixstable-motion-stagger.is-fixstable-motion-pending > .fixstable-builder-section-inner > :not(.fixstable-builder-grid),
.fixstable-builder-frontend.fixstable-motion-enabled .fixstable-motion-stagger.is-fixstable-motion-pending > .fixstable-builder-section-inner > .fixstable-builder-grid > .fixstable-builder-grid-item {
	opacity: 0;
	transform: translate3d(0, 22px, 0);
}

.fixstable-builder-frontend.fixstable-motion-enabled .fixstable-motion-stagger.is-fixstable-motion-visible > .fixstable-builder-section-inner > :not(.fixstable-builder-grid),
.fixstable-builder-frontend.fixstable-motion-enabled .fixstable-motion-stagger.is-fixstable-motion-visible > .fixstable-builder-section-inner > .fixstable-builder-grid > .fixstable-builder-grid-item {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}

.fixstable-builder-frontend.fixstable-motion-enabled .fixstable-motion-stagger > .fixstable-builder-section-inner > :nth-child(1),
.fixstable-builder-frontend.fixstable-motion-enabled .fixstable-motion-stagger > .fixstable-builder-section-inner > .fixstable-builder-grid > .fixstable-builder-grid-item:nth-child(1) {
	transition-delay: calc(var(--fixstable-motion-delay, 0ms) + 0ms);
}

.fixstable-builder-frontend.fixstable-motion-enabled .fixstable-motion-stagger > .fixstable-builder-section-inner > :nth-child(2),
.fixstable-builder-frontend.fixstable-motion-enabled .fixstable-motion-stagger > .fixstable-builder-section-inner > .fixstable-builder-grid > .fixstable-builder-grid-item:nth-child(2) {
	transition-delay: calc(var(--fixstable-motion-delay, 0ms) + 70ms);
}

.fixstable-builder-frontend.fixstable-motion-enabled .fixstable-motion-stagger > .fixstable-builder-section-inner > :nth-child(3),
.fixstable-builder-frontend.fixstable-motion-enabled .fixstable-motion-stagger > .fixstable-builder-section-inner > .fixstable-builder-grid > .fixstable-builder-grid-item:nth-child(3) {
	transition-delay: calc(var(--fixstable-motion-delay, 0ms) + 140ms);
}

.fixstable-builder-frontend.fixstable-motion-enabled .fixstable-motion-stagger > .fixstable-builder-section-inner > :nth-child(4),
.fixstable-builder-frontend.fixstable-motion-enabled .fixstable-motion-stagger > .fixstable-builder-section-inner > .fixstable-builder-grid > .fixstable-builder-grid-item:nth-child(4) {
	transition-delay: calc(var(--fixstable-motion-delay, 0ms) + 210ms);
}

.fixstable-builder-frontend.fixstable-motion-enabled .fixstable-motion-stagger > .fixstable-builder-section-inner > :nth-child(n + 5),
.fixstable-builder-frontend.fixstable-motion-enabled .fixstable-motion-stagger > .fixstable-builder-section-inner > .fixstable-builder-grid > .fixstable-builder-grid-item:nth-child(n + 5) {
	transition-delay: calc(var(--fixstable-motion-delay, 0ms) + 280ms);
}

/* SignalFlow production polish: asymmetric product hero and persistent navigation. */
.fixstable-builder-site-header.fixstable-demo-kit-saas-ai.is-sticky {
	border-bottom: 1px solid rgba(125, 211, 252, 0.14);
	background: #050b17 !important;
	box-shadow: 0 12px 34px rgba(1, 6, 18, 0.22);
	backdrop-filter: none;
}

.fixstable-builder-frontend.fixstable-demo-kit-saas-ai .fixstable-builder-section[id] {
	scroll-margin-top: 110px;
}

/* SignalFlow top navigation: compact, unified states instead of generic hover pills. */
@media (min-width: 769px) {
	.fixstable-builder-site-header.fixstable-demo-kit-saas-ai:not(.is-mobile-preview) .fixstable-builder-site-nav > .fixstable-builder-site-nav-link,
	.fixstable-builder-site-header.fixstable-demo-kit-saas-ai:not(.is-mobile-preview) .fixstable-builder-site-nav > .fixstable-builder-site-nav-item.has-mega-menu {
		position: relative;
		min-height: 34px;
		border-radius: 7px;
	}

	.fixstable-builder-site-header.fixstable-demo-kit-saas-ai:not(.is-mobile-preview) .fixstable-builder-site-nav > .fixstable-builder-site-nav-link {
		isolation: isolate;
		padding-inline: 5px;
		opacity: 0.78;
		transition:
			background-color 180ms ease,
			box-shadow 180ms ease,
			color 180ms ease,
			opacity 180ms ease,
			transform 180ms ease;
	}

	.fixstable-builder-site-header.fixstable-demo-kit-saas-ai:not(.is-mobile-preview) .fixstable-builder-site-nav > .fixstable-builder-site-nav-link::after,
	.fixstable-builder-site-header.fixstable-demo-kit-saas-ai:not(.is-mobile-preview) .fixstable-builder-site-nav > .fixstable-builder-site-nav-item.has-mega-menu::after {
		content: "";
		position: absolute;
		left: 50%;
		bottom: 2px;
		z-index: 1;
		width: calc(100% - 18px);
		height: 2px;
		border-radius: 999px;
		background: linear-gradient(90deg, var(--signalflow-cyan, #22d3ee), var(--signalflow-blue, #2563eb));
		box-shadow: 0 0 12px rgba(34, 211, 238, 0.3);
		transform: translateX(-50%) scaleX(0);
		transform-origin: center;
		transition: transform 180ms cubic-bezier(0.22, 1, 0.36, 1);
		pointer-events: none;
	}

	.fixstable-builder-site-header.fixstable-demo-kit-saas-ai:not(.is-mobile-preview) .fixstable-builder-site-nav > .fixstable-builder-site-nav-link:hover,
	.fixstable-builder-site-header.fixstable-demo-kit-saas-ai:not(.is-mobile-preview) .fixstable-builder-site-nav > .fixstable-builder-site-nav-link:focus-visible,
	.fixstable-builder-site-header.fixstable-demo-kit-saas-ai:not(.is-mobile-preview) .fixstable-builder-site-nav > .fixstable-builder-site-nav-link.is-active {
		border-radius: 7px !important;
		background: linear-gradient(180deg, rgba(34, 211, 238, 0.1), rgba(37, 99, 235, 0.035)) !important;
		box-shadow:
			inset 0 0 0 1px rgba(125, 211, 252, 0.12),
			0 8px 18px rgba(1, 6, 18, 0.18);
		color: #f8fbff !important;
		opacity: 1;
		transform: translateY(-1px);
	}

	.fixstable-builder-site-header.fixstable-demo-kit-saas-ai:not(.is-mobile-preview) .fixstable-builder-site-nav > .fixstable-builder-site-nav-link:hover::after,
	.fixstable-builder-site-header.fixstable-demo-kit-saas-ai:not(.is-mobile-preview) .fixstable-builder-site-nav > .fixstable-builder-site-nav-link:focus-visible::after,
	.fixstable-builder-site-header.fixstable-demo-kit-saas-ai:not(.is-mobile-preview) .fixstable-builder-site-nav > .fixstable-builder-site-nav-link.is-active::after,
	.fixstable-builder-site-header.fixstable-demo-kit-saas-ai:not(.is-mobile-preview) .fixstable-builder-site-nav > .fixstable-builder-site-nav-item.has-mega-menu:hover::after,
	.fixstable-builder-site-header.fixstable-demo-kit-saas-ai:not(.is-mobile-preview) .fixstable-builder-site-nav > .fixstable-builder-site-nav-item.has-mega-menu:focus-within::after,
	.fixstable-builder-site-header.fixstable-demo-kit-saas-ai:not(.is-mobile-preview).is-mega-menu-open .fixstable-builder-site-nav > .fixstable-builder-site-nav-item.has-mega-menu::after {
		transform: translateX(-50%) scaleX(1);
	}

	.fixstable-builder-site-header.fixstable-demo-kit-saas-ai:not(.is-mobile-preview) .fixstable-builder-site-nav > .fixstable-builder-site-nav-link:focus-visible {
		outline: 2px solid var(--signalflow-cyan, #22d3ee);
		outline-offset: 3px;
	}

	.fixstable-builder-site-header.fixstable-demo-kit-saas-ai:not(.is-mobile-preview) .fixstable-builder-site-nav > .fixstable-builder-site-nav-item.has-mega-menu {
		isolation: isolate;
		transition:
			background-color 180ms ease,
			box-shadow 180ms ease;
	}

	.fixstable-builder-site-header.fixstable-demo-kit-saas-ai:not(.is-mobile-preview) .fixstable-builder-site-nav > .fixstable-builder-site-nav-item.has-mega-menu:hover,
	.fixstable-builder-site-header.fixstable-demo-kit-saas-ai:not(.is-mobile-preview) .fixstable-builder-site-nav > .fixstable-builder-site-nav-item.has-mega-menu:focus-within,
	.fixstable-builder-site-header.fixstable-demo-kit-saas-ai:not(.is-mobile-preview).is-mega-menu-open .fixstable-builder-site-nav > .fixstable-builder-site-nav-item.has-mega-menu {
		background: linear-gradient(180deg, rgba(34, 211, 238, 0.1), rgba(37, 99, 235, 0.035));
		box-shadow:
			inset 0 0 0 1px rgba(125, 211, 252, 0.12),
			0 8px 18px rgba(1, 6, 18, 0.18);
	}

	.fixstable-builder-site-header.fixstable-demo-kit-saas-ai:not(.is-mobile-preview) .fixstable-builder-site-nav > .fixstable-builder-site-nav-item.has-mega-menu > .fixstable-builder-site-nav-link {
		min-height: 34px;
		padding: 6px 3px 6px 5px;
		border-radius: 7px 0 0 7px !important;
		background: transparent !important;
		box-shadow: none !important;
		opacity: 0.78;
		transform: none !important;
		transition: color 180ms ease, opacity 180ms ease;
	}

	.fixstable-builder-site-header.fixstable-demo-kit-saas-ai:not(.is-mobile-preview) .fixstable-builder-site-nav > .fixstable-builder-site-nav-item.has-mega-menu:hover > .fixstable-builder-site-nav-link,
	.fixstable-builder-site-header.fixstable-demo-kit-saas-ai:not(.is-mobile-preview) .fixstable-builder-site-nav > .fixstable-builder-site-nav-item.has-mega-menu:focus-within > .fixstable-builder-site-nav-link,
	.fixstable-builder-site-header.fixstable-demo-kit-saas-ai:not(.is-mobile-preview).is-mega-menu-open .fixstable-builder-site-nav > .fixstable-builder-site-nav-item.has-mega-menu > .fixstable-builder-site-nav-link {
		color: #f8fbff !important;
		opacity: 1;
	}

	.fixstable-builder-site-header.fixstable-demo-kit-saas-ai:not(.is-mobile-preview) .fixstable-builder-site-nav > .fixstable-builder-site-nav-item.has-mega-menu > .fixstable-builder-site-nav-link::after {
		display: none;
	}

	.fixstable-builder-site-header.fixstable-demo-kit-saas-ai:not(.is-mobile-preview) .fixstable-builder-site-nav > .fixstable-builder-site-nav-item.has-mega-menu > .fixstable-builder-mega-menu-toggle {
		width: 24px;
		height: 34px;
		margin: 0;
		border-radius: 0 7px 7px 0;
		color: rgba(219, 234, 254, 0.72);
		transition: color 180ms ease;
	}

	.fixstable-builder-site-header.fixstable-demo-kit-saas-ai:not(.is-mobile-preview) .fixstable-builder-site-nav > .fixstable-builder-site-nav-item.has-mega-menu:hover > .fixstable-builder-mega-menu-toggle,
	.fixstable-builder-site-header.fixstable-demo-kit-saas-ai:not(.is-mobile-preview) .fixstable-builder-site-nav > .fixstable-builder-site-nav-item.has-mega-menu:focus-within > .fixstable-builder-mega-menu-toggle,
	.fixstable-builder-site-header.fixstable-demo-kit-saas-ai:not(.is-mobile-preview).is-mega-menu-open .fixstable-builder-site-nav > .fixstable-builder-site-nav-item.has-mega-menu > .fixstable-builder-mega-menu-toggle {
		color: var(--signalflow-cyan, #22d3ee);
	}

	.fixstable-builder-site-header.fixstable-demo-kit-saas-ai:not(.is-mobile-preview) .fixstable-builder-site-nav > .fixstable-builder-site-nav-item.has-mega-menu > .fixstable-builder-mega-menu-toggle span {
		top: 10px;
		left: 7px;
		width: 7px;
		height: 7px;
	}

	.fixstable-builder-site-header.fixstable-demo-kit-saas-ai:not(.is-mobile-preview).is-mega-menu-open .fixstable-builder-site-nav > .fixstable-builder-site-nav-item.has-mega-menu > .fixstable-builder-mega-menu-toggle span {
		top: 14px;
	}
}

/* Builder-owned mega menu: shared markup with SignalFlow's existing palette. */
.fixstable-builder-site-header.has-mega-menu,
.fixstable-builder-site-header.has-mega-menu .fixstable-builder-site-header-inner,
.fixstable-builder-site-header.has-mega-menu .fixstable-builder-site-nav {
	overflow: visible;
}

.fixstable-builder-site-nav-item.has-mega-menu {
	position: relative;
	display: inline-flex;
	align-items: center;
}

.fixstable-builder-site-nav-item.has-mega-menu > .fixstable-builder-site-nav-link {
	padding-right: 4px;
}

.fixstable-builder-mega-menu-toggle {
	position: relative;
	width: 24px;
	height: 30px;
	margin: 0 0 0 -4px;
	padding: 0;
	border: 0;
	border-radius: 6px;
	background: transparent;
	color: inherit;
	cursor: pointer;
}

.fixstable-builder-mega-menu-toggle span {
	position: absolute;
	top: 10px;
	left: 8px;
	width: 7px;
	height: 7px;
	border-right: 1.5px solid currentColor;
	border-bottom: 1.5px solid currentColor;
	transform: rotate(45deg);
	transition: transform 180ms ease, top 180ms ease;
}

.fixstable-builder-site-header.is-mega-menu-open .fixstable-builder-mega-menu-toggle span {
	top: 13px;
	transform: rotate(225deg);
}

.fixstable-builder-mega-menu-toggle:focus-visible {
	outline: 2px solid var(--signalflow-cyan, #22d3ee);
	outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
	.fixstable-builder-site-header.fixstable-demo-kit-saas-ai .fixstable-builder-site-nav > .fixstable-builder-site-nav-link,
	.fixstable-builder-site-header.fixstable-demo-kit-saas-ai .fixstable-builder-site-nav > .fixstable-builder-site-nav-link::after,
	.fixstable-builder-site-header.fixstable-demo-kit-saas-ai .fixstable-builder-site-nav > .fixstable-builder-site-nav-item.has-mega-menu,
	.fixstable-builder-site-header.fixstable-demo-kit-saas-ai .fixstable-builder-site-nav > .fixstable-builder-site-nav-item.has-mega-menu::after,
	.fixstable-builder-site-header.fixstable-demo-kit-saas-ai .fixstable-builder-mega-menu-toggle,
	.fixstable-builder-site-header.fixstable-demo-kit-saas-ai .fixstable-builder-mega-menu-toggle span {
		transition: none !important;
	}

	.fixstable-builder-site-header.fixstable-demo-kit-saas-ai .fixstable-builder-site-nav > .fixstable-builder-site-nav-link:hover,
	.fixstable-builder-site-header.fixstable-demo-kit-saas-ai .fixstable-builder-site-nav > .fixstable-builder-site-nav-link:focus-visible,
	.fixstable-builder-site-header.fixstable-demo-kit-saas-ai .fixstable-builder-site-nav > .fixstable-builder-site-nav-link.is-active {
		transform: none !important;
	}

	.fixstable-builder-site-header.fixstable-demo-kit-saas-ai .fixstable-builder-mega-menu-link:hover,
	.fixstable-builder-site-header.fixstable-demo-kit-saas-ai .fixstable-builder-mega-menu-link:focus-visible,
	.fixstable-builder-site-header.fixstable-demo-kit-saas-ai .fixstable-builder-mega-menu-feature-cta:hover,
	.fixstable-builder-site-header.fixstable-demo-kit-saas-ai .fixstable-builder-mega-menu-feature-cta:focus-visible,
	.fixstable-builder-site-header.fixstable-demo-kit-saas-ai .fixstable-builder-mega-menu-link-arrow {
		transform: none !important;
		transition: none !important;
	}
}

.fixstable-builder-mega-menu[hidden] {
	display: none !important;
}

.fixstable-builder-mega-menu {
	position: absolute;
	top: 100%;
	left: 50%;
	z-index: 100;
	width: min(920px, calc(100vw - 40px));
	padding-top: 18px;
	transform: translateX(-50%);
}

.fixstable-builder-mega-menu-surface {
	display: grid;
	grid-template-columns: minmax(0, 1.18fr) minmax(300px, 0.82fr);
	gap: 14px;
	padding: 16px;
	border: 1px solid rgba(125, 211, 252, 0.22);
	border-radius: 12px;
	background:
		linear-gradient(90deg, rgba(34, 211, 238, 0.04) 0 1px, transparent 1px 100%),
		linear-gradient(145deg, rgba(11, 23, 42, 0.99), rgba(7, 17, 31, 0.99));
	background-size: 68px 100%, auto;
	box-shadow: 0 34px 90px rgba(1, 6, 18, 0.58);
	animation: fixstable-mega-menu-enter 220ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

.fixstable-builder-mega-menu-surface.has-no-feature {
	grid-template-columns: 1fr;
}

.fixstable-builder-mega-menu-directory {
	min-width: 0;
	padding: 14px;
}

.fixstable-builder-mega-menu-eyebrow,
.fixstable-builder-mega-menu-feature-eyebrow {
	margin: 0 0 14px;
	color: var(--signalflow-cyan, #22d3ee);
	font-size: 11px;
	font-weight: 900;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.fixstable-builder-mega-menu-links {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 4px 10px;
}

.fixstable-builder-site-header .fixstable-builder-mega-menu-link {
	position: relative;
	display: grid;
	grid-template-columns: 30px minmax(0, 1fr);
	gap: 11px;
	align-items: start;
	min-width: 0;
	min-height: 82px;
	padding: 15px 32px 15px 12px;
	overflow: hidden;
	border: 1px solid transparent;
	border-radius: 8px;
	color: #f8fbff !important;
	text-decoration: none;
	white-space: normal;
	transition: border-color 180ms ease, background-color 180ms ease, transform 180ms ease;
}

.fixstable-builder-site-header .fixstable-builder-mega-menu-link:hover,
.fixstable-builder-site-header .fixstable-builder-mega-menu-link:focus-visible {
	border-color: rgba(125, 211, 252, 0.18);
	background: rgba(34, 211, 238, 0.07);
	transform: translateY(-1px);
}

.fixstable-builder-site-header.fixstable-demo-kit-saas-ai .fixstable-builder-site-nav .fixstable-builder-mega-menu-link:hover,
.fixstable-builder-site-header.fixstable-demo-kit-saas-ai .fixstable-builder-site-nav .fixstable-builder-mega-menu-link:focus-visible {
	border-radius: 8px !important;
	background: rgba(34, 211, 238, 0.07) !important;
	box-shadow:
		inset 0 0 0 1px rgba(125, 211, 252, 0.05),
		0 12px 26px rgba(1, 6, 18, 0.16);
}

.fixstable-builder-site-header.fixstable-demo-kit-saas-ai .fixstable-builder-site-nav .fixstable-builder-mega-menu-link:focus-visible {
	outline: 2px solid var(--signalflow-cyan, #22d3ee);
	outline-offset: 2px;
}

.fixstable-builder-mega-menu-link-index {
	display: grid;
	place-items: center;
	width: 30px;
	height: 30px;
	border: 1px solid rgba(34, 211, 238, 0.26);
	border-radius: 7px;
	background: rgba(34, 211, 238, 0.08);
	color: var(--signalflow-cyan, #22d3ee);
	font-size: 10px;
	font-weight: 900;
}

.fixstable-builder-mega-menu-link-copy {
	display: grid;
	gap: 4px;
	min-width: 0;
}

.fixstable-builder-mega-menu-link-copy strong {
	color: #f8fbff;
	font-size: 14px;
	line-height: 1.25;
	overflow-wrap: anywhere;
	white-space: normal;
}

.fixstable-builder-mega-menu-link-copy span {
	color: rgba(219, 234, 254, 0.68);
	font-size: 12px;
	font-weight: 500;
	line-height: 1.45;
	overflow-wrap: anywhere;
	white-space: normal;
}

.fixstable-builder-mega-menu-link-arrow {
	position: absolute;
	top: 17px;
	right: 12px;
	color: rgba(125, 211, 252, 0.68);
	font-size: 14px;
	transition: color 180ms ease, transform 180ms ease;
}

.fixstable-builder-mega-menu-link:hover .fixstable-builder-mega-menu-link-arrow,
.fixstable-builder-mega-menu-link:focus-visible .fixstable-builder-mega-menu-link-arrow {
	color: var(--signalflow-cyan, #22d3ee);
	transform: translateX(3px);
}

.fixstable-builder-mega-menu-feature {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	min-height: 300px;
	padding: 28px;
	overflow: hidden;
	border: 1px solid rgba(125, 211, 252, 0.24);
	border-radius: 9px;
	background:
		radial-gradient(circle at 82% 12%, rgba(34, 211, 238, 0.18), transparent 28%),
		linear-gradient(145deg, #14224c 0%, #0d1936 54%, #07111f 100%);
}

.fixstable-builder-mega-menu-feature::before {
	content: "";
	position: absolute;
	top: 26px;
	right: 26px;
	width: 52px;
	height: 52px;
	border: 1px solid rgba(34, 211, 238, 0.26);
	border-radius: 50%;
	box-shadow:
		0 0 0 12px rgba(34, 211, 238, 0.045),
		0 0 0 24px rgba(79, 70, 229, 0.035);
}

.fixstable-builder-mega-menu-feature > * {
	position: relative;
	z-index: 1;
}

.fixstable-builder-mega-menu-feature-title {
	max-width: 15ch;
	color: #f8fbff;
	font-size: 27px;
	line-height: 1.08;
}

.fixstable-builder-mega-menu-feature-copy {
	max-width: 36ch;
	margin: 14px 0 22px;
	color: rgba(219, 234, 254, 0.76);
	font-size: 13px;
	line-height: 1.55;
}

.fixstable-builder-site-header .fixstable-builder-mega-menu-feature-cta {
	display: inline-flex;
	align-items: center;
	align-self: flex-start;
	gap: 10px;
	padding: 11px 14px;
	border: 1px solid rgba(34, 211, 238, 0.28);
	border-radius: 7px;
	background: rgba(34, 211, 238, 0.1);
	color: #f8fbff !important;
	font-size: 12px;
	font-weight: 800;
	text-decoration: none;
	transition: background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.fixstable-builder-site-header.fixstable-demo-kit-saas-ai .fixstable-builder-site-nav .fixstable-builder-mega-menu-feature-cta:hover,
.fixstable-builder-site-header.fixstable-demo-kit-saas-ai .fixstable-builder-site-nav .fixstable-builder-mega-menu-feature-cta:focus-visible {
	border-color: rgba(34, 211, 238, 0.48);
	border-radius: 7px !important;
	background: rgba(34, 211, 238, 0.16) !important;
	box-shadow: 0 10px 22px rgba(1, 6, 18, 0.2);
	transform: translateY(-1px);
	color: #ffffff !important;
}

.fixstable-builder-site-header.fixstable-demo-kit-saas-ai .fixstable-builder-site-nav .fixstable-builder-mega-menu-feature-cta:focus-visible {
	outline: 2px solid var(--signalflow-cyan, #22d3ee);
	outline-offset: 3px;
}

@keyframes fixstable-mega-menu-enter {
	from {
		opacity: 0;
		transform: translateY(-8px) scale(0.99);
	}
	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

@media (max-width: 768px) {
	.fixstable-builder-site-header.has-mobile-nav .fixstable-builder-site-nav-item.has-mega-menu {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		width: 100%;
	}

	.fixstable-builder-site-header.has-mobile-nav .fixstable-builder-site-nav-item.has-mega-menu > .fixstable-builder-site-nav-link {
		width: 100%;
	}

	.fixstable-builder-site-header.has-mobile-nav .fixstable-builder-mega-menu-toggle {
		width: 42px;
		height: 42px;
		margin: 0;
	}

	.fixstable-builder-site-header.has-mobile-nav .fixstable-builder-mega-menu-toggle span {
		top: 14px;
		left: 16px;
	}

	.fixstable-builder-site-header.has-mobile-nav.is-mega-menu-open .fixstable-builder-mega-menu-toggle span {
		top: 18px;
	}

	.fixstable-builder-site-header.has-mobile-nav .fixstable-builder-mega-menu {
		position: static;
		grid-column: 1 / -1;
		width: 100%;
		padding-top: 8px;
		transform: none;
	}

	.fixstable-builder-site-header.has-mobile-nav .fixstable-builder-mega-menu-surface {
		grid-template-columns: 1fr;
		max-height: min(74vh, 640px);
		padding: 10px;
		overflow-y: auto;
		border-radius: 9px;
		box-shadow: none;
	}

	.fixstable-builder-site-header.has-mobile-nav .fixstable-builder-mega-menu-directory {
		padding: 8px;
	}

	.fixstable-builder-site-header.has-mobile-nav .fixstable-builder-mega-menu-links {
		grid-template-columns: 1fr;
		gap: 2px;
	}

	.fixstable-builder-site-header.has-mobile-nav .fixstable-builder-mega-menu-link {
		min-height: 0;
		padding-block: 10px;
	}

	.fixstable-builder-site-header.has-mobile-nav .fixstable-builder-mega-menu-feature {
		min-height: 230px;
		padding: 20px;
	}

	.fixstable-builder-site-header.has-mobile-nav .fixstable-builder-mega-menu-feature-title {
		font-size: 23px;
	}

	.fixstable-builder-site-header.has-mobile-nav .fixstable-builder-mega-menu-feature-copy {
		display: none;
	}

	.fixstable-builder-site-header.has-mobile-nav .fixstable-builder-mega-menu-feature-cta {
		margin-top: 18px;
	}
}

/* Canvza device previews use classes rather than browser media width. */
.fixstable-builder-site-header.has-mobile-nav.is-mobile-preview .fixstable-builder-site-nav-item.has-mega-menu {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	width: 100%;
}

.fixstable-builder-site-header.has-mobile-nav.is-mobile-preview .fixstable-builder-site-nav-item.has-mega-menu > .fixstable-builder-site-nav-link {
	width: 100%;
}

.fixstable-builder-site-header.has-mobile-nav.is-mobile-preview .fixstable-builder-mega-menu-toggle {
	width: 42px;
	height: 42px;
	margin: 0;
}

.fixstable-builder-site-header.has-mobile-nav.is-mobile-preview .fixstable-builder-mega-menu-toggle span {
	top: 14px;
	left: 16px;
}

.fixstable-builder-site-header.has-mobile-nav.is-mobile-preview.is-mega-menu-open .fixstable-builder-mega-menu-toggle span {
	top: 18px;
}

.fixstable-builder-site-header.has-mobile-nav.is-mobile-preview .fixstable-builder-mega-menu {
	position: static;
	grid-column: 1 / -1;
	width: 100%;
	padding-top: 8px;
	transform: none;
}

.fixstable-builder-site-header.has-mobile-nav.is-mobile-preview .fixstable-builder-mega-menu-surface {
	grid-template-columns: 1fr;
	max-height: min(74vh, 640px);
	padding: 10px;
	overflow-y: auto;
	border-radius: 9px;
	box-shadow: none;
}

.fixstable-builder-site-header.has-mobile-nav.is-mobile-preview .fixstable-builder-mega-menu-directory {
	padding: 8px;
}

.fixstable-builder-site-header.has-mobile-nav.is-mobile-preview .fixstable-builder-mega-menu-links {
	grid-template-columns: 1fr;
	gap: 2px;
}

.fixstable-builder-site-header.has-mobile-nav.is-mobile-preview .fixstable-builder-mega-menu-link {
	min-height: 0;
	padding-block: 10px;
}

.fixstable-builder-site-header.has-mobile-nav.is-mobile-preview .fixstable-builder-mega-menu-feature {
	min-height: 230px;
	padding: 20px;
}

.fixstable-builder-site-header.has-mobile-nav.is-mobile-preview .fixstable-builder-mega-menu-feature-title {
	font-size: 23px;
}

.fixstable-builder-site-header.has-mobile-nav.is-mobile-preview .fixstable-builder-mega-menu-feature-copy {
	display: none;
}

.fixstable-builder-site-header.has-mobile-nav.is-mobile-preview .fixstable-builder-mega-menu-feature-cta {
	margin-top: 18px;
}

.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 {
	padding-block: clamp(54px, 7cqi, 92px) clamp(70px, 8cqi, 106px) !important;
	background:
		linear-gradient(90deg, rgba(125, 211, 252, 0.055) 0 1px, transparent 1px 100%),
		radial-gradient(circle at 82% 24%, rgba(34, 211, 238, 0.15), transparent 26%),
		linear-gradient(145deg, #040a14 0%, #071323 54%, #101735 100%) !important;
	background-size: 84px 100%, auto, auto !important;
}

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 {
	grid-template-columns: minmax(0, 1.08fr) minmax(360px, 0.62fr) !important;
	justify-items: stretch !important;
	align-items: center;
	gap: clamp(44px, 6cqi, 82px) !important;
	padding: 24px 8px !important;
	overflow: visible !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	text-align: left !important;
}

.fixstable-demo-saas-home-hero .fixstable-builder-cta-main {
	align-items: flex-start !important;
	align-self: center;
	max-width: 720px;
	min-height: 0;
	height: auto;
}

.fixstable-demo-saas-home-hero .fixstable-builder-cta-block h1,
.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: 12.25ch !important;
	font-size: clamp(52px, 4.8cqi, 72px) !important;
	line-height: 0.98 !important;
	text-align: left !important;
	text-wrap: pretty;
}

.fixstable-demo-saas-home-hero .fixstable-builder-commercial-copy,
.fixstable-demo-saas-home-hero .is-cta-copy {
	max-width: 58ch !important;
	font-size: clamp(16px, 1.45cqi, 19px) !important;
	text-align: left;
}

.fixstable-demo-saas-home-hero .fixstable-builder-commercial-actions {
	justify-content: flex-start;
	gap: 12px !important;
}

.fixstable-demo-saas-home-hero .fixstable-builder-cta-panel {
	position: relative;
	display: block !important;
	align-self: center;
	width: 100%;
	min-height: 440px;
	padding: 72px 28px 24px !important;
	overflow: hidden;
	border: 1px solid rgba(125, 211, 252, 0.28) !important;
	border-radius: 8px !important;
	background:
		linear-gradient(90deg, rgba(34, 211, 238, 0.055) 0 1px, transparent 1px 100%),
		linear-gradient(180deg, rgba(15, 29, 48, 0.98), rgba(7, 17, 31, 0.98)) !important;
	background-size: 58px 100%, auto !important;
	box-shadow: 0 36px 90px rgba(1, 6, 18, 0.5) !important;
	backdrop-filter: none;
}

.fixstable-demo-saas-home-hero .fixstable-builder-cta-panel::before {
	content: "";
	display: block !important;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 48px;
	border-bottom: 1px solid rgba(125, 211, 252, 0.16);
	background:
		radial-gradient(circle at 22px 50%, #22d3ee 0 4px, transparent 5px),
		radial-gradient(circle at 42px 50%, rgba(125, 211, 252, 0.62) 0 4px, transparent 5px),
		radial-gradient(circle at 62px 50%, rgba(79, 70, 229, 0.78) 0 4px, transparent 5px),
		linear-gradient(180deg, rgba(15, 23, 42, 0.96), rgba(15, 23, 42, 0.7));
}

.fixstable-demo-saas-home-hero .fixstable-builder-cta-panel-label {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	margin-bottom: 22px;
	color: #f8fbff !important;
	text-align: left;
}

.fixstable-demo-saas-home-hero .fixstable-builder-cta-panel-label::after {
	content: "Live";
	padding: 5px 8px;
	border: 1px solid rgba(34, 211, 238, 0.28);
	border-radius: 4px;
	background: rgba(34, 211, 238, 0.1);
	color: var(--signalflow-cyan);
	font-size: 10px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.fixstable-demo-saas-home-hero .fixstable-builder-cta-panel ul {
	display: grid;
	grid-template-columns: 1fr;
	gap: 10px !important;
	margin: 0 !important;
}

.fixstable-demo-saas-home-hero .fixstable-builder-cta-panel li {
	position: relative;
	display: block;
	min-height: 0;
	padding: 15px 16px 15px 42px !important;
	border: 1px solid rgba(125, 211, 252, 0.14);
	border-radius: 6px !important;
	background: rgba(15, 23, 42, 0.64);
	font-size: 14px !important;
	font-weight: 700;
	line-height: 1.4;
	text-align: left;
	white-space: normal;
}

.fixstable-demo-saas-home-hero .fixstable-builder-cta-panel li::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 17px;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: var(--signalflow-cyan);
	box-shadow: 0 0 0 6px rgba(34, 211, 238, 0.08);
	transform: translateY(-50%);
}

.fixstable-demo-saas-home-hero .fixstable-builder-cta-panel-note {
	margin: 22px 0 0;
	padding-top: 18px;
	border-top: 1px solid rgba(125, 211, 252, 0.14);
	text-align: left;
}

/* One dominant product story replaces a second equal-weight card wall. */
.fixstable-builder-frontend.fixstable-builder-frontend-mode-canvas.fixstable-demo-kit-saas-ai {
	padding-top: 0;
	padding-bottom: 0;
}

.fixstable-demo-saas-automation,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-automation {
	padding-block: 88px !important;
}

.fixstable-demo-saas-automation .fixstable-builder-section-inner,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-automation > .fixstable-builder-section-inner {
	display: grid;
	grid-template-columns: minmax(0, 1.28fr) minmax(320px, 0.72fr);
	gap: 26px 56px;
	align-items: start;
}

.fixstable-demo-saas-automation .fixstable-builder-section-inner::before,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-automation > .fixstable-builder-section-inner::before {
	content: "";
	grid-column: 1 / -1;
	grid-row: 1;
	width: 100%;
	height: 1px;
	background: linear-gradient(90deg, #2563eb 0 76px, rgba(37, 99, 235, 0.16) 76px 100%);
}

.fixstable-demo-saas-automation .fixstable-builder-section-inner > .fixstable-builder-heading {
	grid-column: 1;
	grid-row: 2;
	max-width: 700px !important;
	margin: 0;
	font-size: clamp(48px, 3.75cqi, 58px) !important;
	font-weight: 800;
	letter-spacing: -0.045em;
	line-height: 0.96 !important;
	text-wrap: balance;
}

.fixstable-demo-saas-automation .fixstable-builder-section-inner > .fixstable-builder-text {
	grid-column: 2;
	grid-row: 2;
	align-self: center;
	max-width: 42ch;
	margin: 0;
	padding: 24px 26px;
	border: 1px solid rgba(37, 99, 235, 0.13);
	border-left: 4px solid #2563eb;
	border-radius: 0 10px 10px 0;
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(235, 243, 255, 0.8));
	box-shadow: 0 18px 46px rgba(37, 72, 130, 0.08);
	font-size: 17px;
	line-height: 1.62;
}

.fixstable-demo-saas-automation .fixstable-builder-section-inner > .fixstable-builder-text::before {
	content: "";
	display: block;
	width: 42px;
	height: 4px;
	margin-bottom: 16px;
	border-radius: 999px;
	background: #2563eb;
}

.fixstable-demo-saas-automation .fixstable-builder-section-inner > .fixstable-builder-text p {
	margin: 0;
}

.fixstable-demo-saas-automation .fixstable-builder-grid {
	grid-column: 1 / -1;
	grid-row: 3;
	display: grid;
	grid-template-columns: minmax(0, 1.16fr) minmax(360px, 0.84fr) !important;
	grid-template-rows: repeat(2, minmax(300px, auto));
	gap: 18px !important;
	margin-top: 10px;
}

.fixstable-demo-saas-automation .fixstable-builder-grid-item:first-child {
	grid-row: 1 / span 2;
}

.fixstable-demo-saas-automation .fixstable-demo-saas-workflow-card {
	height: 100%;
	padding: 12px !important;
	border-radius: 8px !important;
	box-shadow: 0 22px 52px rgba(18, 41, 78, 0.12) !important;
}

.fixstable-demo-saas-automation .fixstable-builder-grid-item:first-child .fixstable-demo-saas-workflow-card {
	display: flex;
	flex-direction: column;
	padding: 16px !important;
}

.fixstable-demo-saas-automation .fixstable-builder-grid-item:first-child .fixstable-builder-image {
	height: auto !important;
	min-height: 0;
	aspect-ratio: 4 / 3;
	flex: 0 0 auto;
}

.fixstable-demo-saas-automation .fixstable-builder-grid-item:not(:first-child) .fixstable-demo-saas-workflow-card {
	display: grid;
	grid-template-columns: minmax(145px, 0.72fr) minmax(0, 1fr);
	grid-template-rows: auto auto minmax(0, 1fr) auto;
	gap: 10px 18px !important;
	align-items: start;
}

.fixstable-demo-saas-automation .fixstable-builder-grid-item:not(:first-child) .fixstable-demo-saas-workflow-card::before {
	grid-column: 2;
	grid-row: 1;
}

.fixstable-demo-saas-automation .fixstable-builder-grid-item:not(:first-child) .fixstable-builder-image {
	grid-column: 1;
	grid-row: 1 / -1;
	height: 100%;
	min-height: 0;
}

.fixstable-demo-saas-automation .fixstable-builder-image img,
.fixstable-demo-saas-automation .fixstable-builder-grid-item:first-child .fixstable-builder-image img,
.fixstable-demo-saas-automation .fixstable-builder-grid-item:not(:first-child) .fixstable-builder-image img {
	width: 100%;
	height: 100% !important;
	min-height: 100%;
	max-height: none;
	border-radius: 5px !important;
	object-fit: cover;
}

.fixstable-demo-saas-automation .fixstable-builder-grid-item:not(:first-child) .fixstable-builder-heading,
.fixstable-demo-saas-automation .fixstable-builder-grid-item:not(:first-child) .fixstable-builder-text,
.fixstable-demo-saas-automation .fixstable-builder-grid-item:not(:first-child) > .fixstable-demo-saas-workflow-card > p {
	grid-column: 2;
}

.fixstable-demo-saas-automation .fixstable-builder-grid-item:not(:first-child) .fixstable-builder-heading {
	grid-row: 2;
}

.fixstable-demo-saas-automation .fixstable-builder-grid-item:not(:first-child) .fixstable-builder-text {
	grid-row: 3;
	align-self: start;
}

.fixstable-demo-saas-automation .fixstable-builder-grid-item:not(:first-child) > .fixstable-demo-saas-workflow-card > p {
	grid-row: 4;
	align-self: end;
	margin: 0;
}

.fixstable-demo-saas-automation .fixstable-builder-grid-item:not(:first-child) .fixstable-builder-button {
	min-height: 40px;
	padding-block: 8px;
}

/* Editorial customer proof: story, moving media, compact proof, and outcomes. */
.fixstable-demo-saas-customer-proof,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-customer-proof {
	padding-block: 104px !important;
	background:
		linear-gradient(90deg, rgba(125, 211, 252, 0.045) 0 1px, transparent 1px 100%),
		linear-gradient(145deg, #040a14 0%, #081426 100%) !important;
	background-size: 92px 100%, auto !important;
}

.fixstable-demo-saas-customer-proof .fixstable-builder-row {
	grid-template-columns: minmax(320px, 0.78fr) minmax(520px, 1.22fr) !important;
	grid-template-areas:
		"copy media"
		"metrics metrics";
	gap: 38px 54px !important;
	align-items: start;
}

.fixstable-demo-saas-customer-proof .fixstable-builder-column {
	min-width: 0;
}

.fixstable-demo-saas-customer-proof .fixstable-builder-column:first-child {
	grid-area: copy;
	justify-content: center;
	min-height: 100%;
	padding: clamp(24px, 4cqi, 54px) 0;
}

.fixstable-demo-saas-customer-proof .fixstable-builder-column:nth-child(2) {
	grid-area: media;
	gap: 0 !important;
}

.fixstable-demo-saas-customer-proof .fixstable-builder-column:first-child > .fixstable-builder-text:first-child,
.fixstable-demo-saas-customer-proof .fixstable-builder-column:first-child > .fixstable-builder-text:first-child p {
	margin: 0;
	color: var(--signalflow-cyan) !important;
	font-size: 13px;
	font-weight: 900;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.fixstable-demo-saas-customer-proof .fixstable-builder-column:first-child > .fixstable-builder-heading {
	width: 100%;
	max-width: 100%;
	margin: 18px 0 0;
	font-size: clamp(46px, 4.5cqi, 66px) !important;
	line-height: 0.98 !important;
	letter-spacing: -0.045em;
}

.fixstable-demo-saas-customer-proof .fixstable-builder-column:first-child > .fixstable-builder-text:last-child,
.fixstable-demo-saas-customer-proof .fixstable-builder-column:first-child > .fixstable-builder-text:last-child p {
	max-width: 42ch;
	margin: 20px 0 0;
	color: rgba(226, 237, 249, 0.78) !important;
	font-size: 18px;
	line-height: 1.65;
}

.fixstable-demo-saas-customer-proof .fixstable-demo-saas-customer-media {
	position: relative;
	height: 100%;
	min-height: 560px;
	margin: 0;
	overflow: hidden;
	border: 1px solid rgba(125, 211, 252, 0.2);
	border-radius: 8px;
	background: #0d1930;
}

.fixstable-demo-saas-customer-proof .fixstable-demo-saas-customer-media img {
	width: 100%;
	height: 100%;
	min-height: 560px;
	object-fit: cover;
	filter: saturate(0.82) contrast(1.04);
}

.fixstable-demo-saas-customer-proof .fixstable-demo-saas-customer-media::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, transparent 52%, rgba(4, 10, 20, 0.78) 100%);
	pointer-events: none;
}

.fixstable-demo-saas-customer-proof .fixstable-demo-saas-customer-media figcaption {
	position: absolute;
	left: 18px;
	right: 18px;
	bottom: 18px;
	z-index: 1;
	margin: 0;
	color: #f8fbff;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.fixstable-demo-saas-customer-proof .fixstable-demo-saas-customer-video {
	display: grid;
	height: auto;
	min-height: 0;
	overflow: visible;
	border: 0;
	background: transparent;
}

.fixstable-demo-saas-customer-proof .fixstable-demo-saas-customer-video::after {
	display: none;
}

.fixstable-demo-saas-customer-proof .fixstable-demo-saas-customer-video .fixstable-builder-video-figure,
.fixstable-demo-saas-customer-proof .fixstable-demo-saas-customer-video .fixstable-builder-video-media {
	height: auto;
	min-height: 0;
}

.fixstable-demo-saas-customer-proof .fixstable-demo-saas-customer-video .fixstable-builder-video-media {
	border-color: rgba(125, 211, 252, 0.2);
	border-radius: 14px;
	background: #0d1930;
	box-shadow: 0 28px 68px rgba(1, 6, 18, 0.34);
}

.fixstable-demo-saas-customer-proof .fixstable-demo-saas-customer-video .fixstable-builder-video-media::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(180deg, transparent 52%, rgba(4, 10, 20, 0.78) 100%);
	pointer-events: none;
}

.fixstable-demo-saas-customer-proof .fixstable-demo-saas-customer-video .fixstable-builder-video-poster,
.fixstable-demo-saas-customer-proof .fixstable-demo-saas-customer-video .fixstable-builder-video-element {
	min-height: 0;
	object-fit: cover;
	filter: saturate(0.82) contrast(1.04);
}

.fixstable-demo-saas-customer-proof .fixstable-demo-saas-customer-video .fixstable-builder-video-play {
	z-index: 3;
	border: 1px solid rgba(125, 211, 252, 0.74);
	background: rgba(248, 251, 255, 0.92);
	color: #07111f;
	box-shadow:
		0 20px 48px rgba(1, 6, 18, 0.46),
		0 0 0 8px rgba(34, 211, 238, 0.08);
	backdrop-filter: blur(10px);
}

.fixstable-demo-saas-customer-proof .fixstable-demo-saas-customer-video figcaption {
	z-index: 2;
}

.fixstable-demo-saas-customer-proof .fixstable-builder-column:nth-child(2) > .fixstable-builder-testimonial-proof {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(190px, auto) !important;
	gap: 18px 30px;
	align-items: end;
	min-height: 0;
	padding: 22px 4px 0 !important;
	border: 0 !important;
	border-top: 1px solid rgba(125, 211, 252, 0.18) !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.fixstable-demo-saas-customer-proof .fixstable-builder-column:nth-child(2) > .fixstable-builder-testimonial-proof blockquote {
	margin: 0;
}

.fixstable-demo-saas-customer-proof .fixstable-builder-column:nth-child(2) > .fixstable-builder-testimonial-proof blockquote p {
	margin: 0 0 12px;
	color: rgba(248, 251, 255, 0.88) !important;
	font-size: 17px;
	font-style: italic;
	line-height: 1.45;
}

.fixstable-demo-saas-customer-proof .fixstable-builder-column:nth-child(2) > .fixstable-builder-testimonial-proof blockquote cite {
	color: #f8fbff;
	font-size: 13px;
	font-style: normal;
	font-weight: 800;
}

.fixstable-demo-saas-customer-proof .fixstable-builder-column:nth-child(2) > .fixstable-builder-testimonial-proof blockquote cite span {
	display: block;
	margin-top: 3px;
	color: rgba(206, 220, 237, 0.62);
	font-weight: 600;
}

.fixstable-demo-saas-customer-proof .fixstable-builder-column:nth-child(2) > .fixstable-builder-testimonial-proof ul {
	display: grid;
	gap: 5px;
	justify-items: end;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: right;
}

.fixstable-demo-saas-customer-proof .fixstable-builder-column:nth-child(2) > .fixstable-builder-testimonial-proof li {
	color: rgba(226, 237, 249, 0.72);
	font-size: 12px;
	font-weight: 700;
}

.fixstable-demo-saas-customer-proof .fixstable-builder-column:nth-child(2) > .fixstable-builder-testimonial-proof li:first-child {
	color: var(--signalflow-cyan);
	font-size: 14px;
}

.fixstable-demo-saas-customer-proof .fixstable-builder-column:last-child {
	grid-area: metrics;
	display: block;
	padding: 28px 0 0;
	border-top: 1px solid rgba(125, 211, 252, 0.18);
}

.fixstable-demo-saas-customer-proof .fixstable-builder-column:last-child > .fixstable-builder-grid {
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	margin: 0;
}

.fixstable-demo-saas-customer-proof .fixstable-demo-saas-outcome-card {
	min-height: 142px;
	border-radius: 7px !important;
}

/* Pricing stays conventional to buy, but gains an editorial rail and plan hierarchy. */
.fixstable-demo-saas-pricing,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-pricing {
	padding-block: 102px !important;
	background: linear-gradient(150deg, #f8fbff 0%, #edf5ff 100%) !important;
}

.fixstable-demo-saas-pricing .fixstable-builder-section-inner,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-pricing > .fixstable-builder-section-inner {
	display: grid;
	grid-template-columns: minmax(270px, 0.62fr) minmax(680px, 1.38fr);
	gap: 20px 54px;
	align-items: start;
}

.fixstable-demo-saas-pricing .fixstable-builder-section-inner > .fixstable-builder-heading {
	max-width: 10.5ch !important;
	margin: 0;
	font-size: 49px !important;
	line-height: 1 !important;
}

.fixstable-demo-saas-pricing .fixstable-builder-section-inner > .fixstable-builder-text {
	max-width: 36ch;
	margin: 0;
}

.fixstable-demo-saas-pricing .fixstable-builder-grid {
	grid-column: 2;
	grid-row: 1 / span 4;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 14px !important;
	padding-top: 18px;
	counter-reset: signalflow-plan;
}

.fixstable-demo-saas-pricing .fixstable-builder-grid-item {
	counter-increment: signalflow-plan;
	display: flex;
}

.fixstable-demo-saas-pricing .fixstable-demo-saas-plan-card {
	position: relative;
	width: 100%;
	min-height: 390px;
	padding: 58px 22px 24px !important;
	border: 1px solid rgba(37, 99, 235, 0.14) !important;
	border-radius: 8px !important;
	background: rgba(255, 255, 255, 0.86) !important;
	box-shadow: 0 24px 54px rgba(18, 41, 78, 0.1) !important;
}

.fixstable-demo-saas-pricing .fixstable-demo-saas-plan-card::before {
	content: "0" counter(signalflow-plan);
	position: absolute;
	top: 22px;
	left: 22px;
	width: auto;
	height: auto;
	border: 0;
	background: none;
	color: #2563eb;
	font-size: 13px;
	font-weight: 900;
	letter-spacing: 0.1em;
}

.fixstable-demo-saas-pricing .fixstable-demo-saas-plan-card > .fixstable-builder-text:first-of-type,
.fixstable-demo-saas-pricing .fixstable-demo-saas-plan-card > .fixstable-builder-preview-text:first-of-type {
	margin-block: 12px 4px;
	font-size: 23px;
	font-weight: 900;
}

.fixstable-demo-saas-product-update .fixstable-builder-request-section h2 {
	font-size: clamp(28px, 4cqi, 42px) !important;
}

.fixstable-demo-saas-pricing .fixstable-demo-saas-plan-card > p:last-child {
	margin-top: auto;
}

.fixstable-demo-saas-pricing .fixstable-demo-saas-plan-card.is-featured {
	min-height: 430px;
	transform: translateY(-18px);
	border-color: rgba(34, 211, 238, 0.42) !important;
	background: linear-gradient(180deg, #101e38 0%, #081126 100%) !important;
	box-shadow: 0 30px 70px rgba(1, 6, 18, 0.32) !important;
}

.fixstable-demo-saas-pricing .fixstable-demo-saas-plan-card.is-featured::before {
	color: var(--signalflow-cyan);
}

.fixstable-demo-saas-pricing .fixstable-builder-section-inner > p:last-child {
	grid-column: 1;
	margin-top: 16px;
}

/* FAQ alternates from the surrounding card language with one decisive dark panel. */
.fixstable-demo-saas-faq-support,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-faq-support {
	padding-block: 98px !important;
}

.fixstable-demo-saas-faq-support .fixstable-builder-row {
	grid-template-columns: minmax(0, 1.12fr) minmax(340px, 0.88fr) !important;
	gap: 22px !important;
	align-items: stretch;
}

.fixstable-demo-saas-faq-support .fixstable-builder-faq-block {
	height: 100%;
	padding: 40px !important;
	border-radius: 8px !important;
	box-shadow: 0 24px 54px rgba(18, 41, 78, 0.1) !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-faq-support .fixstable-builder-column:first-child .fixstable-builder-faq-block :is(h2, summary),
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-faq-support .fixstable-builder-column:first-child .fixstable-builder-faq-block :is(h2, summary) {
	color: #17243a !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-faq-support .fixstable-builder-column:first-child .fixstable-builder-faq-block :is(.fixstable-builder-commercial-head > p, .fixstable-builder-faq-item p),
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-faq-support .fixstable-builder-column:first-child .fixstable-builder-faq-block :is(.fixstable-builder-commercial-head > p, .fixstable-builder-faq-item p) {
	color: #52627a !important;
}

.fixstable-demo-saas-faq-support .fixstable-builder-column:last-child {
	position: relative;
	justify-content: center;
	padding: clamp(34px, 5cqi, 58px) !important;
	overflow: hidden;
	border: 1px solid rgba(125, 211, 252, 0.24);
	border-radius: 8px;
	background:
		linear-gradient(90deg, rgba(34, 211, 238, 0.055) 0 1px, transparent 1px 100%),
		linear-gradient(145deg, #0e1c34 0%, #07111f 100%);
	background-size: 64px 100%, auto;
	box-shadow: 0 30px 68px rgba(18, 41, 78, 0.18);
}

.fixstable-demo-saas-faq-support .fixstable-builder-column:last-child::after {
	content: "";
	position: absolute;
	right: -82px;
	bottom: -82px;
	width: 220px;
	height: 220px;
	border: 1px solid rgba(34, 211, 238, 0.18);
	border-radius: 50%;
	box-shadow:
		0 0 0 34px rgba(34, 211, 238, 0.035),
		0 0 0 68px rgba(79, 70, 229, 0.03);
	pointer-events: none;
}

.fixstable-demo-saas-faq-support .fixstable-builder-column:last-child > * {
	position: relative;
	z-index: 1;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-faq-support .fixstable-builder-column:last-child .fixstable-builder-heading,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-faq-support .fixstable-builder-column:last-child .fixstable-builder-text,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-section.fixstable-demo-saas-faq-support .fixstable-builder-column:last-child .fixstable-builder-text p,
.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-faq-support .fixstable-builder-column:last-child :is(.fixstable-builder-heading, .fixstable-builder-text, .fixstable-builder-preview-text) {
	color: #f8fbff !important;
}

.fixstable-demo-saas-faq-support :is(.fixstable-builder-column, .fixstable-builder-preview-column):last-child > :is(.fixstable-builder-text, .fixstable-builder-preview-text):first-child {
	color: var(--signalflow-cyan) !important;
}

.fixstable-demo-kit-saas-ai :is(.fixstable-builder-button, .fixstable-builder-action-link) {
	transition:
		transform 180ms ease,
		box-shadow 180ms ease,
		background-color 180ms ease;
}

.fixstable-demo-kit-saas-ai :is(.fixstable-builder-button, .fixstable-builder-action-link):hover {
	transform: translateY(-2px);
}

.fixstable-demo-saas-command-step.is-active::before,
.fixstable-demo-saas-command-status::before {
	animation: signalflow-status-pulse 2.8s ease-in-out infinite;
}

@keyframes signalflow-status-pulse {
	0%, 100% {
		box-shadow: 0 0 0 6px rgba(34, 211, 238, 0.08);
	}
	50% {
		box-shadow: 0 0 0 10px rgba(34, 211, 238, 0.02);
	}
}

@media (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,
	.fixstable-demo-saas-pricing .fixstable-builder-section-inner,
	.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-pricing > .fixstable-builder-section-inner {
		grid-template-columns: 1fr !important;
	}

	.fixstable-demo-saas-home-hero .fixstable-builder-cta-main {
		max-width: 820px;
	}

	.fixstable-demo-saas-home-hero .fixstable-builder-cta-panel {
		min-height: 0;
	}

	.fixstable-demo-saas-pricing .fixstable-builder-grid,
	.fixstable-demo-saas-pricing .fixstable-builder-section-inner > p:last-child {
		grid-column: auto;
		grid-row: auto;
	}
}

@media (max-width: 1100px) {
	.fixstable-demo-saas-customer-proof .fixstable-builder-row {
		grid-template-columns: minmax(270px, 0.76fr) minmax(440px, 1.24fr) !important;
		gap: 34px 38px !important;
	}

	.fixstable-demo-saas-customer-proof .fixstable-builder-column:last-child {
		grid-column: 1 / -1;
	}
}

@media (max-width: 900px) {
	.fixstable-demo-saas-automation .fixstable-builder-section-inner,
	.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-automation > .fixstable-builder-section-inner,
	.fixstable-demo-saas-faq-support .fixstable-builder-row {
		grid-template-columns: 1fr !important;
	}

	.fixstable-demo-saas-customer-proof .fixstable-builder-row {
		grid-template-columns: 1fr !important;
		grid-template-areas:
			"copy"
			"media"
			"metrics";
	}

	.fixstable-demo-saas-customer-proof .fixstable-builder-column:first-child {
		min-height: 0;
		padding: 0;
	}

	.fixstable-demo-saas-customer-proof .fixstable-builder-column:first-child > .fixstable-builder-heading {
		max-width: 13ch;
	}

	.fixstable-demo-saas-customer-proof .fixstable-builder-column:last-child > .fixstable-builder-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	.fixstable-demo-saas-automation .fixstable-builder-grid {
		grid-row: 4;
		grid-template-columns: 1fr !important;
		grid-template-rows: auto;
	}

	.fixstable-demo-saas-automation .fixstable-builder-section-inner > .fixstable-builder-heading {
		grid-column: 1;
		grid-row: 2;
	}

	.fixstable-demo-saas-automation .fixstable-builder-section-inner > .fixstable-builder-text {
		grid-column: 1;
		grid-row: 3;
		align-self: start;
		max-width: 620px;
	}

	.fixstable-demo-saas-automation .fixstable-builder-grid-item:first-child {
		grid-row: auto;
	}

	.fixstable-demo-saas-automation .fixstable-builder-grid-item:not(:first-child) .fixstable-demo-saas-workflow-card {
		grid-template-columns: minmax(180px, 0.62fr) minmax(0, 1fr);
	}
}

@media (max-width: 768px) {
	.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 {
		padding-block: 52px 68px !important;
		background-size: 58px 100%, auto, auto !important;
	}

	.fixstable-demo-saas-home-hero .fixstable-builder-cta-block h1,
	.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: 100% !important;
		font-size: clamp(42px, 12cqi, 58px) !important;
	}

	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 {
		padding: 12px 0 !important;
	}

	.fixstable-demo-saas-home-hero .fixstable-builder-cta-panel {
		padding: 68px 18px 20px !important;
	}

	.fixstable-demo-saas-automation,
	.fixstable-demo-saas-customer-proof,
	.fixstable-demo-saas-pricing,
	.fixstable-demo-saas-faq-support {
		padding-block: 70px !important;
	}

	.fixstable-demo-saas-automation .fixstable-builder-section-inner > .fixstable-builder-heading,
	.fixstable-demo-saas-pricing .fixstable-builder-section-inner > .fixstable-builder-heading {
		max-width: 100% !important;
		font-size: clamp(38px, 10.5cqi, 46px) !important;
	}

	.fixstable-demo-saas-automation .fixstable-builder-section-inner > .fixstable-builder-text {
		padding: 20px 20px 20px 22px;
		font-size: 16px;
	}

	.fixstable-demo-saas-automation .fixstable-builder-grid-item:first-child .fixstable-builder-image {
		min-height: 0;
	}

	.fixstable-demo-saas-automation .fixstable-builder-grid-item:not(:first-child) .fixstable-demo-saas-workflow-card {
		display: flex;
		flex-direction: column;
	}

	.fixstable-demo-saas-automation .fixstable-builder-grid-item:not(:first-child) .fixstable-builder-image {
		width: 100%;
		height: auto !important;
		min-height: 0;
		aspect-ratio: 4 / 3;
	}

	.fixstable-demo-saas-customer-proof .fixstable-builder-row,
	.fixstable-demo-saas-pricing .fixstable-builder-grid {
		grid-template-columns: 1fr !important;
	}

	.fixstable-demo-saas-customer-proof .fixstable-builder-row {
		grid-template-areas:
			"copy"
			"media"
			"metrics";
	}

	.fixstable-demo-saas-customer-proof .fixstable-builder-column:last-child {
		grid-column: auto;
		padding-top: 22px;
	}

	.fixstable-demo-saas-customer-proof .fixstable-builder-column:first-child > .fixstable-builder-heading {
		max-width: 100%;
		font-size: clamp(40px, 9cqi, 54px) !important;
	}

	.fixstable-demo-saas-customer-proof .fixstable-builder-column:nth-child(2) > .fixstable-builder-testimonial-proof {
		grid-template-columns: 1fr !important;
		gap: 16px;
		align-items: start;
	}

	.fixstable-demo-saas-customer-proof .fixstable-builder-column:nth-child(2) > .fixstable-builder-testimonial-proof ul {
		justify-items: start;
		text-align: left;
	}

	.fixstable-demo-saas-customer-proof .fixstable-demo-saas-customer-video,
	.fixstable-demo-saas-customer-proof .fixstable-demo-saas-customer-video .fixstable-builder-video-figure,
	.fixstable-demo-saas-customer-proof .fixstable-demo-saas-customer-video .fixstable-builder-video-media {
		height: auto;
		min-height: 0;
	}

	.fixstable-demo-saas-pricing .fixstable-demo-saas-plan-card,
	.fixstable-demo-saas-pricing .fixstable-demo-saas-plan-card.is-featured {
		min-height: 0;
		transform: none;
	}

	.fixstable-demo-saas-faq-support .fixstable-builder-faq-block,
	.fixstable-demo-saas-faq-support .fixstable-builder-column:last-child {
		padding: 28px !important;
	}

	.fixstable-demo-saas-faq-support .fixstable-builder-column:last-child .fixstable-builder-grid-item {
		min-height: 0 !important;
	}

	.fixstable-demo-saas-faq-support .fixstable-builder-column:last-child .fixstable-builder-grid {
		grid-template-rows: repeat(2, auto) !important;
		gap: 12px !important;
	}

	.fixstable-demo-saas-faq-support .fixstable-builder-column:last-child .fixstable-builder-grid-item > * {
		height: auto !important;
		margin: 0 !important;
	}
}

@media (max-width: 480px) {
	.fixstable-demo-saas-customer-proof .fixstable-builder-row {
		gap: 28px !important;
	}

	.fixstable-demo-saas-customer-proof .fixstable-builder-column:first-child > .fixstable-builder-heading {
		font-size: clamp(34px, 11cqi, 42px) !important;
	}

	.fixstable-demo-saas-customer-proof .fixstable-builder-column:first-child > .fixstable-builder-text:last-child,
	.fixstable-demo-saas-customer-proof .fixstable-builder-column:first-child > .fixstable-builder-text:last-child p {
		font-size: 16px;
	}

	.fixstable-demo-saas-customer-proof .fixstable-builder-column:nth-child(2) > .fixstable-builder-testimonial-proof {
		padding-top: 18px !important;
	}

	.fixstable-demo-saas-customer-proof .fixstable-builder-column:last-child > .fixstable-builder-grid {
		grid-template-columns: 1fr !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.fixstable-builder-frontend [data-fixstable-motion] > .fixstable-builder-section-inner,
	.fixstable-builder-frontend [data-fixstable-motion] > .fixstable-builder-section-inner > *,
	.fixstable-builder-frontend [data-fixstable-motion] .fixstable-builder-grid-item {
		opacity: 1 !important;
		transform: none !important;
		transition: none !important;
	}

	.fixstable-demo-saas-command-step.is-active::before,
	.fixstable-demo-saas-command-status::before {
		animation: none !important;
	}
}

/* SignalFlow responds to the rendered page canvas, including Builder device frames. */
@container fixstable-page (max-width: 1024px) {
	.fixstable-demo-saas-home-hero .fixstable-builder-cta-block h1,
	.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: 60px !important;
	}

	.fixstable-demo-kit-saas-ai .fixstable-builder-section-inner > .fixstable-builder-heading:not(h3),
	.fixstable-builder-section[class*="fixstable-demo-saas-"] > .fixstable-builder-section-inner > .fixstable-builder-heading:not(h3),
	[class*="fixstable-demo-saas-"] .fixstable-builder-column > .fixstable-builder-heading:not(h3),
	.fixstable-demo-saas-automation .fixstable-builder-section-inner > .fixstable-builder-heading:first-child,
	.fixstable-demo-saas-use-cases .fixstable-builder-section-inner > .fixstable-builder-heading:first-child,
	.fixstable-demo-saas-pricing .fixstable-builder-section-inner > .fixstable-builder-heading:first-child {
		font-size: 40px;
	}

	.fixstable-demo-saas-trust-strip .fixstable-builder-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}

	.fixstable-demo-saas-dashboard .fixstable-builder-row,
	.fixstable-demo-saas-customer-proof .fixstable-builder-row,
	.fixstable-demo-saas-product-update .fixstable-builder-row,
	.fixstable-demo-saas-faq-support .fixstable-builder-row,
	.fixstable-demo-saas-builder-showcase .fixstable-builder-row {
		grid-template-columns: 1fr;
	}

	.fixstable-demo-saas-integrations .fixstable-builder-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	.fixstable-demo-saas-product-update .fixstable-demo-saas-update-card > .fixstable-builder-grid,
	.fixstable-builder-frontend.fixstable-demo-kit-saas-ai .fixstable-demo-saas-product-update .fixstable-builder-column:last-child > .fixstable-builder-grid,
	.fixstable-demo-saas-faq-support .fixstable-builder-column:last-child > .fixstable-builder-grid {
		grid-template-columns: 1fr !important;
	}

	.fixstable-builder-frontend.fixstable-demo-kit-saas-ai .fixstable-demo-saas-product-update .fixstable-builder-column:last-child > .fixstable-builder-grid,
	.fixstable-demo-saas-faq-support .fixstable-builder-column:last-child > .fixstable-builder-grid {
		gap: clamp(16px, 2.2cqi, 24px) !important;
	}

	.fixstable-demo-saas-customer-proof .fixstable-builder-column:nth-child(2) > .fixstable-builder-testimonial-proof {
		grid-template-columns: minmax(0, 1fr) minmax(190px, auto) !important;
	}

	.fixstable-builder-frontend.fixstable-demo-kit-saas-ai .fixstable-demo-saas-builder-showcase .fixstable-builder-feature-list ul {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@container fixstable-page (max-width: 768px) {
	.fixstable-demo-kit-saas-ai .fixstable-builder-section-inner,
	.fixstable-builder-section[class*="fixstable-demo-saas-"] > .fixstable-builder-section-inner {
		padding-inline: 20px;
	}

	.fixstable-demo-saas-home-hero {
		padding-block: 42px 52px !important;
	}

	.fixstable-demo-saas-home-hero .fixstable-builder-cta-block h1,
	.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: 46px !important;
		line-height: 1.02 !important;
	}

	.fixstable-demo-saas-home-hero .fixstable-builder-cta-panel ul {
		grid-template-columns: 1fr !important;
	}

	.fixstable-demo-kit-saas-ai .fixstable-builder-section-inner > .fixstable-builder-heading:not(h3),
	.fixstable-builder-section[class*="fixstable-demo-saas-"] > .fixstable-builder-section-inner > .fixstable-builder-heading:not(h3),
	[class*="fixstable-demo-saas-"] .fixstable-builder-column > .fixstable-builder-heading:not(h3),
	.fixstable-demo-saas-automation .fixstable-builder-section-inner > .fixstable-builder-heading:first-child,
	.fixstable-demo-saas-use-cases .fixstable-builder-section-inner > .fixstable-builder-heading:first-child,
	.fixstable-demo-saas-pricing .fixstable-builder-section-inner > .fixstable-builder-heading:first-child {
		font-size: 34px;
	}

	.fixstable-demo-saas-trust-strip,
	.fixstable-demo-saas-dashboard,
	.fixstable-demo-saas-automation,
	.fixstable-demo-saas-integrations,
	.fixstable-demo-saas-use-cases,
	.fixstable-demo-saas-customer-proof,
	.fixstable-demo-saas-pricing,
	.fixstable-demo-saas-product-update,
	.fixstable-demo-saas-faq-support,
	.fixstable-demo-saas-builder-showcase,
	.fixstable-demo-saas-final-cta,
	.fixstable-demo-kit-saas-ai .fixstable-builder-demo-media-section,
	.fixstable-demo-kit-saas-ai .fixstable-builder-demo-showcase-section,
	.fixstable-demo-kit-saas-ai .fixstable-builder-demo-proof-section,
	.fixstable-demo-kit-saas-ai .fixstable-builder-demo-resources-section,
	.fixstable-demo-kit-saas-ai .fixstable-builder-demo-final-cta-section {
		padding-block: 52px !important;
	}

	.fixstable-demo-saas-trust-strip .fixstable-builder-grid,
	.fixstable-demo-saas-integrations .fixstable-builder-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	.fixstable-demo-saas-team-mark,
	.fixstable-demo-saas-integration-tile {
		min-height: 0;
	}

	.fixstable-demo-saas-customer-proof .fixstable-builder-testimonial-proof blockquote p {
		font-size: 23px;
	}

	.fixstable-demo-saas-product-update .fixstable-builder-request-section,
	.fixstable-demo-saas-final-cta .fixstable-builder-request-section,
	.fixstable-demo-saas-faq-support .fixstable-builder-faq-block {
		padding: 22px !important;
	}

	.fixstable-demo-kit-saas-ai .fixstable-builder-commercial-actions,
	[class*="fixstable-demo-saas-"] .fixstable-builder-commercial-actions {
		flex-direction: column;
		align-items: stretch;
		flex-wrap: nowrap;
	}

	.fixstable-demo-kit-saas-ai .fixstable-builder-commercial-actions > .fixstable-builder-action-link,
	[class*="fixstable-demo-saas-"] .fixstable-builder-commercial-actions > .fixstable-builder-action-link {
		flex: 0 0 auto;
	}

	.fixstable-builder-frontend.fixstable-demo-kit-saas-ai .fixstable-demo-saas-faq-support .fixstable-builder-faq-block,
	.fixstable-builder-frontend.fixstable-demo-kit-saas-ai .fixstable-demo-saas-builder-showcase .fixstable-builder-feature-list {
		gap: 18px !important;
	}

	.fixstable-builder-frontend.fixstable-demo-kit-saas-ai .fixstable-demo-saas-builder-showcase .fixstable-builder-feature-list ul {
		grid-template-columns: 1fr !important;
	}
}

@container fixstable-page (max-width: 480px) {
	.fixstable-demo-saas-home-hero .fixstable-builder-cta-block h1,
	.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: 40px !important;
	}

	.fixstable-demo-kit-saas-ai .fixstable-builder-section-inner > .fixstable-builder-heading:not(h3),
	.fixstable-builder-section[class*="fixstable-demo-saas-"] > .fixstable-builder-section-inner > .fixstable-builder-heading:not(h3),
	[class*="fixstable-demo-saas-"] .fixstable-builder-column > .fixstable-builder-heading:not(h3),
	.fixstable-demo-saas-automation .fixstable-builder-section-inner > .fixstable-builder-heading:first-child,
	.fixstable-demo-saas-use-cases .fixstable-builder-section-inner > .fixstable-builder-heading:first-child,
	.fixstable-demo-saas-pricing .fixstable-builder-section-inner > .fixstable-builder-heading:first-child {
		font-size: 31px;
	}

	.fixstable-demo-saas-trust-strip .fixstable-builder-grid,
	.fixstable-demo-saas-integrations .fixstable-builder-grid,
	.fixstable-demo-saas-command-center .fixstable-builder-grid,
	.fixstable-demo-saas-customer-proof .fixstable-builder-grid,
	.fixstable-demo-saas-update-card .fixstable-builder-grid,
	.fixstable-demo-saas-builder-window .fixstable-builder-grid {
		grid-template-columns: 1fr !important;
	}

	.fixstable-demo-saas-use-cases .fixstable-builder-grid {
		padding: 10px;
	}

	.fixstable-demo-saas-command-center,
	.fixstable-demo-saas-builder-window {
		padding: 16px !important;
	}

	.fixstable-demo-saas-builder-window .fixstable-builder-grid {
		grid-template-rows: none !important;
		grid-auto-rows: auto !important;
	}

	.fixstable-demo-saas-builder-window .fixstable-builder-grid-item {
		min-height: 0 !important;
	}

	.fixstable-demo-kit-saas-ai .fixstable-builder-button,
	.fixstable-demo-kit-saas-ai .fixstable-builder-action-link,
	[class*="fixstable-demo-saas-"] .fixstable-builder-button,
	[class*="fixstable-demo-saas-"] .fixstable-builder-action-link {
		width: 100%;
	}
}

@container fixstable-page (max-width: 1180px) {
	.fixstable-demo-saas-trust-strip .fixstable-builder-section-inner,
	.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-trust-strip > .fixstable-builder-section-inner,
	.fixstable-demo-saas-integrations .fixstable-builder-section-inner,
	.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-integrations > .fixstable-builder-section-inner,
	.fixstable-demo-saas-use-cases .fixstable-builder-section-inner,
	.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-use-cases > .fixstable-builder-section-inner,
	.fixstable-demo-saas-dashboard .fixstable-builder-row,
	.fixstable-demo-saas-product-update .fixstable-builder-row,
	.fixstable-demo-saas-builder-showcase .fixstable-builder-row {
		grid-template-columns: 1fr;
	}

	.fixstable-demo-saas-trust-strip .fixstable-builder-grid,
	.fixstable-demo-saas-integrations .fixstable-builder-grid,
	.fixstable-demo-saas-use-cases .fixstable-builder-grid {
		grid-column: auto;
		grid-row: auto;
	}

	.fixstable-demo-saas-use-cases .fixstable-builder-section-inner > .fixstable-builder-heading {
		position: static;
	}

	.fixstable-demo-saas-command-center > .fixstable-builder-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	.fixstable-demo-saas-command-step:nth-child(2n) {
		border-right: 0 !important;
	}

	.fixstable-demo-saas-final-cta .fixstable-builder-request-section {
		grid-template-columns: 1fr;
	}

	.fixstable-demo-saas-final-cta .fixstable-builder-request-section aside {
		padding-left: 0;
		border-left: 0;
		border-top: 1px solid rgba(125, 211, 252, 0.22);
		padding-top: 24px;
	}
}

@container fixstable-page (max-width: 768px) {
	.fixstable-demo-saas-trust-strip,
	.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-trust-strip,
	.fixstable-demo-saas-dashboard,
	.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-dashboard,
	.fixstable-demo-saas-integrations,
	.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-integrations,
	.fixstable-demo-saas-use-cases,
	.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-use-cases,
	.fixstable-demo-saas-product-update,
	.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-product-update,
	.fixstable-demo-saas-builder-showcase,
	.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-builder-showcase {
		padding-block: 66px !important;
	}

	.fixstable-demo-saas-trust-strip,
	.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-trust-strip {
		padding-block: 66px 32px !important;
	}

	.fixstable-demo-saas-dashboard,
	.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-dashboard {
		padding-block: 40px 66px !important;
	}

	.fixstable-demo-saas-trust-strip .fixstable-builder-grid,
	.fixstable-demo-saas-integrations .fixstable-builder-grid {
		grid-template-columns: 1fr !important;
	}

	.fixstable-demo-saas-integrations .fixstable-builder-grid {
		padding: 8px 18px !important;
	}

	.fixstable-demo-saas-integrations .fixstable-builder-grid-item:nth-last-child(-n + 2) .fixstable-demo-saas-integration-tile {
		border-bottom: 1px solid rgba(125, 211, 252, 0.13) !important;
	}

	.fixstable-demo-saas-integrations .fixstable-builder-grid-item:last-child .fixstable-demo-saas-integration-tile {
		border-bottom: 0 !important;
	}

	.fixstable-demo-saas-trust-strip .fixstable-builder-grid-item,
	.fixstable-demo-saas-trust-strip .fixstable-builder-grid-item:nth-child(odd),
	.fixstable-demo-saas-trust-strip .fixstable-builder-grid-item:nth-last-child(2) {
		border-right: 0;
		border-bottom: 1px solid rgba(125, 211, 252, 0.16);
	}

	.fixstable-demo-saas-trust-strip .fixstable-builder-grid-item:last-child {
		border-bottom: 0;
	}

	.fixstable-demo-saas-trust-strip .fixstable-builder-section-inner > .fixstable-builder-heading,
	.fixstable-demo-saas-integrations .fixstable-builder-section-inner > .fixstable-builder-heading,
	.fixstable-demo-saas-dashboard .fixstable-builder-column:first-child > .fixstable-builder-heading,
	.fixstable-demo-saas-use-cases .fixstable-builder-section-inner > .fixstable-builder-heading,
	.fixstable-demo-saas-builder-showcase .fixstable-builder-column:first-child > .fixstable-builder-heading,
	.fixstable-demo-saas-final-cta .fixstable-builder-request-section h2 {
		max-width: 100%;
		font-size: 36px !important;
		line-height: 1.05 !important;
	}

	.fixstable-demo-saas-dashboard .fixstable-builder-column:first-child > .fixstable-builder-grid {
		grid-template-columns: 1fr;
		max-width: none;
	}

	.fixstable-demo-saas-dashboard .fixstable-builder-column:first-child > .fixstable-builder-grid .fixstable-builder-grid-item:first-child {
		grid-row: auto;
	}

	.fixstable-demo-saas-dashboard .fixstable-builder-column:first-child > .fixstable-builder-grid .fixstable-builder-grid-item:first-child .fixstable-demo-saas-metric-card {
		min-height: 112px;
	}

	.fixstable-demo-saas-dashboard .fixstable-builder-column:first-child > .fixstable-builder-grid .fixstable-builder-grid-item:first-child .fixstable-demo-saas-metric-card .fixstable-builder-heading {
		font-size: 42px !important;
	}

	.fixstable-demo-saas-command-center > .fixstable-builder-grid,
	.fixstable-demo-saas-builder-window > .fixstable-builder-grid:first-of-type {
		grid-template-columns: 1fr !important;
	}

	.fixstable-demo-saas-command-center > .fixstable-builder-grid::before,
	.fixstable-demo-saas-integrations .fixstable-builder-grid::before {
		display: none;
	}

	.fixstable-demo-saas-command-step,
	.fixstable-demo-saas-command-step:nth-child(2n) {
		border-right: 0 !important;
		border-bottom: 1px solid rgba(125, 211, 252, 0.14) !important;
	}

	.fixstable-demo-saas-use-cases .fixstable-builder-grid {
		border-top-color: rgba(23, 36, 58, 0.18);
		grid-template-columns: 1fr !important;
	}

	.fixstable-demo-saas-integration-card {
		grid-template-columns: 44px minmax(0, 1fr);
		gap: 10px 16px;
	}

	.fixstable-demo-saas-integration-card :is(.fixstable-builder-text, .fixstable-builder-preview-text) {
		grid-column: 2;
	}

	.fixstable-demo-saas-product-update .fixstable-builder-row,
	.fixstable-demo-saas-builder-showcase .fixstable-builder-row {
		gap: 34px;
	}

	.fixstable-builder-frontend.fixstable-demo-kit-saas-ai .fixstable-demo-saas-builder-showcase .fixstable-builder-feature-list ul {
		grid-template-columns: 1fr !important;
	}

	.fixstable-demo-saas-update-card .fixstable-builder-grid {
		grid-template-columns: 1fr !important;
	}

	.fixstable-demo-saas-update-item,
	.fixstable-demo-saas-update-card .fixstable-builder-grid-item:nth-child(even) .fixstable-demo-saas-update-item,
	.fixstable-demo-saas-update-card .fixstable-builder-grid-item:nth-last-child(-n + 2) .fixstable-demo-saas-update-item {
		border-right: 0 !important;
		border-bottom: 1px solid rgba(125, 211, 252, 0.12) !important;
	}

	.fixstable-demo-saas-update-card .fixstable-builder-grid-item:last-child .fixstable-demo-saas-update-item {
		border-bottom: 0 !important;
	}

	.fixstable-demo-saas-builder-panel {
		min-height: 150px;
		border-right: 0 !important;
		border-bottom: 1px solid rgba(125, 211, 252, 0.12) !important;
	}

	.fixstable-demo-saas-builder-window .fixstable-builder-grid-item:last-child .fixstable-demo-saas-builder-panel {
		border-bottom: 0 !important;
	}

	.fixstable-demo-saas-builder-window > .fixstable-builder-grid + .fixstable-builder-grid {
		flex-direction: column;
	}

	.fixstable-demo-saas-final-cta,
	.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-final-cta {
		padding-block: 66px !important;
	}

	.fixstable-demo-saas-final-cta .fixstable-builder-request-section {
		padding: 28px !important;
	}
}

@container fixstable-page (max-width: 480px) {
	.fixstable-builder-frontend.fixstable-demo-kit-saas-ai .fixstable-builder-section,
	.fixstable-builder-frontend.fixstable-demo-kit-saas-ai .fixstable-builder-section[class*="fixstable-demo-saas-"],
	.fixstable-builder-preview-shell .fixstable-builder-node-section[class*="fixstable-demo-saas-"] {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.fixstable-builder-frontend.fixstable-demo-kit-saas-ai .fixstable-builder-section-inner,
	.fixstable-builder-preview-shell .fixstable-builder-node-section[class*="fixstable-demo-saas-"] > .fixstable-builder-section-inner {
		width: 100%;
		max-width: 100%;
		box-sizing: border-box;
	}

	.fixstable-demo-saas-home-hero,
	.fixstable-demo-saas-home-hero .fixstable-builder-section-inner,
	.fixstable-demo-saas-home-hero .fixstable-builder-commercial,
	.fixstable-demo-saas-home-hero .fixstable-builder-cta-main,
	.fixstable-demo-saas-home-hero .fixstable-builder-commercial-copy,
	.fixstable-demo-saas-home-hero .fixstable-builder-commercial-actions,
	.fixstable-demo-saas-home-hero .fixstable-builder-cta-panel {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
		box-sizing: border-box;
	}

	.fixstable-demo-saas-home-hero {
		overflow: hidden;
	}

	.fixstable-demo-saas-home-hero .fixstable-builder-action-link {
		max-width: 100%;
		white-space: normal;
	}

	.fixstable-demo-saas-command-center > :not(:first-child),
	.fixstable-demo-saas-builder-window > :not(:first-child) {
		margin-inline: 16px;
	}

	.fixstable-demo-saas-command-center > .fixstable-builder-heading:first-child,
	.fixstable-demo-saas-builder-window > .fixstable-builder-heading:first-child {
		margin-left: 82px;
		font-size: 12px !important;
	}

	.fixstable-demo-saas-integration-card {
		grid-template-columns: 1fr;
	}

	.fixstable-demo-saas-integration-card :is(.fixstable-builder-text, .fixstable-builder-preview-text) {
		grid-column: auto;
	}
}

@container fixstable-page (max-width: 1180px) {
	.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-demo-saas-pricing .fixstable-builder-section-inner {
		grid-template-columns: 1fr !important;
	}

	.fixstable-demo-saas-home-hero .fixstable-builder-cta-main {
		max-width: 820px;
	}

	.fixstable-demo-saas-home-hero .fixstable-builder-cta-panel {
		min-height: 0;
		grid-template-columns: 1fr !important;
	}

	.fixstable-demo-saas-pricing .fixstable-builder-grid,
	.fixstable-demo-saas-pricing .fixstable-builder-section-inner > p:last-child {
		grid-column: auto;
		grid-row: auto;
	}
}

@container fixstable-page (max-width: 1100px) {
	.fixstable-demo-saas-customer-proof .fixstable-builder-row {
		grid-template-columns: minmax(270px, 0.76fr) minmax(440px, 1.24fr) !important;
		gap: 34px 38px !important;
	}

	.fixstable-demo-saas-customer-proof .fixstable-builder-column:last-child {
		grid-column: 1 / -1;
	}
}

@container fixstable-page (max-width: 900px) {
	.fixstable-demo-saas-automation .fixstable-builder-section-inner,
	.fixstable-demo-saas-faq-support .fixstable-builder-row {
		grid-template-columns: 1fr !important;
	}

	.fixstable-demo-saas-customer-proof .fixstable-builder-row {
		grid-template-columns: 1fr !important;
		grid-template-areas:
			"copy"
			"media"
			"metrics";
	}

	.fixstable-demo-saas-customer-proof .fixstable-builder-column:first-child {
		min-height: 0;
		padding: 0;
	}

	.fixstable-demo-saas-customer-proof .fixstable-builder-column:first-child > .fixstable-builder-heading {
		max-width: 13ch;
	}

	.fixstable-demo-saas-customer-proof .fixstable-builder-column:last-child > .fixstable-builder-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	.fixstable-demo-saas-automation .fixstable-builder-grid {
		grid-row: 4;
		grid-template-columns: 1fr !important;
		grid-template-rows: auto;
	}

	.fixstable-demo-saas-automation .fixstable-builder-section-inner > .fixstable-builder-heading {
		grid-column: 1;
		grid-row: 2;
	}

	.fixstable-demo-saas-automation .fixstable-builder-section-inner > .fixstable-builder-text {
		grid-column: 1;
		grid-row: 3;
		align-self: start;
		max-width: 620px;
	}

	.fixstable-demo-saas-automation .fixstable-builder-grid-item:first-child {
		grid-row: auto;
	}

	.fixstable-demo-saas-automation .fixstable-builder-grid-item:not(:first-child) .fixstable-demo-saas-workflow-card {
		grid-template-columns: minmax(180px, 0.62fr) minmax(0, 1fr);
	}
}

@container fixstable-page (max-width: 768px) {
	.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 {
		padding-block: 52px 68px !important;
		background-size: 58px 100%, auto, auto !important;
	}

	.fixstable-demo-saas-home-hero .fixstable-builder-cta-block h1,
	.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: 100% !important;
		font-size: clamp(42px, 12cqi, 58px) !important;
	}

	.fixstable-demo-saas-home-hero .fixstable-builder-cta-block.has-hero-panel {
		padding: 12px 0 !important;
	}

	.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 {
		padding: 12px 0 !important;
	}

	.fixstable-demo-saas-home-hero .fixstable-builder-cta-panel {
		padding: 68px 18px 20px !important;
	}

	.fixstable-demo-saas-automation,
	.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-automation,
	.fixstable-demo-saas-customer-proof,
	.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-customer-proof,
	.fixstable-demo-saas-pricing,
	.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-pricing,
	.fixstable-demo-saas-faq-support,
	.fixstable-builder-preview-shell .fixstable-builder-node-section.fixstable-demo-saas-faq-support {
		padding-block: 70px !important;
	}

	.fixstable-demo-saas-automation .fixstable-builder-section-inner > .fixstable-builder-heading,
	.fixstable-demo-saas-pricing .fixstable-builder-section-inner > .fixstable-builder-heading {
		max-width: 100% !important;
		font-size: clamp(38px, 10.5cqi, 46px) !important;
	}

	.fixstable-demo-saas-automation .fixstable-builder-section-inner > .fixstable-builder-text {
		padding: 20px 20px 20px 22px;
		font-size: 16px;
	}

	.fixstable-demo-saas-automation .fixstable-builder-grid-item:first-child .fixstable-builder-image {
		min-height: 0;
	}

	.fixstable-demo-saas-automation .fixstable-builder-grid-item:not(:first-child) .fixstable-demo-saas-workflow-card {
		display: flex;
		flex-direction: column;
	}

	.fixstable-demo-saas-automation .fixstable-builder-grid-item:not(:first-child) .fixstable-builder-image {
		width: 100%;
		height: auto !important;
		min-height: 0;
		aspect-ratio: 4 / 3;
	}

	.fixstable-demo-saas-customer-proof .fixstable-builder-row,
	.fixstable-demo-saas-pricing .fixstable-builder-grid {
		grid-template-columns: 1fr !important;
	}

	.fixstable-demo-saas-customer-proof .fixstable-builder-row {
		grid-template-areas:
			"copy"
			"media"
			"metrics";
	}

	.fixstable-demo-saas-customer-proof .fixstable-builder-column:last-child {
		grid-column: auto;
		padding-top: 22px;
	}

	.fixstable-demo-saas-customer-proof .fixstable-builder-column:first-child > .fixstable-builder-heading {
		max-width: 100%;
		font-size: clamp(40px, 9cqi, 54px) !important;
	}

	.fixstable-demo-saas-customer-proof .fixstable-builder-column:nth-child(2) > .fixstable-builder-testimonial-proof {
		grid-template-columns: 1fr !important;
		gap: 16px;
		align-items: start;
	}

	.fixstable-demo-saas-customer-proof .fixstable-builder-column:nth-child(2) > .fixstable-builder-testimonial-proof ul {
		justify-items: start;
		text-align: left;
	}

	.fixstable-demo-saas-customer-proof .fixstable-demo-saas-customer-video,
	.fixstable-demo-saas-customer-proof .fixstable-demo-saas-customer-video .fixstable-builder-video-figure,
	.fixstable-demo-saas-customer-proof .fixstable-demo-saas-customer-video .fixstable-builder-video-media {
		height: auto;
		min-height: 0;
	}

	.fixstable-demo-saas-pricing .fixstable-demo-saas-plan-card,
	.fixstable-demo-saas-pricing .fixstable-demo-saas-plan-card.is-featured {
		min-height: 0;
		transform: none;
	}

	.fixstable-demo-saas-faq-support .fixstable-builder-faq-block,
	.fixstable-demo-saas-faq-support .fixstable-builder-column:last-child {
		padding: 28px !important;
	}

	.fixstable-demo-saas-faq-support .fixstable-builder-faq-block {
		gap: 18px;
	}

	.fixstable-demo-saas-faq-support .fixstable-builder-column:last-child .fixstable-builder-grid-item {
		min-height: 0 !important;
	}

	.fixstable-demo-saas-faq-support .fixstable-builder-column:last-child .fixstable-builder-grid {
		grid-template-rows: repeat(2, auto) !important;
		gap: 12px !important;
	}

	.fixstable-demo-saas-faq-support .fixstable-builder-column:last-child .fixstable-builder-grid-item > * {
		height: auto !important;
		margin: 0 !important;
	}
}

@container fixstable-page (max-width: 480px) {
	.fixstable-demo-saas-customer-proof .fixstable-builder-row {
		gap: 28px !important;
	}

	.fixstable-demo-saas-customer-proof .fixstable-builder-column:first-child > .fixstable-builder-heading {
		font-size: clamp(34px, 11cqi, 42px) !important;
	}

	.fixstable-demo-saas-customer-proof .fixstable-builder-column:first-child > .fixstable-builder-text:last-child,
	.fixstable-demo-saas-customer-proof .fixstable-builder-column:first-child > .fixstable-builder-text:last-child p {
		font-size: 16px;
	}

	.fixstable-demo-saas-customer-proof .fixstable-builder-column:nth-child(2) > .fixstable-builder-testimonial-proof {
		padding-top: 18px !important;
	}

	.fixstable-demo-saas-customer-proof .fixstable-builder-column:last-child > .fixstable-builder-grid {
		grid-template-columns: 1fr !important;
	}
}

/* Builder device frames mirror the public shell breakpoints. */
.fixstable-builder-preview-viewport.is-device-tablet .fixstable-builder-site-footer.fixstable-demo-kit-saas-ai,
.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-site-footer.fixstable-demo-kit-saas-ai {
	padding-top: 36px;
	padding-bottom: 28px;
}

.fixstable-builder-preview-viewport.is-device-tablet .fixstable-builder-site-footer.fixstable-demo-kit-saas-ai .fixstable-builder-site-footer-inner {
	grid-template-columns: minmax(220px, 0.9fr) minmax(0, 1.1fr);
}

.fixstable-builder-preview-viewport.is-device-tablet .fixstable-builder-site-footer.fixstable-demo-kit-saas-ai .fixstable-builder-site-footer-support-wrap {
	grid-column: 1 / -1;
}

.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-site-footer.fixstable-demo-kit-saas-ai .fixstable-builder-site-footer-inner {
	grid-template-columns: 1fr;
	gap: 26px;
	padding: 42px 0 26px;
}

.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-site-footer.fixstable-demo-kit-saas-ai .fixstable-builder-site-footer-support-wrap,
.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-site-footer.fixstable-demo-kit-saas-ai .fixstable-builder-site-footer-copy {
	grid-column: 1;
}

.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-site-footer.fixstable-demo-kit-saas-ai .fixstable-builder-site-footer-nav.is-multi-column {
	grid-template-columns: 1fr;
}

/* Emberline Studio: editorial agency composition shared by Builder and frontend. */
.fixstable-demo-kit-agency-studio {
	--emberline-ink: #080a0e;
	--emberline-navy: #111821;
	--emberline-brown: #261713;
	--emberline-surface: #1c1412;
	--emberline-paper: #f8f1ed;
	--emberline-coral: #fb7a68;
	--emberline-radius-media: 28px;
	--emberline-radius-panel: 16px;
	color: var(--emberline-paper);
}

.fixstable-demo-kit-agency-studio > .fixstable-builder-section-inner {
	width: min(100%, 1320px);
	max-width: 1320px;
}

.fixstable-demo-kit-agency-studio .fixstable-builder-heading,
.fixstable-demo-kit-agency-studio .fixstable-builder-text,
.fixstable-demo-kit-agency-studio .fixstable-builder-text p {
	color: inherit;
}

.fixstable-demo-kit-agency-studio h6.fixstable-builder-heading {
	margin: 0;
	color: var(--emberline-coral);
	font-size: 12px;
	font-weight: 800;
	line-height: 1.35;
	letter-spacing: 0.13em;
	text-transform: uppercase;
}

body.fixstable-builder-page .fixstable-demo-kit-agency-studio .fixstable-builder-button[style*="--fixstable-button-background"],
.fixstable-builder-preview-shell .fixstable-demo-kit-agency-studio .fixstable-builder-button[style*="--fixstable-button-background"] {
	border-color: color-mix(in srgb, var(--fixstable-button-color, #17120f) 14%, transparent) !important;
	background: var(--fixstable-button-background, var(--emberline-coral)) !important;
	color: var(--fixstable-button-color, #17120f) !important;
	box-shadow: 0 8px 20px rgba(251, 122, 104, 0.14) !important;
}

body.fixstable-builder-page .fixstable-demo-kit-agency-studio .fixstable-builder-button[style*="--fixstable-button-background"]:hover,
body.fixstable-builder-page .fixstable-demo-kit-agency-studio .fixstable-builder-button[style*="--fixstable-button-background"]:focus-visible,
.fixstable-builder-preview-shell .fixstable-demo-kit-agency-studio .fixstable-builder-button[style*="--fixstable-button-background"]:hover,
.fixstable-builder-preview-shell .fixstable-demo-kit-agency-studio .fixstable-builder-button[style*="--fixstable-button-background"]:focus-visible {
	transform: translateY(-2px);
	box-shadow: 0 12px 26px rgba(251, 122, 104, 0.2) !important;
}

.fixstable-demo-kit-agency-studio .fixstable-builder-image {
	margin: 0;
}

.fixstable-demo-kit-agency-studio .fixstable-builder-image,
.fixstable-demo-kit-agency-studio .fixstable-builder-image img {
	border-radius: inherit;
}

.emberline-hero-editorial > .fixstable-builder-section-inner > .fixstable-builder-row {
	grid-template-columns: minmax(0, 0.84fr) minmax(0, 1.16fr);
	align-items: center;
}

.emberline-hero-editorial .fixstable-builder-column:first-child {
	position: relative;
	z-index: 2;
	max-width: 660px;
}

.emberline-hero-editorial .fixstable-builder-column:first-child > h1.fixstable-builder-heading {
	max-width: 100%;
	margin: 0;
	font-size: clamp(58px, 6.1cqi, 90px);
	font-weight: 760;
	line-height: 0.93;
	letter-spacing: -0.056em;
	text-wrap: balance;
}

.emberline-hero-editorial .fixstable-builder-column:first-child > .fixstable-builder-text {
	max-width: 590px;
	font-size: clamp(18px, 1.55cqi, 23px);
	line-height: 1.55;
	color: rgba(248, 241, 237, 0.74);
}

.emberline-hero-editorial .emberline-hero-credibility,
.emberline-hero-editorial .fixstable-builder-column:first-child > .fixstable-builder-text:last-child {
	max-width: 590px !important;
	margin-top: 4px;
	padding-top: 16px;
	border-top: 1px solid rgba(248, 241, 237, 0.14);
	color: rgba(248, 241, 237, 0.62) !important;
	font-size: 13px !important;
	font-weight: 700;
	line-height: 1.5 !important;
	letter-spacing: 0.055em;
	text-transform: uppercase;
}

.emberline-hero-editorial .emberline-hero-credibility p,
.emberline-hero-editorial .fixstable-builder-column:first-child > .fixstable-builder-text:last-child p {
	margin: 0;
	color: inherit !important;
}

.emberline-hero-editorial .fixstable-builder-column:first-child > .fixstable-builder-row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
}

.emberline-hero-editorial .fixstable-builder-column:first-child > .fixstable-builder-row > p {
	margin: 0;
}

.emberline-hero-editorial .fixstable-builder-column:first-child > .fixstable-builder-row > p:nth-child(2) .fixstable-builder-button,
.emberline-studio-statement .fixstable-builder-column:last-child > .fixstable-builder-row > p:nth-child(2) .fixstable-builder-button {
	border-color: rgba(248, 241, 237, 0.16) !important;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.18) !important;
}

.emberline-hero-editorial .fixstable-builder-column:first-child > .fixstable-builder-row > p:nth-child(2) .fixstable-builder-button:hover,
.emberline-hero-editorial .fixstable-builder-column:first-child > .fixstable-builder-row > p:nth-child(2) .fixstable-builder-button:focus-visible,
.emberline-studio-statement .fixstable-builder-column:last-child > .fixstable-builder-row > p:nth-child(2) .fixstable-builder-button:hover,
.emberline-studio-statement .fixstable-builder-column:last-child > .fixstable-builder-row > p:nth-child(2) .fixstable-builder-button:focus-visible {
	box-shadow: 0 11px 24px rgba(0, 0, 0, 0.24) !important;
}

.emberline-hero-collage {
	position: relative;
	min-height: 650px;
	overflow: hidden;
	isolation: isolate;
	box-shadow: 0 28px 70px rgba(0, 0, 0, 0.34);
}

.emberline-hero-collage::before {
	position: absolute;
	inset: 0;
	z-index: -1;
	background:
		radial-gradient(circle at 82% 18%, rgba(251, 122, 104, 0.25), transparent 35%),
		linear-gradient(145deg, #221512 0%, #0d1219 72%);
	content: "";
}

.emberline-hero-collage::after {
	position: absolute;
	inset: 42% 0 0;
	z-index: 2;
	background: linear-gradient(180deg, rgba(8, 10, 14, 0) 0%, rgba(8, 10, 14, 0.32) 48%, rgba(8, 10, 14, 0.92) 100%);
	content: "";
	pointer-events: none;
}

.emberline-hero-collage .emberline-hero-art-main {
	position: absolute;
	top: 70px;
	left: 4%;
	width: 73%;
	height: 510px;
	border-radius: 22px;
	transform: rotate(-1.5deg);
	box-shadow: 0 22px 48px rgba(0, 0, 0, 0.34);
}

.emberline-hero-collage .emberline-hero-art-detail {
	position: absolute;
	top: 34px;
	right: 4%;
	width: 36%;
	height: 220px;
	border: 6px solid #f8f1ed;
	border-radius: 18px;
	transform: rotate(3deg);
	box-shadow: 0 20px 38px rgba(0, 0, 0, 0.32);
}

.emberline-hero-collage .emberline-hero-art-swatch {
	position: absolute;
	right: 6%;
	bottom: 46px;
	width: 32%;
	height: 190px;
	border: 6px solid #17120f;
	border-radius: 18px;
	transform: rotate(1.5deg);
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.32);
}

.emberline-hero-collage .fixstable-builder-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.emberline-hero-collage > h6.fixstable-builder-heading,
.emberline-hero-collage > h3.fixstable-builder-heading,
.emberline-hero-collage > .fixstable-builder-node-children > h6.fixstable-builder-heading,
.emberline-hero-collage > .fixstable-builder-node-children > h3.fixstable-builder-heading {
	position: absolute;
	z-index: 3;
	left: 40px;
}

.emberline-hero-collage > h6.fixstable-builder-heading,
.emberline-hero-collage > .fixstable-builder-node-children > h6.fixstable-builder-heading {
	top: 34px;
}

.emberline-hero-collage > h3.fixstable-builder-heading,
.emberline-hero-collage > .fixstable-builder-node-children > h3.fixstable-builder-heading {
	bottom: 36px;
	max-width: 280px;
	margin: 0;
	font-size: clamp(27px, 2.5cqi, 39px);
	line-height: 1;
	letter-spacing: -0.04em;
	text-shadow: 0 2px 16px rgba(0, 0, 0, 0.34);
}

@keyframes emberline-artifact-drift-detail {
	0%, 100% { transform: translate3d(0, 0, 0) rotate(3deg); }
	50% { transform: translate3d(-4px, 5px, 0) rotate(2.4deg); }
}

@keyframes emberline-artifact-drift-swatch {
	0%, 100% { transform: translate3d(0, 0, 0) rotate(1.5deg); }
	50% { transform: translate3d(5px, -4px, 0) rotate(2deg); }
}

.fixstable-builder-frontend.fixstable-motion-enabled .emberline-hero-art-detail {
	animation: emberline-artifact-drift-detail 10s ease-in-out infinite;
}

.fixstable-builder-frontend.fixstable-motion-enabled .emberline-hero-art-swatch {
	animation: emberline-artifact-drift-swatch 12s ease-in-out 800ms infinite;
}

/* Editor drag wrappers stay out of the collage flow while preserving selection. */
.fixstable-builder-preview-shell .emberline-hero-collage > .emberline-hero-art-main {
	position: absolute !important;
	top: 70px !important;
	right: auto !important;
	bottom: auto !important;
	left: 4% !important;
	width: 73% !important;
	height: 510px !important;
}

.fixstable-builder-preview-shell .emberline-hero-collage > .emberline-hero-art-detail {
	position: absolute !important;
	top: 34px !important;
	right: 4% !important;
	bottom: auto !important;
	left: auto !important;
	width: 36% !important;
	height: 220px !important;
}

.fixstable-builder-preview-shell .emberline-hero-collage > .emberline-hero-art-swatch {
	position: absolute !important;
	top: auto !important;
	right: 6% !important;
	bottom: 46px !important;
	left: auto !important;
	width: 32% !important;
	height: 190px !important;
}

.fixstable-builder-preview-shell .emberline-hero-collage > h6.fixstable-builder-heading {
	position: absolute !important;
	top: 34px !important;
	right: auto !important;
	bottom: auto !important;
	left: 40px !important;
	width: auto !important;
	height: auto !important;
}

.fixstable-builder-preview-shell .emberline-hero-collage > h3.fixstable-builder-heading {
	position: absolute !important;
	top: auto !important;
	right: auto !important;
	bottom: 36px !important;
	left: 40px !important;
	width: auto !important;
	max-width: 280px !important;
	height: auto !important;
}

.emberline-campaign-reel > .fixstable-builder-section-inner {
	position: relative;
}

.emberline-campaign-reel > .fixstable-builder-section-inner > h2.fixstable-builder-heading {
	max-width: 980px;
	margin: 18px 0 38px;
	font-size: clamp(46px, 5.2cqi, 82px);
	line-height: 0.98;
	letter-spacing: -0.055em;
	text-wrap: balance;
}

.emberline-campaign-reel > .fixstable-builder-section-inner > .fixstable-builder-row {
	grid-template-columns: minmax(0, 1.5fr) minmax(0, 0.76fr) minmax(0, 0.76fr);
	gap: 14px;
}

.emberline-campaign-reel .fixstable-builder-image {
	height: clamp(460px, 41cqi, 560px);
	overflow: hidden;
	border-radius: var(--emberline-radius-media);
	background: #17120f;
}

.emberline-campaign-reel .fixstable-builder-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 900ms cubic-bezier(0.22, 1, 0.36, 1);
}

.emberline-campaign-reel .fixstable-builder-row:hover .fixstable-builder-image img {
	transform: scale(1.018);
}

.fixstable-builder-frontend.fixstable-demo-kit-agency-studio.fixstable-builder-color-mode-dark .emberline-reel-pill.fixstable-builder-card-node {
	position: absolute;
	right: 16px;
	bottom: 18px;
	z-index: 4;
	width: clamp(220px, 22cqi, 310px);
	height: auto !important;
	min-height: 0 !important;
	padding: var(--fixstable-card-padding, 16px) !important;
	border-color: rgba(23, 18, 15, 0.12) !important;
	border-radius: var(--fixstable-card-radius, var(--emberline-radius-panel)) !important;
	background: #f8f1ed !important;
	color: #17120f !important;
	box-shadow: 0 14px 34px rgba(0, 0, 0, 0.22);
	transition: transform 260ms ease, box-shadow 260ms ease;
}

.fixstable-builder-frontend.fixstable-demo-kit-agency-studio.fixstable-builder-color-mode-dark .emberline-reel-pill h3.fixstable-builder-heading {
	margin: 0;
	color: #17120f !important;
	font-size: clamp(18px, 1.5cqi, 20px);
	line-height: 1.12;
}

.fixstable-builder-frontend.fixstable-demo-kit-agency-studio.fixstable-builder-color-mode-dark .emberline-reel-pill .fixstable-builder-text,
.fixstable-builder-frontend.fixstable-demo-kit-agency-studio.fixstable-builder-color-mode-dark .emberline-reel-pill .fixstable-builder-text p {
	margin: 0;
	color: rgba(23, 18, 15, 0.66) !important;
	font-size: 13px;
	line-height: 1.5;
}

.emberline-identity-strip > .fixstable-builder-section-inner {
	position: relative;
	overflow: hidden;
	border-top: 1px solid rgba(248, 241, 237, 0.16);
	border-bottom: 1px solid rgba(248, 241, 237, 0.16);
	padding: 18px 8px 20px;
}

.emberline-identity-strip > .fixstable-builder-section-inner > h6.fixstable-builder-heading {
	margin: 0 8px 14px;
}

.emberline-identity-strip > .fixstable-builder-section-inner::before,
.emberline-identity-strip > .fixstable-builder-section-inner::after {
	position: absolute;
	top: 1px;
	bottom: 1px;
	z-index: 2;
	width: clamp(18px, 3cqi, 42px);
	content: "";
	pointer-events: none;
}

.emberline-identity-strip > .fixstable-builder-section-inner::before {
	left: 0;
	background: linear-gradient(90deg, #17120f, rgba(23, 18, 15, 0));
}

.emberline-identity-strip > .fixstable-builder-section-inner::after {
	right: 0;
	background: linear-gradient(270deg, #17120f, rgba(23, 18, 15, 0));
}

.emberline-identity-strip .fixstable-builder-row {
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 0;
	align-items: center;
}

.emberline-identity-strip .fixstable-builder-row h3.fixstable-builder-heading {
	display: grid;
	place-items: center;
	min-height: 42px;
	margin: 0;
	padding: 0 clamp(12px, 1.6cqi, 22px);
	color: rgba(248, 241, 237, 0.7);
	font-size: clamp(17px, 1.45cqi, 23px);
	font-weight: 650;
	letter-spacing: -0.025em;
	text-align: center !important;
}

.emberline-identity-strip .fixstable-builder-row h3.fixstable-builder-heading + h3.fixstable-builder-heading {
	border-left: 1px solid rgba(248, 241, 237, 0.12);
}

.emberline-identity-strip .fixstable-builder-row h3.fixstable-builder-heading a {
	color: inherit;
	text-decoration: none;
	transition: color 220ms ease;
}

.emberline-identity-strip .fixstable-builder-row h3.fixstable-builder-heading a:hover,
.emberline-identity-strip .fixstable-builder-row h3.fixstable-builder-heading a:focus-visible {
	color: var(--emberline-paper);
}

.emberline-studio-statement > .fixstable-builder-section-inner > .fixstable-builder-row {
	grid-template-columns: minmax(160px, 0.34fr) minmax(0, 1.66fr);
	align-items: start;
}

.emberline-studio-statement .fixstable-builder-column:last-child > h2.fixstable-builder-heading {
	max-width: 1020px;
	margin: 0;
	font-size: clamp(52px, 6.2cqi, 98px);
	font-weight: 720;
	line-height: 0.94;
	letter-spacing: -0.062em;
	text-wrap: balance;
}

.emberline-studio-statement .fixstable-builder-column:last-child > .fixstable-builder-text {
	max-width: 690px;
	font-size: clamp(18px, 1.55cqi, 23px);
	line-height: 1.55;
	color: rgba(248, 241, 237, 0.72);
}

.emberline-studio-statement .fixstable-builder-column:last-child > .fixstable-builder-row {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
}

.emberline-studio-statement .fixstable-builder-column:last-child > .fixstable-builder-row > p {
	margin: 0;
}

.emberline-featured-work > .fixstable-builder-section-inner > h2.fixstable-builder-heading {
	max-width: 920px;
	margin: 18px 0 48px;
	font-size: clamp(44px, 5cqi, 76px);
	line-height: 0.99;
	letter-spacing: -0.052em;
	text-wrap: balance;
}

.emberline-featured-work > .fixstable-builder-section-inner > .fixstable-builder-row {
	grid-template-columns: minmax(0, 1.18fr) minmax(0, 0.82fr);
	align-items: stretch;
}

.emberline-featured-work .emberline-project-featured,
.emberline-featured-work .emberline-project-supporting {
	overflow: hidden;
	transition: transform 280ms ease, border-color 280ms ease, box-shadow 280ms ease;
}

.emberline-featured-work .emberline-project-featured:hover,
.emberline-featured-work .emberline-project-supporting:hover {
	transform: translateY(-3px);
	border-color: var(--emberline-coral) !important;
	box-shadow: 0 22px 48px rgba(0, 0, 0, 0.24);
}

.emberline-featured-work .emberline-project-featured .emberline-project-image {
	height: 610px;
	border-radius: 18px;
}

.emberline-featured-work .emberline-project-supporting .emberline-project-image {
	height: 250px;
	border-radius: 16px;
}

.emberline-featured-work .emberline-project-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.emberline-featured-work .fixstable-builder-card-node > .fixstable-builder-text:first-of-type,
.emberline-featured-work .fixstable-builder-card-node > .fixstable-builder-node-children > .fixstable-builder-text:first-of-type {
	color: var(--emberline-coral);
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0.11em;
	text-transform: uppercase;
}

.emberline-featured-work .emberline-project-featured h3.fixstable-builder-heading {
	margin: 4px 0 0;
	font-size: clamp(30px, 3.4cqi, 54px);
	line-height: 1;
	letter-spacing: -0.045em;
}

.emberline-featured-work .emberline-project-supporting h3.fixstable-builder-heading {
	margin: 2px 0 0;
	font-size: clamp(26px, 2.2cqi, 36px);
	line-height: 1;
	letter-spacing: -0.035em;
}

.emberline-services > .fixstable-builder-section-inner > .fixstable-builder-row {
	grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr);
	align-items: start;
}

.emberline-services .fixstable-builder-column:first-child > h2.fixstable-builder-heading {
	margin: 0;
	font-size: clamp(48px, 5cqi, 78px);
	line-height: 0.96;
	letter-spacing: -0.055em;
}

.emberline-services .fixstable-builder-column:first-child > .fixstable-builder-text {
	max-width: 590px;
	color: rgba(248, 241, 237, 0.68);
	font-size: 18px;
	line-height: 1.6;
}

.emberline-services .emberline-services-image {
	height: 430px;
	overflow: hidden;
	border-radius: 26px;
}

.emberline-services .emberline-services-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 68% center;
}

.emberline-services .fixstable-builder-feature-list {
	padding: 32px 36px;
	border: 1px solid rgba(248, 241, 237, 0.12);
	border-radius: 28px;
	background: rgba(8, 10, 14, 0.34) !important;
}

.emberline-services .fixstable-builder-feature-list > h2 {
	font-size: clamp(30px, 3cqi, 46px);
	line-height: 1;
}

.emberline-services .fixstable-builder-feature-list ul {
	display: grid;
	grid-template-columns: 1fr;
	counter-reset: emberline-services;
}

.emberline-services .fixstable-builder-feature-list li {
	position: relative;
	min-height: 0;
	padding: 23px 18px 23px 74px;
	border: 0;
	border-top: 1px solid rgba(248, 241, 237, 0.12);
	border-radius: 0;
	background: transparent;
	counter-increment: emberline-services;
}

.emberline-services .fixstable-builder-feature-list li::before {
	position: absolute;
	top: 24px;
	left: 12px;
	width: auto;
	height: auto;
	border-radius: 0;
	background: transparent;
	color: var(--emberline-coral);
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 0.08em;
	content: counter(emberline-services, decimal-leading-zero);
}

.emberline-process > .fixstable-builder-section-inner > h6.fixstable-builder-heading {
	margin-bottom: 26px;
}

.emberline-process > .fixstable-builder-section-inner > .fixstable-builder-row {
	grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
	align-items: stretch;
}

.emberline-process .emberline-process-image {
	height: 100%;
	min-height: 680px;
	overflow: hidden;
	border-radius: 30px;
}

.emberline-process .emberline-process-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.emberline-process .fixstable-builder-feature-list {
	height: 100%;
	padding: 40px;
	border: 1px solid rgba(248, 241, 237, 0.12);
	border-radius: 30px;
}

.emberline-process .fixstable-builder-feature-list > h2 {
	max-width: 660px;
	font-size: clamp(38px, 4cqi, 62px);
	line-height: 0.98;
	letter-spacing: -0.048em;
}

.emberline-process .fixstable-builder-feature-list ul {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	counter-reset: emberline-process;
}

.emberline-process .fixstable-builder-feature-list li {
	position: relative;
	min-height: 180px;
	padding: 54px 20px 22px;
	border-color: rgba(248, 241, 237, 0.12);
	background: rgba(8, 10, 14, 0.22);
	counter-increment: emberline-process;
}

.emberline-process .fixstable-builder-feature-list li::before {
	position: absolute;
	top: 20px;
	left: 20px;
	width: auto;
	height: auto;
	background: transparent;
	color: var(--emberline-coral);
	font-size: 13px;
	font-weight: 800;
	content: "0" counter(emberline-process);
}

.emberline-proof > .fixstable-builder-section-inner > .fixstable-builder-row {
	grid-template-columns: minmax(0, 1.18fr) minmax(320px, 0.82fr);
	align-items: stretch;
}

.emberline-proof .fixstable-builder-testimonial-proof {
	display: flex;
	height: 100%;
	min-height: 600px;
	flex-direction: column;
	justify-content: space-between;
	padding: clamp(36px, 5cqi, 72px);
	border: 1px solid rgba(248, 241, 237, 0.12);
	border-radius: 30px;
}

.emberline-proof .fixstable-builder-testimonial-proof blockquote p {
	font-size: clamp(40px, 4.6cqi, 70px);
	line-height: 0.98;
	letter-spacing: -0.052em;
}

.emberline-proof .fixstable-builder-testimonial-proof ul {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.emberline-proof .emberline-proof-image {
	height: 100%;
	min-height: 600px;
	overflow: hidden;
	border-radius: 30px;
}

.emberline-proof .emberline-proof-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center 30%;
}

.emberline-packages > .fixstable-builder-section-inner > h2.fixstable-builder-heading {
	max-width: 850px;
	margin: 16px 0 52px;
	font-size: clamp(42px, 4.8cqi, 72px);
	line-height: 0.99;
	letter-spacing: -0.052em;
}

.emberline-packages .fixstable-builder-grid {
	align-items: stretch;
}

.emberline-packages .fixstable-builder-grid-item,
.emberline-packages .fixstable-builder-card-node {
	height: 100%;
}

.emberline-packages .fixstable-builder-card-node {
	min-height: 320px;
	justify-content: space-between;
}

.fixstable-builder-frontend.fixstable-demo-kit-agency-studio.fixstable-builder-color-mode-dark .emberline-packages .emberline-package-featured.fixstable-builder-card-node {
	border-color: var(--emberline-coral) !important;
	background: var(--emberline-coral) !important;
	color: #17120f !important;
	transform: translateY(-10px);
	box-shadow: 0 20px 44px rgba(251, 122, 104, 0.16);
}

.fixstable-builder-frontend.fixstable-demo-kit-agency-studio.fixstable-builder-color-mode-dark .emberline-packages .emberline-package-featured .fixstable-builder-heading,
.fixstable-builder-frontend.fixstable-demo-kit-agency-studio.fixstable-builder-color-mode-dark .emberline-packages .emberline-package-featured .fixstable-builder-text,
.fixstable-builder-frontend.fixstable-demo-kit-agency-studio.fixstable-builder-color-mode-dark .emberline-packages .emberline-package-featured .fixstable-builder-text p {
	color: #17120f !important;
}

.emberline-packages > .fixstable-builder-section-inner > p:last-child {
	margin-top: 32px;
	text-align: center;
}

.emberline-faq .fixstable-builder-faq-block {
	display: grid;
	grid-template-columns: minmax(260px, 0.7fr) minmax(0, 1.3fr);
	gap: 64px;
	padding: clamp(32px, 5cqi, 64px);
	border: 1px solid rgba(248, 241, 237, 0.12);
	border-radius: 30px;
}

.emberline-faq .fixstable-builder-faq-block > h2,
.emberline-faq .fixstable-builder-faq-block > .fixstable-builder-commercial-copy {
	grid-column: 1;
}

.emberline-faq .fixstable-builder-faq-list {
	grid-column: 2;
	grid-row: 1 / span 3;
}

.emberline-final-cta .fixstable-builder-request-section {
	grid-template-columns: minmax(0, 1.45fr) minmax(300px, 0.55fr);
	gap: clamp(36px, 6cqi, 88px);
	padding: clamp(42px, 6cqi, 84px);
	border: 1px solid rgba(248, 241, 237, 0.12);
	border-radius: 34px;
	background:
		radial-gradient(circle at 87% 20%, rgba(251, 122, 104, 0.2), transparent 33%),
		#111821 !important;
}

.emberline-final-cta .fixstable-builder-request-section h2 {
	max-width: 820px;
	font-size: clamp(48px, 5.8cqi, 88px);
	line-height: 0.94;
	letter-spacing: -0.06em;
}

.emberline-final-cta .fixstable-builder-request-section aside {
	align-self: end;
}

@container fixstable-page (max-width: 1080px) {
	.emberline-hero-editorial > .fixstable-builder-section-inner > .fixstable-builder-row,
	.emberline-services > .fixstable-builder-section-inner > .fixstable-builder-row,
	.emberline-process > .fixstable-builder-section-inner > .fixstable-builder-row,
	.emberline-proof > .fixstable-builder-section-inner > .fixstable-builder-row {
		grid-template-columns: 1fr;
	}

	.emberline-hero-editorial .fixstable-builder-column:first-child {
		max-width: 820px;
	}

	.emberline-hero-collage {
		min-height: 620px;
	}

	.emberline-featured-work > .fixstable-builder-section-inner > .fixstable-builder-row {
		grid-template-columns: 1fr;
	}

	.emberline-featured-work .emberline-project-featured .emberline-project-image {
		height: 520px;
	}

	.emberline-services .emberline-services-image {
		height: 520px;
	}

	.emberline-process .emberline-process-image,
	.emberline-proof .fixstable-builder-testimonial-proof,
	.emberline-proof .emberline-proof-image {
		min-height: 520px;
	}
}

@container fixstable-page (max-width: 900px) {
	.emberline-campaign-reel > .fixstable-builder-section-inner > .fixstable-builder-row {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.emberline-campaign-reel .emberline-reel-image-main {
		grid-column: 1 / -1;
		height: 410px;
	}

	.emberline-campaign-reel .emberline-reel-image-material,
	.emberline-campaign-reel .emberline-reel-image-digital {
		height: 280px;
	}

	.fixstable-builder-frontend.fixstable-demo-kit-agency-studio.fixstable-builder-color-mode-dark .emberline-reel-pill.fixstable-builder-card-node {
		position: relative;
		right: auto;
		bottom: auto;
		width: 100%;
		margin-top: 14px;
	}
}

@container fixstable-page (max-width: 760px) {
	.fixstable-demo-kit-agency-studio {
		padding-right: 18px !important;
		padding-left: 18px !important;
	}

	.emberline-campaign-reel > .fixstable-builder-section-inner > h2.fixstable-builder-heading {
		font-size: 46px;
		overflow-wrap: anywhere;
	}

	.emberline-hero-editorial,
	.emberline-campaign-reel,
	.emberline-studio-statement,
	.emberline-featured-work,
	.emberline-services,
	.emberline-process,
	.emberline-proof,
	.emberline-packages,
	.emberline-faq,
	.emberline-final-cta {
		padding-top: 68px !important;
		padding-bottom: 72px !important;
	}

	.emberline-campaign-reel {
		padding-bottom: 52px !important;
	}

	.emberline-identity-strip {
		padding-top: 12px !important;
		padding-bottom: 18px !important;
	}

	.emberline-hero-editorial .fixstable-builder-column:first-child > h1.fixstable-builder-heading {
		font-size: clamp(50px, 13cqi, 72px);
	}

	.emberline-hero-collage {
		min-height: 500px;
	}

	.emberline-hero-collage .emberline-hero-art-main {
		top: 92px;
		left: 2%;
		width: 82%;
		height: 350px;
	}

	.fixstable-builder-preview-shell .emberline-hero-collage > .emberline-hero-art-main {
		top: 92px !important;
		left: 2% !important;
		width: 82% !important;
		height: 350px !important;
	}

	.emberline-hero-collage .emberline-hero-art-detail {
		top: 64px;
		right: 2%;
		width: 40%;
		height: 150px;
		border-width: 5px;
	}

	.fixstable-builder-preview-shell .emberline-hero-collage > .emberline-hero-art-detail {
		top: 64px !important;
		right: 2% !important;
		width: 40% !important;
		height: 150px !important;
	}

	.emberline-hero-collage .emberline-hero-art-swatch {
		right: 4%;
		bottom: 30px;
		width: 38%;
		height: 140px;
		border-width: 5px;
	}

	.fixstable-builder-preview-shell .emberline-hero-collage > .emberline-hero-art-swatch {
		right: 4% !important;
		bottom: 30px !important;
		width: 38% !important;
		height: 140px !important;
	}

	.emberline-hero-collage > h6.fixstable-builder-heading,
	.emberline-hero-collage > .fixstable-builder-node-children > h6.fixstable-builder-heading {
		top: 26px;
		left: 24px;
		max-width: 180px;
	}

	.fixstable-builder-preview-shell .emberline-hero-collage > h6.fixstable-builder-heading {
		top: 26px !important;
		left: 24px !important;
		max-width: 180px;
	}

	.emberline-hero-collage > h3.fixstable-builder-heading,
	.emberline-hero-collage > .fixstable-builder-node-children > h3.fixstable-builder-heading {
		left: 24px;
		bottom: 26px;
		max-width: 180px;
		font-size: 26px;
	}

	.fixstable-builder-preview-shell .emberline-hero-collage > h3.fixstable-builder-heading {
		bottom: 26px !important;
		left: 24px !important;
		max-width: 180px !important;
	}

	.emberline-campaign-reel > .fixstable-builder-section-inner > .fixstable-builder-row {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.emberline-campaign-reel .emberline-reel-image-main {
		grid-column: 1 / -1;
	}

	.emberline-campaign-reel .fixstable-builder-image {
		height: 300px;
		border-radius: 22px;
	}

	.emberline-campaign-reel .emberline-reel-image-main {
		height: 390px;
	}

	.fixstable-builder-frontend.fixstable-demo-kit-agency-studio.fixstable-builder-color-mode-dark .emberline-reel-pill.fixstable-builder-card-node {
		position: relative;
		right: auto;
		bottom: auto;
		width: 100%;
		margin-top: 16px;
		border-radius: var(--fixstable-card-radius, var(--emberline-radius-panel)) !important;
	}

	.emberline-identity-strip .fixstable-builder-row {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 16px 0;
	}

	.emberline-identity-strip .fixstable-builder-row h3.fixstable-builder-heading:nth-child(odd) {
		border-left: 0;
	}

	.emberline-identity-strip > .fixstable-builder-section-inner::before,
	.emberline-identity-strip > .fixstable-builder-section-inner::after {
		display: none;
	}

	.emberline-identity-strip .fixstable-builder-row > :last-child {
		grid-column: 1 / -1;
	}

	.emberline-studio-statement > .fixstable-builder-section-inner > .fixstable-builder-row,
	.emberline-faq .fixstable-builder-faq-block,
	.emberline-final-cta .fixstable-builder-request-section {
		grid-template-columns: 1fr;
		gap: 32px;
	}

	.emberline-studio-statement .fixstable-builder-column:last-child > h2.fixstable-builder-heading,
	.emberline-featured-work > .fixstable-builder-section-inner > h2.fixstable-builder-heading,
	.emberline-services .fixstable-builder-column:first-child > h2.fixstable-builder-heading,
	.emberline-packages > .fixstable-builder-section-inner > h2.fixstable-builder-heading {
		font-size: clamp(42px, 11cqi, 62px);
	}

	.emberline-featured-work .emberline-project-featured .emberline-project-image,
	.emberline-services .emberline-services-image {
		height: 390px;
	}

	.emberline-process .emberline-process-image,
	.emberline-proof .fixstable-builder-testimonial-proof,
	.emberline-proof .emberline-proof-image {
		height: auto;
		min-height: 420px;
	}

	.emberline-process .fixstable-builder-feature-list,
	.emberline-services .fixstable-builder-feature-list {
		padding: 28px 22px;
	}

	.emberline-process .fixstable-builder-feature-list ul,
	.emberline-proof .fixstable-builder-testimonial-proof ul,
	.emberline-packages .fixstable-builder-grid {
		grid-template-columns: 1fr;
	}

	.emberline-process .fixstable-builder-feature-list li {
		min-height: 0;
	}

	.fixstable-builder-frontend.fixstable-demo-kit-agency-studio.fixstable-builder-color-mode-dark .emberline-packages .emberline-package-featured.fixstable-builder-card-node {
		transform: none;
	}

	.emberline-faq .fixstable-builder-faq-block > h2,
	.emberline-faq .fixstable-builder-faq-block > .fixstable-builder-commercial-copy,
	.emberline-faq .fixstable-builder-faq-list {
		grid-column: 1;
		grid-row: auto;
	}
}

@container fixstable-page (max-width: 420px) {
	.emberline-hero-editorial .fixstable-builder-column:first-child > h1.fixstable-builder-heading {
		font-size: clamp(44px, 13.2cqi, 56px);
	}

	.emberline-hero-editorial .fixstable-builder-column:first-child > .fixstable-builder-row,
	.emberline-studio-statement .fixstable-builder-column:last-child > .fixstable-builder-row {
		display: grid;
		grid-template-columns: 1fr;
	}

	.emberline-hero-editorial .fixstable-builder-column:first-child > .fixstable-builder-row .fixstable-builder-button,
	.emberline-studio-statement .fixstable-builder-column:last-child > .fixstable-builder-row .fixstable-builder-button {
		width: 100%;
		text-align: center;
	}

	.emberline-hero-collage {
		min-height: 510px;
	}

	.emberline-hero-collage .emberline-hero-art-main {
		top: 94px;
		height: 340px;
	}

	.fixstable-builder-preview-shell .emberline-hero-collage > .emberline-hero-art-main {
		top: 94px !important;
		height: 340px !important;
	}

	.emberline-hero-collage .emberline-hero-art-detail {
		top: 68px;
	}

	.fixstable-builder-preview-shell .emberline-hero-collage > .emberline-hero-art-detail {
		top: 68px !important;
	}

	.emberline-hero-collage .emberline-hero-art-swatch {
		right: 5%;
		bottom: 28px;
		width: 36%;
		height: 132px;
	}

	.fixstable-builder-preview-shell .emberline-hero-collage > .emberline-hero-art-swatch {
		right: 5% !important;
		bottom: 28px !important;
		width: 36% !important;
		height: 132px !important;
	}

	.emberline-hero-collage > h3.fixstable-builder-heading,
	.emberline-hero-collage > .fixstable-builder-node-children > h3.fixstable-builder-heading {
		max-width: 154px;
		font-size: 24px;
	}

	.fixstable-builder-preview-shell .emberline-hero-collage > h3.fixstable-builder-heading {
		max-width: 154px !important;
		font-size: 24px;
	}

	.emberline-campaign-reel .fixstable-builder-image {
		height: 170px;
	}

	.emberline-campaign-reel .emberline-reel-image-main {
		height: 310px;
	}

	.emberline-identity-strip .fixstable-builder-row {
		grid-template-columns: 1fr;
		gap: 0;
	}

	.emberline-identity-strip .fixstable-builder-row h3.fixstable-builder-heading + h3.fixstable-builder-heading {
		border-top: 1px solid rgba(248, 241, 237, 0.12);
		border-left: 0;
	}

	.emberline-identity-strip .fixstable-builder-row > :last-child {
		grid-column: 1;
	}

	.emberline-featured-work .emberline-project-featured .emberline-project-image,
	.emberline-featured-work .emberline-project-supporting .emberline-project-image,
	.emberline-services .emberline-services-image,
	.emberline-process .emberline-process-image,
	.emberline-proof .emberline-proof-image {
		height: 320px;
		min-height: 0;
	}

	.emberline-proof .fixstable-builder-testimonial-proof {
		min-height: 0;
	}

	.emberline-final-cta .fixstable-builder-request-section h2 {
		font-size: clamp(42px, 13cqi, 58px);
	}
}

@media (prefers-reduced-motion: reduce) {
	.fixstable-builder-frontend.fixstable-motion-enabled .emberline-hero-art-detail,
	.fixstable-builder-frontend.fixstable-motion-enabled .emberline-hero-art-swatch {
		animation: none !important;
	}

	.fixstable-demo-kit-agency-studio .fixstable-builder-button,
		.emberline-identity-strip .fixstable-builder-row h3.fixstable-builder-heading,
		.emberline-identity-strip .fixstable-builder-row h3.fixstable-builder-heading a,
		.emberline-reel-pill,
		.emberline-campaign-reel .fixstable-builder-image img,
	.emberline-featured-work .emberline-project-featured,
	.emberline-featured-work .emberline-project-supporting {
		transition: none !important;
		transform: none !important;
	}
}