/* LeadG2 Barriers Split (2026) — scoped to .lg2-bar */
.lg2-bar { position: relative; overflow: hidden; padding: 96px 44px; font-family: 'Mulish', system-ui, -apple-system, sans-serif; }
.lg2-bar * { box-sizing: border-box; }
.lg2-bar__blob { position: absolute; bottom: -120px; left: -60px; width: 360px; height: 360px; border-radius: 50%; opacity: 0.14; filter: blur(22px); pointer-events: none; }
.lg2-bar__wrap { position: relative; max-width: 1180px; margin: 0 auto; display: grid; grid-template-columns: 1.08fr 0.92fr; gap: 48px; align-items: center; }
.lg2-bar__eyebrow { display: inline-block; font-weight: 800; font-size: 13px; letter-spacing: 1.6px; text-transform: uppercase; margin-bottom: 16px; }
.lg2-bar__heading { margin: 0 0 18px; font-weight: 800; font-size: clamp(28px, 3.2vw, 42px); line-height: 1.08; letter-spacing: -1.3px; color: #fff; }
.lg2-bar__body { margin: 0 0 26px; font-family: 'Lora', Georgia, serif; font-size: 17px; line-height: 1.62; color: #9DA6B5; }
.lg2-bar__body p { margin: 0; }
.lg2-bar__table { border-radius: 14px; overflow: hidden; border: 1px solid rgba(255,255,255,0.1); }
.lg2-bar__thead, .lg2-bar__trow { display: grid; grid-template-columns: 1fr auto; }
.lg2-bar__th { padding: 13px 20px; font-weight: 800; font-size: 11.5px; letter-spacing: 0.8px; text-transform: uppercase; color: #fff; }
.lg2-bar__th--right { text-align: right; }
.lg2-bar__trow { background: rgba(255,255,255,0.03); border-top: 1px solid rgba(255,255,255,0.08); }
.lg2-bar__td { padding: 13px 20px; font-weight: 600; font-size: 14px; color: #D4DAE3; }
.lg2-bar__td--pct { font-weight: 800; text-align: right; }
.lg2-bar__card { border-radius: 22px; border: 1px solid rgba(255,255,255,0.09); padding: 38px; box-shadow: 0 40px 80px -34px rgba(0,0,0,0.6); }
.lg2-bar__card-title { font-weight: 800; font-size: 21px; color: #fff; margin-bottom: 20px; }
.lg2-bar__item { display: flex; align-items: flex-start; gap: 12px; padding: 9px 0; font-weight: 600; font-size: 15.5px; line-height: 1.4; color: #D4DAE3; }
.lg2-bar__dot { flex: 0 0 auto; font-size: 17px; line-height: 1.3; }

@keyframes lg2-bar-rise { from { opacity: 0; transform: translateY(22px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: no-preference) {
  @supports (animation-timeline: view()) {
    .lg2-bar--anim .lg2-bar__rise { animation: lg2-bar-rise linear both; animation-timeline: view(); animation-range: entry 0% entry 42%; }
  }
}

@media (max-width: 900px) {
  .lg2-bar { padding: 60px 24px; }
  .lg2-bar__wrap { grid-template-columns: 1fr; gap: 28px; }
  .lg2-bar__card { padding: 30px; }
}