/* Brolly light refinement, footer and app mockup alignment, 2026-05-24 */
:root{
  --brolly-green:#10B981;
  --brolly-green-dark:#059669;
  --brolly-app-green:#3FFD6A;
  --brolly-app-green-solid:#34C759;
  --brolly-app-green-soft:#D9FFE1;
  --brolly-app-purple:#B464FF;
  --brolly-app-purple-dark:#8324DD;
  --brolly-app-purple-soft:#F0EFF9;
  --brolly-ink:#0A0E1A;
  --brolly-slate-900:#1F2937;
  --brolly-slate-700:#374151;
  --brolly-slate-600:#4B5563;
  --brolly-slate-400:#9CA3AF;
  --brolly-slate-300:#D1D5DB;
  --brolly-slate-200:#E5E7EB;
  --brolly-slate-100:#F3F4F6;
  --brolly-slate-50:#F9FAFB;
  --brolly-white:#FFFFFF;
  --brolly-soft-shadow:0 8px 24px rgba(0,0,0,.06);
}
html,
body{
  background:var(--brolly-white)!important;
}
.live-status-bar{
  background:var(--brolly-slate-50)!important;
  background-image:none!important;
  border-bottom:1px solid var(--brolly-slate-200)!important;
  color:var(--brolly-slate-900)!important;
  box-shadow:none!important;
}
.live-status-bar span:not(.live-status-dot){
  color:var(--brolly-slate-900)!important;
}
.live-status-dot{
  background:var(--brolly-green)!important;
  box-shadow:0 0 0 4px rgba(16,185,129,.12)!important;
}
.menu-overlay,
.mega-menu-cashapp,
.mega-menu-clean,
.mega-menu-content{
  background:var(--brolly-white)!important;
  background-image:none!important;
  color:var(--brolly-slate-900)!important;
}
.menu-overlay h1,
.menu-overlay h2,
.menu-overlay h3,
.menu-overlay strong,
.menu-feature-card h2,
.menu-product-links strong,
.menu-side-links a{
  color:var(--brolly-slate-900)!important;
}
.menu-overlay p,
.menu-overlay small,
.menu-overlay span:not(.menu-card-index):not(.menu-link-icon),
.menu-column-eyebrow,
.menu-side-links .menu-group h3{
  color:var(--brolly-slate-600)!important;
}
.menu-feature-card,
.menu-product-links a,
.menu-side-links a,
.mega-menu-cashapp .menu-feature-card,
.mega-menu-clean .menu-feature-card{
  background:var(--brolly-white)!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  color:var(--brolly-slate-900)!important;
}
.menu-feature-card:hover,
.menu-product-links a:hover,
.menu-side-links a:hover,
.mega-menu-cashapp .menu-feature-card:hover,
.mega-menu-clean .menu-feature-card:hover{
  background:var(--brolly-slate-50)!important;
  color:var(--brolly-green)!important;
}
.menu-close{
  color:var(--brolly-slate-900)!important;
}
.menu-card-index,
.menu-link-icon{
  color:var(--brolly-green)!important;
  border-color:rgba(16,185,129,.32)!important;
  background:transparent!important;
}
/* Replace dark inverse callouts with soft Slate blocks and a Brolly Green edge. */
main .panel-open,
main .mobile-open-section,
main.lenders-page-20260524 > section.lr-final,
main.borrowers-page-20260524 > section.br-final,
main.how-tight-20260524 > section.hw-final,
main.underwriting-page > section.underwriting-final-cta,
main.underwriting-page-tight > section.underwriting-final-cta,
main.risk-page > section.risk-closing,
main.faq-page > section.faq-final-cta,
main.learn-page.company-page > section.company-final-section,
main.compliance-reg-20260524 > section.compliance-final,
main.tight-investors-20260524 > section.i-section.compact:last-of-type,
main.hnw-page-refresh > section.hnw-section-refresh.compact:last-of-type,
main .lr-final,
main .br-final,
main .hw-final,
main .underwriting-final-cta,
main .risk-closing,
main .faq-final-cta,
main .company-final-section,
main .compliance-final{
  background:var(--brolly-slate-50)!important;
  background-image:none!important;
  color:var(--brolly-slate-900)!important;
  border-color:var(--brolly-slate-200)!important;
  box-shadow:inset 4px 0 0 var(--brolly-green)!important;
}
main .panel-open h1,main .panel-open h2,main .panel-open h3,
main .mobile-open-section h1,main .mobile-open-section h2,main .mobile-open-section h3,
main .lr-final h1,main .lr-final h2,main .lr-final h3,
main .br-final h1,main .br-final h2,main .br-final h3,
main .hw-final h1,main .hw-final h2,main .hw-final h3,
main .underwriting-final-cta h1,main .underwriting-final-cta h2,main .underwriting-final-cta h3,
main .risk-closing h1,main .risk-closing h2,main .risk-closing h3,
main .faq-final-cta h1,main .faq-final-cta h2,main .faq-final-cta h3,
main .company-final-section h1,main .company-final-section h2,main .company-final-section h3,
main .compliance-final h1,main .compliance-final h2,main .compliance-final h3,
main.tight-investors-20260524 > section.i-section.compact:last-of-type h1,
main.tight-investors-20260524 > section.i-section.compact:last-of-type h2,
main.tight-investors-20260524 > section.i-section.compact:last-of-type h3,
main.hnw-page-refresh > section.hnw-section-refresh.compact:last-of-type h1,
main.hnw-page-refresh > section.hnw-section-refresh.compact:last-of-type h2,
main.hnw-page-refresh > section.hnw-section-refresh.compact:last-of-type h3{
  color:var(--brolly-slate-900)!important;
}
main .panel-open p,main .panel-open li,main .panel-open small,
main .mobile-open-section p,main .mobile-open-section li,main .mobile-open-section small,
main .lr-final p,main .lr-final li,main .lr-final small,
main .br-final p,main .br-final li,main .br-final small,
main .hw-final p,main .hw-final li,main .hw-final small,
main .underwriting-final-cta p,main .underwriting-final-cta li,main .underwriting-final-cta small,
main .risk-closing p,main .risk-closing li,main .risk-closing small,
main .faq-final-cta p,main .faq-final-cta li,main .faq-final-cta small,
main .company-final-section p,main .company-final-section li,main .company-final-section small,
main .compliance-final p,main .compliance-final li,main .compliance-final small,
main.tight-investors-20260524 > section.i-section.compact:last-of-type p,
main.hnw-page-refresh > section.hnw-section-refresh.compact:last-of-type p{
  color:var(--brolly-slate-600)!important;
}
main .panel-open .kicker,
main .mobile-open-section .kicker,
main .lr-final [class*="kicker"],
main .br-final [class*="kicker"],
main .hw-final [class*="kicker"],
main .underwriting-final-cta [class*="kicker"],
main .risk-closing [class*="kicker"],
main .faq-final-cta [class*="kicker"]{
  color:var(--brolly-green)!important;
}
/* Light footer site-wide. */
.footer,
.site-footer{
  background:var(--brolly-slate-50)!important;
  background-image:none!important;
  color:var(--brolly-slate-600)!important;
  border-top:1px solid var(--brolly-slate-200)!important;
  box-shadow:none!important;
}
.footer h1,.footer h2,.footer h3,.footer strong,
.site-footer h1,.site-footer h2,.site-footer h3,.site-footer strong{
  color:var(--brolly-slate-900)!important;
}
.footer p,.footer span,.footer li,.footer small,
.site-footer p,.site-footer span,.site-footer li,.site-footer small{
  color:var(--brolly-slate-600)!important;
}
.footer a,.site-footer a{
  color:var(--brolly-slate-900)!important;
  text-decoration:none!important;
}
.footer a:hover,.site-footer a:hover{
  color:var(--brolly-green)!important;
}
.footer-logo,
.footer img[alt="Brolly"]{
  filter:none!important;
}
.footer-social-link{
  background:var(--brolly-white)!important;
  border-color:var(--brolly-slate-200)!important;
  color:var(--brolly-slate-900)!important;
}
/* Site-wide app mockup frame and palette alignment. Non-homepage text stays untouched. */
.lr-phone-stage,
.br-phone-stage{
  min-height:540px!important;
}
.lr-phone-glow,
.br-phone-glow{
  background:radial-gradient(circle, rgba(63,253,106,.18), rgba(180,100,255,.12) 48%, transparent 70%)!important;
  filter:blur(18px)!important;
  opacity:.72!important;
}
.lr-phone,
.br-phone,
.phone-frame,
.scroll-app-phone,
.faq-phone-frame{
  background:transparent!important;
  background-image:none!important;
  padding:0!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:24px!important;
}
.phone-notch{
  display:none!important;
}
.lr-phone-screen,
.br-phone-screen,
.phone-screen,
.theatre-phone-screen,
.faq-phone-screen{
  background:#FFFFFF!important;
  background-image:none!important;
  border:1px solid var(--brolly-slate-200)!important;
  border-radius:24px!important;
  box-shadow:var(--brolly-soft-shadow)!important;
  color:var(--brolly-ink)!important;
}
.lr-mock-logo,
.br-mock-logo{
  display:block!important;
  height:24px!important;
  width:auto!important;
  max-width:92px!important;
  margin:0 auto 12px!important;
  box-shadow:none!important;
}
.lr-phone-status,
.br-phone-status,
.lr-phone-top,
.br-phone-top,
.lr-phone-nav,
.br-phone-nav{
  color:var(--brolly-ink)!important;
}
.lr-portfolio-card,
.br-amount-card{
  background:linear-gradient(135deg, rgba(63,253,106,.34), rgba(217,255,225,.78))!important;
  color:var(--brolly-ink)!important;
  border:1px solid rgba(52,199,89,.18)!important;
}
.lr-diversify-panel,
.br-cost-card,
.br-checks,
.lr-mini-card,
.br-cost-row,
.lr-loan-row{
  background:var(--brolly-slate-50)!important;
  color:var(--brolly-ink)!important;
  border-color:var(--brolly-slate-200)!important;
  box-shadow:none!important;
}
.lr-mini-card:nth-child(2),
.br-check b,
.lr-avatar,
.br-avatar{
  background:var(--brolly-app-purple-soft)!important;
  color:var(--brolly-app-purple-dark)!important;
}
.lr-allocation span:nth-child(odd),
.br-phone-cta{
  background:var(--brolly-app-green)!important;
  color:var(--brolly-ink)!important;
}
.lr-allocation span:nth-child(even){
  background:var(--brolly-app-purple)!important;
}
.lr-phone-nav,
.br-phone-nav{
  border-top:1px solid var(--brolly-slate-200)!important;
}
@media (max-width:760px){
  .footer,
  .site-footer{
    background:var(--brolly-slate-50)!important;
  }
  main .lr-final,
  main .br-final,
  main .hw-final,
  main .underwriting-final-cta,
  main .risk-closing,
  main .faq-final-cta,
  main .company-final-section,
  main .compliance-final{
    box-shadow:inset 4px 0 0 var(--brolly-green)!important;
  }
}

/* FAQ app preview follows the same light mockup frame and app palette. */
.faq-phone-frame{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  padding:0!important;
  border-radius:24px!important;
  box-shadow:none!important;
}
.faq-phone-frame:before,
.faq-phone-notch{
  display:none!important;
  content:none!important;
}
.faq-phone-screen{
  background:#FFFFFF!important;
  background-image:none!important;
  border:1px solid var(--brolly-slate-200)!important;
  border-radius:24px!important;
  box-shadow:var(--brolly-soft-shadow)!important;
  color:var(--brolly-ink)!important;
  padding:22px 20px 18px!important;
}
.faq-mock-logo{
  display:block!important;
  height:24px!important;
  width:auto!important;
  max-width:92px!important;
  margin:0 auto 12px!important;
  box-shadow:none!important;
}
.faq-phone-status{
  color:var(--brolly-ink)!important;
}
.faq-phone-avatar{
  background:var(--brolly-app-purple-soft)!important;
  color:var(--brolly-app-purple-dark)!important;
}
.faq-phone-card{
  background:linear-gradient(135deg, rgba(63,253,106,.34), rgba(217,255,225,.78))!important;
  color:var(--brolly-ink)!important;
  border:1px solid rgba(52,199,89,.18)!important;
  box-shadow:none!important;
}
.faq-phone-card small,
.faq-phone-card strong,
.faq-phone-card span{
  color:var(--brolly-ink)!important;
}
.faq-phone-actions b:first-child{
  background:var(--brolly-app-green)!important;
  color:var(--brolly-ink)!important;
}
.faq-phone-actions b:last-child{
  background:var(--brolly-app-purple-soft)!important;
  color:var(--brolly-app-purple-dark)!important;
}
.faq-phone-tile,
.faq-phone-faq{
  background:var(--brolly-slate-50)!important;
  border-color:var(--brolly-slate-200)!important;
  color:var(--brolly-ink)!important;
  box-shadow:none!important;
}
.faq-phone-tile small,
.faq-phone-faq small{
  color:var(--brolly-slate-600)!important;
}
.faq-phone-tabs{
  border-top:1px solid var(--brolly-slate-200)!important;
  color:var(--brolly-slate-600)!important;
}