.lg-bg-navy .lg-track-body { color: rgba(255,255,255,0.82); }
.lg-bg-navy .lg-track-label { color: rgba(255,255,255,0.7); }
.lg-track-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(32px, 5vw, 64px); align-items: center; }
.lg-track-body { font-size: var(--fs-lead); line-height: 1.6; color: var(--c-text-muted); margin: 18px 0 28px; }
.lg-track-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 28px 32px; }
.lg-track-stat { display: flex; flex-direction: column; gap: 8px; }
.lg-track-stat .au-num { font-size: clamp(42px, 5vw, 60px); }
/* Tel-animatie zonder verspringende cijferbreedtes: tabellarische
   cijfers lopen alle even breed.

   De breedte van de eindwaarde wordt niet in CSS gereserveerd: lg-track.js
   meet die breedte en zet hem als min-width (Bconnect.armCount), en alleen
   zolang er geteld wordt. Een vaste `min-width: <n>ch` in CSS gaf een echte
   desktopregressie: `.lg-track-stats` staat op `1fr 1fr`, en `1fr` is
   `minmax(auto, 1fr)` — een grotere min-content duwt de kolom dus
   breder. Gemeten op 1024px: kolom 1 van 231 naar 278px, de tekstkolom
   ernaast van 462 naar 434px, waardoor de alinea een regel extra brak
   en de sectie 31px hoger werd. Hier is die reservering ook niet nodig:
   de cijfers lijnen links uit in een vaste cel, dus ze groeien naar
   rechts zonder iets te verplaatsen. Op mobiel staan ze gecentreerd en
   dáár staat de reservering wél, in bconnect-mobile.css. */
.lg-track-stat .au-num,
.lg-track-count {
	font-variant-numeric: tabular-nums;
	font-feature-settings: "tnum" 1;
}
.lg-track-label { font-size: 14px; line-height: 1.45; color: var(--c-text-muted); max-width: 13em; }

@media (max-width: 820px) {
  .lg-track-grid { grid-template-columns: 1fr; }
}

@media (max-width: 460px) {
  .lg-track-stats { grid-template-columns: 1fr; }
}

/* ===== HARDENING — gradient/kleur tegen theme-resets ===== */
.elementor-widget-bconnect_lg_track .accent {
	background: linear-gradient(90deg, #2301fb 0%, #a80290 100%) !important;
	-webkit-background-clip: text !important;
	background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
	color: transparent !important;
	display: inline-block;
}
.elementor-widget-bconnect_lg_track .btn-primary {
	background: linear-gradient(90deg, #2301fb 0%, #a80290 100%) !important;
	color: #fff !important;
}
.elementor-widget-bconnect_lg_track .btn-primary:hover {
	background: linear-gradient(90deg, #3a1eff 0%, #c213ad 100%) !important;
	color: #fff !important;
}