/* Growth Insider — Redesign system
 * ------------------------------------------------------------------
 * Layered on top of frontend.css. This file defines the new design
 * tokens, component primitives, and page-level layouts for the
 * 2026-05 redesign. It deliberately neutralises the legacy lp-*/
/* and gix-* decorative artifacts and replaces them with a calm,
 * product-led system inspired by Stripe + Linear + Vercel.
 */

/* ============================================================
 * 1. Design tokens
 * ============================================================ */
:root {
	--gi-rd-ink: #0c0c20;
	--gi-rd-ink-2: #2a2a3d;
	--gi-rd-muted: #565676;
	--gi-rd-muted-2: #7a7a93;
	--gi-rd-border: #e6e6ef;
	--gi-rd-border-strong: #cfcfdc;
	--gi-rd-bg: #fafafd;
	--gi-rd-bg-alt: #f3f3f9;
	--gi-rd-surface: #ffffff;
	--gi-rd-primary: #5423e7;
	--gi-rd-primary-deep: #3914b3;
	--gi-rd-primary-soft: #efe9ff;
	--gi-rd-accent: #c9f24a;
	--gi-rd-accent-deep: #a9d122;
	--gi-rd-success: #16a37b;
	--gi-rd-danger: #e0356a;
	--gi-rd-dark-bg: #0c0c20;
	--gi-rd-dark-surface: #15152e;
	--gi-rd-dark-surface-2: #1d1d3d;
	--gi-rd-dark-border: rgba(255, 255, 255, 0.08);
	--gi-rd-dark-ink: #f4f4ff;
	--gi-rd-dark-muted: #9a9ac0;
	--gi-rd-shadow-sm: 0 1px 2px rgba(12, 12, 32, 0.04), 0 1px 1px rgba(12, 12, 32, 0.03);
	--gi-rd-shadow-md: 0 6px 18px rgba(12, 12, 32, 0.06), 0 2px 4px rgba(12, 12, 32, 0.04);
	--gi-rd-shadow-lg: 0 20px 48px rgba(12, 12, 32, 0.12), 0 4px 12px rgba(12, 12, 32, 0.06);
	--gi-rd-radius-sm: 0.55rem;
	--gi-rd-radius: 0.85rem;
	--gi-rd-radius-lg: 1.25rem;
	--gi-rd-radius-xl: 1.75rem;
	--gi-rd-shell: min(1200px, calc(100vw - 2.5rem));
	--gi-rd-shell-wide: min(1280px, calc(100vw - 2.5rem));
	--gi-rd-section-y: clamp(3.5rem, 6vw, 6.5rem);
	--gi-rd-hero-pt: clamp(0.25rem, 0.65vw, 0.55rem);
	--gi-rd-hero-pb: clamp(1.75rem, 3vw, 2.75rem);
	--gi-rd-stack: clamp(1rem, 1.6vw, 1.5rem);
	--gi-rd-stack-lg: clamp(1.5rem, 2.4vw, 2.5rem);
	--gi-rd-font-display: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	--gi-rd-easing: cubic-bezier(0.4, 0, 0.2, 1);
}

/* ============================================================
 * 2. Body-level resets when redesign markers are present
 * ============================================================ */
body.gi-redesign {
	background: var(--gi-rd-bg);
	color: var(--gi-rd-ink);
	font-family: var(--gi-rd-font-display);
}

html:has(body.gi-redesign) {
	scroll-padding-top: clamp(4.75rem, 9vw, 6.25rem);
}

body.gi-redesign .gi-rd-shell {
	width: var(--gi-rd-shell);
	margin-inline: auto;
}

body.gi-redesign .gi-rd-shell--wide {
	width: var(--gi-rd-shell-wide);
}

body.gi-redesign .gi-rd-section {
	padding-block: var(--gi-rd-section-y);
}

body.gi-redesign .gi-rd-section--tight {
	padding-block: clamp(2.5rem, 4vw, 4.5rem);
}

body.gi-redesign .gi-rd-section--dark {
	background: var(--gi-rd-dark-bg);
	color: var(--gi-rd-dark-ink);
}

body.gi-redesign .gi-rd-section--soft {
	background: var(--gi-rd-bg-alt);
}

/* ============================================================
 * 3. Typography (display + body)
 * ============================================================ */
body.gi-redesign .gi-rd-eyebrow {
	display: none !important;
}

body.gi-redesign .gi-rd-h1 {
	font-size: clamp(2rem, 4.2vw, 3.6rem);
	line-height: 1.05;
	letter-spacing: -0.025em;
	font-weight: 700;
	margin: 0;
}

body.gi-redesign .gi-rd-h2 {
	font-size: clamp(1.6rem, 2.8vw, 2.4rem);
	line-height: 1.12;
	letter-spacing: -0.02em;
	font-weight: 700;
	margin: 0;
}

body.gi-redesign .gi-rd-h3 {
	font-size: clamp(1.15rem, 1.5vw, 1.4rem);
	line-height: 1.25;
	letter-spacing: -0.015em;
	font-weight: 600;
	margin: 0;
}

body.gi-redesign .gi-rd-lead {
	font-size: clamp(1.05rem, 1.3vw, 1.2rem);
	line-height: 1.55;
	color: var(--gi-rd-ink-2);
	max-width: 60ch;
	margin: 1rem 0 0;
}

body.gi-redesign .gi-rd-section--dark .gi-rd-lead,
body.gi-redesign .gi-rd-section--dark .gi-rd-body {
	color: var(--gi-rd-dark-muted);
}

body.gi-redesign .gi-rd-body {
	font-size: 1rem;
	line-height: 1.65;
	color: var(--gi-rd-ink-2);
	margin: 0;
}

body.gi-redesign .gi-rd-body--small {
	font-size: 0.92rem;
	line-height: 1.55;
}

body.gi-redesign .gi-rd-section-head {
	display: flex;
	flex-direction: column;
	gap: 0.6rem;
	margin-bottom: clamp(1.5rem, 2.5vw, 2.5rem);
	max-width: 60ch;
}

body.gi-redesign .gi-rd-section-head--center {
	margin-inline: auto;
	text-align: center;
	align-items: center;
}

/* ============================================================
 * 4. Buttons + CTA group
 * ============================================================ */
body.gi-redesign .gi-rd-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	padding: 0.85rem 1.4rem;
	border-radius: 0.7rem;
	font-weight: 600;
	font-size: 0.95rem;
	line-height: 1.1;
	text-decoration: none;
	border: 1px solid transparent;
	cursor: pointer;
	transition: transform 0.15s var(--gi-rd-easing), box-shadow 0.2s var(--gi-rd-easing), background 0.2s var(--gi-rd-easing), color 0.2s var(--gi-rd-easing), border-color 0.2s var(--gi-rd-easing);
	-webkit-appearance: none;
	appearance: none;
	white-space: nowrap;
}

body.gi-redesign .gi-rd-btn--primary {
	transition: transform 0.12s var(--gi-rd-motion-ease-out), box-shadow 0.18s ease, border-color 0.18s ease;
	background: var(--gi-rd-primary);
	color: #fff;
	border-color: var(--gi-rd-primary-deep);
	box-shadow: 0 6px 14px rgba(84, 35, 231, 0.22);
}

body.gi-redesign .gi-rd-btn--primary:active {
	transform: translate3d(0, 1px, 0);
}

body.gi-redesign .gi-rd-btn--secondary:active {
	transform: translate3d(0, 1px, 0);
}

body.gi-redesign .gi-rd-btn--primary:hover,
body.gi-redesign .gi-rd-btn--primary:focus-visible {
	background: var(--gi-rd-primary-deep);
	color: #fff;
	transform: translateY(-1px);
	box-shadow: 0 10px 20px rgba(84, 35, 231, 0.3);
}

body.gi-redesign .gi-rd-btn--secondary {
	background: var(--gi-rd-surface);
	color: var(--gi-rd-ink);
	border-color: var(--gi-rd-border-strong);
}

body.gi-redesign .gi-rd-btn--secondary:hover,
body.gi-redesign .gi-rd-btn--secondary:focus-visible {
	border-color: var(--gi-rd-primary);
	color: var(--gi-rd-primary-deep);
	transform: translateY(-1px);
}

body.gi-redesign .gi-rd-btn--ghost {
	background: transparent;
	color: var(--gi-rd-ink);
	border-color: transparent;
	padding-inline: 0.5rem;
}

body.gi-redesign .gi-rd-btn--ghost:hover,
body.gi-redesign .gi-rd-btn--ghost:focus-visible {
	color: var(--gi-rd-primary-deep);
}

body.gi-redesign .gi-rd-section--dark .gi-rd-btn--secondary {
	background: transparent;
	color: var(--gi-rd-dark-ink);
	border-color: rgba(255, 255, 255, 0.25);
}

body.gi-redesign .gi-rd-section--dark .gi-rd-btn--secondary:hover,
body.gi-redesign .gi-rd-section--dark .gi-rd-btn--secondary:focus-visible {
	border-color: var(--gi-rd-accent);
	color: var(--gi-rd-accent);
}

body.gi-redesign .gi-rd-cta-row {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	margin-top: 1.5rem;
}

body.gi-redesign .gi-rd-cta-row--center {
	justify-content: center;
}

body.gi-redesign .gi-rd-btn:focus-visible {
	outline: 3px solid #b3a0ff;
	outline-offset: 2px;
}

/* ============================================================
 * 5. Header: enforce desktop nav at >=1024px, hide hamburger
 * ============================================================ */
@media (min-width: 1024px) {
	.site-header__brand {
		flex: 0 0 auto;
	}

	.site-navigation {
		display: flex !important;
		align-items: center;
		overflow: visible !important;
	}

	.site-menu {
		overflow: visible !important;
		height: auto !important;
	}

	.site-nav-toggle {
		display: none !important;
	}

	.site-header__actions {
		display: flex !important;
	}

	.site-header,
	.site-header__inner {
		overflow: visible;
	}
}

@media (max-width: 1023.98px) {
	.site-navigation {
		display: none !important;
	}

	.site-header__actions {
		display: none !important;
	}

	.site-nav-toggle {
		display: inline-flex !important;
	}
}

.site-brand--svg .site-brand__image {
	max-height: 1.8rem;
	width: auto;
}

/* ============================================================
 * 6. Hero with Three Live Previews
 * ============================================================ */
body.gi-redesign .gi-rd-hero {
	padding-block: var(--gi-rd-hero-pt) var(--gi-rd-hero-pb);
	background: linear-gradient(180deg, #fafafd 0%, #f0edff 100%);
	position: relative;
	overflow: hidden;
}

body.gi-redesign .gi-rd-hero::after {
	content: "";
	position: absolute;
	inset: 0;
	background-image:
		linear-gradient(rgba(84, 35, 231, 0.04) 1px, transparent 1px),
		linear-gradient(90deg, rgba(84, 35, 231, 0.04) 1px, transparent 1px);
	background-size: 32px 32px;
	mask-image: radial-gradient(ellipse at 50% 0%, rgba(0, 0, 0, 0.6), transparent 65%);
	-webkit-mask-image: radial-gradient(ellipse at 50% 0%, rgba(0, 0, 0, 0.6), transparent 65%);
	pointer-events: none;
	z-index: 0;
}

body.gi-redesign .gi-rd-hero__grid {
	display: grid;
	gap: clamp(2rem, 3vw, 3.5rem);
	align-items: start;
	position: relative;
	z-index: 1;
}

@media (min-width: 1024px) {
	body.gi-redesign .gi-rd-hero__grid {
		grid-template-columns: minmax(0, 1.05fr) minmax(0, 1.1fr);
		align-items: center;
	}
}

body.gi-redesign .gi-rd-hero__content {
	max-width: 36rem;
}

body.gi-redesign .gi-rd-hero__lead {
	margin-top: 1.2rem;
	font-size: clamp(1.05rem, 1.25vw, 1.18rem);
	line-height: 1.55;
	color: var(--gi-rd-ink-2);
}

body.gi-redesign .gi-rd-hero__trust {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.4rem 0.9rem;
	margin-top: 1.5rem;
	font-size: 0.88rem;
	color: var(--gi-rd-muted);
}

body.gi-redesign .gi-rd-hero__trust-dot {
	width: 4px;
	height: 4px;
	border-radius: 999px;
	background: var(--gi-rd-border-strong);
	display: inline-block;
}

/* Three Live Previews */
body.gi-redesign .gi-rd-tlp {
	background: var(--gi-rd-surface);
	border-radius: var(--gi-rd-radius-lg);
	border: 1px solid var(--gi-rd-border);
	box-shadow: var(--gi-rd-shadow-lg);
	overflow: hidden;
	width: 100%;
}

body.gi-redesign .gi-rd-tlp__tabs {
	display: flex;
	gap: 0;
	border-bottom: 1px solid var(--gi-rd-border);
	padding: 0.5rem;
	background: var(--gi-rd-bg-alt);
	overflow-x: auto;
	scrollbar-width: none;
}

body.gi-redesign .gi-rd-tlp__tabs::-webkit-scrollbar { display: none; }

body.gi-redesign .gi-rd-tlp__tab {
	flex: 1;
	min-width: max-content;
	padding: 0.65rem 1rem;
	border: none;
	background: transparent;
	font-family: inherit;
	font-size: 0.9rem;
	font-weight: 600;
	color: var(--gi-rd-muted);
	cursor: pointer;
	border-radius: 0.55rem;
	transition: background 0.18s var(--gi-rd-easing), color 0.18s var(--gi-rd-easing);
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
}

body.gi-redesign .gi-rd-tlp__tab[aria-selected="true"] {
	background: var(--gi-rd-surface);
	color: var(--gi-rd-ink);
	box-shadow: var(--gi-rd-shadow-sm);
}

body.gi-redesign .gi-rd-tlp__tab:hover:not([aria-selected="true"]) {
	color: var(--gi-rd-ink);
}

body.gi-redesign .gi-rd-tlp__panels {
	padding: clamp(1rem, 1.5vw, 1.4rem);
	background: var(--gi-rd-surface);
	min-height: 22rem;
}

body.gi-redesign .gi-rd-tlp__panel[hidden] {
	display: none;
}

body.gi-redesign .gi-rd-tlp__panel {
	display: grid;
	gap: 1rem;
	animation: gi-rd-fade 0.22s var(--gi-rd-easing);
}

@keyframes gi-rd-fade {
	from { opacity: 0; transform: translateY(4px); }
	to   { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
	body.gi-redesign .gi-rd-tlp__panel { animation: none; }
}

/* Generic preview frame */
body.gi-redesign .gi-rd-preview {
	background: linear-gradient(180deg, #fbfbfe 0%, #f4f4f9 100%);
	border: 1px solid var(--gi-rd-border);
	border-radius: var(--gi-rd-radius);
	overflow: hidden;
}

body.gi-redesign .gi-rd-preview__chrome {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.55rem 0.8rem;
	background: var(--gi-rd-bg-alt);
	border-bottom: 1px solid var(--gi-rd-border);
}

body.gi-redesign .gi-rd-preview__dot {
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: var(--gi-rd-border-strong);
}

body.gi-redesign .gi-rd-preview__dot--r { background: #ff6b6b; }
body.gi-redesign .gi-rd-preview__dot--y { background: #ffd166; }
body.gi-redesign .gi-rd-preview__dot--g { background: #51cf66; }

body.gi-redesign .gi-rd-preview__url {
	margin-left: 0.6rem;
	font-size: 0.78rem;
	color: var(--gi-rd-muted);
	font-family: ui-monospace, "SFMono-Regular", Menlo, Monaco, Consolas, monospace;
}

body.gi-redesign .gi-rd-preview__body {
	padding: clamp(0.9rem, 1.3vw, 1.3rem);
}

/* ============================================================
 * 8. Dark system statement
 * ============================================================ */
body.gi-redesign .gi-rd-statement {
	background: var(--gi-rd-dark-bg);
	color: var(--gi-rd-dark-ink);
	position: relative;
	overflow: hidden;
}

body.gi-redesign .gi-rd-statement::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image:
		linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
	background-size: 40px 40px;
	pointer-events: none;
}

body.gi-redesign .gi-rd-statement__inner {
	position: relative;
	display: grid;
	gap: 2.5rem;
}

@media (min-width: 1024px) {
	body.gi-redesign .gi-rd-statement__inner {
		grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
		gap: 4rem;
		align-items: center;
	}
}

body.gi-redesign .gi-rd-statement h2 {
	font-size: clamp(2rem, 4vw, 3.2rem);
	line-height: 1.05;
	letter-spacing: -0.025em;
	font-weight: 700;
	margin: 0;
	color: var(--gi-rd-dark-ink);
}

body.gi-redesign .gi-rd-statement__points {
	display: grid;
	gap: 0.9rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

body.gi-redesign .gi-rd-statement__point {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 0.8rem;
	padding: 0.95rem 1rem;
	background: var(--gi-rd-dark-surface);
	border: 1px solid var(--gi-rd-dark-border);
	border-radius: var(--gi-rd-radius);
}

body.gi-redesign .gi-rd-statement__num {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.9rem;
	height: 1.9rem;
	border-radius: 0.5rem;
	background: rgba(125, 93, 247, 0.18);
	color: #c9b8ff;
	font-weight: 700;
	font-size: 0.82rem;
}

body.gi-redesign .gi-rd-statement__point strong {
	display: block;
	color: var(--gi-rd-dark-ink);
	margin-bottom: 0.15rem;
}

body.gi-redesign .gi-rd-statement__point span {
	color: var(--gi-rd-dark-muted);
	font-size: 0.92rem;
	line-height: 1.5;
}

/* ============================================================
 * 10. Service direction cards (sites / SEO / systems)
 * ============================================================ */
body.gi-redesign .gi-rd-directions {
	display: grid;
	gap: 1rem;
}

@media (min-width: 1024px) {
	body.gi-redesign .gi-rd-directions { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

body.gi-redesign .gi-rd-direction {
	display: flex;
	flex-direction: column;
	gap: 0.7rem;
	padding: 1.5rem 1.4rem;
	background: var(--gi-rd-surface);
	border: 1px solid var(--gi-rd-border);
	border-radius: var(--gi-rd-radius-lg);
}

body.gi-redesign .gi-rd-direction__title {
	font-size: 1.2rem;
	font-weight: 700;
	margin: 0;
}

body.gi-redesign .gi-rd-direction__pain {
	color: var(--gi-rd-muted);
	font-size: 0.92rem;
	line-height: 1.5;
	margin: 0;
}

body.gi-redesign .gi-rd-direction__outcome {
	padding: 0.6rem 0.8rem;
	background: var(--gi-rd-primary-soft);
	border-radius: 0.55rem;
	font-size: 0.85rem;
	color: var(--gi-rd-primary-deep);
	font-weight: 600;
	line-height: 1.4;
}

body.gi-redesign .gi-rd-direction__children {
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	gap: 0.35rem;
}

body.gi-redesign .gi-rd-direction__children a {
	font-size: 0.88rem;
	color: var(--gi-rd-ink-2);
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
}

body.gi-redesign .gi-rd-direction__children a::before {
	content: "·";
	color: var(--gi-rd-border-strong);
}

body.gi-redesign .gi-rd-direction__children a:hover,
body.gi-redesign .gi-rd-direction__children a:focus-visible {
	color: var(--gi-rd-primary-deep);
}

body.gi-redesign .gi-rd-direction__cta {
	margin-top: auto;
	padding-top: 0.4rem;
}

/* ============================================================
 * 11. Pricing tier card + estimator
 * ============================================================ */
body.gi-redesign .gi-rd-tabs {
	display: inline-flex;
	gap: 0.25rem;
	padding: 0.3rem;
	background: var(--gi-rd-surface);
	border: 1px solid var(--gi-rd-border);
	border-radius: 0.7rem;
	margin-bottom: 2rem;
}

body.gi-redesign .gi-rd-tabs__tab {
	padding: 0.55rem 1rem;
	font-size: 0.92rem;
	font-weight: 600;
	color: var(--gi-rd-muted);
	background: transparent;
	border: none;
	border-radius: 0.5rem;
	cursor: pointer;
	font-family: inherit;
	transition: background 0.18s var(--gi-rd-easing), color 0.18s var(--gi-rd-easing);
}

body.gi-redesign .gi-rd-tabs__tab[aria-selected="true"] {
	background: var(--gi-rd-ink);
	color: #fff;
}

body.gi-redesign .gi-rd-tiers {
	display: grid;
	gap: 1rem;
}

@media (min-width: 1024px) {
	body.gi-redesign .gi-rd-tiers { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

body.gi-redesign .gi-rd-tier {
	display: flex;
	flex-direction: column;
	gap: 0.9rem;
	padding: 1.5rem 1.4rem 1.7rem;
	background: var(--gi-rd-surface);
	border: 1px solid var(--gi-rd-border);
	border-radius: var(--gi-rd-radius-lg);
	position: relative;
}

body.gi-redesign .gi-rd-tier--featured {
	border-color: var(--gi-rd-primary);
	box-shadow: var(--gi-rd-shadow-md);
}

body.gi-redesign .gi-rd-tier__badge {
	position: absolute;
	top: -0.65rem;
	left: 1.4rem;
	background: var(--gi-rd-primary);
	color: #fff;
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.02em;
	padding: 0.25rem 0.6rem;
	border-radius: 999px;
}

body.gi-redesign .gi-rd-tier__title {
	font-size: 0.85rem;
	font-weight: 600;
	color: var(--gi-rd-muted);
	letter-spacing: 0.02em;
	text-transform: none;
	margin: 0;
}

body.gi-redesign .gi-rd-tier__price {
	display: flex;
	align-items: baseline;
	gap: 0.35rem;
	margin: 0;
}

body.gi-redesign .gi-rd-tier__price-value {
	font-size: 2rem;
	font-weight: 700;
	color: var(--gi-rd-ink);
	letter-spacing: -0.02em;
}

body.gi-redesign .gi-rd-tier__price-unit {
	font-size: 0.85rem;
	color: var(--gi-rd-muted);
}

body.gi-redesign .gi-rd-tier__best {
	font-size: 0.88rem;
	line-height: 1.45;
	color: var(--gi-rd-ink-2);
	margin: 0;
}

body.gi-redesign .gi-rd-tier__depends {
	margin-top: 0.75rem;
	padding-top: 0.75rem;
	border-top: 1px dashed var(--gi-rd-border);
}

body.gi-redesign .gi-rd-tier__depends-label {
	font-size: 0.72rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: var(--gi-rd-muted);
	margin: 0 0 0.4rem;
}

body.gi-redesign .gi-rd-tier__depends-list {
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	gap: 0.3rem;
}

body.gi-redesign .gi-rd-tier__depends-list li {
	font-size: 0.82rem;
	color: var(--gi-rd-ink-2);
	line-height: 1.4;
	padding-left: 0.85rem;
	position: relative;
}

body.gi-redesign .gi-rd-tier__depends-list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.55em;
	width: 0.28rem;
	height: 0.28rem;
	border-radius: 999px;
	background: color-mix(in srgb, var(--gi-rd-primary) 55%, var(--gi-rd-border));
}

body.gi-redesign .gi-rd-tier__includes,
body.gi-redesign .gi-rd-tier__excludes {
	margin-top: 0.65rem;
}

body.gi-redesign .gi-rd-tier__includes .gi-rd-tier__depends-label,
body.gi-redesign .gi-rd-tier__excludes .gi-rd-tier__depends-label {
	margin-bottom: 0.45rem;
}

body.gi-redesign .gi-rd-tier__list {
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	gap: 0.4rem;
}

body.gi-redesign .gi-rd-tier__list li {
	font-size: 0.9rem;
	color: var(--gi-rd-ink-2);
	display: grid;
	grid-template-columns: 1rem 1fr;
	gap: 0.45rem;
	line-height: 1.45;
}

body.gi-redesign .gi-rd-tier__list--excludes li {
	color: var(--gi-rd-muted);
}

body.gi-redesign .gi-rd-tier__list li::before {
	content: "?";
	color: var(--gi-rd-success);
	font-weight: 700;
	font-size: 0.95rem;
	line-height: 1.45;
}

body.gi-redesign .gi-rd-tier__list--excludes li::before {
	content: "—";
	color: var(--gi-rd-muted);
	font-weight: 400;
}

body.gi-redesign .gi-rd-tier__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
	font-size: 0.78rem;
	color: var(--gi-rd-muted);
	margin: 0;
}

body.gi-redesign .gi-rd-tier__meta strong {
	color: var(--gi-rd-ink);
	font-weight: 600;
}

body.gi-redesign .gi-rd-tier__cta {
	margin-top: auto;
}

/* ============================================================
 * 14. Pricing preview / mini-summary
 * ============================================================ */
body.gi-redesign .gi-rd-pricing-mini {
	display: grid;
	gap: 1rem;
	grid-template-columns: minmax(0, 1fr);
}

@media (min-width: 768px) {
	body.gi-redesign .gi-rd-pricing-mini { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

body.gi-redesign .gi-rd-pricing-mini__card {
	padding: 1.3rem 1.2rem;
	border: 1px solid var(--gi-rd-border);
	border-radius: var(--gi-rd-radius);
	background: var(--gi-rd-surface);
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
	text-decoration: none;
	color: var(--gi-rd-ink);
	transition: border-color 0.2s var(--gi-rd-easing), transform 0.2s var(--gi-rd-easing);
}

body.gi-redesign .gi-rd-pricing-mini__card:hover,
body.gi-redesign .gi-rd-pricing-mini__card:focus-visible {
	border-color: var(--gi-rd-primary);
	transform: translateY(-2px);
}

body.gi-redesign .gi-rd-pricing-mini__label {
	font-size: 0.85rem;
	color: var(--gi-rd-muted);
	margin: 0;
}

body.gi-redesign .gi-rd-pricing-mini__value {
	font-size: 1.3rem;
	font-weight: 700;
	margin: 0;
}

body.gi-redesign .gi-rd-pricing-mini__note {
	font-size: 0.78rem;
	color: var(--gi-rd-muted);
	margin: 0;
}

/* ============================================================
 * 15. Final CTA grid block
 * ============================================================ */
body.gi-redesign .gi-rd-final-cta {
	position: relative;
	background: var(--gi-rd-ink);
	color: var(--gi-rd-dark-ink);
	border-radius: var(--gi-rd-radius-xl);
	padding: clamp(2rem, 4vw, 3.5rem);
	overflow: hidden;
	margin-block: clamp(2.5rem, 4vw, 4rem);
}

body.gi-redesign .gi-rd-final-cta::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image:
		linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
	background-size: 32px 32px;
	pointer-events: none;
}

body.gi-redesign .gi-rd-final-cta::after {
	content: "";
	position: absolute;
	bottom: -40%;
	left: 50%;
	transform: translateX(-50%);
	width: 70%;
	height: 70%;
	background: radial-gradient(ellipse, rgba(125, 93, 247, 0.45) 0%, transparent 60%);
	pointer-events: none;
}

@media (prefers-reduced-motion: no-preference) {
	body.gi-redesign .gi-rd-final-cta::after {
		animation: gi-rd-glow 8s ease-in-out infinite alternate;
	}
}

@keyframes gi-rd-glow {
	from { opacity: 0.6; }
	to   { opacity: 1; }
}

body.gi-redesign .gi-rd-final-cta__inner {
	position: relative;
	z-index: 1;
	text-align: center;
	max-width: 38rem;
	margin: 0 auto;
}

body.gi-redesign .gi-rd-final-cta__title {
	font-size: clamp(1.6rem, 3vw, 2.4rem);
	line-height: 1.15;
	margin: 0 0 1rem;
	color: var(--gi-rd-dark-ink);
}

body.gi-redesign .gi-rd-final-cta__lead {
	font-size: 1rem;
	color: var(--gi-rd-dark-muted);
	margin: 0 0 1.7rem;
}

/* ============================================================
 * 16. FAQ accordion (redesign)
 * ============================================================ */
body.gi-redesign .gi-rd-faq {
	display: grid;
	gap: 0.4rem;
	max-width: 56rem;
	margin: 0 auto;
}

body.gi-redesign .gi-rd-faq__item {
	background: var(--gi-rd-surface);
	border: 1px solid var(--gi-rd-border);
	border-radius: var(--gi-rd-radius);
	overflow: hidden;
}

body.gi-redesign .gi-rd-faq__trigger {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: 1.1rem 1.3rem;
	background: transparent;
	border: none;
	font-family: inherit;
	font-size: 1rem;
	font-weight: 600;
	color: var(--gi-rd-ink);
	cursor: pointer;
	text-align: left;
}

body.gi-redesign .gi-rd-faq__trigger::after {
	content: "+";
	font-size: 1.3rem;
	color: var(--gi-rd-muted);
	transition: transform 0.2s var(--gi-rd-easing);
}

body.gi-redesign .gi-rd-faq__trigger[aria-expanded="true"]::after {
	content: "-";
	color: var(--gi-rd-primary-deep);
}

body.gi-redesign .gi-rd-faq__panel {
	padding: 0 1.3rem 1.1rem;
	color: var(--gi-rd-ink-2);
	font-size: 0.95rem;
	line-height: 1.6;
}

body.gi-redesign .gi-rd-faq__panel[hidden] {
	display: none;
}

/* ============================================================
 * 17. Contact form (qualified lead)
 * ============================================================ */
body.gi-redesign .gi-rd-form {
	background: var(--gi-rd-surface);
	border: 1px solid var(--gi-rd-border);
	border-radius: var(--gi-rd-radius-lg);
	padding: clamp(1.5rem, 2.5vw, 2.5rem);
}

body.gi-redesign .gi-rd-form__grid {
	display: grid;
	gap: 1rem;
}

@media (min-width: 768px) {
	body.gi-redesign .gi-rd-form__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	body.gi-redesign .gi-rd-form__field--full {
		grid-column: span 2;
	}
}

body.gi-redesign .gi-rd-form__field {
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
}

body.gi-redesign .gi-rd-form__field label {
	font-size: 0.88rem;
	font-weight: 600;
	color: var(--gi-rd-ink);
}

body.gi-redesign .gi-rd-form__field label .req {
	color: var(--gi-rd-danger);
	margin-left: 0.15rem;
}

body.gi-redesign .gi-rd-form__field input,
body.gi-redesign .gi-rd-form__field select,
body.gi-redesign .gi-rd-form__field textarea {
	width: 100%;
	padding: 0.7rem 0.85rem;
	font-family: inherit;
	font-size: 0.95rem;
	color: var(--gi-rd-ink);
	background: var(--gi-rd-surface);
	border: 1px solid var(--gi-rd-border-strong);
	border-radius: 0.55rem;
	transition: border-color 0.18s var(--gi-rd-easing), box-shadow 0.18s var(--gi-rd-easing);
}

body.gi-redesign .gi-rd-form__field input:focus,
body.gi-redesign .gi-rd-form__field select:focus,
body.gi-redesign .gi-rd-form__field textarea:focus {
	outline: none;
	border-color: var(--gi-rd-primary);
	box-shadow: 0 0 0 3px rgba(84, 35, 231, 0.15);
}

body.gi-redesign .gi-rd-form__field textarea {
	min-height: 9rem;
	resize: vertical;
}

body.gi-redesign .gi-rd-form__consent {
	display: flex;
	gap: 0.55rem;
	align-items: flex-start;
	font-size: 0.85rem;
	color: var(--gi-rd-muted);
	line-height: 1.5;
}

body.gi-redesign .gi-rd-form__consent input { margin-top: 0.2rem; }

body.gi-redesign .gi-rd-form__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.8rem;
	align-items: center;
	margin-top: 1rem;
}

body.gi-redesign .gi-rd-form__note {
	font-size: 0.82rem;
	color: var(--gi-rd-muted);
	margin: 0;
}

body.gi-redesign .gi-rd-form__status {
	margin: 0;
	padding: 0.8rem 1rem;
	border-radius: 0.6rem;
	background: var(--gi-rd-bg-alt);
	font-size: 0.92rem;
}

body.gi-redesign .gi-rd-form__status--success {
	background: rgba(22, 163, 123, 0.1);
	color: var(--gi-rd-success);
	border: 1px solid rgba(22, 163, 123, 0.3);
}

body.gi-redesign .gi-rd-form__status--error {
	background: rgba(224, 53, 106, 0.08);
	color: var(--gi-rd-danger);
	border: 1px solid rgba(224, 53, 106, 0.3);
}

/* Side info box on contact page */
body.gi-redesign .gi-marketing-page--kontakt .gi-rd-form__consent {
	margin-top: 1.25rem;
}

body.gi-redesign .gi-rd-contact__layout {
	display: grid;
	gap: 1.5rem;
}

@media (min-width: 1024px) {
	body.gi-redesign .gi-rd-contact__layout {
		grid-template-columns: minmax(0, 1.4fr) minmax(0, 0.7fr);
		gap: 2.5rem;
		align-items: start;
	}
}

body.gi-redesign .gi-rd-contact__info-col {
	min-width: 0;
}

body.gi-redesign .gi-rd-contact-info__stack {
	display: flex;
	flex-direction: column;
	gap: 0.85rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

body.gi-redesign .gi-rd-contact-info__card {
	border-radius: var(--gi-rd-radius-lg);
	border: 1px solid var(--gi-rd-border);
	background: var(--gi-rd-surface);
	box-shadow: var(--gi-rd-shadow-sm);
	padding: 1.1rem 1.15rem;
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
}

body.gi-redesign .gi-rd-contact-info__label {
	margin: 0;
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--gi-rd-primary);
}

body.gi-redesign .gi-rd-contact-info__value {
	margin: 0;
	font-size: clamp(1.05rem, 1.8vw, 1.2rem);
	font-weight: 800;
	line-height: 1.25;
	color: var(--gi-rd-ink);
	text-decoration: none;
	letter-spacing: -0.02em;
}

body.gi-redesign .gi-rd-contact-info__value:hover {
	color: var(--gi-rd-primary-deep);
}

body.gi-redesign .gi-rd-contact-info__value:focus-visible {
	outline: 2px solid var(--gi-rd-primary);
	outline-offset: 3px;
	border-radius: 4px;
}

body.gi-redesign .gi-rd-contact-info__value--plain {
	cursor: default;
}

body.gi-redesign .gi-rd-contact-info__text {
	margin: 0;
	font-size: 0.88rem;
	line-height: 1.55;
	color: var(--gi-rd-ink-2);
}

@media (min-width: 1024px) {
	body.gi-redesign .gi-rd-contact__info-col {
		position: sticky;
		top: 5.5rem;
	}
}

body.gi-redesign .gi-rd-includes-grid {
	display: grid;
	gap: 0.8rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

@media (min-width: 640px) {
	body.gi-redesign .gi-rd-includes-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

body.gi-redesign .gi-rd-includes-grid li {
	background: var(--gi-rd-surface);
	border: 1px solid var(--gi-rd-border);
	border-radius: var(--gi-rd-radius-sm);
	padding: 0.9rem 1rem;
	font-size: 0.92rem;
	color: var(--gi-rd-ink-2);
}

body.gi-redesign .gi-rd-includes-grid li strong {
	display: block;
	color: var(--gi-rd-ink);
	margin-bottom: 0.15rem;
}




body.gi-redesign .gi-rd-page-hero {
	padding-block: var(--gi-rd-hero-pt) var(--gi-rd-hero-pb);
	background: var(--gi-rd-bg);
	border-bottom: 1px solid var(--gi-rd-border);
}

body.gi-redesign .gi-rd-page-hero__inner {
	max-width: 56rem;
	margin: 0 auto;
	text-align: center;
}

body.gi-redesign .gi-rd-page-hero__crumb {
	font-size: 0.82rem;
	color: var(--gi-rd-muted);
	margin: 0 0 0.75rem;
	letter-spacing: 0.02em;
}

body.gi-redesign .gi-rd-page-hero__crumb a {
	color: inherit;
	text-decoration: none;
	border-bottom: 1px dotted var(--gi-rd-border-strong);
}

body.gi-redesign .gi-rd-page-hero__crumb a:hover,
body.gi-redesign .gi-rd-page-hero__crumb a:focus-visible {
	color: var(--gi-rd-primary-deep);
	border-color: var(--gi-rd-primary-deep);
}

/* ============================================================
 * 21. Mega menu hover affordance on desktop
 * ============================================================ */
@media (min-width: 1024px) {
	.site-menu__item--mega { position: relative; }

	.site-menu__item--mega > a::after {
		content: "";
		display: inline-block;
		width: 0;
		height: 0;
		border-left: 4px solid transparent;
		border-right: 4px solid transparent;
		border-top: 5px solid currentColor;
		opacity: 0.55;
		margin-left: 0.35rem;
		vertical-align: middle;
		transition: transform 0.2s var(--gi-rd-easing);
	}

	.site-menu__item--mega.is-open > a::after { transform: rotate(180deg); }

	/*
	 * Do not use display:none on the mega panel: it overrides legacy frontend.css
	 * hover/focus-within visibility (opacity/visibility) and breaks pure-CSS hover.
	 * Open state is handled by :hover, :focus-within, .is-open + site.js on desktop.
	 */
}

/* ============================================================
 * 22. Reduced motion: kill animations
 * ============================================================ */
@media (prefers-reduced-motion: reduce) {
	body.gi-redesign * {
		animation: none !important;
		transition-duration: 0.001ms !important;
		scroll-behavior: auto !important;
	}
}

/* ============================================================
 * 23. Legacy artefact suppression
 *     We're not removing the legacy CSS to avoid breaking
 *     non-redesigned views, but on redesigned pages we hide
 *     the worst decorative noise so it can't leak in.
 * ============================================================ */
body.gi-redesign .gix-ui,
body.gi-redesign .lp-ui-hero-glass,
body.gi-redesign .gix-investment-board,
body.gi-redesign .gi-ux-proof-router,
body.gi-redesign .gi-ux-contact-qualifier,
body.gi-redesign .gi-mobile-intent-bar {
	display: none !important;
}

/* On pages flagged as redesigned, prevent the legacy purple full-bleed
 * `.lp-hero` from creating a "single purple block" hero. */
body.gi-redesign .lp-hero {
	background: transparent !important;
	color: var(--gi-rd-ink) !important;
}

/* Hide legacy footer mobile intent bar globally; new design owns CTA placement. */
.gi-mobile-intent-bar { display: none !important; }

/* ============================================================
 * 24. Phase 1/2 polish: header, active states, proof, matrix
 * ============================================================ */
body.gi-redesign .site-main {
	padding-top: clamp(5.35rem, 6.6vw, 6.25rem);
}

body.gi-redesign .site-header__inner {
	border-color: rgba(108, 91, 212, 0.24);
}

body.gi-redesign .site-header__brand {
	position: relative;
	padding-right: 0.9rem;
	margin-right: 0.25rem;
	min-width: min(15rem, 42vw);
}

body.gi-redesign .site-header__brand::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	width: 1px;
	height: 2rem;
	background: color-mix(in srgb, var(--gi-rd-primary) 35%, #d8d8ea);
	transform: translateY(-50%);
}

body.gi-redesign .site-brand {
	min-width: min(14.2rem, 38vw);
}

body.gi-redesign .site-brand--svg .site-brand__image,
body.gi-redesign .site-brand--logo .site-brand__image {
	max-width: clamp(12.5rem, 15vw, 14.5rem);
	max-height: clamp(1.85rem, 2.2vw, 2.15rem);
}

body.gi-redesign .site-brand__name {
	font-size: 1.08rem;
	font-weight: 700;
}

@media (max-width: 1023.98px) {
	body.gi-redesign .site-main {
		padding-top: clamp(4.65rem, 8vw, 5.2rem);
	}

	body.gi-redesign .site-header__brand {
		padding-right: 0;
		margin-right: 0;
		min-width: 0;
	}

	body.gi-redesign .site-header__brand::after {
		display: none;
	}

	body.gi-redesign .site-brand--svg .site-brand__image,
	body.gi-redesign .site-brand--logo .site-brand__image {
		max-width: clamp(10.5rem, 42vw, 12rem);
		max-height: 1.7rem;
	}
}

body.gi-redesign .site-menu > .current-menu-item > a,
body.gi-redesign .site-menu > .current_page_item > a,
body.gi-redesign .site-menu > .current-menu-ancestor > a,
body.gi-redesign .site-menu > .current_page_ancestor > a,
body.gi-redesign .site-menu > .is-current > a,
body.gi-redesign .site-menu > .is-active > a {
	background: color-mix(in srgb, var(--gi-rd-primary) 12%, #fff);
	color: var(--gi-rd-ink);
	box-shadow: inset 0 -2px 0 color-mix(in srgb, var(--gi-rd-primary) 72%, #8a7be6);
}

body.gi-redesign .site-menu > li > a:focus-visible {
	outline: 2px solid color-mix(in srgb, var(--gi-rd-primary) 68%, #8f80e8);
	outline-offset: 2px;
}

body.gi-redesign .site-mega-panel__item.is-current > .site-mega-panel__link,
body.gi-redesign .site-mega-panel__item.is-active > .site-mega-panel__link,
body.gi-redesign .site-mega-panel__item.current-menu-item > .site-mega-panel__link,
body.gi-redesign .site-mega-panel__item.current-menu-ancestor > .site-mega-panel__link {
	border-color: color-mix(in srgb, var(--gi-rd-primary) 60%, #c3baf2);
	background: color-mix(in srgb, var(--gi-rd-primary) 7%, #fff);
	box-shadow: 0 10px 20px rgba(84, 35, 231, 0.14);
}

body.gi-redesign .site-mega-panel__subitem.is-current > a {
	color: var(--gi-rd-primary-deep);
	font-weight: 700;
	text-decoration: underline;
	text-decoration-thickness: 1.5px;
	text-underline-offset: 2px;
}

body.gi-redesign .mobile-menu__list .is-current > a,
body.gi-redesign .mobile-menu__list .is-active > a,
body.gi-redesign .mobile-menu__list .current_page_ancestor > a,
body.gi-redesign .mobile-menu__list .current-menu-ancestor > a {
	border-color: color-mix(in srgb, var(--gi-rd-primary) 42%, #ccd2e6);
	background: color-mix(in srgb, var(--gi-rd-primary) 8%, #fff);
}


body.gi-redesign .gi-rd-case-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 1rem;
}

@media (min-width: 920px) {
	body.gi-redesign .gi-rd-case-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

body.gi-redesign .gi-rd-case-card {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	height: 100%;
	padding: 1.15rem 1.1rem 1.25rem;
	border: 1px solid var(--gi-rd-border);
	border-radius: var(--gi-rd-radius);
	background: #fff;
	box-shadow: var(--gi-rd-shadow-sm);
}

body.gi-redesign .gi-rd-case-card__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0.45rem;
	margin: 0;
}

body.gi-redesign .gi-rd-case-card__meta > span {
	display: inline-flex;
	align-items: center;
	min-height: 1.6rem;
	padding: 0.2rem 0.55rem;
	border-radius: 999px;
	border: 1px solid color-mix(in srgb, var(--gi-rd-primary) 34%, #d6cff4);
	background: color-mix(in srgb, var(--gi-rd-primary) 6%, #fff);
	color: var(--gi-rd-primary-deep);
	font-size: 0.74rem;
	font-weight: 600;
}

body.gi-redesign .gi-rd-case-card__title {
	font-size: clamp(1.08rem, 1.5vw, 1.26rem);
	line-height: 1.22;
	letter-spacing: -0.01em;
	margin: 0;
}

body.gi-redesign .gi-rd-case-card__context {
	margin: -0.2rem 0 0;
	color: var(--gi-rd-muted-2);
	font-size: 0.78rem;
	line-height: 1.4;
}

body.gi-redesign .gi-rd-case-card__flow {
	display: grid;
	gap: 0.5rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

body.gi-redesign .gi-rd-case-card__flow li {
	font-size: 0.88rem;
	line-height: 1.52;
	color: var(--gi-rd-ink-2);
}

body.gi-redesign .gi-rd-case-card__flow strong {
	color: var(--gi-rd-ink);
	font-weight: 700;
}

body.gi-redesign .gi-rd-case-card__cta {
	margin-top: auto;
	padding-top: 0.35rem;
}

body.gi-redesign .gi-rd-testimonial-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 1rem;
}

@media (min-width: 900px) {
	body.gi-redesign .gi-rd-testimonial-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

body.gi-redesign .gi-rd-testimonial-card {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	height: 100%;
	padding: 1.1rem 1rem;
	border: 1px solid var(--gi-rd-border);
	border-radius: var(--gi-rd-radius);
	background: #fff;
	box-shadow: var(--gi-rd-shadow-sm);
}

body.gi-redesign .gi-rd-testimonial-card__quote {
	margin: 0;
	font-size: 0.95rem;
	line-height: 1.58;
	color: var(--gi-rd-ink);
}

body.gi-redesign .gi-rd-testimonial-card__meta {
	margin: auto 0 0;
	display: grid;
	gap: 0.2rem;
	font-size: 0.82rem;
	color: var(--gi-rd-muted);
}

body.gi-redesign .gi-rd-testimonial-card__meta strong {
	color: var(--gi-rd-ink);
	font-weight: 700;
}

body.gi-redesign .gi-rd-pricing-matrix-wrap .gi-rd-section-head {
	max-width: 64ch;
}

body.gi-redesign .gi-rd-pricing-matrix-block {
	margin-top: 1.3rem;
	padding: 1rem;
	border: 1px solid var(--gi-rd-border);
	border-radius: var(--gi-rd-radius-lg);
	background: #fff;
	box-shadow: var(--gi-rd-shadow-sm);
}

body.gi-redesign .gi-rd-pricing-matrix-block + .gi-rd-pricing-matrix-block {
	margin-top: 1rem;
}

body.gi-redesign .gi-rd-pricing-matrix-scroll {
	overflow-x: auto;
	border-radius: var(--gi-rd-radius-sm);
	border: 1px solid var(--gi-rd-border);
	background: #fff;
}

body.gi-redesign .gi-rd-pricing-matrix {
	width: 100%;
	border-collapse: collapse;
	min-width: 720px;
}

body.gi-redesign .gi-rd-pricing-matrix th,
body.gi-redesign .gi-rd-pricing-matrix td {
	padding: 0.72rem 0.68rem;
	border-bottom: 1px solid var(--gi-rd-border);
	vertical-align: top;
	font-size: 0.84rem;
}

body.gi-redesign .gi-rd-pricing-matrix thead th {
	background: color-mix(in srgb, var(--gi-rd-primary) 5%, #fff);
	text-align: left;
	font-weight: 700;
	color: var(--gi-rd-ink);
}

body.gi-redesign .gi-rd-pricing-matrix tbody tr:last-child th,
body.gi-redesign .gi-rd-pricing-matrix tbody tr:last-child td {
	border-bottom: 0;
}

body.gi-redesign .gi-rd-pricing-matrix tbody th {
	font-weight: 600;
	width: 28%;
	color: var(--gi-rd-ink);
}

body.gi-redesign .gi-rd-pricing-matrix tbody th a {
	color: var(--gi-rd-primary-deep);
	text-decoration: none;
}

body.gi-redesign .gi-rd-pricing-matrix tbody th a:hover,
body.gi-redesign .gi-rd-pricing-matrix tbody th a:focus-visible {
	text-decoration: underline;
	text-underline-offset: 2px;
}

body.gi-redesign .gi-rd-pricing-matrix__tier-title {
	display: block;
	font-weight: 700;
}

body.gi-redesign .gi-rd-pricing-matrix__tier-meta {
	display: block;
	margin-top: 0.12rem;
	font-size: 0.75rem;
	font-weight: 500;
	color: var(--gi-rd-muted);
}

body.gi-redesign .gi-rd-matrix-state {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 1.55rem;
	padding: 0.12rem 0.55rem;
	border-radius: 999px;
	border: 1px solid transparent;
	font-size: 0.74rem;
	font-weight: 600;
	line-height: 1.25;
}

body.gi-redesign .gi-rd-matrix-state--included {
	background: color-mix(in srgb, #14a06e 14%, #fff);
	border-color: color-mix(in srgb, #14a06e 38%, #d4f1e3);
	color: #0f7c59;
}

body.gi-redesign .gi-rd-matrix-state--optional {
	background: color-mix(in srgb, #f3a20b 13%, #fff);
	border-color: color-mix(in srgb, #f3a20b 35%, #f5e5c8);
	color: #8f6412;
}

body.gi-redesign .gi-rd-matrix-state--custom {
	background: color-mix(in srgb, var(--gi-rd-primary) 8%, #fff);
	border-color: color-mix(in srgb, var(--gi-rd-primary) 36%, #d4ccf5);
	color: var(--gi-rd-primary-deep);
}

body.gi-redesign .gi-rd-pricing-matrix__fit {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
	gap: 0.55rem;
	margin-top: 0.78rem;
}

body.gi-redesign .gi-rd-pricing-matrix__fit > div {
	padding: 0.6rem 0.65rem;
	border-radius: 0.65rem;
	background: var(--gi-rd-bg-alt);
	border: 1px solid var(--gi-rd-border);
	font-size: 0.8rem;
	line-height: 1.45;
	color: var(--gi-rd-muted);
}

@media (max-width: 719px) {
	body.gi-redesign .gi-rd-pricing-matrix-block {
		padding: 0.85rem 0.75rem;
	}

	body.gi-redesign .gi-rd-pricing-matrix-scroll {
		overflow-x: visible;
		border: 0;
		background: transparent;
	}

	body.gi-redesign .gi-rd-pricing-matrix {
		min-width: 0;
		width: 100%;
		display: block;
	}

	body.gi-redesign .gi-rd-pricing-matrix thead {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip-path: inset(50%);
		white-space: nowrap;
		border: 0;
	}

	body.gi-redesign .gi-rd-pricing-matrix tbody {
		display: flex;
		flex-direction: column;
		gap: 0.65rem;
	}

	body.gi-redesign .gi-rd-pricing-matrix tbody tr {
		display: block;
		border: 1px solid var(--gi-rd-border);
		border-radius: var(--gi-rd-radius);
		background: #fff;
		box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset;
		overflow: hidden;
	}

	body.gi-redesign .gi-rd-pricing-matrix tbody th {
		display: block;
		width: 100%;
		box-sizing: border-box;
		padding: 0.7rem 0.8rem;
		border-bottom: 1px solid var(--gi-rd-border);
		background: color-mix(in srgb, var(--gi-rd-primary) 4%, #fff);
		font-size: 0.88rem;
		overflow-wrap: anywhere;
		hyphens: auto;
	}

	body.gi-redesign .gi-rd-pricing-matrix tbody td {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		grid-template-rows: auto auto;
		column-gap: 0.55rem;
		row-gap: 0.08rem;
		align-items: center;
		padding: 0.55rem 0.8rem;
		border-bottom: 1px solid var(--gi-rd-border);
	}

	body.gi-redesign .gi-rd-pricing-matrix tbody tr td:last-child {
		border-bottom: 0;
	}

	body.gi-redesign .gi-rd-pricing-matrix__cell::before {
		content: attr(data-matrix-tier-name);
		grid-column: 1;
		grid-row: 1;
		font-weight: 700;
		font-size: 0.78rem;
		line-height: 1.2;
		color: var(--gi-rd-ink);
	}

	body.gi-redesign .gi-rd-pricing-matrix__cell::after {
		content: attr(data-matrix-tier-time);
		grid-column: 1;
		grid-row: 2;
		font-size: 0.66rem;
		line-height: 1.25;
		color: var(--gi-rd-muted);
		font-weight: 500;
	}

	body.gi-redesign .gi-rd-pricing-matrix__cell .gi-rd-matrix-state {
		grid-column: 2;
		grid-row: 1 / span 2;
		justify-self: end;
		align-self: center;
	}

	body.gi-redesign .gi-rd-pricing-matrix__fit {
		grid-template-columns: 1fr;
		gap: 0.5rem;
		margin-top: 0.65rem;
	}

	body.gi-redesign .gi-rd-pricing-matrix__fit > div {
		padding: 0.55rem 0.6rem;
		font-size: 0.78rem;
	}
}

body.gi-redesign .gi-rd-tier[id] {
	scroll-margin-top: 7rem;
}



body.gi-redesign .gi-rd-direction,
body.gi-redesign .gi-rd-tier {
	height: 100%;
}

body.gi-redesign .gi-rd-tier__cta,
body.gi-redesign .gi-rd-direction__cta {
	margin-top: auto;
}

/* ============================================================
 * Article / single (blog surface) — readable body, light chrome
 * ============================================================ */
body.gi-rd-blog-surface .gi-rd-article {
	background: var(--gi-rd-bg);
}

body.gi-rd-blog-surface .gi-rd-article__header {
	padding-bottom: clamp(1.25rem, 2.5vw, 2rem);
}

body.gi-rd-blog-surface .gi-rd-article__header-top {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1rem 1.5rem;
	margin-bottom: 0.75rem;
}

body.gi-rd-blog-surface .gi-rd-article__back-link {
	font-weight: 600;
	font-size: 0.9rem;
}

body.gi-rd-blog-surface .gi-rd-article__meta {
	margin-bottom: 0.85rem;
}

body.gi-rd-blog-surface .gi-rd-article__h1 {
	margin-top: 0.35rem;
}

body.gi-rd-blog-surface .gi-rd-article__lead {
	max-width: 62ch;
}

body.gi-rd-blog-surface .gi-rd-article__chips {
	display: flex;
	flex-wrap: wrap;
	gap: 0.45rem;
	margin: 0 0 0.85rem;
	padding: 0;
	list-style: none;
}

body.gi-rd-blog-surface .gi-rd-article__chips .gi-rd-chip {
	display: inline-flex;
	align-items: center;
	padding: 0.28rem 0.65rem;
	border-radius: 999px;
	border: 1px solid var(--gi-rd-border);
	background: var(--gi-rd-bg-alt, #f8f9fc);
	font-size: 0.82rem;
	font-weight: 600;
	color: var(--gi-rd-ink-2);
}

body.gi-rd-blog-surface .gi-rd-article__figure {
	margin: clamp(1rem, 2vw, 1.75rem) 0 0;
	border-radius: 0.85rem;
	overflow: hidden;
	border: 1px solid var(--gi-rd-border);
	background: var(--gi-rd-surface, #fff);
	box-shadow: var(--gi-rd-shadow-sm, 0 8px 24px rgba(15, 23, 42, 0.06));
}

body.gi-rd-blog-surface .gi-rd-article__image {
	display: block;
	width: 100%;
	height: auto;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-blog-post-hero--center .gi-rd-article__meta {
	text-align: center;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-blog-post-hero--center .gi-rd-article__meta .entry-meta__line {
	justify-content: center;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-blog-post-hero--center .gi-rd-article__h1 {
	text-align: center;
	margin-inline: auto;
	max-width: min(52rem, 100%);
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-blog-post-hero--center .gi-rd-article__lead {
	text-align: center;
	margin-inline: auto;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-blog-post-hero--center .gi-rd-article__figure {
	max-width: min(56rem, 100%);
	margin-inline: auto;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-blog-post-hero--center .gi-kicker {
	display: inline-block;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-blog-post-hero--center .gi-rd-article__header-top {
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 100%;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-blog-post-hero--center .gi-rd-article__header-top .breadcrumbs {
	width: 100%;
	text-align: center;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-blog-post-hero--center .gi-rd-article__header-top .breadcrumbs .breadcrumbs__list {
	justify-content: center;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-blog-post-hero--center .gi-rd-article__header-top .breadcrumbs.breadcrumbs--yoast {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-blog-post-hero--center .gi-rd-article__back {
	display: flex;
	justify-content: center;
	width: 100%;
}

body.gi-rd-blog-surface .gi-rd-article__content {
	padding-block: clamp(1.75rem, 3vw, 2.75rem);
}

body.gi-rd-blog-surface .gi-rd-article__content .gi-article-layout {
	display: grid;
	gap: clamp(1.25rem, 2.5vw, 2rem);
}

@media (min-width: 960px) {
	body.gi-rd-blog-surface .gi-rd-article__content .gi-article-layout {
		grid-template-columns: minmax(0, 1fr) minmax(14rem, 17rem);
		align-items: start;
	}
}

body.gi-rd-blog-surface .gi-rd-article__content .gi-article-main {
	font-size: 1.05rem;
	line-height: 1.72;
	color: var(--gi-rd-ink);
	max-width: 68ch;
}

body.gi-rd-blog-surface .gi-rd-article__content .gi-article-main > *:first-child {
	margin-top: 0;
}

body.gi-rd-blog-surface .gi-rd-article__content .gi-article-main > *:last-child {
	margin-bottom: 0;
}

body.gi-rd-blog-surface .gi-rd-article__content .gi-article-main :where(h2, h3, h4) {
	line-height: 1.22;
	margin: 1.65em 0 0.55em;
	color: var(--gi-rd-ink);
}

body.gi-rd-blog-surface .gi-rd-article__content .gi-article-main :where(h2) {
	font-size: clamp(1.25rem, 1.6vw, 1.45rem);
}

body.gi-rd-blog-surface .gi-rd-article__content .gi-article-main :where(h3) {
	font-size: 1.08rem;
}

body.gi-rd-blog-surface .gi-rd-article__content .gi-article-main :where(p, ul, ol) {
	margin: 0 0 1.1em;
}

body.gi-rd-blog-surface .gi-rd-article__content .gi-article-main :where(ul, ol) {
	padding-left: 1.25rem;
}

body.gi-rd-blog-surface .gi-rd-article__content .gi-article-main :where(li + li) {
	margin-top: 0.35em;
}

body.gi-rd-blog-surface .gi-rd-article__content .gi-article-main :is(blockquote, .wp-block-quote) {
	margin: 1.35rem 0 1.75rem;
	padding: 0.85rem 1rem 0.85rem 1.1rem;
	border-left: 4px solid color-mix(in srgb, var(--gi-rd-primary) 55%, var(--gi-rd-border));
	border-radius: 0 0.55rem 0.55rem 0;
	background: var(--gi-rd-bg-alt, #f8f9fc);
	color: var(--gi-rd-ink-2);
}

body.gi-rd-blog-surface .gi-rd-article__content .gi-article-main :is(blockquote, .wp-block-quote) + * {
	margin-top: 1.1rem;
}

body.gi-rd-blog-surface .gi-rd-article__content .gi-article-main :where(pre, code) {
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	font-size: 0.9em;
}

body.gi-rd-blog-surface .gi-rd-article__content .gi-article-main pre {
	overflow: auto;
	max-width: 100%;
	padding: 0.85rem 1rem;
	border-radius: 0.55rem;
	border: 1px solid var(--gi-rd-border);
	background: #0f172a;
	color: #e2e8f0;
}

body.gi-rd-blog-surface .gi-rd-article__content .gi-article-main :where(.wp-block-table, table) {
	display: block;
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

body.gi-rd-blog-surface .gi-rd-article__content .gi-article-main table {
	display: table;
	width: 100%;
	border-collapse: collapse;
	font-size: 0.92rem;
}

body.gi-rd-blog-surface .gi-rd-article__content .gi-article-main :where(.wp-block-image figcaption, .wp-caption-text) {
	margin-top: 0.45rem;
	font-size: 0.88rem;
	line-height: 1.45;
	color: var(--gi-rd-ink-2);
}

body.gi-rd-blog-surface .gi-rd-article__content .gi-article-sidebar {
	font-size: 0.92rem;
	line-height: 1.5;
	color: var(--gi-rd-ink-2);
}

body.gi-rd-blog-surface .gi-rd-article__adjacent {
	padding-block: clamp(1rem, 2vw, 1.5rem);
	border-top: 1px solid var(--gi-rd-border);
	border-bottom: 1px solid var(--gi-rd-border);
	background: var(--gi-rd-bg-alt, #f8f9fc);
}

body.gi-rd-blog-surface .gi-rd-article__adjacent-inner {
	display: grid;
	gap: 0.75rem;
	grid-template-columns: 1fr;
}

@media (min-width: 640px) {
	body.gi-rd-blog-surface .gi-rd-article__adjacent-inner {
		grid-template-columns: 1fr 1fr;
	}
}

body.gi-rd-blog-surface .gi-rd-article__adjacent-placeholder {
	display: block;
	min-height: 1px;
}

body.gi-rd-blog-surface .gi-rd-article__adjacent-link {
	display: flex;
	flex-direction: column;
	gap: 0.2rem;
	padding: 0.85rem 1rem;
	border-radius: 0.65rem;
	border: 1px solid var(--gi-rd-border);
	background: #fff;
	text-decoration: none;
	color: inherit;
	transition: border-color 0.18s ease, box-shadow 0.18s ease;
	cursor: pointer;
}

body.gi-rd-blog-surface .gi-rd-article__adjacent-link:hover,
body.gi-rd-blog-surface .gi-rd-article__adjacent-link:focus-visible {
	border-color: color-mix(in srgb, var(--gi-rd-primary) 35%, var(--gi-rd-border));
	box-shadow: var(--gi-rd-shadow-sm, 0 8px 24px rgba(15, 23, 42, 0.06));
}

body.gi-rd-blog-surface .gi-rd-article__adjacent-link:focus-visible {
	outline: 2px solid var(--gi-rd-primary);
	outline-offset: 2px;
}

body.gi-rd-blog-surface .gi-rd-article__adjacent-link--next {
	text-align: right;
}

body.gi-rd-blog-surface .gi-rd-article__adjacent-label {
	font-size: 0.78rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--gi-rd-ink-2);
}

body.gi-rd-blog-surface .gi-rd-article__adjacent-title {
	font-weight: 600;
	font-size: 0.98rem;
	line-height: 1.35;
	color: var(--gi-rd-ink);
}

body.gi-rd-blog-surface .gi-rd-article__cta-inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 1.25rem;
}

body.gi-rd-blog-surface .gi-rd-article__cta-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	justify-content: flex-end;
}

body.gi-rd-blog-surface .gi-rd-article__related {
	padding-block: clamp(2rem, 4vw, 3rem);
}

body.gi-rd-blog-surface .gi-rd-article__related-grid {
	margin-top: 1.25rem;
}

body.gi-rd-blog-surface .gi-rd-article__case-meta-grid {
	display: grid;
	gap: 1rem;
	margin-top: 1rem;
	grid-template-columns: minmax(0, 1fr);
}

@media (min-width: 768px) {
	body.gi-rd-blog-surface .gi-rd-article__case-meta-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

body.gi-rd-blog-surface .gi-rd-article__case-panel {
	padding: 1rem 1.05rem;
	border-radius: 0.75rem;
	border: 1px solid var(--gi-rd-border);
	background: #fff;
}

body.gi-rd-blog-surface .gi-rd-article__case-panel .gi-rd-h3 {
	margin: 0 0 0.5rem;
	font-size: 1rem;
}

body.gi-rd-blog-surface .gi-rd-article__case-body :first-child {
	margin-top: 0;
}

body.gi-rd-blog-surface .gi-rd-article__case-body :last-child {
	margin-bottom: 0;
}

body.gi-rd-blog-surface .gi-rd-article__case-line {
	margin: 0 0 0.5rem;
	font-size: 0.95rem;
	line-height: 1.55;
}

/* Case study single: main body is full-width shell (no sidebar) */
body.gi-rd-blog-surface .gi-rd-article--case .gi-rd-article__content > .gi-article-body-shell {
	max-width: 68ch;
	margin-inline: 0;
	font-size: 1.05rem;
	line-height: 1.72;
	color: var(--gi-rd-ink);
}

body.gi-rd-blog-surface .gi-rd-article--case .gi-rd-article__content > .gi-article-body-shell :where(h2, h3, h4) {
	line-height: 1.22;
	margin: 1.65em 0 0.55em;
	color: var(--gi-rd-ink);
}

body.gi-rd-blog-surface .gi-rd-article--case .gi-rd-article__content > .gi-article-body-shell :where(p, ul, ol) {
	margin: 0 0 1.1em;
}

body.gi-rd-blog-surface .gi-rd-article--case .gi-rd-article__content > .gi-article-body-shell :where(ul, ol) {
	padding-left: 1.25rem;
}

body.gi-rd-blog-surface .gi-rd-article--case .gi-rd-article__content > .gi-article-body-shell :is(blockquote, .wp-block-quote),
body.gi-redesign.gi-rd-blog-surface .gi-rd-case-study-article__body :is(blockquote, .wp-block-quote) {
	margin: 1.35rem 0 1.75rem;
	padding: 0.85rem 1rem 0.85rem 1.1rem;
	border-left: 4px solid color-mix(in srgb, var(--gi-rd-primary) 55%, var(--gi-rd-border));
	border-radius: 0 0.55rem 0.55rem 0;
	background: var(--gi-rd-bg-alt, #f8f9fc);
	color: var(--gi-rd-ink-2);
}

body.gi-rd-blog-surface .gi-rd-article--case .gi-rd-article__content > .gi-article-body-shell :is(blockquote, .wp-block-quote) + *,
body.gi-redesign.gi-rd-blog-surface .gi-rd-case-study-article__body :is(blockquote, .wp-block-quote) + * {
	margin-top: 1.1rem;
}

body.gi-rd-blog-surface .gi-rd-article--case .gi-rd-article__content > .gi-article-body-shell pre {
	overflow: auto;
	max-width: 100%;
	padding: 0.85rem 1rem;
	border-radius: 0.55rem;
	border: 1px solid var(--gi-rd-border);
	background: #0f172a;
	color: #e2e8f0;
}

body.gi-rd-blog-surface .gi-rd-article--case .gi-rd-article__content > .gi-article-body-shell :where(.wp-block-table, table) {
	display: block;
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
/* ============================================================
 * Homepage 2026 conversion rebuild (scoped)
 * ============================================================ */
body.gi-redesign {
	--gi-home-page-bg: #f7f9fc;
	--gi-home-surface: #ffffff;
	--gi-home-surface-alt: #fcfdff;
	--gi-home-surface-soft: #f8faff;
	--gi-home-border: rgba(15, 23, 42, 0.11);
	--gi-home-border-strong: rgba(15, 23, 42, 0.16);
	--gi-home-ink: #0f172a;
	--gi-home-muted: #64748b;
	--gi-home-muted-soft: #94a3b8;
	--gi-home-violet: #6d28d9;
	--gi-home-violet-soft: #ede9fe;
	--gi-home-violet-pale: #f5f3ff;
	--gi-home-green: #16a34a;
	--gi-home-green-soft: #dcfce7;
	--gi-home-amber: #d97706;
	--gi-home-amber-soft: #fef3c7;
	--gi-home-rose: #e11d48;
	--gi-home-rose-soft: #ffe4e6;
	--gi-home-shadow: 0 18px 55px rgba(15, 23, 42, 0.1);
	--gi-home-shadow-soft: 0 10px 32px rgba(15, 23, 42, 0.07);
}

body.gi-redesign .gi-rd-home {
	background: var(--gi-home-page-bg);
	color: var(--gi-home-ink);
}

body.gi-redesign .gi-rd-home .gi-rd-section {
	padding-block: clamp(4.2rem, 7vw, 7.8rem);
}

body.gi-redesign .gi-rd-home .gi-rd-section:nth-of-type(even) {
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(246, 248, 252, 0.82) 100%);
}

body.gi-redesign .gi-rd-home .gi-rd-eyebrow,
body.gi-redesign .gi-rd-home-hero__eyebrow {
	/* Intentional homepage override: user requested to remove all kicker pills on home. */
	display: none !important;
}

body.gi-redesign .gi-rd-home .gi-rd-h1 {
	font-size: clamp(2.2rem, 4.8vw, 3.9rem);
	line-height: 1.08;
	max-width: 13ch;
}

body.gi-redesign .gi-rd-home .gi-rd-h2 {
	font-size: clamp(1.7rem, 3.1vw, 2.5rem);
	line-height: 1.15;
}

body.gi-redesign .gi-rd-home .gi-rd-lead,
body.gi-redesign .gi-rd-home .gi-rd-body {
	color: var(--gi-home-muted);
}

body.gi-redesign .gi-rd-home .gi-rd-section-head {
	max-width: 68ch;
	margin-bottom: clamp(1.65rem, 2.5vw, 2.7rem);
}

body.gi-redesign .gi-rd-home-trust .gi-rd-section-head,
body.gi-redesign .gi-rd-home-infra .gi-rd-section-head,
body.gi-redesign .gi-rd-home-modules .gi-rd-section-head,
body.gi-redesign .gi-rd-home-poland .gi-rd-section-head,
body.gi-redesign .gi-rd-home-deliverables .gi-rd-section-head,
body.gi-redesign .gi-rd-home-cases .gi-rd-section-head,
body.gi-redesign .gi-rd-home-process .gi-rd-section-head,
body.gi-redesign .gi-rd-home-founder .gi-rd-section-head,
body.gi-redesign .gi-rd-home-resources .gi-rd-section-head {
	max-width: none;
	width: 100%;
	margin-inline: auto;
	text-align: center;
	align-items: center;
}

body.gi-redesign .gi-rd-home-trust .gi-rd-section-head .gi-rd-lead,
body.gi-redesign .gi-rd-home-infra .gi-rd-section-head .gi-rd-lead,
body.gi-redesign .gi-rd-home-modules .gi-rd-section-head .gi-rd-lead,
body.gi-redesign .gi-rd-home-poland .gi-rd-section-head .gi-rd-lead,
body.gi-redesign .gi-rd-home-deliverables .gi-rd-section-head .gi-rd-lead,
body.gi-redesign .gi-rd-home-cases .gi-rd-section-head .gi-rd-lead,
body.gi-redesign .gi-rd-home-process .gi-rd-section-head .gi-rd-lead,
body.gi-redesign .gi-rd-home-founder .gi-rd-section-head .gi-rd-lead,
body.gi-redesign .gi-rd-home-resources .gi-rd-section-head .gi-rd-lead {
	max-width: none;
	width: 100%;
	margin-inline: auto;
	text-align: center;
}

body.gi-redesign .gi-rd-home .gi-rd-btn--primary {
	background: var(--gi-home-violet);
	border-color: #5b21b6;
	box-shadow: 0 12px 28px rgba(109, 40, 217, 0.25);
}

body.gi-redesign .gi-rd-home .gi-rd-btn--primary:hover,
body.gi-redesign .gi-rd-home .gi-rd-btn--primary:focus-visible {
	background: #5b21b6;
	border-color: #4c1d95;
}

body.gi-redesign .gi-rd-home .gi-rd-btn--secondary {
	background: #fff;
	border-color: var(--gi-home-border-strong);
	color: var(--gi-home-ink);
}

body.gi-redesign .gi-rd-home .gi-rd-btn--secondary:hover,
body.gi-redesign .gi-rd-home .gi-rd-btn--secondary:focus-visible {
	background: #fff;
	border-color: color-mix(in srgb, var(--gi-home-violet) 45%, #bfc3d8);
	color: #4c1d95;
}

body.gi-redesign .gi-rd-home .gi-rd-btn:focus-visible,
body.gi-redesign .gi-rd-home .gi-rd-modules__tab:focus-visible,
body.gi-redesign .gi-rd-home .gi-rd-tlp__tab:focus-visible {
	outline: 3px solid color-mix(in srgb, var(--gi-home-violet) 40%, #d6cbff);
	outline-offset: 2px;
}

body.gi-redesign .gi-rd-home-hero {
	background:
		radial-gradient(1200px 420px at 100% 0%, rgba(216, 180, 254, 0.28), transparent 58%),
		radial-gradient(900px 320px at 0% 18%, rgba(196, 181, 253, 0.24), transparent 56%),
		linear-gradient(130deg, #fafbff 0%, #f4f7ff 46%, #fff9f5 100%);
	padding-block: clamp(2rem, 3.6vw, 3.6rem) clamp(2.8rem, 4.4vw, 4.6rem);
}

body.gi-redesign .gi-rd-home-hero .gi-rd-hero__content {
	max-width: 39rem;
}

body.gi-redesign .gi-rd-home-hero .gi-rd-hero__lead {
	font-size: clamp(1.06rem, 1.28vw, 1.2rem);
	max-width: 58ch;
}

body.gi-redesign .gi-rd-home-hero__microproof {
	font-size: 0.94rem;
	line-height: 1.55;
	color: var(--gi-home-muted);
	max-width: 56ch;
}

body.gi-redesign .gi-rd-home-hero .gi-rd-hero__visual {
	position: relative;
}

body.gi-redesign .gi-rd-home-hero .gi-rd-hero__visual::before {
	content: "";
	position: absolute;
	inset: 8% -4% auto -10%;
	height: 68%;
	background: radial-gradient(circle at 70% 40%, rgba(147, 51, 234, 0.14), rgba(255, 255, 255, 0));
	z-index: 0;
	pointer-events: none;
}

body.gi-redesign .gi-rd-home-hero .gi-rd-tlp {
	position: relative;
	z-index: 1;
	background: rgba(255, 255, 255, 0.88);
	backdrop-filter: blur(3px);
	border-radius: 1.6rem;
	border: 1px solid rgba(255, 255, 255, 0.9);
	box-shadow: var(--gi-home-shadow);
}

body.gi-redesign .gi-rd-home .gi-rd-tlp__tabs {
	padding: 0.55rem;
	gap: 0.35rem;
	background: linear-gradient(180deg, #f9faff 0%, #f2f5ff 100%);
}

body.gi-redesign .gi-rd-home .gi-rd-tlp__tab {
	border: 1px solid transparent;
	font-size: 0.86rem;
	color: #5b6478;
}

body.gi-redesign .gi-rd-home .gi-rd-tlp__tab[aria-selected="true"] {
	background: #fff;
	border-color: color-mix(in srgb, var(--gi-home-violet) 28%, #d7daea);
	color: #4c1d95;
	box-shadow: 0 5px 14px rgba(109, 40, 217, 0.1);
}

body.gi-redesign .gi-rd-home .gi-rd-tlp__panels {
	background: transparent;
	padding: 1rem;
	min-height: 20rem;
}

body.gi-redesign .gi-rd-home .gi-rd-preview {
	background: var(--gi-home-surface);
	border: 1px solid var(--gi-home-border);
	border-radius: 1rem;
	overflow: hidden;
}

body.gi-redesign .gi-rd-home .gi-rd-preview__chrome {
	background: #f8faff;
	border-bottom: 1px solid color-mix(in srgb, var(--gi-home-violet) 18%, #dce0ef);
}

body.gi-redesign .gi-rd-home .gi-rd-preview__url {
	color: #7a8295;
}

body.gi-redesign .gi-rd-home .gi-rd-preview__body {
	padding: 0.9rem;
}

body.gi-redesign .gi-rd-home-mock {
	display: grid;
	gap: 0.72rem;
}

body.gi-redesign .gi-rd-home-mock--site {
	grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);
}

body.gi-redesign .gi-rd-home-mock__main,
body.gi-redesign .gi-rd-home-mock__side,
body.gi-redesign .gi-rd-home-mock__side-status,
body.gi-redesign .gi-rd-home-mock__lead-card {
	background: #fff;
	border: 1px solid var(--gi-home-border);
	border-radius: 0.85rem;
	box-shadow: 0 6px 16px rgba(15, 23, 42, 0.05);
}

body.gi-redesign .gi-rd-home-mock__main {
	padding: 0.82rem;
}

body.gi-redesign .gi-rd-home-mock__title {
	margin: 0;
	font-size: 0.98rem;
	line-height: 1.34;
	color: var(--gi-home-ink);
}

body.gi-redesign .gi-rd-home-mock__lead {
	font-size: 0.82rem;
	margin: 0.42rem 0 0;
	line-height: 1.45;
	color: var(--gi-home-muted);
}

body.gi-redesign .gi-rd-home-mock__button {
	margin-top: 0.72rem;
	padding: 0.34rem 0.68rem;
	border-radius: 0.55rem;
	font-size: 0.75rem;
	font-weight: 700;
	background: var(--gi-home-violet-soft);
	color: #4c1d95;
}

body.gi-redesign .gi-rd-home-mock__chips {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.35rem;
	margin-top: 0.75rem;
}

body.gi-redesign .gi-rd-home-mock__chips span {
	padding: 0.34rem 0.55rem;
	font-size: 0.72rem;
	text-align: center;
	font-weight: 600;
	border-radius: 0.48rem;
	border: 1px solid var(--gi-home-border);
	background: var(--gi-home-surface-soft);
}

body.gi-redesign .gi-rd-home-mock__side,
body.gi-redesign .gi-rd-home-mock__side-status {
	padding: 0.8rem;
}

body.gi-redesign .gi-rd-home-mock__side-title {
	margin: 0;
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #7f8aa3;
}

body.gi-redesign .gi-rd-home-mock__side ul,
body.gi-redesign .gi-rd-home-mock__lead-card ul,
body.gi-redesign .gi-rd-home-mock__clusters {
	margin: 0.58rem 0 0;
	padding: 0;
	list-style: none;
	display: grid;
	gap: 0.36rem;
}

body.gi-redesign .gi-rd-home-mock__side li,
body.gi-redesign .gi-rd-home-mock__lead-card li,
body.gi-redesign .gi-rd-home-mock__clusters li {
	font-size: 0.75rem;
	line-height: 1.4;
	color: #495466;
}

body.gi-redesign .gi-rd-home-mock__kpis {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.35rem;
}

body.gi-redesign .gi-rd-home-mock__kpis span {
	padding: 0.42rem 0.5rem;
	font-size: 0.74rem;
	font-weight: 600;
	border: 1px solid var(--gi-home-border);
	border-radius: 0.5rem;
	background: #fff;
}

body.gi-redesign .gi-rd-home-mock__chart {
	height: 76px;
	border-radius: 0.66rem;
	border: 1px solid color-mix(in srgb, var(--gi-home-violet) 26%, #d8dcec);
	background:
		linear-gradient(180deg, rgba(139, 92, 246, 0.16) 0%, rgba(139, 92, 246, 0.02) 100%),
		repeating-linear-gradient(90deg, transparent, transparent 13px, rgba(139, 92, 246, 0.08) 13px, rgba(139, 92, 246, 0.08) 14px);
}

body.gi-redesign .gi-rd-home-mock__note {
	margin: 0;
	font-size: 0.74rem;
	color: #7b8498;
}

body.gi-redesign .gi-rd-home-mock__clusters li {
	padding: 0.43rem 0.55rem;
	border-radius: 0.5rem;
	border: 1px solid var(--gi-home-border);
	background: #fff;
}

body.gi-redesign .gi-rd-home-mock__clusters em {
	font-style: normal;
	font-size: 0.69rem;
	color: #5b21b6;
}

body.gi-redesign .gi-rd-home-mock__board-head {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0.35rem;
}

body.gi-redesign .gi-rd-home-mock__board-head span {
	padding: 0.3rem 0.34rem;
	border-radius: 0.45rem;
	font-size: 0.69rem;
	font-weight: 700;
	text-align: center;
	background: var(--gi-home-surface-soft);
	border: 1px solid var(--gi-home-border);
}

body.gi-redesign .gi-rd-home-mock__lead-card {
	padding: 0.64rem;
}

body.gi-redesign .gi-rd-home-mock__lead-card-title {
	margin: 0;
	font-size: 0.81rem;
	font-weight: 700;
}

body.gi-redesign .gi-rd-home-trust__grid,
body.gi-redesign .gi-rd-home-starting__grid,
body.gi-redesign .gi-rd-home-poland__cards,
body.gi-redesign .gi-rd-home-deliverables__cards,
body.gi-redesign .gi-rd-home-resources__cards {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 0.95rem;
}

body.gi-redesign .gi-rd-home-trust__card,
body.gi-redesign .gi-rd-home-starting__card,
body.gi-redesign .gi-rd-home-audit__point,
body.gi-redesign .gi-rd-home-poland__card,
body.gi-redesign .gi-rd-home-deliverables__card,
body.gi-redesign .gi-rd-home-resources__card,
body.gi-redesign .gi-rd-home-founder__card,
body.gi-redesign .gi-rd-home-founder__principles,
body.gi-redesign .gi-rd-home-infra__node,
body.gi-redesign .gi-rd-home-cases .gi-rd-case-card {
	padding: 1.08rem;
	border-radius: 1rem;
	background: var(--gi-home-surface);
	border: 1px solid var(--gi-home-border);
	box-shadow: var(--gi-home-shadow-soft);
}

body.gi-redesign .gi-rd-home-audit__console,
body.gi-redesign .gi-rd-home-poland__check,
body.gi-redesign .gi-rd-home-deliverables__workspace,
body.gi-redesign .gi-rd-home-resources__hub,
body.gi-redesign .gi-rd-home-trust__status {
	padding: 1.05rem;
	border-radius: 1rem;
	background: linear-gradient(180deg, #ffffff 0%, #f9fbff 100%);
	border: 1px solid var(--gi-home-border-strong);
	box-shadow: var(--gi-home-shadow-soft);
	color: var(--gi-home-ink);
}

body.gi-redesign .gi-rd-home-trust__status-title,
body.gi-redesign .gi-rd-home-deliverables__workspace-title,
body.gi-redesign .gi-rd-home-poland__check-title,
body.gi-redesign .gi-rd-home-founder__principles-title,
body.gi-redesign .gi-rd-home-resources__hub-title {
	margin: 0;
	font-size: 0.78rem;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	font-weight: 700;
	color: #6b7388;
}

body.gi-redesign .gi-rd-home-trust__status ul,
body.gi-redesign .gi-rd-home-poland__check ul,
body.gi-redesign .gi-rd-home-deliverables__workspace ul,
body.gi-redesign .gi-rd-home-founder__facts,
body.gi-redesign .gi-rd-home-founder__principles ol,
body.gi-redesign .gi-rd-home-resources__hub ul,
body.gi-redesign .gi-rd-home-trust__status li,
body.gi-redesign .gi-rd-home-poland__check li,
body.gi-redesign .gi-rd-home-deliverables__workspace li,
body.gi-redesign .gi-rd-home-founder__facts li,
body.gi-redesign .gi-rd-home-founder__principles li,
body.gi-redesign .gi-rd-home-resources__hub li {
	margin: 0;
	font-size: 0.82rem;
	line-height: 1.45;
	color: #3f4b61;
}

body.gi-redesign .gi-rd-home-trust__status li,
body.gi-redesign .gi-rd-home-poland__check li,
body.gi-redesign .gi-rd-home-deliverables__workspace li,
body.gi-redesign .gi-rd-home-resources__hub li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.8rem;
}

body.gi-redesign .gi-rd-home-chip {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 1.45rem;
	padding: 0.14rem 0.52rem;
	border-radius: 999px;
	font-size: 0.72rem;
	font-weight: 700;
	line-height: 1.2;
	font-style: normal;
	white-space: nowrap;
	border: 1px solid transparent;
}

body.gi-redesign .gi-rd-home-chip--ok {
	background: var(--gi-home-green-soft);
	border-color: color-mix(in srgb, var(--gi-home-green) 40%, #bee9ca);
	color: #166534;
}

body.gi-redesign .gi-rd-home-chip--violet {
	background: var(--gi-home-violet-soft);
	border-color: color-mix(in srgb, var(--gi-home-violet) 35%, #d7cdfc);
	color: #5b21b6;
}

body.gi-redesign .gi-rd-home-chip--amber {
	background: var(--gi-home-amber-soft);
	border-color: color-mix(in srgb, var(--gi-home-amber) 38%, #f1dfb9);
	color: #92400e;
}

body.gi-redesign .gi-rd-home-chip--rose {
	background: var(--gi-home-rose-soft);
	border-color: color-mix(in srgb, var(--gi-home-rose) 35%, #f7c5cf);
	color: #9f1239;
}



@keyframes gi-rd-home-click-pulse {
	0% {
		transform: scale(0.74);
		opacity: 0.7;
	}
	70% {
		transform: scale(1.16);
		opacity: 0;
	}
	100% {
		transform: scale(1.16);
		opacity: 0;
	}
}

@keyframes gi-rd-home-cursor-tap {
	0%,
	32%,
	100% {
		transform: translateY(0);
	}
	18% {
		transform: translateY(2px) scale(0.96);
	}
}

body.gi-redesign .gi-rd-home-starting__steps {
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.52rem;
}

body.gi-redesign .gi-rd-home-starting__step {
	display: grid;
	grid-template-columns: auto 1fr;
	align-items: center;
	gap: 0.12rem 0.54rem;
	padding: 0.58rem 0.64rem;
	border-radius: 0.72rem;
	border: 1px solid #d9dfef;
	background: #fff;
}

body.gi-redesign .gi-rd-home-starting__step-no {
	width: 1.32rem;
	height: 1.32rem;
	border-radius: 999px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 0.72rem;
	font-weight: 700;
	border: 1px solid #d1d8ea;
	background: #f8faff;
	color: #64748b;
}

body.gi-redesign .gi-rd-home-starting__step-label {
	font-size: 0.8rem;
	font-weight: 700;
	color: #334155;
}

body.gi-redesign .gi-rd-home-starting__step-state {
	grid-column: 2 / -1;
	font-size: 0.7rem;
	font-weight: 600;
	color: #718096;
}

body.gi-redesign .gi-rd-home-starting__step.is-complete .gi-rd-home-starting__step-no,
body.gi-redesign .gi-rd-home-starting__step.is-active .gi-rd-home-starting__step-no {
	border-color: color-mix(in srgb, var(--gi-home-violet) 36%, #d4d8e8);
	color: #5b21b6;
}

body.gi-redesign .gi-rd-home-starting__step.is-complete {
	background: #fff;
}

body.gi-redesign .gi-rd-home-starting__step.is-complete .gi-rd-home-starting__step-state {
	color: #1d7a43;
}

body.gi-redesign .gi-rd-home-starting__step.is-active {
	border-color: color-mix(in srgb, var(--gi-home-violet) 42%, #cfd5e6);
	background: var(--gi-home-violet-pale);
	box-shadow: inset 0 -2px 0 rgba(109, 40, 217, 0.24);
}

body.gi-redesign .gi-rd-home-starting__step.is-active .gi-rd-home-starting__step-state {
	color: #5b21b6;
}

body.gi-redesign .gi-rd-home-starting__layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 1rem;
}

body.gi-redesign .gi-rd-home-starting__card,
body.gi-redesign .gi-rd-home-resources__card,
body.gi-redesign .gi-rd-home-cases .gi-rd-case-card {
	transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

body.gi-redesign .gi-rd-home-starting__card:hover,
body.gi-redesign .gi-rd-home-starting__card:focus-within,
body.gi-redesign .gi-rd-home-resources__card:hover,
body.gi-redesign .gi-rd-home-resources__card:focus-within,
body.gi-redesign .gi-rd-home-cases .gi-rd-case-card:hover,
body.gi-redesign .gi-rd-home-cases .gi-rd-case-card:focus-within {
	transform: translateY(-3px);
	border-color: color-mix(in srgb, var(--gi-home-violet) 35%, #c9cede);
	box-shadow: 0 14px 32px rgba(15, 23, 42, 0.12);
}

body.gi-redesign .gi-rd-home-starting__meta,
body.gi-redesign .gi-rd-home-starting__outcome {
	margin: 0.65rem 0 0;
	font-size: 0.8rem;
	font-weight: 600;
	color: #5b21b6;
}

body.gi-redesign .gi-rd-home-starting__card {
	display: flex;
	flex-direction: column;
	gap: 0.62rem;
	cursor: pointer;
	position: relative;
}

body.gi-redesign .gi-rd-home-starting__card .gi-rd-h3 {
	padding-right: 2.2rem;
}

body.gi-redesign .gi-rd-home-starting__card.is-active {
	border-color: color-mix(in srgb, var(--gi-home-violet) 42%, #cdd2e0);
	box-shadow: 0 16px 34px rgba(109, 40, 217, 0.11);
}

body.gi-redesign .gi-rd-home-starting__click-cue {
	position: absolute;
	top: 0.7rem;
	right: 0.7rem;
	width: 1.85rem;
	height: 1.85rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	background: linear-gradient(180deg, #ffffff 0%, #f2f5ff 100%);
	border: 1px solid color-mix(in srgb, var(--gi-home-violet) 24%, #d5d9e8);
	box-shadow: 0 6px 16px rgba(15, 23, 42, 0.08);
	pointer-events: none;
}

body.gi-redesign .gi-rd-home-starting__click-ring {
	position: absolute;
	inset: 0.26rem;
	border-radius: 999px;
	border: 1px solid rgba(124, 58, 237, 0.34);
	animation: gi-rd-home-click-pulse 1.8s ease-out infinite;
}

body.gi-redesign .gi-rd-home-starting__click-cursor {
	position: absolute;
	width: 0.56rem;
	height: 0.76rem;
	border-radius: 0.18rem 0.18rem 0.32rem 0.32rem;
	border: 1px solid rgba(124, 58, 237, 0.45);
	background: #fff;
	box-shadow: 0 3px 8px rgba(124, 58, 237, 0.16);
	transform-origin: center top;
	animation: gi-rd-home-cursor-tap 1.8s ease-in-out infinite;
}

body.gi-redesign .gi-rd-home-starting__card:focus-visible {
	outline: 3px solid color-mix(in srgb, var(--gi-home-violet) 40%, #d6cbff);
	outline-offset: 2px;
}

body.gi-redesign .gi-rd-home-starting__signal,
body.gi-redesign .gi-rd-home-starting__outcome {
	margin: 0;
	font-size: 0.9rem;
	line-height: 1.55;
	color: #526079;
}

body.gi-redesign .gi-rd-home-starting__signal span,
body.gi-redesign .gi-rd-home-starting__outcome span,
body.gi-redesign .gi-rd-home-starting__label,
body.gi-redesign .gi-rd-home-starting__meta-label {
	font-weight: 700;
	color: #334155;
}

body.gi-redesign .gi-rd-home-starting__label {
	margin: 0;
	font-size: 0.78rem;
	letter-spacing: 0.03em;
	text-transform: uppercase;
}

body.gi-redesign .gi-rd-home-starting__actions {
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	gap: 0.36rem;
}

body.gi-redesign .gi-rd-home-starting__actions li {
	position: relative;
	padding-left: 0.9rem;
	margin: 0;
	font-size: 0.84rem;
	line-height: 1.45;
	color: #475569;
}

body.gi-redesign .gi-rd-home-starting__actions li::before {
	content: "";
	position: absolute;
	left: 0.1rem;
	top: 0.56rem;
	width: 0.35rem;
	height: 0.35rem;
	border-radius: 999px;
	background: color-mix(in srgb, var(--gi-home-violet) 68%, #c4b5fd);
}

body.gi-redesign .gi-rd-home-starting__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.34rem;
}

body.gi-redesign .gi-rd-home-starting__route-chip {
	display: inline-flex;
	align-items: center;
	min-height: 1.34rem;
	padding: 0.1rem 0.48rem;
	border-radius: 999px;
	font-size: 0.71rem;
	font-weight: 700;
	line-height: 1.2;
	background: var(--gi-home-violet-pale);
	border: 1px solid color-mix(in srgb, var(--gi-home-violet) 30%, #d5d8e9);
	color: #5b21b6;
}

body.gi-redesign .gi-rd-home-starting__route {
	padding: 1.08rem;
	border-radius: 1rem;
	background: linear-gradient(180deg, #ffffff 0%, #f7f9ff 100%);
	border: 1px solid var(--gi-home-border-strong);
	box-shadow: var(--gi-home-shadow-soft);
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
	scroll-margin-top: calc(clamp(5.35rem, 6.6vw, 6.25rem) + 0.9rem);
}

body.gi-redesign .gi-rd-home-starting__route.is-updated {
	border-color: color-mix(in srgb, var(--gi-home-violet) 40%, #cfd6ea);
	box-shadow: 0 16px 30px rgba(109, 40, 217, 0.12);
}

body.gi-redesign .gi-rd-home-starting__route-title {
	margin: 0;
	font-size: 0.76rem;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	font-weight: 700;
	color: #6b7388;
}

body.gi-redesign .gi-rd-home-starting__route-facts {
	margin: 0.76rem 0 0;
	display: grid;
	gap: 0.45rem;
}

body.gi-redesign .gi-rd-home-starting__route-facts div {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 0.9rem;
}

body.gi-redesign .gi-rd-home-starting__route-facts dt {
	margin: 0;
	font-size: 0.74rem;
	font-weight: 700;
	color: #64748b;
}

body.gi-redesign .gi-rd-home-starting__route-facts dd {
	margin: 0;
	font-size: 0.8rem;
	font-weight: 600;
	text-align: right;
	color: #1f2f47;
}

body.gi-redesign .gi-rd-home-starting__route-steps {
	margin: 0.84rem 0 0;
	padding: 0;
	list-style: none;
	display: grid;
	gap: 0.42rem;
}

body.gi-redesign .gi-rd-home-starting__route-steps li {
	display: grid;
	grid-template-columns: auto 1fr;
	align-items: flex-start;
	gap: 0.58rem;
	padding: 0.46rem 0.52rem;
	border-radius: 0.66rem;
	border: 1px solid #dde3f2;
	background: #fff;
}

body.gi-redesign .gi-rd-home-starting__route-step-no {
	width: 1.2rem;
	height: 1.2rem;
	border-radius: 999px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 0.69rem;
	font-weight: 700;
	background: var(--gi-home-violet-soft);
	color: #5b21b6;
}

body.gi-redesign .gi-rd-home-starting__route-steps p {
	margin: 0;
	font-size: 0.8rem;
	line-height: 1.4;
	color: #43516a;
}

body.gi-redesign .gi-rd-home-starting__route-time {
	margin: 0.78rem 0 0;
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 0.7rem;
	font-size: 0.8rem;
	color: #4f5e77;
}

body.gi-redesign .gi-rd-home-starting__route-time strong {
	color: #4c1d95;
}

body.gi-redesign .gi-rd-home-starting__cta-note {
	margin: 0.72rem 0 0;
	text-align: center;
	font-size: 0.82rem;
	line-height: 1.45;
	color: #66758e;
}

body.gi-redesign .gi-rd-home-audit__grid,
body.gi-redesign .gi-rd-home-poland__grid,
body.gi-redesign .gi-rd-home-deliverables__grid,
body.gi-redesign .gi-rd-home-founder__grid,
body.gi-redesign .gi-rd-home-resources__layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 1rem;
}

body.gi-redesign .gi-rd-home-audit__points {
	display: grid;
	gap: 0.82rem;
}

body.gi-redesign .gi-rd-home-audit__point {
	position: relative;
	padding-left: 1.25rem;
}

body.gi-redesign .gi-rd-home-audit__point::before {
	content: "";
	position: absolute;
	left: 0.62rem;
	top: 1.34rem;
	width: 0.38rem;
	height: 0.38rem;
	border-radius: 999px;
	background: #8b5cf6;
	box-shadow: 0 0 0 4px rgba(139, 92, 246, 0.12);
	display: none;
}

body.gi-redesign .gi-rd-home-audit__console {
	background:
		linear-gradient(180deg, #ffffff 0%, #fbfcff 100%),
		radial-gradient(120% 100% at 100% 0%, rgba(196, 181, 253, 0.18), transparent 60%);
}

body.gi-redesign .gi-rd-home-audit__console-kicker {
	margin: 0;
	font-size: 0.78rem;
	font-weight: 700;
	color: #5b21b6;
}

body.gi-redesign .gi-rd-home-audit__console ul {
	margin: 0.72rem 0;
	padding: 0;
	list-style: none;
	display: grid;
	gap: 0.36rem;
}

body.gi-redesign .gi-rd-home-audit__console li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.7rem;
	font-size: 0.8rem;
	line-height: 1.42;
}

body.gi-redesign .gi-rd-home-audit__console li span {
	color: #425068;
}

body.gi-redesign .gi-rd-home-audit__route-title,
body.gi-redesign .gi-rd-home-audit__route {
	margin: 0;
}

body.gi-redesign .gi-rd-home-audit__route-title {
	font-size: 0.75rem;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: #77839d;
	font-weight: 700;
}

body.gi-redesign .gi-rd-home-audit__route {
	margin-top: 0.36rem;
	padding: 0.6rem 0.66rem;
	border-radius: 0.62rem;
	font-size: 0.84rem;
	font-weight: 700;
	line-height: 1.45;
	color: #4c1d95;
	background: var(--gi-home-violet-pale);
	border: 1px solid color-mix(in srgb, var(--gi-home-violet) 24%, #d9d8ed);
}

body.gi-redesign .gi-rd-home-infra__pipeline {
	display: grid;
	gap: 0.56rem;
	padding: 1rem;
	border-radius: 1.16rem;
	border: 1px solid var(--gi-home-border);
	background:
		linear-gradient(180deg, #ffffff 0%, #fbfdff 100%),
		radial-gradient(180% 130% at 100% 0%, rgba(192, 132, 252, 0.14), transparent 62%);
	margin-bottom: 1rem;
	position: relative;
	overflow: hidden;
}

body.gi-redesign .gi-rd-home-infra__pipeline::before {
	content: "";
	position: absolute;
	left: 1.2rem;
	right: 1.2rem;
	top: 50%;
	height: 2px;
	background: linear-gradient(90deg, rgba(196, 181, 253, 0.22), rgba(139, 92, 246, 0.32), rgba(251, 191, 36, 0.2));
	z-index: 0;
}

body.gi-redesign .gi-rd-home-infra__pipeline span {
	position: relative;
	z-index: 1;
	padding: 0.62rem 0.72rem;
	border-radius: 0.72rem;
	font-size: 0.84rem;
	line-height: 1.38;
	font-weight: 600;
	background: #fff;
	border: 1px solid var(--gi-home-border);
}

body.gi-redesign .gi-rd-home-infra__nodes {
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	gap: 0.8rem;
}

body.gi-redesign .gi-rd-home-infra__status {
	display: inline-flex;
	margin-top: 0.62rem;
	min-height: 1.55rem;
	padding: 0.18rem 0.58rem;
	border-radius: 999px;
	font-size: 0.72rem;
	font-weight: 700;
	background: var(--gi-home-violet-pale);
	border: 1px solid color-mix(in srgb, var(--gi-home-violet) 31%, #d4d6e7);
	color: #5b21b6;
}

body.gi-redesign .gi-rd-home-modules .gi-rd-modules__tabs {
	padding: 0.55rem;
	border-radius: 0.95rem;
	border: 1px solid var(--gi-home-border);
	background: linear-gradient(180deg, #fcfdff 0%, #f4f7ff 100%);
}

body.gi-redesign .gi-rd-home-modules .gi-rd-modules__tab {
	border: 1px solid transparent;
	font-size: 0.86rem;
	color: #59647d;
}

body.gi-redesign .gi-rd-home-modules .gi-rd-modules__tab[aria-selected="true"] {
	background: #fff;
	color: #4c1d95;
	border-color: color-mix(in srgb, var(--gi-home-violet) 35%, #cfd3e5);
	box-shadow: 0 6px 14px rgba(109, 40, 217, 0.12);
}

body.gi-redesign .gi-rd-home-modules .gi-rd-modules__panel {
	margin-top: 0.85rem;
	padding: 0.95rem;
	border-radius: 1rem;
	border: 1px solid var(--gi-home-border);
	background: #fff;
	box-shadow: var(--gi-home-shadow-soft);
}

body.gi-redesign .gi-rd-home-modules__heading {
	margin-bottom: 0.56rem;
}

body.gi-redesign .gi-rd-home-modules__preview {
	min-height: 17rem;
	background: linear-gradient(180deg, #ffffff 0%, #f8faff 100%);
}

body.gi-redesign .gi-rd-home-modules__tree {
	margin: 0;
	padding: 0.72rem;
	font-size: 0.74rem;
	line-height: 1.5;
	color: #3d4a62;
	border-radius: 0.65rem;
	border: 1px solid var(--gi-home-border);
	background: #fff;
	overflow: auto;
}

body.gi-redesign .gi-rd-home-modules__mini-page {
	margin-top: 0.62rem;
	padding: 0.6rem;
	display: grid;
	gap: 0.22rem;
	border-radius: 0.62rem;
	border: 1px solid var(--gi-home-border);
	background: var(--gi-home-violet-pale);
	font-size: 0.76rem;
}

body.gi-redesign .gi-rd-home-modules__seo-list {
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	gap: 0.4rem;
}

body.gi-redesign .gi-rd-home-modules__seo-list li {
	padding: 0.42rem 0.55rem;
	font-size: 0.78rem;
	line-height: 1.4;
	border-radius: 0.54rem;
	border: 1px solid var(--gi-home-border);
	background: #fff;
}

body.gi-redesign .gi-rd-home-modules__crm-head {
	display: grid;
	grid-template-columns: auto 0.8rem auto 0.8rem auto 0.8rem auto;
	gap: 0.24rem;
	align-items: center;
	font-size: 0.7rem;
	font-weight: 700;
	color: #53607b;
	margin-bottom: 0.6rem;
}

body.gi-redesign .gi-rd-home-poland__check {
	position: relative;
	overflow: hidden;
}

body.gi-redesign .gi-rd-home-poland__check::before {
	content: "";
	position: absolute;
	inset: 0 0 auto 0;
	height: 0.46rem;
	background: linear-gradient(90deg, #c4b5fd, #fbcfe8, #fde68a);
}

body.gi-redesign .gi-rd-home-poland__check ul {
	margin-top: 0.86rem;
}

body.gi-redesign .gi-rd-home-poland__score,
body.gi-redesign .gi-rd-home-poland__recommend,
body.gi-redesign .gi-rd-home-final__small {
	margin: 0.72rem 0 0;
	font-size: 0.83rem;
	line-height: 1.45;
	color: #4c5770;
}

body.gi-redesign .gi-rd-home-poland__score {
	font-weight: 700;
	color: #5b21b6;
}

body.gi-redesign .gi-rd-home-poland__recommend {
	padding: 0.52rem 0.62rem;
	border-radius: 0.6rem;
	background: var(--gi-home-violet-pale);
	border: 1px solid color-mix(in srgb, var(--gi-home-violet) 24%, #d6d8ea);
}

body.gi-redesign .gi-rd-home-deliverables__workspace {
	position: relative;
}

body.gi-redesign .gi-rd-home-deliverables__workspace::after {
	content: "";
	position: absolute;
	left: 1rem;
	right: 1rem;
	bottom: 0.8rem;
	height: 0.35rem;
	border-radius: 999px;
	background: linear-gradient(90deg, #22c55e 55%, #e2e8f0 55%);
}

body.gi-redesign .gi-rd-home-cases .gi-rd-case-grid {
	gap: 1.05rem;
}

body.gi-redesign .gi-rd-home-cases__carousel {
	display: grid;
	gap: 0.9rem;
}

body.gi-redesign .gi-rd-home-cases__controls {
	display: flex;
	justify-content: flex-end;
	gap: 0.48rem;
}

body.gi-redesign .gi-rd-home-cases__nav {
	width: 2.15rem;
	height: 2.15rem;
	border-radius: 999px;
	border: 1px solid var(--gi-home-border);
	background: #fff;
	color: #334155;
	font-size: 1rem;
	font-weight: 700;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-shadow: var(--gi-home-shadow-soft);
	transition: transform 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

body.gi-redesign .gi-rd-home-cases__nav:hover,
body.gi-redesign .gi-rd-home-cases__nav:focus-visible {
	border-color: color-mix(in srgb, var(--gi-home-violet) 40%, #cdd4e8);
	color: #4c1d95;
	transform: translateY(-1px);
}

body.gi-redesign .gi-rd-home-cases__nav[disabled] {
	opacity: 0.46;
	cursor: not-allowed;
	transform: none;
}

body.gi-redesign .gi-rd-home-cases__track-wrap {
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scrollbar-width: thin;
	scrollbar-color: color-mix(in srgb, var(--gi-home-violet) 40%, #cfd5e7) transparent;
	padding-bottom: 0.2rem;
}

body.gi-redesign .gi-rd-home-cases__track {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: minmax(0, 100%);
	grid-template-columns: none;
}

body.gi-redesign .gi-rd-home-cases__slide {
	scroll-snap-align: start;
}

body.gi-redesign .gi-rd-case-card__summary {
	margin: 0;
	font-size: 0.9rem;
	line-height: 1.53;
	color: #4b5b75;
}

body.gi-redesign .gi-rd-home-cases__empty {
	padding: 1.08rem;
	border-radius: 1rem;
	border: 1px solid var(--gi-home-border);
	background: #fff;
	box-shadow: var(--gi-home-shadow-soft);
	display: grid;
	gap: 0.8rem;
	max-width: 48rem;
}

body.gi-redesign .gi-rd-home-cases__empty p {
	margin: 0;
	font-size: 0.96rem;
	line-height: 1.55;
	color: #43516a;
}

@media (min-width: 768px) {
	body.gi-redesign .gi-rd-home-cases__track {
		grid-auto-columns: minmax(0, calc((100% - 1.05rem) / 2));
	}
}

@media (min-width: 1024px) {
	body.gi-redesign .gi-rd-home-cases__track {
		grid-auto-columns: minmax(0, calc((100% - 2.1rem) / 3));
	}
}

body.gi-redesign .gi-rd-home-cases__segments {
	display: inline-flex;
	padding: 0.2rem;
	border-radius: 999px;
	border: 1px solid var(--gi-home-border);
	background: #f8faff;
	gap: 0.24rem;
}

body.gi-redesign .gi-rd-home-cases__segments span {
	padding: 0.22rem 0.55rem;
	border-radius: 999px;
	font-size: 0.69rem;
	font-weight: 700;
	color: #5f6980;
}

body.gi-redesign .gi-rd-home-cases__segments span:nth-child(2) {
	background: #fff;
	color: #4c1d95;
	border: 1px solid color-mix(in srgb, var(--gi-home-violet) 26%, #d6d9e8);
}

body.gi-redesign .gi-rd-home-cases__diagram {
	margin: 0;
	padding: 0.56rem 0.66rem;
	border-radius: 0.56rem;
	font-size: 0.78rem;
	line-height: 1.45;
	background: #f8fafe;
	border: 1px dashed color-mix(in srgb, var(--gi-home-violet) 38%, #d4d9ea);
	color: #505e78;
}




body.gi-redesign .gi-rd-home-founder__role {
	margin: 0 0 0.35rem;
	font-size: 0.77rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #5b21b6;
}

body.gi-redesign .gi-rd-home-founder__card .gi-rd-h3 {
	margin-bottom: 0.64rem;
}

body.gi-redesign .gi-rd-home-founder__facts li,
body.gi-redesign .gi-rd-home-founder__principles li {
	position: relative;
	padding-left: 1.05rem;
}

body.gi-redesign .gi-rd-home-founder__facts li::before,
body.gi-redesign .gi-rd-home-founder__principles li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.47rem;
	width: 0.42rem;
	height: 0.42rem;
	border-radius: 999px;
	background: #a78bfa;
}

body.gi-redesign .gi-rd-home-final {
	background:
		radial-gradient(1100px 260px at 50% 100%, rgba(196, 181, 253, 0.26), transparent 68%),
		linear-gradient(180deg, transparent 0%, rgba(255, 255, 255, 0.72) 100%);
}

/* Homepage final CTA: less space above; no violet glow from .gi-rd-final-cta::after */
body.gi-redesign .gi-rd-home .gi-rd-section.gi-rd-home-final {
	padding-top: clamp(1.25rem, 2.4vw, 2rem);
}

body.gi-redesign .gi-rd-home-final .gi-rd-final-cta::after {
	content: none;
}

body.gi-redesign .gi-rd-home-final .gi-rd-final-cta {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 1rem;
	margin-block: 0;
	padding: clamp(1.3rem, 2.4vw, 2rem);
	border-radius: 1.35rem;
	background: rgba(255, 255, 255, 0.88);
	border: 1px solid rgba(255, 255, 255, 0.94);
	box-shadow: var(--gi-home-shadow);
}

body.gi-redesign .gi-rd-home-final .gi-rd-final-cta__inner {
	margin-inline: auto;
	text-align: center;
	max-width: 66ch;
}

body.gi-redesign .gi-rd-home-final .gi-rd-final-cta__title {
	color: var(--gi-home-ink);
}

body.gi-redesign .gi-rd-home-final .gi-rd-final-cta__lead {
	color: var(--gi-home-muted);
}

body.gi-redesign .gi-rd-home-resources__filters {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
	margin-top: 0.6rem;
}

body.gi-redesign .gi-rd-home-resources__filters span {
	padding: 0.22rem 0.56rem;
	border-radius: 999px;
	font-size: 0.74rem;
	font-weight: 600;
	border: 1px solid var(--gi-home-border);
	background: #fff;
	color: #55637c;
}

body.gi-redesign .gi-rd-home-resources__filters span:nth-child(2) {
	background: var(--gi-home-violet-pale);
	border-color: color-mix(in srgb, var(--gi-home-violet) 32%, #d4d7e6);
	color: #5b21b6;
}

@media (min-width: 700px) {
	body.gi-redesign .gi-rd-home-trust__grid,
	body.gi-redesign .gi-rd-home-starting__grid,
	body.gi-redesign .gi-rd-home-poland__cards,
	body.gi-redesign .gi-rd-home-resources__cards,
	body.gi-redesign .gi-rd-home-deliverables__cards {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	body.gi-redesign .gi-rd-home-infra__nodes {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 1024px) {
	body.gi-redesign .gi-rd-home-audit__grid,
	body.gi-redesign .gi-rd-home-poland__grid,
	body.gi-redesign .gi-rd-home-founder__grid,
	body.gi-redesign .gi-rd-home-resources__layout {
		grid-template-columns: minmax(0, 1.22fr) minmax(0, 0.78fr);
	}

	body.gi-redesign .gi-rd-home-trust__grid {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}

	body.gi-redesign .gi-rd-home-starting__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	body.gi-redesign .gi-rd-home-starting__layout {
		grid-template-columns: minmax(0, 1.28fr) minmax(0, 0.72fr);
		align-items: start;
	}

	body.gi-redesign .gi-rd-home-starting__route {
		position: sticky;
		top: calc(clamp(5.35rem, 6.6vw, 6.25rem) + 0.75rem);
	}

	body.gi-redesign .gi-rd-home-poland__cards,
	body.gi-redesign .gi-rd-home-resources__cards {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	body.gi-redesign .gi-rd-home-deliverables__cards {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	body.gi-redesign .gi-rd-home-final .gi-rd-final-cta {
		grid-template-columns: minmax(0, 1fr);
		gap: 1.4rem;
	}
}

@media (max-width: 760px) {
	body.gi-redesign .gi-rd-home .gi-rd-section {
		padding-block: clamp(3.5rem, 6vw, 5.2rem);
	}

	body.gi-redesign .gi-rd-home-hero {
		padding-block: 1.2rem 2.2rem;
	}

	body.gi-redesign .gi-rd-home-mock--site,
	body.gi-redesign .gi-rd-home-mock__kpis,

	body.gi-redesign .gi-rd-home-starting__steps {
		grid-template-columns: minmax(0, 1fr);
	}

	body.gi-redesign .gi-rd-home-starting__layout {
		gap: 0.82rem;
	}

	body.gi-redesign .gi-rd-home-starting__route {
		order: -1;
	}

	body.gi-redesign .gi-rd-home-starting__click-cue {
		top: 0.62rem;
		right: 0.62rem;
		width: 1.7rem;
		height: 1.7rem;
	}

	body.gi-redesign .gi-rd-home-starting__route-facts div,
	body.gi-redesign .gi-rd-home-starting__route-time {
		flex-direction: column;
		align-items: flex-start;
	}

	body.gi-redesign .gi-rd-home-starting__route-facts dd {
		text-align: left;
	}

	body.gi-redesign .gi-rd-home-mock__board-head {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	body.gi-redesign .gi-rd-home-mock__clusters li:last-child,
	body.gi-redesign .gi-rd-home-mock__side ul li:last-child,
	body.gi-redesign .gi-rd-home-modules__seo-list li:last-child {
		display: none;
	}

	body.gi-redesign .gi-rd-home-modules__crm-head {
		grid-template-columns: minmax(0, 1fr);
		gap: 0.3rem;
	}

	body.gi-redesign .gi-rd-home-modules__crm-head span:nth-child(even) {
		display: none;
	}
}

@media (max-width: 420px) {
	body.gi-redesign .gi-rd-home .gi-rd-btn {
		width: 100%;
	}

	body.gi-redesign .gi-rd-home .gi-rd-cta-row {
		align-items: stretch;
		justify-content: center;
	}

	body.gi-redesign .gi-rd-home .gi-rd-tlp__tabs {
		padding: 0.45rem;
	}

	body.gi-redesign .gi-rd-home .gi-rd-tlp__tab {
		padding: 0.58rem 0.66rem;
		font-size: 0.8rem;
	}
}

/* ------------------------------------------------------------
 * Homepage sections polish: audit / infra / deliverables / process
 * ---------------------------------------------------------- */
body.gi-redesign .gi-rd-home-audit__point-meta {
	margin: 0.56rem 0 0;
	font-size: 0.78rem;
	line-height: 1.4;
	color: #5f6f89;
}

body.gi-redesign .gi-rd-home-audit__scorecard {
	padding: 0.72rem;
	border-radius: 0.72rem;
	border: 1px solid var(--gi-home-border);
	background: #fff;
}

body.gi-redesign .gi-rd-home-audit__score-title {
	margin: 0;
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #64748b;
}

body.gi-redesign .gi-rd-home-audit__score-value {
	margin: 0.3rem 0 0;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.3;
	color: #4c1d95;
}

body.gi-redesign .gi-rd-home-audit__score-metrics,
body.gi-redesign .gi-rd-home-audit__checklist {
	margin: 0.66rem 0 0;
	padding: 0;
	list-style: none;
	display: grid;
	gap: 0.38rem;
}

body.gi-redesign .gi-rd-home-audit__score-metrics li,
body.gi-redesign .gi-rd-home-audit__checklist li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.72rem;
	padding: 0.42rem 0.52rem;
	border-radius: 0.58rem;
	border: 1px solid #dce3f1;
	background: #fff;
}

body.gi-redesign .gi-rd-home-audit__score-metrics span,
body.gi-redesign .gi-rd-home-audit__checklist span {
	font-size: 0.79rem;
	line-height: 1.35;
	font-weight: 600;
	color: #425068;
}

body.gi-redesign .gi-rd-home-audit__checklist div {
	display: grid;
	gap: 0.14rem;
}

body.gi-redesign .gi-rd-home-audit__checklist small {
	font-size: 0.71rem;
	font-weight: 600;
	color: #7b879f;
}

body.gi-redesign .gi-rd-home-audit__route-steps {
	margin: 0.56rem 0 0;
	padding: 0;
	list-style: none;
	display: grid;
	gap: 0.35rem;
}

body.gi-redesign .gi-rd-home-audit__route-steps li {
	position: relative;
	margin: 0;
	padding-left: 0.88rem;
	font-size: 0.8rem;
	line-height: 1.42;
	color: #48566f;
}

body.gi-redesign .gi-rd-home-audit__route-steps li::before {
	content: "";
	position: absolute;
	left: 0.14rem;
	top: 0.43rem;
	width: 0.34rem;
	height: 0.34rem;
	border-radius: 999px;
	background: #8b5cf6;
}



















body.gi-redesign .gi-rd-home-deliverables__card {
	display: grid;
	gap: 0.55rem;
}

body.gi-redesign .gi-rd-home-deliverables__card-meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;
	margin: 0;
}

body.gi-redesign .gi-rd-home-deliverables__card-meta span,
body.gi-redesign .gi-rd-home-deliverables__card-meta em {
	font-style: normal;
	font-size: 0.71rem;
	font-weight: 700;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	color: #6a748a;
}

body.gi-redesign .gi-rd-home-deliverables__workspace {
	padding-bottom: 0.9rem;
}

body.gi-redesign .gi-rd-home-deliverables__workspace-mode {
	display: inline-flex;
	align-items: center;
	gap: 0.2rem;
	padding: 0.2rem;
	margin: 0.62rem 0 0;
	border-radius: 999px;
	border: 1px solid var(--gi-home-border);
	background: #f8faff;
}

body.gi-redesign .gi-rd-home-deliverables__workspace-mode span {
	padding: 0.18rem 0.48rem;
	border-radius: 999px;
	font-size: 0.68rem;
	font-weight: 700;
	color: #6b7388;
}

body.gi-redesign .gi-rd-home-deliverables__workspace-mode .is-active {
	background: #fff;
	color: #4c1d95;
	border: 1px solid color-mix(in srgb, var(--gi-home-violet) 30%, #d6d9e8);
}

body.gi-redesign .gi-rd-home-deliverables__phases {
	margin-top: 0.76rem;
	padding-top: 0.64rem;
	border-top: 1px solid #dce2f0;
	display: grid;
	gap: 0.34rem;
}

body.gi-redesign .gi-rd-home-deliverables__phases p {
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;
	font-size: 0.76rem;
	color: #4c5973;
}

body.gi-redesign .gi-rd-home-deliverables__phases strong {
	color: #1f2f47;
}

body.gi-redesign .gi-rd-home-deliverables__workspace::after {
	left: 1.08rem;
	right: 1.08rem;
	bottom: 0.72rem;
	height: 0.3rem;
	background: linear-gradient(90deg, #22c55e 57%, #e2e8f0 57%);
}




@media (prefers-reduced-motion: reduce) {
	body.gi-redesign .gi-rd-home *,
	body.gi-redesign .gi-rd-home *::before,
	body.gi-redesign .gi-rd-home *::after {
		animation: none !important;
		transition: none !important;
	}
}
/* Resource hub refinement (homepage only) */
body.gi-redesign .gi-rd-home-resources__starter {
	margin: 0 0 1rem;
	padding: 0.88rem 1rem;
	border-radius: 1rem;
	border: 1px solid var(--gi-home-border);
	background:
		linear-gradient(180deg, #ffffff 0%, #fbfcff 100%),
		radial-gradient(95% 130% at 100% 0%, rgba(196, 181, 253, 0.16), transparent 58%);
	box-shadow: var(--gi-home-shadow-soft);
}

body.gi-redesign .gi-rd-home-resources__starter-kicker {
	margin: 0;
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #6b7388;
}

body.gi-redesign .gi-rd-home-resources__starter-row {
	margin-top: 0.5rem;
	display: grid;
	gap: 0.65rem;
}

body.gi-redesign .gi-rd-home-resources__starter-title {
	margin: 0;
	font-size: 0.92rem;
	line-height: 1.48;
	color: #425068;
}

body.gi-redesign .gi-rd-home-resources__starter-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.45rem;
}

body.gi-redesign .gi-rd-home-resources__card {
	display: grid;
	grid-template-rows: auto auto 1fr auto;
	gap: 0.72rem;
	padding: 1.12rem 1.08rem;
}

body.gi-redesign .gi-rd-home-resources__card-meta {
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 0.34rem;
}

body.gi-redesign .gi-rd-home-resources__card-meta span {
	display: inline-flex;
	align-items: center;
	min-height: 1.22rem;
	padding: 0.08rem 0.44rem;
	border-radius: 999px;
	font-size: 0.68rem;
	font-weight: 700;
	color: #5b6a84;
	background: #f8faff;
	border: 1px solid #dbe2f0;
}

body.gi-redesign .gi-rd-home-resources__card .gi-rd-h3 {
	font-size: clamp(1.18rem, 1.52vw, 1.42rem);
	line-height: 1.18;
}

body.gi-redesign .gi-rd-home-resources__card .gi-rd-body {
	margin: 0;
	font-size: 0.97rem;
	line-height: 1.58;
	color: #4d5a73;
}

body.gi-redesign .gi-rd-home-resources__card.is-emphasis {
	border-color: color-mix(in srgb, var(--gi-home-violet) 45%, #cdd4e5);
	box-shadow: 0 16px 34px rgba(109, 40, 217, 0.12);
}

body.gi-redesign .gi-rd-home-resources__hub {
	padding: 1.1rem;
}

body.gi-redesign .gi-rd-home-resources__hub-title {
	font-size: 0.72rem;
}

body.gi-redesign .gi-rd-home-resources__filters {
	margin-top: 0.54rem;
	display: flex;
	flex-wrap: wrap;
	gap: 0.34rem;
}

body.gi-redesign .gi-rd-home-resources__filter {
	padding: 0.2rem 0.5rem;
	border-radius: 999px;
	font-size: 0.72rem;
	font-weight: 700;
	border: 1px solid #d5dced;
	background: #fff;
	color: #5b6a84;
	cursor: pointer;
	transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease;
}

body.gi-redesign .gi-rd-home-resources__filter:hover,
body.gi-redesign .gi-rd-home-resources__filter:focus-visible {
	border-color: color-mix(in srgb, var(--gi-home-violet) 34%, #d5d9e8);
	color: #4c1d95;
	outline: none;
}

body.gi-redesign .gi-rd-home-resources__filter[aria-selected="true"] {
	background: #fff;
	border-color: color-mix(in srgb, var(--gi-home-violet) 48%, #cfd5e7);
	color: #5b21b6;
	box-shadow: 0 1px 0 rgba(124, 58, 237, 0.12) inset;
}

body.gi-redesign .gi-rd-home-resources__hub-note,
body.gi-redesign .gi-rd-home-resources__next-step {
	margin: 0.6rem 0 0;
	font-size: 0.84rem;
	line-height: 1.5;
	color: #4f5e77;
}

body.gi-redesign .gi-rd-home-resources__results {
	margin: 0.6rem 0 0 !important;
	padding: 0;
	list-style: none;
	display: grid;
	gap: 0.42rem;
}

body.gi-redesign .gi-rd-home-resources__results li {
	margin: 0;
}

body.gi-redesign .gi-rd-home-resources__results li a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.7rem;
	padding: 0.52rem 0.58rem;
	border-radius: 0.68rem;
	border: 1px solid #dce3f2;
	background: #fff;
	text-decoration: none;
	color: #334155;
	font-size: 0.84rem;
	font-weight: 600;
	line-height: 1.35;
	transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

body.gi-redesign .gi-rd-home-resources__results li a:hover,
body.gi-redesign .gi-rd-home-resources__results li a:focus-visible {
	border-color: color-mix(in srgb, var(--gi-home-violet) 38%, #ccd4e6);
	box-shadow: 0 7px 16px rgba(15, 23, 42, 0.09);
	transform: translateY(-1px);
	outline: none;
}

body.gi-redesign .gi-rd-home-resources__results li a em {
	font-style: normal;
	font-size: 0.68rem;
	font-weight: 700;
	padding: 0.1rem 0.44rem;
	border-radius: 999px;
	border: 1px solid #d7dded;
	background: #f8faff;
	color: #5b21b6;
	white-space: nowrap;
}

@media (min-width: 900px) {
	body.gi-redesign .gi-rd-home-resources__starter-row {
		grid-template-columns: minmax(0, 1fr) auto;
		align-items: center;
	}

	body.gi-redesign .gi-rd-home-resources__hub {
		position: sticky;
		top: calc(clamp(5.35rem, 6.6vw, 6.25rem) + 0.8rem);
	}
}

/* Trust + Proof Console (homepage only) */
body.gi-redesign .gi-rd-home-trust .gi-rd-section-head {
	max-width: 78ch;
}

body.gi-redesign .gi-rd-home-trust__layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 1rem;
}

body.gi-redesign .gi-rd-home-trust__proof-rail {
	margin: 0 0 0.85rem;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
}

body.gi-redesign .gi-rd-home-trust__proof-rail li {
	display: inline-flex;
	align-items: center;
	min-height: 1.45rem;
	padding: 0.14rem 0.52rem;
	border-radius: 999px;
	font-size: 0.72rem;
	font-weight: 700;
	color: #5b21b6;
	background: #f6f2ff;
	border: 1px solid #d8cdf7;
}

body.gi-redesign .gi-rd-home-trust .gi-rd-home-trust__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 0.82rem;
}

body.gi-redesign .gi-rd-home-trust__card {
	display: grid;
	gap: 0.5rem;
	padding: 1rem;
}

body.gi-redesign .gi-rd-home-trust__card .gi-rd-h3 {
	font-size: clamp(1rem, 1.28vw, 1.2rem);
	line-height: 1.22;
}

body.gi-redesign .gi-rd-home-trust__card .gi-rd-body {
	margin: 0;
	font-size: 0.93rem;
	line-height: 1.55;
	color: #4f5e77;
}

body.gi-redesign .gi-rd-home-trust__meta {
	margin: 0;
	font-size: 0.79rem;
	line-height: 1.48;
	font-weight: 600;
	color: #5b21b6;
}

body.gi-redesign .gi-rd-home-trust__card--featured {
	border-color: color-mix(in srgb, var(--gi-home-violet) 45%, #cfd5e7);
	box-shadow: 0 16px 34px rgba(109, 40, 217, 0.12);
	background:
		linear-gradient(180deg, #ffffff 0%, #fbf9ff 100%),
		radial-gradient(120% 120% at 100% 0%, rgba(196, 181, 253, 0.22), transparent 62%);
}

body.gi-redesign .gi-rd-home-trust__console {
	padding: 1rem;
	border-radius: 1rem;
	border: 1px solid var(--gi-home-border);
	background:
		linear-gradient(180deg, #ffffff 0%, #f9fbff 100%),
		radial-gradient(130% 120% at 100% 0%, rgba(196, 181, 253, 0.18), transparent 62%);
	box-shadow: var(--gi-home-shadow-soft);
	display: grid;
	gap: 0.7rem;
}

body.gi-redesign .gi-rd-home-trust__console-kicker {
	margin: 0;
	font-size: 0.74rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: #6b7388;
}

body.gi-redesign .gi-rd-home-trust__console-list {
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	gap: 0.4rem;
}

body.gi-redesign .gi-rd-home-trust__console-list li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.72rem;
	padding: 0.46rem 0.52rem;
	border-radius: 0.66rem;
	border: 1px solid #dce3f2;
	background: #fff;
}

body.gi-redesign .gi-rd-home-trust__console-list li span {
	font-size: 0.82rem;
	line-height: 1.38;
	font-weight: 600;
	color: #334155;
}

body.gi-redesign .gi-rd-home-trust__console-metrics {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.42rem;
}

body.gi-redesign .gi-rd-home-trust__console-metrics p {
	margin: 0;
	padding: 0.52rem 0.45rem;
	border-radius: 0.62rem;
	border: 1px solid #dce3f2;
	background: #fff;
	display: grid;
	gap: 0.16rem;
}

body.gi-redesign .gi-rd-home-trust__console-metrics strong {
	font-size: 0.96rem;
	line-height: 1;
	color: #4c1d95;
}

body.gi-redesign .gi-rd-home-trust__console-metrics span {
	font-size: 0.69rem;
	line-height: 1.35;
	color: #5c6a82;
}

body.gi-redesign .gi-rd-home-trust__console .gi-rd-btn {
	width: 100%;
}

@media (min-width: 700px) {
	body.gi-redesign .gi-rd-home-trust .gi-rd-home-trust__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 1024px) {
	body.gi-redesign .gi-rd-home-trust__layout {
		grid-template-columns: minmax(0, 1.24fr) minmax(0, 0.76fr);
		align-items: start;
	}

	body.gi-redesign .gi-rd-home-trust .gi-rd-home-trust__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	body.gi-redesign .gi-rd-home-trust__card--featured {
		grid-column: span 2;
	}

	body.gi-redesign .gi-rd-home-trust__console {
		position: sticky;
		top: calc(clamp(5.35rem, 6.6vw, 6.25rem) + 0.8rem);
	}
}

@media (max-width: 520px) {
	body.gi-redesign .gi-rd-home-trust__console-metrics {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* ==========================================================
 * Services hub (/uslugi/) — isolated layout system
 * ========================================================== */
body.gi-redesign .gi-marketing-page--uslugi {
	--gi-services-bg: #f7f9fc;
	--gi-services-surface: #ffffff;
	--gi-services-surface-soft: #fbfcff;
	--gi-services-border: rgba(15, 23, 42, 0.1);
	--gi-services-border-strong: rgba(109, 40, 217, 0.26);
	--gi-services-ink: #0f172a;
	--gi-services-muted: #475569;
	--gi-services-subtle: #64748b;
	--gi-services-violet: #6d28d9;
	--gi-services-shadow: 0 16px 40px rgba(15, 23, 42, 0.08);
	--gi-svh-card-accent-warm: linear-gradient(90deg, #facc15 0%, var(--gi-rd-accent) 42%, #86efac 100%);
	--gi-svh-card-accent-cool: linear-gradient(90deg, #0ea5e9 0%, var(--gi-rd-primary) 50%, #a855f7 100%);
	--gi-svh-card-accent-bar: 3px;
	background: var(--gi-services-bg);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-section {
	padding-block: clamp(3.2rem, 6vw, 5.2rem);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-section-head {
	max-width: none;
	width: 100%;
	text-align: center;
	margin-bottom: clamp(1.4rem, 2.4vw, 2.2rem);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-section-head .gi-rd-lead {
	max-width: 86ch;
	margin-inline: auto;
	color: var(--gi-services-muted);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-h1,
body.gi-redesign .gi-marketing-page--uslugi .gi-rd-h2,
body.gi-redesign .gi-marketing-page--uslugi .gi-rd-h3 {
	color: var(--gi-services-ink);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-btn--primary {
	background: var(--gi-services-violet);
	border-color: #5b21b6;
	box-shadow: 0 14px 28px rgba(109, 40, 217, 0.26);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-btn--primary:hover,
body.gi-redesign .gi-marketing-page--uslugi .gi-rd-btn--primary:focus-visible {
	background: #5b21b6;
}

/* Services hero */
body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-hero {
	padding-top: clamp(2rem, 5vw, 3.5rem);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-hero__grid {
	display: block;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-hero__content {
	max-width: 980px;
	margin-inline: auto;
	text-align: center;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-hero__crumbs {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.45rem;
	margin-bottom: 0.9rem;
	font-size: 0.92rem;
	color: var(--gi-services-subtle);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-hero__crumbs a {
	color: var(--gi-services-subtle);
	text-decoration: none;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-hero__content .gi-rd-lead {
	max-width: 76ch;
	margin-inline: auto;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-hero__microcopy {
	margin-top: 0.9rem;
	font-size: 0.94rem;
	color: var(--gi-services-subtle);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-hero .gi-rd-cta-row {
	justify-content: center;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-hero__proof {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.7rem;
	margin-top: 1rem;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-hero__proof-item {
	border: 1px solid var(--gi-services-border);
	margin: 0;
	padding: 0.75rem 0.8rem;
	border-radius: 1rem;
	background: linear-gradient(135deg, #fff, #fbfcff);
	box-shadow: 0 10px 20px rgba(15, 23, 42, 0.05);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-hero__proof-title {
	margin: 0 0 0.3rem;
	font-size: 0.8rem;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--gi-services-subtle);
	font-weight: 700;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-hero__proof-text {
	margin: 0;
	font-size: 0.9rem;
	color: var(--gi-services-ink);
	font-weight: 600;
}

/* Quality strip */
body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-quality__rail {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 0.8rem;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-quality__item {
	padding: 0.85rem;
	border: 1px solid var(--gi-services-border);
	border-radius: 0.95rem;
	background: #fff;
	box-shadow: 0 10px 20px rgba(15, 23, 42, 0.05);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-quality__item h3 {
	margin: 0 0 0.44rem;
	font-size: 1rem;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-quality__item p {
	margin: 0;
	font-size: 0.9rem;
	color: var(--gi-services-muted);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-quality__status {
	margin-top: 0.9rem;
	padding: 0.8rem;
	border: 1px solid var(--gi-services-border);
	border-radius: 1rem;
	background: #fff;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-quality__status-title {
	margin: 0 0 0.58rem;
	font-size: 0.86rem;
	font-weight: 700;
	color: var(--gi-services-subtle);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-quality__status ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 0.45rem;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-quality__status li {
	display: inline-flex;
	align-items: center;
	gap: 0.32rem;
	border: 1px solid rgba(109, 40, 217, 0.2);
	border-radius: 999px;
	padding: 0.2rem 0.52rem;
	background: rgba(237, 233, 254, 0.4);
	font-size: 0.78rem;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-quality__status em {
	font-style: normal;
	font-weight: 700;
	color: #5b21b6;
}

/* Task router */
body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-router__grid {
	display: grid;
	grid-template-columns: minmax(0, 1.3fr) minmax(0, 0.7fr);
	gap: 1rem;
	align-items: start;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-router__cards {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.85rem;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-router__card {
	display: grid;
	gap: 0.5rem;
	padding: 0.9rem;
	border: 1px solid var(--gi-services-border);
	border-radius: 1rem;
	background: #fff;
	box-shadow: 0 10px 20px rgba(15, 23, 42, 0.05);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-router__card:hover,
body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-router__card:focus-visible,
body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-router__card.is-active {
	border-color: var(--gi-services-border-strong);
	box-shadow: 0 14px 24px rgba(109, 40, 217, 0.12);
	outline: none;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-router__card .gi-rd-h3 {
	margin: 0;
	font-size: 1.32rem;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-router__card .gi-rd-body {
	margin: 0;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-router__subhead {
	margin: 0;
	font-size: 0.76rem;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	font-weight: 700;
	color: var(--gi-services-subtle);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-router__card ul {
	margin: 0;
	padding: 0 0 0 1rem;
	display: grid;
	gap: 0.22rem;
	color: var(--gi-services-muted);
	font-size: 0.9rem;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-router__more {
	border: 1px solid var(--gi-services-border);
	border-radius: 0.75rem;
	padding: 0.4rem 0.54rem;
	background: var(--gi-services-surface-soft);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-router__more summary {
	cursor: pointer;
	font-size: 0.84rem;
	font-weight: 700;
	color: #5b21b6;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-router__more ul {
	margin-top: 0.4rem;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-router__route {
	margin: 0;
	font-size: 0.9rem;
	color: #334155;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-router__panel {
	position: sticky;
	top: 112px;
	display: grid;
	gap: 0.6rem;
	padding: 0.92rem;
	border: 1px solid var(--gi-services-border);
	border-radius: 1rem;
	background: linear-gradient(180deg, #fff, #f9fbff);
	box-shadow: var(--gi-services-shadow);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-router__panel h3 {
	margin: 0;
	font-size: 1.1rem;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-router__panel p {
	margin: 0;
	font-size: 0.9rem;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-router__panel p strong {
	color: var(--gi-services-ink);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-router__panel ol {
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	gap: 0.42rem;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-router__panel ol li {
	padding: 0.46rem 0.5rem;
	border-radius: 0.66rem;
	border: 1px solid var(--gi-services-border);
	background: #fff;
	font-size: 0.88rem;
}

/* Generic cards */
body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-diagnosis__logic,
body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-poland__cards,
body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-proof__logic {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.8rem;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-diagnosis__logic article,
body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-poland__cards article,
body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-proof__logic article {
	padding: 0.86rem;
	border: 1px solid var(--gi-services-border);
	border-radius: 0.95rem;
	background: #fff;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-diagnosis__logic-step {
	margin: 0 0 0.36rem;
	font-size: 0.74rem;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: var(--gi-services-subtle);
	font-weight: 700;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-diagnosis__logic h3,
body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-poland__cards h3,
body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-proof__logic h3 {
	margin: 0 0 0.44rem;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-diagnosis__logic p,
body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-poland__cards p,
body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-proof__logic p {
	margin: 0;
	color: var(--gi-services-muted);
}

/* Diagnosis matrix */
body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-diagnosis__grid,
body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-poland__grid,
body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-deliverables__grid,
body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-budget__grid,
body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-process__grid,
body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-fit__grid {
	display: grid;
	grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
	gap: 1rem;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-diagnosis__matrix,
body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-poland__checklist,
body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-deliverables__workspace,
body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-budget__estimator,
body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-process__route {
	padding: 0.9rem;
	border: 1px solid var(--gi-services-border);
	border-radius: 1rem;
	background: #fff;
	box-shadow: 0 12px 22px rgba(15, 23, 42, 0.05);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-diagnosis__matrix-title,
body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-budget__estimator-title,
body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-deliverables__workspace-title,
body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-process__route-title,
body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-poland__check-title {
	margin: 0 0 0.5rem;
	font-size: 0.78rem;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	font-weight: 700;
	color: var(--gi-services-subtle);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-diagnosis__matrix ul,
body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-poland__checklist ul,
body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-budget__estimator ul,
body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-process__route ul,
body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-deliverables__workspace ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	gap: 0.42rem;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-poland__checklist li,
body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-budget__estimator li,
body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-process__route li,
body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-deliverables__workspace li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.45rem;
	padding: 0.44rem 0.5rem;
	border-radius: 0.6rem;
	border: 1px solid var(--gi-services-border);
	background: var(--gi-services-surface-soft);
	font-size: 0.88rem;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-poland__checklist em,
body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-budget__estimator em,
body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-process__route em {
	font-style: normal;
	font-weight: 700;
	color: #5b21b6;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-diagnosis__matrix ul:not(.gi-rd-services-diagnosis__status-list) li {
	position: relative;
	padding-left: 1.1rem;
	font-size: 0.9rem;
	color: var(--gi-services-muted);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-diagnosis__status-list li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 0.5rem;
	padding: 0.45rem 0.5rem;
	border-radius: 0.66rem;
	border: 1px solid var(--gi-services-border);
	background: var(--gi-services-surface-soft);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-diagnosis__status-list li::before {
	display: none;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-diagnosis__status-list em {
	font-style: normal;
	font-weight: 700;
	font-size: 0.76rem;
	border-radius: 999px;
	padding: 0.2rem 0.54rem;
	border: 1px solid transparent;
	white-space: nowrap;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-diagnosis__status-list em.is-critical {
	color: #be123c;
	border-color: rgba(225, 29, 72, 0.35);
	background: rgba(255, 228, 230, 0.8);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-diagnosis__status-list em.is-high {
	color: #b45309;
	border-color: rgba(217, 119, 6, 0.35);
	background: rgba(254, 243, 199, 0.8);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-diagnosis__status-list em.is-medium {
	color: #5b21b6;
	border-color: rgba(109, 40, 217, 0.3);
	background: rgba(237, 233, 254, 0.82);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-diagnosis__reasons {
	margin-top: 0.76rem;
	padding: 0.72rem;
	border-radius: 0.74rem;
	border: 1px solid var(--gi-services-border);
	background: #f8faff;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-diagnosis__reasons p {
	margin: 0 0 0.42rem;
	font-weight: 700;
	color: var(--gi-services-ink);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-diagnosis__reasons ul {
	margin: 0;
	padding-left: 1rem;
	list-style: disc;
	display: grid;
	gap: 0.25rem;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-diagnosis__matrix ul:not(.gi-rd-services-diagnosis__status-list) li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.48rem;
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 0.2rem;
	border: 1px solid rgba(109, 40, 217, 0.4);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-diagnosis__stack,
body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-poland__recommend {
	margin-top: 0.7rem;
	font-size: 0.9rem;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-poland__score {
	margin: 0 0 0.62rem;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-poland__score p {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	margin: 0 0 0.34rem;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-poland__score p span {
	font-size: 0.82rem;
	color: var(--gi-services-subtle);
	font-weight: 700;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-poland__score p strong {
	font-size: 1.18rem;
	color: #5b21b6;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-poland__score-track {
	height: 0.48rem;
	border-radius: 999px;
	background: rgba(148, 163, 184, 0.25);
	overflow: hidden;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-poland__score-track span {
	display: block;
	width: 54%;
	height: 100%;
	background: linear-gradient(90deg, #8b5cf6, #22c55e);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-poland__audit {
	margin-top: 0.76rem;
	padding: 0.72rem;
	border-radius: 0.74rem;
	border: 1px solid var(--gi-services-border);
	background: #f9fbff;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-poland__audit-title {
	margin: 0 0 0.44rem;
	font-size: 0.82rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--gi-services-subtle);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-poland__audit ul {
	margin: 0;
	padding-left: 1rem;
	list-style: disc;
	gap: 0.24rem;
	display: grid;
}

/* Direction stack */
body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-stack__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.86rem;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-stack__card {
	display: grid;
	gap: 0.5rem;
	padding: 0.92rem;
	border: 1px solid var(--gi-services-border);
	border-radius: 1rem;
	background: #fff;
	box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-stack__eyebrow {
	margin: 0;
	font-size: 0.74rem;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	font-weight: 700;
	color: var(--gi-services-subtle);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-stack__label {
	margin: 0;
	font-weight: 700;
	font-size: 0.86rem;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-stack__card ul {
	margin: 0;
	padding: 0 0 0 1rem;
	display: grid;
	gap: 0.22rem;
	font-size: 0.89rem;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-stack__visual {
	display: grid;
	gap: 0.24rem;
	padding: 0.58rem;
	border: 1px dashed rgba(109, 40, 217, 0.28);
	border-radius: 0.74rem;
	background: rgba(237, 233, 254, 0.35);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-stack__visual span,
body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-stack__visual small {
	font-size: 0.8rem;
	color: var(--gi-services-muted);
}

/* Fit table */
body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-fit__grid {
	grid-template-columns: 1fr;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-fit__table-wrap {
	overflow: auto;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-fit__table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	border: 1px solid var(--gi-services-border);
	border-radius: 1rem;
	background: #fff;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-fit__table th,
body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-fit__table td {
	padding: 0.7rem;
	border-bottom: 1px solid var(--gi-services-border);
	text-align: left;
	font-size: 0.9rem;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-fit__table th {
	font-weight: 700;
	color: #334155;
	background: #f9fbff;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-fit__table tr:last-child td {
	border-bottom: none;
}

/* formats */
body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-formats__switch {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0.6rem;
	margin-bottom: 0.9rem;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-formats__switch span {
	display: grid;
	gap: 0.2rem;
	padding: 0.56rem;
	border: 1px solid var(--gi-services-border);
	border-radius: 0.76rem;
	background: #fff;
	font-size: 0.86rem;
	font-weight: 700;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-formats__switch em {
	font-style: normal;
	font-size: 0.74rem;
	font-weight: 500;
	color: var(--gi-services-subtle);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-formats__grid,
body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-projects__grid,
body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-proof__cases {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.82rem;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-formats__card,
body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-projects__card,
body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-proof__case {
	display: grid;
	gap: 0.44rem;
	padding: 0.9rem;
	border: 1px solid var(--gi-services-border);
	border-radius: 0.96rem;
	background: #fff;
	box-shadow: 0 10px 20px rgba(15, 23, 42, 0.05);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-formats__card p,
body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-projects__card p,
body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-proof__case p {
	margin: 0;
	color: var(--gi-services-muted);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-budget__price {
	margin: 0;
	font-size: 1.8rem;
	line-height: 1;
	font-weight: 800;
	color: var(--gi-services-violet);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-budget__cards {
	display: grid;
	gap: 0.75rem;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-budget__card {
	display: grid;
	gap: 0.56rem;
	padding: 1rem;
	border: 1px solid var(--gi-services-border);
	border-radius: 1rem;
	background: linear-gradient(180deg, #fff 0%, #fbfcff 100%);
	box-shadow: 0 10px 20px rgba(15, 23, 42, 0.05);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-budget__card h3 {
	margin: 0;
	font-size: 1.55rem;
	letter-spacing: -0.02em;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-budget__card-chip {
	margin: 0;
	width: fit-content;
	padding: 0.2rem 0.52rem;
	border-radius: 999px;
	border: 1px solid rgba(109, 40, 217, 0.28);
	background: rgba(237, 233, 254, 0.54);
	color: #5b21b6;
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.02em;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-budget__fit {
	margin: 0;
	color: var(--gi-services-muted);
	font-size: 0.95rem;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-budget__list {
	margin: 0;
	padding: 0 0 0 1rem;
	display: grid;
	gap: 0.2rem;
	font-size: 0.9rem;
	color: var(--gi-services-ink);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-budget__card .gi-rd-btn {
	margin-top: 0.2rem;
	width: fit-content;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-deliverables__cards {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.75rem;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-deliverables__card {
	padding: 0.84rem;
	border: 1px solid var(--gi-services-border);
	border-radius: 0.86rem;
	background: #fff;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-deliverables__card h3 {
	margin: 0 0 0.42rem;
	font-size: 1.02rem;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-deliverables__card p {
	margin: 0;
	color: var(--gi-services-muted);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-deliverables__workspace li.is-done::before,
body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-deliverables__workspace li::before {
	content: "";
	width: 0.56rem;
	height: 0.56rem;
	border-radius: 50%;
	display: inline-flex;
	flex: 0 0 auto;
	margin-right: 0.38rem;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-deliverables__workspace li::before {
	border: 1px solid #94a3b8;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-deliverables__workspace li.is-done::before {
	background: #22c55e;
	border-color: #22c55e;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-deliverables__workspace-subtitle {
	margin: 0 0 0.58rem;
	font-size: 0.86rem;
	color: var(--gi-services-muted);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-deliverables__workspace-group {
	margin: 0.55rem 0 0.4rem;
	font-size: 0.78rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--gi-services-subtle);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-deliverables__retained {
	margin: 0.72rem 0 0;
	padding: 0.62rem 0.66rem;
	border-radius: 0.7rem;
	border: 1px solid rgba(109, 40, 217, 0.24);
	background: rgba(237, 233, 254, 0.42);
	font-size: 0.86rem;
	color: #4c1d95;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-proof__filters {
	display: flex;
	flex-wrap: wrap;
	gap: 0.46rem;
	margin: 0 0 0.76rem;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-proof__filters button {
	border: 1px solid var(--gi-services-border);
	background: #fff;
	border-radius: 999px;
	padding: 0.34rem 0.66rem;
	font-weight: 700;
	font-size: 0.82rem;
	color: #334155;
	cursor: pointer;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-proof__filters button.is-active,
body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-proof__filters button[aria-selected="true"] {
	border-color: rgba(109, 40, 217, 0.35);
	background: rgba(237, 233, 254, 0.62);
	color: #5b21b6;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-proof__case-type {
	margin: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: fit-content;
	padding: 0.22rem 0.58rem;
	border-radius: 999px;
	border: 1px solid rgba(109, 40, 217, 0.28);
	background: rgba(237, 233, 254, 0.48);
	color: #5b21b6;
	font-size: 0.76rem;
	font-weight: 700;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-proof__anonymized {
	margin-top: 0.12rem;
	font-size: 0.8rem;
	color: var(--gi-services-subtle);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-proof__cta {
	margin-top: 1rem;
	display: flex;
	justify-content: center;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-proof__case.is-hidden {
	display: none;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-budget__switch {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.44rem;
	margin: 0 0 0.72rem;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-budget__switch button {
	border: 1px solid var(--gi-services-border);
	background: #fff;
	border-radius: 999px;
	padding: 0.4rem 0.72rem;
	font-weight: 700;
	font-size: 0.82rem;
	line-height: 1.2;
	text-align: center;
	color: #334155;
	cursor: pointer;
	min-height: 2.2rem;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-budget__switch button.is-active,
body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-budget__switch button[aria-selected="true"] {
	border-color: rgba(109, 40, 217, 0.35);
	background: rgba(237, 233, 254, 0.62);
	color: #5b21b6;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-budget__decision {
	margin-top: 0.72rem;
	padding: 0.7rem;
	border-radius: 0.74rem;
	border: 1px solid var(--gi-services-border);
	background: #f9fbff;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-budget__decision p {
	margin: 0;
	font-size: 0.88rem;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-budget__decision p + p {
	margin-top: 0.4rem;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-budget__estimator-title {
	font-size: 0.82rem;
	margin-bottom: 0.36rem;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-budget__estimator-note {
	margin: 0 0 0.72rem;
	color: var(--gi-services-subtle);
	font-size: 0.84rem;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-budget__scope {
	margin-top: 0.72rem;
	padding: 0.72rem;
	border-radius: 0.74rem;
	border: 1px solid var(--gi-services-border);
	background: #fff;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-budget__scope-title {
	margin: 0 0 0.45rem;
	font-size: 0.8rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--gi-services-subtle);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-budget__scope ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	gap: 0.36rem;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-budget__scope li {
	position: relative;
	padding-left: 1rem;
	font-size: 0.88rem;
	color: var(--gi-services-ink);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-budget__scope li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.48rem;
	width: 0.42rem;
	height: 0.42rem;
	border-radius: 999px;
	background: #22c55e;
	box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.16);
}

/* Process */
body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-process__steps {
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	gap: 0.65rem;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-process__steps li {
	padding: 0.8rem;
	border: 1px solid var(--gi-services-border);
	border-radius: 0.86rem;
	background: #fff;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-process__steps h3 {
	margin: 0 0 0.34rem;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-process__steps p {
	margin: 0;
	color: var(--gi-services-muted);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-process__steps p + p {
	margin-top: 0.35rem;
}

/* FAQ */
body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-faq__list {
	max-width: 960px;
	margin-inline: auto;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-faq__item {
	margin: 0 0 0.62rem;
	border: 1px solid var(--gi-services-border);
	border-radius: 0.85rem;
	background: #fff;
	overflow: clip;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-faq__item > summary {
	cursor: pointer;
	list-style: none;
	padding: 0.86rem 0.9rem;
	font-weight: 700;
	color: var(--gi-services-ink);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-faq__item > summary::-webkit-details-marker {
	display: none;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-faq__item > div {
	padding: 0 0.9rem 0.86rem;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-faq__item p {
	margin: 0;
	color: var(--gi-services-muted);
}

/* ============================================================
 * Website OS — /uslugi/razrabotka-saytov/ (gi-rd-webdev-os)
 * ============================================================ */
body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os {
	--wos-bg: #f4f6fb;
	--wos-surface: #ffffff;
	--wos-ink: #0b1220;
	--wos-muted: #475569;
	--wos-subtle: #64748b;
	--wos-line: rgba(15, 23, 42, 0.1);
	--wos-violet: #5b21b6;
	--wos-lime: #a3e635;
	--wos-lime-dim: rgba(163, 230, 53, 0.35);
	--wos-dark: #0a0f18;
	--wos-dark-2: #0f172a;
	background: var(--wos-bg);
	color: var(--wos-ink);
	overflow-x: clip;
	position: relative;
}

@media (min-width: 1025px) {
	body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os {
		padding-left: 8.5rem;
	}
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-section {
	padding-block: clamp(2.5rem, 5vw, 4.5rem);
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-section.gi-rd-webdev-hero {
	padding-block: var(--gi-rd-hero-pt) var(--gi-rd-hero-pb);
}

/* —— Chapter rail (Nauta-like) —— */
body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-chapter-rail {
	display: none;
	position: fixed;
	left: 0.75rem;
	top: 50%;
	transform: translateY(-50%);
	z-index: 30;
	width: 7rem;
	font-size: 0.68rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--wos-subtle);
}

@media (min-width: 1025px) {
	body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-chapter-rail {
		display: block;
	}
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-chapter-rail__track {
	position: absolute;
	left: 0.35rem;
	top: 0.25rem;
	bottom: 0.25rem;
	width: 2px;
	background: rgba(148, 163, 184, 0.35);
	border-radius: 2px;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-chapter-rail__progress {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: var(--wos-rail-pct, 12%);
	max-height: 100%;
	background: linear-gradient(180deg, var(--wos-lime), var(--wos-violet));
	border-radius: 2px;
	transition: height 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-chapter-rail__list {
	position: relative;
	margin: 0;
	padding: 0.25rem 0 0.25rem 1.1rem;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 0.55rem;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-chapter-rail__link {
	color: inherit;
	text-decoration: none;
	display: block;
	line-height: 1.2;
	padding: 0.15rem 0;
	border-radius: 0.25rem;
	transition: color 0.2s ease, transform 0.2s ease;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-chapter-rail__link:hover,
body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-chapter-rail__link:focus-visible {
	color: var(--wos-ink);
	outline: 2px solid rgba(91, 33, 182, 0.35);
	outline-offset: 2px;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-chapter-rail__link[aria-current="true"] {
	color: var(--wos-violet);
	transform: translateX(2px);
}

/* —— Typography —— */
body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-h2 {
	font-size: clamp(1.55rem, 2.8vw, 2.65rem);
	line-height: 1.12;
	font-weight: 800;
	letter-spacing: -0.02em;
	margin: 0 0 1rem;
	max-width: 22em;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-h2--on-dark {
	color: #f8fafc;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-lead {
	font-size: clamp(1.02rem, 1.35vw, 1.2rem);
	line-height: 1.55;
	color: var(--wos-muted);
	max-width: 56ch;
	margin: 0 0 1.5rem;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-lead--on-dark {
	color: rgba(226, 232, 240, 0.88);
}

body.gi-redesign .gi-marketing-page--website-development .gi-rd-webdev-breadcrumbs {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 0.4rem;
	margin: 0 0 clamp(0.85rem, 2vw, 1.15rem);
	font-size: 0.9rem;
	color: var(--wos-subtle);
}

body.gi-redesign .gi-marketing-page--website-development .gi-rd-webdev-breadcrumbs a {
	color: inherit;
	text-decoration: none;
}

body.gi-redesign .gi-marketing-page--website-development .gi-rd-webdev-breadcrumbs a:hover {
	text-decoration: underline;
}

/* —— Hero (centered editorial) —— */
body.gi-redesign .gi-marketing-page--website-development .gi-rd-webdev-hero {
	padding-block: var(--gi-rd-hero-pt) var(--gi-rd-hero-pb);
	background:
		radial-gradient(100% 70% at 50% 0%, rgba(91, 33, 182, 0.09), transparent 58%),
		radial-gradient(90% 55% at 80% 100%, rgba(163, 230, 53, 0.08), transparent 55%),
		radial-gradient(70% 50% at 10% 90%, rgba(91, 33, 182, 0.05), transparent 50%),
		#f4f6fb;
	overflow-x: clip;
}

body.gi-redesign .gi-marketing-page--website-development .gi-rd-webdev-hero__shell {
	max-width: 1200px;
}

body.gi-redesign .gi-marketing-page--website-development .gi-rd-webdev-hero-inner {
	margin-inline: auto;
	max-width: min(72rem, 100%);
	text-align: center;
}

body.gi-redesign .gi-marketing-page--website-development .gi-rd-webdev-hero-copy {
	display: flex;
	flex-direction: column;
	align-items: center;
}

body.gi-redesign .gi-marketing-page--website-development .gi-rd-webdev-hero__h1 {
	margin: 0 0 clamp(0.85rem, 2vw, 1.15rem);
	max-width: min(68rem, 100%);
	font-size: clamp(2.1rem, 4.2vw + 0.5rem, 5.5rem);
	line-height: 1.06;
	font-weight: 800;
	letter-spacing: -0.035em;
	color: var(--wos-ink);
}

body.gi-redesign .gi-marketing-page--website-development .gi-rd-webdev-hero__lead {
	margin: 0 0 clamp(1.25rem, 2.5vw, 1.65rem);
	max-width: min(50rem, 100%);
	font-size: clamp(1.05rem, 0.35vw + 0.95rem, 1.35rem);
	line-height: 1.55;
	color: var(--wos-muted);
}

body.gi-redesign .gi-marketing-page--website-development .gi-rd-webdev-hero-actions {
	margin-top: clamp(1rem, 2.5vw, 1.35rem);
	margin-bottom: 0;
	justify-content: center;
	width: 100%;
	max-width: 36rem;
}

body.gi-redesign .gi-marketing-page--website-development .gi-rd-webdev-hero__micro {
	margin: clamp(1rem, 2.2vw, 1.35rem) 0 0;
	max-width: min(40rem, 100%);
	font-size: clamp(0.88rem, 0.2vw + 0.82rem, 0.95rem);
	line-height: 1.5;
	color: var(--wos-subtle);
}

@media (max-width: 640px) {
	body.gi-redesign .gi-marketing-page--website-development .gi-rd-webdev-hero__h1 {
		font-size: clamp(1.85rem, 6.2vw + 0.35rem, 3.25rem);
		line-height: 1.1;
	}

	body.gi-redesign .gi-marketing-page--website-development .gi-rd-webdev-hero__lead {
		font-size: clamp(1.02rem, 0.5vw + 0.92rem, 1.12rem);
	}

	body.gi-redesign .gi-marketing-page--website-development .gi-rd-webdev-hero-actions {
		flex-direction: column;
		align-items: stretch;
	}

	body.gi-redesign .gi-marketing-page--website-development .gi-rd-webdev-hero-actions .gi-rd-btn {
		width: 100%;
		text-align: center;
		justify-content: center;
	}
}

/* —— Trust / quality strip (premium light cards) —— */
body.gi-redesign .gi-marketing-page--website-development .gi-rd-webdev-trust-strip {
	--gi-trust-card-bg: linear-gradient(180deg, #ffffff 0%, #f8fafc 55%, #f4f6fb 100%);
	--gi-trust-card-border: rgba(91, 33, 182, 0.12);
	--gi-trust-card-glow:
		0 0 0 1px rgba(255, 255, 255, 0.85) inset,
		0 1px 0 rgba(255, 255, 255, 0.9) inset,
		0 14px 36px rgba(15, 23, 42, 0.07),
		0 0 40px rgba(91, 33, 182, 0.06);
	--gi-trust-card-glow-hover:
		0 0 0 1px rgba(255, 255, 255, 0.95) inset,
		0 18px 44px rgba(15, 23, 42, 0.1),
		0 0 52px rgba(91, 33, 182, 0.1);
	padding-block: clamp(2rem, 4.5vw, 3rem);
	background:
		radial-gradient(95% 75% at 50% 0%, rgba(91, 33, 182, 0.06), transparent 58%),
		radial-gradient(65% 50% at 100% 100%, rgba(163, 230, 53, 0.06), transparent 48%),
		var(--wos-bg, #f4f6fb);
	overflow-x: clip;
}

body.gi-redesign .gi-marketing-page--website-development .gi-rd-webdev-trust-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: clamp(0.75rem, 2vw, 1.1rem);
	align-items: stretch;
	list-style: none;
	margin: 0;
	padding: 0;
}

@media (min-width: 520px) {
	body.gi-redesign .gi-marketing-page--website-development .gi-rd-webdev-trust-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 840px) {
	body.gi-redesign .gi-marketing-page--website-development .gi-rd-webdev-trust-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (min-width: 1200px) {
	body.gi-redesign .gi-marketing-page--website-development .gi-rd-webdev-trust-grid {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}
}

body.gi-redesign .gi-marketing-page--website-development .gi-rd-webdev-trust-card {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	height: 100%;
	min-height: 100%;
	padding: clamp(1.15rem, 2.2vw, 1.45rem) clamp(1.1rem, 2vw, 1.35rem) clamp(1.2rem, 2.2vw, 1.5rem);
	border-radius: 1.5rem;
	background: var(--gi-trust-card-bg);
	border: 1px solid var(--gi-trust-card-border);
	box-shadow: var(--gi-trust-card-glow);
	transition:
		transform 0.28s cubic-bezier(0.22, 1, 0.36, 1),
		border-color 0.28s ease,
		box-shadow 0.28s ease;
}

@media (hover: hover) and (pointer: fine) {
	body.gi-redesign .gi-marketing-page--website-development .gi-rd-webdev-trust-card:hover {
		transform: translate3d(0, -3px, 0);
		border-color: rgba(91, 33, 182, 0.22);
		box-shadow: var(--gi-trust-card-glow-hover);
	}
}

@media (prefers-reduced-motion: reduce) {
	body.gi-redesign .gi-marketing-page--website-development .gi-rd-webdev-trust-card {
		transition: border-color 0.2s ease, box-shadow 0.2s ease;
	}

	body.gi-redesign .gi-marketing-page--website-development .gi-rd-webdev-trust-card:hover {
		transform: none;
	}
}

body.gi-redesign .gi-marketing-page--website-development .gi-rd-webdev-trust-card:focus-within {
	outline: 2px solid rgba(91, 33, 182, 0.35);
	outline-offset: 3px;
}

body.gi-redesign .gi-marketing-page--website-development .gi-rd-webdev-trust-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	margin-bottom: 0.85rem;
	border-radius: 0.75rem;
	font-size: 1.2rem;
	line-height: 1;
	background: linear-gradient(165deg, rgba(237, 233, 254, 0.95), rgba(248, 250, 252, 0.98));
	border: 1px solid rgba(91, 33, 182, 0.14);
	box-shadow:
		0 0 0 1px rgba(255, 255, 255, 0.75) inset,
		0 4px 12px rgba(91, 33, 182, 0.08);
}

body.gi-redesign .gi-marketing-page--website-development .gi-rd-webdev-trust-title {
	margin: 0 0 0.5rem;
	font-size: clamp(1rem, 0.35vw + 0.92rem, 1.12rem);
	font-weight: 800;
	line-height: 1.25;
	letter-spacing: -0.02em;
	color: var(--wos-dark-2, #0f172a);
}

body.gi-redesign .gi-marketing-page--website-development .gi-rd-webdev-trust-text {
	margin: 0;
	font-size: clamp(0.86rem, 0.2vw + 0.8rem, 0.94rem);
	line-height: 1.5;
	color: var(--wos-muted, #475569);
}

/* —— System chapter + showcase image —— */
body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-system-chapter__shell {
	display: grid;
	gap: 1.5rem;
}

@media (min-width: 960px) {
	body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-system-chapter__shell {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
		align-items: start;
	}
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-system-chapter__bullets {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0.65rem;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-system-chapter__bullet {
	padding: 0.75rem 0.85rem;
	border-radius: 0.85rem;
	border: 1px solid var(--wos-line);
	background: #fff;
	transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-system-chapter__bullet:hover {
	border-color: rgba(91, 33, 182, 0.35);
	box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-system-chapter__bullet strong {
	display: block;
	margin-bottom: 0.25rem;
	font-size: 1rem;
}

body.gi-redesign .gi-marketing-page--website-development .gi-rd-webdev-system-chapter__visual {
	border-radius: 1.2rem;
	border: 1px solid var(--wos-line);
	background: linear-gradient(155deg, #fff 0%, #f8fafc 40%, rgba(163, 230, 53, 0.06) 100%);
	box-shadow: 0 24px 50px rgba(15, 23, 42, 0.1);
	overflow: hidden;
}

body.gi-redesign .gi-marketing-page--website-development .gi-rd-webdev-system-chapter__figure {
	margin: 0;
	padding: 0.65rem 0.65rem 0.75rem;
}

body.gi-redesign .gi-marketing-page--website-development .gi-rd-webdev-system-chapter__figure-img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 0.85rem;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-mini-card {
	padding: 0.85rem 0.95rem;
	border-radius: 0.9rem;
	border: 1px solid var(--wos-line);
	background: #fff;
	box-shadow: 0 8px 20px rgba(15, 23, 42, 0.05);
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-mini-card h3 {
	margin: 0 0 0.35rem;
	font-size: 0.95rem;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-mini-card p {
	margin: 0;
	font-size: 0.86rem;
	color: var(--wos-muted);
	line-height: 1.4;
}

/* —— Format lab —— */
body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-format-lab__layout {
	display: grid;
	gap: 1rem;
}

@media (min-width: 900px) {
	body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-format-lab__layout {
		grid-template-columns: 11rem minmax(0, 1fr);
		align-items: start;
	}
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-format-lab__tabs {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 0.4rem;
}

@media (min-width: 900px) {
	body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-format-lab__tabs {
		flex-direction: column;
	}
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-format-lab__tab {
	cursor: pointer;
	border: 1px solid var(--wos-line);
	background: #fff;
	border-radius: 0.65rem;
	padding: 0.45rem 0.65rem;
	font-size: 0.82rem;
	font-weight: 700;
	color: var(--wos-ink);
	text-align: left;
	transition: border-color 0.2s ease, background 0.2s ease, transform 0.2s ease;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-format-lab__tab[aria-selected="true"] {
	border-color: rgba(91, 33, 182, 0.45);
	background: rgba(237, 233, 254, 0.55);
	color: var(--wos-violet);
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-format-lab__tab:focus-visible {
	outline: 3px solid rgba(91, 33, 182, 0.35);
	outline-offset: 2px;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os[data-active-index="none"] .gi-rd-webdev-format-lab__panel {
	display: block !important;
	margin-bottom: 1rem;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os:not([data-active-index="none"]) .gi-rd-webdev-format-lab__panel[hidden] {
	display: none !important;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-format-lab__device {
	border-radius: 1rem;
	border: 1px solid var(--wos-line);
	overflow: hidden;
	background: #fff;
	box-shadow: 0 22px 48px rgba(15, 23, 42, 0.1);
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-format-lab__device-chrome {
	display: flex;
	gap: 0.3rem;
	padding: 0.45rem 0.65rem;
	background: #e2e8f0;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-format-lab__device-chrome span {
	width: 0.4rem;
	height: 0.4rem;
	border-radius: 50%;
	background: #94a3b8;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-format-lab__device-body {
	display: flex;
	flex-direction: column;
	gap: 1.1rem;
	padding: 1.15rem 1.25rem 1.35rem;
	font-family: inherit;
	font-size: 0.9rem;
	line-height: 1.55;
	color: var(--wos-muted);
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-format-lab__intro {
	display: grid;
	gap: 0.65rem;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-format-lab__ptitle {
	margin: 0;
	font-size: 1.2rem;
	line-height: 1.25;
	color: var(--wos-ink);
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-format-lab__summary {
	margin: 0;
	font-size: 0.92rem;
	color: var(--wos-muted);
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-format-lab__includes {
	padding: 0.85rem 0.95rem;
	border: 1px solid var(--wos-line);
	border-radius: 0.75rem;
	background: #fff;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-format-lab__label {
	margin: 0 0 0.45rem;
	font-size: 0.7rem;
	font-weight: 800;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--wos-subtle);
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-format-lab__includes-list,
body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-format-lab__block-list {
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	gap: 0.35rem;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-format-lab__includes-list li,
body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-format-lab__block-list li {
	position: relative;
	padding-left: 1rem;
	font-size: 0.88rem;
	line-height: 1.45;
	color: var(--wos-muted);
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-format-lab__includes-list li::before,
body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-format-lab__block-list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.55em;
	width: 0.35rem;
	height: 0.35rem;
	border-radius: 50%;
	background: rgba(91, 33, 182, 0.55);
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-format-lab__detail {
	display: grid;
	gap: 0.75rem;
	padding: 0.95rem 1rem;
	border-radius: 0.8rem;
	background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
	border: 1px solid rgba(148, 163, 184, 0.28);
}

@media (min-width: 768px) {
	body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-format-lab__detail {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0.85rem 1rem;
	}
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-format-lab__block {
	padding: 0.7rem 0.75rem;
	border-radius: 0.65rem;
	background: rgba(255, 255, 255, 0.72);
	border: 1px solid rgba(226, 232, 240, 0.9);
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-format-lab__block-title {
	margin: 0 0 0.4rem;
	font-size: 0.68rem;
	font-weight: 800;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: var(--wos-violet);
	font-family: inherit;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-format-lab__block-text {
	margin: 0 0 0.35rem;
	font-size: 0.86rem;
	line-height: 1.5;
	color: var(--wos-muted);
	font-family: inherit;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-format-lab__block-text:last-child {
	margin-bottom: 0;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-format-lab__block-list {
	margin-top: 0.25rem;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-format-lab__cta {
	padding-top: 0.15rem;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-format-lab__tab:hover {
	border-color: rgba(91, 33, 182, 0.28);
	background: rgba(248, 250, 252, 0.95);
}

/* —— Architecture map —— */
body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-architecture-map__shell {
	display: grid;
	gap: 1.5rem;
}

@media (min-width: 1024px) {
	body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-architecture-map__shell {
		grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
	}
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-architecture-map__points {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(11.5rem, 1fr));
	gap: 0.65rem;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-architecture-map__canvas {
	padding: 0.85rem;
	border-radius: 1.35rem;
	background: linear-gradient(165deg, #fff, #f1f5f9);
	border: 1px solid var(--wos-line);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), 0 28px 55px rgba(15, 23, 42, 0.1);
	min-width: 0;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-section-photo {
	margin: 0;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-section-photo__img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 0.85rem;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-seo-preview:has(.gi-rd-webdev-section-photo) {
	padding: 0.65rem;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-editor-scene__visual {
	min-width: 0;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-architecture-board {
	min-width: 0;
	border-radius: 1.1rem;
	background: #fff;
	border: 1px solid rgba(15, 23, 42, 0.08);
	box-shadow: 0 18px 42px rgba(15, 23, 42, 0.07);
	overflow: hidden;
	transition: box-shadow 0.25s ease, border-color 0.25s ease;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-architecture-board:hover {
	border-color: rgba(91, 33, 182, 0.18);
	box-shadow: 0 22px 50px rgba(91, 33, 182, 0.09);
}

@media (prefers-reduced-motion: reduce) {
	body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-architecture-board {
		transition: none;
	}
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-architecture-board__head {
	padding: 0.85rem 1rem 0.75rem;
	border-bottom: 1px solid rgba(15, 23, 42, 0.06);
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-architecture-board__eyebrow {
	margin: 0;
	font-size: clamp(0.68rem, 0.15vw + 0.62rem, 0.76rem);
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: var(--wos-subtle);
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-architecture-board__sub {
	margin: 0.35rem 0 0;
	font-size: clamp(0.78rem, 0.2vw + 0.72rem, 0.86rem);
	color: var(--wos-muted);
	line-height: 1.35;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-architecture-board__stage {
	display: grid;
	gap: 1rem;
	padding: 0.85rem 0.85rem 0.65rem;
	min-width: 0;
}

@media (min-width: 720px) {
	body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-architecture-board__stage {
		grid-template-columns: minmax(6.75rem, 0.26fr) minmax(0, 1fr);
		gap: 0.35rem 0.85rem;
		align-items: stretch;
		padding: 1rem 1rem 0.75rem;
	}
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-architecture-board__tree {
	position: relative;
	min-width: 0;
	padding: 0.35rem 0.25rem 0.25rem 0;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-architecture-board__tree-title {
	margin: 0 0 0.45rem;
	font-size: clamp(0.72rem, 0.12vw + 0.68rem, 0.78rem);
	font-weight: 800;
	color: var(--wos-muted);
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-architecture-board__tree-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0.38rem;
}

@media (max-width: 719px) {
	body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-architecture-board__tree-list {
		flex-direction: row;
		flex-wrap: wrap;
		gap: 0.35rem;
	}
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-architecture-board__tree-list li {
	margin: 0;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-architecture-board__tree-node {
	display: inline-block;
	padding: 0.32rem 0.48rem;
	border-radius: 0.45rem;
	font-size: clamp(0.74rem, 0.2vw + 0.68rem, 0.82rem);
	font-weight: 700;
	color: var(--wos-ink);
	border: 1px dashed rgba(15, 23, 42, 0.2);
	background: #fafbfc;
	line-height: 1.2;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-architecture-board__tree-node--focus {
	border-style: solid;
	border-color: rgba(91, 33, 182, 0.45);
	background: rgba(237, 233, 254, 0.55);
	color: var(--wos-violet);
	box-shadow: 0 0 0 1px rgba(91, 33, 182, 0.08);
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-architecture-board__connector {
	display: none;
	position: absolute;
	top: 2.25rem;
	right: -0.35rem;
	width: 2.5rem;
	height: calc(100% - 2.75rem);
	color: rgba(91, 33, 182, 0.28);
	pointer-events: none;
}

@media (min-width: 720px) {
	body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-architecture-board__connector {
		display: block;
	}
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-architecture-board__connector-svg {
	width: 100%;
	height: 100%;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-architecture-board__wire-column {
	min-width: 0;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-architecture-board__wire {
	position: relative;
	border-radius: 0.75rem;
	border: 1px solid rgba(15, 23, 42, 0.1);
	background: linear-gradient(180deg, #fbfcfe 0%, #f4f6f8 100%);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
	min-width: 0;
	overflow: hidden;
	padding-bottom: 0.5rem;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-architecture-board__wire-chrome {
	display: flex;
	align-items: center;
	gap: 0.28rem;
	padding: 0.42rem 0.55rem;
	background: #e8ecf1;
	border-bottom: 1px solid rgba(15, 23, 42, 0.06);
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-architecture-board__wire-chrome span {
	width: 0.38rem;
	height: 0.38rem;
	border-radius: 50%;
	background: #c5ced8;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-architecture-board__wire-chrome span:nth-child(1) {
	background: #f59e9b;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-architecture-board__wire-chrome span:nth-child(2) {
	background: #fbbf24;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-architecture-board__wire-chrome span:nth-child(3) {
	background: #86efac;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-architecture-board__wire-body {
	padding: 0.65rem 0.65rem 3.25rem;
	display: flex;
	flex-direction: column;
	gap: 0.45rem;
	min-width: 0;
}

@media (min-width: 720px) {
	body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-architecture-board__wire-body {
		padding: 0.75rem 0.85rem 3.1rem;
		gap: 0.5rem;
	}
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-architecture-board__wire-kicker {
	margin: 0 0 0.15rem;
	font-size: clamp(0.7rem, 0.12vw + 0.66rem, 0.76rem);
	font-weight: 700;
	color: var(--wos-subtle);
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-architecture-board__blk {
	border-radius: 0.5rem;
	border: 1px dashed rgba(15, 23, 42, 0.16);
	background: rgba(255, 255, 255, 0.85);
	padding: 0.45rem 0.55rem;
	min-width: 0;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-architecture-board__blk-label {
	display: block;
	font-size: clamp(0.76rem, 0.15vw + 0.7rem, 0.84rem);
	font-weight: 800;
	color: var(--wos-ink);
	margin-bottom: 0.2rem;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-architecture-board__blk-hint {
	display: block;
	font-size: clamp(0.7rem, 0.1vw + 0.66rem, 0.76rem);
	color: var(--wos-muted);
	line-height: 1.35;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-architecture-board__blk--hero {
	min-height: 3.25rem;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-architecture-board__trust-cells {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 0.28rem;
	margin-top: 0.25rem;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-architecture-board__trust-cells span {
	height: 0.55rem;
	border-radius: 0.25rem;
	background: rgba(15, 23, 42, 0.06);
	border: 1px solid rgba(15, 23, 42, 0.08);
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-architecture-board__svc-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 0.3rem;
	margin-top: 0.3rem;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-architecture-board__svc-grid span {
	min-height: 1.85rem;
	border-radius: 0.35rem;
	background: rgba(91, 33, 182, 0.04);
	border: 1px solid rgba(91, 33, 182, 0.12);
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-architecture-board__process-row {
	display: flex;
	flex-wrap: wrap;
	gap: 0.3rem;
	margin-top: 0.28rem;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-architecture-board__process-row span {
	flex: 1 1 18%;
	min-width: 1.65rem;
	text-align: center;
	padding: 0.28rem 0.2rem;
	border-radius: 0.35rem;
	font-size: clamp(0.68rem, 0.1vw + 0.64rem, 0.74rem);
	font-weight: 800;
	color: var(--wos-muted);
	border: 1px solid rgba(15, 23, 42, 0.1);
	background: #fff;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-architecture-board__row2 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0.45rem;
	min-width: 0;
}

@media (max-width: 420px) {
	body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-architecture-board__row2 {
		grid-template-columns: 1fr;
	}
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-architecture-board__blk--faq .gi-rd-webdev-architecture-board__faq-lines {
	display: flex;
	flex-direction: column;
	gap: 0.28rem;
	margin-top: 0.3rem;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-architecture-board__faq-lines span {
	display: block;
	height: 0.32rem;
	border-radius: 0.2rem;
	background: rgba(15, 23, 42, 0.07);
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-architecture-board__faq-lines span:nth-child(2) {
	width: 88%;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-architecture-board__faq-lines span:nth-child(3) {
	width: 62%;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-architecture-board__blk--cta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.45rem;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-architecture-board__cta-pill {
	display: inline-block;
	padding: 0.28rem 0.55rem;
	border-radius: 999px;
	font-size: clamp(0.72rem, 0.12vw + 0.68rem, 0.8rem);
	font-weight: 800;
	color: var(--wos-violet);
	border: 1px solid rgba(91, 33, 182, 0.35);
	background: rgba(237, 233, 254, 0.65);
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-architecture-board__mobile {
	position: absolute;
	right: 0.55rem;
	bottom: 0.55rem;
	width: clamp(4.75rem, 26%, 6.75rem);
	z-index: 2;
}

@media (max-width: 719px) {
	body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-architecture-board__mobile {
		position: static;
		width: min(11rem, 100%);
		margin: 0.35rem auto 0;
	}
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-architecture-board__mobile-label {
	margin: 0 0 0.2rem;
	font-size: clamp(0.66rem, 0.1vw + 0.62rem, 0.72rem);
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: var(--wos-subtle);
	text-align: center;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-architecture-board__mobile-frame {
	border-radius: 0.65rem;
	border: 1px solid rgba(15, 23, 42, 0.14);
	background: #fff;
	box-shadow: 0 12px 28px rgba(15, 23, 42, 0.12);
	padding: 0.35rem 0.4rem 0.45rem;
	aspect-ratio: 9 / 16;
	max-height: 9.5rem;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-architecture-board__mobile-notch {
	height: 0.22rem;
	width: 28%;
	margin: 0 auto 0.35rem;
	border-radius: 999px;
	background: #e2e8f0;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-architecture-board__mobile-stack {
	display: flex;
	flex-direction: column;
	gap: 0.28rem;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-architecture-board__mobile-bar {
	height: 0.55rem;
	border-radius: 0.25rem;
	background: rgba(91, 33, 182, 0.1);
	border: 1px solid rgba(91, 33, 182, 0.15);
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-architecture-board__mobile-line {
	height: 0.28rem;
	border-radius: 0.15rem;
	background: rgba(15, 23, 42, 0.08);
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-architecture-board__mobile-line--short {
	width: 55%;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-architecture-board__mobile-btn {
	height: 0.42rem;
	width: 42%;
	margin: 0.15rem auto 0;
	border-radius: 0.25rem;
	background: rgba(91, 33, 182, 0.2);
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-architecture-board__chips {
	list-style: none;
	margin: 0;
	padding: 0.65rem 0.85rem 0.85rem;
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
	border-top: 1px solid rgba(15, 23, 42, 0.06);
	background: linear-gradient(180deg, rgba(248, 250, 252, 0.5), #fff);
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-architecture-board__chip {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0.25rem;
	padding: 0.32rem 0.5rem;
	border-radius: 999px;
	font-size: clamp(0.72rem, 0.12vw + 0.68rem, 0.8rem);
	border: 1px solid var(--wos-line);
	background: #fff;
	line-height: 1.25;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-architecture-board__chip-key {
	font-weight: 800;
	color: var(--wos-ink);
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-architecture-board__chip-val {
	font-weight: 700;
	font-size: clamp(0.66rem, 0.1vw + 0.62rem, 0.74rem);
	color: var(--wos-muted);
	text-transform: lowercase;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-architecture-board__chip--ok {
	border-color: rgba(163, 230, 53, 0.45);
	background: rgba(248, 250, 252, 0.9);
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-architecture-board__chip--ok .gi-rd-webdev-architecture-board__chip-val {
	color: rgba(22, 101, 52, 0.85);
	font-weight: 800;
}

/* —— Conversion (premium card grid) —— */
body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-conversion-grid {
	display: grid;
	gap: clamp(0.75rem, 2vw, 1.2rem);
	grid-template-columns: 1fr;
	margin-top: 0.35rem;
	min-width: 0;
}

@media (min-width: 600px) {
	body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-conversion-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 1024px) {
	body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-conversion-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-conversion-card {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	min-height: 100%;
	min-width: 0;
	padding: clamp(1.1rem, 2.2vw, 1.5rem);
	border-radius: clamp(1.15rem, 1.5vw, 1.65rem);
	border: 1px solid var(--wos-line);
	background: #fff;
	box-shadow: 0 10px 28px rgba(15, 23, 42, 0.07);
	transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-conversion-card:hover {
	transform: translate3d(0, -3px, 0);
	border-color: rgba(91, 33, 182, 0.22);
	box-shadow: 0 16px 40px rgba(15, 23, 42, 0.1), 0 0 0 1px rgba(91, 33, 182, 0.06);
}

@media (prefers-reduced-motion: reduce) {
	body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-conversion-card {
		transition: none;
	}

	body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-conversion-card:hover {
		transform: none;
	}
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-conversion-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.55rem;
	height: 2.55rem;
	margin: 0 0 0.85rem;
	border-radius: 0.7rem;
	border: 1px solid rgba(15, 23, 42, 0.08);
	background: #f8fafc;
	font-size: 1.2rem;
	line-height: 1;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-conversion-card__title {
	margin: 0 0 0.45rem;
	font-size: clamp(1rem, 0.35vw + 0.92rem, 1.14rem);
	font-weight: 800;
	line-height: 1.2;
	color: var(--wos-ink);
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-conversion-card__text {
	margin: 0;
	font-size: clamp(0.86rem, 0.25vw + 0.8rem, 0.95rem);
	line-height: 1.45;
	color: var(--wos-muted);
}

/* —— Trust scene (light premium) —— */
body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-trust-scene {
	background:
		radial-gradient(85% 65% at 88% 12%, rgba(129, 140, 248, 0.11), transparent 58%),
		radial-gradient(55% 45% at 8% 88%, rgba(147, 197, 253, 0.12), transparent 52%),
		linear-gradient(180deg, #f6f7fb 0%, #f8fafc 42%, #f1f5f9 100%);
	color: var(--wos-ink);
	padding-block: clamp(2rem, 5vw, 2.75rem);
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-trust-scene__shell {
	display: grid;
	gap: clamp(1.25rem, 3vw, 1.75rem);
	align-items: start;
	min-width: 0;
}

@media (min-width: 960px) {
	body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-trust-scene__shell {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
		align-items: center;
	}
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-trust-scene__copy {
	min-width: 0;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-trust-scene__visual {
	position: relative;
	min-width: 0;
	padding: clamp(1rem, 2.5vw, 1.35rem);
	border-radius: clamp(1.65rem, 2vw, 2rem);
	border: 1px solid rgba(99, 102, 241, 0.14);
	background: linear-gradient(165deg, rgba(255, 255, 255, 0.97), rgba(248, 250, 252, 0.92));
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.9) inset,
		0 20px 48px rgba(15, 23, 42, 0.07);
	backdrop-filter: blur(6px);
}

@supports not (backdrop-filter: blur(6px)) {
	body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-trust-scene__visual {
		background: #fff;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-trust-scene__visual {
		backdrop-filter: none;
	}
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-trust-stack {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	margin: 0;
	min-width: 0;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-trust-stack__row {
	display: flex;
	align-items: flex-start;
	gap: 0.65rem;
	min-width: 0;
	padding: 0.55rem 0.65rem;
	border-radius: 0.85rem;
	border: 1px solid rgba(15, 23, 42, 0.08);
	background: rgba(255, 255, 255, 0.88);
	box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04);
	transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-trust-stack__row:hover {
	transform: translate3d(0, -2px, 0);
	border-color: rgba(99, 102, 241, 0.28);
	box-shadow: 0 10px 26px rgba(99, 102, 241, 0.1);
}

@media (prefers-reduced-motion: reduce) {
	body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-trust-stack__row {
		transition: none;
	}

	body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-trust-stack__row:hover {
		transform: none;
	}
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-trust-stack__icon {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.45rem;
	height: 2.45rem;
	border-radius: 0.65rem;
	border: 1px solid rgba(15, 23, 42, 0.08);
	background: #f8fafc;
	font-size: 1.1rem;
	line-height: 1;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-trust-stack__body {
	flex: 1 1 auto;
	min-width: 0;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-trust-stack__title {
	margin: 0 0 0.2rem;
	font-size: clamp(0.88rem, 0.2vw + 0.82rem, 0.98rem);
	font-weight: 800;
	line-height: 1.25;
	color: var(--wos-ink);
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-trust-stack__text {
	margin: 0;
	font-size: clamp(0.82rem, 0.2vw + 0.76rem, 0.9rem);
	line-height: 1.45;
	color: var(--wos-muted);
}

/* —— SEO board —— */
body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-seo-board__shell {
	display: grid;
	gap: 1.25rem;
}

@media (min-width: 960px) {
	body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-seo-board__shell {
		grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.85fr);
	}
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-seo-board__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
	gap: 0.65rem;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-seo-preview {
	min-width: 0;
	padding: clamp(1rem, 2.2vw, 1.35rem);
	border-radius: clamp(1.65rem, 2vw, 2rem);
	border: 1px solid rgba(99, 102, 241, 0.14);
	background: linear-gradient(165deg, #fff 0%, #fafbff 55%, #f8fafc 100%);
	box-shadow: 0 18px 44px rgba(15, 23, 42, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.95);
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-seo-preview-head {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	gap: 0.65rem;
	padding-bottom: 0.65rem;
	border-bottom: 1px solid rgba(15, 23, 42, 0.06);
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-seo-preview-head__text {
	min-width: 0;
	flex: 1 1 12rem;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-seo-preview-head__title {
	margin: 0 0 0.25rem;
	font-size: clamp(0.88rem, 0.25vw + 0.82rem, 0.98rem);
	font-weight: 800;
	line-height: 1.25;
	color: var(--wos-ink);
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-seo-preview-head__row {
	margin: 0;
	font-size: clamp(0.78rem, 0.2vw + 0.72rem, 0.86rem);
	font-weight: 700;
	color: var(--wos-ink);
	line-height: 1.35;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-seo-preview-head__row--muted {
	font-weight: 600;
	color: var(--wos-muted);
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-seo-preview-head__tag {
	flex: 0 0 auto;
	max-width: 11rem;
	padding: 0.32rem 0.55rem;
	border-radius: 999px;
	font-size: clamp(0.68rem, 0.12vw + 0.64rem, 0.74rem);
	font-weight: 700;
	line-height: 1.3;
	color: var(--wos-muted);
	background: rgba(241, 245, 249, 0.95);
	border: 1px solid rgba(15, 23, 42, 0.08);
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-seo-kpis {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.45rem;
}

@media (min-width: 520px) {
	body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-seo-kpis {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-seo-kpi {
	min-width: 0;
	padding: 0.5rem 0.55rem;
	border-radius: 0.75rem;
	border: 1px solid rgba(15, 23, 42, 0.07);
	background: rgba(255, 255, 255, 0.92);
	box-shadow: 0 2px 10px rgba(15, 23, 42, 0.04);
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-seo-kpi__label {
	font-size: clamp(0.68rem, 0.12vw + 0.64rem, 0.76rem);
	font-weight: 700;
	color: var(--wos-muted);
	line-height: 1.25;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-seo-kpi__value {
	font-size: clamp(1rem, 0.4vw + 0.9rem, 1.18rem);
	font-weight: 800;
	color: var(--wos-ink);
	line-height: 1.1;
	letter-spacing: -0.02em;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-seo-kpi-disclaimer {
	margin: -0.35rem 0 0;
	font-size: clamp(0.68rem, 0.1vw + 0.64rem, 0.74rem);
	color: var(--wos-subtle);
	line-height: 1.35;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-seo-chart {
	width: 100%;
	min-width: 0;
	border-radius: 0.75rem;
	padding: 0.35rem 0.15rem 0;
	background: rgba(248, 250, 252, 0.65);
	border: 1px solid rgba(15, 23, 42, 0.05);
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-seo-chart__svg {
	display: block;
	width: 100%;
	height: auto;
	max-height: 9.5rem;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-seo-checks {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-seo-check {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 0.5rem;
	padding: 0.38rem 0.5rem;
	border-radius: 0.55rem;
	border: 1px solid rgba(15, 23, 42, 0.07);
	background: #fff;
	font-size: clamp(0.78rem, 0.15vw + 0.72rem, 0.86rem);
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-seo-check__label {
	font-weight: 700;
	color: var(--wos-ink);
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-seo-check__state {
	flex-shrink: 0;
	font-size: clamp(0.66rem, 0.1vw + 0.62rem, 0.72rem);
	font-weight: 800;
	text-transform: lowercase;
	color: rgba(91, 33, 182, 0.85);
	padding: 0.15rem 0.4rem;
	border-radius: 999px;
	background: rgba(237, 233, 254, 0.55);
	border: 1px solid rgba(99, 102, 241, 0.2);
}

/* —— Editor —— */
body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-editor-scene__layout {
	display: grid;
	gap: 1rem;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-editor-scene__cards {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
	gap: 0.55rem;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-cms-workspace {
	min-width: 0;
	display: flex;
	flex-direction: column;
	border-radius: clamp(1.1rem, 1.5vw, 1.35rem);
	border: 1px solid rgba(99, 102, 241, 0.14);
	background: #fff;
	box-shadow: 0 22px 50px rgba(15, 23, 42, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.9);
	overflow: hidden;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-cms-topbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.45rem 0.65rem;
	padding: 0.55rem 0.75rem;
	background: linear-gradient(180deg, #fafbff 0%, #f4f6fb 100%);
	border-bottom: 1px solid rgba(15, 23, 42, 0.07);
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-cms-topbar__title {
	font-size: clamp(0.82rem, 0.2vw + 0.76rem, 0.92rem);
	font-weight: 800;
	color: var(--wos-ink);
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-cms-topbar__eyebrow {
	font-size: clamp(0.66rem, 0.1vw + 0.62rem, 0.72rem);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: var(--wos-subtle);
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-cms-topbar__page {
	font-size: clamp(0.76rem, 0.15vw + 0.7rem, 0.84rem);
	font-weight: 700;
	color: var(--wos-muted);
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-cms-topbar__draft {
	margin-left: auto;
	font-size: clamp(0.72rem, 0.12vw + 0.68rem, 0.8rem);
	font-weight: 700;
	color: rgba(91, 33, 182, 0.88);
	padding: 0.2rem 0.5rem;
	border-radius: 999px;
	background: rgba(237, 233, 254, 0.55);
	border: 1px solid rgba(99, 102, 241, 0.2);
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-cms-topbar__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem;
	width: 100%;
}

@media (min-width: 720px) {
	body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-cms-topbar__draft {
		margin-left: 0;
	}

	body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-cms-topbar__actions {
		width: auto;
		margin-left: auto;
	}
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-cms-topbar__btn {
	display: inline-flex;
	align-items: center;
	padding: 0.28rem 0.55rem;
	border-radius: 0.5rem;
	font-size: clamp(0.72rem, 0.1vw + 0.68rem, 0.8rem);
	font-weight: 800;
	color: var(--wos-ink);
	border: 1px solid rgba(15, 23, 42, 0.1);
	background: #fff;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-cms-topbar__btn--accent {
	color: #fff;
	border-color: rgba(91, 33, 182, 0.45);
	background: linear-gradient(180deg, #6d28d9 0%, #5b21b2 100%);
	box-shadow: 0 4px 12px rgba(91, 33, 182, 0.25);
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-cms-body {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0.65rem;
	padding: 0.65rem 0.75rem;
	min-width: 0;
	min-height: 0;
	flex: 1 1 auto;
}

@media (min-width: 900px) {
	body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-cms-body {
		grid-template-columns: minmax(0, 9.5rem) minmax(0, 1fr) minmax(10rem, 0.38fr);
		align-items: start;
	}
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-cms-sidebar__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 0.3rem;
}

@media (min-width: 900px) {
	body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-cms-sidebar__list {
		flex-direction: column;
		flex-wrap: nowrap;
	}
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-cms-sidebar__item {
	display: block;
	padding: 0.32rem 0.45rem;
	border-radius: 0.45rem;
	font-size: clamp(0.74rem, 0.12vw + 0.7rem, 0.82rem);
	font-weight: 700;
	color: var(--wos-muted);
	border: 1px solid transparent;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-cms-sidebar__item.is-active {
	color: var(--wos-violet);
	background: rgba(237, 233, 254, 0.55);
	border-color: rgba(99, 102, 241, 0.22);
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-cms-main {
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 0.45rem;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-cms-main__heading {
	margin: 0;
	font-size: clamp(0.72rem, 0.12vw + 0.68rem, 0.8rem);
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: var(--wos-subtle);
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-cms-main__rows {
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-cms-section-row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.45rem 0.5rem;
	padding: 0.45rem 0.5rem;
	border-radius: 0.65rem;
	border: 1px solid rgba(15, 23, 42, 0.08);
	background: rgba(248, 250, 252, 0.85);
	transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-cms-section-row:hover {
	transform: translate3d(0, -2px, 0);
	border-color: rgba(99, 102, 241, 0.22);
	box-shadow: 0 8px 20px rgba(99, 102, 241, 0.08);
}

@media (prefers-reduced-motion: reduce) {
	body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-cms-section-row {
		transition: none;
	}

	body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-cms-section-row:hover {
		transform: none;
	}
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-cms-section-row__handle {
	flex-shrink: 0;
	width: 0.35rem;
	height: 1.35rem;
	border-radius: 0.2rem;
	background: repeating-linear-gradient(
		180deg,
		rgba(148, 163, 184, 0.55) 0 2px,
		transparent 2px 5px
	);
	opacity: 0.65;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-cms-section-row__text {
	flex: 1 1 10rem;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 0.12rem;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-cms-section-row__name {
	font-size: clamp(0.8rem, 0.15vw + 0.74rem, 0.9rem);
	font-weight: 800;
	color: var(--wos-ink);
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-cms-section-meta {
	font-size: clamp(0.72rem, 0.1vw + 0.68rem, 0.8rem);
	color: var(--wos-muted);
	line-height: 1.35;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-cms-section-row__pill {
	font-size: clamp(0.66rem, 0.08vw + 0.62rem, 0.72rem);
	font-weight: 800;
	text-transform: lowercase;
	padding: 0.18rem 0.42rem;
	border-radius: 999px;
	border: 1px solid rgba(99, 102, 241, 0.28);
	color: rgba(91, 33, 182, 0.9);
	background: rgba(237, 233, 254, 0.45);
	white-space: nowrap;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-cms-section-row__pill--muted {
	color: var(--wos-muted);
	border-color: rgba(15, 23, 42, 0.1);
	background: rgba(241, 245, 249, 0.9);
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-cms-section-row__edit {
	font-size: clamp(0.68rem, 0.08vw + 0.64rem, 0.74rem);
	font-weight: 800;
	color: var(--wos-violet);
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-cms-inspector {
	min-width: 0;
	padding: 0.55rem 0.6rem;
	border-radius: 0.65rem;
	border: 1px solid rgba(15, 23, 42, 0.08);
	background: rgba(255, 255, 255, 0.95);
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-cms-inspector__label {
	margin: 0;
	font-size: clamp(0.66rem, 0.08vw + 0.62rem, 0.72rem);
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: var(--wos-subtle);
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-cms-inspector__block {
	margin: 0;
	font-size: clamp(0.88rem, 0.15vw + 0.82rem, 0.98rem);
	font-weight: 800;
	color: var(--wos-ink);
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-cms-inspector__heading {
	margin: 0.25rem 0 0;
	font-size: clamp(0.7rem, 0.08vw + 0.66rem, 0.76rem);
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: var(--wos-subtle);
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-cms-inspector__fields,
body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-cms-inspector__checks {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0.28rem;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-cms-field {
	padding: 0.32rem 0.4rem;
	border-radius: 0.4rem;
	font-size: clamp(0.74rem, 0.1vw + 0.7rem, 0.82rem);
	font-weight: 600;
	color: var(--wos-ink);
	border: 1px solid rgba(15, 23, 42, 0.07);
	background: #f8fafc;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-cms-check {
	padding: 0.28rem 0.38rem;
	border-radius: 0.4rem;
	font-size: clamp(0.72rem, 0.1vw + 0.68rem, 0.8rem);
	font-weight: 600;
	color: var(--wos-muted);
	border-left: 3px solid rgba(99, 102, 241, 0.45);
	background: rgba(248, 250, 252, 0.9);
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-cms-statusbar {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem 0.75rem;
	padding: 0.45rem 0.75rem;
	border-top: 1px solid rgba(15, 23, 42, 0.07);
	background: #fafbfc;
	font-size: clamp(0.7rem, 0.1vw + 0.66rem, 0.78rem);
	font-weight: 600;
	color: var(--wos-muted);
}

/* —— Project modes —— */
body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-project-modes__phases {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
	margin-bottom: 1rem;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-project-modes__phases span {
	padding: 0.35rem 0.55rem;
	border-radius: 999px;
	font-size: 0.72rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	background: rgba(163, 230, 53, 0.18);
	border: 1px solid rgba(163, 230, 53, 0.45);
	color: var(--wos-dark-2);
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-project-modes__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
	gap: 0.85rem;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-project-modes__card {
	padding: 1.1rem 1.15rem;
	border-radius: 1.15rem;
	background: #fff;
	border: 1px solid var(--wos-line);
	box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
	transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-project-modes__card:hover {
	transform: translateY(-3px);
	border-color: rgba(91, 33, 182, 0.25);
	box-shadow: 0 26px 50px rgba(15, 23, 42, 0.12);
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-project-modes__card h3 {
	margin: 0 0 0.5rem;
	font-size: 1.1rem;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-project-modes__card p {
	margin: 0 0 0.4rem;
	font-size: 0.88rem;
	color: var(--wos-muted);
	line-height: 1.45;
}

/* —— Process story —— */
body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-process-story__layout {
	display: grid;
	gap: 1rem;
}

@media (min-width: 900px) {
	body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-process-story__layout {
		grid-template-columns: 12rem minmax(0, 1fr);
	}
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-process-story__timeline {
	list-style: none;
	margin: 0;
	padding: 0;
	border-left: 2px solid rgba(148, 163, 184, 0.4);
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-process-story__step-btn {
	width: 100%;
	text-align: left;
	border: none;
	background: transparent;
	padding: 0.45rem 0.5rem 0.45rem 0.75rem;
	cursor: pointer;
	border-radius: 0 0.5rem 0.5rem 0;
	font: inherit;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-process-story__timeline li.is-active .gi-rd-webdev-process-story__step-btn {
	background: rgba(237, 233, 254, 0.55);
	border-left: 3px solid var(--wos-violet);
	margin-left: -2px;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-process-story__step-btn:focus-visible {
	outline: 3px solid rgba(91, 33, 182, 0.35);
	outline-offset: 2px;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-process-story__step-title {
	display: block;
	font-weight: 800;
	font-size: 0.88rem;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-process-story__chip {
	display: inline-block;
	margin-top: 0.2rem;
	font-size: 0.62rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--wos-violet);
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-process-story__detail {
	padding: 1rem 1.1rem;
	border-radius: 1rem;
	background: #fff;
	border: 1px solid var(--wos-line);
	min-height: 8rem;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-process-story__panel p {
	margin: 0 0 0.65rem;
	font-size: 0.92rem;
	color: var(--wos-muted);
	line-height: 1.5;
}

/* —— Scope console —— */
body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-scope-console__note {
	font-size: 0.86rem;
	color: var(--wos-subtle);
	margin: 0 0 0.75rem;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-scope-console__layout {
	display: grid;
	gap: 1rem;
}

@media (min-width: 768px) {
	body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-scope-console__layout {
		grid-template-columns: 10rem minmax(0, 1fr);
	}
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-scope-console__tabs {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 0.4rem;
}

@media (min-width: 768px) {
	body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-scope-console__tabs {
		flex-direction: column;
	}
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-scope-console__tab {
	cursor: pointer;
	border: 1px solid var(--wos-line);
	background: #fff;
	border-radius: 0.65rem;
	padding: 0.4rem 0.55rem;
	font-size: 0.78rem;
	font-weight: 700;
	text-align: left;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-scope-console__tab[aria-selected="true"] {
	border-color: rgba(91, 33, 182, 0.45);
	background: rgba(237, 233, 254, 0.55);
	color: var(--wos-violet);
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-scope-console__tab:focus-visible {
	outline: 3px solid rgba(91, 33, 182, 0.35);
	outline-offset: 2px;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os[data-scope-index="none"] .gi-rd-webdev-scope-console__panel {
	display: block !important;
	margin-bottom: 0.75rem;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os:not([data-scope-index="none"]) .gi-rd-webdev-scope-console__panel[hidden] {
	display: none !important;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-scope-console__panel {
	padding: 1rem;
	border-radius: 1rem;
	background: #fff;
	border: 1px solid var(--wos-line);
	box-shadow: 0 20px 44px rgba(15, 23, 42, 0.1);
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-scope-console__chrome {
	font-size: 0.72rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: var(--wos-subtle);
	margin-bottom: 0.65rem;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-scope-console__panel dl {
	margin: 0;
	display: grid;
	gap: 0.4rem;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-scope-console__panel div {
	display: grid;
	grid-template-columns: 7rem 1fr;
	gap: 0.35rem;
	font-size: 0.86rem;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-scope-console__panel dt {
	margin: 0;
	font-weight: 700;
	color: var(--wos-subtle);
}
body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-scope-console__panel dd {
	margin: 0;
	font-weight: 600;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-scope-actions {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 14px;
	margin-top: 1.15rem;
	width: 100%;
	box-sizing: border-box;
}

@media (min-width: 768px) {
	body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-scope-actions {
		grid-column: 2;
		justify-self: stretch;
	}
}

@media (max-width: 480px) {
	body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-scope-actions {
		flex-direction: column;
		align-items: stretch;
	}

	body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-scope-actions .gi-rd-webdev-scope-action-primary,
	body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-scope-actions .gi-rd-webdev-scope-action-secondary {
		width: 100%;
		justify-content: center;
		box-sizing: border-box;
	}
}

/* —— FAQ —— */
body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-faq-os .gi-rd-shell {
	max-width: min(48rem, 100%);
	margin-inline: auto;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-faq-os .gi-rd-webdev-h2 {
	text-align: center;
	max-width: 36rem;
	margin-inline: auto;
	margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-faq-os__list {
	width: 100%;
	margin-inline: auto;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-faq-os__topics {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
	margin: 0.5rem 0 1rem;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-faq-os__topic {
	padding: 0.3rem 0.55rem;
	border-radius: 999px;
	border: 1px solid var(--wos-line);
	background: #fff;
	font-size: 0.78rem;
	font-weight: 700;
	color: var(--wos-muted);
	text-decoration: none;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-faq-os__topic:focus-visible {
	outline: 3px solid rgba(91, 33, 182, 0.35);
	outline-offset: 2px;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-faq-os__item {
	border-radius: 0.9rem;
	border: 1px solid var(--wos-line);
	background: #fff;
	margin-bottom: 0.55rem;
	overflow: clip;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-faq-os__item summary {
	cursor: pointer;
	list-style: none;
	padding: 0.85rem 1rem;
	font-weight: 700;
	font-size: 1rem;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-faq-os__item summary::-webkit-details-marker {
	display: none;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-faq-os__panel {
	padding: 0 1rem 0.9rem;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-faq-os__panel p {
	margin: 0;
	color: var(--wos-muted);
	line-height: 1.55;
}

/* —— Final CTA (single column, light) —— */
body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-final-scene {
	background:
		radial-gradient(ellipse 90% 72% at 50% -12%, rgba(124, 92, 255, 0.075), transparent 58%),
		radial-gradient(ellipse 52% 42% at 96% 100%, rgba(99, 102, 241, 0.055), transparent 52%),
		linear-gradient(180deg, #f8fafc 0%, #f5f7fb 48%, #f7f8fc 100%);
	border-top: 1px solid rgba(148, 163, 184, 0.22);
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-final-inner {
	max-width: min(52rem, 100%);
	margin-inline: auto;
	text-align: center;
	padding: clamp(1.15rem, 2.2vw, 1.85rem) clamp(0.85rem, 2vw, 1.35rem);
	border-radius: 1.15rem;
	border: 1px solid rgba(148, 163, 184, 0.2);
	box-shadow: 0 16px 36px rgba(15, 23, 42, 0.055);
	background: rgba(255, 255, 255, 0.72);
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-final-copy {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-final-copy .gi-rd-webdev-h2 {
	margin-inline: auto;
	margin-bottom: 1rem;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-final-copy .gi-rd-webdev-lead {
	margin-inline: auto;
	margin-bottom: 1.5rem;
	max-width: min(48ch, 100%);
	color: var(--wos-muted);
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-final-actions {
	justify-content: center;
	margin-top: 0;
}

body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-final-note {
	margin: 0.85rem 0 0;
	max-width: min(52ch, 100%);
	margin-inline: auto;
	font-size: 0.9rem;
	line-height: 1.55;
	color: var(--wos-subtle);
}

@media (max-width: 640px) {
	body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-final-inner {
		border-radius: 0.85rem;
		padding-inline: clamp(0.75rem, 4vw, 1rem);
	}

	body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-final-actions {
		flex-direction: column;
		align-items: stretch;
		width: 100%;
		max-width: 100%;
	}

	body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-final-actions .gi-rd-btn {
		width: 100%;
		justify-content: center;
		box-sizing: border-box;
	}

	body.gi-redesign .gi-marketing-page--website-development.gi-rd-webdev-os .gi-rd-webdev-scope-console__panel div {
		grid-template-columns: 1fr;
	}
}
/* Final */
body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-final__card {
	display: grid;
	grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
	gap: 1rem;
	padding: 1.2rem;
	border: 1px solid var(--gi-services-border);
	border-radius: 1.3rem;
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(250, 252, 255, 0.98)),
		radial-gradient(90% 140% at 100% 0%, rgba(196, 181, 253, 0.2), transparent 60%);
	box-shadow: 0 22px 42px rgba(15, 23, 42, 0.09);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-final__micro {
	margin-top: 0.86rem;
	font-size: 0.9rem;
	color: var(--gi-services-subtle);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-final__output {
	padding: 0.9rem;
	border: 1px solid var(--gi-services-border);
	border-radius: 1rem;
	background: #fff;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-final__output p {
	margin: 0 0 0.5rem;
	font-weight: 700;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-final__output ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	gap: 0.4rem;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-final__output li {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.42rem 0.48rem;
	border-radius: 0.6rem;
	border: 1px solid var(--gi-services-border);
	font-size: 0.88rem;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-final__output li::before {
	content: "";
	width: 0.56rem;
	height: 0.56rem;
	border-radius: 50%;
	border: 1px solid rgba(109, 40, 217, 0.4);
}

/* responsive */
@media (max-width: 1200px) {
	body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-quality__rail,
	body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-stack__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 1024px) {
	body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-router__grid,
	body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-diagnosis__grid,
	body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-poland__grid,
	body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-deliverables__grid,
	body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-budget__grid,
	body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-process__grid,
	body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-fit__grid,
	body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-final__card {
		grid-template-columns: 1fr;
	}

	body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-router__panel {
		position: static;
	}
}

@media (max-width: 760px) {
	body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-hero__proof,
	body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-quality__rail,
	body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-router__cards,
	body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-diagnosis__logic,
	body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-poland__cards,
	body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-proof__logic,
	body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-stack__grid,
	body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-formats__grid,
	body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-projects__grid,
	body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-proof__cases,
	body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-deliverables__cards,
	body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-formats__switch {
		grid-template-columns: 1fr;
	}

	body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-fit__table {
		display: block;
		border: none;
		background: transparent;
	}

	body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-fit__table thead {
		display: none;
	}

	body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-fit__table tbody,
	body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-fit__table tr,
	body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-fit__table td {
		display: block;
		width: 100%;
	}

	body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-fit__table tr {
		margin-bottom: 0.6rem;
		border: 1px solid var(--gi-services-border);
		border-radius: 0.8rem;
		background: #fff;
		overflow: hidden;
	}

	body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-fit__table td {
		border-bottom: 1px solid var(--gi-services-border);
		padding: 0.54rem;
	}

	body.gi-redesign .gi-marketing-page--uslugi .gi-rd-services-fit__table td:last-child {
		border-bottom: none;
	}
}

/* ============================================================
 * SEO service parent (/uslugi/seo/) — scoped premium layout
 * ============================================================ */

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os {
	--wos-bg: #f4f6fb;
	--wos-surface: #ffffff;
	--wos-ink: #0b1220;
	--wos-muted: #475569;
	--wos-subtle: #64748b;
	--wos-line: rgba(15, 23, 42, 0.1);
	--wos-violet: #5b21b6;
	--wos-lime: #a3e635;
	--wos-lime-dim: rgba(163, 230, 53, 0.35);
	background: var(--wos-bg);
	color: var(--wos-ink);
	overflow-x: clip;
	position: relative;
}

@media (min-width: 1025px) {
	body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os {
		padding-left: 8.5rem;
	}
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-section {
	padding-block: clamp(2.5rem, 5vw, 4.5rem);
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-chapter-rail {
	display: none;
	position: fixed;
	left: 0.75rem;
	top: 50%;
	transform: translateY(-50%);
	z-index: 30;
	width: 7rem;
	font-size: 0.68rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--wos-subtle);
}

@media (min-width: 1025px) {
	body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-chapter-rail {
		display: block;
	}
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-chapter-rail__track {
	position: absolute;
	left: 0.35rem;
	top: 0.25rem;
	bottom: 0.25rem;
	width: 2px;
	background: rgba(148, 163, 184, 0.35);
	border-radius: 2px;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-chapter-rail__progress {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 12%;
	max-height: 100%;
	background: linear-gradient(180deg, var(--wos-lime), var(--wos-violet));
	border-radius: 2px;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-chapter-rail__list {
	position: relative;
	margin: 0;
	padding: 0.25rem 0 0.25rem 1.1rem;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 0.55rem;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-chapter-rail__link {
	color: inherit;
	text-decoration: none;
	display: block;
	line-height: 1.2;
	padding: 0.15rem 0;
	border-radius: 0.25rem;
	transition: color 0.2s ease, transform 0.2s ease;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-chapter-rail__link:hover,
body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-chapter-rail__link:focus-visible {
	color: var(--wos-ink);
	outline: 2px solid rgba(91, 33, 182, 0.35);
	outline-offset: 2px;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-h2 {
	font-size: clamp(1.55rem, 2.8vw, 2.65rem);
	line-height: 1.12;
	font-weight: 800;
	letter-spacing: -0.02em;
	margin: 0 0 1rem;
	max-width: 22em;
	color: var(--wos-ink);
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-lead {
	font-size: clamp(1.02rem, 1.35vw, 1.2rem);
	line-height: 1.55;
	color: var(--wos-muted);
	max-width: 56ch;
	margin: 0 0 1.5rem;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-lead a {
	color: var(--wos-violet);
	font-weight: 700;
	text-decoration: underline;
	text-underline-offset: 0.15em;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-breadcrumbs {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 0.4rem;
	margin: 0 0 clamp(1.25rem, 3vw, 1.75rem);
	font-size: 0.9rem;
	color: var(--wos-subtle);
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-breadcrumbs a {
	color: inherit;
	text-decoration: none;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-breadcrumbs a:hover {
	text-decoration: underline;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-hero {
	padding-block: var(--gi-rd-hero-pt) var(--gi-rd-hero-pb);
	background:
		radial-gradient(100% 70% at 50% 0%, rgba(91, 33, 182, 0.09), transparent 58%),
		radial-gradient(90% 55% at 80% 100%, rgba(163, 230, 53, 0.07), transparent 55%),
		#f4f6fb;
	overflow-x: clip;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-hero__shell {
	max-width: 1200px;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-hero-inner {
	margin-inline: auto;
	max-width: min(72rem, 100%);
	text-align: center;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-hero-copy {
	display: flex;
	flex-direction: column;
	align-items: center;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-hero__h1 {
	margin: 0 0 clamp(0.85rem, 2vw, 1.15rem);
	max-width: min(68rem, 100%);
	font-size: clamp(2rem, 4vw + 0.45rem, 5.2rem);
	line-height: 1.06;
	font-weight: 800;
	letter-spacing: -0.035em;
	color: var(--wos-ink);
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-hero__lead {
	margin: 0 0 clamp(1.25rem, 2.5vw, 1.65rem);
	max-width: min(50rem, 100%);
	font-size: clamp(1.05rem, 0.35vw + 0.95rem, 1.35rem);
	line-height: 1.55;
	color: var(--wos-muted);
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-hero-actions {
	margin-top: clamp(1rem, 2.5vw, 1.35rem);
	justify-content: center;
	width: 100%;
	max-width: 36rem;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-hero__micro {
	margin: clamp(1rem, 2.2vw, 1.35rem) 0 0;
	max-width: min(40rem, 100%);
	font-size: clamp(0.88rem, 0.2vw + 0.82rem, 0.95rem);
	line-height: 1.5;
	color: var(--wos-subtle);
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-console {
	border-radius: 1.25rem;
	border: 1px solid var(--wos-line);
	background: #fff;
	box-shadow: 0 22px 48px rgba(15, 23, 42, 0.1);
	overflow: hidden;
	text-align: left;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-console__radio {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-console__head {
	padding: 0.85rem 1rem;
	border-bottom: 1px solid var(--wos-line);
	background: linear-gradient(180deg, #fafbff, #f4f6fb);
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-console__title {
	margin: 0 0 0.65rem;
	font-size: 0.72rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: var(--wos-subtle);
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-console__tablist {
	display: flex;
	flex-wrap: wrap;
	gap: 0.45rem;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-console__tab {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.45rem 0.75rem;
	border-radius: 0.6rem;
	border: 1px solid var(--wos-line);
	background: #fff;
	font-size: 0.78rem;
	font-weight: 700;
	color: var(--wos-muted);
	cursor: pointer;
	transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-console__tab:hover {
	border-color: rgba(91, 33, 182, 0.35);
	color: var(--wos-ink);
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-console__tab:focus-within {
	outline: 2px solid rgba(91, 33, 182, 0.45);
	outline-offset: 2px;
	border-radius: 0.65rem;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-console__panels {
	padding: 1rem 1.05rem 1.15rem;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-console__panels > .gi-rd-seo-console__panel {
	display: none;
}

/* —— SEO “why” section: split + blockers Growth Console (stable panel height) —— */
body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-why-split {
	display: grid;
	gap: 1.5rem;
	align-items: start;
}

@media (min-width: 1024px) {
	body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-why-split {
		grid-template-columns: minmax(0, 1fr) minmax(17.5rem, 24rem);
		gap: clamp(1.5rem, 3vw, 2.5rem);
	}
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-why-split__copy .gi-rd-seo-h2 {
	max-width: none;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-why-split__aside {
	align-self: start;
	min-width: 0;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-section-photo {
	margin: 0;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-section-photo__img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 0.85rem;
}

@media (min-width: 1024px) {
	body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-why-split {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
	}
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-why-split__cards {
	display: grid;
	gap: 0.65rem;
	grid-template-columns: 1fr;
}

@media (min-width: 640px) {
	body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-why-split__cards {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-card--why {
	padding: 0.75rem 0.85rem;
	border-radius: 0.85rem;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-card--why .gi-rd-seo-card__title {
	font-size: 0.92rem;
	margin-bottom: 0.3rem;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-card--why .gi-rd-seo-card__text {
	font-size: 0.8rem;
	line-height: 1.45;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-blockers-console {
	position: sticky;
	top: 5.5rem;
}

@media (max-width: 1023px) {
	body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-blockers-console {
		position: static;
	}
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-blockers-console .gi-rd-seo-console-panels {
	position: relative;
	/* Tall enough for Visibility (meta + spark + KV) and Clusters without inner scroll at normal zoom */
	min-height: clamp(36rem, 62vh, 44rem);
	padding: 0;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-blockers-console .gi-rd-seo-console-panels > .gi-rd-seo-console__panel {
	position: absolute;
	inset: 0;
	box-sizing: border-box;
	padding: 1rem 1.05rem 1.15rem;
	overflow-y: auto;
	display: none;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os #gi-seo-blk-vis:checked ~ .gi-rd-seo-console__head .gi-rd-seo-console__tablist label[for="gi-seo-blk-vis"],
body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os #gi-seo-blk-clu:checked ~ .gi-rd-seo-console__head .gi-rd-seo-console__tablist label[for="gi-seo-blk-clu"],
body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os #gi-seo-blk-tech:checked ~ .gi-rd-seo-console__head .gi-rd-seo-console__tablist label[for="gi-seo-blk-tech"],
body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os #gi-seo-blk-road:checked ~ .gi-rd-seo-console__head .gi-rd-seo-console__tablist label[for="gi-seo-blk-road"] {
	border-color: rgba(91, 33, 182, 0.45);
	background: rgba(237, 233, 254, 0.55);
	color: var(--wos-violet);
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os #gi-seo-blk-vis:checked ~ .gi-rd-seo-console__panels > .gi-rd-seo-console__panel--vis,
body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os #gi-seo-blk-clu:checked ~ .gi-rd-seo-console__panels > .gi-rd-seo-console__panel--clu,
body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os #gi-seo-blk-tech:checked ~ .gi-rd-seo-console__panels > .gi-rd-seo-console__panel--tech,
body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os #gi-seo-blk-road:checked ~ .gi-rd-seo-console__panels > .gi-rd-seo-console__panel--road {
	display: flex;
	flex-direction: column;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-blk-meta {
	list-style: none;
	margin: 0 0 0.65rem;
	padding: 0;
	display: grid;
	gap: 0.3rem;
	font-size: 0.82rem;
	color: var(--wos-muted);
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-blk-meta li span {
	font-weight: 700;
	color: var(--wos-subtle);
	margin-right: 0.35rem;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-blk-cluster-list {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-blk-cluster {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 0.55rem 0.65rem;
	align-items: start;
	padding: 0.55rem 0.65rem;
	border-radius: 0.65rem;
	border: 1px solid rgba(148, 163, 184, 0.28);
	background: #fff;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-blk-cluster__id {
	font-size: 0.72rem;
	font-weight: 800;
	color: var(--wos-violet);
	line-height: 1.3;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-blk-cluster__q {
	margin: 0 0 0.2rem;
	font-size: 0.9rem;
	font-weight: 700;
	color: var(--wos-ink);
	line-height: 1.35;
	word-break: break-word;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-blk-cluster__meta {
	margin: 0;
	font-size: 0.72rem;
	color: var(--wos-subtle);
	line-height: 1.35;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-blockers-console .gi-rd-seo-console__spark {
	margin-top: 0.25rem;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-blockers-console .gi-rd-seo-console__kv {
	margin-top: 0.35rem;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-console__meta {
	margin: 0 0 0.75rem;
	font-size: 0.82rem;
	color: var(--wos-subtle);
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-console__kicker {
	margin: 0 0 0.5rem;
	font-size: 0.72rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: var(--wos-subtle);
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-console__spark {
	margin: 0.35rem 0 0.85rem;
	color: rgba(91, 33, 182, 0.55);
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-console__svg {
	width: 100%;
	max-width: 100%;
	height: auto;
	display: block;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-console__spark-cap {
	display: block;
	margin-top: 0.35rem;
	font-size: 0.75rem;
	color: var(--wos-subtle);
}

@media (prefers-reduced-motion: reduce) {
	body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-console__spark-line {
		stroke-dasharray: none;
		stroke-dashoffset: 0;
	}
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-console__kv {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 0.4rem;
	font-size: 0.88rem;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-console__kv li {
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	padding: 0.4rem 0.5rem;
	border-radius: 0.5rem;
	background: #f8fafc;
	border: 1px solid rgba(148, 163, 184, 0.25);
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-console__kv em {
	font-style: normal;
	font-weight: 700;
	color: var(--wos-violet);
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-console__disclaimer,
body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-console__note {
	margin: 0.75rem 0 0;
	font-size: 0.78rem;
	color: var(--wos-subtle);
	line-height: 1.45;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-console__clusters {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 0.5rem;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-console__clusters li {
	display: grid;
	grid-template-columns: auto 1fr;
	grid-template-rows: auto auto;
	gap: 0.15rem 0.65rem;
	padding: 0.55rem 0.6rem;
	border-radius: 0.65rem;
	border: 1px solid var(--wos-line);
	background: #fafbff;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-console__cluster-id {
	grid-row: span 2;
	font-size: 0.7rem;
	font-weight: 800;
	color: var(--wos-violet);
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-console__cluster-q {
	font-weight: 700;
	font-size: 0.88rem;
	color: var(--wos-ink);
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-console__cluster-meta {
	grid-column: 2;
	font-size: 0.75rem;
	color: var(--wos-muted);
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-console__tech {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 0.35rem;
	font-size: 0.86rem;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-console__tech li {
	display: flex;
	justify-content: space-between;
	gap: 0.75rem;
	padding: 0.35rem 0;
	border-bottom: 1px solid rgba(148, 163, 184, 0.25);
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-console__tech em {
	font-style: normal;
	font-weight: 700;
	color: var(--wos-ink);
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-console__road {
	margin: 0;
	padding-left: 1.1rem;
	font-size: 0.9rem;
	color: var(--wos-muted);
	line-height: 1.55;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-trust-strip {
	--gi-seo-trust-bg: linear-gradient(180deg, #ffffff 0%, #f8fafc 55%, #f4f6fb 100%);
	padding-block: clamp(2rem, 4vw, 3rem);
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-trust-grid {
	display: grid;
	gap: 0.75rem;
	grid-template-columns: repeat(auto-fit, minmax(13.5rem, 1fr));
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-trust-card {
	padding: 1rem 1.05rem;
	border-radius: 1.1rem;
	border: 1px solid rgba(91, 33, 182, 0.12);
	background: var(--gi-seo-trust-bg);
	box-shadow: 0 14px 32px rgba(15, 23, 42, 0.06);
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-trust-icon {
	display: block;
	font-size: 1.35rem;
	margin-bottom: 0.35rem;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-trust-title {
	margin: 0 0 0.35rem;
	font-size: 1rem;
	font-weight: 800;
	color: var(--wos-ink);
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-trust-text {
	margin: 0;
	font-size: 0.88rem;
	line-height: 1.5;
	color: var(--wos-muted);
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-section--soft {
	background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-card-grid {
	display: grid;
	gap: 0.75rem;
	grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
	margin-top: 0.5rem;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-card-grid--3 {
	grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
}

/* Outcomes: 6 cards in a 3×2 grid on desktop */
body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-section--out-premium .gi-rd-seo-card-grid {
	grid-template-columns: 1fr;
}

@media (min-width: 640px) {
	body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-section--out-premium .gi-rd-seo-card-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 900px) {
	body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-section--out-premium .gi-rd-seo-card-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-card {
	padding: 1rem 1.05rem;
	border-radius: 1.05rem;
	border: 1px solid var(--wos-line);
	background: #fff;
	box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
}

/* Demand chapter: five intent cards — one row desktop, premium system-card feel */
body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-intent-grid {
	display: grid;
	gap: clamp(0.65rem, 1.4vw, 1rem);
	grid-template-columns: 1fr;
	align-items: stretch;
}

@media (min-width: 520px) {
	body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-intent-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 768px) {
	body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-intent-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (min-width: 1180px) {
	body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-intent-grid {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-intent-card {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	box-sizing: border-box;
	min-width: 0;
	height: 100%;
	padding: 1rem 0.95rem 1.05rem;
	border-radius: 1rem;
	border: 1px solid rgba(148, 163, 184, 0.28);
	background: #fff;
	box-shadow: 0 10px 26px rgba(15, 23, 42, 0.055);
	transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-intent-card:hover {
	border-color: rgba(91, 33, 182, 0.22);
	box-shadow: 0 16px 36px rgba(15, 23, 42, 0.08);
	transform: translateY(-2px);
}

@media (prefers-reduced-motion: reduce) {
	body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-intent-card {
		transition: none;
	}

	body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-intent-card:hover {
		transform: none;
	}
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-intent-card__emoji {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 2.125rem;
	height: 2.125rem;
	border-radius: 999px;
	font-size: 1rem;
	line-height: 1;
	background: rgba(91, 33, 182, 0.07);
	border: 1px solid rgba(91, 33, 182, 0.1);
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-intent-card__title {
	margin: 0.65rem 0 0.4rem;
	font-size: 0.9rem;
	font-weight: 800;
	line-height: 1.25;
	letter-spacing: -0.015em;
	color: var(--wos-ink);
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-intent-card__text {
	margin: 0;
	font-size: 0.82rem;
	line-height: 1.45;
	color: var(--wos-muted);
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-card__title {
	margin: 0 0 0.35rem;
	font-size: 0.98rem;
	font-weight: 800;
	color: var(--wos-ink);
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-card__text {
	margin: 0;
	font-size: 0.86rem;
	line-height: 1.5;
	color: var(--wos-muted);
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-mock {
	margin-top: 1.5rem;
	padding: 1rem 1.1rem;
	border-radius: 1.1rem;
	border: 1px solid var(--wos-line);
	background: linear-gradient(180deg, #ffffff, #f8fafc);
	box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-mock__title {
	margin: 0 0 0.65rem;
	font-size: 0.78rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: var(--wos-subtle);
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-mock__sub {
	margin: 0 0 0.35rem;
	font-size: 0.72rem;
	font-weight: 700;
	color: var(--wos-violet);
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-mock__rows {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 0.35rem;
	font-size: 0.84rem;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-mock__rows li {
	display: flex;
	justify-content: space-between;
	gap: 0.75rem;
	padding: 0.35rem 0.45rem;
	border-radius: 0.45rem;
	background: #fff;
	border: 1px solid rgba(148, 163, 184, 0.22);
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-mock__rows em {
	font-style: normal;
	font-weight: 700;
	color: var(--wos-ink);
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-mock__foot {
	margin: 0.75rem 0 0;
	font-size: 0.82rem;
	font-weight: 600;
	color: var(--wos-muted);
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-mock__disclaimer {
	margin: 0.5rem 0 0;
	font-size: 0.74rem;
	color: var(--wos-subtle);
	line-height: 1.4;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-mock__line {
	margin: 0 0 0.35rem;
	font-size: 0.86rem;
	color: var(--wos-muted);
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-mock__ol {
	margin: 0.35rem 0 0;
	padding-left: 1.1rem;
	font-size: 0.86rem;
	color: var(--wos-muted);
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-demand-visual {
	margin-top: clamp(1.25rem, 2.5vw, 1.75rem);
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-demand-cols {
	display: grid;
	gap: 0.75rem;
	grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-demand-cols ul {
	margin: 0;
	padding-left: 1rem;
	font-size: 0.82rem;
	color: var(--wos-muted);
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-mock__bullets {
	margin: 0;
	padding-left: 1rem;
	font-size: 0.84rem;
	color: var(--wos-muted);
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-stack {
	margin: 0.5rem 0 0;
	padding: 0;
	list-style: none;
	display: grid;
	gap: clamp(0.6rem, 1.5vw, 0.85rem);
	grid-template-columns: 1fr;
	counter-reset: gi-seo-layer;
	align-items: stretch;
}

@media (min-width: 560px) {
	body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-stack {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 960px) {
	body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-stack {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-stack__layer {
	counter-increment: gi-seo-layer;
	box-sizing: border-box;
	min-width: 0;
	height: 100%;
	padding: 0.85rem 1rem;
	border-radius: 1rem;
	border: 1px solid var(--wos-line);
	background: #fff;
	box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-stack__layer::before {
	content: counter(gi-seo-layer, decimal-leading-zero);
	display: inline-block;
	margin-right: 0.45rem;
	font-size: 0.72rem;
	font-weight: 800;
	color: var(--wos-violet);
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-stack__name {
	margin: 0 0 0.35rem;
	font-size: 1rem;
	font-weight: 800;
	color: var(--wos-ink);
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-stack__layer p {
	margin: 0;
	font-size: 0.86rem;
	line-height: 1.5;
	color: var(--wos-muted);
}

/* —— SEO Route Selector (format-lab pattern: rail + preview, no JS) —— */
body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-route-selector {
	margin-top: 0.5rem;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-route-selector__radio {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-route-selector__layout {
	display: grid;
	gap: 1rem;
	align-items: start;
}

@media (min-width: 900px) {
	body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-route-selector__layout {
		grid-template-columns: minmax(10.5rem, 12rem) minmax(0, 1fr);
		gap: clamp(1rem, 2.5vw, 1.5rem);
		align-items: stretch;
	}
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-route-selector__rail {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 0.45rem;
}

@media (min-width: 900px) {
	body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-route-selector__rail {
		flex-direction: column;
		flex-wrap: nowrap;
	}
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-route-selector__pick {
	display: block;
	cursor: pointer;
	border: 1px solid var(--wos-line);
	background: #fff;
	border-radius: 0.65rem;
	padding: 0.5rem 0.7rem;
	font-size: 0.8rem;
	font-weight: 700;
	color: var(--wos-ink);
	text-align: left;
	line-height: 1.3;
	transition: border-color 0.18s ease, background 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-route-selector__pick:hover {
	border-color: rgba(91, 33, 182, 0.28);
	color: var(--wos-ink);
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-route-selector__pick:focus-within {
	outline: 2px solid rgba(91, 33, 182, 0.45);
	outline-offset: 2px;
	border-radius: 0.7rem;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os #gi-seo-route-sel-0:checked ~ .gi-rd-seo-route-selector__layout .gi-rd-seo-route-selector__rail label[for="gi-seo-route-sel-0"],
body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os #gi-seo-route-sel-1:checked ~ .gi-rd-seo-route-selector__layout .gi-rd-seo-route-selector__rail label[for="gi-seo-route-sel-1"],
body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os #gi-seo-route-sel-2:checked ~ .gi-rd-seo-route-selector__layout .gi-rd-seo-route-selector__rail label[for="gi-seo-route-sel-2"],
body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os #gi-seo-route-sel-3:checked ~ .gi-rd-seo-route-selector__layout .gi-rd-seo-route-selector__rail label[for="gi-seo-route-sel-3"],
body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os #gi-seo-route-sel-4:checked ~ .gi-rd-seo-route-selector__layout .gi-rd-seo-route-selector__rail label[for="gi-seo-route-sel-4"] {
	border-color: rgba(91, 33, 182, 0.45);
	background: rgba(237, 233, 254, 0.55);
	color: var(--wos-violet);
	box-shadow: 0 6px 16px rgba(91, 33, 182, 0.08);
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-route-selector__stage {
	position: relative;
	min-width: 0;
	min-height: clamp(14rem, 32vw, 18rem);
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-route-selector__panel {
	display: none;
	box-sizing: border-box;
	flex-direction: column;
	gap: 0.55rem;
	padding: 1.15rem 1.2rem 1.25rem;
	border-radius: 1.15rem;
	border: 1px solid var(--wos-line);
	background: #fff;
	box-shadow: 0 20px 44px rgba(15, 23, 42, 0.09);
	overflow: hidden;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os #gi-seo-route-sel-0:checked ~ .gi-rd-seo-route-selector__layout .gi-rd-seo-route-selector__panel--0,
body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os #gi-seo-route-sel-1:checked ~ .gi-rd-seo-route-selector__layout .gi-rd-seo-route-selector__panel--1,
body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os #gi-seo-route-sel-2:checked ~ .gi-rd-seo-route-selector__layout .gi-rd-seo-route-selector__panel--2,
body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os #gi-seo-route-sel-3:checked ~ .gi-rd-seo-route-selector__layout .gi-rd-seo-route-selector__panel--3,
body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os #gi-seo-route-sel-4:checked ~ .gi-rd-seo-route-selector__layout .gi-rd-seo-route-selector__panel--4 {
	display: flex;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-route-selector__eyebrow {
	margin: 0;
	font-size: 0.72rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: var(--wos-subtle);
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-route-selector__route {
	margin: 0;
	font-size: 0.95rem;
	font-weight: 800;
	color: var(--wos-violet);
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-route-selector__h {
	margin: 0;
	font-size: clamp(1.05rem, 0.6vw + 0.95rem, 1.28rem);
	font-weight: 800;
	line-height: 1.2;
	color: var(--wos-ink);
	letter-spacing: -0.02em;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-route-selector__text,
body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-route-selector__get {
	margin: 0;
	font-size: 0.88rem;
	line-height: 1.55;
	color: var(--wos-muted);
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-route-selector__cta {
	margin-top: 0.35rem;
	align-self: flex-start;
}

/* —— Metrics: premium metric cards (no KPI mock) —— */
body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-metrics-cards {
	display: grid;
	gap: clamp(0.65rem, 1.4vw, 0.9rem);
	margin-top: 0.65rem;
	grid-template-columns: 1fr;
	align-items: stretch;
}

@media (min-width: 560px) {
	body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-metrics-cards {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 900px) {
	body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-metrics-cards {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (min-width: 1200px) {
	body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-metrics-cards {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-metrics-card {
	position: relative;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	min-width: 0;
	height: 100%;
	padding: 1rem 1.05rem 1.1rem;
	border-radius: 1rem;
	border: 1px solid rgba(148, 163, 184, 0.28);
	background: #fff;
	box-shadow: 0 12px 28px rgba(15, 23, 42, 0.055);
	transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-metrics-card:hover {
	border-color: rgba(91, 33, 182, 0.22);
	box-shadow: 0 16px 36px rgba(15, 23, 42, 0.08);
	transform: translateY(-2px);
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-metrics-card__meta {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin-bottom: 0.55rem;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-metrics-card__index {
	font-size: 0.68rem;
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--wos-subtle);
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-metrics-card__ico {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	border-radius: 999px;
	font-size: 0.95rem;
	line-height: 1;
	background: rgba(91, 33, 182, 0.07);
	border: 1px solid rgba(91, 33, 182, 0.1);
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-metrics-card__title {
	margin: 0 0 0.35rem;
	font-size: 0.95rem;
	font-weight: 800;
	line-height: 1.25;
	color: var(--wos-ink);
	letter-spacing: -0.015em;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-metrics-card__text {
	margin: 0;
	font-size: 0.82rem;
	line-height: 1.5;
	color: var(--wos-muted);
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-callout {
	margin: 1.25rem 0 0;
	padding: 0.85rem 1rem;
	border-radius: 0.85rem;
	border-left: 4px solid var(--wos-violet);
	background: rgba(237, 233, 254, 0.45);
	font-size: 0.95rem;
	font-weight: 600;
	color: var(--wos-ink);
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-callout--metrics {
	margin-top: clamp(1.35rem, 3vw, 1.85rem);
	margin-inline: auto;
	max-width: min(48rem, 100%);
	padding: 1.05rem 1.25rem;
	text-align: center;
	border-left: none;
	border: 1px solid rgba(148, 163, 184, 0.28);
	border-radius: 1.05rem;
	background: linear-gradient(180deg, #fff 0%, #fafbff 100%);
	box-shadow: 0 14px 32px rgba(15, 23, 42, 0.06);
	font-size: clamp(0.95rem, 0.25vw + 0.88rem, 1.05rem);
	line-height: 1.5;
}

@media (prefers-reduced-motion: reduce) {
	body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-metrics-card {
		transition: none;
	}

	body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-metrics-card:hover {
		transform: none;
	}
}

/* —— Deliverables: grouped premium cards (no workspace mock) —— */
body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-deliver-board {
	margin-top: 0.65rem;
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-deliver-grouphead {
	margin: 1.15rem 0 0.55rem;
	font-size: clamp(0.88rem, 0.35vw + 0.8rem, 0.98rem);
	font-weight: 800;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--wos-subtle);
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-deliver-board > .gi-rd-seo-deliver-grouphead:first-child {
	margin-top: 0;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-deliver-cards {
	display: grid;
	gap: clamp(0.65rem, 1.4vw, 0.85rem);
	grid-template-columns: 1fr;
	align-items: stretch;
}

@media (min-width: 560px) {
	body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-deliver-cards {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 900px) {
	body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-deliver-cards {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (min-width: 1280px) {
	body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-deliver-cards {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-deliver-card {
	position: relative;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	min-width: 0;
	height: 100%;
	padding: 1rem 1rem 1.05rem;
	padding-top: 2.35rem;
	border-radius: 1rem;
	border: 1px solid rgba(148, 163, 184, 0.26);
	background: #fff;
	box-shadow: 0 10px 26px rgba(15, 23, 42, 0.05);
	transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-deliver-card:hover {
	border-color: rgba(91, 33, 182, 0.2);
	box-shadow: 0 16px 34px rgba(15, 23, 42, 0.075);
	transform: translateY(-2px);
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-deliver-card__badge {
	position: absolute;
	top: 0.65rem;
	right: 0.65rem;
	padding: 0.2rem 0.45rem;
	border-radius: 999px;
	font-size: 0.62rem;
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--wos-violet);
	background: rgba(91, 33, 182, 0.08);
	border: 1px solid rgba(91, 33, 182, 0.14);
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-deliver-card__meta {
	display: flex;
	align-items: center;
	gap: 0.45rem;
	margin-bottom: 0.45rem;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-deliver-card__step {
	font-size: 0.68rem;
	font-weight: 800;
	letter-spacing: 0.05em;
	color: var(--wos-subtle);
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-deliver-card__ico {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 1.85rem;
	height: 1.85rem;
	border-radius: 999px;
	font-size: 0.88rem;
	line-height: 1;
	background: rgba(91, 33, 182, 0.06);
	border: 1px solid rgba(91, 33, 182, 0.1);
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-deliver-card__title {
	margin: 0 0 0.35rem;
	font-size: 0.92rem;
	font-weight: 800;
	line-height: 1.25;
	color: var(--wos-ink);
	letter-spacing: -0.012em;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-deliver-card__text {
	margin: 0;
	font-size: 0.8rem;
	line-height: 1.5;
	color: var(--wos-muted);
}

@media (prefers-reduced-motion: reduce) {
	body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-deliver-card {
		transition: none;
	}

	body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-deliver-card:hover {
		transform: none;
	}
}

/* —— SEO process story (nav + detail card, CSS-only tabs) —— */
body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-process-story__state {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
	opacity: 0;
	appearance: none;
	pointer-events: none;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-process-story__state:focus {
	outline: none;
	box-shadow: none;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-process-story__layout {
	display: grid;
	gap: 1.25rem;
	margin-top: 0.35rem;
}

@media (min-width: 900px) {
	body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-process-story__layout {
		grid-template-columns: minmax(11.5rem, 14rem) minmax(0, 1fr);
		align-items: start;
	}
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-process-story__timeline {
	list-style: none;
	margin: 0;
	padding: 0;
	border-left: 2px solid rgba(148, 163, 184, 0.35);
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-process-story__step-btn {
	display: block;
	width: 100%;
	text-align: left;
	border: none;
	background: transparent;
	padding: 0.55rem 0.65rem 0.55rem 0.85rem;
	cursor: pointer;
	border-radius: 0 0.55rem 0.55rem 0;
	font: inherit;
	color: inherit;
	transition: background 0.15s ease, box-shadow 0.15s ease;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-process-story__step-title {
	display: block;
	font-weight: 800;
	font-size: 0.9rem;
	color: var(--wos-ink);
	letter-spacing: -0.01em;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-process-story__chip {
	display: inline-block;
	margin-top: 0.22rem;
	font-size: 0.62rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.045em;
	color: var(--wos-violet);
	opacity: 0.92;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-process-story__step-btn:focus-visible {
	outline: 3px solid rgba(91, 33, 182, 0.35);
	outline-offset: 2px;
}

#gi-rd-seo-proc-0:checked ~ .gi-rd-seo-process-story__timeline > li:nth-child(1) .gi-rd-seo-process-story__step-btn,
#gi-rd-seo-proc-1:checked ~ .gi-rd-seo-process-story__timeline > li:nth-child(2) .gi-rd-seo-process-story__step-btn,
#gi-rd-seo-proc-2:checked ~ .gi-rd-seo-process-story__timeline > li:nth-child(3) .gi-rd-seo-process-story__step-btn,
#gi-rd-seo-proc-3:checked ~ .gi-rd-seo-process-story__timeline > li:nth-child(4) .gi-rd-seo-process-story__step-btn,
#gi-rd-seo-proc-4:checked ~ .gi-rd-seo-process-story__timeline > li:nth-child(5) .gi-rd-seo-process-story__step-btn,
#gi-rd-seo-proc-5:checked ~ .gi-rd-seo-process-story__timeline > li:nth-child(6) .gi-rd-seo-process-story__step-btn {
	background: rgba(237, 233, 254, 0.55);
	border-left: 3px solid var(--wos-violet);
	margin-left: -2px;
	box-shadow: 0 4px 14px rgba(91, 33, 182, 0.08);
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-process-story__detail {
	padding: 1.35rem 1.45rem;
	border-radius: 1.05rem;
	background: #fff;
	border: 1px solid rgba(148, 163, 184, 0.35);
	min-height: 9.5rem;
	box-shadow: 0 20px 48px rgba(15, 23, 42, 0.07);
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-process-story__panel {
	display: none;
}

#gi-rd-seo-proc-0:checked ~ .gi-rd-seo-process-story__detail .gi-rd-seo-process-story__panel:nth-child(1),
#gi-rd-seo-proc-1:checked ~ .gi-rd-seo-process-story__detail .gi-rd-seo-process-story__panel:nth-child(2),
#gi-rd-seo-proc-2:checked ~ .gi-rd-seo-process-story__detail .gi-rd-seo-process-story__panel:nth-child(3),
#gi-rd-seo-proc-3:checked ~ .gi-rd-seo-process-story__detail .gi-rd-seo-process-story__panel:nth-child(4),
#gi-rd-seo-proc-4:checked ~ .gi-rd-seo-process-story__detail .gi-rd-seo-process-story__panel:nth-child(5),
#gi-rd-seo-proc-5:checked ~ .gi-rd-seo-process-story__detail .gi-rd-seo-process-story__panel:nth-child(6) {
	display: block;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-process-story__panel-text {
	margin: 0 0 0.85rem;
	font-size: 0.95rem;
	color: var(--wos-muted);
	line-height: 1.58;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-process-story__panel-result {
	margin: 0;
	font-size: 0.88rem;
	line-height: 1.5;
	color: var(--wos-subtle);
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-process-story__panel-result strong {
	color: var(--wos-ink);
	font-weight: 800;
}

@media (prefers-reduced-motion: reduce) {
	body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-process-story__step-btn {
		transition: none;
	}
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-local-figure {
	margin: 1.35rem 0 0;
	padding: 0;
	border-radius: 1.05rem;
	overflow: hidden;
	border: 1px solid rgba(148, 163, 184, 0.35);
	background: #fff;
	box-shadow: 0 20px 48px rgba(15, 23, 42, 0.07);
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-local-figure__img {
	display: block;
	width: 100%;
	height: auto;
}

/* —— SEO scope console (budget; CSS-only preset tabs) —— */
body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-scope-console__note {
	font-size: 0.86rem;
	color: var(--wos-subtle);
	margin: 0 0 0.75rem;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-scope-console__layout {
	position: relative;
	display: grid;
	gap: 1rem;
	margin-top: 0.35rem;
}

@media (min-width: 768px) {
	body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-scope-console__layout {
		grid-template-columns: 10rem minmax(0, 1fr);
	}
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-scope-console__tabs {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 0.4rem;
}

@media (min-width: 768px) {
	body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-scope-console__tabs {
		flex-direction: column;
	}
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-scope-console__tab {
	cursor: pointer;
	display: block;
	border: 1px solid var(--wos-line);
	background: #fff;
	border-radius: 0.65rem;
	padding: 0.4rem 0.55rem;
	font-size: 0.78rem;
	font-weight: 700;
	text-align: left;
	color: inherit;
	transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
}

#gi-rd-seo-scope-audit:checked ~ .gi-rd-seo-scope-console__tabs label[for="gi-rd-seo-scope-audit"],
#gi-rd-seo-scope-program:checked ~ .gi-rd-seo-scope-console__tabs label[for="gi-rd-seo-scope-program"],
#gi-rd-seo-scope-focus:checked ~ .gi-rd-seo-scope-console__tabs label[for="gi-rd-seo-scope-focus"] {
	border-color: rgba(91, 33, 182, 0.45);
	background: rgba(237, 233, 254, 0.55);
	color: var(--wos-violet);
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-scope-console__tab:focus-visible {
	outline: 3px solid rgba(91, 33, 182, 0.35);
	outline-offset: 2px;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-scope-console__panel {
	display: none;
	padding: 1rem;
	border-radius: 1rem;
	background: #fff;
	border: 1px solid var(--wos-line);
	box-shadow: 0 20px 44px rgba(15, 23, 42, 0.1);
}

#gi-rd-seo-scope-audit:checked ~ .gi-rd-seo-scope-console__panels .gi-rd-seo-scope-console__panel:nth-child(1),
#gi-rd-seo-scope-program:checked ~ .gi-rd-seo-scope-console__panels .gi-rd-seo-scope-console__panel:nth-child(2),
#gi-rd-seo-scope-focus:checked ~ .gi-rd-seo-scope-console__panels .gi-rd-seo-scope-console__panel:nth-child(3) {
	display: block;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-scope-console__chrome {
	font-size: 0.72rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: var(--wos-subtle);
	margin-bottom: 0.65rem;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-scope-console__panel dl {
	margin: 0;
	display: grid;
	gap: 0.4rem;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-scope-console__panel dl > div {
	display: grid;
	grid-template-columns: minmax(5.25rem, 7rem) minmax(0, 1fr);
	gap: 0.35rem;
	font-size: 0.86rem;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-scope-console__panel dt {
	margin: 0;
	font-weight: 700;
	color: var(--wos-subtle);
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-scope-console__panel dd {
	margin: 0;
	font-weight: 600;
	color: var(--wos-ink);
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-scope-console__actions {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 14px;
	margin-top: 1.15rem;
	width: 100%;
	box-sizing: border-box;
}

@media (min-width: 768px) {
	body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-scope-console__actions {
		grid-column: 2;
		justify-self: stretch;
	}
}

@media (max-width: 480px) {
	body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-scope-console__actions {
		flex-direction: column;
		align-items: stretch;
	}

	body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-scope-console__actions .gi-rd-seo-scope-console__action-primary,
	body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-scope-console__actions .gi-rd-seo-scope-console__action-secondary {
		width: 100%;
		justify-content: center;
		box-sizing: border-box;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-scope-console__tab {
		transition: none;
	}
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-faq .gi-rd-shell {
	max-width: min(48rem, 100%);
	margin-inline: auto;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-faq .gi-rd-seo-h2 {
	text-align: center;
	max-width: 36rem;
	margin-inline: auto;
	margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-faq__list {
	display: flex;
	flex-direction: column;
	gap: 0.55rem;
	margin-top: 0;
	width: 100%;
	margin-inline: auto;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-faq__item {
	border-radius: 0.9rem;
	border: 1px solid var(--wos-line);
	background: #fff;
	overflow: clip;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-faq__item summary {
	cursor: pointer;
	list-style: none;
	padding: 0.85rem 1rem;
	font-weight: 700;
	font-size: 1rem;
	color: var(--wos-ink);
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-faq__item summary::-webkit-details-marker {
	display: none;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-faq__panel {
	padding: 0 1rem 0.9rem;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-faq__panel p {
	margin: 0;
	color: var(--wos-muted);
	line-height: 1.55;
	font-size: 0.92rem;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-final-scene {
	background:
		radial-gradient(ellipse 90% 72% at 50% -12%, rgba(124, 92, 255, 0.075), transparent 58%),
		radial-gradient(ellipse 52% 42% at 96% 100%, rgba(99, 102, 241, 0.055), transparent 52%),
		linear-gradient(180deg, #f8fafc 0%, #f5f7fb 48%, #f7f8fc 100%);
	border-top: 1px solid rgba(148, 163, 184, 0.22);
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-final-inner {
	max-width: min(52rem, 100%);
	margin-inline: auto;
	text-align: center;
	padding: clamp(1.15rem, 2.2vw, 1.85rem) clamp(0.85rem, 2vw, 1.35rem);
	border-radius: 1.15rem;
	border: 1px solid rgba(148, 163, 184, 0.2);
	box-shadow: 0 16px 36px rgba(15, 23, 42, 0.055);
	background: rgba(255, 255, 255, 0.72);
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-final-copy {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-final-copy .gi-rd-seo-h2 {
	margin-inline: auto;
	margin-bottom: 1rem;
	max-width: 22em;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-final-copy .gi-rd-seo-lead {
	margin-inline: auto;
	margin-bottom: 1.5rem;
	max-width: min(48ch, 100%);
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-final-actions {
	justify-content: center;
	margin-top: 0;
	width: 100%;
	max-width: 36rem;
}

body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-final-note {
	margin: 0.85rem 0 0;
	max-width: min(52ch, 100%);
	margin-inline: auto;
	font-size: 0.9rem;
	line-height: 1.55;
	color: var(--wos-subtle);
}

@media (max-width: 640px) {
	body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-hero__h1 {
		font-size: clamp(1.75rem, 6vw + 0.35rem, 3rem);
		line-height: 1.1;
	}

	body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-hero-actions,
	body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-final-actions {
		flex-direction: column;
		align-items: stretch;
	}

	body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-hero-actions .gi-rd-btn,
	body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-final-actions .gi-rd-btn {
		width: 100%;
		justify-content: center;
		box-sizing: border-box;
	}

	body.gi-redesign .gi-marketing-page--seo-service.gi-rd-seo-os .gi-rd-seo-final-inner {
		border-radius: 0.85rem;
		padding-inline: clamp(0.75rem, 4vw, 1rem);
	}
}

/* =============================================================================
   Business systems service — /uslugi/biznes-sistemy/
   Scope: body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os
   ============================================================================= */

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os {
	--wos-bg: #f4f6fb;
	--wos-surface: #ffffff;
	--wos-ink: #0b1220;
	--wos-muted: #475569;
	--wos-subtle: #64748b;
	--wos-line: rgba(15, 23, 42, 0.1);
	--wos-violet: #5b21b6;
	--wos-lime: #a3e635;
	--wos-lime-dim: rgba(163, 230, 53, 0.35);
	--gi-sys-accent: var(--gi-rd-primary);
	--gi-sys-accent-soft: var(--gi-rd-primary-soft);
	background: var(--wos-bg);
	color: var(--wos-ink);
	overflow-x: clip;
	position: relative;
}

@media (min-width: 1025px) {
	body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os {
		padding-left: 8.5rem;
	}
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-section {
	padding-block: clamp(2.5rem, 5vw, 4.5rem);
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-section--soft {
	background: linear-gradient(180deg, #f8fafc 0%, #eef2ff 55%, #f4f6fb 100%);
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-h2 {
	margin: 0 0 0.65rem;
	font-size: clamp(1.55rem, 2.8vw, 2.65rem);
	font-weight: 800;
	letter-spacing: -0.02em;
	line-height: 1.12;
	color: var(--wos-ink);
	max-width: 22em;
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-lead {
	margin: 0 0 1.25rem;
	font-size: clamp(1.02rem, 1.35vw, 1.2rem);
	line-height: 1.55;
	color: var(--wos-muted);
	max-width: min(56ch, 100%);
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-body {
	margin: 0 0 1rem;
	font-size: 0.95rem;
	line-height: 1.58;
	color: var(--wos-muted);
	max-width: min(62ch, 100%);
}

/* —— Chapter rail (как на /uslugi/seo/) —— */
body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-chapter-rail {
	display: none;
	position: fixed;
	left: 0.75rem;
	top: 50%;
	transform: translateY(-50%);
	z-index: 30;
	width: 7rem;
	font-size: 0.68rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--wos-subtle);
	margin: 0;
	padding: 0;
	max-width: none;
	box-sizing: border-box;
	background: transparent;
	backdrop-filter: none;
	border: none;
}

@media (min-width: 1025px) {
	body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-chapter-rail {
		display: block;
	}
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-chapter-rail__track {
	position: absolute;
	left: 0.35rem;
	top: 0.25rem;
	bottom: 0.25rem;
	width: 2px;
	background: rgba(148, 163, 184, 0.35);
	border-radius: 2px;
	display: block;
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-chapter-rail__progress {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 12%;
	max-height: 100%;
	background: linear-gradient(180deg, var(--wos-lime), var(--wos-violet));
	border-radius: 2px;
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-chapter-rail__list {
	position: relative;
	margin: 0;
	padding: 0.25rem 0 0.25rem 1.1rem;
	list-style: none;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	gap: 0.55rem;
	overflow: visible;
	scrollbar-width: auto;
	-webkit-overflow-scrolling: auto;
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-chapter-rail__list li {
	flex: none;
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-chapter-rail__link {
	color: inherit;
	text-decoration: none;
	display: block;
	line-height: 1.2;
	padding: 0.15rem 0;
	border-radius: 0.25rem;
	font-size: inherit;
	font-weight: inherit;
	letter-spacing: inherit;
	text-transform: inherit;
	border: none;
	white-space: normal;
	overflow-wrap: break-word;
	transition: color 0.2s ease, transform 0.2s ease;
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-chapter-rail__link:hover {
	color: var(--wos-ink);
	background: transparent;
	transform: none;
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-chapter-rail__link:focus-visible {
	color: var(--wos-ink);
	outline: 2px solid rgba(91, 33, 182, 0.35);
	outline-offset: 2px;
	background: transparent;
}

/* —— Hero —— */
body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-hero {
	padding-block: var(--gi-rd-hero-pt) var(--gi-rd-hero-pb);
	background:
		radial-gradient(100% 70% at 50% 0%, rgba(91, 33, 182, 0.09), transparent 58%),
		radial-gradient(90% 55% at 80% 100%, rgba(163, 230, 53, 0.07), transparent 55%),
		#f4f6fb;
	border-bottom: 1px solid rgba(148, 163, 184, 0.18);
	overflow-x: clip;
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-hero__shell {
	max-width: 1200px;
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-hero-inner {
	margin-inline: auto;
	max-width: min(72rem, 100%);
	text-align: center;
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-breadcrumbs {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 0.4rem;
	margin: 0 0 clamp(1.25rem, 3vw, 1.75rem);
	font-size: 0.9rem;
	color: var(--wos-subtle);
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-breadcrumbs a {
	color: inherit;
	text-decoration: none;
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-breadcrumbs a:hover {
	text-decoration: underline;
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-hero-copy {
	display: flex;
	flex-direction: column;
	align-items: center;
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-hero__h1 {
	margin: 0 0 clamp(0.85rem, 2vw, 1.15rem);
	max-width: min(68rem, 100%);
	font-size: clamp(2rem, 4vw + 0.45rem, 5.2rem);
	font-weight: 800;
	letter-spacing: -0.035em;
	line-height: 1.06;
	color: var(--wos-ink);
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-hero__lead {
	margin: 0 0 clamp(1.25rem, 2.5vw, 1.65rem);
	max-width: min(50rem, 100%);
	font-size: clamp(1.05rem, 0.35vw + 0.95rem, 1.35rem);
	line-height: 1.55;
	color: var(--wos-muted);
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-hero-actions,
body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-final-actions {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	gap: 0.75rem;
	width: 100%;
	max-width: min(100%, 52rem);
	margin-inline: auto;
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-hero-actions {
	margin-top: clamp(1rem, 2.5vw, 1.35rem);
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-hero__micro {
	margin: clamp(1rem, 2.2vw, 1.35rem) 0 0;
	max-width: min(40rem, 100%);
	font-size: clamp(0.88rem, 0.2vw + 0.82rem, 0.95rem);
	line-height: 1.5;
	color: var(--wos-subtle);
}

/* —— Trust —— */
body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-trust-strip {
	padding-block: clamp(1.75rem, 3vw, 2.5rem);
	background: #fff;
	border-block: 1px solid rgba(148, 163, 184, 0.15);
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-trust-grid {
	display: grid;
	gap: 0.85rem;
	grid-template-columns: repeat(auto-fit, minmax(12.5rem, 1fr));
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-trust-card {
	padding: 1rem 1.05rem;
	border-radius: 0.95rem;
	background: #f8fafc;
	border: 1px solid rgba(148, 163, 184, 0.22);
	transition: transform 0.18s ease, box-shadow 0.18s ease;
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-trust-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-trust-icon {
	display: block;
	margin-bottom: 0.45rem;
	font-size: 1.35rem;
	line-height: 1;
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-trust-title {
	margin: 0 0 0.35rem;
	font-size: 0.92rem;
	font-weight: 800;
	color: var(--wos-ink);
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-trust-text {
	margin: 0;
	font-size: 0.82rem;
	line-height: 1.5;
	color: var(--wos-muted);
}

/* —— What / questions / map —— */
body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-what-split {
	display: grid;
	gap: clamp(1.25rem, 2.5vw, 2rem);
	align-items: start;
}

@media (min-width: 900px) {
	body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-what-split {
		grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
	}
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-question-grid {
	display: grid;
	gap: 0.5rem;
	grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
	margin: 1rem 0;
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-question-card {
	padding: 0.65rem 0.75rem;
	border-radius: 0.65rem;
	font-size: 0.82rem;
	font-weight: 600;
	color: var(--wos-ink);
	background: #fff;
	border: 1px solid rgba(148, 163, 184, 0.28);
	box-shadow: 0 2px 8px rgba(15, 23, 42, 0.03);
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-closing {
	margin: 0;
	font-size: 0.9rem;
	line-height: 1.55;
	color: var(--wos-subtle);
	font-style: italic;
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-section-photo {
	margin: 0;
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-section-photo__img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 0.85rem;
}

/* —— Card grids —— */
body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-card-grid {
	display: grid;
	gap: 0.85rem;
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-card-grid--2 {
	grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-card-grid--3 {
	grid-template-columns: minmax(0, 1fr);
}

@media (min-width: 640px) {
	body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-card-grid--3 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 960px) {
	body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-card-grid--3 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

/* 5 cards: row 1 — 3 equal, row 2 — 2 equal centered (process boundary pattern) */
body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-card-grid--5 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-items: stretch;
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-card-grid--5 > .gi-rd-sys-card {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	min-height: 0;
	height: auto;
	padding-top: 1.1rem;
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-card-grid--5 > .gi-rd-sys-card:nth-child(5) {
	grid-column: 1 / -1;
}

@media (min-width: 640px) {
	body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-card-grid--5 {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}

	body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-card-grid--5 > .gi-rd-sys-card {
		grid-column: span 2;
		height: 100%;
	}

	body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-card-grid--5 > .gi-rd-sys-card:nth-child(4) {
		grid-column: 2 / span 2;
	}

	body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-card-grid--5 > .gi-rd-sys-card:nth-child(5) {
		grid-column: 4 / span 2;
	}
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-card-grid--5 > .gi-rd-sys-card::before {
	content: '';
	position: absolute;
	left: 0.85rem;
	right: 0.85rem;
	top: 0.55rem;
	height: 3px;
	border-radius: 999px;
	background: linear-gradient(90deg, var(--gi-rd-primary), var(--gi-rd-accent));
	opacity: 0.9;
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-card-grid--5 > .gi-rd-sys-card__title {
	margin-top: 0.15rem;
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-card {
	padding: 1rem 1.05rem;
	border-radius: 0.95rem;
	background: #fff;
	border: 1px solid rgba(148, 163, 184, 0.28);
	box-shadow: 0 8px 22px rgba(15, 23, 42, 0.04);
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-card:hover {
	border-color: rgba(84, 35, 231, 0.35);
	box-shadow: 0 14px 32px rgba(84, 35, 231, 0.08);
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-card--icon {
	padding-top: 1.1rem;
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-card__emoji {
	display: block;
	margin-bottom: 0.4rem;
	font-size: 1.4rem;
	line-height: 1;
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-card__title {
	margin: 0 0 0.4rem;
	font-size: 0.95rem;
	font-weight: 800;
	color: var(--wos-ink);
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-card__text {
	margin: 0;
	font-size: 0.86rem;
	line-height: 1.52;
	color: var(--wos-muted);
}

/* —— Changes + dashboard visual —— */
body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-changes-layout {
	display: grid;
	gap: clamp(1.25rem, 2.5vw, 2rem);
	align-items: start;
}

@media (min-width: 960px) {
	body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-changes-layout {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
	}
}

/* —— Hidden radios for CSS-only tabs (product + process) —— */
body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-pro-layout > input[type="radio"],
body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-process-story__layout > input[type="radio"] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
	opacity: 0;
	appearance: none;
	pointer-events: none;
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-pro-layout > input[type="radio"]:focus,
body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-process-story__layout > input[type="radio"]:focus {
	outline: none;
	box-shadow: none;
}

/* —— Product selector (CSS tabs) —— */
body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-pro-layout {
	display: grid;
	gap: 1rem;
	margin-top: 0.35rem;
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-pro-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-pro-tab {
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	padding: 0.42rem 0.65rem;
	border-radius: 999px;
	font-size: 0.78rem;
	font-weight: 700;
	border: 1px solid var(--wos-line);
	background: #fff;
	color: inherit;
	transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-pro-tab:focus-visible {
	outline: 3px solid rgba(84, 35, 231, 0.35);
	outline-offset: 2px;
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-pro-panel {
	display: none;
	padding: 1.15rem 1.2rem;
	border-radius: 1.05rem;
	background: #fff;
	border: 1px solid rgba(148, 163, 184, 0.32);
	box-shadow: 0 18px 44px rgba(15, 23, 42, 0.07);
}

#gi-rd-sys-pro-crm:checked ~ .gi-rd-sys-pro-tabs label[for="gi-rd-sys-pro-crm"],
#gi-rd-sys-pro-workflow:checked ~ .gi-rd-sys-pro-tabs label[for="gi-rd-sys-pro-workflow"],
#gi-rd-sys-pro-api:checked ~ .gi-rd-sys-pro-tabs label[for="gi-rd-sys-pro-api"],
#gi-rd-sys-pro-dash:checked ~ .gi-rd-sys-pro-tabs label[for="gi-rd-sys-pro-dash"],
#gi-rd-sys-pro-portal:checked ~ .gi-rd-sys-pro-tabs label[for="gi-rd-sys-pro-portal"] {
	border-color: rgba(84, 35, 231, 0.45);
	background: var(--gi-sys-accent-soft);
	color: var(--gi-rd-primary-deep);
}

#gi-rd-sys-pro-crm:checked ~ .gi-rd-sys-pro-panels .gi-rd-sys-pro-panel:nth-child(1),
#gi-rd-sys-pro-workflow:checked ~ .gi-rd-sys-pro-panels .gi-rd-sys-pro-panel:nth-child(2),
#gi-rd-sys-pro-api:checked ~ .gi-rd-sys-pro-panels .gi-rd-sys-pro-panel:nth-child(3),
#gi-rd-sys-pro-dash:checked ~ .gi-rd-sys-pro-panels .gi-rd-sys-pro-panel:nth-child(4),
#gi-rd-sys-pro-portal:checked ~ .gi-rd-sys-pro-panels .gi-rd-sys-pro-panel:nth-child(5) {
	display: block;
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-pro-panel__title {
	margin: 0 0 0.45rem;
	font-size: 1.05rem;
	font-weight: 800;
	color: var(--wos-ink);
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-pro-panel__text {
	margin: 0 0 0.65rem;
	font-size: 0.9rem;
	line-height: 1.55;
	color: var(--wos-muted);
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-pro-panel__fits {
	margin: 0 0 0.75rem;
	font-size: 0.86rem;
	line-height: 1.5;
	color: var(--wos-muted);
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-pro-panel__inc-title {
	margin: 0 0 0.35rem;
	font-size: 0.72rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--wos-subtle);
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-pro-panel__list {
	margin: 0 0 1rem;
	padding-left: 1.1rem;
	font-size: 0.84rem;
	line-height: 1.5;
	color: var(--wos-muted);
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-pro-panel__cta {
	margin-top: 0.25rem;
}

/* —— Diagnosis —— */
body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-diagnosis-split {
	display: grid;
	gap: clamp(1.25rem, 2.5vw, 2rem);
	align-items: start;
}

@media (min-width: 900px) {
	body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-diagnosis-split {
		grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
	}
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-diagnosis-list {
	margin: 0.75rem 0 0;
	padding-left: 1.15rem;
	font-size: 0.9rem;
	line-height: 1.55;
	color: var(--wos-muted);
}

/* —— Process story —— */
body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-process-story__layout {
	display: grid;
	gap: 1.25rem;
	margin-top: 0.35rem;
}

@media (min-width: 900px) {
	body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-process-story__layout {
		grid-template-columns: minmax(11.5rem, 14rem) minmax(0, 1fr);
		align-items: start;
	}
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-process-story__timeline {
	list-style: none;
	margin: 0;
	padding: 0;
	border-left: 2px solid rgba(148, 163, 184, 0.35);
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-process-story__step-btn {
	display: block;
	width: 100%;
	text-align: left;
	border: none;
	background: transparent;
	padding: 0.55rem 0.65rem 0.55rem 0.85rem;
	cursor: pointer;
	border-radius: 0 0.55rem 0.55rem 0;
	font: inherit;
	color: inherit;
	transition: background 0.15s ease, box-shadow 0.15s ease;
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-process-story__step-title {
	display: block;
	font-weight: 800;
	font-size: 0.9rem;
	color: var(--wos-ink);
	letter-spacing: -0.01em;
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-process-story__chip {
	display: inline-block;
	margin-top: 0.22rem;
	font-size: 0.62rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.045em;
	color: var(--gi-sys-accent);
	opacity: 0.92;
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-process-story__step-btn:focus-visible {
	outline: 3px solid rgba(84, 35, 231, 0.35);
	outline-offset: 2px;
}

#gi-rd-sys-proc-map:checked ~ .gi-rd-sys-process-story__timeline label[for="gi-rd-sys-proc-map"],
#gi-rd-sys-proc-process-map:checked ~ .gi-rd-sys-process-story__timeline label[for="gi-rd-sys-proc-process-map"],
#gi-rd-sys-proc-arch:checked ~ .gi-rd-sys-process-story__timeline label[for="gi-rd-sys-proc-arch"],
#gi-rd-sys-proc-ux:checked ~ .gi-rd-sys-process-story__timeline label[for="gi-rd-sys-proc-ux"],
#gi-rd-sys-proc-build:checked ~ .gi-rd-sys-process-story__timeline label[for="gi-rd-sys-proc-build"],
#gi-rd-sys-proc-qa:checked ~ .gi-rd-sys-process-story__timeline label[for="gi-rd-sys-proc-qa"],
#gi-rd-sys-proc-launch:checked ~ .gi-rd-sys-process-story__timeline label[for="gi-rd-sys-proc-launch"],
#gi-rd-sys-proc-grow:checked ~ .gi-rd-sys-process-story__timeline label[for="gi-rd-sys-proc-grow"] {
	background: var(--gi-sys-accent-soft);
	border-left: 3px solid var(--gi-sys-accent);
	margin-left: -2px;
	box-shadow: 0 4px 14px rgba(84, 35, 231, 0.1);
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-process-story__detail {
	padding: 1.35rem 1.45rem;
	border-radius: 1.05rem;
	background: #fff;
	border: 1px solid rgba(148, 163, 184, 0.35);
	min-height: 9.5rem;
	box-shadow: 0 20px 48px rgba(15, 23, 42, 0.07);
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-process-story__panel {
	display: none;
}

#gi-rd-sys-proc-map:checked ~ .gi-rd-sys-process-story__detail #gi-rd-sys-proc-panel-map,
#gi-rd-sys-proc-process-map:checked ~ .gi-rd-sys-process-story__detail #gi-rd-sys-proc-panel-process-map,
#gi-rd-sys-proc-arch:checked ~ .gi-rd-sys-process-story__detail #gi-rd-sys-proc-panel-arch,
#gi-rd-sys-proc-ux:checked ~ .gi-rd-sys-process-story__detail #gi-rd-sys-proc-panel-ux,
#gi-rd-sys-proc-build:checked ~ .gi-rd-sys-process-story__detail #gi-rd-sys-proc-panel-build,
#gi-rd-sys-proc-qa:checked ~ .gi-rd-sys-process-story__detail #gi-rd-sys-proc-panel-qa,
#gi-rd-sys-proc-launch:checked ~ .gi-rd-sys-process-story__detail #gi-rd-sys-proc-panel-launch,
#gi-rd-sys-proc-grow:checked ~ .gi-rd-sys-process-story__detail #gi-rd-sys-proc-panel-grow {
	display: block;
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-process-story__panel-text {
	margin: 0 0 0.85rem;
	font-size: 0.95rem;
	color: var(--wos-muted);
	line-height: 1.58;
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-process-story__panel-result {
	margin: 0;
	font-size: 0.88rem;
	line-height: 1.5;
	color: var(--wos-subtle);
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-process-story__panel-result strong {
	color: var(--wos-ink);
	font-weight: 800;
}

/* —— Deliverables —— */
body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-deliver-grid {
	display: grid;
	gap: 0.75rem;
	grid-template-columns: repeat(auto-fit, minmax(13.5rem, 1fr));
	margin-top: 0.5rem;
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-deliver-card {
	padding: 0.95rem 1rem;
	border-radius: 0.9rem;
	background: #fff;
	border: 1px solid rgba(148, 163, 184, 0.28);
	transition: transform 0.18s ease, box-shadow 0.18s ease;
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-deliver-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 12px 28px rgba(15, 23, 42, 0.07);
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-deliver-card__ico {
	display: block;
	margin-bottom: 0.35rem;
	font-size: 1.2rem;
	line-height: 1;
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-deliver-card__title {
	margin: 0 0 0.35rem;
	font-size: 0.9rem;
	font-weight: 800;
	color: var(--wos-ink);
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-deliver-card__text {
	margin: 0;
	font-size: 0.8rem;
	line-height: 1.5;
	color: var(--wos-muted);
}

/* —— Poland + matrix —— */
body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-pl-layout {
	display: grid;
	gap: clamp(1.25rem, 2.5vw, 2rem);
	align-items: start;
}

@media (min-width: 900px) {
	body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-pl-layout {
		grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
	}
}

/* —— Why —— */
body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-why-grid {
	display: grid;
	gap: 0.75rem;
	grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-why-card {
	padding: 1rem;
	border-radius: 0.95rem;
	background: linear-gradient(145deg, #fff, #f8fafc);
	border: 1px solid rgba(148, 163, 184, 0.25);
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-why-card__title {
	margin: 0 0 0.4rem;
	font-size: 0.92rem;
	font-weight: 800;
	color: var(--wos-ink);
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-why-card__text {
	margin: 0;
	font-size: 0.84rem;
	line-height: 1.52;
	color: var(--wos-muted);
}

/* —— FAQ —— */
body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-faq .gi-rd-shell {
	max-width: min(48rem, 100%);
	margin-inline: auto;
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-faq .gi-rd-sys-h2 {
	text-align: center;
	max-width: 36rem;
	margin-inline: auto;
	margin-bottom: clamp(1.25rem, 2.5vw, 1.75rem);
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-faq__list {
	display: flex;
	flex-direction: column;
	gap: 0.55rem;
	margin-top: 0;
	width: 100%;
	margin-inline: auto;
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-faq__item {
	border-radius: 0.9rem;
	border: 1px solid var(--wos-line);
	background: #fff;
	overflow: clip;
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-faq__item summary {
	cursor: pointer;
	list-style: none;
	padding: 0.85rem 1rem;
	font-weight: 700;
	font-size: 1rem;
	color: var(--wos-ink);
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-faq__item summary::-webkit-details-marker {
	display: none;
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-faq__panel {
	padding: 0 1rem 0.9rem;
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-faq__panel p {
	margin: 0;
	color: var(--wos-muted);
	line-height: 1.55;
	font-size: 0.92rem;
}

/* —— Final CTA —— */
body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-final {
	background:
		radial-gradient(ellipse 90% 72% at 50% -12%, rgba(124, 92, 255, 0.075), transparent 58%),
		radial-gradient(ellipse 52% 42% at 96% 100%, rgba(99, 102, 241, 0.055), transparent 52%),
		linear-gradient(180deg, #f8fafc 0%, #f5f7fb 48%, #f7f8fc 100%);
	border-top: 1px solid rgba(148, 163, 184, 0.22);
	padding-block: clamp(2.25rem, 4vw, 3.25rem);
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-final-inner {
	max-width: min(52rem, 100%);
	margin-inline: auto;
	text-align: center;
	padding: clamp(1.15rem, 2.2vw, 1.85rem) clamp(0.85rem, 2vw, 1.35rem);
	border-radius: 1.15rem;
	border: 1px solid rgba(148, 163, 184, 0.2);
	box-shadow: 0 16px 36px rgba(15, 23, 42, 0.055);
	background: rgba(255, 255, 255, 0.72);
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-final-copy {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-final-copy .gi-rd-sys-h2 {
	margin-inline: auto;
	margin-bottom: 1rem;
	max-width: 22em;
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-final-copy .gi-rd-sys-lead {
	margin-inline: auto;
	margin-bottom: 1.5rem;
	max-width: min(48ch, 100%);
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-final-actions {
	margin-top: 0;
}

body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-final-note {
	margin: 0.85rem 0 0;
	max-width: min(52ch, 100%);
	margin-inline: auto;
	font-size: 0.9rem;
	line-height: 1.55;
	color: var(--wos-subtle);
}

/* —— Narrow phones —— */
@media (max-width: 640px) {
	body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-hero__h1 {
		font-size: clamp(1.75rem, 6vw + 0.35rem, 3rem);
		line-height: 1.1;
	}

	body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-hero-actions,
	body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-final-actions {
		flex-direction: column;
		align-items: stretch;
	}

	body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-hero-actions .gi-rd-btn,
	body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-final-actions .gi-rd-btn {
		width: 100%;
		justify-content: center;
		box-sizing: border-box;
	}

	body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-final-inner {
		border-radius: 0.85rem;
		padding-inline: clamp(0.75rem, 4vw, 1rem);
	}
}

@media (max-width: 390px) {
	body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-hero__h1 {
		font-size: clamp(1.65rem, 7vw, 2.1rem);
		line-height: 1.1;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-trust-card,
	body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-deliver-card {
		transition: none;
	}

	body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-trust-card:hover,
	body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-deliver-card:hover {
		transform: none;
	}

	body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-card:hover {
		box-shadow: 0 8px 22px rgba(15, 23, 42, 0.04);
	}

	body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-pro-tab,
	body.gi-redesign .gi-marketing-page--systems-service.gi-rd-sys-os .gi-rd-sys-process-story__step-btn {
		transition: none;
	}
}

/* ============================================================
 * Project Cost Calculator (/ceny/ estimator) — scoped
 * ============================================================ */
body.gi-redesign .gi-pricing-calculator {
	max-width: 100%;
}

body.gi-redesign .gi-pricing-calculator__hint {
	font-size: 0.88rem;
	line-height: 1.45;
	color: var(--gi-rd-muted);
	margin: 0 0 0.65rem;
}

body.gi-redesign .gi-pricing-calculator__workspace {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(300px, 400px);
	grid-template-rows: auto auto;
	gap: clamp(1.1rem, 2.5vw, 1.75rem);
	align-items: start;
	margin-top: 1rem;
}

body.gi-redesign .gi-pricing-calculator__main-scroll {
	grid-column: 1;
	grid-row: 1;
	min-width: 0;
}

body.gi-redesign .gi-pricing-calculator__aside {
	grid-column: 2;
	grid-row: 1 / span 2;
	position: sticky;
	top: clamp(5.25rem, 9vw, 6.75rem);
	align-self: start;
	min-width: 0;
	max-height: none;
	overflow: visible;
	overscroll-behavior: auto;
	border-radius: var(--gi-rd-radius);
}

body.gi-redesign .gi-pricing-calc-actions--main {
	grid-column: 1;
	grid-row: 2;
	margin-top: 0;
	padding-top: 1rem;
	border-top: 1px solid var(--gi-rd-border);
}

body.gi-redesign .gi-pricing-calc-result--panel {
	margin-top: 0;
	min-width: 0;
	overflow-x: hidden;
	padding: 0.85rem 0.95rem;
	border-radius: var(--gi-rd-radius);
	border: 1px solid var(--gi-rd-border);
	background: linear-gradient(180deg, #ffffff 0%, var(--gi-rd-bg-alt) 100%);
	box-shadow: 0 12px 40px rgba(15, 23, 42, 0.06);
}

body.gi-redesign .gi-pricing-calc-result__block {
	margin-top: 0.85rem;
	padding-top: 0.85rem;
	border-top: 1px solid color-mix(in srgb, var(--gi-rd-border) 80%, transparent);
}

body.gi-redesign .gi-pricing-calc-result__block:first-of-type {
	margin-top: 0.35rem;
	padding-top: 0;
	border-top: 0;
}

body.gi-redesign .gi-pricing-calc-result__eyebrow {
	margin: 0 0 0.55rem;
	font-size: 0.68rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--gi-rd-muted);
}

body.gi-redesign .gi-pricing-calc-result__dl--tight {
	gap: 0.5rem 0.75rem;
}

body.gi-redesign .gi-pricing-calc-result__band {
	font-weight: 700;
	font-size: 0.98rem;
	color: var(--gi-rd-ink);
}

body.gi-redesign .gi-pricing-calc-result__money {
	font-size: 0.9rem;
	font-weight: 700;
	color: var(--gi-rd-ink);
}

body.gi-redesign .gi-pricing-calc-result__prose {
	font-size: 0.86rem;
	line-height: 1.45;
	color: var(--gi-rd-ink-2);
}

body.gi-redesign .gi-pricing-calc-result__triple-wrap {
	grid-column: 1 / -1;
}

body.gi-redesign .gi-pricing-calc-result__triple-wrap .gi-pricing-calc-result__triple {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.45rem;
	padding: 0.55rem 0.5rem;
	border-radius: var(--gi-rd-radius-sm);
	background: color-mix(in srgb, var(--gi-rd-primary-soft) 55%, #ffffff);
	border: 1px solid color-mix(in srgb, var(--gi-rd-border) 70%, transparent);
}

body.gi-redesign .gi-pricing-calc-result--panel .gi-pricing-calc-result__triple-wrap .gi-pricing-calc-result__triple {
	grid-template-columns: 1fr;
	gap: 0.4rem;
	padding: 0.45rem 0.45rem;
}

body.gi-redesign .gi-pricing-calc-result--panel .gi-pricing-calc-result__dl--tight > div {
	grid-template-columns: 1fr;
	gap: 0.28rem 0;
	align-items: start;
}

body.gi-redesign .gi-pricing-calc-result--panel .gi-pricing-calc-result__dl dt {
	font-size: 0.72rem;
	line-height: 1.25;
}

body.gi-redesign .gi-pricing-calc-result--panel .gi-pricing-calc-result__dl dd {
	font-size: 0.86rem;
	line-height: 1.35;
	overflow-wrap: anywhere;
	word-break: normal;
	hyphens: auto;
}

body.gi-redesign .gi-pricing-calc-result--panel .gi-pricing-calc-result__triple-wrap .gi-pricing-calc-result__triple > div {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: baseline;
	gap: 0.35rem 0.5rem;
	padding: 0.28rem 0.35rem;
	border-radius: calc(var(--gi-rd-radius-sm) - 2px);
	background: rgba(255, 255, 255, 0.55);
}

body.gi-redesign .gi-pricing-calc-result--panel .gi-pricing-calc-result__triple-wrap .gi-pricing-calc-result__lbl {
	margin-bottom: 0;
	font-size: 0.65rem;
	line-height: 1.2;
	text-transform: none;
	letter-spacing: 0.02em;
	word-break: normal;
	overflow-wrap: anywhere;
	hyphens: auto;
}

body.gi-redesign .gi-pricing-calc-result--panel .gi-pricing-calc-result__triple-wrap .gi-pricing-calc-result__money {
	font-size: 0.82rem;
	white-space: nowrap;
}

body.gi-redesign .gi-marketing-page--ceny .gi-pricing-calc-chunk {
	border: 1px solid var(--gi-rd-border);
	border-radius: var(--gi-rd-radius);
	background: var(--gi-rd-surface);
	margin-bottom: 0.65rem;
	overflow: hidden;
}

body.gi-redesign .gi-marketing-page--ceny .gi-pricing-calc-chunk__summary {
	cursor: pointer;
	list-style: none;
	padding: 0.62rem 0.85rem;
	font-weight: 650;
	font-size: 0.88rem;
	color: var(--gi-rd-ink);
	background: color-mix(in srgb, var(--gi-rd-bg-alt) 88%, #ffffff);
	border-bottom: 1px solid transparent;
}

body.gi-redesign .gi-marketing-page--ceny .gi-pricing-calc-chunk__summary::-webkit-details-marker {
	display: none;
}

body.gi-redesign .gi-marketing-page--ceny .gi-pricing-calc-chunk[open] > .gi-pricing-calc-chunk__summary {
	border-bottom-color: var(--gi-rd-border);
}

body.gi-redesign .gi-marketing-page--ceny .gi-pricing-calc-chunk > .gi-pricing-calc-step {
	border: 0;
	background: transparent;
	margin: 0 0 0.55rem;
	padding: 0.45rem 0.85rem 0.65rem;
	box-shadow: none;
}

body.gi-redesign .gi-marketing-page--ceny .gi-pricing-calc-chunk > .gi-pricing-calc-step:last-child {
	margin-bottom: 0.35rem;
}

body.gi-redesign .gi-pricing-calc-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
	margin-bottom: 1rem;
	border-bottom: 1px solid var(--gi-rd-border);
	padding-bottom: 0.35rem;
}

body.gi-redesign .gi-pricing-calc-tabs__btn {
	appearance: none;
	font: inherit;
	cursor: pointer;
	border: 1px solid transparent;
	border-radius: var(--gi-rd-radius-sm);
	padding: 0.45rem 0.85rem;
	background: transparent;
	color: var(--gi-rd-muted);
	transition: background 0.15s var(--gi-rd-easing), color 0.15s var(--gi-rd-easing), border-color 0.15s var(--gi-rd-easing);
}

body.gi-redesign .gi-pricing-calc-tabs__btn:hover {
	color: var(--gi-rd-ink);
	background: var(--gi-rd-bg-alt);
}

body.gi-redesign .gi-pricing-calc-tabs__btn:focus-visible {
	outline: 2px solid var(--gi-rd-primary);
	outline-offset: 2px;
}

body.gi-redesign .gi-pricing-calc-tabs__btn.is-active {
	color: var(--gi-rd-ink);
	background: var(--gi-rd-surface);
	border-color: var(--gi-rd-border-strong);
	font-weight: 600;
}

body.gi-redesign .gi-pricing-calc-panel[hidden] {
	display: none !important;
}

body.gi-redesign .gi-pricing-calc-mode-title {
	font-weight: 700;
	font-size: 1.05rem;
	margin: 0 0 0.35rem;
	color: var(--gi-rd-ink);
}

body.gi-redesign .gi-pricing-calc-mode-lead {
	margin: 0 0 1rem;
	color: var(--gi-rd-muted);
	line-height: 1.5;
	font-size: 0.95rem;
}

body.gi-redesign .gi-marketing-page--ceny .gi-pricing-calc-mode-lead {
	font-size: 0.9rem;
	margin-bottom: 0.85rem;
}

body.gi-redesign .gi-pricing-calc-step {
	border: 1px solid var(--gi-rd-border);
	border-radius: var(--gi-rd-radius);
	padding: 1rem 1.1rem;
	margin-bottom: 0.85rem;
	background: var(--gi-rd-surface);
}

body.gi-redesign .gi-pricing-calc-step__legend {
	font-weight: 600;
	font-size: 0.95rem;
	line-height: 1.35;
	padding: 0 0.25rem;
	margin: 0 0 0.65rem;
	color: var(--gi-rd-ink);
}

body.gi-redesign .gi-pricing-calc-hint {
	font-size: 0.85rem;
	color: var(--gi-rd-muted-2);
	margin: 0 0 0.65rem;
	line-height: 1.45;
}

body.gi-redesign .gi-pricing-calc-cards {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin-top: 0.5rem;
}

body.gi-redesign .gi-pricing-calc-cards--row .gi-pricing-calc-card {
	flex: 1 1 140px;
	min-width: min(140px, 100%);
}

body.gi-redesign .gi-pricing-calc-cards--cols-2 {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.5rem;
}

@media (max-width: 520px) {
	body.gi-redesign .gi-pricing-calc-cards--cols-2 {
		grid-template-columns: 1fr;
	}
}

body.gi-redesign .gi-pricing-calc-cards--cols-2 .gi-pricing-calc-card {
	min-width: 0;
}

body.gi-redesign .gi-pricing-calc-card {
	display: block;
	border: 1px solid var(--gi-rd-border);
	border-radius: var(--gi-rd-radius-sm);
	padding: 0.55rem 0.65rem;
	cursor: pointer;
	background: var(--gi-rd-bg);
	transition: border-color 0.15s var(--gi-rd-easing), box-shadow 0.15s var(--gi-rd-easing);
}

body.gi-redesign .gi-pricing-calc-card:has(input:focus-visible) {
	outline: 2px solid var(--gi-rd-primary);
	outline-offset: 2px;
}

body.gi-redesign .gi-pricing-calc-card:has(:checked) {
	border-color: var(--gi-rd-primary);
	background: var(--gi-rd-primary-soft);
	box-shadow: var(--gi-rd-shadow-sm);
}

body.gi-redesign .gi-pricing-calc-card--check {
	flex: 1 1 180px;
	min-width: min(180px, 100%);
}

body.gi-redesign .gi-pricing-calc-card--compact .gi-pricing-calc-card__title {
	font-size: 0.82rem;
	line-height: 1.3;
}

body.gi-redesign .gi-pricing-calc-card input {
	margin-right: 0.35rem;
	vertical-align: middle;
	accent-color: var(--gi-rd-primary);
}

body.gi-redesign .gi-pricing-calc-card__title {
	display: inline;
	font-size: 0.88rem;
	color: var(--gi-rd-ink-2);
}

body.gi-redesign .gi-pricing-calc-select,
body.gi-redesign .gi-pricing-calc-step input[type="number"]:not(.gi-pc-qty__input),
body.gi-redesign .gi-pricing-calc-step input[type="text"] {
	width: 100%;
	max-width: 28rem;
	box-sizing: border-box;
	margin-top: 0.35rem;
	padding: 0.45rem 0.55rem;
	border-radius: var(--gi-rd-radius-sm);
	border: 1px solid var(--gi-rd-border-strong);
	font: inherit;
	background: var(--gi-rd-surface);
}

/* Dense label + narrow number columns (calculator volume grids). */
body.gi-redesign .gi-pricing-calc-grid-inputs--dense {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.35rem 1rem;
}

@media (max-width: 520px) {
	body.gi-redesign .gi-pricing-calc-grid-inputs--dense {
		grid-template-columns: 1fr;
	}
}

body.gi-redesign .gi-pricing-calc-grid-inputs--dense .gi-pricing-calc-field {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(6.85rem, 8.35rem);
	align-items: center;
	gap: 0 0.65rem;
	margin: 0;
}

body.gi-redesign .gi-pricing-calc-grid-inputs--dense .gi-pricing-calc-field > label {
	margin: 0;
	font-size: 0.8125rem;
	line-height: 1.28;
	font-weight: 550;
	color: var(--gi-rd-ink);
}

/* Quantity stepper (− / value / +) — replaces long native <select> lists */
body.gi-redesign .gi-pc-qty {
	display: flex;
	align-items: stretch;
	width: 100%;
	min-height: 2.35rem;
	border-radius: var(--gi-rd-radius-sm);
	border: 1px solid var(--gi-rd-border-strong);
	background: var(--gi-rd-surface);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75) inset;
	overflow: hidden;
	transition: border-color 0.15s var(--gi-rd-easing), box-shadow 0.15s var(--gi-rd-easing);
}

body.gi-redesign .gi-pricing-calc-grid-inputs--dense .gi-pc-qty {
	margin-top: 0;
	align-self: stretch;
}

body.gi-redesign .gi-pc-qty:focus-within {
	border-color: color-mix(in srgb, var(--gi-rd-primary) 42%, var(--gi-rd-border-strong));
	box-shadow: 0 0 0 1px color-mix(in srgb, var(--gi-rd-primary) 18%, transparent), 0 1px 0 rgba(255, 255, 255, 0.75) inset;
}

body.gi-redesign .gi-pc-qty__btn {
	flex: 0 0 2.05rem;
	margin: 0;
	padding: 0;
	border: none;
	background: color-mix(in srgb, var(--gi-rd-primary) 7%, var(--gi-rd-surface));
	color: var(--gi-rd-ink);
	font: inherit;
	font-size: 1.05rem;
	line-height: 1;
	cursor: pointer;
	transition: background-color 0.15s var(--gi-rd-easing), color 0.15s var(--gi-rd-easing);
}

body.gi-redesign .gi-pc-qty__btn--dec {
	border-right: 1px solid var(--gi-rd-border);
}

body.gi-redesign .gi-pc-qty__btn--inc {
	border-left: 1px solid var(--gi-rd-border);
}

body.gi-redesign .gi-pc-qty__btn:hover {
	background: color-mix(in srgb, var(--gi-rd-primary) 14%, var(--gi-rd-surface));
	color: var(--gi-rd-primary);
}

body.gi-redesign .gi-pc-qty__btn:focus-visible {
	outline: 2px solid var(--gi-rd-primary);
	outline-offset: -2px;
	z-index: 1;
}

body.gi-redesign .gi-pc-qty__glyph {
	display: block;
	transform: translateY(-0.05em);
}

body.gi-redesign .gi-pc-qty__input {
	flex: 1 1 auto;
	min-width: 0;
	margin: 0;
	padding: 0.2rem 0.15rem;
	border: none;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	font: inherit;
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.2;
	text-align: center;
	font-variant-numeric: tabular-nums;
	color: var(--gi-rd-ink);
	-moz-appearance: textfield;
	max-width: none;
	width: 100%;
}

body.gi-redesign .gi-pc-qty__input:focus {
	outline: none;
}

body.gi-redesign .gi-pc-qty__input::-webkit-outer-spin-button,
body.gi-redesign .gi-pc-qty__input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

body.gi-redesign .gi-pricing-calc-field--mig-pages {
	display: grid;
	gap: 0.35rem;
	max-width: 28rem;
}

body.gi-redesign .gi-pricing-calc-field--mig-pages .gi-pc-qty {
	max-width: 11.5rem;
	min-height: 2.5rem;
}

body.gi-redesign .gi-pricing-calc-field--mig-pages .gi-pc-qty__input {
	font-size: 0.9rem;
}

body.gi-redesign .gi-pricing-calc-grid-inputs--dense .gi-pricing-calc-field--full {
	grid-column: 1 / -1;
	grid-template-columns: minmax(0, 1fr);
	gap: 0.3rem 0;
}

body.gi-redesign .gi-pricing-calc-grid-inputs--dense .gi-pricing-calc-field--full .gi-pricing-calc-select {
	margin-top: 0;
	max-width: none;
	width: 100%;
}

body.gi-redesign .gi-pricing-calc-field--site-type {
	display: grid;
	gap: 0.4rem;
}

body.gi-redesign .gi-pricing-calc-field--site-type > label {
	font-weight: 650;
	font-size: 0.9rem;
	color: var(--gi-rd-ink);
}

body.gi-redesign .gi-pricing-calc-select--site-type {
	max-width: none;
	margin-top: 0;
	min-height: 2.85rem;
	padding: 0.5rem 0.75rem;
	font-size: 0.9rem;
	line-height: 1.35;
	cursor: pointer;
	color: var(--gi-rd-ink);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75) inset;
	transition: border-color 0.15s var(--gi-rd-easing), box-shadow 0.15s var(--gi-rd-easing);
}

body.gi-redesign .gi-pricing-calc-select--site-type:hover {
	border-color: color-mix(in srgb, var(--gi-rd-primary) 35%, var(--gi-rd-border-strong));
}

body.gi-redesign .gi-pricing-calc-select--site-type:focus-visible {
	outline: 2px solid var(--gi-rd-primary);
	outline-offset: 2px;
}

body.gi-redesign .gi-pricing-calc-result:not(.gi-pricing-calc-result--panel) {
	margin-top: clamp(1.25rem, 3vw, 2rem);
	padding: 1.15rem 1.25rem;
	border: 1px solid var(--gi-rd-border);
	border-radius: var(--gi-rd-radius);
	background: var(--gi-rd-surface);
	box-shadow: var(--gi-rd-shadow-sm);
}

body.gi-redesign .gi-pricing-calc-result__title {
	margin: 0 0 0.75rem;
	font-size: 1.1rem;
}

body.gi-redesign .gi-pricing-calc-result__dl {
	margin: 0;
	display: grid;
	gap: 0.65rem 1rem;
}

body.gi-redesign .gi-pricing-calc-result__dl > div {
	display: grid;
	gap: 0.35rem 1rem;
	align-items: start;
}

body.gi-redesign .gi-pricing-calc-result__dl:not(.gi-pricing-calc-result__dl--tight) > div {
	grid-template-columns: minmax(0, 220px) minmax(0, 1fr);
}

body.gi-redesign .gi-pricing-calc-result__dl--tight > div {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr);
	gap: 0.25rem 0.65rem;
}

body.gi-redesign .gi-pricing-calc-result__dl dt {
	margin: 0;
	font-size: 0.82rem;
	font-weight: 600;
	color: var(--gi-rd-muted);
}

body.gi-redesign .gi-pricing-calc-result__dl dd {
	margin: 0;
	font-size: 0.92rem;
	color: var(--gi-rd-ink);
}

body.gi-redesign .gi-pricing-calc-result__lbl {
	display: block;
	font-size: 0.72rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--gi-rd-muted);
	margin-bottom: 0.2rem;
}

body.gi-redesign .gi-pricing-calc-result__ul {
	margin: 0;
	padding-left: 1.1rem;
}

body.gi-redesign .gi-pricing-calc-result__ul--risks li::marker {
	color: var(--gi-rd-danger);
}

body.gi-redesign .gi-pricing-calc-result__disclaimer {
	margin: 1rem 0 0;
	font-size: 0.82rem;
	color: var(--gi-rd-muted);
	line-height: 1.45;
}

body.gi-redesign .gi-pricing-calc-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.65rem;
}

body.gi-redesign .gi-pricing-calc-actions:not(.gi-pricing-calc-actions--main) {
	margin-top: 1rem;
}

body.gi-redesign .gi-pricing-calc-actions .gi-rd-btn {
	min-height: 2.75rem;
}

@media (max-width: 900px) {
	body.gi-redesign .gi-pricing-calculator__workspace {
		grid-template-columns: 1fr;
		grid-template-rows: auto;
	}

	body.gi-redesign .gi-pricing-calculator__main-scroll {
		grid-column: 1;
		grid-row: auto;
	}

	body.gi-redesign .gi-pricing-calculator__aside {
		grid-column: 1;
		grid-row: auto;
		position: static;
		max-height: none;
		overflow: visible;
	}

	body.gi-redesign .gi-pricing-calc-actions--main {
		grid-column: 1;
		grid-row: auto;
	}

	body.gi-redesign .gi-pricing-calc-result__dl > div,
	body.gi-redesign .gi-pricing-calc-result__dl--tight > div {
		grid-template-columns: 1fr;
	}

	body.gi-redesign .gi-pricing-calc-result__triple-wrap .gi-pricing-calc-result__triple {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 420px) {
	body.gi-redesign .gi-pricing-calc-tabs__btn {
		flex: 1 1 auto;
		text-align: center;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.gi-redesign .gi-pricing-calc-tabs__btn,
	body.gi-redesign .gi-pricing-calc-card {
		transition: none;
	}
}

/* ============================================================
 * /ceny/ — premium hero + estimator (scoped to pricing page)
 * ============================================================ */
body.gi-redesign .gi-marketing-page--ceny .gi-rd-page-hero {
	background:
		radial-gradient(ellipse 100% 85% at 50% -25%, rgba(84, 35, 231, 0.1), transparent 58%),
		radial-gradient(ellipse 75% 55% at 92% 105%, rgba(163, 230, 53, 0.07), transparent 52%),
		linear-gradient(180deg, #fafbff 0%, var(--gi-rd-bg) 100%);
	border-bottom: 1px solid color-mix(in srgb, var(--gi-rd-border) 75%, transparent);
}

body.gi-redesign .gi-marketing-page--ceny .gi-rd-page-hero .gi-rd-lead {
	margin-inline: auto;
	max-width: min(52rem, 100%);
}

body.gi-redesign .gi-marketing-page--ceny .gi-rd-page-hero .gi-rd-cta-row {
	margin-top: 1.4rem;
}

body.gi-redesign .gi-marketing-page--ceny .gi-rd-page-hero__micro {
	margin: clamp(1rem, 2.2vw, 1.35rem) auto 0;
	max-width: min(40rem, 100%);
	font-size: clamp(0.88rem, 0.2vw + 0.82rem, 0.95rem);
	line-height: 1.5;
	color: var(--gi-rd-muted);
}

body.gi-redesign .gi-marketing-page--ceny .gi-rd-pricing-guide .gi-rd-section-head {
	margin-bottom: 0;
}

body.gi-redesign .gi-marketing-page--ceny .gi-rd-pricing-guide .gi-rd-section-head--center .gi-rd-h2 {
	max-width: min(36rem, 100%);
	margin-inline: auto;
}

body.gi-redesign .gi-marketing-page--ceny [role="tabpanel"] .gi-rd-lead {
	margin-bottom: clamp(0.35rem, 1vw, 0.5rem);
}

body.gi-redesign .gi-marketing-page--ceny [role="tabpanel"] .gi-rd-tiers {
	margin-top: clamp(1.75rem, 3.5vw, 2.5rem);
	padding-top: 0.65rem;
}

body.gi-redesign .gi-marketing-page--ceny #estimator {
	scroll-margin-top: clamp(4.5rem, 10vh, 6.5rem);
}

body.gi-redesign .gi-marketing-page--ceny #estimator > .gi-rd-section {
	padding-block: clamp(2.75rem, 5vw, 4.25rem);
}

body.gi-redesign .gi-marketing-page--ceny #estimator .gi-pricing-calculator {
	position: relative;
	padding: clamp(1.1rem, 2.2vw, 1.65rem);
	border-radius: calc(var(--gi-rd-radius) + 6px);
	background:
		linear-gradient(145deg, rgba(255, 255, 255, 0.98) 0%, rgba(239, 233, 255, 0.42) 48%, rgba(255, 255, 255, 0.92) 100%);
	border: 1px solid color-mix(in srgb, var(--gi-rd-border) 82%, var(--gi-rd-primary));
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.75) inset,
		0 28px 56px rgba(15, 23, 42, 0.07),
		0 10px 22px rgba(15, 23, 42, 0.04);
}

body.gi-redesign .gi-marketing-page--ceny #estimator .gi-pricing-calculator::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	border-radius: inherit;
	background: radial-gradient(80% 55% at 12% 0%, rgba(84, 35, 231, 0.06), transparent 62%);
	z-index: 0;
}

body.gi-redesign .gi-marketing-page--ceny #estimator .gi-pricing-calculator > * {
	position: relative;
	z-index: 1;
}

body.gi-redesign .gi-marketing-page--ceny #estimator .gi-pricing-calculator__hint {
	padding: 0.55rem 0.75rem;
	border-radius: var(--gi-rd-radius-sm);
	background: color-mix(in srgb, var(--gi-rd-primary-soft) 65%, #ffffff);
	border: 1px solid color-mix(in srgb, var(--gi-rd-border) 70%, var(--gi-rd-primary));
	color: var(--gi-rd-ink-2);
}

body.gi-redesign .gi-marketing-page--ceny #estimator .gi-pricing-calculator__workspace {
	margin-top: 1.15rem;
	gap: clamp(1.25rem, 2.8vw, 2rem);
}

body.gi-redesign .gi-marketing-page--ceny #estimator .gi-pricing-calculator__main-scroll {
	padding: clamp(0.65rem, 1.5vw, 1rem);
	border-radius: var(--gi-rd-radius);
	background: var(--gi-rd-surface);
	border: 1px solid var(--gi-rd-border);
	box-shadow: 0 10px 28px rgba(15, 23, 42, 0.045);
}

body.gi-redesign .gi-marketing-page--ceny #estimator .gi-pricing-calculator__aside {
	padding: 0.35rem;
	border-radius: calc(var(--gi-rd-radius) + 2px);
	background: linear-gradient(180deg, color-mix(in srgb, var(--gi-rd-primary-soft) 40%, #ffffff) 0%, var(--gi-rd-bg-alt) 100%);
	border: 1px solid color-mix(in srgb, var(--gi-rd-border) 65%, var(--gi-rd-primary));
	box-shadow: 0 14px 36px rgba(15, 23, 42, 0.06);
}

body.gi-redesign .gi-marketing-page--ceny #estimator .gi-pricing-calc-result--panel {
	position: relative;
	min-width: 0;
	overflow-x: hidden;
	border: none;
	border-radius: var(--gi-rd-radius);
	background: linear-gradient(180deg, #ffffff 0%, color-mix(in srgb, var(--gi-rd-bg-alt) 88%, #ffffff) 100%);
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.9) inset,
		0 18px 44px rgba(15, 23, 42, 0.08);
	padding: 0.85rem 0.9rem 0.95rem;
}

body.gi-redesign .gi-marketing-page--ceny #estimator .gi-pricing-calc-result--panel::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 3px;
	border-radius: var(--gi-rd-radius) var(--gi-rd-radius) 0 0;
	background: linear-gradient(90deg, var(--gi-rd-primary), color-mix(in srgb, var(--gi-rd-primary) 55%, #c9f24a));
	pointer-events: none;
}

body.gi-redesign .gi-marketing-page--ceny #estimator .gi-pricing-calc-result__title {
	font-size: 1.02rem;
	letter-spacing: -0.02em;
	margin-bottom: 0.55rem;
}

body.gi-redesign .gi-marketing-page--ceny #estimator .gi-pricing-calc-tabs {
	margin-bottom: 1.1rem;
	padding: 0.35rem;
	gap: 0.35rem;
	border: 1px solid var(--gi-rd-border);
	border-radius: var(--gi-rd-radius);
	background: color-mix(in srgb, var(--gi-rd-bg-alt) 92%, #ffffff);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.85) inset;
}

body.gi-redesign .gi-marketing-page--ceny #estimator .gi-pricing-calc-tabs__btn {
	border-radius: calc(var(--gi-rd-radius-sm) + 2px);
}

body.gi-redesign .gi-marketing-page--ceny #estimator .gi-pricing-calc-tabs__btn.is-active {
	box-shadow: 0 6px 16px rgba(15, 23, 42, 0.07);
}

body.gi-redesign .gi-marketing-page--ceny #estimator .gi-pricing-calc-step {
	box-shadow: 0 8px 22px rgba(15, 23, 42, 0.04);
	border-color: color-mix(in srgb, var(--gi-rd-border) 90%, transparent);
}

body.gi-redesign .gi-marketing-page--ceny .gi-pricing-calc-chunk {
	box-shadow: 0 6px 18px rgba(15, 23, 42, 0.035);
	border-color: color-mix(in srgb, var(--gi-rd-border) 88%, transparent);
}

body.gi-redesign .gi-marketing-page--ceny .gi-pricing-calc-chunk__summary {
	background: linear-gradient(180deg, color-mix(in srgb, var(--gi-rd-bg-alt) 95%, #ffffff) 0%, color-mix(in srgb, var(--gi-rd-primary-soft) 22%, #ffffff) 100%);
}

body.gi-redesign .gi-marketing-page--ceny #estimator .gi-pricing-calc-actions--main {
	border-top-color: color-mix(in srgb, var(--gi-rd-border) 75%, transparent);
	padding-top: 1.15rem;
}

@media (prefers-reduced-motion: no-preference) {
	body.gi-redesign .gi-marketing-page--ceny #estimator .gi-pricing-calc-card {
		transition:
			border-color 0.18s var(--gi-rd-easing),
			box-shadow 0.18s var(--gi-rd-easing),
			transform 0.18s var(--gi-rd-easing),
			background 0.18s var(--gi-rd-easing);
	}

	body.gi-redesign .gi-marketing-page--ceny #estimator .gi-pricing-calc-card:hover:not(:has(:checked)) {
		transform: translateY(-2px);
		box-shadow: 0 10px 26px rgba(15, 23, 42, 0.07);
		border-color: color-mix(in srgb, var(--gi-rd-border-strong) 80%, var(--gi-rd-primary));
	}
}

/* ============================================================
 * Marketing: /kak-my-rabotaem/ — process page (scoped)
 * ============================================================ */
body.gi-redesign .gi-marketing-page--process .gi-process-hero {
	position: relative;
	overflow: hidden;
	background:
		radial-gradient(ellipse 120% 80% at 12% 0%, rgba(84, 35, 231, 0.09), transparent 55%),
		radial-gradient(ellipse 90% 70% at 88% 20%, rgba(201, 242, 74, 0.12), transparent 50%),
		var(--gi-rd-bg);
}

body.gi-redesign .gi-marketing-page--process .gi-process-hero__shell {
	position: relative;
	z-index: 1;
}

body.gi-redesign .gi-marketing-page--process .gi-process-hero__inner {
	max-width: min(57rem, 100%);
	margin-inline: auto;
	padding-block: 0;
	text-align: center;
}

body.gi-redesign .gi-marketing-page--process .gi-process-hero__copy .gi-rd-h1 {
	max-width: none;
	margin-inline: auto;
}

body.gi-redesign .gi-marketing-page--process .gi-process-hero__lead {
	max-width: 52rem;
	margin-inline: auto;
	text-wrap: balance;
}

body.gi-redesign .gi-marketing-page--process .gi-process-hero__ctas {
	flex-wrap: wrap;
	gap: 0.65rem;
}

body.gi-redesign .gi-marketing-page--process .gi-process-hero__micro {
	margin: 0.75rem auto 0;
	max-width: 40rem;
	font-size: 0.9rem;
	line-height: 1.5;
	color: var(--gi-rd-muted);
	text-align: center;
}

body.gi-redesign .gi-marketing-page--process .gi-process-principles__grid {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 0.65rem;
}

body.gi-redesign .gi-marketing-page--process .gi-process-principles__card {
	border: 1px solid var(--gi-rd-border);
	border-radius: var(--gi-rd-radius);
	background: var(--gi-rd-surface);
	padding: 0.85rem 0.75rem;
	box-shadow: var(--gi-rd-shadow-sm);
	min-height: 100%;
}

body.gi-redesign .gi-marketing-page--process .gi-process-principles__icon {
	display: block;
	font-size: 1.15rem;
	margin-bottom: 0.35rem;
}

body.gi-redesign .gi-marketing-page--process .gi-process-principles__title {
	margin: 0 0 0.35rem;
	font-size: 0.92rem;
	line-height: 1.25;
	color: var(--gi-rd-ink);
}

body.gi-redesign .gi-marketing-page--process .gi-process-principles__text {
	margin: 0;
	font-size: 0.8rem;
	line-height: 1.45;
	color: var(--gi-rd-muted);
}

body.gi-redesign .gi-marketing-page--process .gi-process-system .gi-rd-section-head {
	max-width: min(76rem, 100%);
	margin-bottom: clamp(1.25rem, 2.2vw, 2rem);
}

body.gi-redesign .gi-marketing-page--process .gi-process-system .gi-rd-section-head .gi-rd-lead {
	margin-inline: auto;
	max-width: 52ch;
}

body.gi-redesign .gi-marketing-page--process .gi-process-system .gi-process-system__body {
	max-width: min(76rem, 100%);
	margin-inline: auto;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: clamp(1.15rem, 2.8vw, 1.65rem);
}

body.gi-redesign .gi-marketing-page--process .gi-process-system__intro {
	margin: 0;
	font-size: clamp(0.95rem, 1.55vw, 1.03rem);
	line-height: 1.65;
	color: var(--gi-rd-ink-2);
	text-align: center;
	text-wrap: balance;
	max-width: 52rem;
	margin-inline: auto;
}

body.gi-redesign .gi-marketing-page--process .gi-process-system-grid {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0.75rem;
}

body.gi-redesign .gi-marketing-page--process .gi-process-system-grid__card {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.45rem;
	min-height: 100%;
	margin: 0;
	padding: 1.1rem 0.95rem 0.95rem;
	border: 1px solid var(--gi-rd-border);
	border-radius: var(--gi-rd-radius-lg);
	background: var(--gi-rd-surface);
	box-shadow: var(--gi-rd-shadow-sm);
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

body.gi-redesign .gi-marketing-page--process .gi-process-system-grid__card::before {
	content: '';
	position: absolute;
	left: 0.85rem;
	right: 0.85rem;
	top: 0.55rem;
	height: 3px;
	border-radius: 999px;
	background: linear-gradient(90deg, var(--gi-rd-primary), var(--gi-rd-accent));
	opacity: 0.92;
}

body.gi-redesign .gi-marketing-page--process .gi-process-system-grid__inx {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-top: 0.35rem;
	padding: 0.2rem 0.45rem;
	border-radius: 999px;
	font-size: 0.68rem;
	font-weight: 800;
	font-variant-numeric: tabular-nums;
	letter-spacing: 0.04em;
	color: var(--gi-rd-primary-deep);
	background: var(--gi-rd-primary-soft);
	line-height: 1;
}

body.gi-redesign .gi-marketing-page--process .gi-process-system-grid__line {
	margin: 0;
	font-size: 0.92rem;
	font-weight: 600;
	line-height: 1.45;
	color: var(--gi-rd-ink);
}

body.gi-redesign .gi-marketing-page--process .gi-process-system__outro {
	margin: 0;
	padding: 1rem 1.15rem;
	border-radius: var(--gi-rd-radius-lg);
	border: 1px solid color-mix(in srgb, var(--gi-rd-primary) 28%, var(--gi-rd-border));
	background: linear-gradient(125deg, rgba(84, 35, 231, 0.07), rgba(201, 242, 74, 0.06));
	font-size: 0.95rem;
	line-height: 1.6;
	color: var(--gi-rd-ink);
	text-align: center;
	text-wrap: balance;
}

body.gi-redesign .gi-marketing-page--process .gi-process-blockers .gi-rd-section-head {
	max-width: min(56rem, 100%);
	margin-bottom: clamp(1.25rem, 2.2vw, 2rem);
}

body.gi-redesign .gi-marketing-page--process .gi-process-blockers .gi-rd-section-head .gi-rd-lead {
	margin-inline: auto;
	max-width: 52ch;
}

body.gi-redesign .gi-marketing-page--process .gi-process-blockers__body {
	max-width: min(76rem, 100%);
	margin-inline: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: clamp(0.85rem, 2vw, 1.15rem);
}

body.gi-redesign .gi-marketing-page--process .gi-process-blockers__question {
	margin: 0;
	font-size: 1.05rem;
	text-align: center;
	max-width: 40rem;
	text-wrap: balance;
}

body.gi-redesign .gi-marketing-page--process .gi-process-blockers__grid {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 0.55rem;
}

body.gi-redesign .gi-marketing-page--process .gi-process-blockers__card {
	border: 1px solid var(--gi-rd-border);
	border-radius: var(--gi-rd-radius-sm);
	padding: 0.65rem 0.6rem;
	font-size: 0.82rem;
	font-weight: 600;
	background: var(--gi-rd-surface);
	box-shadow: var(--gi-rd-shadow-sm);
	text-align: center;
}

body.gi-redesign .gi-marketing-page--process .gi-process-blockers__outro {
	margin: 0;
	max-width: 52rem;
	text-align: center;
	text-wrap: balance;
}

body.gi-redesign .gi-marketing-page--process .gi-process-timeline {
	display: grid;
	grid-template-columns: minmax(200px, 240px) minmax(0, 1fr);
	gap: clamp(1rem, 3vw, 2rem);
	align-items: start;
	margin-top: 1.5rem;
}

body.gi-redesign .gi-marketing-page--process .gi-process-timeline__rail {
	position: sticky;
	top: 5.5rem;
	border: 1px solid var(--gi-rd-border);
	border-radius: var(--gi-rd-radius);
	background: var(--gi-rd-surface);
	padding: 0.65rem 0.5rem;
	box-shadow: var(--gi-rd-shadow-sm);
}

body.gi-redesign .gi-marketing-page--process .gi-process-timeline__rail-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0.2rem;
}

body.gi-redesign .gi-marketing-page--process .gi-process-timeline__rail-link {
	display: flex;
	align-items: flex-start;
	gap: 0.45rem;
	padding: 0.45rem 0.4rem;
	border-radius: var(--gi-rd-radius-sm);
	text-decoration: none;
	color: var(--gi-rd-ink-2);
	font-size: 0.82rem;
	line-height: 1.3;
	border: 1px solid transparent;
}

body.gi-redesign .gi-marketing-page--process .gi-process-timeline__rail-link:hover {
	background: var(--gi-rd-bg-alt);
	color: var(--gi-rd-ink);
}

body.gi-redesign .gi-marketing-page--process .gi-process-timeline__rail-link:focus-visible {
	outline: 2px solid var(--gi-rd-primary);
	outline-offset: 2px;
}

body.gi-redesign .gi-marketing-page--process .gi-process-timeline__rail-num {
	font-variant-numeric: tabular-nums;
	font-weight: 700;
	color: var(--gi-rd-primary-deep);
	min-width: 1.6rem;
}

body.gi-redesign .gi-marketing-page--process .gi-process-timeline__rail-title {
	font-weight: 600;
}

body.gi-redesign .gi-marketing-page--process .gi-process-timeline__stages {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

body.gi-redesign .gi-marketing-page--process .gi-process-stage {
	scroll-margin-top: 6rem;
	border: 1px solid var(--gi-rd-border);
	border-radius: var(--gi-rd-radius-lg);
	background: var(--gi-rd-surface);
	padding: 1.1rem 1.2rem;
	box-shadow: var(--gi-rd-shadow-sm);
}

body.gi-redesign .gi-marketing-page--process .gi-process-stage__head {
	display: flex;
	align-items: center;
	gap: 0.65rem;
	margin-bottom: 0.85rem;
	padding-bottom: 0.75rem;
	border-bottom: 1px solid var(--gi-rd-border);
}

body.gi-redesign .gi-marketing-page--process .gi-process-stage__num {
	font-size: 0.85rem;
	font-weight: 800;
	color: var(--gi-rd-primary);
	font-variant-numeric: tabular-nums;
}

body.gi-redesign .gi-marketing-page--process .gi-process-stage__title {
	margin: 0;
	font-size: 1.15rem;
}

body.gi-redesign .gi-marketing-page--process .gi-process-stage__block {
	margin-bottom: 0.85rem;
}

body.gi-redesign .gi-marketing-page--process .gi-process-stage__block--risk {
	border-left: 3px solid var(--gi-rd-accent);
	padding-left: 0.65rem;
}

body.gi-redesign .gi-marketing-page--process .gi-process-stage__k {
	margin: 0 0 0.35rem;
	font-size: 0.72rem;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: var(--gi-rd-muted);
}

body.gi-redesign .gi-marketing-page--process .gi-process-stage__p {
	margin: 0;
	font-size: 0.92rem;
	line-height: 1.55;
	color: var(--gi-rd-ink-2);
}

body.gi-redesign .gi-marketing-page--process .gi-process-stage__ul {
	margin: 0;
	padding-left: 1.1rem;
	font-size: 0.88rem;
	line-height: 1.5;
	color: var(--gi-rd-ink-2);
}

body.gi-redesign .gi-marketing-page--process .gi-process-route-cards {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1rem;
	margin-top: 1rem;
}

body.gi-redesign .gi-marketing-page--process .gi-process-route-cards__item {
	border: 1px solid var(--gi-rd-border);
	border-radius: var(--gi-rd-radius-lg);
	padding: 1.1rem 1.15rem;
	background: var(--gi-rd-surface);
	box-shadow: var(--gi-rd-shadow-sm);
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	min-height: 100%;
}

body.gi-redesign .gi-marketing-page--process .gi-process-route-cards__title {
	margin: 0;
	font-size: 1.05rem;
}

body.gi-redesign .gi-marketing-page--process .gi-process-route-cards__text,
body.gi-redesign .gi-marketing-page--process .gi-process-route-cards__result {
	margin: 0;
	font-size: 0.88rem;
	line-height: 1.5;
	color: var(--gi-rd-ink-2);
}

body.gi-redesign .gi-marketing-page--process .gi-process-route-cards__sub {
	margin: 0.25rem 0 0;
	font-size: 0.78rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--gi-rd-muted);
}

body.gi-redesign .gi-marketing-page--process .gi-process-route-cards__ul {
	margin: 0;
	padding-left: 1rem;
	font-size: 0.85rem;
	line-height: 1.45;
	color: var(--gi-rd-ink-2);
}

body.gi-redesign .gi-marketing-page--process .gi-process-route-cards__link {
	margin-top: auto;
	padding-top: 0.35rem;
	font-size: 0.88rem;
	font-weight: 600;
}

body.gi-redesign .gi-marketing-page--process .gi-process-route-cards__link a {
	color: var(--gi-rd-primary-deep);
	text-decoration: underline;
	text-underline-offset: 0.15em;
}

body.gi-redesign .gi-marketing-page--process .gi-process-route-cards__link a:focus-visible {
	outline: 2px solid var(--gi-rd-primary);
	outline-offset: 2px;
	border-radius: 0.2rem;
}

body.gi-redesign .gi-marketing-page--process .gi-process-comms-intro {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1rem;
	margin: 1.25rem 0 1rem;
}

body.gi-redesign .gi-marketing-page--process .gi-process-comms-card {
	position: relative;
	border: 1px solid var(--gi-rd-border-strong);
	border-radius: var(--gi-rd-radius-lg);
	background: var(--gi-rd-surface);
	padding: 1rem 1.1rem 1.05rem 1.2rem;
	box-shadow: var(--gi-rd-shadow-sm);
	overflow: hidden;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

body.gi-redesign .gi-marketing-page--process .gi-process-comms-card::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 3px;
	background: var(--gi-rd-primary);
}

body.gi-redesign .gi-marketing-page--process .gi-process-comms-card:last-child:not(:only-child)::before {
	background: linear-gradient(180deg, var(--gi-rd-primary-deep), var(--gi-rd-accent));
}

@media (hover: hover) and (pointer: fine) {
	body.gi-redesign .gi-marketing-page--process .gi-process-comms-card:hover {
		border-color: color-mix(in srgb, var(--gi-rd-primary) 32%, var(--gi-rd-border-strong));
		box-shadow: 0 12px 28px rgba(15, 23, 42, 0.07);
	}
}

body.gi-redesign .gi-marketing-page--process .gi-process-comms-card__ul {
	margin-top: 0.5rem;
}

body.gi-redesign .gi-marketing-page--process .gi-process-comms__meetings {
	margin: 0 0 1rem;
	max-width: 52rem;
	padding: 0.95rem 1.05rem;
	border-left: 3px solid color-mix(in srgb, var(--gi-rd-primary) 45%, var(--gi-rd-border));
	background: var(--gi-rd-bg-alt);
	border-radius: 0 var(--gi-rd-radius-sm) var(--gi-rd-radius-sm) 0;
	font-size: 0.92rem;
	line-height: 1.58;
	color: var(--gi-rd-ink-2);
}

body.gi-redesign .gi-marketing-page--process .gi-process-comms__h {
	margin: 0 0 0.45rem;
	font-size: 1rem;
}

body.gi-redesign .gi-marketing-page--process .gi-process-board {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0.75rem;
	margin-top: 1.35rem;
}

body.gi-redesign .gi-marketing-page--process .gi-process-board__col {
	border: 1px solid var(--gi-rd-border);
	border-radius: var(--gi-rd-radius);
	padding: 0.85rem 0.95rem;
	min-height: 100%;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

body.gi-redesign .gi-marketing-page--process .gi-process-board__col:nth-child(1) {
	border-color: color-mix(in srgb, var(--gi-rd-success) 38%, var(--gi-rd-border));
	background: linear-gradient(165deg, rgba(22, 163, 74, 0.08), var(--gi-rd-surface) 52%);
	box-shadow: var(--gi-rd-shadow-sm);
}

body.gi-redesign .gi-marketing-page--process .gi-process-board__col:nth-child(2) {
	border-color: color-mix(in srgb, var(--gi-rd-primary) 35%, var(--gi-rd-border));
	background: linear-gradient(165deg, rgba(84, 35, 231, 0.09), var(--gi-rd-surface) 50%);
	box-shadow: var(--gi-rd-shadow-sm);
}

body.gi-redesign .gi-marketing-page--process .gi-process-board__col--wait {
	border-color: rgba(224, 53, 106, 0.38);
	box-shadow: inset 0 0 0 1px rgba(224, 53, 106, 0.08), var(--gi-rd-shadow-sm);
	background: linear-gradient(165deg, rgba(224, 53, 106, 0.06), var(--gi-rd-surface) 55%);
}

body.gi-redesign .gi-marketing-page--process .gi-process-board__col--decisions {
	border-style: dashed;
	border-color: color-mix(in srgb, var(--gi-rd-muted) 55%, var(--gi-rd-border));
	background: var(--gi-rd-surface);
}

body.gi-redesign .gi-marketing-page--process .gi-process-board__col-title {
	margin: 0 0 0.4rem;
	font-size: 0.72rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: var(--gi-rd-ink);
}

body.gi-redesign .gi-marketing-page--process .gi-process-board__col-text {
	margin: 0;
	font-size: 0.8rem;
	line-height: 1.45;
	color: var(--gi-rd-muted);
}

body.gi-redesign .gi-marketing-page--process .gi-process-scope-grid,
body.gi-redesign .gi-marketing-page--process .gi-process-boundary-grid,
body.gi-redesign .gi-marketing-page--process .gi-process-outcome-grid {
	list-style: none;
	margin: 1rem 0 0;
	padding: 0;
	display: grid;
	gap: 0.75rem;
}

/* Scope (7): row 1 — 4 cards, row 2 — 3 centered */
body.gi-redesign .gi-marketing-page--process .gi-process-scope-grid {
	grid-template-columns: repeat(12, minmax(0, 1fr));
}

body.gi-redesign .gi-marketing-page--process .gi-process-scope-grid__card {
	grid-column: span 3;
}

body.gi-redesign .gi-marketing-page--process .gi-process-scope-grid__card:nth-child(5) {
	grid-column: 2 / span 3;
}

body.gi-redesign .gi-marketing-page--process .gi-process-scope-grid__card:nth-child(6) {
	grid-column: 5 / span 3;
}

body.gi-redesign .gi-marketing-page--process .gi-process-scope-grid__card:nth-child(7) {
	grid-column: 8 / span 3;
}

/* Boundary & outcomes (5): row 1 — 3 cards, row 2 — 2 centered */
body.gi-redesign .gi-marketing-page--process .gi-process-boundary-grid,
body.gi-redesign .gi-marketing-page--process .gi-process-outcome-grid {
	grid-template-columns: repeat(6, minmax(0, 1fr));
}

body.gi-redesign .gi-marketing-page--process .gi-process-boundary-grid__card,
body.gi-redesign .gi-marketing-page--process .gi-process-outcome-grid__card {
	grid-column: span 2;
}

body.gi-redesign .gi-marketing-page--process .gi-process-boundary-grid__card:nth-child(4),
body.gi-redesign .gi-marketing-page--process .gi-process-outcome-grid__card:nth-child(4) {
	grid-column: 2 / span 2;
}

body.gi-redesign .gi-marketing-page--process .gi-process-boundary-grid__card:nth-child(5),
body.gi-redesign .gi-marketing-page--process .gi-process-outcome-grid__card:nth-child(5) {
	grid-column: 4 / span 2;
}

body.gi-redesign .gi-marketing-page--process .gi-process-scope-grid__card,
body.gi-redesign .gi-marketing-page--process .gi-process-boundary-grid__card,
body.gi-redesign .gi-marketing-page--process .gi-process-outcome-grid__card {
	position: relative;
	border: 1px solid var(--gi-rd-border);
	border-radius: var(--gi-rd-radius);
	padding: 1rem 0.95rem 0.95rem;
	background: var(--gi-rd-surface);
	box-shadow: var(--gi-rd-shadow-sm);
	min-height: 100%;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

body.gi-redesign .gi-marketing-page--process .gi-process-section--scope .gi-process-scope-grid__card {
	padding-top: 1.05rem;
}

body.gi-redesign .gi-marketing-page--process .gi-process-section--scope .gi-process-scope-grid__card::before {
	content: '';
	position: absolute;
	left: 0.85rem;
	right: 0.85rem;
	top: 0.55rem;
	height: 3px;
	border-radius: 999px;
	background: linear-gradient(90deg, var(--gi-rd-primary), var(--gi-rd-accent));
	opacity: 0.9;
}

body.gi-redesign .gi-marketing-page--process .gi-process-section--boundary .gi-process-boundary-grid__card {
	padding-top: 1.1rem;
	border-left: none;
}

body.gi-redesign .gi-marketing-page--process .gi-process-section--boundary .gi-process-boundary-grid__card::before {
	content: '';
	position: absolute;
	left: 0.85rem;
	right: 0.85rem;
	top: 0.55rem;
	height: 3px;
	border-radius: 999px;
	background: linear-gradient(90deg, color-mix(in srgb, var(--gi-rd-danger) 75%, #e879f9), var(--gi-rd-primary));
	opacity: 0.95;
}

body.gi-redesign .gi-marketing-page--process .gi-process-section--outcomes .gi-process-outcome-grid__card {
	padding-top: 1.1rem;
	border-left: none;
}

body.gi-redesign .gi-marketing-page--process .gi-process-section--outcomes .gi-process-outcome-grid__card::before {
	content: '';
	position: absolute;
	left: 0.85rem;
	right: 0.85rem;
	top: 0.55rem;
	height: 3px;
	border-radius: 999px;
	background: linear-gradient(90deg, color-mix(in srgb, var(--gi-rd-success) 85%, var(--gi-rd-primary)), var(--gi-rd-primary));
	opacity: 0.95;
}

body.gi-redesign .gi-marketing-page--process .gi-process-scope-grid__title,
body.gi-redesign .gi-marketing-page--process .gi-process-boundary-grid__title,
body.gi-redesign .gi-marketing-page--process .gi-process-outcome-grid__title {
	margin: 0.35rem 0 0.4rem;
	font-size: 0.98rem;
	line-height: 1.25;
}

body.gi-redesign .gi-marketing-page--process .gi-process-section--scope .gi-process-scope-grid__title {
	margin-top: 0.15rem;
}

body.gi-redesign .gi-marketing-page--process .gi-process-section--boundary .gi-process-boundary-grid__title {
	margin-top: 0.25rem;
}

body.gi-redesign .gi-marketing-page--process .gi-process-section--outcomes .gi-process-outcome-grid__title {
	margin-top: 0.25rem;
}

body.gi-redesign .gi-marketing-page--process .gi-process-scope-grid__text,
body.gi-redesign .gi-marketing-page--process .gi-process-boundary-grid__text,
body.gi-redesign .gi-marketing-page--process .gi-process-outcome-grid__text {
	margin: 0;
	font-size: 0.83rem;
	line-height: 1.48;
	color: var(--gi-rd-muted);
}

body.gi-redesign .gi-marketing-page--process .gi-process-fit {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1rem;
	margin-top: 1rem;
}

body.gi-redesign .gi-marketing-page--process .gi-process-section--fit .gi-process-fit__col {
	padding: 1rem 1.05rem;
	border-radius: var(--gi-rd-radius-lg);
	border: 1px solid var(--gi-rd-border);
	background: var(--gi-rd-surface);
}

body.gi-redesign .gi-marketing-page--process .gi-process-section--fit .gi-process-fit__col--yes {
	background: linear-gradient(185deg, rgba(22, 163, 74, 0.07), var(--gi-rd-surface) 40%);
}

body.gi-redesign .gi-marketing-page--process .gi-process-section--fit .gi-process-fit__col--no {
	background: linear-gradient(185deg, rgba(220, 38, 38, 0.06), var(--gi-rd-surface) 40%);
}

body.gi-redesign .gi-marketing-page--process .gi-process-fit__heading {
	margin: 0 0 0.65rem;
	font-size: 1.05rem;
}

body.gi-redesign .gi-marketing-page--process .gi-process-fit__col--yes .gi-process-fit__heading {
	color: var(--gi-rd-success);
}

body.gi-redesign .gi-marketing-page--process .gi-process-fit__col--no .gi-process-fit__heading {
	color: var(--gi-rd-danger);
}

body.gi-redesign .gi-marketing-page--process .gi-process-fit__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0.55rem;
}

body.gi-redesign .gi-marketing-page--process .gi-process-fit__card {
	border: 1px solid var(--gi-rd-border);
	border-radius: var(--gi-rd-radius);
	padding: 0.8rem 0.9rem;
	background: color-mix(in srgb, var(--gi-rd-surface) 92%, transparent);
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

@media (hover: hover) and (pointer: fine) {
	body.gi-redesign .gi-marketing-page--process .gi-process-fit__card:hover {
		border-color: color-mix(in srgb, var(--gi-rd-primary) 38%, var(--gi-rd-border));
		box-shadow: 0 10px 26px rgba(15, 23, 42, 0.06);
	}
}

body.gi-redesign .gi-marketing-page--process .gi-process-fit__title {
	margin: 0 0 0.3rem;
	font-size: 0.88rem;
}

body.gi-redesign .gi-marketing-page--process .gi-process-fit__text {
	margin: 0;
	font-size: 0.8rem;
	line-height: 1.45;
	color: var(--gi-rd-muted);
}

body.gi-redesign .gi-marketing-page--process .gi-process-faq-wrap {
	max-width: min(58rem, 100%);
	margin-inline: auto;
}

body.gi-redesign .gi-marketing-page--process .gi-process-faq-section .gi-rd-section-head {
	text-align: center;
	max-width: 42rem;
	margin-inline: auto;
}

body.gi-redesign .gi-marketing-page--process .gi-process-faq {
	max-width: none;
	margin-inline: 0;
	width: 100%;
}

body.gi-redesign .gi-marketing-page--process .gi-process-faq__item {
	border: 1px solid var(--gi-rd-border);
	border-radius: var(--gi-rd-radius-sm);
	margin-bottom: 0.45rem;
	background: var(--gi-rd-surface);
	padding: 0;
	overflow: hidden;
}

body.gi-redesign .gi-marketing-page--process .gi-process-faq__summary {
	cursor: pointer;
	list-style: none;
	font-weight: 600;
	padding: 0.75rem 0.9rem;
	font-size: 0.92rem;
}

body.gi-redesign .gi-marketing-page--process .gi-process-faq__summary::-webkit-details-marker {
	display: none;
}

body.gi-redesign .gi-marketing-page--process .gi-process-faq__summary:focus-visible {
	outline: 2px solid var(--gi-rd-primary);
	outline-offset: -2px;
}

body.gi-redesign .gi-marketing-page--process .gi-process-faq__answer {
	padding: 0 0.9rem 0.85rem;
	border-top: 1px solid var(--gi-rd-border);
}

body.gi-redesign .gi-marketing-page--process .gi-process-faq__answer p {
	margin: 0.65rem 0 0;
	font-size: 0.88rem;
	line-height: 1.55;
	color: var(--gi-rd-ink-2);
}

@media (max-width: 1100px) {
	body.gi-redesign .gi-marketing-page--process .gi-process-principles__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	body.gi-redesign .gi-marketing-page--process .gi-process-system-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 900px) {
	body.gi-redesign .gi-marketing-page--process .gi-process-principles__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	body.gi-redesign .gi-marketing-page--process .gi-process-blockers__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	body.gi-redesign .gi-marketing-page--process .gi-process-timeline {
		grid-template-columns: 1fr;
	}

	body.gi-redesign .gi-marketing-page--process .gi-process-timeline__rail {
		position: static;
	}

	body.gi-redesign .gi-marketing-page--process .gi-process-timeline__rail-list {
		flex-direction: row;
		flex-wrap: wrap;
		gap: 0.35rem;
	}

	body.gi-redesign .gi-marketing-page--process .gi-process-timeline__rail-link {
		border: 1px solid var(--gi-rd-border);
	}

	body.gi-redesign .gi-marketing-page--process .gi-process-route-cards {
		grid-template-columns: 1fr;
	}

	body.gi-redesign .gi-marketing-page--process .gi-process-system-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	body.gi-redesign .gi-marketing-page--process .gi-process-comms-intro {
		grid-template-columns: 1fr;
	}

	body.gi-redesign .gi-marketing-page--process .gi-process-board {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	body.gi-redesign .gi-marketing-page--process .gi-process-fit {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 480px) {
	body.gi-redesign .gi-marketing-page--process .gi-process-principles__grid {
		grid-template-columns: 1fr;
	}

	body.gi-redesign .gi-marketing-page--process .gi-process-blockers__grid {
		grid-template-columns: 1fr;
	}

	body.gi-redesign .gi-marketing-page--process .gi-process-board {
		grid-template-columns: 1fr;
	}

	body.gi-redesign .gi-marketing-page--process .gi-process-system-grid,
	body.gi-redesign .gi-marketing-page--process .gi-process-scope-grid,
	body.gi-redesign .gi-marketing-page--process .gi-process-boundary-grid,
	body.gi-redesign .gi-marketing-page--process .gi-process-outcome-grid {
		grid-template-columns: 1fr;
	}

	body.gi-redesign .gi-marketing-page--process .gi-process-scope-grid__card,
	body.gi-redesign .gi-marketing-page--process .gi-process-scope-grid__card:nth-child(5),
	body.gi-redesign .gi-marketing-page--process .gi-process-scope-grid__card:nth-child(6),
	body.gi-redesign .gi-marketing-page--process .gi-process-scope-grid__card:nth-child(7),
	body.gi-redesign .gi-marketing-page--process .gi-process-boundary-grid__card,
	body.gi-redesign .gi-marketing-page--process .gi-process-boundary-grid__card:nth-child(4),
	body.gi-redesign .gi-marketing-page--process .gi-process-boundary-grid__card:nth-child(5),
	body.gi-redesign .gi-marketing-page--process .gi-process-outcome-grid__card,
	body.gi-redesign .gi-marketing-page--process .gi-process-outcome-grid__card:nth-child(4),
	body.gi-redesign .gi-marketing-page--process .gi-process-outcome-grid__card:nth-child(5) {
		grid-column: auto;
	}
}

@media (hover: hover) and (pointer: fine) {
	body.gi-redesign .gi-marketing-page--process .gi-process-system-grid__card:hover {
		border-color: color-mix(in srgb, var(--gi-rd-primary) 35%, var(--gi-rd-border));
		box-shadow: 0 12px 28px rgba(15, 23, 42, 0.07);
	}

	body.gi-redesign .gi-marketing-page--process .gi-process-section--scope .gi-process-scope-grid__card:hover,
	body.gi-redesign .gi-marketing-page--process .gi-process-section--boundary .gi-process-boundary-grid__card:hover,
	body.gi-redesign .gi-marketing-page--process .gi-process-section--outcomes .gi-process-outcome-grid__card:hover {
		border-color: color-mix(in srgb, var(--gi-rd-primary) 28%, var(--gi-rd-border));
		box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
	}
}

@media (prefers-reduced-motion: reduce) {
	body.gi-redesign .gi-marketing-page--process .gi-process-timeline__rail-link,
	body.gi-redesign .gi-marketing-page--process .gi-process-route-cards__item,
	body.gi-redesign .gi-marketing-page--process .gi-process-comms-card,
	body.gi-redesign .gi-marketing-page--process .gi-process-board__col,
	body.gi-redesign .gi-marketing-page--process .gi-process-scope-grid__card,
	body.gi-redesign .gi-marketing-page--process .gi-process-boundary-grid__card,
	body.gi-redesign .gi-marketing-page--process .gi-process-outcome-grid__card,
	body.gi-redesign .gi-marketing-page--process .gi-process-system-grid__card,
	body.gi-redesign .gi-marketing-page--process .gi-process-fit__card {
		transition: none;
	}
}

/* -------------------------------------------------------------------------- */
/* About page (o-nas) — premium B2B                                           */
/* -------------------------------------------------------------------------- */

body.gi-redesign .gi-marketing-page--o-nas {
	--gi-about-radius: 28px;
	--gi-about-radius-sm: 18px;
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-hero {
	position: relative;
	overflow: hidden;
	border-radius: var(--gi-about-radius);
	border: 1px solid var(--gi-rd-border);
	background: linear-gradient(135deg, #ffffff 0%, #f8f7ff 55%, #ffffff 100%);
	box-shadow: var(--gi-rd-shadow-soft);
	padding: clamp(1.75rem, 4vw, 3rem) 0;
	margin-bottom: clamp(2rem, 4vw, 3rem);
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-hero::before {
	content: '';
	position: absolute;
	inset: -40% -20% auto -20%;
	height: 70%;
	background: radial-gradient(ellipse at 50% 0%, rgba(124, 58, 237, 0.12), transparent 65%);
	pointer-events: none;
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-hero__shell {
	position: relative;
	z-index: 1;
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-hero__grid {
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
	gap: clamp(1.5rem, 3vw, 2.75rem);
	align-items: center;
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-hero__lead {
	max-width: 38rem;
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-hero__ctas {
	flex-wrap: wrap;
	gap: 0.65rem;
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-logicmap {
	position: relative;
	z-index: 1;
	border-radius: var(--gi-about-radius-sm);
	border: 1px solid var(--gi-rd-border);
	background: rgba(255, 255, 255, 0.92);
	box-shadow: var(--gi-rd-shadow-soft);
	padding: 1.1rem 1.15rem 1.25rem;
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-logicmap__badge {
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--gi-rd-ink-2);
	margin: 0 0 0.85rem;
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-logicmap__layers {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.5rem;
	margin-bottom: 0.85rem;
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-logicmap__layer {
	border-radius: 14px;
	border: 1px solid var(--gi-rd-border);
	background: linear-gradient(180deg, #faf9ff 0%, #ffffff 100%);
	padding: 0.55rem 0.6rem;
	text-align: center;
	font-weight: 700;
	font-size: 0.82rem;
	color: var(--gi-rd-ink);
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-logicmap__nodes {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-logicmap__nodes li {
	display: inline-flex;
	align-items: center;
	border-radius: 999px;
	border: 1px solid var(--gi-rd-border);
	background: #ffffff;
	padding: 0.28rem 0.55rem;
	font-size: 0.72rem;
	font-weight: 600;
	color: var(--gi-rd-ink-2);
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-value__intro {
	max-width: 48rem;
	margin-bottom: 1.25rem;
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-value__intro .gi-rd-body:last-child {
	margin-bottom: 0;
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-valuecards {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-valuecards__item {
	border-radius: var(--gi-about-radius-sm);
	border: 1px solid var(--gi-rd-border);
	background: #ffffff;
	box-shadow: var(--gi-rd-shadow-soft);
	padding: 1.15rem 1.2rem;
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-valuecards__title {
	font-size: 1.02rem;
	font-weight: 700;
	margin: 0 0 0.45rem;
	color: var(--gi-rd-ink);
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-valuecards__text {
	margin: 0;
	font-size: 0.9rem;
	line-height: 1.55;
	color: var(--gi-rd-ink-2);
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-testimonials {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-testimonials__item {
	margin: 0;
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-testimonials__card {
	border-radius: var(--gi-about-radius-sm);
	border: 1px solid var(--gi-rd-border);
	background: #ffffff;
	box-shadow: var(--gi-rd-shadow-soft);
	padding: 1.15rem 1.2rem;
	display: flex;
	flex-direction: column;
	gap: 0.55rem;
	height: 100%;
	color: inherit;
	text-decoration: none;
	transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-testimonials__card:hover {
	border-color: rgba(84, 35, 231, 0.28);
	box-shadow: var(--gi-rd-shadow-md, 0 12px 28px rgba(15, 23, 42, 0.08));
	transform: translateY(-2px);
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-testimonials__card:focus-visible {
	outline: 2px solid var(--gi-rd-primary);
	outline-offset: 3px;
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-testimonials__source {
	margin-top: auto;
	padding-top: 0.35rem;
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--gi-rd-primary);
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-testimonials__head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.35rem;
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-testimonials__name {
	font-weight: 700;
	font-size: 0.95rem;
	margin: 0;
	color: var(--gi-rd-ink);
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-testimonials__rating {
	font-size: 0.85rem;
	letter-spacing: 0.05em;
	color: #b45309;
	margin: 0;
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-testimonials__body {
	font-size: 0.9rem;
	line-height: 1.6;
	color: var(--gi-rd-ink-2);
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-testimonials__p {
	margin: 0 0 0.55rem;
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-testimonials__p:last-child {
	margin-bottom: 0;
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-founder {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
	gap: 1.25rem;
	align-items: start;
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-founder__main .gi-rd-body {
	margin-bottom: 0.85rem;
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-founder__role {
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--gi-rd-primary);
	margin: 0 0 0.35rem;
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-founder__name-row {
	display: flex;
	align-items: center;
	gap: 0.55rem;
	margin: 0 0 0.75rem;
	flex-wrap: wrap;
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-founder__name {
	font-size: clamp(1.25rem, 2vw, 1.5rem);
	font-weight: 800;
	margin: 0;
	color: var(--gi-rd-ink);
	letter-spacing: -0.02em;
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-founder__linkedin {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	border-radius: 999px;
	color: #0a66c2;
	background: rgba(10, 102, 194, 0.08);
	border: 1px solid rgba(10, 102, 194, 0.16);
	transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-founder__linkedin:hover {
	background: rgba(10, 102, 194, 0.14);
	border-color: rgba(10, 102, 194, 0.28);
	transform: translateY(-1px);
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-founder__linkedin:focus-visible {
	outline: 2px solid var(--gi-rd-primary);
	outline-offset: 2px;
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-founder__linkedin-icon {
	display: block;
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-founder__bullets {
	margin: 0 0 0.85rem 1.1rem;
	padding: 0;
	color: var(--gi-rd-ink-2);
	font-size: 0.95rem;
	line-height: 1.55;
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-founder__bullets li {
	margin-bottom: 0.35rem;
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-founder__photo {
	margin: 0;
	border-radius: var(--gi-rd-radius-lg);
	overflow: hidden;
	border: 1px solid var(--gi-rd-border);
	background: var(--gi-rd-surface);
	box-shadow: var(--gi-rd-shadow-soft);
	position: sticky;
	top: 5.5rem;
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-founder__photo-img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 5;
	object-fit: cover;
	object-position: center top;
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-igor-cards {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-igor-cards__item {
	border-radius: var(--gi-about-radius-sm);
	border: 1px solid var(--gi-rd-border);
	background: #ffffff;
	box-shadow: var(--gi-rd-shadow-soft);
	padding: 1.1rem 1.15rem;
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-igor-cards__title {
	font-size: 1rem;
	font-weight: 700;
	margin: 0 0 0.45rem;
	color: var(--gi-rd-ink);
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-igor-cards__text {
	margin: 0;
	font-size: 0.9rem;
	line-height: 1.55;
	color: var(--gi-rd-ink-2);
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-loop {
	border-radius: var(--gi-about-radius);
	border: 1px solid var(--gi-rd-border);
	background: #ffffff;
	box-shadow: var(--gi-rd-shadow-soft);
	padding: clamp(1.25rem, 2.5vw, 1.85rem);
	margin-top: 1.25rem;
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-loop__subtitle {
	font-size: clamp(1.05rem, 1.6vw, 1.2rem);
	font-weight: 800;
	margin: 0 0 0.65rem;
	color: var(--gi-rd-ink);
	letter-spacing: -0.015em;
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-loop__core {
	text-align: center;
	font-weight: 800;
	font-size: clamp(1rem, 1.6vw, 1.15rem);
	letter-spacing: 0.02em;
	color: var(--gi-rd-ink);
	margin: 0 0 1rem;
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-loop__supports {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.75rem;
	margin: 0 0 1rem;
	padding: 0;
	list-style: none;
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-loop__supports li {
	margin: 0;
	font-size: 0.88rem;
	line-height: 1.5;
	color: var(--gi-rd-ink-2);
	padding: 0.65rem 0.75rem;
	border-radius: 14px;
	border: 1px solid var(--gi-rd-border);
	background: #faf9ff;
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-loop__close {
	margin-top: 0;
	margin-bottom: 1rem;
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-loopmap {
	border-radius: var(--gi-about-radius-sm);
	border: 1px dashed rgba(124, 58, 237, 0.28);
	background: rgba(250, 249, 255, 0.65);
	padding: 0.85rem 1rem;
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-loopmap__track {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 0.35rem;
	font-size: 0.78rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--gi-rd-ink-2);
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-loopmap__node {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	border: 1px solid var(--gi-rd-border);
	background: #ffffff;
	padding: 0.35rem 0.6rem;
	color: var(--gi-rd-ink);
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-loopmap__arrow {
	color: var(--gi-rd-primary);
	font-weight: 800;
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-directions {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1rem;
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-directions__card {
	border-radius: var(--gi-about-radius);
	border: 1px solid var(--gi-rd-border);
	background: linear-gradient(180deg, #ffffff 0%, #faf9ff 100%);
	box-shadow: var(--gi-rd-shadow-soft);
	padding: 1.2rem 1.25rem;
	display: flex;
	flex-direction: column;
	gap: 0.55rem;
	min-height: 100%;
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-directions__eyebrow {
	display: inline-flex;
	align-self: flex-start;
	font-size: 0.68rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--gi-rd-primary);
	border: 1px solid rgba(124, 58, 237, 0.25);
	border-radius: 999px;
	padding: 0.2rem 0.5rem;
	background: rgba(124, 58, 237, 0.06);
	margin: 0;
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-directions__title {
	font-size: 1.12rem;
	font-weight: 800;
	margin: 0;
	color: var(--gi-rd-ink);
	letter-spacing: -0.01em;
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-directions__text {
	margin: 0;
	font-size: 0.9rem;
	line-height: 1.55;
	color: var(--gi-rd-ink-2);
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-directions__sub {
	font-size: 0.78rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: var(--gi-rd-ink);
	margin: 0.25rem 0 0.2rem;
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-directions__ul {
	margin: 0 0 0.35rem;
	padding-left: 1rem;
	font-size: 0.85rem;
	line-height: 1.5;
	color: var(--gi-rd-ink-2);
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-directions__card .gi-rd-btn {
	margin-top: auto;
	align-self: flex-start;
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-audience__list-title {
	font-size: 1rem;
	font-weight: 800;
	margin: 1rem 0 0.65rem;
	color: var(--gi-rd-ink);
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-audience__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.55rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-audience__item {
	display: flex;
	gap: 0.55rem;
	align-items: flex-start;
	border-radius: 14px;
	border: 1px solid var(--gi-rd-border);
	background: #ffffff;
	padding: 0.65rem 0.75rem;
	font-size: 0.88rem;
	line-height: 1.45;
	color: var(--gi-rd-ink-2);
	box-shadow: var(--gi-rd-shadow-soft);
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-audience__item::before {
	content: '';
	flex: 0 0 8px;
	width: 8px;
	height: 8px;
	margin-top: 0.35rem;
	border-radius: 50%;
	background: var(--gi-rd-primary);
	box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.15);
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-scenarios {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1rem;
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-scenarios__card {
	border-radius: var(--gi-about-radius-sm);
	border: 1px solid var(--gi-rd-border);
	background: #ffffff;
	box-shadow: var(--gi-rd-shadow-soft);
	padding: 1.1rem 1.15rem;
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-scenarios__title {
	font-size: 1rem;
	font-weight: 800;
	margin: 0;
	color: var(--gi-rd-ink);
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-scenarios__text,
body.gi-redesign .gi-marketing-page--o-nas .gi-about-scenarios__help {
	margin: 0;
	font-size: 0.88rem;
	line-height: 1.55;
	color: var(--gi-rd-ink-2);
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-scenarios__help strong {
	color: var(--gi-rd-ink);
	font-weight: 700;
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-why-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-why-grid__card {
	border-radius: var(--gi-about-radius-sm);
	border: 1px solid var(--gi-rd-border);
	background: #ffffff;
	box-shadow: var(--gi-rd-shadow-soft);
	padding: 1.1rem 1.15rem;
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-why-grid__title {
	font-size: 1rem;
	font-weight: 800;
	margin: 0 0 0.45rem;
	color: var(--gi-rd-ink);
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-why-grid__text {
	margin: 0;
	font-size: 0.88rem;
	line-height: 1.55;
	color: var(--gi-rd-ink-2);
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-workflow {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0.85rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-workflow__step {
	border-radius: var(--gi-about-radius-sm);
	border: 1px solid var(--gi-rd-border);
	background: #ffffff;
	box-shadow: var(--gi-rd-shadow-soft);
	padding: 1rem 1.05rem;
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 0.65rem;
	align-items: start;
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-workflow__num {
	font-size: 0.85rem;
	font-weight: 800;
	color: var(--gi-rd-primary);
	letter-spacing: 0.04em;
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-workflow__title {
	font-size: 0.92rem;
	font-weight: 800;
	margin: 0 0 0.45rem;
	color: var(--gi-rd-ink);
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-workflow__text {
	margin: 0;
	font-size: 0.86rem;
	line-height: 1.55;
	color: var(--gi-rd-ink-2);
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-workflow__more {
	margin: 1rem 0 0;
	text-align: center;
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-inout {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1rem;
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-inout__col {
	border-radius: var(--gi-about-radius);
	border: 1px solid var(--gi-rd-border);
	box-shadow: var(--gi-rd-shadow-soft);
	padding: 1.15rem 1.25rem;
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-inout__col--yes {
	background: #ffffff;
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-inout__col--no {
	background: linear-gradient(160deg, #faf9ff 0%, #ffffff 100%);
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-inout__title {
	font-size: 1.05rem;
	font-weight: 800;
	margin: 0 0 0.55rem;
	color: var(--gi-rd-ink);
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-inout__lead {
	margin: 0 0 0.65rem;
	font-size: 0.9rem;
	line-height: 1.55;
	color: var(--gi-rd-ink-2);
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-inout__ul {
	margin: 0;
	padding-left: 1rem;
	font-size: 0.88rem;
	line-height: 1.5;
	color: var(--gi-rd-ink-2);
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-pl {
	display: grid;
	grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
	gap: 1rem 1.25rem;
	align-items: start;
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-pl__title {
	margin: 0 0 clamp(1rem, 2vw, 1.35rem);
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-pl__copy .gi-rd-body {
	margin-bottom: 0.75rem;
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-pl__list-title {
	font-size: 1rem;
	font-weight: 800;
	margin: 0.5rem 0 0.5rem;
	color: var(--gi-rd-ink);
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-pl__ul {
	margin: 0 0 0 1rem;
	padding: 0;
	font-size: 0.9rem;
	line-height: 1.55;
	color: var(--gi-rd-ink-2);
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-pl__photo {
	margin: 0;
	border-radius: var(--gi-rd-radius-lg);
	overflow: hidden;
	border: 1px solid var(--gi-rd-border);
	background: var(--gi-rd-surface);
	box-shadow: var(--gi-rd-shadow-soft);
	position: sticky;
	top: 5.5rem;
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-pl__photo-img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: cover;
	object-position: center;
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-next {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1rem;
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-next__card {
	border-radius: var(--gi-about-radius-sm);
	border: 1px solid var(--gi-rd-border);
	background: #ffffff;
	box-shadow: var(--gi-rd-shadow-soft);
	padding: 1.1rem 1.15rem;
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	min-height: 100%;
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-next__title {
	font-size: 1.02rem;
	font-weight: 800;
	margin: 0;
	color: var(--gi-rd-ink);
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-next__text {
	margin: 0;
	font-size: 0.88rem;
	line-height: 1.55;
	color: var(--gi-rd-ink-2);
	flex: 1;
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-next__card .gi-rd-btn {
	margin-top: auto;
	align-self: flex-start;
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-faq {
	display: flex;
	flex-direction: column;
	gap: 0.55rem;
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-faq__item {
	border-radius: 14px;
	border: 1px solid var(--gi-rd-border);
	background: #ffffff;
	overflow: hidden;
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-faq__summary {
	cursor: pointer;
	list-style: none;
	font-weight: 700;
	padding: 0.85rem 1rem;
	font-size: 0.92rem;
	color: var(--gi-rd-ink);
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-faq__summary::-webkit-details-marker {
	display: none;
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-faq__summary:focus-visible {
	outline: 2px solid var(--gi-rd-primary);
	outline-offset: -2px;
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-faq__answer {
	padding: 0 1rem 0.9rem;
	border-top: 1px solid var(--gi-rd-border);
	font-size: 0.88rem;
	line-height: 1.6;
	color: var(--gi-rd-ink-2);
}

body.gi-redesign .gi-marketing-page--o-nas .gi-about-faq__answer p {
	margin: 0.5rem 0 0;
}

/* o-nas + process: shared visual language with /kak-my-rabotaem/ */
body.gi-redesign .gi-marketing-page--o-nas.gi-marketing-page--process .gi-process-faq-wrap {
	max-width: min(48rem, 100%);
}

body.gi-redesign .gi-marketing-page--o-nas.gi-marketing-page--process .gi-process-faq-section .gi-rd-section-head {
	max-width: 36rem;
}

body.gi-redesign .gi-marketing-page--o-nas.gi-marketing-page--process .gi-about-pillars__grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.gi-redesign .gi-marketing-page--o-nas.gi-marketing-page--process .gi-about-loop--removed {
	display: none !important;
}

body.gi-redesign .gi-marketing-page--o-nas.gi-marketing-page--process .gi-about-testimonials__card,
body.gi-redesign .gi-marketing-page--o-nas.gi-marketing-page--process .gi-about-founder__photo,
body.gi-redesign .gi-marketing-page--o-nas.gi-marketing-page--process .gi-about-scenarios__card,
body.gi-redesign .gi-marketing-page--o-nas.gi-marketing-page--process .gi-about-why-grid__card,
body.gi-redesign .gi-marketing-page--o-nas.gi-marketing-page--process .gi-about-next__card,
body.gi-redesign .gi-marketing-page--o-nas.gi-marketing-page--process .gi-about-audience__item {
	border-radius: var(--gi-rd-radius-lg);
	border: 1px solid var(--gi-rd-border);
	background: var(--gi-rd-surface);
	box-shadow: var(--gi-rd-shadow-sm);
}

body.gi-redesign .gi-marketing-page--o-nas.gi-marketing-page--process .gi-about-directions__card {
	border-radius: var(--gi-rd-radius-lg);
	background: var(--gi-rd-surface);
	box-shadow: var(--gi-rd-shadow-sm);
}

body.gi-redesign .gi-marketing-page--o-nas.gi-marketing-page--process .gi-about-founder {
	gap: 1rem;
}

body.gi-redesign .gi-marketing-page--o-nas.gi-marketing-page--process .gi-about-audience__grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.65rem;
}

body.gi-redesign .gi-marketing-page--o-nas.gi-marketing-page--process .gi-about-audience__item::before {
	display: none;
}

body.gi-redesign .gi-marketing-page--o-nas.gi-marketing-page--process .gi-about-audience__item {
	padding: 0.75rem 0.85rem;
	font-size: 0.85rem;
	line-height: 1.45;
}

body.gi-redesign .gi-marketing-page--o-nas.gi-marketing-page--process .gi-about-next,
body.gi-redesign .gi-marketing-page--o-nas.gi-marketing-page--process .gi-about-scenarios,
body.gi-redesign .gi-marketing-page--o-nas.gi-marketing-page--process .gi-about-why-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1rem;
}

body.gi-redesign .gi-marketing-page--o-nas.gi-marketing-page--process .gi-about-why-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (max-width: 1100px) {
	body.gi-redesign .gi-marketing-page--o-nas.gi-marketing-page--process .gi-about-pillars__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	body.gi-redesign .gi-marketing-page--o-nas.gi-marketing-page--process .gi-about-audience__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 900px) {
	body.gi-redesign .gi-marketing-page--o-nas.gi-marketing-page--process .gi-about-pillars__grid,
	body.gi-redesign .gi-marketing-page--o-nas.gi-marketing-page--process .gi-about-audience__grid,
	body.gi-redesign .gi-marketing-page--o-nas.gi-marketing-page--process .gi-about-next,
	body.gi-redesign .gi-marketing-page--o-nas.gi-marketing-page--process .gi-about-scenarios {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 480px) {
	body.gi-redesign .gi-marketing-page--o-nas.gi-marketing-page--process .gi-about-pillars__grid,
	body.gi-redesign .gi-marketing-page--o-nas.gi-marketing-page--process .gi-about-audience__grid,
	body.gi-redesign .gi-marketing-page--o-nas.gi-marketing-page--process .gi-about-next,
	body.gi-redesign .gi-marketing-page--o-nas.gi-marketing-page--process .gi-about-scenarios,
	body.gi-redesign .gi-marketing-page--o-nas.gi-marketing-page--process .gi-about-why-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 1024px) {
	body.gi-redesign .gi-marketing-page--o-nas .gi-about-hero__grid {
		grid-template-columns: 1fr;
	}

	body.gi-redesign .gi-marketing-page--o-nas .gi-about-founder {
		grid-template-columns: 1fr;
	}

	body.gi-redesign .gi-marketing-page--o-nas .gi-about-founder__photo {
		position: static;
		max-width: 22rem;
		margin-inline: auto;
	}

	body.gi-redesign .gi-marketing-page--o-nas .gi-about-directions {
		grid-template-columns: 1fr;
	}

	body.gi-redesign .gi-marketing-page--o-nas .gi-about-workflow {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	body.gi-redesign .gi-marketing-page--o-nas .gi-about-pl {
		grid-template-columns: 1fr;
	}

	body.gi-redesign .gi-marketing-page--o-nas .gi-about-pl__photo {
		position: static;
		max-width: 22rem;
		margin-inline: auto;
	}

	body.gi-redesign .gi-marketing-page--o-nas .gi-about-next {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 768px) {
	body.gi-redesign .gi-marketing-page--o-nas .gi-about-valuecards,
	body.gi-redesign .gi-marketing-page--o-nas .gi-about-igor-cards,
	body.gi-redesign .gi-marketing-page--o-nas .gi-about-scenarios {
		grid-template-columns: 1fr;
	}

	body.gi-redesign .gi-marketing-page--o-nas .gi-about-testimonials {
		grid-template-columns: 1fr;
	}

	body.gi-redesign .gi-marketing-page--o-nas .gi-about-loop__supports {
		grid-template-columns: 1fr;
	}

	body.gi-redesign .gi-marketing-page--o-nas .gi-about-logicmap__layers {
		grid-template-columns: 1fr;
	}

	body.gi-redesign .gi-marketing-page--o-nas .gi-about-audience__grid {
		grid-template-columns: 1fr;
	}

	body.gi-redesign .gi-marketing-page--o-nas .gi-about-why-grid,
	body.gi-redesign .gi-marketing-page--o-nas .gi-about-inout {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 520px) {
	body.gi-redesign .gi-marketing-page--o-nas .gi-about-loopmap__track {
		font-size: 0.68rem;
	}

	body.gi-redesign .gi-marketing-page--o-nas .gi-about-workflow {
		grid-template-columns: 1fr;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.gi-redesign .gi-marketing-page--o-nas .gi-about-hero,
	body.gi-redesign .gi-marketing-page--o-nas .gi-about-directions__card,
	body.gi-redesign .gi-marketing-page--o-nas .gi-about-testimonials__card {
		transition: none;
	}
}

/* -------------------------------------------------------------------------- */
/* Homepage — premium B2B (scoped .gi-marketing-page--home)                 */
/* -------------------------------------------------------------------------- */

body.gi-redesign .gi-marketing-page--home {
	--gi-home-r: 28px;
	--gi-home-r-sm: 18px;
	overflow-x: clip;
}

/* Homepage hero: wider headline column, breathing room below floating header */
body.gi-redesign .gi-marketing-page--home.gi-rd-home .gi-home-hero .gi-rd-h1 {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}

body.gi-redesign .gi-marketing-page--home .gi-home-hero {
	position: relative;
	overflow: hidden;
	text-align: center;
	padding-top: clamp(1.35rem, 2.4vw, 2rem);
	padding-bottom: var(--gi-rd-hero-pb);
	background:
		radial-gradient(900px 380px at 50% -10%, rgba(124, 58, 237, 0.1), transparent 55%),
		linear-gradient(180deg, #ffffff 0%, #faf9ff 100%);
}

body.gi-redesign .gi-marketing-page--home .gi-home-hero__shell {
	position: relative;
	z-index: 1;
	max-width: min(62rem, calc(100vw - 2rem));
	margin: 0 auto;
}

body.gi-redesign .gi-marketing-page--home .gi-home-hero__lead {
	max-width: min(48rem, 100%);
	margin-left: auto;
	margin-right: auto;
}

body.gi-redesign .gi-marketing-page--home .gi-home-hero__ctas {
	justify-content: center;
	flex-wrap: wrap;
	gap: 0.65rem;
}

body.gi-redesign .gi-marketing-page--home .gi-home-trust__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 0.85rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

body.gi-redesign .gi-marketing-page--home .gi-home-trust__card {
	border-radius: var(--gi-home-r-sm);
	border: 1px solid var(--gi-rd-border);
	background: #ffffff;
	box-shadow: var(--gi-rd-shadow-soft);
	padding: 1rem 1.05rem;
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
	min-height: 100%;
}

body.gi-redesign .gi-marketing-page--home .gi-home-trust__badge {
	font-size: 1.35rem;
	line-height: 1;
}

body.gi-redesign .gi-marketing-page--home .gi-home-trust__title {
	margin: 0;
	font-size: 0.95rem;
	font-weight: 800;
	color: var(--gi-rd-ink);
	letter-spacing: -0.01em;
}

body.gi-redesign .gi-marketing-page--home .gi-home-trust__text {
	margin: 0;
	font-size: 0.84rem;
	line-height: 1.5;
	color: var(--gi-rd-ink-2);
}

body.gi-redesign .gi-marketing-page--home .gi-home-arrival__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

@media (min-width: 640px) {
	body.gi-redesign .gi-marketing-page--home .gi-home-arrival__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 1024px) {
	body.gi-redesign .gi-marketing-page--home .gi-home-arrival__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

body.gi-redesign .gi-marketing-page--home .gi-home-arrival__card {
	border-radius: var(--gi-home-r);
	border: 1px solid var(--gi-rd-border);
	background: #ffffff;
	box-shadow: var(--gi-rd-shadow-soft);
	padding: 1.15rem 1.2rem;
	display: flex;
	flex-direction: column;
	gap: 0.55rem;
	align-items: flex-start;
	min-height: 100%;
}

body.gi-redesign .gi-marketing-page--home .gi-home-arrival__icon {
	font-size: 1.35rem;
	line-height: 1;
}

body.gi-redesign .gi-marketing-page--home .gi-home-arrival__title {
	margin: 0;
	font-size: 1.02rem;
	font-weight: 800;
	color: var(--gi-rd-ink);
}

body.gi-redesign .gi-marketing-page--home .gi-home-arrival__text {
	margin: 0;
	font-size: 0.88rem;
	line-height: 1.55;
	color: var(--gi-rd-ink-2);
	flex: 1;
}

body.gi-redesign .gi-marketing-page--home .gi-home-arrival__cta {
	margin-top: auto;
}

body.gi-redesign .gi-marketing-page--home .gi-home-build__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1rem;
}

@media (min-width: 900px) {
	body.gi-redesign .gi-marketing-page--home .gi-home-build__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

body.gi-redesign .gi-marketing-page--home .gi-home-build__card {
	border-radius: var(--gi-home-r);
	border: 1px solid var(--gi-rd-border);
	background: linear-gradient(180deg, #ffffff 0%, #faf9ff 100%);
	box-shadow: var(--gi-rd-shadow-soft);
	padding: 1.2rem 1.25rem;
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	min-height: 100%;
}

body.gi-redesign .gi-marketing-page--home .gi-home-build__viz {
	min-height: 4.5rem;
	border-radius: 14px;
	border: 1px dashed rgba(124, 58, 237, 0.25);
	background: rgba(250, 249, 255, 0.7);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0.65rem;
}

body.gi-redesign .gi-marketing-page--home .gi-home-build__viz--site {
	flex-direction: column;
	gap: 0.35rem;
	align-items: stretch;
}

body.gi-redesign .gi-marketing-page--home .gi-home-build__bar {
	display: block;
	height: 6px;
	border-radius: 4px;
	background: linear-gradient(90deg, var(--gi-rd-primary), rgba(124, 58, 237, 0.35));
}

body.gi-redesign .gi-marketing-page--home .gi-home-build__bar--mid {
	width: 88%;
}

body.gi-redesign .gi-marketing-page--home .gi-home-build__bar--short {
	width: 62%;
}

body.gi-redesign .gi-marketing-page--home .gi-home-build__viz--seo {
	gap: 0.35rem;
	flex-wrap: wrap;
}

body.gi-redesign .gi-marketing-page--home .gi-home-build__pill {
	width: 42%;
	height: 10px;
	border-radius: 999px;
	background: rgba(124, 58, 237, 0.2);
	border: 1px solid rgba(124, 58, 237, 0.35);
}

body.gi-redesign .gi-marketing-page--home .gi-home-build__pipe {
	display: flex;
	align-items: center;
	gap: 0.25rem;
	width: 100%;
	justify-content: center;
}

body.gi-redesign .gi-marketing-page--home .gi-home-build__pipe i {
	flex: 1;
	height: 8px;
	border-radius: 4px;
	background: rgba(124, 58, 237, 0.18);
	border: 1px solid var(--gi-rd-border);
	max-width: 3.2rem;
}

body.gi-redesign .gi-marketing-page--home .gi-home-build__label {
	margin: 0;
	font-size: 0.68rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--gi-rd-primary);
}

body.gi-redesign .gi-marketing-page--home .gi-home-build__title {
	margin: 0;
	font-size: 1.12rem;
	font-weight: 800;
	color: var(--gi-rd-ink);
}

body.gi-redesign .gi-marketing-page--home .gi-home-build__text {
	margin: 0;
	font-size: 0.9rem;
	line-height: 1.55;
	color: var(--gi-rd-ink-2);
}

body.gi-redesign .gi-marketing-page--home .gi-home-build__ul {
	margin: 0;
	padding-left: 1rem;
	font-size: 0.82rem;
	line-height: 1.45;
	color: var(--gi-rd-ink-2);
}

body.gi-redesign .gi-marketing-page--home .gi-home-build__cta {
	margin-top: auto;
	align-self: flex-start;
}

body.gi-redesign .gi-marketing-page--home .gi-home-loop__split {
	display: grid;
	grid-template-columns: 1fr;
	gap: clamp(1.25rem, 3vw, 2rem);
	align-items: start;
}

body.gi-redesign .gi-marketing-page--home .gi-home-loop__head {
	margin: 0;
}

body.gi-redesign .gi-marketing-page--home .gi-home-loop__head .gi-rd-h2 {
	margin-top: 0;
}

@media (min-width: 1024px) {
	body.gi-redesign .gi-marketing-page--home .gi-home-loop__split {
		grid-template-columns: minmax(0, 1.05fr) minmax(280px, 0.95fr);
		grid-template-rows: auto auto;
		column-gap: clamp(1.5rem, 3vw, 2.5rem);
		row-gap: 1rem;
		align-items: start;
	}

	body.gi-redesign .gi-marketing-page--home .gi-home-loop__head {
		grid-column: 1;
		grid-row: 1;
	}

	body.gi-redesign .gi-marketing-page--home .gi-home-loop__grid {
		grid-column: 1;
		grid-row: 2;
	}

	body.gi-redesign .gi-marketing-page--home .gi-home-loop__visual {
		grid-column: 2;
		grid-row: 1 / span 2;
		align-self: start;
		position: sticky;
		top: 6.5rem;
		min-height: min(100%, 520px);
	}
}

body.gi-redesign .gi-marketing-page--home .gi-home-loop__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.65rem 0.75rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

body.gi-redesign .gi-marketing-page--home .gi-home-loop__card {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 0.5rem 0.65rem;
	align-items: start;
	padding: 0.75rem 0.85rem;
	border-radius: var(--gi-home-r-sm);
	border: 1px solid var(--gi-rd-border);
	background: #ffffff;
	box-shadow: var(--gi-rd-shadow-soft);
	min-height: 100%;
	transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

body.gi-redesign .gi-marketing-page--home .gi-home-loop__card:hover {
	border-color: rgba(84, 35, 231, 0.22);
	box-shadow: var(--gi-rd-shadow-md);
}

body.gi-redesign .gi-marketing-page--home .gi-home-loop__num {
	font-size: 0.72rem;
	font-weight: 800;
	color: var(--gi-rd-primary);
	letter-spacing: 0.02em;
	padding-top: 0.12rem;
}

body.gi-redesign .gi-marketing-page--home .gi-home-loop__card-body {
	min-width: 0;
}

body.gi-redesign .gi-marketing-page--home .gi-home-loop__step-title {
	margin: 0;
	font-size: 0.82rem;
	font-weight: 700;
	color: var(--gi-rd-ink);
	line-height: 1.3;
}

body.gi-redesign .gi-marketing-page--home .gi-home-loop__step-note {
	margin: 0.2rem 0 0;
	font-size: 0.74rem;
	line-height: 1.45;
	color: var(--gi-rd-ink-2);
}

body.gi-redesign .gi-marketing-page--home .gi-home-loop__visual {
	border-radius: var(--gi-home-r);
	border: 1px solid var(--gi-rd-border);
	background: linear-gradient(180deg, #ffffff 0%, #faf9ff 100%);
	box-shadow: var(--gi-rd-shadow-soft);
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 280px;
	padding: clamp(0.75rem, 2vw, 1.25rem);
}

body.gi-redesign .gi-marketing-page--home .gi-home-loop__visual-img {
	width: 100%;
	height: auto;
	max-width: 100%;
	display: block;
	object-fit: contain;
}

@media (max-width: 520px) {
	body.gi-redesign .gi-marketing-page--home .gi-home-loop__grid {
		grid-template-columns: 1fr;
	}
}

body.gi-redesign .gi-marketing-page--home .gi-home-pl__layout {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1rem;
	align-items: start;
}

body.gi-redesign .gi-marketing-page--home .gi-home-pl__head {
	margin: 0;
}

body.gi-redesign .gi-marketing-page--home .gi-home-pl__head .gi-rd-h2 {
	margin-top: 0;
}

@media (min-width: 960px) {
	body.gi-redesign .gi-marketing-page--home .gi-home-pl__layout {
		grid-template-columns: minmax(0, 1.2fr) minmax(260px, 0.85fr);
		grid-template-rows: auto auto;
		column-gap: clamp(1.25rem, 3vw, 2rem);
		row-gap: 1rem;
		align-items: start;
	}

	body.gi-redesign .gi-marketing-page--home .gi-home-pl__head {
		grid-column: 1;
		grid-row: 1;
	}

	body.gi-redesign .gi-marketing-page--home .gi-home-pl__grid {
		grid-column: 1;
		grid-row: 2;
	}

	body.gi-redesign .gi-marketing-page--home .gi-home-pl__visual {
		grid-column: 2;
		grid-row: 1 / span 2;
		align-self: start;
	}
}

body.gi-redesign .gi-marketing-page--home .gi-home-pl__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0.75rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

@media (min-width: 640px) {
	body.gi-redesign .gi-marketing-page--home .gi-home-pl__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

body.gi-redesign .gi-marketing-page--home .gi-home-pl__card {
	border-radius: var(--gi-home-r-sm);
	border: 1px solid var(--gi-rd-border);
	background: #ffffff;
	box-shadow: var(--gi-rd-shadow-soft);
	padding: 1rem 1.1rem;
}

body.gi-redesign .gi-marketing-page--home .gi-home-pl__card-title {
	margin: 0 0 0.4rem;
	font-size: 0.98rem;
	font-weight: 800;
	color: var(--gi-rd-ink);
}

body.gi-redesign .gi-marketing-page--home .gi-home-pl__card-text {
	margin: 0;
	font-size: 0.86rem;
	line-height: 1.5;
	color: var(--gi-rd-ink-2);
}

body.gi-redesign .gi-marketing-page--home .gi-home-pl__visual {
	border-radius: var(--gi-home-r);
	border: 1px solid var(--gi-rd-border);
	background: #ffffff;
	box-shadow: var(--gi-rd-shadow-soft);
	overflow: hidden;
	line-height: 0;
}

body.gi-redesign .gi-marketing-page--home .gi-home-pl__visual-img {
	width: 100%;
	height: auto;
	display: block;
	object-fit: cover;
}

body.gi-redesign .gi-marketing-page--home .gi-home-cases__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

@media (min-width: 640px) {
	body.gi-redesign .gi-marketing-page--home .gi-home-cases__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 1100px) {
	body.gi-redesign .gi-marketing-page--home .gi-home-cases__grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

body.gi-redesign .gi-marketing-page--home .gi-home-cases__card {
	border-radius: var(--gi-home-r-sm);
	border: 1px solid var(--gi-rd-border);
	background: #ffffff;
	box-shadow: var(--gi-rd-shadow-soft);
	padding: 1.1rem 1.15rem;
	display: flex;
	flex-direction: column;
	gap: 0.45rem;
	min-height: 100%;
}

body.gi-redesign .gi-marketing-page--home .gi-home-cases__card-title {
	margin: 0;
	font-size: 0.95rem;
	font-weight: 800;
	line-height: 1.3;
}

body.gi-redesign .gi-marketing-page--home .gi-home-cases__card-title a {
	color: var(--gi-rd-ink);
	text-decoration: none;
}

body.gi-redesign .gi-marketing-page--home .gi-home-cases__card-title a:hover,
body.gi-redesign .gi-marketing-page--home .gi-home-cases__card-title a:focus-visible {
	color: var(--gi-rd-primary);
	text-decoration: underline;
}

body.gi-redesign .gi-marketing-page--home .gi-home-cases__badge {
	margin: 0;
	font-size: 0.72rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--gi-rd-ink-2);
}

body.gi-redesign .gi-marketing-page--home .gi-home-cases__excerpt {
	margin: 0;
	font-size: 0.84rem;
	line-height: 1.5;
	color: var(--gi-rd-ink-2);
	flex: 1;
}

body.gi-redesign .gi-marketing-page--home .gi-home-cases__link {
	margin-top: auto;
	align-self: flex-start;
}

body.gi-redesign .gi-marketing-page--home .gi-home-cases__more {
	margin: 1.25rem 0 0;
	text-align: center;
}

body.gi-redesign .gi-marketing-page--home .gi-home-cases__fallback {
	border-radius: var(--gi-home-r);
	border: 1px solid var(--gi-rd-border);
	background: #ffffff;
	box-shadow: var(--gi-rd-shadow-soft);
	padding: clamp(1.25rem, 2.5vw, 1.85rem);
}

body.gi-redesign .gi-marketing-page--home .gi-home-cases__fallback-title {
	margin: 0 0 0.5rem;
	font-size: 1.15rem;
	font-weight: 800;
	color: var(--gi-rd-ink);
}

body.gi-redesign .gi-marketing-page--home .gi-home-cases__fallback-lead {
	margin: 0 0 1rem;
}

body.gi-redesign .gi-marketing-page--home .gi-home-cases__proof {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0.75rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

@media (min-width: 720px) {
	body.gi-redesign .gi-marketing-page--home .gi-home-cases__proof {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

body.gi-redesign .gi-marketing-page--home .gi-home-cases__proof-card {
	border-radius: var(--gi-home-r-sm);
	border: 1px solid var(--gi-rd-border);
	background: #faf9ff;
	padding: 0.85rem 1rem;
}

body.gi-redesign .gi-marketing-page--home .gi-home-cases__proof-title {
	margin: 0 0 0.35rem;
	font-size: 0.88rem;
	font-weight: 800;
	color: var(--gi-rd-ink);
}

body.gi-redesign .gi-marketing-page--home .gi-home-cases__proof-text {
	margin: 0;
	font-size: 0.82rem;
	line-height: 1.5;
	color: var(--gi-rd-ink-2);
}

body.gi-redesign .gi-marketing-page--home .gi-home-cases__fallback-cta {
	margin-top: 1.15rem;
}

body.gi-redesign .gi-marketing-page--home .gi-home-process__steps {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0.75rem;
	margin: 0;
	padding: 0;
	list-style: none;
	counter-reset: gi-home-proc;
}

@media (min-width: 900px) {
	body.gi-redesign .gi-marketing-page--home .gi-home-process__steps {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}
}

body.gi-redesign .gi-marketing-page--home .gi-home-process__step {
	border-radius: var(--gi-home-r-sm);
	border: 1px solid var(--gi-rd-border);
	background: #ffffff;
	box-shadow: var(--gi-rd-shadow-soft);
	padding: 1rem 1.05rem;
	min-height: 100%;
}

body.gi-redesign .gi-marketing-page--home .gi-home-process__step-title {
	margin: 0 0 0.4rem;
	font-size: 0.92rem;
	font-weight: 800;
	color: var(--gi-rd-ink);
}

body.gi-redesign .gi-marketing-page--home .gi-home-process__step-text {
	margin: 0 0 0.5rem;
	font-size: 0.82rem;
	line-height: 1.5;
	color: var(--gi-rd-ink-2);
}

body.gi-redesign .gi-marketing-page--home .gi-home-process__step-out {
	margin: 0;
	font-size: 0.78rem;
	line-height: 1.45;
	color: var(--gi-rd-ink);
}

body.gi-redesign .gi-marketing-page--home .gi-home-process__step-out-label {
	font-weight: 700;
	color: var(--gi-rd-primary);
	margin-right: 0.25rem;
}

body.gi-redesign .gi-marketing-page--home .gi-home-process__more {
	margin-top: 1.25rem;
	text-align: center;
}

body.gi-redesign .gi-marketing-page--home .gi-home-founder__split {
	display: grid;
	grid-template-columns: 1fr;
	gap: clamp(1.25rem, 3vw, 2rem);
	align-items: center;
}

@media (min-width: 960px) {
	body.gi-redesign .gi-marketing-page--home .gi-home-founder__split {
		grid-template-columns: minmax(0, 1.05fr) minmax(280px, 0.95fr);
		gap: clamp(1.5rem, 3vw, 2.75rem);
	}
}

body.gi-redesign .gi-marketing-page--home .gi-home-founder__main {
	max-width: none;
}

body.gi-redesign .gi-marketing-page--home .gi-home-founder__visual {
	margin: 0;
	border-radius: var(--gi-home-r);
	border: 1px solid var(--gi-rd-border);
	background: #ffffff;
	box-shadow: var(--gi-rd-shadow-soft);
	overflow: hidden;
	line-height: 0;
}

body.gi-redesign .gi-marketing-page--home .gi-home-founder__img {
	width: 100%;
	height: auto;
	display: block;
	object-fit: cover;
	aspect-ratio: 560 / 520;
}

body.gi-redesign .gi-marketing-page--home .gi-home-founder__main .gi-rd-h2 {
	margin-top: 0;
}

body.gi-redesign .gi-marketing-page--home .gi-home-founder__principles {
	margin: 1rem 0 1.25rem;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 0.45rem;
}

body.gi-redesign .gi-marketing-page--home .gi-home-founder__principles li {
	font-size: 0.88rem;
	font-weight: 600;
	color: var(--gi-rd-ink);
	padding: 0.5rem 0.65rem;
	border-radius: 12px;
	border: 1px solid var(--gi-rd-border);
	background: #ffffff;
	box-shadow: var(--gi-rd-shadow-soft);
}

@media (prefers-reduced-motion: reduce) {
	body.gi-redesign .gi-marketing-page--home .gi-home-arrival__card,
	body.gi-redesign .gi-marketing-page--home .gi-home-build__card,
	body.gi-redesign .gi-marketing-page--home .gi-home-cases__card,
	body.gi-redesign .gi-marketing-page--home .gi-home-loop__card {
		transition: none;
	}

	body.gi-redesign .gi-marketing-page--home .gi-home-loop__card:hover {
		box-shadow: var(--gi-rd-shadow-soft);
		border-color: var(--gi-rd-border);
	}
}

/* -------------------------------------------------------------------------- */
/* Services hub /uslugi/ — decision hub (.gi-services-hub)                     */
/* -------------------------------------------------------------------------- */

body.gi-redesign .gi-marketing-page--uslugi.gi-services-hub {
	--gi-svh-r: 28px;
	--gi-svh-r-sm: 18px;
	overflow-x: clip;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-hero {
	position: relative;
	overflow: hidden;
	background:
		radial-gradient(880px 360px at 85% 0%, rgba(124, 58, 237, 0.1), transparent 58%),
		linear-gradient(180deg, #ffffff 0%, #faf9ff 100%);
	padding-block: var(--gi-rd-hero-pt) var(--gi-rd-hero-pb);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-hero__shell {
	position: relative;
	z-index: 1;
	max-width: 1200px;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-hero__inner {
	margin-inline: auto;
	max-width: min(72rem, 100%);
	text-align: center;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-hero__copy {
	display: flex;
	flex-direction: column;
	align-items: center;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-hero__crumb {
	font-size: 0.85rem;
	color: var(--gi-rd-ink-2);
	margin: 0 0 clamp(1rem, 2.5vw, 1.5rem);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-hero__crumb a {
	color: inherit;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-hero .gi-rd-h1 {
	margin: 0 0 clamp(0.85rem, 2vw, 1.15rem);
	max-width: min(68rem, 100%);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-hero .gi-rd-lead {
	margin: 0 0 clamp(1.25rem, 2.5vw, 1.65rem);
	max-width: min(50rem, 100%);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-hero__ctas {
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.65rem;
	margin-top: 0.25rem;
	width: 100%;
	max-width: 36rem;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-hero__micro {
	margin: clamp(1rem, 2.2vw, 1.35rem) 0 0;
	max-width: min(40rem, 100%);
	font-size: 0.9rem;
	line-height: 1.55;
	color: var(--gi-rd-ink-2);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-trust__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 0.85rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-trust__card {
	border-radius: var(--gi-svh-r-sm);
	border: 1px solid var(--gi-rd-border);
	background: #ffffff;
	box-shadow: var(--gi-rd-shadow-soft);
	padding: 1rem 1.05rem;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-trust__badge {
	font-size: 1.3rem;
	line-height: 1;
	display: block;
	margin-bottom: 0.35rem;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-trust__title {
	margin: 0 0 0.35rem;
	font-size: 0.92rem;
	font-weight: 800;
	color: var(--gi-rd-ink);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-trust__text {
	margin: 0;
	font-size: 0.82rem;
	line-height: 1.5;
	color: var(--gi-rd-ink-2);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-arrival__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

@media (min-width: 640px) {
	body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-arrival__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 1024px) {
	body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-arrival__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-arrival__card {
	border-radius: var(--gi-svh-r);
	border: 1px solid var(--gi-rd-border);
	background: #ffffff;
	box-shadow: var(--gi-rd-shadow-soft);
	padding: 1.15rem 1.2rem;
	display: flex;
	flex-direction: column;
	gap: 0.45rem;
	min-height: 100%;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-arrival__icon {
	font-size: 1.3rem;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-arrival__title {
	margin: 0;
	font-size: 1rem;
	font-weight: 800;
	color: var(--gi-rd-ink);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-arrival__text {
	margin: 0;
	font-size: 0.86rem;
	line-height: 1.55;
	color: var(--gi-rd-ink-2);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-arrival__checks {
	margin: 0;
	padding: 0 0 0 1rem;
	font-size: 0.78rem;
	line-height: 1.45;
	color: var(--gi-rd-ink-2);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-arrival__cta {
	margin-top: auto;
	align-self: flex-start;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-diagnosis__blocks {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 0.85rem;
	margin: 0 0 1.25rem;
	padding: 0;
	list-style: none;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-diagnosis__block {
	border-radius: var(--gi-svh-r-sm);
	border: 1px solid var(--gi-rd-border);
	background: #ffffff;
	padding: 1rem 1.1rem;
	box-shadow: var(--gi-rd-shadow-soft);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-diagnosis__block-title {
	margin: 0 0 0.4rem;
	font-size: 0.92rem;
	font-weight: 800;
	color: var(--gi-rd-ink);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-diagnosis__block-text {
	margin: 0;
	font-size: 0.84rem;
	line-height: 1.5;
	color: var(--gi-rd-ink-2);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-directions__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1rem;
}

@media (min-width: 900px) {
	body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-directions__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-directions__card {
	border-radius: var(--gi-svh-r);
	border: 1px solid var(--gi-rd-border);
	background: linear-gradient(180deg, #ffffff 0%, #faf9ff 100%);
	box-shadow: var(--gi-rd-shadow-soft);
	padding: 1.2rem 1.25rem;
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
	min-height: 100%;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-directions__viz {
	min-height: 4.25rem;
	border-radius: 14px;
	border: 1px dashed rgba(124, 58, 237, 0.28);
	background: rgba(250, 249, 255, 0.75);
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.35rem;
	padding: 0.6rem;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-directions__viz--site span {
	display: block;
	width: 100%;
	height: 6px;
	border-radius: 4px;
	background: linear-gradient(90deg, var(--gi-rd-primary), rgba(124, 58, 237, 0.35));
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-directions__viz--site span:nth-child(2) {
	width: 85%;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-directions__viz--site span:nth-child(3) {
	width: 60%;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-directions__viz--site {
	flex-direction: column;
	align-items: flex-start;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-directions__viz--seo {
	flex-wrap: wrap;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-directions__viz--sys {
	display: flex;
	gap: 0.25rem;
	justify-content: center;
	width: 100%;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-directions__viz--seo em {
	width: 38%;
	height: 10px;
	border-radius: 999px;
	background: rgba(124, 58, 237, 0.22);
	border: 1px solid rgba(124, 58, 237, 0.35);
	font-style: normal;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-directions__viz--sys i {
	flex: 1;
	height: 8px;
	max-width: 3rem;
	border-radius: 4px;
	background: rgba(124, 58, 237, 0.18);
	border: 1px solid var(--gi-rd-border);
	font-style: normal;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-directions__label {
	margin: 0;
	font-size: 0.68rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--gi-rd-primary);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-directions__title {
	margin: 0;
	font-size: 1.05rem;
	font-weight: 800;
	color: var(--gi-rd-ink);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-directions__text {
	margin: 0;
	font-size: 0.88rem;
	line-height: 1.55;
	color: var(--gi-rd-ink-2);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-directions__list-title {
	margin: 0.35rem 0 0.15rem;
	font-size: 0.72rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--gi-rd-ink);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-directions__ul {
	margin: 0;
	padding-left: 1rem;
	font-size: 0.8rem;
	line-height: 1.45;
	color: var(--gi-rd-ink-2);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-directions__cta {
	margin-top: auto;
	align-self: flex-start;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-fit__table-wrap {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	margin-top: 0.25rem;
	padding: 1rem;
	border: 1px solid var(--gi-rd-border);
	border-radius: var(--gi-rd-radius-lg);
	background: #fff;
	box-shadow: var(--gi-rd-shadow-sm);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-fit__table {
	width: 100%;
	min-width: 640px;
	border-collapse: collapse;
	font-size: 0.84rem;
	border: 0;
	background: transparent;
	box-shadow: none;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-fit__table thead th {
	padding: 0.72rem 0.68rem;
	text-align: left;
	vertical-align: top;
	font-weight: 700;
	font-size: 0.82rem;
	color: var(--gi-rd-ink);
	background: color-mix(in srgb, var(--gi-rd-primary) 5%, #fff);
	border-bottom: 1px solid var(--gi-rd-border);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-fit__table tbody th,
body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-fit__table tbody td {
	padding: 0.72rem 0.68rem;
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid var(--gi-rd-border);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-fit__table tbody th[scope='row'] {
	width: 22%;
	font-weight: 600;
	color: var(--gi-rd-primary-deep);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-fit__table tbody td {
	color: var(--gi-rd-ink-2);
	font-weight: 400;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-fit__table tbody tr:nth-child(odd) th,
body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-fit__table tbody tr:nth-child(odd) td {
	background: #fff;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-fit__table tbody tr:nth-child(even) th,
body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-fit__table tbody tr:nth-child(even) td {
	background: color-mix(in srgb, var(--gi-rd-primary) 4.5%, #fafbff);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-fit__table tbody tr:last-child th,
body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-fit__table tbody tr:last-child td {
	border-bottom: 0;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-fit__cards {
	display: none;
	margin: 0;
	padding: 0;
	list-style: none;
	gap: 0.75rem;
	flex-direction: column;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-fit__card {
	border-radius: var(--gi-rd-radius-lg);
	border: 1px solid var(--gi-rd-border);
	background: #fff;
	padding: 1rem;
	box-shadow: var(--gi-rd-shadow-sm);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-fit__card:nth-child(even) {
	background: color-mix(in srgb, var(--gi-rd-primary) 4.5%, #fafbff);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-fit__card-k {
	margin: 0.35rem 0 0.15rem;
	font-size: 0.72rem;
	font-weight: 700;
	color: var(--gi-rd-ink);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-fit__card-k:first-child {
	margin-top: 0;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-fit__card-v {
	margin: 0;
	font-size: 0.84rem;
	line-height: 1.45;
	color: var(--gi-rd-ink-2);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-fit__card-v--sit {
	color: var(--gi-rd-primary-deep);
	font-weight: 600;
}

@media (max-width: 767px) {
	body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-fit__table-wrap {
		display: none;
	}

	body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-fit__cards {
		display: flex;
	}

	body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-fit__card {
		padding: 0.85rem 0.75rem;
	}
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-pl__layout {
	display: grid;
	grid-template-columns: 1fr;
	gap: clamp(1rem, 2.5vw, 1.75rem);
	align-items: start;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-pl__copy {
	display: flex;
	flex-direction: column;
	gap: clamp(1rem, 2vw, 1.35rem);
	min-width: 0;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-pl__head {
	text-align: left;
	width: 100%;
	max-width: none;
	margin-bottom: 0;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-pl__head .gi-rd-lead {
	max-width: min(62ch, 100%);
	margin-inline: 0;
}

@media (min-width: 960px) {
	body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-pl__layout {
		grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr);
		gap: clamp(1.25rem, 3vw, 2.25rem);
		align-items: start;
	}
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-pl__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0.75rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

@media (min-width: 560px) {
	body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-pl__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-pl__card {
	border-radius: var(--gi-svh-r-sm);
	border: 1px solid var(--gi-rd-border);
	background: #ffffff;
	padding: 1rem 1.1rem;
	box-shadow: var(--gi-rd-shadow-soft);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-pl__card-title {
	margin: 0 0 0.35rem;
	font-size: 0.95rem;
	font-weight: 800;
	color: var(--gi-rd-ink);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-pl__card-text {
	margin: 0;
	font-size: 0.84rem;
	line-height: 1.5;
	color: var(--gi-rd-ink-2);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-pl__panel {
	border-radius: var(--gi-svh-r-sm);
	border: 1px solid var(--gi-rd-border);
	background: #ffffff;
	padding: 0.75rem;
	box-shadow: var(--gi-rd-shadow-soft);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-pl__fig {
	margin: 0;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-pl__img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: calc(var(--gi-svh-r-sm) - 2px);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-deliverables__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0.75rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

@media (min-width: 640px) {
	body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-deliverables__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 1100px) {
	body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-deliverables__grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-deliverables__card {
	position: relative;
	overflow: hidden;
	border-radius: var(--gi-svh-r-sm);
	border: 1px solid var(--gi-rd-border);
	background: #ffffff;
	box-shadow: var(--gi-rd-shadow-sm);
	padding: 1rem 1.05rem;
	padding-top: calc(1rem + var(--gi-svh-card-accent-bar));
	min-height: 100%;
	transition: border-color 0.2s var(--gi-rd-easing), box-shadow 0.2s var(--gi-rd-easing);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-deliverables__card::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: var(--gi-svh-card-accent-bar);
	background: var(--gi-svh-card-accent-warm);
	pointer-events: none;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-deliverables__card:hover {
	border-color: var(--gi-rd-border-strong);
	box-shadow: var(--gi-rd-shadow-md);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-deliverables__title {
	margin: 0 0 0.35rem;
	font-size: 0.88rem;
	font-weight: 800;
	color: var(--gi-rd-ink);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-deliverables__text {
	margin: 0;
	font-size: 0.8rem;
	line-height: 1.5;
	color: var(--gi-rd-ink-2);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-proof__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

@media (min-width: 640px) {
	body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-proof__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 1100px) {
	body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-proof__grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-proof__card {
	position: relative;
	overflow: hidden;
	border-radius: var(--gi-svh-r-sm);
	border: 1px solid var(--gi-rd-border);
	background: #ffffff;
	box-shadow: var(--gi-rd-shadow-sm);
	padding: 1.1rem 1.15rem;
	padding-top: calc(1.1rem + var(--gi-svh-card-accent-bar));
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
	min-height: 100%;
	transition: border-color 0.2s var(--gi-rd-easing), box-shadow 0.2s var(--gi-rd-easing);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-proof__card::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: var(--gi-svh-card-accent-bar);
	background: var(--gi-svh-card-accent-cool);
	pointer-events: none;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-proof__card:hover {
	border-color: var(--gi-rd-border-strong);
	box-shadow: var(--gi-rd-shadow-md);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-proof__card-title {
	margin: 0;
	font-size: 0.92rem;
	font-weight: 800;
	line-height: 1.3;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-proof__card-title a {
	color: var(--gi-rd-ink);
	text-decoration: none;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-proof__card-title a:hover,
body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-proof__card-title a:focus-visible {
	color: var(--gi-rd-primary);
	text-decoration: underline;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-proof__badge {
	margin: 0;
	font-size: 0.7rem;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--gi-rd-ink-2);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-proof__excerpt {
	margin: 0;
	font-size: 0.82rem;
	line-height: 1.5;
	color: var(--gi-rd-ink-2);
	flex: 1;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-proof__more {
	margin-top: 1.25rem;
	text-align: center;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-proof__logic {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0.75rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

@media (min-width: 720px) {
	body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-proof__logic {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-proof__logic-card {
	position: relative;
	overflow: hidden;
	border-radius: var(--gi-svh-r-sm);
	border: 1px solid var(--gi-rd-border);
	background: #ffffff;
	box-shadow: var(--gi-rd-shadow-sm);
	padding: 1rem 1.1rem;
	padding-top: calc(1rem + var(--gi-svh-card-accent-bar));
	min-height: 100%;
	transition: border-color 0.2s var(--gi-rd-easing), box-shadow 0.2s var(--gi-rd-easing);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-proof__logic-card::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: var(--gi-svh-card-accent-bar);
	background: var(--gi-svh-card-accent-cool);
	pointer-events: none;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-proof__logic-card:hover {
	border-color: var(--gi-rd-border-strong);
	box-shadow: var(--gi-rd-shadow-md);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-proof__logic-title {
	margin: 0 0 0.35rem;
	font-size: 0.9rem;
	font-weight: 800;
	color: var(--gi-rd-ink);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-proof__logic-text {
	margin: 0;
	font-size: 0.82rem;
	line-height: 1.5;
	color: var(--gi-rd-ink-2);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-process__steps {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0.75rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

@media (min-width: 900px) {
	body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-process__steps {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-process__step {
	position: relative;
	overflow: hidden;
	border-radius: var(--gi-svh-r-sm);
	border: 1px solid var(--gi-rd-border);
	background: #ffffff;
	box-shadow: var(--gi-rd-shadow-sm);
	padding: 1rem 1.05rem;
	padding-top: calc(1rem + var(--gi-svh-card-accent-bar));
	min-height: 100%;
	transition: border-color 0.2s var(--gi-rd-easing), box-shadow 0.2s var(--gi-rd-easing);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-process__step::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: var(--gi-svh-card-accent-bar);
	background: var(--gi-svh-card-accent-cool);
	pointer-events: none;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-process__step:hover {
	border-color: var(--gi-rd-border-strong);
	box-shadow: var(--gi-rd-shadow-md);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-process__step-title {
	margin: 0 0 0.4rem;
	font-size: 0.9rem;
	font-weight: 800;
	color: var(--gi-rd-ink);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-process__step-text {
	margin: 0;
	font-size: 0.8rem;
	line-height: 1.5;
	color: var(--gi-rd-ink-2);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-process__more {
	margin-top: 1.25rem;
	text-align: center;
}

@media (prefers-reduced-motion: reduce) {
	body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-deliverables__card,
	body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-proof__card,
	body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-proof__logic-card,
	body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-process__step {
		transition: none;
	}

	body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-deliverables__card:hover,
	body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-proof__card:hover,
	body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-proof__logic-card:hover,
	body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-process__step:hover {
		box-shadow: var(--gi-rd-shadow-sm);
		border-color: var(--gi-rd-border);
	}
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-faq .gi-rd-section-head {
	max-width: min(42rem, 100%);
	margin-inline: auto;
	text-align: center;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-faq__list {
	display: flex;
	flex-direction: column;
	gap: 0.55rem;
	max-width: min(42rem, 100%);
	margin-inline: auto;
	width: 100%;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-faq__item {
	border-radius: 14px;
	border: 1px solid var(--gi-rd-border);
	background: #ffffff;
	overflow: hidden;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-faq__summary {
	cursor: pointer;
	list-style: none;
	font-weight: 700;
	padding: 0.85rem 1rem;
	font-size: 0.92rem;
	color: var(--gi-rd-ink);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-faq__summary::-webkit-details-marker {
	display: none;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-faq__summary:focus-visible {
	outline: 2px solid var(--gi-rd-primary);
	outline-offset: -2px;
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-faq__answer {
	padding: 0 1rem 0.9rem;
	border-top: 1px solid var(--gi-rd-border);
	font-size: 0.86rem;
	line-height: 1.6;
	color: var(--gi-rd-ink-2);
}

body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-faq__answer p {
	margin: 0.5rem 0 0;
}

@media (prefers-reduced-motion: reduce) {
	body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-arrival__card,
	body.gi-redesign .gi-marketing-page--uslugi .gi-services-hub-directions__card {
		transition: none;
	}
}

/* -------------------------------------------------------------------------- */
/* Blog hub + post (scoped: marketing blog / single post)                     */
/* -------------------------------------------------------------------------- */

body.gi-redesign.gi-rd-blog-surface .gi-marketing-page--blog,
body.gi-redesign.gi-rd-blog-surface .gi-marketing-page--post {
	overflow-x: clip;
}

body.gi-redesign.gi-rd-blog-surface .gi-marketing-page--blog .gi-rd-blog-hero {
	position: relative;
	padding: var(--gi-rd-hero-pt) 0 var(--gi-rd-hero-pb);
	background: radial-gradient(120% 80% at 15% 0%, rgba(84, 35, 231, 0.07), transparent 55%),
		radial-gradient(90% 60% at 90% 20%, rgba(15, 118, 110, 0.06), transparent 50%),
		linear-gradient(180deg, #fafbff 0%, #f4f6fb 100%);
	border-bottom: 1px solid var(--gi-rd-border, rgba(12, 12, 32, 0.08));
}

body.gi-redesign.gi-rd-blog-surface .gi-marketing-page--blog .gi-rd-blog-hero--compact {
	padding: var(--gi-rd-hero-pt) 0 clamp(1.5rem, 3vw, 2.25rem);
}

body.gi-redesign.gi-rd-blog-surface .gi-marketing-page--blog .gi-rd-blog-hero__inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: clamp(1.25rem, 3vw, 2rem);
	max-width: 72rem;
	margin: 0 auto;
}

body.gi-redesign.gi-rd-blog-surface .gi-marketing-page--blog .gi-rd-blog-hero__inner:has(.gi-rd-blog-hero__visual) {
	grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
	align-items: center;
}

body.gi-redesign.gi-rd-blog-surface .gi-marketing-page--blog .gi-rd-blog-hero__h1 {
	margin: 0.35rem 0 0.75rem;
	font-size: clamp(2.1rem, 4.2vw, 3.1rem);
	line-height: 1.12;
	font-weight: 800;
	letter-spacing: -0.02em;
	color: var(--gi-rd-ink, #0f1222);
}

body.gi-redesign.gi-rd-blog-surface .gi-marketing-page--blog .gi-rd-blog-hero__lead {
	margin: 0 0 1.25rem;
	max-width: 62ch;
	font-size: clamp(1.02rem, 1.35vw, 1.18rem);
	line-height: 1.65;
	color: var(--gi-rd-ink-2, #3b4158);
}

body.gi-redesign.gi-rd-blog-surface .gi-marketing-page--blog .gi-rd-blog-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.65rem;
	margin-bottom: 0.75rem;
}

body.gi-redesign.gi-rd-blog-surface .gi-marketing-page--blog .gi-rd-blog-hero__micro {
	margin: 0;
	max-width: 62ch;
	font-size: 0.88rem;
	line-height: 1.55;
	color: var(--gi-rd-ink-2, #3b4158);
}

body.gi-redesign.gi-rd-blog-surface .gi-marketing-page--blog .gi-rd-blog-hero__visual {
	border-radius: clamp(20px, 2.5vw, 28px);
	overflow: hidden;
	border: 1px solid var(--gi-rd-border, rgba(12, 12, 32, 0.1));
	background: linear-gradient(145deg, #f3f5ff, #eef6ff);
	box-shadow: 0 18px 48px rgba(12, 14, 34, 0.08);
}

body.gi-redesign.gi-rd-blog-surface .gi-marketing-page--blog .gi-rd-blog-hero__img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: cover;
}

body.gi-redesign.gi-rd-blog-surface .gi-marketing-page--blog .gi-rd-blog-featured {
	padding: clamp(2rem, 4vw, 3rem) 0;
}

body.gi-redesign.gi-rd-blog-surface .gi-marketing-page--blog .gi-rd-blog-featured__h2 {
	margin: 0 0 1rem;
	font-size: clamp(1.25rem, 2vw, 1.45rem);
	font-weight: 800;
	color: var(--gi-rd-ink, #0f1222);
}

body.gi-redesign.gi-rd-blog-surface .gi-marketing-page--blog .gi-rd-blog-featured__card {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 0.95fr);
	gap: clamp(1.25rem, 3vw, 2.25rem);
	align-items: stretch;
	padding: clamp(1.25rem, 2.5vw, 1.75rem);
	border-radius: 28px;
	border: 1px solid var(--gi-rd-border, rgba(12, 12, 32, 0.1));
	background: #fff;
	box-shadow: 0 18px 48px rgba(12, 14, 34, 0.07);
}

body.gi-redesign.gi-rd-blog-surface .gi-marketing-page--blog .gi-rd-blog-featured__cat {
	display: inline-block;
	margin-bottom: 0.45rem;
	font-size: 0.78rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: var(--gi-rd-primary, #5423e7);
}

body.gi-redesign.gi-rd-blog-surface .gi-marketing-page--blog .gi-rd-blog-featured__title {
	margin: 0 0 0.65rem;
	font-size: clamp(1.35rem, 2.4vw, 1.75rem);
	line-height: 1.25;
	font-weight: 800;
}

body.gi-redesign.gi-rd-blog-surface .gi-marketing-page--blog .gi-rd-blog-featured__title a {
	color: inherit;
	text-decoration: none;
}

body.gi-redesign.gi-rd-blog-surface .gi-marketing-page--blog .gi-rd-blog-featured__title a:hover,
body.gi-redesign.gi-rd-blog-surface .gi-marketing-page--blog .gi-rd-blog-featured__title a:focus-visible {
	color: var(--gi-rd-primary, #5423e7);
}

body.gi-redesign.gi-rd-blog-surface .gi-marketing-page--blog .gi-rd-blog-featured__excerpt {
	margin: 0 0 1rem;
	color: var(--gi-rd-ink-2, #3b4158);
	line-height: 1.6;
	font-size: 0.98rem;
}

body.gi-redesign.gi-rd-blog-surface .gi-marketing-page--blog .gi-rd-blog-featured__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0.65rem 1rem;
	margin-bottom: 1rem;
	font-size: 0.86rem;
	color: var(--gi-rd-ink-2, #3b4158);
}

body.gi-redesign.gi-rd-blog-surface .gi-marketing-page--blog .gi-rd-blog-featured__media,
body.gi-redesign.gi-rd-blog-surface .gi-marketing-page--blog .gi-rd-blog-featured__placeholder {
	border-radius: 22px;
	overflow: hidden;
	min-height: 200px;
	background: linear-gradient(145deg, #f3f5ff, #eef6ff);
	border: 1px solid var(--gi-rd-border, rgba(12, 12, 32, 0.08));
}

body.gi-redesign.gi-rd-blog-surface .gi-marketing-page--blog .gi-rd-blog-featured__media-link {
	display: block;
	height: 100%;
}

body.gi-redesign.gi-rd-blog-surface .gi-marketing-page--blog .gi-rd-blog-featured__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

body.gi-redesign.gi-rd-blog-surface .gi-marketing-page--blog .gi-rd-blog-featured__placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1.5rem;
}

body.gi-redesign.gi-rd-blog-surface .gi-marketing-page--blog .gi-rd-blog-featured__placeholder-label {
	font-weight: 800;
	font-size: 0.95rem;
	color: var(--gi-rd-primary, #5423e7);
	text-align: center;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-blog-topic {
	padding: clamp(1.25rem, 3vw, 2rem) 0;
	border-bottom: 1px solid var(--gi-rd-border, rgba(12, 12, 32, 0.06));
	background: #fff;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-blog-topic__h2 {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-blog-topic__list {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-blog-topic__chip {
	display: inline-flex;
	align-items: center;
	padding: 0.45rem 0.95rem;
	border-radius: 999px;
	border: 1px solid var(--gi-rd-border, rgba(12, 12, 32, 0.12));
	background: #fafbff;
	font-size: 0.86rem;
	font-weight: 600;
	color: var(--gi-rd-ink, #0f1222);
	text-decoration: none;
	transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-blog-topic__chip:hover,
body.gi-redesign.gi-rd-blog-surface .gi-rd-blog-topic__chip:focus-visible {
	border-color: rgba(84, 35, 231, 0.35);
	box-shadow: 0 8px 22px rgba(12, 14, 34, 0.06);
	transform: translateY(-1px);
	outline: none;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-blog-topic__chip.is-active {
	border-color: rgba(84, 35, 231, 0.45);
	background: #fff;
	box-shadow: 0 10px 28px rgba(84, 35, 231, 0.12);
	color: var(--gi-rd-primary, #5423e7);
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-blog-main {
	padding-bottom: clamp(2.5rem, 5vw, 4rem);
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-blog-grid-section__h2 {
	margin: clamp(1.5rem, 3vw, 2.25rem) 0 1rem;
	font-size: clamp(1.2rem, 2vw, 1.4rem);
	font-weight: 800;
	color: var(--gi-rd-ink, #0f1222);
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-blog-grid,
body.gi-redesign.gi-rd-blog-surface .gi-rd-archive__grid.gi-rd-blog-grid {
	display: grid;
	grid-auto-flow: row;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	align-items: start;
	gap: clamp(1rem, 2vw, 1.35rem);
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-blog-grid > article,
body.gi-redesign.gi-rd-blog-surface .gi-rd-archive__grid.gi-rd-blog-grid > article {
	display: flex;
	flex-direction: column;
	min-width: 0;
	width: 100%;
	max-width: none;
	margin: 0;
	float: none;
	clear: none;
	grid-column: auto;
	grid-row: auto;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-blog-grid > article.gi-blog-card,
body.gi-redesign.gi-rd-blog-surface .gi-rd-archive__grid.gi-rd-blog-grid > article.gi-blog-card {
	display: flex;
	flex-direction: column;
	height: 100%;
}

body.gi-redesign.gi-rd-blog-surface .gi-blog-card {
	display: flex;
	flex-direction: column;
	height: 100%;
	border-radius: 24px;
	border: 1px solid var(--gi-rd-border, rgba(12, 12, 32, 0.1));
	background: #fff;
	box-shadow: 0 12px 32px rgba(12, 14, 34, 0.05);
	overflow: hidden;
	transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

body.gi-redesign.gi-rd-blog-surface .gi-blog-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 18px 44px rgba(12, 14, 34, 0.08);
	border-color: rgba(84, 35, 231, 0.22);
}

body.gi-redesign.gi-rd-blog-surface .gi-blog-card__media {
	position: relative;
	aspect-ratio: 16 / 10;
	overflow: hidden;
	background: #f1f4fb;
}

body.gi-redesign.gi-rd-blog-surface .gi-blog-card__media--placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
}

body.gi-redesign.gi-rd-blog-surface .gi-blog-card__ph {
	font-weight: 800;
	font-size: 0.85rem;
	color: var(--gi-rd-primary, #5423e7);
	text-align: center;
	padding: 0.75rem;
}

body.gi-redesign.gi-rd-blog-surface .gi-blog-card__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

body.gi-redesign.gi-rd-blog-surface .gi-blog-card__body {
	display: flex;
	flex-direction: column;
	flex: 1;
	padding: 1rem 1.1rem 1.15rem;
	gap: 0.45rem;
}

body.gi-redesign.gi-rd-blog-surface .gi-blog-card__row {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem 0.65rem;
	align-items: center;
	font-size: 0.78rem;
	color: var(--gi-rd-ink-2, #3b4158);
}

body.gi-redesign.gi-rd-blog-surface .gi-blog-card__cat {
	font-weight: 700;
	color: var(--gi-rd-primary, #5423e7);
	text-decoration: none;
}

body.gi-redesign.gi-rd-blog-surface .gi-blog-card__cat:hover,
body.gi-redesign.gi-rd-blog-surface .gi-blog-card__cat:focus-visible {
	text-decoration: underline;
	outline: none;
}

body.gi-redesign.gi-rd-blog-surface .gi-blog-card__title {
	margin: 0;
	font-size: 1.05rem;
	line-height: 1.3;
	font-weight: 800;
}

body.gi-redesign.gi-rd-blog-surface .gi-blog-card__title a {
	color: inherit;
	text-decoration: none;
}

body.gi-redesign.gi-rd-blog-surface .gi-blog-card__title a:hover,
body.gi-redesign.gi-rd-blog-surface .gi-blog-card__title a:focus-visible {
	color: var(--gi-rd-primary, #5423e7);
}

body.gi-redesign.gi-rd-blog-surface .gi-blog-card__excerpt {
	margin: 0;
	flex: 1;
	font-size: 0.88rem;
	line-height: 1.55;
	color: var(--gi-rd-ink-2, #3b4158);
}

body.gi-redesign.gi-rd-blog-surface .gi-blog-card__read {
	align-self: flex-start;
	margin-top: 0.25rem;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-blog-strip {
	padding: clamp(1.5rem, 3vw, 2.5rem) 0;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-blog-strip__card {
	max-width: 56rem;
	margin: 0 auto;
	padding: clamp(1.25rem, 2.5vw, 1.75rem);
	border-radius: 24px;
	border: 1px solid var(--gi-rd-border, rgba(12, 12, 32, 0.1));
	background: linear-gradient(180deg, #fff, #fafbff);
	box-shadow: 0 12px 32px rgba(12, 14, 34, 0.05);
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-blog-strip__title {
	margin: 0 0 0.5rem;
	font-size: clamp(1.1rem, 2vw, 1.35rem);
	font-weight: 800;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-blog-strip__text {
	margin: 0 0 1rem;
	color: var(--gi-rd-ink-2, #3b4158);
	line-height: 1.6;
	font-size: 0.95rem;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-blog-strip__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.6rem;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-blog-paths {
	padding: clamp(1.5rem, 3vw, 2.75rem) 0;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-blog-paths__h2 {
	margin: 0 0 1rem;
	font-size: clamp(1.15rem, 2vw, 1.4rem);
	font-weight: 800;
	max-width: 48rem;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-blog-paths__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(0.85rem, 2vw, 1.1rem);
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-blog-paths__card {
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
	padding: 1rem 1.1rem;
	border-radius: 20px;
	border: 1px solid var(--gi-rd-border, rgba(12, 12, 32, 0.1));
	background: #fff;
	text-decoration: none;
	color: inherit;
	box-shadow: 0 10px 26px rgba(12, 14, 34, 0.05);
	transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-blog-paths__card:hover,
body.gi-redesign.gi-rd-blog-surface .gi-rd-blog-paths__card:focus-visible {
	transform: translateY(-2px);
	border-color: rgba(84, 35, 231, 0.25);
	box-shadow: 0 14px 34px rgba(12, 14, 34, 0.08);
	outline: none;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-blog-paths__card-title {
	margin: 0;
	font-size: 1rem;
	font-weight: 800;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-blog-paths__card-text {
	margin: 0;
	flex: 1;
	font-size: 0.86rem;
	line-height: 1.5;
	color: var(--gi-rd-ink-2, #3b4158);
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-blog-paths__card-cta {
	font-size: 0.82rem;
	font-weight: 700;
	color: var(--gi-rd-primary, #5423e7);
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-blog-pagination {
	margin-top: clamp(1.5rem, 3vw, 2.25rem);
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-blog-pagination .nav-links {
	display: flex;
	flex-wrap: wrap;
	gap: 0.45rem;
	justify-content: center;
	align-items: center;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-blog-pagination .page-numbers {
	display: inline-flex;
	min-width: 2.35rem;
	justify-content: center;
	padding: 0.4rem 0.65rem;
	border-radius: 10px;
	border: 1px solid var(--gi-rd-border, rgba(12, 12, 32, 0.12));
	font-weight: 600;
	font-size: 0.88rem;
	text-decoration: none;
	color: var(--gi-rd-ink, #0f1222);
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-blog-pagination .page-numbers.current {
	border-color: rgba(84, 35, 231, 0.45);
	background: #fff;
	color: var(--gi-rd-primary, #5423e7);
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-blog-pagination a.page-numbers:hover,
body.gi-redesign.gi-rd-blog-surface .gi-rd-blog-pagination a.page-numbers:focus-visible {
	border-color: rgba(84, 35, 231, 0.35);
	outline: none;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-blog-empty__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.65rem;
	margin-top: 0.5rem;
}

body.gi-redesign.gi-rd-blog-surface .gi-marketing-page--post .gi-rd-blog-post-hero .gi-kicker {
	text-decoration: none;
}

body.gi-redesign.gi-rd-blog-surface .gi-marketing-page--post .gi-post-content {
	max-width: 48rem;
	width: 100%;
}

body.gi-redesign.gi-rd-blog-surface .gi-post-content :where(.wp-block-table, table) {
	display: block;
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-post-sidebar {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-post-sidebar-card {
	border-radius: 18px;
	border: 1px solid var(--gi-rd-border, rgba(12, 12, 32, 0.1));
	background: #fff;
	padding: 1rem 1.05rem;
	box-shadow: 0 10px 28px rgba(12, 14, 34, 0.05);
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-post-sidebar-card__h {
	margin: 0 0 0.45rem;
	font-size: 0.95rem;
	font-weight: 800;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-post-sidebar-card__p {
	margin: 0 0 0.75rem;
	font-size: 0.86rem;
	line-height: 1.55;
	color: var(--gi-rd-ink-2, #3b4158);
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-post-sidebar-card__actions {
	display: flex;
	flex-direction: column;
	gap: 0.45rem;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-post-sidebar-services {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-post-sidebar-services a {
	font-weight: 600;
	font-size: 0.88rem;
	color: var(--gi-rd-primary, #5423e7);
	text-decoration: none;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-post-sidebar-services a:hover,
body.gi-redesign.gi-rd-blog-surface .gi-rd-post-sidebar-services a:focus-visible {
	text-decoration: underline;
	outline: none;
}

@media (min-width: 1024px) {
	body.gi-redesign.gi-rd-blog-surface .gi-rd-post-sidebar .gi-rd-post-toc {
		position: sticky;
		top: 6.5rem;
		align-self: flex-start;
	}
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-post-mid-cta {
	margin: clamp(1.25rem, 3vw, 2rem) 0;
	padding: clamp(1rem, 2vw, 1.35rem);
	border-radius: 20px;
	border: 1px solid rgba(84, 35, 231, 0.18);
	background: linear-gradient(180deg, #fff, #f7f5ff);
	box-shadow: 0 12px 30px rgba(12, 14, 34, 0.05);
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-post-mid-cta__title {
	margin: 0 0 0.45rem;
	font-size: 1.05rem;
	font-weight: 800;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-post-mid-cta__text {
	margin: 0 0 0.85rem;
	font-size: 0.9rem;
	line-height: 1.55;
	color: var(--gi-rd-ink-2, #3b4158);
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-post-mid-cta__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.55rem;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-blog-post-end {
	padding: clamp(1.5rem, 3vw, 2.5rem) 0;
	border-top: 1px solid var(--gi-rd-border, rgba(12, 12, 32, 0.08));
	background: #fafbff;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-blog-post-end__inner {
	max-width: 48rem;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-blog-post-end__text {
	margin: 0.5rem 0 1rem;
	font-size: 0.95rem;
	line-height: 1.6;
	color: var(--gi-rd-ink-2, #3b4158);
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-blog-post-end__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.6rem;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-blog-post-services {
	padding: clamp(1.5rem, 3vw, 2.5rem) 0;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-blog-post-services__h {
	margin: 0 0 1rem;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-blog-post-services__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: clamp(0.75rem, 2vw, 1rem);
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-blog-post-services__card {
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
	padding: 0.95rem 1rem;
	border-radius: 18px;
	border: 1px solid var(--gi-rd-border, rgba(12, 12, 32, 0.1));
	background: #fff;
	text-decoration: none;
	color: inherit;
	box-shadow: 0 10px 26px rgba(12, 14, 34, 0.05);
	transition: transform 0.18s ease, border-color 0.18s ease;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-blog-post-services__card:hover,
body.gi-redesign.gi-rd-blog-surface .gi-rd-blog-post-services__card:focus-visible {
	transform: translateY(-2px);
	border-color: rgba(84, 35, 231, 0.25);
	outline: none;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-blog-post-services__card-title {
	margin: 0;
	font-size: 0.95rem;
	font-weight: 800;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-blog-post-services__card-text {
	margin: 0;
	font-size: 0.82rem;
	line-height: 1.45;
	color: var(--gi-rd-ink-2, #3b4158);
}

@media (max-width: 1100px) {
	body.gi-redesign.gi-rd-blog-surface .gi-marketing-page--blog .gi-rd-blog-hero__inner:has(.gi-rd-blog-hero__visual) {
		grid-template-columns: 1fr;
	}

	body.gi-redesign.gi-rd-blog-surface .gi-marketing-page--blog .gi-rd-blog-featured__card {
		grid-template-columns: 1fr;
	}

	body.gi-redesign.gi-rd-blog-surface .gi-rd-blog-grid,
	body.gi-redesign.gi-rd-blog-surface .gi-rd-archive__grid.gi-rd-blog-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	body.gi-redesign.gi-rd-blog-surface .gi-rd-blog-paths__grid {
		grid-template-columns: 1fr;
	}

	body.gi-redesign.gi-rd-blog-surface .gi-rd-blog-post-services__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 640px) {
	body.gi-redesign.gi-rd-blog-surface .gi-rd-blog-grid,
	body.gi-redesign.gi-rd-blog-surface .gi-rd-archive__grid.gi-rd-blog-grid {
		grid-template-columns: 1fr;
	}

	body.gi-redesign.gi-rd-blog-surface .gi-rd-blog-post-services__grid {
		grid-template-columns: 1fr;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.gi-redesign.gi-rd-blog-surface .gi-blog-card,
	body.gi-redesign.gi-rd-blog-surface .gi-rd-blog-paths__card,
	body.gi-redesign.gi-rd-blog-surface .gi-rd-blog-topic__chip,
	body.gi-redesign.gi-rd-blog-surface .gi-rd-blog-post-services__card {
		transition: none;
	}

	body.gi-redesign.gi-rd-blog-surface .gi-blog-card:hover,
	body.gi-redesign.gi-rd-blog-surface .gi-rd-blog-paths__card:hover,
	body.gi-redesign.gi-rd-blog-surface .gi-rd-blog-topic__chip:hover,
	body.gi-redesign.gi-rd-blog-surface .gi-rd-blog-post-services__card:hover {
		transform: none;
	}
}

/* ============================================================
 * Case studies hub + single (scoped)
 * ============================================================ */
body.gi-redesign.gi-rd-blog-surface .gi-marketing-page--cases {
	overflow-x: clip;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-cases-hero {
	padding: clamp(2.5rem, 5vw, 4rem) 0 clamp(2rem, 4vw, 3rem);
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-cases-hero--center .gi-rd-cases-hero__inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-cases-hero--center .gi-rd-cases-hero__inner > .breadcrumbs {
	align-self: center;
	text-align: center;
	width: 100%;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-cases-hero--center .gi-rd-cases-hero__inner > .breadcrumbs .breadcrumbs__list {
	justify-content: center;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-cases-hero--center .gi-rd-cases-hero__inner > .breadcrumbs.breadcrumbs--yoast {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-cases-hero--center .gi-rd-cases-hero__actions {
	justify-content: center;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-cases-hero__h1 {
	font-size: clamp(2rem, 4vw, 3.25rem);
	line-height: 1.08;
	letter-spacing: -0.03em;
	font-weight: 800;
	margin: 0.5rem 0 1rem;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-cases-hero__lead {
	max-width: 52rem;
	margin: 0 0 1.25rem;
	font-size: clamp(1.05rem, 1.35vw, 1.2rem);
	line-height: 1.6;
	color: var(--gi-rd-ink-2);
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-cases-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.65rem;
	margin-bottom: 1rem;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-cases-hero__micro {
	max-width: 48rem;
	margin: 0 0 1.5rem;
	font-size: 0.88rem;
	line-height: 1.55;
	color: var(--gi-rd-muted);
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-cases-principles {
	padding: clamp(2rem, 4vw, 3.5rem) 0;
	background: var(--gi-rd-bg-alt);
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-cases-principles__sr {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-cases-principles__grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: clamp(0.75rem, 1.5vw, 1rem);
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-cases-principles__card {
	padding: 1rem 1.05rem;
	border-radius: clamp(18px, 2vw, 24px);
	border: 1px solid var(--gi-rd-border);
	background: var(--gi-rd-surface);
	box-shadow: var(--gi-rd-shadow-sm);
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-cases-principles__badge {
	display: inline-block;
	margin-bottom: 0.35rem;
	font-size: 1rem;
	opacity: 0.85;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-cases-principles__h {
	margin: 0 0 0.35rem;
	font-size: 0.95rem;
	font-weight: 700;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-cases-principles__p {
	margin: 0;
	font-size: 0.82rem;
	line-height: 1.5;
	color: var(--gi-rd-muted);
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-cases-main {
	padding-bottom: clamp(2.5rem, 5vw, 4rem);
	display: flex;
	flex-direction: column;
	gap: clamp(2rem, 4vw, 3.5rem);
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-cases-grid-section__h2 {
	margin: 0 0 1.25rem;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-cases-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(0.85rem, 2vw, 1.25rem);
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-cases-grid-empty {
	margin-top: 1rem;
	padding: 1.25rem;
	border-radius: 20px;
	border: 1px dashed var(--gi-rd-border-strong);
	background: #fff;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-cases-grid-empty p {
	margin: 0 0 0.75rem;
	font-size: 0.92rem;
	color: var(--gi-rd-ink-2);
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-cases-pagination {
	margin-top: 1.75rem;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-cases-empty {
	padding: clamp(1.5rem, 3vw, 2.25rem);
	border-radius: clamp(22px, 2.5vw, 30px);
	border: 1px solid var(--gi-rd-border);
	background: var(--gi-rd-surface);
	box-shadow: var(--gi-rd-shadow-sm);
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-cases-empty__h {
	margin: 0 0 0.75rem;
	font-size: clamp(1.25rem, 2vw, 1.65rem);
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-cases-empty__text {
	margin: 0 0 1.25rem;
	max-width: 44rem;
	line-height: 1.6;
	color: var(--gi-rd-ink-2);
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-cases-empty__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0.75rem;
	margin-bottom: 1.25rem;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-cases-empty__card {
	padding: 0.85rem 0.95rem;
	border-radius: 16px;
	border: 1px solid var(--gi-rd-border);
	background: var(--gi-rd-bg-alt);
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-cases-empty__card-h {
	margin: 0 0 0.35rem;
	font-size: 0.88rem;
	font-weight: 800;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-cases-empty__card p {
	margin: 0;
	font-size: 0.8rem;
	line-height: 1.45;
	color: var(--gi-rd-muted);
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-cases-paths__h2 {
	margin: 0 0 1rem;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-cases-paths__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: clamp(0.75rem, 1.5vw, 1rem);
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-cases-paths__card {
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
	padding: 1rem 1.05rem;
	border-radius: clamp(18px, 2vw, 24px);
	border: 1px solid var(--gi-rd-border);
	background: var(--gi-rd-surface);
	text-decoration: none;
	color: inherit;
	box-shadow: var(--gi-rd-shadow-sm);
	transition: transform 0.18s ease, border-color 0.18s ease;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-cases-paths__card:hover,
body.gi-redesign.gi-rd-blog-surface .gi-rd-cases-paths__card:focus-visible {
	transform: translateY(-2px);
	border-color: rgba(84, 35, 231, 0.25);
	outline: none;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-cases-paths__card-title {
	margin: 0;
	font-size: 1rem;
	font-weight: 800;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-cases-paths__card-text {
	margin: 0;
	font-size: 0.86rem;
	line-height: 1.45;
	color: var(--gi-rd-muted);
}

/* Case cards (archive + related) */
body.gi-redesign.gi-rd-blog-surface .gi-case-card {
	display: flex;
	flex-direction: column;
	height: 100%;
	border-radius: clamp(20px, 2.2vw, 28px);
	border: 1px solid var(--gi-rd-border);
	background: var(--gi-rd-surface);
	box-shadow: var(--gi-rd-shadow-sm);
	overflow: hidden;
	transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

body.gi-redesign.gi-rd-blog-surface .gi-case-card--rd:hover,
body.gi-redesign.gi-rd-blog-surface .gi-case-card--rd:focus-within {
	border-color: rgba(84, 35, 231, 0.22);
	box-shadow: var(--gi-rd-shadow-md);
}

body.gi-redesign.gi-rd-blog-surface .gi-case-card__media {
	display: block;
	position: relative;
	aspect-ratio: 16 / 10;
	background: var(--gi-rd-bg-alt);
	border-bottom: 1px solid var(--gi-rd-border);
	text-decoration: none;
}

body.gi-redesign.gi-rd-blog-surface .gi-case-card__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

body.gi-redesign.gi-rd-blog-surface .gi-case-card__media--placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(145deg, #f3f0ff, #fafafd);
}

body.gi-redesign.gi-rd-blog-surface .gi-case-card__ph {
	font-size: 0.95rem;
	font-weight: 800;
	color: var(--gi-rd-muted-2);
	letter-spacing: 0.04em;
}

body.gi-redesign.gi-rd-blog-surface .gi-case-card__body {
	padding: 1rem 1.05rem 1.15rem;
	display: flex;
	flex-direction: column;
	gap: 0.45rem;
	flex: 1;
}

body.gi-redesign.gi-rd-blog-surface .gi-case-card__meta-row {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 0.35rem;
	align-items: baseline;
}

body.gi-redesign.gi-rd-blog-surface .gi-case-card__type {
	font-size: 0.78rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: var(--gi-rd-primary-deep);
}

body.gi-redesign.gi-rd-blog-surface .gi-case-card__date {
	font-size: 0.78rem;
	color: var(--gi-rd-muted);
}

body.gi-redesign.gi-rd-blog-surface .gi-case-card__context {
	margin: 0;
	font-size: 0.8rem;
	color: var(--gi-rd-muted);
}

body.gi-redesign.gi-rd-blog-surface .gi-case-card__title {
	margin: 0;
	font-size: 1.05rem;
	font-weight: 800;
	line-height: 1.25;
	letter-spacing: -0.015em;
}

body.gi-redesign.gi-rd-blog-surface .gi-case-card__title-link {
	color: inherit;
	text-decoration: none;
}

body.gi-redesign.gi-rd-blog-surface .gi-case-card__title-link:hover,
body.gi-redesign.gi-rd-blog-surface .gi-case-card__title-link:focus-visible {
	color: var(--gi-rd-primary);
	text-decoration: underline;
	outline: none;
}

body.gi-redesign.gi-rd-blog-surface .gi-case-card__excerpt {
	margin: 0;
	font-size: 0.88rem;
	line-height: 1.5;
	color: var(--gi-rd-ink-2);
}

body.gi-redesign.gi-rd-blog-surface .gi-case-card__problem,
body.gi-redesign.gi-rd-blog-surface .gi-case-card__artifacts {
	margin: 0;
	font-size: 0.82rem;
	line-height: 1.45;
	color: var(--gi-rd-muted);
}

body.gi-redesign.gi-rd-blog-surface .gi-case-card__problem-label,
body.gi-redesign.gi-rd-blog-surface .gi-case-card__artifacts-label {
	font-weight: 700;
	color: var(--gi-rd-ink-2);
}

body.gi-redesign.gi-rd-blog-surface .gi-case-card__anon {
	margin: 0;
	font-size: 0.78rem;
	font-weight: 600;
	color: var(--gi-rd-primary-deep);
}

body.gi-redesign.gi-rd-blog-surface .gi-case-card__cta {
	margin-top: auto;
	align-self: flex-start;
	text-decoration: none;
}

/* Single case study */
body.gi-redesign.gi-rd-blog-surface .gi-marketing-page--case-single {
	overflow-x: clip;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-case-study-hero {
	padding: clamp(2rem, 4vw, 3.5rem) 0 clamp(1.5rem, 3vw, 2.5rem);
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-case-study-hero__top {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	margin-bottom: 1rem;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-case-study-hero.gi-rd-case-study-hero--title-center .gi-rd-case-study-hero__top {
	align-items: center;
	text-align: center;
	width: 100%;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-case-study-hero.gi-rd-case-study-hero--title-center .gi-rd-case-study-hero__top .breadcrumbs {
	width: 100%;
	text-align: center;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-case-study-hero.gi-rd-case-study-hero--title-center .gi-rd-case-study-hero__top .breadcrumbs .breadcrumbs__list {
	justify-content: center;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-case-study-hero.gi-rd-case-study-hero--title-center .gi-rd-case-study-hero__top .breadcrumbs.breadcrumbs--yoast {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-case-study-hero.gi-rd-case-study-hero--title-center .gi-rd-case-study-hero__back {
	display: flex;
	justify-content: center;
	width: 100%;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-case-study-hero__copy {
	max-width: min(52rem, 100%);
}

/* Center hero headline column in the shell (copy has max-width; without margin-inline: auto it stays left-aligned). */
body.gi-redesign.gi-rd-blog-surface .gi-rd-case-study-hero.gi-rd-case-study-hero--title-center .gi-rd-case-study-hero__copy {
	margin-inline: auto;
	text-align: center;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-case-study-hero.gi-rd-case-study-hero--title-center .gi-rd-case-study-hero__meta {
	align-items: center;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-case-study-hero.gi-rd-case-study-hero--title-center .entry-meta__line {
	justify-content: center;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-case-study-hero.gi-rd-case-study-hero--title-center .gi-rd-case-study-hero__chips {
	justify-content: center;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-case-study-hero.gi-rd-case-study-hero--title-center .gi-rd-case-study-hero__actions {
	justify-content: center;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-case-study-hero__type {
	margin: 0 0 0.35rem;
	font-size: 0.78rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: var(--gi-rd-primary-deep);
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-case-study-hero__h1 {
	margin: 0.35rem 0 0.75rem;
	font-size: clamp(1.85rem, 3.5vw, 2.85rem);
	line-height: 1.1;
	letter-spacing: -0.03em;
	font-weight: 800;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-case-study-hero.gi-rd-case-study-hero--title-center .gi-rd-case-study-hero__h1 {
	text-align: center;
	margin-inline: auto;
	max-width: min(52rem, 100%);
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-case-study-hero__lead {
	margin: 0 0 1rem;
	font-size: clamp(1rem, 1.25vw, 1.15rem);
	line-height: 1.55;
	color: var(--gi-rd-ink-2);
	max-width: 40rem;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-case-study-hero__chips {
	list-style: none;
	margin: 0 0 0.75rem;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-case-study-hero__anon {
	margin: 0 0 0.75rem;
	font-size: 0.88rem;
	font-weight: 600;
	color: var(--gi-rd-primary-deep);
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-case-study-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.6rem;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-case-study-hero__visual {
	border-radius: clamp(20px, 2.5vw, 28px);
	overflow: hidden;
	border: 1px solid var(--gi-rd-border);
	background: var(--gi-rd-bg-alt);
	min-height: 200px;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-case-study-hero__figure {
	margin: 0;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-case-study-hero__img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: cover;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-case-study-hero__route {
	min-height: 220px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1.25rem;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-case-study-hero__route-line {
	font-size: clamp(0.8rem, 1.1vw, 0.92rem);
	font-weight: 700;
	text-align: center;
	line-height: 1.45;
	color: var(--gi-rd-ink-2);
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-case-study-summary {
	padding: 0 0 clamp(1.5rem, 3vw, 2.5rem);
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-case-study-summary__sr {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-case-study-summary__grid {
	margin: 0;
	padding: clamp(1rem, 2vw, 1.35rem);
	border-radius: clamp(18px, 2vw, 24px);
	border: 1px solid var(--gi-rd-border);
	background: var(--gi-rd-surface);
	box-shadow: var(--gi-rd-shadow-sm);
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.85rem 1.5rem;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-case-study-summary__item {
	display: flex;
	flex-direction: column;
	gap: 0.2rem;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-case-study-summary__label {
	font-size: 0.72rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: var(--gi-rd-muted);
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-case-study-summary__value {
	font-size: 0.92rem;
	line-height: 1.45;
	color: var(--gi-rd-ink-2);
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-case-study-block {
	padding: clamp(1.75rem, 3.5vw, 3rem) 0;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-case-study-block:nth-of-type(even) {
	background: var(--gi-rd-bg-alt);
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-case-study-block__inner {
	max-width: min(52rem, 100%);
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-case-study-block .gi-rd-h2 {
	margin: 0 0 1rem;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-case-study-block__lead {
	margin: 0 0 0.75rem;
	font-size: 1rem;
	line-height: 1.6;
	color: var(--gi-rd-ink-2);
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-case-study-block__lead--small {
	font-size: 0.92rem;
	color: var(--gi-rd-muted);
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-case-study-block__list {
	margin: 0;
	padding-left: 1.1rem;
	color: var(--gi-rd-ink-2);
	line-height: 1.55;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-case-study-block__rich p {
	margin: 0 0 0.65rem;
	line-height: 1.6;
	color: var(--gi-rd-ink-2);
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-case-study-block__line {
	margin: 0 0 0.5rem;
	font-size: 0.95rem;
	line-height: 1.55;
	color: var(--gi-rd-ink-2);
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-case-study-block__muted {
	margin: 0;
	font-size: 0.95rem;
	line-height: 1.6;
	color: var(--gi-rd-muted);
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-case-study-diag__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.85rem;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-case-study-diag__card {
	padding: 1rem 1.05rem;
	border-radius: 18px;
	border: 1px solid var(--gi-rd-border);
	background: var(--gi-rd-surface);
	box-shadow: var(--gi-rd-shadow-sm);
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-case-study-diag__card p {
	margin: 0.35rem 0 0;
	font-size: 0.88rem;
	line-height: 1.5;
	color: var(--gi-rd-muted);
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-case-study-diag__fallback {
	margin: 0;
	font-size: 0.95rem;
	line-height: 1.6;
	color: var(--gi-rd-ink-2);
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-case-study-arch__strip {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.85rem;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-case-study-arch__col {
	padding: 1rem;
	border-radius: 18px;
	border: 1px solid var(--gi-rd-border);
	background: var(--gi-rd-surface);
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-case-study-arch__col--mid {
	border-color: rgba(84, 35, 231, 0.22);
	background: linear-gradient(180deg, #fff, #f7f5ff);
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-case-study-arch__label {
	margin: 0 0 0.35rem;
	font-size: 0.72rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: var(--gi-rd-muted);
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-case-study-arch__col p {
	margin: 0;
	font-size: 0.9rem;
	line-height: 1.5;
	color: var(--gi-rd-ink-2);
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-case-study-article {
	padding: clamp(1.5rem, 3vw, 2.5rem) 0;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-case-study-article__inner {
	max-width: min(48rem, 100%);
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-case-study-article__h {
	margin-bottom: 1rem;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-case-study-article__body {
	font-size: 1rem;
	line-height: 1.65;
	color: var(--gi-rd-ink-2);
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-case-study-article__body :where(h2, h3, h4) {
	margin-top: 1.35rem;
	margin-bottom: 0.5rem;
	color: var(--gi-rd-ink);
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-case-study-artifacts {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-case-study-artifacts__item {
	padding: 0.5rem 0.75rem;
	border-radius: 12px;
	border: 1px solid var(--gi-rd-border);
	background: var(--gi-rd-surface);
	font-size: 0.86rem;
	font-weight: 600;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-case-study-related {
	padding: clamp(2rem, 4vw, 3.5rem) 0;
}

body.gi-redesign.gi-rd-blog-surface .gi-rd-case-study-related__grid {
	margin-top: 1rem;
}

@media (max-width: 1100px) {
	body.gi-redesign.gi-rd-blog-surface .gi-rd-cases-principles__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	body.gi-redesign.gi-rd-blog-surface .gi-rd-cases-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	body.gi-redesign.gi-rd-blog-surface .gi-rd-cases-paths__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	body.gi-redesign.gi-rd-blog-surface .gi-rd-case-study-hero__grid {
		grid-template-columns: 1fr;
	}

	body.gi-redesign.gi-rd-blog-surface .gi-rd-case-study-arch__strip {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 720px) {
	body.gi-redesign.gi-rd-blog-surface .gi-rd-cases-principles__grid {
		grid-template-columns: 1fr;
	}

	body.gi-redesign.gi-rd-blog-surface .gi-rd-cases-grid {
		grid-template-columns: 1fr;
	}

	body.gi-redesign.gi-rd-blog-surface .gi-rd-cases-paths__grid {
		grid-template-columns: 1fr;
	}

	body.gi-redesign.gi-rd-blog-surface .gi-rd-cases-empty__grid {
		grid-template-columns: 1fr 1fr;
	}

	body.gi-redesign.gi-rd-blog-surface .gi-rd-case-study-summary__grid {
		grid-template-columns: 1fr;
	}

	body.gi-redesign.gi-rd-blog-surface .gi-rd-case-study-diag__grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 420px) {
	body.gi-redesign.gi-rd-blog-surface .gi-rd-cases-empty__grid {
		grid-template-columns: 1fr;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.gi-redesign.gi-rd-blog-surface .gi-rd-cases-paths__card:hover,
	body.gi-redesign.gi-rd-blog-surface .gi-case-card--rd:hover {
		transform: none;
	}
}
body.gi-redesign .gi-rd-price-catalog__head {
	margin-bottom: clamp(1.2rem, 1vw + 1rem, 2rem);
}

body.gi-redesign .gi-rd-price-catalog__groups {
	display: grid;
	gap: clamp(1.2rem, 1vw + 0.9rem, 2rem);
}

body.gi-redesign .gi-rd-price-catalog__group {
	border: 1px solid rgba(15, 23, 42, 0.1);
	border-radius: 24px;
	background: #fff;
	padding: clamp(1rem, 1vw + 0.7rem, 1.6rem);
	box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
}

body.gi-redesign .gi-rd-price-catalog__group-title {
	margin: 0 0 0.9rem;
	font-size: clamp(1.1rem, 0.3vw + 1rem, 1.35rem);
	color: #0f172a;
}

body.gi-redesign .gi-rd-price-catalog__cards {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(0.9rem, 0.7vw + 0.5rem, 1.2rem);
}

body.gi-redesign .gi-rd-price-catalog__card {
	display: grid;
	gap: 0.55rem;
	border: 1px solid rgba(15, 23, 42, 0.1);
	border-radius: 18px;
	background: linear-gradient(160deg, rgba(255, 255, 255, 0.98), rgba(246, 242, 255, 0.75));
	padding: 1rem 1rem 1.05rem;
	color: #0f172a;
	text-decoration: none;
	transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

body.gi-redesign .gi-rd-price-catalog__card:hover,
body.gi-redesign .gi-rd-price-catalog__card:focus-visible {
	border-color: rgba(109, 40, 217, 0.45);
	box-shadow: 0 14px 34px rgba(109, 40, 217, 0.14);
	transform: translateY(-2px);
}

body.gi-redesign .gi-rd-price-catalog__card-title {
	margin: 0;
	font-weight: 700;
	font-size: 1rem;
}

body.gi-redesign .gi-rd-price-catalog__card-desc {
	margin: 0;
	color: #475569;
	font-size: 0.92rem;
	line-height: 1.45;
}

body.gi-redesign .gi-rd-price-catalog__card-price {
	margin: 0;
	color: #5b21b6;
	font-weight: 800;
	font-size: 1.02rem;
}

body.gi-redesign .gi-rd-price-catalog__card-cta {
	color: #334155;
	font-size: 0.86rem;
	font-weight: 600;
}

@media (max-width: 1024px) {
	body.gi-redesign .gi-rd-price-catalog__cards {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 640px) {
	body.gi-redesign .gi-rd-price-catalog__cards {
		grid-template-columns: 1fr;
	}
}