/* Bconnect Automotive Track record — bron: upgrade-automotive.css */
.au-track > .container { width: 100%; max-width: var(--container, 1280px); margin: 0 auto; padding: 0 var(--gutter, 56px); }

/* ============================================================
   TRACK RECORD (au-track) — eigen sectie na Reviews
   Licht paneel: tekstkolom + 2x2-cijfergrid. Zelfde patroon en
   maatvoering als de Track record-sectie op /leadgeneratie/.
   ============================================================ */
/* Wit: de sectie zat in de wit/blauw-afwisseling verkeerd nadat de
   reviewsectie van /automotive/ af ging. */
.au-track { padding: var(--space-8) 0; background: var(--c-white); }
.au-track-grid {
  display: grid; grid-template-columns: 1fr 1fr; gap: clamp(32px, 5vw, 64px);
  align-items: center;
}
.au-track-body { margin: 18px 0 28px; color: var(--c-text-muted); }
.au-track-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 28px 32px; }
.au-track-stat { display: flex; flex-direction: column; gap: 8px; }
.au-track-num { font-size: clamp(42px, 5vw, 60px); }
.au-track-num-long { font-size: clamp(30px, 3.4vw, 44px); }
/* Tel-animatie zonder verspringende cijferbreedtes. Alleen
   tabellarische cijfers: de breedte van de eindwaarde wordt door
   au-track.js gemeten en als min-width gezet. In CSS met
   `min-width: <n>ch` mag het NIET, want .au-track-stats staat op
   `1fr 1fr` en `1fr` is `minmax(auto, 1fr)` — een grotere min-content
   duwt dan de kolom breder en daarmee de tekstkolom ernaast smaller
   (op /leadgeneratie/ kostte dat 31px sectiehoogte op 1024px). Op
   mobiel staan de kolommen op minmax(0, 1fr) en staat de reservering
   wél, in bconnect-mobile.css. */
.au-track-num, .au-track-count { font-variant-numeric: tabular-nums; font-feature-settings: "tnum" 1; }
.au-track-label {
  font-family: var(--font-body); font-size: 14px; line-height: 1.45;
  color: var(--c-text-muted); max-width: 13em;
}
@media (max-width: 820px) { .au-track-grid { grid-template-columns: 1fr; } }
@media (max-width: 460px) { .au-track-stats { grid-template-columns: 1fr; } }

/* ============================================================
   Gradient-cijfers + Elementor-overrides
   ============================================================ */
.au-track-num { font-family: var(--font-head); font-weight: var(--fw-semibold); line-height: 1; letter-spacing: -0.03em; white-space: nowrap; background: var(--gradient-text); -webkit-background-clip: text; background-clip: text; color: transparent; }
.elementor-widget-bconnect_au_track { margin: 0 !important; }
.elementor-widget-bconnect_au_track .accent, .elementor-widget-bconnect_au_track .au-track-num { 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_au_track .btn-primary { background: linear-gradient(90deg, #2301fb 0%, #a80290 100%) !important; color: #fff !important; }