/**
 * Premium scene system v2.
 *
 * Section-aware UI surfaces for gix/gi scenes.
 */

:where(.lp-page .gix-ui[data-ui-v2], .lp-page .gi-ui-scene[data-ui-v2]) {
	--ui-panel-bg: color-mix(in srgb, #ffffff 92%, #eef1fb);
	--ui-panel-bg-2: color-mix(in srgb, #ffffff 88%, #f3f5fb);
	--ui-panel-border: color-mix(in srgb, var(--accent, #5423e7) 22%, #d3dbf2);
	--ui-panel-text: color-mix(in srgb, var(--text, #0c0c20) 94%, #2c3146);
	--ui-panel-muted: color-mix(in srgb, var(--muted, #767676) 84%, #525a79);
	--ui-panel-accent: color-mix(in srgb, var(--accent, #5423e7) 94%, #6f5cff);
	--ui-panel-accent-2: color-mix(in srgb, var(--accent-2, #7eedff) 90%, #9be5ff);
	--ui-panel-success: color-mix(in srgb, var(--success, #3da108) 90%, #56c41a);
	--ui-panel-warning: color-mix(in srgb, var(--warning, #d78942) 92%, #ebb16b);
	--ui-panel-glow: color-mix(in srgb, var(--ui-panel-accent) 18%, transparent);
	--ui-panel-shadow: 0 24px 52px rgba(9, 11, 30, 0.15);
	--ui-panel-radius: clamp(16px, 1.6vw, 24px);
	--ui-panel-gridline: color-mix(in srgb, var(--ui-panel-text) 11%, transparent);
	--ui-panel-chip-bg: color-mix(in srgb, #ffffff 82%, var(--ui-panel-accent) 18%);
	--ui-panel-chip-text: color-mix(in srgb, var(--ui-panel-text) 76%, var(--ui-panel-accent) 24%);
	--ui-scene-max: clamp(19rem, 36vw, 34rem);
	--ui-scene-pad: clamp(0.9rem, 1.8vw, 1.45rem);
	--ui-scene-gap: clamp(0.65rem, 1.3vw, 0.96rem);
	--ui-inset-row-inline: clamp(0.82rem, 1.2vw, 1.08rem);
	--ui-inset-row-block: clamp(0.62rem, 0.9vw, 0.8rem);
	--ui-inset-panel-inline: clamp(0.78rem, 1.1vw, 1.02rem);
	--ui-inset-panel-block: clamp(0.66rem, 0.92vw, 0.84rem);
	--ui-row-min-h: clamp(2.7rem, 3.9vw, 3.25rem);
	--ui-shift-x: 0;
	--ui-shift-y: 0;
	position: relative;
	display: grid;
	gap: var(--ui-scene-gap);
	inline-size: min(100%, var(--ui-scene-max));
	max-inline-size: 100%;
	min-inline-size: 0;
	padding: var(--ui-scene-pad);
	border: 1px solid var(--ui-panel-border);
	border-radius: var(--ui-panel-radius);
	background:
		radial-gradient(circle at 12% 10%, var(--ui-panel-glow), transparent 42%),
		radial-gradient(circle at 88% 14%, color-mix(in srgb, var(--ui-panel-accent-2) 14%, transparent), transparent 40%),
		linear-gradient(170deg, var(--ui-panel-bg) 0%, var(--ui-panel-bg-2) 100%);
	box-shadow: 0 24px 50px rgba(9, 11, 30, 0.16), var(--ui-panel-shadow);
	color: var(--ui-panel-text);
	overflow: hidden;
	isolation: isolate;
}

:where(.lp-page .gix-ui[data-ui-v2], .lp-page .gi-ui-scene[data-ui-v2])::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(var(--ui-panel-gridline) 1px, transparent 1px) 0 0 / 100% 34px,
		linear-gradient(90deg, var(--ui-panel-gridline) 1px, transparent 1px) 0 0 / 36px 100%;
	opacity: 0.28;
	pointer-events: none;
}

:where(.lp-page .gix-ui[data-ui-v2], .lp-page .gi-ui-scene[data-ui-v2])[data-ui-role="hero"]::before {
	opacity: 0.14;
}

:where(.lp-page .gix-ui[data-ui-v2], .lp-page .gi-ui-scene[data-ui-v2])[data-ui-size="ui-size-sm"]::before {
	opacity: 0.1;
}

:where(.lp-page .gix-ui[data-ui-v2], .lp-page .gi-ui-scene[data-ui-v2])::after {
	content: "";
	position: absolute;
	inset: -18% -12%;
	background: radial-gradient(circle at 50% 24%, var(--ui-panel-glow), transparent 62%);
	opacity: 0.82;
	transform: translate3d(calc(var(--ui-shift-x) * 1px), calc(var(--ui-shift-y) * 1px), 0);
	transition: transform 0.4s ease;
	pointer-events: none;
}

:where(.lp-page .gix-ui[data-ui-v2], .lp-page .gi-ui-scene[data-ui-v2]) * {
	min-inline-size: 0;
}

:where(.lp-page .gix-ui[data-ui-v2], .lp-page .gi-ui-scene[data-ui-v2]) :where(
	.gix-head,
	.gi-ui-scene__header
) {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.6rem;
	flex-wrap: wrap;
}

:where(.lp-page .gix-ui[data-ui-v2], .lp-page .gi-ui-scene[data-ui-v2]) :where(
	.gix-head__title,
	.gi-ui-scene__title
) {
	color: var(--ui-panel-text);
	font-weight: 700;
	letter-spacing: -0.014em;
}

:where(.lp-page .gix-ui[data-ui-v2], .lp-page .gi-ui-scene[data-ui-v2]) :where(
	.gix-head__meta,
	.gix-subtle,
	.gix-mini,
	.gix-mono,
	.gi-ui-scene__header > span:last-child
) {
	color: var(--ui-panel-muted);
}

:where(.lp-page .gix-ui[data-ui-v2], .lp-page .gi-ui-scene[data-ui-v2]) :where(
	.gix-badge,
	.gix-pill
) {
	border: 1px solid color-mix(in srgb, var(--ui-panel-accent) 28%, transparent);
	background: var(--ui-panel-chip-bg);
	color: var(--ui-panel-chip-text);
}

:where(.lp-page .gix-ui[data-ui-v2], .lp-page .gi-ui-scene[data-ui-v2]) :where(
	.gix-surface,
	.gix-kpi,
	.gi-ui-scene__card,
	[class$="__card"],
	[class*="__card "],
	[class$="__module"],
	[class*="__module "],
	[class$="__node"],
	[class*="__node "],
	[class$="__pane"],
	[class*="__pane "],
	[class$="__tile"],
	[class*="__tile "],
	[class$="__item"],
	[class*="__item "]
) {
	border: 1px solid color-mix(in srgb, var(--ui-panel-border) 76%, transparent);
	border-radius: clamp(10px, 1vw, 14px);
	background: linear-gradient(
		180deg,
		color-mix(in srgb, var(--ui-panel-bg) 86%, #ffffff),
		color-mix(in srgb, var(--ui-panel-bg-2) 88%, #f7f8fd)
	);
	box-shadow: 0 10px 24px rgba(14, 17, 42, 0.12);
}

:where(.lp-page .gix-ui[data-ui-v2], .lp-page .gi-ui-scene[data-ui-v2]) :where(
	.gix-surface,
	.gix-kpi,
	[class$="__card"],
	[class*="__card "],
	[class$="__module"],
	[class*="__module "],
	[class$="__pane"],
	[class*="__pane "],
	[class$="__tile"],
	[class*="__tile "]
) {
	padding: var(--ui-inset-panel-block) var(--ui-inset-panel-inline);
}

:where(.lp-page .gix-ui[data-ui-v2], .lp-page .gi-ui-scene[data-ui-v2]) :where(
	[class$="__node"],
	[class*="__node "],
	[class$="__item"],
	[class*="__item "]
) {
	border-color: color-mix(in srgb, var(--ui-panel-border) 62%, transparent);
	box-shadow: 0 8px 18px rgba(12, 16, 38, 0.1);
	padding: var(--ui-inset-row-block) var(--ui-inset-row-inline);
	min-block-size: var(--ui-row-min-h);
}

:where(.lp-page .gix-ui[data-ui-v2], .lp-page .gi-ui-scene[data-ui-v2]) :where(
	[class$="__row"],
	[class*="__row "],
	[class$="__track"],
	[class*="__track "],
	[class$="__lane"],
	[class*="__lane "]
) {
	padding: var(--ui-inset-row-block) var(--ui-inset-row-inline);
	min-block-size: var(--ui-row-min-h);
}

:where(.lp-page .gix-ui[data-ui-v2], .lp-page .gi-ui-scene[data-ui-v2]) :where(
	[class$="__label"],
	[class*="__label "],
	[class$="__status"],
	[class*="__status "],
	[class$="__title"],
	[class*="__title "]
) {
	line-height: 1.34;
}

:where(.lp-page .gix-ui[data-ui-v2], .lp-page .gi-ui-scene[data-ui-v2]) :where(
	.gix-line,
	.gi-ui-scene__line
) {
	background: color-mix(in srgb, var(--ui-panel-gridline) 88%, rgba(149, 156, 190, 0.18));
}

:where(.lp-page .gix-ui[data-ui-v2], .lp-page .gi-ui-scene[data-ui-v2]) :where(
	.gix-line > span,
	.gi-ui-scene__line > span
) {
	background: linear-gradient(90deg, var(--ui-panel-accent-2), var(--ui-panel-accent));
	transform-origin: left center;
	transform: scaleX(0.86);
	transition: transform 0.7s cubic-bezier(0.19, 0.8, 0.2, 1);
}

:where(.lp-page .gix-ui[data-ui-v2], .lp-page .gi-ui-scene[data-ui-v2]).is-ui-in :where(
	.gix-line > span,
	.gi-ui-scene__line > span
) {
	transform: scaleX(1);
}

:where(.lp-page .gix-ui[data-ui-v2], .lp-page .gi-ui-scene[data-ui-v2]) :where(
	[class*="__grid"],
	[class*="__layout"],
	[class*="__flow"],
	[class*="__matrix"],
	.gix-kpis
) {
	inline-size: 100%;
	max-inline-size: 100%;
}

section :where(.gix-ui[data-ui-v2], .gi-ui-scene[data-ui-v2]) {
	justify-self: stretch;
}

:where(.lp-page .gix-ui[data-ui-v2], .lp-page .gi-ui-scene[data-ui-v2])[data-ui-role="hero"] {
	--ui-scene-max: clamp(21rem, 47vw, 40rem);
	--ui-scene-pad: clamp(0.9rem, 1.6vw, 1.22rem);
	justify-self: end;
	align-self: center;
	z-index: 2;
}

:where(.lp-page .gix-ui[data-ui-v2], .lp-page .gi-ui-scene[data-ui-v2])[data-ui-role="support"] {
	--ui-scene-max: clamp(18rem, 34vw, 30rem);
}

:where(.lp-page .gix-ui[data-ui-v2], .lp-page .gi-ui-scene[data-ui-v2])[data-ui-role="mini"] {
	--ui-scene-max: clamp(13.8rem, 24vw, 19.6rem);
	--ui-scene-pad: clamp(0.66rem, 1.04vw, 0.88rem);
	--ui-scene-gap: clamp(0.46rem, 0.8vw, 0.64rem);
}

/* Tonal variants */

:where(.lp-page .gix-ui[data-ui-v2], .lp-page .gi-ui-scene[data-ui-v2])[data-ui-tone="ui-tone-light"] {
	--ui-panel-bg: color-mix(in srgb, #ffffff 92%, #eef2fb);
	--ui-panel-bg-2: color-mix(in srgb, #ffffff 88%, #f3f5fc);
	--ui-panel-border: color-mix(in srgb, var(--accent, #5423e7) 16%, #d4dbef);
	--ui-panel-text: color-mix(in srgb, var(--text, #0c0c20) 94%, #212742);
	--ui-panel-muted: color-mix(in srgb, var(--muted, #767676) 85%, #505976);
	--ui-panel-glow: color-mix(in srgb, var(--accent-2, #7eedff) 17%, transparent);
}

:where(.lp-page .gix-ui[data-ui-v2], .lp-page .gi-ui-scene[data-ui-v2])[data-ui-tone="ui-tone-light-premium"] {
	--ui-panel-bg: color-mix(in srgb, #ffffff 78%, #eef1ff);
	--ui-panel-bg-2: color-mix(in srgb, #f9fbff 74%, #e9ecff);
	--ui-panel-border: color-mix(in srgb, var(--accent, #5423e7) 24%, #c9d4f2);
	--ui-panel-chip-bg: color-mix(in srgb, #ffffff 72%, var(--ui-panel-accent) 28%);
	--ui-panel-glow: color-mix(in srgb, var(--ui-panel-accent) 18%, transparent);
	--ui-panel-shadow: 0 24px 52px rgba(11, 14, 37, 0.18);
}

:where(.lp-page .gix-ui[data-ui-v2], .lp-page .gi-ui-scene[data-ui-v2])[data-ui-tone="ui-tone-dark-soft"] {
	--ui-panel-bg: color-mix(in srgb, #11142b 88%, #1b2243);
	--ui-panel-bg-2: color-mix(in srgb, #0f1328 92%, #20264a);
	--ui-panel-border: color-mix(in srgb, var(--accent-2, #7eedff) 28%, #394065);
	--ui-panel-text: #edf1ff;
	--ui-panel-muted: rgba(223, 231, 255, 0.72);
	--ui-panel-gridline: rgba(224, 234, 255, 0.11);
	--ui-panel-chip-bg: color-mix(in srgb, #151a35 70%, var(--ui-panel-accent) 30%);
	--ui-panel-chip-text: #e9efff;
	--ui-panel-glow: color-mix(in srgb, var(--accent-2, #7eedff) 24%, transparent);
	--ui-panel-shadow: 0 26px 52px rgba(3, 4, 14, 0.44);
}

:where(.lp-page .gix-ui[data-ui-v2], .lp-page .gi-ui-scene[data-ui-v2])[data-ui-tone="ui-tone-dark"] {
	--ui-panel-bg: #090d1f;
	--ui-panel-bg-2: #10162c;
	--ui-panel-border: rgba(133, 177, 255, 0.34);
	--ui-panel-text: #f2f6ff;
	--ui-panel-muted: rgba(222, 231, 255, 0.72);
	--ui-panel-gridline: rgba(214, 227, 255, 0.12);
	--ui-panel-chip-bg: color-mix(in srgb, #13182f 66%, var(--ui-panel-accent) 34%);
	--ui-panel-chip-text: #eef2ff;
	--ui-panel-glow: color-mix(in srgb, var(--ui-panel-accent) 26%, transparent);
	--ui-panel-shadow: 0 24px 54px rgba(4, 6, 16, 0.5);
}

/* Scope-aware color alignment */

:where(.lp-page .gix-ui[data-ui-v2], .lp-page .gi-ui-scene[data-ui-v2])[data-ui-scope^="gi-scope-webdev"] {
	--ui-panel-accent: color-mix(in srgb, #4c29d8 86%, #355fe0 14%);
	--ui-panel-accent-2: color-mix(in srgb, #7eedff 82%, #9ae7ff);
}

:where(.lp-page .gix-ui[data-ui-v2], .lp-page .gi-ui-scene[data-ui-v2])[data-ui-scope^="gi-scope-seo"] {
	--ui-panel-accent: color-mix(in srgb, #4a2fd0 82%, #396fda 18%);
	--ui-panel-accent-2: color-mix(in srgb, #72e8ff 86%, #8befff);
}

:where(.lp-page .gix-ui[data-ui-v2], .lp-page .gi-ui-scene[data-ui-v2])[data-ui-scope^="gi-scope-systems"] {
	--ui-panel-accent: color-mix(in srgb, #3a2aa8 78%, #2b73c7 22%);
	--ui-panel-accent-2: color-mix(in srgb, #8cf0e8 74%, #7ddcff 26%);
}

:where(.lp-page .gix-ui[data-ui-v2], .lp-page .gi-ui-scene[data-ui-v2])[data-ui-scope^="gi-scope-pricing"] {
	--ui-panel-accent: color-mix(in srgb, #4a2fd0 56%, #d78942 44%);
	--ui-panel-accent-2: color-mix(in srgb, #7eedff 54%, #eac285 46%);
}

:where(.lp-page .gix-ui[data-ui-v2], .lp-page .gi-ui-scene[data-ui-v2])[data-ui-scope="gi-scope-home"] {
	--ui-panel-accent: color-mix(in srgb, #5423e7 84%, #3d88ff 16%);
	--ui-panel-accent-2: color-mix(in srgb, #7eedff 86%, #9df5ff 14%);
}

:where(.lp-page .gix-ui[data-ui-v2], .lp-page .gi-ui-scene[data-ui-v2])[data-ui-tone^="ui-tone-dark"] :where(
	.gix-surface,
	.gix-kpi,
	.gi-ui-scene__card,
	[class$="__card"],
	[class*="__card "],
	[class$="__module"],
	[class*="__module "],
	[class$="__node"],
	[class*="__node "],
	[class$="__pane"],
	[class*="__pane "],
	[class$="__tile"],
	[class*="__tile "],
	[class$="__item"],
	[class*="__item "]
) {
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.03));
	border-color: color-mix(in srgb, var(--ui-panel-border) 84%, transparent);
	box-shadow: none;
}

/* Size system */

:where(.lp-page .gix-ui[data-ui-v2], .lp-page .gi-ui-scene[data-ui-v2])[data-ui-size="ui-size-sm"] {
	--ui-scene-max: clamp(14.8rem, 25vw, 20.5rem);
	--ui-scene-pad: clamp(0.72rem, 1.2vw, 0.96rem);
	--ui-scene-gap: clamp(0.52rem, 1vw, 0.72rem);
	--ui-inset-row-inline: clamp(0.72rem, 1vw, 0.92rem);
	--ui-inset-row-block: clamp(0.54rem, 0.72vw, 0.7rem);
	--ui-inset-panel-inline: clamp(0.7rem, 0.96vw, 0.9rem);
	--ui-inset-panel-block: clamp(0.56rem, 0.8vw, 0.72rem);
	--ui-row-min-h: clamp(2.4rem, 3.3vw, 2.8rem);
}

:where(.lp-page .gix-ui[data-ui-v2], .lp-page .gi-ui-scene[data-ui-v2])[data-ui-size="ui-size-md"] {
	--ui-scene-max: clamp(18rem, 31vw, 28rem);
}

:where(.lp-page .gix-ui[data-ui-v2], .lp-page .gi-ui-scene[data-ui-v2])[data-ui-size="ui-size-lg"] {
	--ui-scene-max: clamp(20rem, 38vw, 34rem);
	--ui-scene-pad: clamp(0.9rem, 1.55vw, 1.22rem);
}

:where(.lp-page .gix-ui[data-ui-v2], .lp-page .gi-ui-scene[data-ui-v2])[data-ui-size="ui-size-xl"] {
	--ui-scene-max: clamp(22rem, 49vw, 42rem);
	--ui-scene-pad: clamp(0.95rem, 1.8vw, 1.36rem);
	aspect-ratio: 16 / 10;
	min-block-size: clamp(15.2rem, 28vw, 22rem);
}

/* Section / layout balance */

.lp-hero :where(.gix-ui[data-ui-v2][data-ui-size="ui-size-xl"], .gi-ui-scene[data-ui-v2][data-ui-size="ui-size-xl"]) {
	align-self: center;
}

.lp-split-col :where(.gix-ui[data-ui-v2], .gi-ui-scene[data-ui-v2]),
.lp-hero__visual :where(.gix-ui[data-ui-v2], .gi-ui-scene[data-ui-v2]) {
	inline-size: 100%;
	max-inline-size: min(100%, var(--ui-scene-max));
}

/* Width normalization for UI scenes injected instead of images. */
.lp-page :where(.gix-ui.gix-fit-hero[data-ui-v2], .gix-ui.gix-fit-section[data-ui-v2]) {
	inline-size: 100%;
	max-inline-size: 100%;
	width: 100%;
	margin-inline: 0;
}

.lp-page :is(.lp-hero__visual, .lp-split-col, .lp-side-col, .lp-sticky-col, .lp-contact-grid, .lp-contact-shell)
	:where(.gix-ui[data-ui-v2], .gi-ui-scene[data-ui-v2]) {
	--ui-scene-max: 100%;
	inline-size: 100%;
	max-inline-size: 100%;
	width: 100%;
	justify-self: stretch;
	margin-inline: 0;
}

.lp-page :is(.gi-card, .lp-service-card, .lp-price-card, .lp-route-card, .lp-value-card)
	:where(.gix-ui[data-ui-v2], .gi-ui-scene[data-ui-v2]) {
	--ui-scene-max: 100%;
	inline-size: 100%;
	max-inline-size: 100%;
	width: 100%;
	justify-self: stretch;
	margin-inline: 0;
}

.lp-page :where(.gix-ui.lp-ui-qa[data-ui-v2], .gix-ui.lp-contact-meta[data-ui-v2], .gix-ui.lp-form-surface[data-ui-v2]) {
	--ui-scene-max: 100%;
	inline-size: 100%;
	max-inline-size: 100%;
	width: 100%;
	margin-inline: 0;
}

body[class*="gi-scope-"] .lp-page .lp-hero__visual :where(.gix-ui[data-ui-v2], .gi-ui-scene[data-ui-v2]) {
	margin-inline: auto 0;
	overflow: visible !important;
}

@media (min-width: 900px) and (max-width: 1100px) {
	body[class*="gi-scope-"] .lp-page .lp-hero .lp-hero__grid {
		margin-top: 0.2rem;
	}
}

/* Variant tuning for stronger productized meaning */

:where(.lp-page .gix-ui[data-ui-v2], .lp-page .gi-ui-scene[data-ui-v2])[data-ui-variant="executive-stack"] {
	--ui-panel-accent: color-mix(in srgb, var(--accent, #5423e7) 92%, #5f4fff);
	--ui-panel-accent-2: color-mix(in srgb, var(--accent-2, #7eedff) 92%, #8be9ff);
}

:where(.lp-page .gix-ui[data-ui-v2], .lp-page .gi-ui-scene[data-ui-v2])[data-ui-variant="pricing-logic"] {
	--ui-panel-accent: color-mix(in srgb, var(--warning, #d78942) 78%, var(--accent, #5423e7) 22%);
	--ui-panel-accent-2: color-mix(in srgb, var(--accent-2, #7eedff) 58%, #f2c586 42%);
	--ui-panel-chip-bg: color-mix(in srgb, #ffffff 74%, var(--ui-panel-warning) 26%);
}

:where(.lp-page .gix-ui[data-ui-v2], .lp-page .gi-ui-scene[data-ui-v2])[data-ui-variant="analytics-proof"] {
	--ui-panel-accent: color-mix(in srgb, var(--accent, #5423e7) 84%, #3d88ff);
	--ui-panel-accent-2: color-mix(in srgb, var(--accent-2, #7eedff) 92%, #89f4ff);
}

:where(.lp-page .gix-ui[data-ui-v2], .lp-page .gi-ui-scene[data-ui-v2])[data-ui-variant="workflow-ops"] {
	--ui-panel-accent: color-mix(in srgb, var(--accent, #5423e7) 74%, #2d8dda 26%);
	--ui-panel-accent-2: color-mix(in srgb, var(--accent-2, #7eedff) 84%, #89e7ff);
}

:where(.lp-page .gix-ui[data-ui-v2], .lp-page .gi-ui-scene[data-ui-v2])[data-ui-variant="architecture-map"] {
	--ui-panel-accent: color-mix(in srgb, var(--accent, #5423e7) 78%, #2f61d9 22%);
	--ui-panel-accent-2: color-mix(in srgb, var(--accent-2, #7eedff) 80%, #8fe6ff);
}

:where(.lp-page .gix-ui[data-ui-v2], .lp-page .gi-ui-scene[data-ui-v2])[data-ui-variant="portal-shell"] {
	--ui-panel-accent: color-mix(in srgb, var(--accent, #5423e7) 70%, #2d84c9 30%);
	--ui-panel-accent-2: color-mix(in srgb, var(--accent-2, #7eedff) 72%, #9be5ff);
}

:where(.lp-page .gix-ui[data-ui-v2], .lp-page .gi-ui-scene[data-ui-v2])[data-ui-variant="contact-proof"] {
	--ui-panel-accent: color-mix(in srgb, var(--accent, #5423e7) 66%, #2f7fd0 34%);
	--ui-panel-accent-2: color-mix(in srgb, var(--accent-2, #7eedff) 76%, #a2ecff);
	--ui-panel-radius: clamp(12px, 1.4vw, 18px);
}

/* Page/service differentiation */

:where(.lp-page .gix-ui[data-ui-v2], .lp-page .gi-ui-scene[data-ui-v2])[data-ui-family^="scene-webdev-"] {
	--ui-panel-accent: color-mix(in srgb, #4c29d8 80%, #3567de 20%);
	--ui-panel-accent-2: color-mix(in srgb, #7eedff 82%, #9be8ff 18%);
}

:where(.lp-page .gix-ui[data-ui-v2], .lp-page .gi-ui-scene[data-ui-v2])[data-ui-family="scene-corporate-site-architecture"] {
	--ui-panel-accent: color-mix(in srgb, #4f35d5 70%, #66a1ff 30%);
	--ui-panel-accent-2: color-mix(in srgb, #9fd9ff 62%, #c3ecff 38%);
}

:where(.lp-page .gix-ui[data-ui-v2], .lp-page .gi-ui-scene[data-ui-v2])[data-ui-family="scene-landing-cro-map"] {
	--ui-panel-accent: color-mix(in srgb, #562de2 66%, #4f86ff 34%);
	--ui-panel-accent-2: color-mix(in srgb, #8cecff 58%, #c8f8ff 42%);
}

:where(.lp-page .gix-ui[data-ui-v2], .lp-page .gi-ui-scene[data-ui-v2])[data-ui-family="scene-migration-safety"] {
	--ui-panel-accent: color-mix(in srgb, #4f33da 60%, #4ea2f2 40%);
	--ui-panel-accent-2: color-mix(in srgb, #8ff0ff 60%, #e8bd76 40%);
}

:where(.lp-page .gix-ui[data-ui-v2], .lp-page .gi-ui-scene[data-ui-v2])[data-ui-family^="scene-seo-"] {
	--ui-panel-accent: color-mix(in srgb, #3f59d7 48%, #00b67a 52%);
	--ui-panel-accent-2: color-mix(in srgb, #74ecff 64%, #9bf4d6 36%);
}

:where(.lp-page .gix-ui[data-ui-v2], .lp-page .gi-ui-scene[data-ui-v2])[data-ui-family="scene-b2b-intent-funnel"],
:where(.lp-page .gix-ui[data-ui-v2], .lp-page .gi-ui-scene[data-ui-v2])[data-ui-family="scene-b2b-funnel-analytics"] {
	--ui-panel-accent: color-mix(in srgb, #4a2fd0 54%, #11b798 46%);
	--ui-panel-accent-2: color-mix(in srgb, #8ceeff 58%, #8cffcf 42%);
}

:where(.lp-page .gix-ui[data-ui-v2], .lp-page .gi-ui-scene[data-ui-v2])[data-ui-family^="scene-business-system"],
:where(.lp-page .gix-ui[data-ui-v2], .lp-page .gi-ui-scene[data-ui-v2])[data-ui-family^="scene-crm-erp"],
:where(.lp-page .gix-ui[data-ui-v2], .lp-page .gi-ui-scene[data-ui-v2])[data-ui-family^="scene-workflow"],
:where(.lp-page .gix-ui[data-ui-v2], .lp-page .gi-ui-scene[data-ui-v2])[data-ui-family^="scene-api-"],
:where(.lp-page .gix-ui[data-ui-v2], .lp-page .gi-ui-scene[data-ui-v2])[data-ui-family^="scene-dashboard-"],
:where(.lp-page .gix-ui[data-ui-v2], .lp-page .gi-ui-scene[data-ui-v2])[data-ui-family^="scene-portal-"] {
	--ui-panel-accent: color-mix(in srgb, #3a2aa8 58%, #2097c5 42%);
	--ui-panel-accent-2: color-mix(in srgb, #8cf0e8 72%, #9fdcff 28%);
}

:where(.lp-page .gix-ui[data-ui-v2], .lp-page .gi-ui-scene[data-ui-v2])[data-ui-family^="scene-pricing-"] {
	--ui-panel-accent: color-mix(in srgb, #4a2fd0 54%, #d78942 46%);
	--ui-panel-accent-2: color-mix(in srgb, #94e9ff 56%, #efc88d 44%);
}

:where(.lp-page .gix-ui[data-ui-v2], .lp-page .gi-ui-scene[data-ui-v2])[data-ui-family="scene-growth-stack"] {
	--ui-panel-accent: color-mix(in srgb, #5423e7 74%, #2e9be6 26%);
	--ui-panel-accent-2: color-mix(in srgb, #7eedff 86%, #a6ecff 14%);
}

/* Rescue overrides for scene components with hardcoded local styles */

body[class*="gi-scope-"] .lp-page :where(
	.gix-sys-map,
	.gix-site-anatomy,
	.gix-terminal,
	.gix-investment-board,
	.gix-cost-drivers,
	.gix-estimate-flow,
	.gix-diagnostic-card,
	.gix-action-matrix,
	.gix-dashboard,
	.gix-b2b-dashboard,
	.gix-b2b-pipeline,
	.gix-seo-arch,
	.gix-workflow-builder,
	.gix-process-compare,
	.gix-sla-monitor,
	.gix-unified-hub,
	.gix-rbac-board,
	.gix-portal-access,
	.gix-portal-ecosystem,
	.gix-self-service,
	.gix-configurator,
	.gix-scope-analyzer,
	.gix-seo-cost-arch
)[data-ui-v2] {
	background:
		radial-gradient(circle at 14% 12%, var(--ui-panel-glow), transparent 46%),
		linear-gradient(165deg, var(--ui-panel-bg), var(--ui-panel-bg-2)) !important;
	border-color: var(--ui-panel-border) !important;
	box-shadow: var(--ui-panel-shadow) !important;
	color: var(--ui-panel-text) !important;
}

body[class*="gi-scope-"] .lp-page :where(.gix-ui[data-ui-v2], .gi-ui-scene[data-ui-v2]) {
	box-shadow: var(--ui-panel-shadow);
}

.lp-page .gix-ui.lp-ui-hero-glass[data-ui-v2],
.lp-page .gix-ui.lp-ui-qa[data-ui-v2],
.lp-page .gix-ui.lp-contact-meta[data-ui-v2],
.lp-page .gix-ui.lp-form-surface[data-ui-v2] {
	box-shadow: var(--ui-panel-shadow) !important;
}

.lp-page .gix-ui.lp-ui-hero-glass[data-ui-v2] :is(.lp-ui-hero-glass__node-label, .lp-ui-hero-glass__node-status) {
	border: 0;
	box-shadow: none;
	background: transparent;
}

body[class*="gi-scope-"] .lp-page :where(.gix-ui[data-ui-v2]) :where(
	.gix-badge,
	.gix-pill
) {
	background: var(--ui-panel-chip-bg) !important;
	border-color: color-mix(in srgb, var(--ui-panel-accent) 30%, transparent) !important;
	color: var(--ui-panel-chip-text) !important;
}

body[class*="gi-scope-"] .lp-page :where(.gix-ui[data-ui-v2]) :where(
	.gix-site-layer__info strong,
	.gix-sys-node__data strong,
	.gix-path-text strong,
	.gix-driver-info span,
	.gix-summary-box strong,
	.gix-invest__title,
	.gix-site-anatomy__title,
	.gix-sys-map__title
) {
	color: var(--ui-panel-text) !important;
}

body[class*="gi-scope-"] .lp-page :where(.gix-ui[data-ui-v2]) :where(
	.gix-site-layer__info span,
	.gix-sys-node__data span,
	.gix-driver-info strong,
	.gix-summary-box span,
	.gix-path-text span,
	.gix-terminal__head span:first-child,
	.gix-im-label,
	.gix-head__meta
) {
	color: var(--ui-panel-muted) !important;
}

/* Keep scene sub-surfaces dark in non-hero dark sections. */
.lp-page :is(section, .gi-section, .wp-block-group):is(.lp-surface-dark, .lp-heading-inverse, .lp-final):not(.lp-hero)
	:where(.gix-ui[data-ui-v2], .gi-ui-scene[data-ui-v2])
	:is(.gix-terminal__head, .gix-configurator__head, .gix-dm-header, .gix-eco-node, .gix-role-card, .gix-metric-box) {
	background: linear-gradient(165deg, rgba(14, 24, 49, 0.86), rgba(9, 16, 35, 0.86)) !important;
	border-color: color-mix(in srgb, #b8cdff 22%, transparent) !important;
	color: rgba(236, 243, 255, 0.94) !important;
	box-shadow: 0 12px 28px rgba(2, 7, 22, 0.32) !important;
}

.lp-page :is(section, .gi-section, .wp-block-group):is(.lp-surface-dark, .lp-heading-inverse, .lp-final):not(.lp-hero)
	:where(.gix-ui[data-ui-v2], .gi-ui-scene[data-ui-v2])
	:is(.gix-metric-box, .gix-role-card) :is(span, small, strong, b) {
	color: rgba(232, 240, 255, 0.94);
}

body[class*="gi-scope-"] .lp-page :where(.gix-ui[data-ui-v2]) :where(
	.gix-sys-line,
	.gix-path-line,
	.gix-site-anatomy__scanner
) {
	background: linear-gradient(180deg, color-mix(in srgb, var(--ui-panel-accent) 62%, transparent), transparent) !important;
}

:where(.lp-page .gix-ui[data-ui-v2], .lp-page .gi-ui-scene[data-ui-v2])[data-ui-variant="terminal-proof"] :where(
	.gix-mono,
	code,
	pre
) {
	color: color-mix(in srgb, var(--ui-panel-accent-2) 70%, var(--ui-panel-text) 30%);
}

:where(.lp-page .gix-ui[data-ui-v2], .lp-page .gi-ui-scene[data-ui-v2])[data-ui-variant="terminal-proof"] :where(
	.gix-head__title
) {
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
	letter-spacing: -0.005em;
}

/* Motion refinement */

:where(.lp-page .gix-ui[data-ui-v2], .lp-page .gi-ui-scene[data-ui-v2])[data-ui-motion="tilt"] {
	transition: box-shadow 0.35s ease, border-color 0.35s ease;
}

:where(.lp-page .gix-ui[data-ui-v2], .lp-page .gi-ui-scene[data-ui-v2])[data-ui-motion="tilt"].is-ui-hover {
	box-shadow: 0 24px 50px rgba(8, 11, 30, 0.18);
	border-color: color-mix(in srgb, var(--ui-panel-accent) 30%, transparent);
}

:where(.lp-page .gix-ui[data-ui-v2], .lp-page .gi-ui-scene[data-ui-v2]) .is-float {
	animation-duration: 5.4s;
	animation-iteration-count: 2;
}

:where(.lp-page .gix-ui[data-ui-v2], .lp-page .gi-ui-scene[data-ui-v2]) .is-pulse {
	animation-duration: 2.2s;
	animation-iteration-count: 4;
}

:where(.lp-page .gix-ui[data-ui-v2], .lp-page .gi-ui-scene[data-ui-v2]) .is-scan::after {
	animation-duration: 4.8s;
	animation-iteration-count: 2;
}

/* Responsive */

@media (max-width: 1180px) {
	:where(.lp-page .gix-ui[data-ui-v2], .lp-page .gi-ui-scene[data-ui-v2])[data-ui-role="hero"] {
		--ui-scene-max: clamp(18rem, 72vw, 35rem);
		aspect-ratio: auto;
		min-block-size: clamp(14rem, 40vw, 20rem);
		justify-self: center;
	}
}

@media (max-width: 1024px) {
	.lp-page :where(.gix-ui.lp-form-surface[data-ui-v2], .gix-ui.lp-contact-meta[data-ui-v2]) {
		min-block-size: clamp(14rem, 42vw, 20rem);
		max-block-size: none;
		overflow: visible;
	}

	body[class*="gi-scope-"] .lp-page .lp-hero__visual :where(.gix-ui[data-ui-v2], .gi-ui-scene[data-ui-v2]) {
		--ui-scene-max: 100%;
		inline-size: 100%;
		max-inline-size: 100%;
		width: 100%;
		margin-inline: 0;
	}

	body[class*="gi-scope-"] .lp-page .lp-hero__visual[data-lp-fade="left"],
	body[class*="gi-scope-"] .lp-page .lp-hero__visual[data-lp-fade="right"] {
		transform: translateY(20px) !important;
	}

	body[class*="gi-scope-"] .lp-page .lp-hero__visual[data-lp-fade].is-visible {
		transform: translateY(0) !important;
	}
}

@media (max-width: 781px) {
	:where(.lp-page .gix-ui[data-ui-v2], .lp-page .gi-ui-scene[data-ui-v2]) {
		--ui-scene-pad: clamp(0.8rem, 3.9vw, 1.04rem);
		--ui-scene-gap: clamp(0.62rem, 2.6vw, 0.84rem);
		--ui-inset-row-inline: clamp(0.72rem, 2.6vw, 0.9rem);
		--ui-inset-row-block: clamp(0.62rem, 2.3vw, 0.8rem);
		--ui-inset-panel-inline: clamp(0.7rem, 2.4vw, 0.88rem);
		--ui-inset-panel-block: clamp(0.62rem, 2.2vw, 0.82rem);
		--ui-row-min-h: clamp(2.72rem, 8.2vw, 3.24rem);
		--ui-scene-max: 100%;
		inline-size: 100%;
		aspect-ratio: auto !important;
		min-block-size: fit-content;
		max-block-size: none;
		overflow: visible;
	}

	:where(.lp-page .gix-ui[data-ui-v2], .lp-page .gi-ui-scene[data-ui-v2])::before {
		background:
			linear-gradient(var(--ui-panel-gridline) 1px, transparent 1px) 0 0 / 100% 28px,
			linear-gradient(90deg, var(--ui-panel-gridline) 1px, transparent 1px) 0 0 / 28px 100%;
		opacity: 0.2;
	}

	:where(.lp-page .gix-ui[data-ui-v2], .lp-page .gi-ui-scene[data-ui-v2])[data-ui-role="hero"] {
		--ui-scene-max: 100%;
		--ui-scene-pad: clamp(0.68rem, 2.7vw, 0.88rem);
		min-block-size: clamp(16.5rem, 56vw, 24rem);
		max-block-size: none;
		overflow: visible;
	}

	.lp-page :is(.lp-hero__visual, .lp-split-col, .lp-side-col, .lp-sticky-col)
		:where(.gix-ui[data-ui-v2], .gi-ui-scene[data-ui-v2]) {
		--ui-scene-max: 100%;
		inline-size: 100%;
		max-inline-size: 100%;
		width: 100%;
		margin-inline: 0;
	}

	:where(.lp-page .gix-ui[data-ui-v2], .lp-page .gi-ui-scene[data-ui-v2]) :where(
		.gix-row,
		[class$="__row"],
		[class*="__row "],
		[class$="__track"],
		[class*="__track "],
		[class$="__lane"],
		[class*="__lane "]
	) {
		gap: clamp(0.5rem, 1.8vw, 0.72rem);
	}

	:where(.lp-page .gix-ui[data-ui-v2], .lp-page .gi-ui-scene[data-ui-v2]) :where(
		[class$="__label"],
		[class*="__label "],
		[class$="__status"],
		[class*="__status "],
		[class$="__title"],
		[class*="__title "]
	) {
		line-height: 1.4;
	}
}

@media (prefers-reduced-motion: reduce) {
	:where(.lp-page .gix-ui[data-ui-v2], .lp-page .gi-ui-scene[data-ui-v2]),
	:where(.lp-page .gix-ui[data-ui-v2], .lp-page .gi-ui-scene[data-ui-v2])::after,
	:where(.lp-page .gix-ui[data-ui-v2], .lp-page .gi-ui-scene[data-ui-v2]) :where(
		.gix-line > span,
		.gi-ui-scene__line > span,
		.is-float,
		.is-pulse,
		.is-scan::after
	) {
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transform: none !important;
	}
}

.lp-page :is(.lp-surface-white, .lp-surface-soft, .lp-pricing, .lp-approach, .lp-services, .lp-process) :is(
	.gi-card,
	.lp-service-card,
	.lp-price-card,
	.gi-cta-card,
	.gi-proof-card,
	.gi-benefit-card,
	.gi-process-step
) {
	border-color: color-mix(in srgb, var(--border, rgba(12, 12, 32, 0.1)) 80%, #d7deef);
	background: linear-gradient(180deg, color-mix(in srgb, #ffffff 95%, #f4f7ff), color-mix(in srgb, #ffffff 88%, #edf2ff));
	box-shadow: 0 12px 28px rgba(12, 14, 34, 0.06);
}

/* SEO service page: enforce 3 cards on row 1 and 2 full-width cards on row 2. */
body.gi-page-id-302 .lp-page .lp-bento-grid.lp-mt-md {
	grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}

body.gi-page-id-302 .lp-page .lp-bento-grid.lp-mt-md > .lp-bento-card {
	grid-column: span 2;
}

body.gi-page-id-302 .lp-page .lp-bento-grid.lp-mt-md > .lp-bento-card:nth-child(4),
body.gi-page-id-302 .lp-page .lp-bento-grid.lp-mt-md > .lp-bento-card:nth-child(5) {
	grid-column: span 3;
}

body.gi-page-id-302 .lp-page .lp-bento-grid:has(> .lp-bento-card:nth-child(5):last-child) {
	grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}

body.gi-page-id-302 .lp-page .lp-bento-grid:has(> .lp-bento-card:nth-child(5):last-child) > .lp-bento-card:nth-child(-n+3) {
	grid-column: span 2;
}

body.gi-page-id-302 .lp-page .lp-bento-grid:has(> .lp-bento-card:nth-child(5):last-child) > .lp-bento-card:nth-child(n+4) {
	grid-column: span 3;
}

@media (max-width: 1180px) {
	body.gi-page-id-302 .lp-page .lp-bento-grid.lp-mt-md {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	body.gi-page-id-302 .lp-page .lp-bento-grid.lp-mt-md > .lp-bento-card {
		grid-column: auto !important;
	}

	body.gi-page-id-302 .lp-page .lp-bento-grid:has(> .lp-bento-card:nth-child(5):last-child) {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	body.gi-page-id-302 .lp-page .lp-bento-grid:has(> .lp-bento-card:nth-child(5):last-child) > .lp-bento-card {
		grid-column: auto !important;
	}
}

@media (max-width: 781px) {
	body.gi-page-id-302 .lp-page .lp-bento-grid.lp-mt-md {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	body.gi-page-id-302 .lp-page .lp-bento-grid:has(> .lp-bento-card:nth-child(5):last-child) {
		grid-template-columns: minmax(0, 1fr) !important;
	}
}

/* WordPress service page: enforce 3 cards on row 1 and 2 full-width cards on row 2. */
body.gi-page-id-254 .lp-page .lp-stepper-grid:has(> .lp-step-card:nth-child(5):last-child) {
	grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}

body.gi-page-id-254 .lp-page .lp-stepper-grid:has(> .lp-step-card:nth-child(5):last-child) > .lp-step-card:nth-child(-n+3) {
	grid-column: span 2;
}

body.gi-page-id-254 .lp-page .lp-stepper-grid:has(> .lp-step-card:nth-child(5):last-child) > .lp-step-card:nth-child(n+4) {
	grid-column: span 3;
}

@media (max-width: 1180px) {
	body.gi-page-id-254 .lp-page .lp-stepper-grid:has(> .lp-step-card:nth-child(5):last-child) {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	body.gi-page-id-254 .lp-page .lp-stepper-grid:has(> .lp-step-card:nth-child(5):last-child) > .lp-step-card {
		grid-column: auto !important;
	}
}

@media (max-width: 781px) {
	body.gi-page-id-254 .lp-page .lp-stepper-grid:has(> .lp-step-card:nth-child(5):last-child) {
		grid-template-columns: minmax(0, 1fr) !important;
	}
}

/* Pricing systems page: force hero lead/support copy to white for readability. */
body:is(.gi-page-id-249, .gi-scope-pricing-systems) .lp-page .lp-hero :is(.lp-hero__lead, .lp-hero__support) {
	color: rgba(247, 250, 255, 0.96) !important;
}

body:is(.gi-page-id-249, .gi-scope-pricing-systems) .lp-page .lp-hero .lp-hero__support strong {
	color: #ffffff !important;
}

/* Pricing hub (/ceny/): keep "Engagement Lifecycle" UI in light mode. */
body:is(.gi-page-id-244, .gi-scope-pricing-hub) .lp-page .gix-estimate-flow {
	background:
		radial-gradient(circle at 12% 8%, rgba(84, 35, 231, 0.1), transparent 40%),
		linear-gradient(165deg, #ffffff 0%, #f5f7ff 100%) !important;
	border: 1px solid color-mix(in srgb, #5423e7 18%, #d7deef) !important;
	box-shadow: 0 18px 38px rgba(10, 13, 32, 0.12) !important;
	color: #0c0c20 !important;
}

body:is(.gi-page-id-244, .gi-scope-pricing-hub) .lp-page .gix-est-flow__head {
	color: rgba(12, 12, 32, 0.56) !important;
	border-bottom: 1px solid rgba(12, 12, 32, 0.12) !important;
}

body:is(.gi-page-id-244, .gi-scope-pricing-hub) .lp-page .gix-estimate-flow .gix-badge {
	background: color-mix(in srgb, #ffffff 86%, #e8edff) !important;
	border-color: color-mix(in srgb, #5423e7 26%, transparent) !important;
	color: color-mix(in srgb, #0c0c20 78%, #5423e7 22%) !important;
}

body:is(.gi-page-id-244, .gi-scope-pricing-hub) .lp-page .gix-path-line {
	background: rgba(12, 12, 32, 0.14) !important;
}

body:is(.gi-page-id-244, .gi-scope-pricing-hub) .lp-page .gix-path-line.is-done {
	background: #00b67a !important;
}

body:is(.gi-page-id-244, .gi-scope-pricing-hub) .lp-page .gix-path-icon {
	border-color: rgba(22, 31, 62, 0.26) !important;
	color: #0c0c20 !important;
	background: rgba(255, 255, 255, 0.95);
}

body:is(.gi-page-id-244, .gi-scope-pricing-hub) .lp-page .gix-path-node.is-done .gix-path-icon {
	border-color: #00b67a !important;
	color: #ffffff !important;
}

body:is(.gi-page-id-244, .gi-scope-pricing-hub) .lp-page .gix-path-node.is-active .gix-path-icon {
	border-color: color-mix(in srgb, #5423e7 70%, #a38cff) !important;
}

body:is(.gi-page-id-244, .gi-scope-pricing-hub) .lp-page .gix-path-text strong {
	color: #0c0c20 !important;
}

body:is(.gi-page-id-244, .gi-scope-pricing-hub) .lp-page .gix-path-node.is-active .gix-path-text strong {
	color: color-mix(in srgb, #5423e7 86%, #3f2a9f) !important;
}

body:is(.gi-page-id-244, .gi-scope-pricing-hub) .lp-page .gix-path-text span {
	color: rgba(12, 12, 32, 0.56) !important;
}

/* Pricing websites page (/ceny/sayty/): white hero support copy. */
body:is(.gi-page-id-248, .gi-scope-pricing-web) .lp-page .lp-hero :is(.lp-hero__lead, .lp-hero__support) {
	color: rgba(247, 250, 255, 0.96) !important;
}

body:is(.gi-page-id-248, .gi-scope-pricing-web) .lp-page .lp-hero .lp-hero__support strong {
	color: #ffffff !important;
}

/* Pricing websites page (/ceny/sayty/): 5 price cards as 3 + 2 full-width row layout. */
body:is(.gi-page-id-248, .gi-scope-pricing-web) .lp-page .gix-pricing-matrix:has(> .gix-price-card:nth-child(5):last-child) {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}

body:is(.gi-page-id-248, .gi-scope-pricing-web) .lp-page .gix-pricing-matrix:has(> .gix-price-card:nth-child(5):last-child) > .gix-price-card:nth-child(-n+3) {
	grid-column: span 2 !important;
}

body:is(.gi-page-id-248, .gi-scope-pricing-web) .lp-page .gix-pricing-matrix:has(> .gix-price-card:nth-child(5):last-child) > .gix-price-card:nth-child(n+4) {
	grid-column: span 3 !important;
}

/* Fallback for engines that do not apply :has reliably. */
body:is(.gi-page-id-248, .gi-scope-pricing-web) .lp-page #pricing-matrix .gix-pricing-matrix {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}

body:is(.gi-page-id-248, .gi-scope-pricing-web) .lp-page #pricing-matrix .gix-pricing-matrix > .gix-price-card:nth-child(-n+3) {
	grid-column: span 2 !important;
}

body:is(.gi-page-id-248, .gi-scope-pricing-web) .lp-page #pricing-matrix .gix-pricing-matrix > .gix-price-card:nth-child(n+4) {
	grid-column: span 3 !important;
}

@media (max-width: 1180px) {
	body:is(.gi-page-id-248, .gi-scope-pricing-web) .lp-page .gix-pricing-matrix:has(> .gix-price-card:nth-child(5):last-child),
	body:is(.gi-page-id-248, .gi-scope-pricing-web) .lp-page #pricing-matrix .gix-pricing-matrix {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	body:is(.gi-page-id-248, .gi-scope-pricing-web) .lp-page .gix-pricing-matrix:has(> .gix-price-card:nth-child(5):last-child) > .gix-price-card,
	body:is(.gi-page-id-248, .gi-scope-pricing-web) .lp-page #pricing-matrix .gix-pricing-matrix > .gix-price-card {
		grid-column: auto !important;
	}
}

@media (max-width: 781px) {
	body:is(.gi-page-id-248, .gi-scope-pricing-web) .lp-page .gix-pricing-matrix:has(> .gix-price-card:nth-child(5):last-child),
	body:is(.gi-page-id-248, .gi-scope-pricing-web) .lp-page #pricing-matrix .gix-pricing-matrix {
		grid-template-columns: minmax(0, 1fr) !important;
	}
}