/* Keep styles scoped under #landing-content to avoid leaking */
#landing-content .hero {
  position: relative; height: 200px; border-radius: .75rem; overflow: hidden;
}
#landing-content .hero img { width: 100%; height: 100%; object-fit: cover; display: block; }
#landing-content .hero .overlay {
  position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,.15) 0%, rgba(0,0,0,.65) 100%);
}
#landing-content .hero .copy { position: absolute; left: 0; right: 0; bottom: 0; padding: 16px; color: #fff; }
#landing-content .feature-card img { width: 100%; height: 110px; object-fit: cover; border-top-left-radius: .5rem; border-top-right-radius: .5rem; }
#landing-content .feature-card { border-radius: .5rem; overflow: hidden; }
#landing-content .icon {
  width: 18px; height: 18px; margin-right: 6px; flex: 0 0 18px; color: #0d6efd;
}
#landing-content .muted { color: #6c757d; } /* Bootstrap-like neutral text */