/**
 * Variant CSS: offer--numbered-grid-6-capabilities
 * Layer 2 — extracted z kod-capabilities.
 *
 * 2026-05-29 polish (grand quality audit):
 *  - Added missing kicker rule (was rendering lowercase/untracked — no styling).
 *  - Promoted the 01-06 index to an oversized signature element + accent rule
 *    so cards read intentional (not "generic icon-grid + dead space").
 *  - Theme-aware card radius via --decor-radius (sharp tech / soft white).
 */

body.aibt-universal .universal-offer--numbered-grid-6-capabilities {
	background: var(--background-alt);
	color: var(--text-primary);
	border-bottom: 1px solid var(--divider-primary);
}

body.aibt-universal .universal-offer--numbered-grid-6-capabilities .universal-offer__intro {
	margin-bottom: clamp(4rem, 8vh, 6rem);
}

/* Kicker — uppercase tracked accent, matches sibling offer variants. */
body.aibt-universal .universal-offer--numbered-grid-6-capabilities .universal-offer__kicker {
	font-family: var(--font-body) !important;
	font-size: var(--text-xs) !important;
	font-weight: 600 !important;
	letter-spacing: var(--tracking-widest) !important;
	text-transform: uppercase !important;
	color: var(--accent) !important;
	margin: 0 0 var(--space-md) 0 !important;
}

body.aibt-universal .universal-offer--numbered-grid-6-capabilities .universal-offer__headline {
	font-family: var(--font-display) !important;
	color: var(--text-primary) !important;
	margin: 0 !important;
}

/* Card — vertical flex so the number anchors the top and content sits
   in a deliberate rhythm rather than floating in a void. */
body.aibt-universal .universal-offer--numbered-grid-6-capabilities .universal-offer__cap {
	display: flex !important;
	flex-direction: column;
	padding: var(--space-lg) !important;
	background: var(--background-card, var(--background)) !important;
	border: 1px solid var(--divider-primary);
	border-radius: var(--decor-radius, 0px);
	transition: border-color var(--duration-fast) var(--ease-snappy), transform var(--duration-fast) var(--ease-snappy);
}

body.aibt-universal .universal-offer--numbered-grid-6-capabilities .universal-offer__cap:hover {
	border-color: var(--accent);
	transform: translateY(-3px);
}

/* Oversized index — the signature element. Accent rule beneath it gives
   each card a deliberate header band (full-width, NOT a side stripe). */
body.aibt-universal .universal-offer--numbered-grid-6-capabilities .universal-offer__cap-icon {
	font-family: var(--font-display) !important;
	font-weight: 700 !important;
	font-size: clamp(2.6rem, 4vw, 3.4rem) !important;
	color: var(--accent) !important;
	margin: 0 0 var(--space-md) 0 !important;
	padding: 0 0 var(--space-sm) 0 !important;
	border-bottom: 2px solid var(--divider-accent, var(--accent-fade));
	letter-spacing: -0.04em !important;
	line-height: 0.9 !important;
	font-variant-numeric: tabular-nums;
}

body.aibt-universal .universal-offer--numbered-grid-6-capabilities h3.universal-offer__cap-title,
body.aibt-universal .universal-offer--numbered-grid-6-capabilities .universal-offer__cap-title {
	font-family: var(--font-display) !important;
	font-weight: 600 !important;
	font-size: 1.25rem !important;
	color: var(--text-primary) !important;
	margin: 0 0 var(--space-2xs) 0 !important;
	line-height: 1.25 !important;
}

body.aibt-universal .universal-offer--numbered-grid-6-capabilities .universal-offer__cap-desc {
	font-family: var(--font-body) !important;
	font-size: var(--text-sm) !important;
	line-height: var(--leading-normal) !important;
	color: var(--text-secondary) !important;
	margin: 0 !important;
}

@media (prefers-reduced-motion: reduce) {
	body.aibt-universal .universal-offer--numbered-grid-6-capabilities .universal-offer__cap {
		transition: none;
	}
	body.aibt-universal .universal-offer--numbered-grid-6-capabilities .universal-offer__cap:hover {
		transform: none;
	}
}