/**
 * SEO page — Figma 1381:1898 (1440 canvas).
 * Reuses .inia-lu-* and .inia-omb-* via page shell classes.
 */

/* —— GEO / SEO link cards (1422:3094) —— */
.inia-seo-page .inia-seo-link-cards {
	width: 100%;
	max-width: 996px;
}

.inia-seo-page .inia-seo-link-cards > .e-con-inner {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: wrap !important;
	gap: 24px !important;
	align-items: stretch !important;
}

.inia-seo-page .inia-seo-link-card {
	width: 486px !important;
	max-width: 100%;
	height: 311px !important;
	min-height: 311px !important;
	max-height: 311px !important;
	box-sizing: border-box;
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	border-radius: 24px !important;
	/* Override LU service-card gap 24 → Figma 16 */
	--gap: 16px;
}

.inia-seo-page .inia-seo-link-card > .e-con-inner {
	gap: 16px !important;
	row-gap: 16px !important;
	height: 100% !important;
	box-sizing: border-box;
}

.inia-seo-page .inia-seo-link-eyebrow,
.inia-seo-page .inia-seo-link-eyebrow p,
.inia-seo-page .inia-seo-link-card .inia-lu-eyebrow,
.inia-seo-page .inia-seo-link-card .inia-lu-eyebrow p {
	margin: 0 !important;
	color: var(--inai-electric-blue, #2d5bff) !important;
	font-family: "DM Sans", sans-serif !important;
	font-size: 12px !important;
	line-height: 16px !important;
	font-weight: 600 !important;
	letter-spacing: 1.8px !important;
	text-transform: uppercase !important;
}

.inia-seo-page .inia-seo-link-card .elementor-heading-title {
	margin: 0 !important;
	font-family: var(--inai-font-display, "Bricolage Grotesque", sans-serif) !important;
	font-size: 24px !important;
	line-height: 31px !important;
	font-weight: 600 !important;
}

.inia-seo-page .inia-seo-link-card .elementor-widget-text-editor,
.inia-seo-page .inia-seo-link-card .elementor-widget-text-editor p {
	margin: 0 !important;
	font-family: "DM Sans", sans-serif !important;
	font-size: 16px !important;
	line-height: 24px !important;
	font-weight: 500 !important;
}

/* —— Hero glass card (1381:1911) ——
   Figma strokes are drawn inside the frame, so the 24px inset already
   contains the 1px border. Using padding:24 on top of the border squeezed
   the 609px reel down to 607px. —— */
.inia-seo-page .inia-omb-phone {
	padding: 23px !important;
}

.inia-seo-page .inia-omb-phone__video {
	flex: 0 0 609px !important;
	height: 609px !important;
}

/* —— Features (1381:1917): 919 total = 48 heading + 48 gap + 823 stack ——
   Same inside-stroke rule: 32px Figma padding = 1px border + 31px. —— */
.inia-seo-page .inia-seo-features .inia-omb-feature-card {
	padding: 31px !important;
}

.inia-seo-page .inia-seo-features .inia-omb-feature-row:first-child .inia-omb-feature-card {
	min-height: 293px !important;
}

.inia-seo-page .inia-seo-features .inia-omb-feature-row:not(:first-child) .inia-omb-feature-card {
	min-height: 269px !important;
}

/* Rows overlap by 4px; the last one must not pull the section short. */
.inia-seo-page .inia-seo-features .inia-omb-feature-row:last-child {
	margin-bottom: 0 !important;
}

/* —— Photo bands (1444:3779, 1395:906) ——
   Both place the pill at a fixed top:370 rather than letting the flex
   column and its padding decide. —— */
.inia-seo-page .inia-seo-banner .inia-seo-banner__btn {
	position: absolute !important;
	top: 370px !important;
	bottom: auto !important;
	left: 50% !important;
	right: auto !important;
	transform: translateX(-50%) !important;
	width: auto !important;
	max-width: none !important;
	margin: 0 !important;
}

.inia-seo-page .inia-seo-banner .inia-seo-banner__btn .elementor-widget-container,
.inia-seo-page .inia-seo-banner .inia-seo-banner__btn .elementor-button-wrapper {
	width: auto !important;
	max-width: none !important;
}

.inia-seo-page .inia-seo-banner .inia-seo-banner__btn .elementor-button-text {
	white-space: nowrap !important;
}

/* —— Case Study (1395:1429) ——
   The chart widget is the crop window; the asset is a bare chart on white,
   so the white card, border and shadow are drawn in CSS (Figma 1395:928).
   Figma insets the artwork by 109.33%/117.54% at −5.8%/−10.55%. —— */
.inia-seo-page .inia-seo-case-results {
	min-height: 335px !important;
	padding: 31px !important;
}

.inia-seo-page .inia-seo-case > .e-con-inner {
	align-items: center !important;
}

.inia-seo-page .inia-seo-case-chart .elementor-widget-container {
	position: relative;
	width: 516px;
	max-width: 100%;
	aspect-ratio: 524 / 235;
	overflow: hidden;
	border: 1px solid #ffffff;
	border-radius: 24px;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
	background: #ffffff;
}

.inia-seo-page .inia-seo-case-chart img {
	position: absolute;
	left: -5.8%;
	top: -10.55%;
	width: 109.33% !important;
	height: 117.54% !important;
	max-width: none !important;
	object-fit: fill;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

/* —— Mid-CTA icon tiles (1381:1954–57) ——
   Positions already match; only the rotations differ from the SEO board.
   Angles derived from each Icon Box's axis-aligned bounds: for an 84px tile,
   bounds = 84 · (|cos θ| + |sin θ|). —— */
.inia-seo-page .inia-omb-float--analyse {
	transform: rotate(14.35deg);
}

.inia-seo-page .inia-omb-float--balance {
	transform: rotate(13.3deg);
}

.inia-seo-page .inia-omb-float--netzwerk {
	transform: rotate(-3.59deg);
}

/* —— Kalender —— Same Calendly slot as every other service page. */
.inia-seo-page .inia-lu-kalender {
	max-width: 1200px !important;
	width: 100% !important;
}

@media (max-width: 1199px) {
	/* Bands shrink by aspect ratio, so a fixed 370 would fall out the bottom. */
	.inia-seo-page .inia-seo-banner .inia-seo-banner__btn {
		top: auto !important;
		bottom: 24px !important;
	}

	.inia-seo-page .inia-omb-phone {
		padding: 24px !important;
	}

	.inia-seo-page .inia-omb-phone__video {
		flex: 0 0 auto !important;
		height: auto !important;
	}

	.inia-seo-page .inia-seo-features .inia-omb-feature-row:first-child .inia-omb-feature-card,
	.inia-seo-page .inia-seo-features .inia-omb-feature-row:not(:first-child) .inia-omb-feature-card {
		min-height: 0 !important;
	}

	.inia-seo-page .inia-seo-link-cards > .e-con-inner {
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 20px !important;
		padding-inline: var(--inai-side-gutter, 24px);
	}

	.inia-seo-page .inia-seo-link-card {
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
	}

	.inia-seo-page .inia-seo-link-card > .e-con-inner {
		flex-wrap: nowrap !important;
		flex-direction: column !important;
		height: auto !important;
		align-items: stretch !important;
	}

	.inia-seo-page .inia-seo-features .inia-omb-feature-card,
	.inia-seo-page .inia-seo-features .inia-omb-feature-row--left:first-child .inia-omb-feature-card {
		height: auto !important;
		min-height: 0 !important;
	}
}

@media (max-width: 1024px) {
	.inia-seo-page .inia-seo-link-cards > .e-con-inner {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 20px !important;
	}
}

@media (max-width: 767px) {
	.inia-seo-page .inia-seo-link-cards > .e-con-inner {
		grid-template-columns: 1fr !important;
	}

	.inia-seo-page .inia-seo-link-card {
		padding: 28px 24px !important;
	}
}