/* ============================================================
   Winjit US - PropTech and Real Estate
   Page-specific extras only. Hero, impact band, capability grid,
   systems columns, compliance blocks and portfolio entries all
   come from css/industry.css and css/landing.css.
   ============================================================ */

/* ---------- impact band: light section, not a flat dark-gradient
   box. Hero is already dark and photographic; stacking a solid
   color band directly under it read as two unrelated banners.
   Numbers stay the story - set on white, bordered cards, blue for
   proof (this is daylight ground, not a midnight band). ---------- */
#impact { background: var(--mint); padding: clamp(64px, 8vw, 100px) 0 clamp(56px, 6vw, 88px); }
#impact .lp-voice__bg { display: none; }
#impact .in-impact__head h2 { color: var(--grey-900); }
#impact .lp-voice__nav button {
  background: #fff; border-color: var(--strokes); color: var(--grey-700);
}
#impact .lp-voice__nav button:hover { background: var(--primary); border-color: var(--primary); color: #fff; }
#impact .lp-voice__nav button:disabled { background: #fff; color: var(--grey-400); }
#impact .lp-voice__progress { background: var(--grey-200); }
#impact .lp-voice__progress span { background: linear-gradient(90deg, var(--primary), #0A6FB0); }

#impact .in-imp {
  background: #fff; border: 1px solid var(--card-border-green);
  -webkit-backdrop-filter: none; backdrop-filter: none;
  transition: transform 250ms var(--ease-out), border-color 250ms ease, box-shadow 250ms ease;
}
#impact .in-imp:hover { transform: translateY(-5px); border-color: var(--blue-hover-border); box-shadow: var(--shadow-blue-lift); }
#impact .in-imp__fig { color: var(--primary); }
#impact .in-imp__claim { color: var(--grey-900); }
#impact .in-imp__ctx { color: var(--grey-600); }
#impact .in-imp__client { border-top-color: var(--grey-200); color: var(--grey-500); }

/* ---------- regulated decisions: light soft-blue band, not another
   black surface. It sits directly under the dark systems section, so
   it has to read as a different band, not a continuation of it. ---------- */
#regulated { background: var(--soft-blue); color: var(--grey-600); }
#regulated::before, #regulated::after { display: none; }
#regulated h2 { color: var(--grey-900); }
#regulated .lp-deck { color: var(--grey-600); }
#regulated .lp-gov__block {
  background: #fff; border-color: var(--blue-wash-border);
  transition: transform 300ms var(--ease-out), border-color 200ms ease, box-shadow 200ms ease;
}
#regulated .lp-gov__block:hover { border-color: var(--blue-hover-border); box-shadow: var(--shadow-blue-lift); transform: translateY(-4px); }
#regulated .lp-gov__block svg { color: var(--primary); background: var(--soft-blue); border-color: var(--blue-wash-border); }
#regulated .lp-gov__block h3, #regulated .lp-gov__block h4 { color: var(--grey-900); }
#regulated .lp-gov__block p { color: var(--grey-600); }