/* MyLoanSaathi sitewide immediate-visibility + refined scroll layer
   v3 audit fix — intentionally CSS-only; no scroll interception or animation JS. */
:root { scroll-behavior: smooth; scroll-padding-top: 112px; scrollbar-color: #2b75e8 #eaf1fb; scrollbar-width: thin; }
html { -webkit-overflow-scrolling: touch; }
body { overflow-x: clip; }
/* The former scroll observer blurred and translated sections when they left view.
   Keep all copy and sections fully readable at every scroll position. */
body .mls-motion,
body .mls-motion.mls-inview,
body .mls-motion.mls-exit-up,
body .mls-motion.mls-exit-down,
body .reveal,
body .reveal:not(.is-visible),
body .reveal.is-visible,
body .reveal-soft,
body .reveal-up,
body .mls-reveal,
body [data-reveal],
body .scroll-reveal,
body .fade-in-up,
body .fade-in,
body .is-revealing,
body [data-aos],
body .aos-init,
body .aos-animate,
body [data-lux-reveal],
body .lux-before,
body .lux-before.lux-in,
body .smart-match .match-copy,
body .smart-match .wizard,
body .smart-match:not(.match-inview) .match-copy,
body .smart-match:not(.match-inview) .wizard {
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  transform: none !important;
  animation: none !important;
  transition: none !important;
  will-change: auto !important;
}
/* No opacity/blur reveal can hide text in nested descendants either. */
body .mls-motion *,
body .reveal *,
body [data-reveal] *,
body [data-lux-reveal] *,
body .lux-before *,
body .smart-match .match-copy *,
body .smart-match .wizard * { filter: none !important; }
/* Place Find Lender in the primary navigation, never among the right-side CTAs. */
#mls-global-header .mls-desktop-nav { display: flex; flex-wrap: nowrap; align-items: center; min-width: 0; gap: 2px; }
#mls-global-header .mls-desktop-nav > .mls-find-lender-nav { white-space: nowrap; flex: 0 0 auto; }
#mls-global-header .mls-nav-actions > .mls-find-lender-nav { display: none !important; }
#mls-global-header .mls-desktop-nav > a,
#mls-global-header .mls-desktop-nav > .mls-nav-group > .mls-nav-trigger { white-space: nowrap; }
@media (min-width: 1025px) and (max-width: 1280px) {
  #mls-global-header .mls-nav-row { gap: 8px !important; }
  #mls-global-header .mls-brand img { width: 142px !important; }
  #mls-global-header .mls-desktop-nav { gap: 0 !important; }
  #mls-global-header .mls-desktop-nav > a,
  #mls-global-header .mls-desktop-nav > .mls-nav-group > .mls-nav-trigger { padding-inline: 7px !important; font-size: 11.5px !important; }
  #mls-global-header .mls-nav-actions { gap: 4px !important; }
  #mls-global-header .mls-track { font-size: 11px !important; padding-inline: 7px !important; }
  #mls-global-header .mls-apply { padding-inline: 10px !important; font-size: 11px !important; }
}
/* Quiet premium surface depth on hover only; no scroll-linked transforms. */
@media (hover: hover) and (pointer: fine) {
  body .card:hover,
  body .knowledge-card:hover,
  body .discovery-card:hover,
  body .need-card:hover,
  body .review-cards article:hover,
  body .product-card:hover,
  body .tool-card:hover {
    box-shadow: 0 18px 42px rgba(7, 31, 72, .12);
  }
}
/* Premium slim scrollbar in Chromium/WebKit browsers. */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #eaf1fb; }
::-webkit-scrollbar-thumb { background: linear-gradient(180deg, #3a8bff, #174ba8); border: 2px solid #eaf1fb; border-radius: 999px; }
::-webkit-scrollbar-thumb:hover { background: linear-gradient(180deg, #1d72ec, #0d347f); }
@media (max-width: 1024px) {
  :root { scroll-padding-top: 88px; }
  #mls-global-header .mls-desktop-nav { display: none !important; }
}
@media (prefers-reduced-motion: reduce) {
  :root { scroll-behavior: auto !important; }
  *, *::before, *::after { scroll-behavior: auto !important; }
}