/* LumoLoans shared brand layer */
.logo{display:flex!important;align-items:center!important;font-size:0!important;line-height:0!important}
.logo img{display:block!important;width:235px!important;height:auto!important;max-width:100%!important}
.loader-logo{display:block!important;width:min(138px,34vw)!important;height:auto!important;max-width:160px!important;margin:0 auto 24px!important}
body{font-family:Arial,Helvetica,sans-serif!important;-webkit-font-smoothing:antialiased}
@media(max-width:700px){.logo img{width:180px!important}.loader-logo{width:min(118px,42vw)!important;margin-bottom:20px!important}}
@media(max-width:420px){.logo img{width:165px!important}}
@media(max-width:700px){
  .site-header{position:relative!important;z-index:1000!important}
  .header-inner{position:relative!important}
  .menu-toggle{display:block!important;border:0!important;background:transparent!important;padding:8px!important;font-size:0!important;line-height:1!important;color:var(--navy,#273740)!important}
  .main-nav{display:none!important;position:absolute!important;top:100%!important;left:0!important;right:0!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;padding:8px!important;background:var(--cream,#fffaf4)!important;border:1px solid var(--line,#e7ddd5)!important;border-top:0!important;box-shadow:0 14px 28px rgba(39,55,64,.12)!important}
  .main-nav.open{display:flex!important}
  .main-nav a{display:block!important;padding:13px 15px!important;font-size:14px!important;white-space:normal!important;border-radius:9px!important}
  .main-nav a:hover{background:#fff0e7!important}
}

/* Logo-only loading screen shared by every public page */
.page-loader{position:fixed!important;inset:0!important;z-index:99999!important;display:grid!important;place-items:center!important;background:var(--cream,#fffaf4)!important;opacity:1;visibility:visible;transition:opacity .45s ease,visibility .45s ease}
.page-loader.is-hidden{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
.loader-inner{text-align:center!important}
.loader-logo{animation:lumoLoaderPulse 1.25s ease-in-out infinite alternate!important}
@keyframes lumoLoaderPulse{from{transform:translateY(0) scale(.96);opacity:.78}to{transform:translateY(-5px) scale(1);opacity:1}}
@media(prefers-reduced-motion:reduce){.loader-logo{animation:none!important}}

/* LumoLoans mobile menu — verified 3-line implementation */
@media (max-width:700px){
  .menu-toggle{
    display:block!important;
    position:relative!important;
    z-index:1002!important;
    width:48px!important;
    height:48px!important;
    padding:8px!important;
    border:0!important;
    background:transparent!important;
    cursor:pointer!important;
    pointer-events:auto!important;
    font-size:0!important;
    line-height:0!important;
  }
  .menu-toggle span{
    display:block!important;
    width:25px!important;
    height:2px!important;
    margin:5px auto!important;
    background:var(--navy,#273740)!important;
    border-radius:1px!important;
  }
  .main-nav{
    z-index:1001!important;
  }
  .main-nav.open{
    display:flex!important;
  }
}

/* Final mobile menu interaction fix */
@media(max-width:700px){
  .menu-toggle{
    position:relative!important;
    z-index:1005!important;
    display:block!important;
    width:48px!important;
    height:48px!important;
    padding:8px!important;
    border:0!important;
    background:transparent!important;
    pointer-events:auto!important;
    cursor:pointer!important;
    touch-action:manipulation!important;
  }
  .menu-toggle span{
    display:block!important;
    width:25px!important;
    height:2px!important;
    margin:5px auto!important;
    background:var(--navy,#273740)!important;
  }
}

/* Final mobile interaction safety */
@media(max-width:700px){
  .site-header{position:relative!important;z-index:10000!important}
  .header-inner{position:relative!important;z-index:10001!important}
  .menu-toggle{position:relative!important;z-index:10003!important;pointer-events:auto!important;touch-action:manipulation!important}
  .main-nav{z-index:10002!important}
  .page-loader.is-hidden{pointer-events:none!important}
  .page-loader{pointer-events:none!important}
}

/* Final verified mobile navigation */
@media (max-width:700px){
  .site-header{position:relative!important;z-index:2147483000!important}
  .header-inner{position:relative!important;z-index:2147483001!important}
  .menu-toggle{
    position:relative!important;
    z-index:2147483003!important;
    display:block!important;
    width:52px!important;
    height:52px!important;
    min-width:52px!important;
    min-height:52px!important;
    padding:10px!important;
    margin:0!important;
    border:0!important;
    background:transparent!important;
    cursor:pointer!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
    -webkit-tap-highlight-color:transparent!important;
  }
  .menu-toggle span{
    display:block!important;
    width:25px!important;
    height:2px!important;
    margin:5px auto!important;
    background:var(--navy,#273740)!important;
    border-radius:1px!important;
    pointer-events:none!important;
  }
  .main-nav{
    z-index:2147483002!important;
    pointer-events:auto!important;
  }
  .main-nav.open{
    display:flex!important;
  }
  .page-loader,
  .page-loader.is-hidden{
    pointer-events:none!important;
  }
}

/* LumoLoans mobile hamburger: exactly three real spans */
@media (max-width: 768px) {
  .menu-toggle {
    position: relative;
    z-index: 10001;
    width: 52px;
    height: 52px;
    min-width: 52px;
    min-height: 52px;
    padding: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    pointer-events: auto;
    touch-action: manipulation;
  }
  .menu-toggle > span {
    display: block;
    width: 24px;
    height: 2px;
    flex: 0 0 2px;
  }
}