/* Canvza Pro authored Site System presentation layer. */
/* Every rule below is loaded with the Pro package; system selectors remain scoped to the imported system. */

/*
 * 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;
	font-family: var(
		--fixstable-body-font,
		"Segoe UI",
		system-ui,
		-apple-system,
		BlinkMacSystemFont,
		Roboto,
		Helvetica,
		Arial,
		sans-serif
	);
	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;
}

/* Block themes use a post-title block instead of the classic entry-title hooks. */
body.fixstable-builder-canvas-page .wp-block-post-title,
body.fixstable-builder-hide-title .wp-block-post-title {
	display: none !important;
}

body.fixstable-builder-canvas-page main,
body.fixstable-builder-hide-title main {
	margin-top: 0 !important;
}

/* Block themes commonly wrap post content in a padded group. The builder owns
 * the full canvas, so theme spacing must not inset or offset that canvas. */
body.fixstable-builder-canvas-page main > .wp-block-group:has(> .wp-block-post-content),
body.fixstable-builder-hide-title main > .wp-block-group:has(> .wp-block-post-content) {
	box-sizing: border-box !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

body.fixstable-builder-canvas-page main > .wp-block-group:has(> .wp-block-post-title):not(:has(.wp-block-post-content)),
body.fixstable-builder-hide-title main > .wp-block-group:has(> .wp-block-post-title):not(:has(.wp-block-post-content)) {
	display: none !important;
	margin-top: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !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: var(--fixstable-row-balance, repeat(var(--fixstable-row-columns, 1), minmax(0, 1fr)));
	gap: var(--fixstable-row-gap, 24px);
	align-items: start;
}

.fixstable-builder-feature-list-reference {
	display: block;
	margin: 0 0 12px;
	color: var(--fixstable-accent, currentColor);
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 0.14em;
	line-height: 1.3;
	text-transform: uppercase;
}

.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%) !important;
	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 (min-width: 901px) and (max-width: 1180px) {
	/*
	 * At the compact two-column widths the portrait moves toward the upper-left
	 * crop. Keep the indexed consultation note in the quieter desk area.
	 */
}

@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, 4cqi, 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, 3cqi, 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, 4cqi, 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.2cqi, 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 {
	height: 148px;
	min-height: 148px !important;
	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;
	}

	.fixstable-builder-row {
		--fixstable-row-balance: minmax(0, 1fr) !important;
	}
}

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

/* Generic authored dark surfaces remain readable in bright page mode. */
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-builder-section-dark-surface {
	color: var(--fixstable-section-text-color, #f4f9ff) !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-builder-section-dark-surface .fixstable-builder-heading {
	color: var(--fixstable-section-text-color, #f4f9ff) !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-builder-section-dark-surface .fixstable-builder-text,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-builder-section-dark-surface .fixstable-builder-text p {
	color: var(--fixstable-section-muted-color, #bfd0dc) !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-builder-section-dark-surface .fixstable-builder-card-node {
	color: var(--fixstable-section-text-color, #f4f9ff) !important;
	background: var(--fixstable-section-card-color, #141f2c) !important;
	border-color: var(--fixstable-section-border-color, #2a4658) !important;
	box-shadow: 0 18px 46px rgba(3, 8, 14, 0.24);
}

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-builder-section-dark-surface .fixstable-builder-card-node .fixstable-builder-heading {
	color: var(--fixstable-section-text-color, #f4f9ff) !important;
}

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-builder-section-dark-surface .fixstable-builder-card-node .fixstable-builder-text,
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-section.fixstable-builder-section-dark-surface .fixstable-builder-card-node .fixstable-builder-text p {
	color: var(--fixstable-section-muted-color, #bfd0dc) !important;
}

/* Generic authored horizontal showcases use Core track, card, and button
 * nodes while preserving a compact three-up desktop presentation. */
.fixstable-builder-horizontal-showcase {
	position: relative;
	overflow: hidden;
}

.fixstable-builder-horizontal-showcase .fixstable-builder-horizontal-showcase-title {
	margin: 0;
}

.fixstable-builder-horizontal-showcase-title p {
	display: block;
	margin: 0;
}

.fixstable-builder-horizontal-showcase-title h2 {
	margin: 0;
	color: var(--fixstable-section-text-color, #f4f9ff) !important;
	font-family: inherit;
	font-size: clamp(40px, 5vw, 58px);
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1.03;
}

.fixstable-builder-horizontal-showcase-title h2 span {
	color: inherit;
}

.fixstable-builder-horizontal-showcase-title h2 strong {
	color: #4dd7e5;
	font-family: inherit;
	font-weight: 900;
}

.fixstable-builder-horizontal-showcase .fixstable-builder-horizontal-showcase-intro {
	max-width: 720px;
	color: var(--fixstable-section-muted-color, #bfd0dc) !important;
	font-size: 18px;
	line-height: 1.6;
}

.fixstable-builder-horizontal-showcase .fixstable-builder-horizontal-showcase-intro p {
	margin: 0;
	color: inherit !important;
}

.fixstable-builder-horizontal-showcase .fixstable-builder-horizontal-showcase-cta {
	margin: 0;
	line-height: 1;
}

.fixstable-builder-horizontal-showcase .fixstable-builder-horizontal-showcase-cta a {
	display: inline-flex !important;
	align-items: center;
	gap: 7px;
	padding: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: #4dd7e5 !important;
	font-size: 14px;
	font-weight: 900;
	letter-spacing: 0.08em;
	line-height: 1.1;
	text-transform: uppercase;
}

.fixstable-builder-horizontal-showcase .fixstable-builder-horizontal-showcase-cta a::after {
	content: ">";
	font-size: 15px;
	line-height: 1;
}

/* Showcase CTAs are text links, not the filled button treatment used elsewhere. */
body.fixstable-builder-page .fixstable-builder-frontend .fixstable-builder-section.fixstable-builder-horizontal-showcase .fixstable-builder-horizontal-showcase-cta a,
.fixstable-builder-preview-shell .fixstable-builder-frontend .fixstable-builder-section.fixstable-builder-horizontal-showcase .fixstable-builder-horizontal-showcase-cta a {
	width: auto !important;
	min-height: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: #4dd7e5 !important;
	justify-content: flex-start !important;
}

.fixstable-builder-horizontal-showcase-track {
	display: flex !important;
	grid-template-columns: none !important;
	grid-template-rows: none !important;
	align-items: stretch;
	gap: clamp(22px, 3vw, 30px) !important;
	overflow-x: auto;
	overflow-y: hidden;
	overscroll-behavior-x: contain;
	scroll-behavior: smooth;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
}

.fixstable-builder-horizontal-showcase-track::-webkit-scrollbar {
	display: none;
}

.fixstable-builder-horizontal-showcase-track > .fixstable-builder-grid-item {
	flex: 0 0 calc((100% - 60px) / 3);
	min-width: 0;
	height: auto;
	min-height: 0;
	scroll-snap-align: start;
}

.fixstable-builder-horizontal-showcase-card {
	height: 100% !important;
	min-width: 0;
	overflow: hidden;
	border: 1px solid #2a4658;
	background: #141f2c !important;
	box-shadow: none !important;
}

.fixstable-builder-horizontal-showcase-card .fixstable-builder-image {
	width: 100%;
	margin: 0;
	border-radius: 0 !important;
}

.fixstable-builder-horizontal-showcase-card .fixstable-builder-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.fixstable-builder-horizontal-showcase-card .fixstable-builder-text {
	padding: 18px 18px 0;
	color: #4dd7e5 !important;
	font-size: 12px !important;
	font-weight: 900;
	letter-spacing: 0.08em;
	line-height: 1.2;
	text-transform: uppercase;
}

.fixstable-builder-horizontal-showcase-card .fixstable-builder-text p {
	margin: 0;
	color: inherit !important;
}

.fixstable-builder-horizontal-showcase-card .fixstable-builder-heading {
	margin: 0;
	padding: 10px 18px 20px;
	color: #f4f9ff !important;
	font-family: inherit;
	font-size: clamp(22px, 2vw, 27px) !important;
	font-weight: 700;
	line-height: 1.12;
}

.fixstable-builder-horizontal-showcase-controls {
	display: flex !important;
	grid-template-columns: none !important;
	width: max-content;
	gap: 8px !important;
	align-items: flex-start;
}

.fixstable-builder-horizontal-showcase-controls > .fixstable-builder-column {
	width: auto !important;
	flex: 0 0 auto;
	gap: 0;
}

.fixstable-builder-horizontal-showcase-controls > .fixstable-builder-column > p {
	margin: 0;
	line-height: 0;
}

.fixstable-builder-horizontal-showcase-controls a {
	position: relative;
	display: grid !important;
	place-items: center;
	width: 60px;
	height: 56px;
	padding: 0 !important;
	border: 0;
	border-radius: 10px !important;
	background: #2fa8ff !important;
	color: #ffffff !important;
	font-size: 0 !important;
	line-height: 1;
}

.fixstable-builder-horizontal-showcase-controls a::before {
	content: "";
	width: 13px;
	height: 13px;
	border-top: 3px solid currentColor;
	border-right: 3px solid currentColor;
	transform: rotate(-135deg);
}

.fixstable-builder-horizontal-showcase-controls .fixstable-builder-horizontal-showcase-next a::before {
	transform: rotate(45deg);
}

.fixstable-builder-horizontal-showcase-controls a:hover,
.fixstable-builder-horizontal-showcase-controls a:focus-visible {
	background: #4dd7e5 !important;
	color: #071018 !important;
}

@container fixstable-page (max-width: 900px) {
	.fixstable-builder-horizontal-showcase-track > .fixstable-builder-grid-item {
		flex-basis: calc((100% - 22px) / 2);
	}
}

@container fixstable-page (max-width: 680px) {
	.fixstable-builder-horizontal-showcase {
		padding-inline: 16px !important;
	}

	.fixstable-builder-horizontal-showcase-title h2 {
		font-size: clamp(34px, 13vw, 46px);
	}

	.fixstable-builder-horizontal-showcase-track > .fixstable-builder-grid-item {
		flex-basis: 100%;
	}

	.fixstable-builder-horizontal-showcase-controls {
		margin-inline: auto;
	}
}

.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: var(
		--fixstable-body-font,
		"Segoe UI",
		system-ui,
		-apple-system,
		BlinkMacSystemFont,
		Roboto,
		Helvetica,
		Arial,
		sans-serif
	);
}

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

/* Keep a Builder document independent from block-theme wrapper geometry. */
body.fixstable-builder-page-layout-full .has-global-padding {
	padding-inline: 0 !important;
}

body.fixstable-builder-page-layout-full .has-global-padding > .alignfull,
body.fixstable-builder-page-layout-full .entry-content.alignfull {
	width: 100% !important;
	max-width: none !important;
	margin-inline: 0 !important;
}

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

.fixstable-builder-site-header,
.fixstable-builder-site-header *,
.fixstable-builder-frontend,
.fixstable-builder-frontend *,
.fixstable-builder-site-footer,
.fixstable-builder-site-footer * {
	box-sizing: border-box;
}

.fixstable-builder-frontend img {
	max-width: 100%;
}

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

.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-frontend.is-device-mobile .fixstable-builder-preview-commercial {
	gap: 18px;
	padding: 18px 16px;
}

.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-form,
.fixstable-builder-frontend.is-device-mobile .fixstable-builder-form {
	gap: 18px;
	padding: 22px;
}

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

/* 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) * 0)), var(--fixstable-page-contained-rail, var(--fixstable-page-max-width, 1180px)));
	max-width: var(--fixstable-page-contained-rail, var(--fixstable-page-max-width, 1180px));
	margin-left: auto;
	margin-right: auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-request-section.is-dark-surface aside,
.fixstable-builder-preview-shell .fixstable-builder-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;
}

/* Button nodes render through paragraph wrappers; remove the theme's default
 * paragraph margin so action rows align to their authored container geometry. */
.fixstable-builder-frontend [data-fixstable-node-type="button"],
.fixstable-builder-preview-viewport [data-node-type="button"] {
	margin: 0;
}

/* 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, 4cqi, 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, 4cqi, 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, 3cqi, 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-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-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;
}


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

}

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


/*
 * Phase A.1: the preview stage is the page viewport, not a content rail.
 * Keep editor chrome outside this boundary and let section inners own containment.
 */
.fixstable-builder-preview-viewport.fixstable-builder-page-layout-full
	> .fixstable-builder-preview-stage.fixstable-builder-page-layout-full,
.fixstable-builder-preview-viewport.fixstable-builder-page-layout-full
	> .fixstable-builder-preview-stage.fixstable-builder-page-layout-full
	> .fixstable-builder-frontend.fixstable-builder-page-layout-full {
	box-sizing: border-box;
	width: 100%;
	min-width: 0;
	max-width: none;
	margin-inline: 0;
	padding-inline: 0;
}

.fixstable-builder-preview-viewport.fixstable-builder-page-layout-full
	> .fixstable-builder-preview-stage.fixstable-builder-page-layout-full
	> .fixstable-builder-frontend.fixstable-builder-page-layout-full
	> .fixstable-builder-node-section.fixstable-builder-section {
	box-sizing: border-box;
	width: 100%;
	min-width: 0;
	max-width: none;
	margin-inline: 0;
}

.fixstable-builder-form-field.is-checkbox {
	grid-column: 1 / -1;
}

.fixstable-builder-form-checkbox-control {
	display: grid !important;
	grid-template-columns: 22px minmax(0, 1fr);
	gap: 12px;
	align-items: start;
	font-weight: 500 !important;
	line-height: 1.55;
	text-transform: none !important;
	letter-spacing: 0 !important;
}

.fixstable-builder-form-checkbox-control input {
	width: 20px !important;
	height: 20px !important;
	margin: 2px 0 0 !important;
	accent-color: var(--fixstable-form-accent, #2fa8ff);
}

/* Inspector-authored values are the final style authority after an explicit edit.
 * Existing kit presentation remains untouched until a user changes the control. */
.fixstable-builder-preview-shell .fixstable-builder-node[style*="--fixstable-inspector-background-color"],
body.fixstable-builder-page [data-fixstable-node-id][style*="--fixstable-inspector-background-color"] {
	background-color: var(--fixstable-inspector-background-color) !important;
}

.fixstable-builder-preview-shell .fixstable-builder-node[style*="--fixstable-inspector-background-image"],
body.fixstable-builder-page [data-fixstable-node-id][style*="--fixstable-inspector-background-image"] {
	background-image: var(--fixstable-inspector-background-image) !important;
}

.fixstable-builder-preview-shell .fixstable-builder-node[style*="--fixstable-inspector-background-size"],
body.fixstable-builder-page [data-fixstable-node-id][style*="--fixstable-inspector-background-size"] {
	background-size: var(--fixstable-inspector-background-size) !important;
	background-position: var(--fixstable-inspector-background-position, center center) !important;
	background-repeat: no-repeat !important;
	background-blend-mode: var(--fixstable-inspector-background-blend-mode, normal) !important;
}

.fixstable-builder-preview-shell .fixstable-builder-button[style*="--fixstable-inspector-button-background"],
body.fixstable-builder-page .fixstable-builder-button[style*="--fixstable-inspector-button-background"] {
	background: var(--fixstable-inspector-button-background) !important;
	border-color: var(--fixstable-inspector-button-background) !important;
}

.fixstable-builder-preview-shell .fixstable-builder-button[style*="--fixstable-inspector-button-color"],
body.fixstable-builder-page .fixstable-builder-button[style*="--fixstable-inspector-button-color"] {
	color: var(--fixstable-inspector-button-color) !important;
}

.fixstable-builder-preview-shell .fixstable-builder-heading[style*="--fixstable-inspector-text-color"],
.fixstable-builder-preview-shell .fixstable-builder-heading[style*="--fixstable-inspector-text-color"] > .fixstable-builder-preview-heading,
.fixstable-builder-preview-shell .fixstable-builder-text[style*="--fixstable-inspector-text-color"],
.fixstable-builder-preview-shell .fixstable-builder-text[style*="--fixstable-inspector-text-color"] > .fixstable-builder-preview-text,
.fixstable-builder-preview-shell .fixstable-builder-text[style*="--fixstable-inspector-text-color"] > .fixstable-builder-preview-text p,
.fixstable-builder-preview-shell .fixstable-builder-text[style*="--fixstable-inspector-text-color"] p,
body.fixstable-builder-page .fixstable-builder-heading[style*="--fixstable-inspector-text-color"],
body.fixstable-builder-page .fixstable-builder-text[style*="--fixstable-inspector-text-color"],
body.fixstable-builder-page .fixstable-builder-text[style*="--fixstable-inspector-text-color"] p {
	color: var(--fixstable-inspector-text-color) !important;
}

.fixstable-builder-preview-shell .fixstable-builder-heading[style*="--fixstable-inspector-font-size"],
.fixstable-builder-preview-shell .fixstable-builder-heading[style*="--fixstable-inspector-font-size"] > .fixstable-builder-preview-heading,
.fixstable-builder-preview-shell .fixstable-builder-text[style*="--fixstable-inspector-font-size"],
.fixstable-builder-preview-shell .fixstable-builder-text[style*="--fixstable-inspector-font-size"] > .fixstable-builder-preview-text,
.fixstable-builder-preview-shell .fixstable-builder-text[style*="--fixstable-inspector-font-size"] > .fixstable-builder-preview-text p,
.fixstable-builder-preview-shell .fixstable-builder-text[style*="--fixstable-inspector-font-size"] p,
body.fixstable-builder-page .fixstable-builder-heading[style*="--fixstable-inspector-font-size"],
body.fixstable-builder-page .fixstable-builder-text[style*="--fixstable-inspector-font-size"],
body.fixstable-builder-page .fixstable-builder-text[style*="--fixstable-inspector-font-size"] p {
	font-size: var(--fixstable-inspector-font-size) !important;
}

.fixstable-builder-preview-shell .fixstable-builder-site-header[style*="--fixstable-inspector-text-color"],
.fixstable-builder-preview-shell .fixstable-builder-site-header[style*="--fixstable-inspector-text-color"] .fixstable-builder-site-brand,
.fixstable-builder-preview-shell .fixstable-builder-site-header[style*="--fixstable-inspector-text-color"] nav a,
.fixstable-builder-preview-shell .fixstable-builder-site-footer[style*="--fixstable-inspector-text-color"],
.fixstable-builder-preview-shell .fixstable-builder-site-footer[style*="--fixstable-inspector-text-color"] :is(strong, h3, p, li),
body.fixstable-builder-page .fixstable-builder-site-header[style*="--fixstable-inspector-text-color"],
body.fixstable-builder-page .fixstable-builder-site-header[style*="--fixstable-inspector-text-color"] .fixstable-builder-site-brand,
body.fixstable-builder-page .fixstable-builder-site-header[style*="--fixstable-inspector-text-color"] nav a,
body.fixstable-builder-page .fixstable-builder-site-footer[style*="--fixstable-inspector-text-color"],
body.fixstable-builder-page .fixstable-builder-site-footer[style*="--fixstable-inspector-text-color"] :is(strong, h3, p, li) {
	color: var(--fixstable-inspector-text-color) !important;
}

.fixstable-builder-preview-shell :is(.fixstable-builder-site-header, .fixstable-builder-site-footer)[style*="--fixstable-inspector-accent-color"],
body.fixstable-builder-page :is(.fixstable-builder-site-header, .fixstable-builder-site-footer)[style*="--fixstable-inspector-accent-color"] {
	--fixstable-accent: var(--fixstable-inspector-accent-color) !important;
	--fixstable-page-primary: var(--fixstable-inspector-accent-color) !important;
}

.fixstable-builder-preview-shell .fixstable-builder-card-node[style*="--fixstable-inspector-border-color"],
body.fixstable-builder-page .fixstable-builder-card-node[style*="--fixstable-inspector-border-color"] {
	border-color: var(--fixstable-inspector-border-color) !important;
}

/* Generic Inspector surface values apply to every schema surface in both
 * Builder preview and frontend output. System styles remain the defaults. */
.fixstable-builder-preview-shell .fixstable-builder-node[style*="--fixstable-inspector-text-color"],
body.fixstable-builder-page [data-fixstable-node-id][style*="--fixstable-inspector-text-color"] {
	color: var(--fixstable-inspector-text-color) !important;
}

.fixstable-builder-preview-shell .fixstable-builder-node[style*="--fixstable-inspector-text-color"] :is(h1, h2, h3, h4, h5, h6, p, li, summary, label, dt, dd, figcaption, a, span):not(.fixstable-builder-button):not(.fixstable-builder-action-link):not(.fixstable-builder-form-submit),
body.fixstable-builder-page [data-fixstable-node-id][style*="--fixstable-inspector-text-color"] :is(h1, h2, h3, h4, h5, h6, p, li, summary, label, dt, dd, figcaption, a, span):not(.fixstable-builder-button):not(.fixstable-builder-action-link):not(.fixstable-builder-form-submit) {
	color: inherit !important;
}

.fixstable-builder-preview-shell .fixstable-builder-node[style*="--fixstable-inspector-border-color"],
body.fixstable-builder-page [data-fixstable-node-id][style*="--fixstable-inspector-border-color"] {
	border-color: var(--fixstable-inspector-border-color) !important;
	border-style: solid !important;
	border-width: 1px !important;
}

.fixstable-builder-preview-shell .fixstable-builder-node[style*="--fixstable-inspector-border-radius"],
body.fixstable-builder-page [data-fixstable-node-id][style*="--fixstable-inspector-border-radius"] {
	border-radius: var(--fixstable-inspector-border-radius) !important;
}

.fixstable-builder-preview-shell .fixstable-builder-node[style*="--fixstable-inspector-padding"],
body.fixstable-builder-page [data-fixstable-node-id][style*="--fixstable-inspector-padding"] {
	padding: var(--fixstable-inspector-padding) !important;
}

.fixstable-builder-preview-shell .fixstable-builder-preview-divider[style*="--fixstable-inspector-divider-color"],
body.fixstable-builder-page .fixstable-builder-divider[style*="--fixstable-inspector-divider-color"] {
	border-top-color: var(--fixstable-inspector-divider-color) !important;
}

/* Device-mode aliases for ordinary schema nodes. A Builder frame is narrower
 * than the browser window, so viewport media queries cannot fire on their own. */
.fixstable-builder-preview-viewport.is-device-tablet .fixstable-builder-row,
.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-row {
	--fixstable-row-balance: minmax(0, 1fr) !important;
	grid-template-columns: 1fr;
}

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

.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-frontend.is-device-mobile {
	padding-top: var(--fixstable-mobile-canvas-padding, var(--fixstable-canvas-padding, 16px)) !important;
	padding-right: calc(var(--fixstable-mobile-canvas-padding, var(--fixstable-canvas-padding, 16px)) + var(--fixstable-page-outer-padding, 0px)) !important;
	padding-bottom: var(--fixstable-mobile-canvas-padding, var(--fixstable-canvas-padding, 16px)) !important;
	padding-left: calc(var(--fixstable-mobile-canvas-padding, var(--fixstable-canvas-padding, 16px)) + var(--fixstable-page-outer-padding, 0px)) !important;
}

.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-site-header.is-preview .fixstable-builder-site-header-inner,
.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-site-footer.is-preview .fixstable-builder-site-footer-inner {
	box-sizing: border-box;
	width: min(calc(100% - 32px), 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-viewport.is-device-mobile .fixstable-builder-site-header.is-preview .fixstable-builder-site-header-inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	padding-inline: 0;
}

.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-site-header.is-preview nav {
	gap: 12px;
}

.fixstable-builder-preview-viewport.is-device-desktop .fixstable-builder-site-header-inner,
.fixstable-builder-preview-viewport.is-device-tablet .fixstable-builder-site-header-inner {
	gap: clamp(10px, calc(2cqi + (var(--fixstable-canvas-padding, 24px) * 0.04)), 22px);
}

.fixstable-builder-preview-viewport.is-device-desktop .fixstable-builder-site-header nav,
.fixstable-builder-preview-viewport.is-device-tablet .fixstable-builder-site-header nav {
	gap: clamp(12px, calc(2cqi + (var(--fixstable-canvas-padding, 24px) * 0.04)), 24px);
}

.fixstable-builder-preview-viewport.is-device-desktop .fixstable-builder-site-header-split-cta .fixstable-builder-site-header-inner {
	column-gap: clamp(16px, calc(3% + (var(--fixstable-canvas-padding, 24px) * 0.06)), 36px);
}

.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-frontend :is(.fixstable-builder-action-link, .fixstable-builder-button),
.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-site-header-cta {
	width: 100%;
	justify-content: center;
}

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

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

.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-site-header.has-mobile-nav.is-mobile-preview .fixstable-builder-site-header-cta {
	order: 5;
	flex: 0 1 auto;
	max-width: none;
	white-space: nowrap;
}

.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-site-footer-columns {
	gap: 20px;
}

/* Preview/frontend parity: component sizing follows the rendered page canvas,
 * not the surrounding wp-admin browser viewport. */
.fixstable-builder-request-section h2,
.fixstable-builder-pricing-block h2 {
	font-size: clamp(28px, 4cqi, 42px);
}

.fixstable-builder-preview-viewport.is-device-tablet .fixstable-builder-site-footer,
.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-site-footer {
	padding-top: clamp(36px, calc(var(--fixstable-preview-width, 100vw) * 0.04), 48px);
	padding-bottom: clamp(28px, calc(var(--fixstable-preview-width, 100vw) * 0.03), 36px);
}

.fixstable-builder-preview-viewport.is-device-tablet .fixstable-builder-site-footer-inner,
.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-site-footer-inner {
	gap: clamp(18px, calc(var(--fixstable-preview-width, 100vw) * 0.03), 28px);
	padding-top: clamp(48px, calc(var(--fixstable-preview-width, 100vw) * 0.06), 68px);
	padding-bottom: 36px;
}

.fixstable-builder-preview-viewport.is-device-tablet .fixstable-builder-site-footer-brand strong,
.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-site-footer-brand strong {
	font-size: clamp(26px, calc(var(--fixstable-preview-width, 100vw) * 0.04), 42px);
}

.fixstable-builder-preview-stage .fixstable-builder-request-section.fixstable-builder-commercial h2,
.fixstable-builder-preview-stage .fixstable-builder-pricing-block.fixstable-builder-commercial h2 {
	font-size: clamp(28px, 4cqi, 42px);
}

.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-feature-list.fixstable-builder-commercial {
	padding: 22px;
}

.fixstable-builder-site-footer .fixstable-builder-site-footer-copy {
	margin: 4px 0 0;
}

/* In the desktop editor, match viewport-based footer spacing to the canvas
 * viewport instead of the surrounding wp-admin window. */
.fixstable-builder-preview-viewport.is-device-desktop .fixstable-builder-site-footer {
	padding-top: clamp(36px, calc(4% + (var(--fixstable-canvas-padding, 24px) * 0.08)), 48px);
	padding-bottom: clamp(28px, calc(3% + (var(--fixstable-canvas-padding, 24px) * 0.06)), 36px);
}

.fixstable-builder-preview-viewport.is-device-desktop .fixstable-builder-site-footer-inner {
	padding-top: clamp(48px, calc(6% + (var(--fixstable-canvas-padding, 24px) * 0.12)), 68px);
}

@media (max-width: 680px) {
	.fixstable-builder-frontend {
		overflow-x: clip;
	}

	.fixstable-builder-row:has(> .fixstable-builder-column:first-child > :is([data-fixstable-node-type="button"], [data-node-type="button"])):has(> .fixstable-builder-column:nth-child(2) > :is([data-fixstable-node-type="button"], [data-node-type="button"])) {
		min-width: 0;
		max-width: 100%;
		box-sizing: border-box;
		width: 100% !important;
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 12px !important;
		align-items: stretch;
	}
}

.fixstable-builder-preview-viewport.is-device-tablet .fixstable-builder-row:has(> .fixstable-builder-column:first-child > :is([data-fixstable-node-type="button"], [data-node-type="button"])):has(> .fixstable-builder-column:nth-child(2) > :is([data-fixstable-node-type="button"], [data-node-type="button"])) {
		width: 100%;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 12px !important;
		align-items: stretch;
}

.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-frontend {
	overflow-x: clip;
}

.fixstable-builder-preview-viewport.is-device-mobile .fixstable-builder-row:has(> .fixstable-builder-column:first-child > :is([data-fixstable-node-type="button"], [data-node-type="button"])):has(> .fixstable-builder-column:nth-child(2) > :is([data-fixstable-node-type="button"], [data-node-type="button"])) {
	min-width: 0;
	max-width: 100%;
	box-sizing: border-box;
	width: 100% !important;
	grid-template-columns: minmax(0, 1fr) !important;
	gap: 12px !important;
	align-items: stretch;
}

@media (max-width: 949px) {
	.fixstable-builder-row:has(> .fixstable-builder-column:first-child > :is([data-fixstable-node-type="button"], [data-node-type="button"])):has(> .fixstable-builder-column:nth-child(2) > :is([data-fixstable-node-type="button"], [data-node-type="button"])) > .fixstable-builder-column {
		min-width: 0;
		gap: 0;
	}

	.fixstable-builder-row:has(> .fixstable-builder-column:first-child > :is([data-fixstable-node-type="button"], [data-node-type="button"])):has(> .fixstable-builder-column:nth-child(2) > :is([data-fixstable-node-type="button"], [data-node-type="button"])) > .fixstable-builder-column > :is([data-fixstable-node-type="button"], [data-node-type="button"]) {
		display: flex;
		width: 100%;
		margin: 0 !important;
	}

	.fixstable-builder-row:has(> .fixstable-builder-column:first-child > :is([data-fixstable-node-type="button"], [data-node-type="button"])):has(> .fixstable-builder-column:nth-child(2) > :is([data-fixstable-node-type="button"], [data-node-type="button"])) > .fixstable-builder-column > :is([data-fixstable-node-type="button"], [data-node-type="button"]) > .fixstable-builder-button {
		display: block;
		width: 100%;
		box-sizing: border-box;
		text-align: center;
	}
}
.fixstable-builder-canvas-frame.is-fit-preview > .fixstable-builder-preview-viewport > .fixstable-builder-preview-stage {
	width: var(--fixstable-preview-stage-width, 100%) !important;
	max-width: none !important;
	margin-inline: auto;
}

/* Keep the shared site header aligned with the page's authored spacing. */
.fixstable-builder-site-header-inner {
	padding-top: var(--fixstable-header-padding, 16px);
	padding-right: 16px;
	padding-bottom: var(--fixstable-header-padding, 16px);
	padding-left: 16px;
}

@media (max-width: 768px) {
	.fixstable-builder-site-header-inner {
		padding: 14px 16px;
	}
}

/* Reusable compact action row for buttons that should stay grouped. */
.fixstable-builder-row.is-inline-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--fixstable-row-gap, 24px);
}

.fixstable-builder-row.is-inline-actions > .fixstable-builder-column {
	flex: 0 0 auto;
}

.fixstable-builder-column.is-inset-copy {
	padding-inline: 36px !important;
}

/* Keep the Northstar hero's section edge aligned with the tested composition;
 * its authored copy column still owns the inner text padding. */
.fixstable-builder-section.is-northstar-hero-aligned {
	padding: 30px 0 !important;
}

/* Keep the Northstar hero media and its caption as one rounded surface. The
 * image keeps its authored height while the figure remains free to grow for
 * caption padding, so the last line cannot be clipped at the figure edge. */
.fixstable-builder-section.is-northstar-hero-aligned .fixstable-builder-image {
	height: auto;
	min-height: 0;
	align-self: center;
	overflow: hidden;
	border-radius: 16px !important;
	background: #ffffff;
}

.fixstable-builder-section.is-northstar-hero-aligned .fixstable-builder-image img {
	border-radius: 16px 16px 0 0;
}

.fixstable-builder-section.is-northstar-hero-aligned .fixstable-builder-image figcaption {
	min-height: 39px;
	padding: 8px 18px 10px;
	box-sizing: border-box;
}

/* Give the Northstar proof metrics a clear center of gravity: the value and
 * label share the card's vertical center, while the larger value remains
 * legible at narrow responsive widths. */
[data-fixstable-node-id="northstar-stats"] [data-fixstable-node-type="card"] {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 220px;
	box-sizing: border-box;
	text-align: center !important;
}

[data-fixstable-node-id="northstar-stats"] [data-fixstable-node-type="card"] > .fixstable-builder-heading {
	width: 100%;
	margin: 0 0 2px;
	text-align: center !important;
	font-size: clamp(48px, 5vw, 64px) !important;
	line-height: 1.08;
}

[data-fixstable-node-id="northstar-stats"] [data-fixstable-node-type="card"] > .fixstable-builder-text {
	width: 100%;
	gap: 0;
	text-align: center !important;
	justify-items: center;
}

[data-fixstable-node-id="northstar-stats"] [data-fixstable-node-type="card"] > .fixstable-builder-text p {
	margin: 0;
	text-align: center;
}

/* Turn the brief introduction into a complete companion panel for the form:
 * authored copy stays centered within the row, with enough inset and rhythm
 * to avoid the stretched, edge-hugging treatment of the original layout. */
[data-fixstable-node-id="northstar-brief-copy"] {
	position: relative;
	align-content: center;
	gap: 24px;
	padding: clamp(36px, 4vw, 64px) !important;
	border: 1px solid rgba(39, 91, 116, 0.14);
	border-radius: 18px;
	background: linear-gradient(145deg, #e8f1f5, #deedf3) !important;
	overflow: hidden;
}

[data-fixstable-node-id="northstar-brief-copy"]::before {
	content: "";
	width: 52px;
	height: 4px;
	border-radius: 999px;
	background: #2fa8ff;
}

[data-fixstable-node-id="northstar-brief-copy"] > .fixstable-builder-heading {
	max-width: 12ch;
	margin: 0;
	font-size: clamp(40px, 4.6vw, 58px);
	line-height: 1.06;
}

[data-fixstable-node-id="northstar-brief-copy"] > .fixstable-builder-text {
	max-width: 44ch;
	gap: 16px;
}

[data-fixstable-node-id="northstar-brief-copy"] > .fixstable-builder-text p {
	margin: 0;
}

[data-fixstable-node-id="northstar-brief-copy"] > .fixstable-builder-text p:last-child {
	padding-top: 16px;
	border-top: 1px solid rgba(39, 91, 116, 0.18);
	font-size: 16px;
}

/* Keep the final CTA's eyebrow, headline, copy, and action visibly distinct
 * when the request-section renderer returns them in one content wrapper. */
.fixstable-builder-request-section > div:first-child {
	display: grid;
	align-content: center;
	gap: 14px;
}

.fixstable-builder-request-section > div:first-child > .fixstable-builder-commercial-actions {
	margin-top: 2px;
}

@media (max-width: 900px) {
	.fixstable-builder-row.is-inline-actions > .fixstable-builder-column {
		flex: 1 1 100%;
	}

	.fixstable-builder-column.is-inset-copy {
		padding-inline: 24px !important;
	}
}

/* Keep carousel controls filled and centered at tablet/mobile widths. The
 * generic responsive button rule also matches this two-column control row,
 * so this later selector restores the showcase's fixed hit area. */
.fixstable-builder-horizontal-showcase-controls {
	width: max-content !important;
	max-width: 100%;
	grid-template-columns: none !important;
	gap: 8px !important;
	flex: 0 0 auto;
}

.fixstable-builder-horizontal-showcase-controls > .fixstable-builder-column {
	width: auto !important;
	min-width: 60px;
	flex: 0 0 auto !important;
}

.fixstable-builder-horizontal-showcase-controls > .fixstable-builder-column > [data-fixstable-node-type="button"] {
	display: block !important;
	width: auto !important;
	margin: 0 !important;
}

.fixstable-builder-horizontal-showcase-controls a {
	display: grid !important;
	place-items: center;
	width: 60px !important;
	min-width: 60px !important;
	max-width: 60px !important;
	height: 56px !important;
	min-height: 56px !important;
	max-height: 56px !important;
	flex: 0 0 60px !important;
	padding: 0 !important;
}

.fixstable-builder-horizontal-showcase-controls:has(> .fixstable-builder-column:first-child > [data-fixstable-node-type="button"]):has(> .fixstable-builder-column:nth-child(2) > [data-fixstable-node-type="button"]) {
	width: max-content !important;
	grid-template-columns: none !important;
	gap: 8px !important;
	justify-content: center !important;
}

@container fixstable-page (max-width: 949px) {
	.fixstable-builder-horizontal-showcase-controls {
		margin-inline: auto;
	}
}

/* Center the visible chevron independently of the hidden text node. Without
 * an absolutely positioned glyph, the text and pseudo-element can form two
 * grid items and shift the arrow toward the top of the control. */
.fixstable-builder-horizontal-showcase-controls a::before {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: 0;
	transform: translate(-50%, -50%) rotate(-135deg);
}

.fixstable-builder-horizontal-showcase-controls .fixstable-builder-horizontal-showcase-next a::before {
	transform: translate(-50%, -50%) rotate(45deg);
}

/* Inset captions beneath rounded Northstar media so their first and last
 * characters clear the curved edge of the clipped image surface. */
.fixstable-builder-frontend #work .fixstable-builder-image figcaption {
	padding-inline: 18px !important;
	box-sizing: border-box;
}

/* Keep the carousel label aligned with the heading text. The shared card
 * reset removes label padding, while the heading retains its 18px inset. */
.fixstable-builder-frontend.fixstable-builder-color-mode-bright .fixstable-builder-horizontal-showcase-card .fixstable-builder-text,
.fixstable-builder-frontend.fixstable-builder-color-mode-dark .fixstable-builder-horizontal-showcase-card .fixstable-builder-text {
	padding-inline: 18px !important;
}

/* /freedemo Northstar Sprint composition. These selectors are attached only
 * to the saved Sprint section so neighboring sections retain their baseline. */
.fixstable-builder-frontend .is-northstar-sprint-row {
	align-items: stretch;
	gap: clamp(28px, 3vw, 40px) !important;
}

.fixstable-builder-frontend .is-northstar-sprint-copy {
	grid-auto-rows: max-content;
	align-content: center;
	gap: 14px !important;
	padding: clamp(32px, 3vw, 40px) !important;
}

.fixstable-builder-frontend .is-northstar-sprint-copy > * {
	min-height: 0;
}

.fixstable-builder-frontend [data-fixstable-node-id="northstar-pricing-eyebrow"] {
	font-weight: 800;
	line-height: 1.3;
	letter-spacing: 0;
}

.fixstable-builder-frontend [data-fixstable-node-id="northstar-pricing-heading"] {
	max-width: 13ch;
	font-size: clamp(36px, 4cqi, 48px) !important;
	line-height: 1.08;
	letter-spacing: 0;
}

.fixstable-builder-frontend [data-fixstable-node-id="northstar-pricing-description"] {
	max-width: 52ch;
	line-height: 1.65;
}

.fixstable-builder-frontend .is-northstar-sprint-point {
	position: relative;
	padding-left: 22px !important;
	font-weight: 700;
	line-height: 1.45;
}

.fixstable-builder-frontend .is-northstar-sprint-point::before {
	content: "";
	position: absolute;
	top: 0.72em;
	left: 0;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #2fa8ff;
	transform: translateY(-50%);
}

.fixstable-builder-frontend .is-northstar-sprint-offer {
	min-height: 100%;
	align-content: center;
	gap: 0 !important;
	padding: clamp(32px, 3vw, 40px) !important;
}

.fixstable-builder-frontend [data-fixstable-node-id="northstar-pricing-card-plan"] {
	margin: 0 0 16px !important;
	letter-spacing: 0;
}

.fixstable-builder-frontend [data-fixstable-node-id="northstar-pricing-card-price"] {
	margin: 0 !important;
	line-height: 0.98;
	letter-spacing: 0;
}

.fixstable-builder-frontend [data-fixstable-node-id="northstar-pricing-card-term"] {
	margin-top: 8px;
	font-weight: 700;
}

.fixstable-builder-frontend [data-fixstable-node-id="northstar-pricing-card-features"] {
	margin-top: 24px;
	line-height: 1.65;
}

.fixstable-builder-frontend [data-fixstable-node-id="northstar-pricing-card-button"] {
	margin: 24px 0 0 !important;
}

@container fixstable-page (max-width: 900px) {
	.fixstable-builder-frontend .is-northstar-sprint-row {
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 24px !important;
	}

	.fixstable-builder-frontend .is-northstar-sprint-copy,
	.fixstable-builder-frontend .is-northstar-sprint-offer {
		min-height: 0;
		padding: 32px !important;
	}

	.fixstable-builder-frontend .is-northstar-sprint-copy {
		align-content: start;
	}
}

@container fixstable-page (max-width: 560px) {
	.fixstable-builder-frontend .is-northstar-sprint-copy,
	.fixstable-builder-frontend .is-northstar-sprint-offer {
		padding: 26px 22px !important;
	}
}

/* Center the authored heading-and-copy group inside the three fixed-height
 * Northstar feature cards while preserving their left-aligned typography. */
.fixstable-builder-frontend [data-fixstable-node-id="northstar-feature-cards"] [data-fixstable-node-type="card"] {
	align-content: center;
}