.lg-cta-block { position: relative; overflow: hidden; border-radius: clamp(20px, 3vw, 28px); background: var(--gradient-brand-rich); box-shadow: 0 34px 70px -22px rgba(20,20,100,.5), 0 18px 40px -14px rgba(168,2,144,.32); padding: clamp(40px, 6vw, 76px) clamp(28px, 5vw, 64px); text-align: center; color: #fff; }
.lg-cta-block::before { content: ""; position: absolute; inset: 0; pointer-events: none; background-image: radial-gradient(rgba(255,255,255,0.10) 1px, transparent 1px); background-size: 24px 24px; -webkit-mask-image: radial-gradient(120% 100% at 50% 0%, #000, transparent 72%); mask-image: radial-gradient(120% 100% at 50% 0%, #000, transparent 72%); }
.lg-cta-block > * { position: relative; z-index: 1; }
.lg-cta-over { font-family: var(--font-head); font-size: 13.5px; font-weight: var(--fw-semibold); letter-spacing: 0.02em; color: rgba(255,255,255,0.78); margin: 0 0 16px; }
.lg-cta-block h2 { font-family: var(--font-head); font-weight: var(--fw-semibold); font-size: clamp(30px, 4.4vw, 50px); line-height: 1.08; letter-spacing: -0.02em; color: #fff; margin: 0 auto; max-width: 17ch; }
.lg-cta-block h2 .accent { -webkit-text-fill-color: #fff; color: #fff; background: none; }
.lg-cta-body { font-size: var(--fs-lead); line-height: 1.6; color: rgba(255,255,255,0.84); margin: 20px auto 0; max-width: 52ch; }
.lg-cta-actions { display: flex; flex-direction: column; align-items: center; gap: 16px; margin-top: 32px; }
.lg-cta-btn { background: #fff; color: var(--c-navy); box-shadow: 0 14px 30px rgba(11,10,61,.35), inset 0 1px 0 rgba(255,255,255,.9); }
.lg-cta-btn:hover { background: #fff; color: var(--c-navy); transform: translateY(-1px); box-shadow: 0 16px 38px rgba(11,10,61,0.42); }
.lg-cta-secondary { font-family: var(--font-head); font-size: 15px; font-weight: var(--fw-bold); color: #fff; display: inline-flex; align-items: center; gap: 7px; opacity: 0.92; transition: opacity .18s var(--ease), gap .18s var(--ease); }
.lg-cta-secondary:hover { color: #fff; opacity: 1; gap: 11px; }

/* ============================================================
   HARDENING — het slotblok is een gradient-kaart; accentwoord
   en tekst zijn daar egaal WIT (gradient-op-gradient is
   onleesbaar). De knop blijft wit met navy tekst.
   ============================================================ */
.elementor-widget-bconnect_lg_cta .lg-cta-block {
	background:
		radial-gradient(120% 140% at 0% 0%, rgba(35,1,251,0.55) 0%, transparent 60%),
		radial-gradient(100% 120% at 100% 100%, rgba(168,2,144,0.55) 0%, transparent 60%),
		linear-gradient(90deg, #2301fb 0%, #a80290 100%) !important;
}
.elementor-widget-bconnect_lg_cta .lg-cta-block h2,
.elementor-widget-bconnect_lg_cta .lg-cta-block h2 .accent {
	background: none !important;
	-webkit-background-clip: initial !important;
	background-clip: initial !important;
	-webkit-text-fill-color: #FFFFFF !important;
	color: #FFFFFF !important;
}
.elementor-widget-bconnect_lg_cta .lg-cta-btn {
	background: #fff !important;
	color: #141464 !important;
}
