/* Extracted from vala-onboarding-redesign.css (Phase 5H) — final CTA + section bridges. Phase 7: generic scene min-height is content-driven (#nasil-calisir, #guvenlik); hero/cosmos/FAE untouched. */
.vala-final-cta{border:1px solid var(--vl-border);border-radius:22px;background:linear-gradient(135deg,#fff,#f0f7ff);box-shadow:0 20px 55px rgba(15,23,42,.08);padding:42px 70px;display:grid;grid-template-columns:1fr 340px;align-items:center;gap:36px}.vala-final-cta h2{font-size:36px;line-height:1.1;letter-spacing:-.04em;margin:0 0 14px}.vala-final-cta p{color:#475569}.vala-final-cta-brand{align-self:stretch;border-radius:20px;background:linear-gradient(145deg,rgba(15,45,103,.06),rgba(10,174,208,.08));border:1px solid rgba(31,123,255,.12);padding:32px 28px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px;box-shadow:0 16px 40px rgba(15,23,42,.06)}.vala-final-cta-brand img{width:72px;height:72px;border-radius:18px;box-shadow:0 14px 32px rgba(31,123,255,.22)}.vala-final-cta-brand p{margin:0;font-size:15px;line-height:1.6;color:#334155;font-weight:700}#vala-insights,#vala-scenarios,#neden-vala,#nasil-calisir,#guvenlik,#erken-erisim,#analiz-motoru{scroll-margin-top:clamp(96px,12vw,132px)}
@media (max-width:1100px){.vala-final-cta{grid-template-columns:1fr}.vala-final-cta-brand{max-width:360px;margin:28px auto 0}}
@media (max-width:720px){.vala-final-cta{padding:28px}.vala-final-cta-brand{padding:24px}}
.vala-final-cta .vala-landing-btn--google-soon:disabled,.vala-final-cta .vala-landing-btn--google-soon[disabled]{color:#64748b;background:#f1f5f9;border:1px solid rgba(15,23,42,.12)}
.vala-landing-choice-inline{scroll-margin-top:clamp(96px,12vw,132px)}

/* Hero bridge owns the hero→onboarding transition (no negative-margin overlap). */
main.vala-landing-v2--premium #vala-baslangic.vala-landing-choice-inline,
main.vala-landing-v2--premium .vala-landing-choice-inline {
	margin-top: 0;
	position: relative;
	z-index: 3;
	overflow-x: clip;
}

.vala-hero-bridge + #vala-baslangic.vala-landing-choice-inline {
	margin-top: 0;
}

/* Phase 11B — hero→choice continuity (paired with hero::after); low contrast */
/* Phase 11C — mask confines ellipse to bottom overlap band (not through card titles) */
main.vala-landing-v2--premium:not(.vala-homepage) #vala-baslangic.vala-landing-choice-inline::before {
	content: "";
	position: absolute;
	width: 118vw;
	height: clamp(320px, 40vw, 480px);
	left: 50%;
	bottom: clamp(-380px, -30vw, -260px);
	transform: translateX(-50%) rotate(-3deg);
	border-radius: 50%;
	pointer-events: none;
	z-index: 0;
	background: linear-gradient(
		198deg,
		var(--vala-bg-deep, #06111f) 0%,
		var(--vala-bg-navy, #0b1728) 52%,
		var(--vala-bg-blue, #10243a) 100%
	);
	/* Phase 11D: keep bridge ellipse subordinate to hero/choice content */
	opacity: var(--vala-transition-opacity-soft, 0.08);
	box-shadow: none;
	filter: none;
	mask-image: linear-gradient(
		0deg,
		transparent 0%,
		#000 22%,
		#000 58%,
		transparent 90%
	);
	-webkit-mask-image: linear-gradient(
		0deg,
		transparent 0%,
		#000 22%,
		#000 58%,
		transparent 90%
	);
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
}

@media (min-width: 769px) and (max-width: 1050px) {
	main.vala-landing-v2--premium:not(.vala-homepage) #vala-baslangic.vala-landing-choice-inline::before {
		height: calc(clamp(320px, 40vw, 480px) * 0.61);
		bottom: clamp(-320px, -26vw, -220px);
		/* Phase 11D: tablet — stay below headline/card safe zone */
		opacity: var(--vala-transition-opacity-soft, 0.08);
	}
}

.vala-landing-v2--premium #vala-baslangic.vala-landing-choice-inline .vala-onboarding-panel--choice-inline {
	position: relative;
	z-index: 2;
}

@media (max-width: 768px) {
	main.vala-landing-v2--premium:not(.vala-homepage) #vala-baslangic.vala-landing-choice-inline::before {
		height: clamp(200px, 48vw, 300px);
		bottom: clamp(-180px, -32vw, -100px);
		opacity: min(0.14, var(--vala-transition-opacity-medium, 0.12));
	}
}

@media (max-width: 520px) {
	main.vala-landing-v2--premium:not(.vala-homepage) #vala-baslangic.vala-landing-choice-inline::before {
		opacity: 0.08;
	}
}

@media (max-width: 720px) {
	.vala-landing-v2--premium .vala-landing-choice-inline {
		margin-top: 0;
	}
}

/* Landing scenes: viewport rhythm + anchor offset (matches sticky nav) */
.vala-landing-v2--premium.vala-onboarding-shell {
	--vl-scroll-margin: clamp(96px, 12vw, 132px);
}

.vala-landing-v2--premium #vala-insights,
.vala-landing-v2--premium #vala-scenarios,
.vala-landing-v2--premium #neden-vala,
.vala-landing-v2--premium #nasil-calisir,
.vala-landing-v2--premium #guvenlik,
.vala-landing-v2--premium #erken-erisim,
.vala-landing-v2--premium #analiz-motoru,
.vala-landing-v2--premium .vala-landing-choice-inline {
	scroll-margin-top: var(--vl-scroll-margin);
}

/* Content-height for simple light scenes (#nasil-calisir, #guvenlik only match this chain). Cosmos / hero / scenarios excluded. */
.vala-landing-v2--premium .vala-landing-section--scene:not(.vala-landing-section--features-scene):not(.vala-landing-section--scenarios-flow):not(.vala-section-scenarios):not(.vala-fae-section--cosmos):not(.vala-landing-choice-inline):not(.vala-final-notes-section) {
	min-height: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	box-sizing: border-box;
	padding-block: clamp(48px, 7vw, 80px);
}

.vala-landing-v2--premium .vala-landing-section--scene:not(.vala-landing-section--features-scene) > .vala-landing-container {
	width: 100%;
}

.vala-landing-v2--premium #vala-baslangic.vala-landing-section--scene {
	min-height: 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	/* Phase 11D: tighten dead space around choice shell */
	padding-block: clamp(28px, 5vw, 64px);
}

@media (max-width: 720px) {
	.vala-landing-v2--premium .vala-landing-section--scene:not(.vala-landing-section--features-scene):not(.vala-landing-section--scenarios-flow):not(.vala-section-scenarios):not(.vala-fae-section--cosmos):not(.vala-landing-choice-inline):not(.vala-final-notes-section) {
		min-height: 0;
	}

	.vala-landing-v2--premium #neden-vala.vala-landing-section--features-scene {
		min-height: 0;
		padding-top: clamp(56px, 9vh, 96px);
		padding-bottom: clamp(56px, 9vh, 96px);
	}

	.vala-landing-v2--premium #vala-baslangic.vala-landing-section--scene {
		min-height: 0;
	}
}


/* --- Bottom CTA — Phase 10C: explicit warm cream oval + teal ribbon (organic, not flat card) --- */
.vala-landing-v2--premium .vala-final-notes-section {
	position: relative;
	isolation: isolate;
	overflow-x: clip;
	overflow-y: visible;
	padding: clamp(72px, 7.5vw, 120px) 0 clamp(72px, 7.5vw, 120px);
}

main.vala-landing-v2--premium:not(.vala-homepage) .vala-final-notes-section {
	/* Phase 11D: cleaner warm field — less grey from cream/blue mid blend */
	background: linear-gradient(
		180deg,
		rgba(255, 250, 240, 0.12) 0%,
		rgba(255, 250, 240, 0.09) 48%,
		rgba(238, 248, 255, 0.1) 100%
	);
}

/* Phase 11B — security→CTA: section ::before only (warm cream top ~24%); global panel carries teal */
main.vala-landing-v2--premium:not(.vala-homepage) .vala-final-notes-section::before {
	content: "";
	position: absolute;
	width: min(150vw, 2400px);
	height: clamp(280px, 32vw, 420px);
	left: 50%;
	top: clamp(-380px, -30vw, -240px);
	transform: translateX(-50%) rotate(2deg);
	border-radius: 50%;
	pointer-events: none;
	z-index: 0;
	background: linear-gradient(
		188deg,
		rgba(255, 250, 240, 0.92) 0%,
		rgba(248, 241, 223, 0.88) 55%,
		rgba(238, 248, 255, 0.55) 100%
	);
	/* Phase 11D: warm entrance only — must not wash CTA headline */
	opacity: var(--vala-transition-opacity-soft, 0.08);
	box-shadow: none;
	filter: none;
	mask-image: linear-gradient(
		to bottom,
		transparent 0%,
		#000 14%,
		#000 52%,
		transparent 78%
	);
	-webkit-mask-image: linear-gradient(
		to bottom,
		transparent 0%,
		#000 14%,
		#000 52%,
		transparent 78%
	);
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
}

.vala-landing-v2--premium .vala-final-notes-section::after {
	display: none;
}

.vala-landing-v2--premium .vala-final-notes-section > .vala-landing-container {
	position: relative;
	z-index: 2;
}

@media (min-width: 769px) and (max-width: 1050px) {
	main.vala-landing-v2--premium:not(.vala-homepage) .vala-final-notes-section::before {
		height: calc(clamp(280px, 32vw, 420px) * 0.61);
		top: clamp(-280px, -22vw, -170px);
		opacity: var(--vala-transition-opacity-soft, 0.08);
	}
}

@media (prefers-reduced-motion: reduce) {
	main.vala-landing-v2--premium:not(.vala-homepage) .vala-final-notes-section::before {
		opacity: var(--vala-transition-opacity-soft, 0.08);
	}
}

@media (max-width: 768px) {
	main.vala-landing-v2--premium:not(.vala-homepage) .vala-final-notes-section::before {
		height: clamp(180px, 44vw, 260px);
		top: clamp(-200px, -28vw, -120px);
		opacity: var(--vala-transition-opacity-soft, 0.08);
	}
}

@media (max-width: 520px) {
	.vala-landing-v2--premium .vala-final-notes-section {
		padding: clamp(56px, 10vw, 88px) 0 clamp(48px, 9vw, 80px);
	}
}

.vala-landing-v2--premium .vala-final-cta {
	position: relative;
	z-index: 1;
	overflow: hidden;
	border: 1px solid rgba(56, 189, 248, 0.22);
	border-radius: 24px;
	background: linear-gradient(142deg, rgba(255, 250, 240, 0.96) 0%, rgba(248, 241, 223, 0.94) 48%, rgba(238, 248, 255, 0.9) 100%);
	box-shadow:
		0 0 0 1px rgba(255, 255, 255, 0.45) inset,
		0 24px 64px rgba(16, 32, 51, 0.09),
		0 0 100px rgba(45, 212, 191, 0.1);
	padding: clamp(36px, 5vw, 52px) clamp(32px, 5vw, 56px);
	gap: clamp(28px, 4vw, 44px);
}

.vala-landing-v2--premium .vala-final-cta h2 {
	font-size: clamp(28px, 3.4vw, 38px);
	color: var(--vala-text-dark, #102033);
	font-weight: 900;
}

.vala-landing-v2--premium .vala-final-cta > div > p {
	color: var(--vala-text-soft, #5f6f82);
	font-size: 17px;
	line-height: 1.65;
}

.vala-landing-v2--premium .vala-final-cta-brand {
	background: linear-gradient(158deg, rgba(238, 248, 255, 0.75), rgba(248, 241, 223, 0.65));
	border: 1px solid rgba(45, 212, 191, 0.22);
	box-shadow: 0 20px 50px rgba(16, 32, 51, 0.08);
}

.vala-landing-v2--premium .vala-final-cta-brand p {
	color: var(--vala-text-dark, #102033);
}

.vala-landing-v2--premium .vala-final-cta::before {
	content: "";
	position: absolute;
	inset: -40%;
	z-index: 0;
	background: radial-gradient(ellipse 55% 48% at 18% 28%, rgba(56, 189, 248, 0.06), transparent 56%),
		radial-gradient(ellipse 50% 44% at 96% 78%, rgba(45, 212, 191, 0.05), transparent 52%);
	pointer-events: none;
}

.vala-landing-v2--premium .vala-final-cta > div,
.vala-landing-v2--premium .vala-final-cta-brand {
	position: relative;
	z-index: 1;
}

.vala-landing-v2--premium .vala-final-cta-brand {
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	padding: clamp(28px, 4vw, 40px) clamp(24px, 3vw, 32px);
}


/* Phase 11B — narrative bridges: thin, low-contrast (no dark stripe) */
.vala-landing-v2--premium .vala-landing-narrative-bridge {
	padding: clamp(14px, 2vw, 24px) 0;
	background: linear-gradient(188deg, rgba(6, 17, 31, 0.14), rgba(11, 23, 40, 0.08));
	border-top: 1px solid rgba(255, 255, 255, 0.06);
	border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.vala-landing-v2--premium .vala-landing-narrative-bridge__text {
	margin: 0 auto;
	max-width: 52rem;
	text-align: center;
	font-size: clamp(15px, 1.25vw, 17px);
	line-height: 1.68;
	font-weight: 650;
	color: rgba(226, 232, 240, 0.88);
}

.vala-landing-v2--premium .vala-final-cta-trust-strip {
	list-style: none;
	margin: clamp(18px, 2.5vw, 26px) 0 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 10px 14px;
}

.vala-landing-v2--premium .vala-final-cta-trust-strip li {
	font-size: 12px;
	font-weight: 750;
	line-height: 1.35;
	color: var(--vala-text-soft, #5f6f82);
	padding: 8px 12px;
	border-radius: 999px;
	background: rgba(255, 250, 240, 0.78);
	border: 1px solid rgba(56, 189, 248, 0.12);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.55) inset;
}