/* Isolated mobile navigation. Loaded LAST on every public/client page. */
@media (min-width:761px){
  .mobile-bottom-nav{display:none!important}
}
@media (max-width:760px){
  html{-webkit-text-size-adjust:100%!important;text-size-adjust:100%!important}
  .mobile-bottom-nav{
    all:initial;
    box-sizing:border-box!important;
    position:fixed!important;
    z-index:2147483000!important;
    left:10px!important;
    right:10px!important;
    bottom:max(8px,env(safe-area-inset-bottom))!important;
    width:auto!important;
    height:86px!important;
    margin:0!important;
    padding:7px!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:5px!important;
    border:1px solid rgba(255,255,255,.14)!important;
    border-radius:24px!important;
    background:rgba(7,11,18,.98)!important;
    box-shadow:0 18px 56px rgba(0,0,0,.56),inset 0 0 0 1px rgba(89,227,255,.035)!important;
    -webkit-backdrop-filter:blur(22px) saturate(1.15)!important;
    backdrop-filter:blur(22px) saturate(1.15)!important;
    transform:none!important;
    scale:none!important;
    zoom:1!important;
    opacity:1!important;
    overflow:hidden!important;
    contain:layout paint!important;
    font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    font-size:16px!important;
    line-height:1!important;
    -webkit-font-smoothing:antialiased!important;
    -webkit-text-size-adjust:100%!important;
    text-size-adjust:100%!important;
  }
  .mobile-bottom-nav .mobile-nav-item{
    all:unset;
    box-sizing:border-box!important;
    min-width:0!important;
    height:72px!important;
    padding:6px 3px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    border-radius:17px!important;
    color:#b9c5d6!important;
    background:transparent!important;
    text-decoration:none!important;
    cursor:pointer!important;
    transform:none!important;
    scale:none!important;
    zoom:1!important;
    opacity:1!important;
    overflow:hidden!important;
    font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    font-size:13px!important;
    line-height:15px!important;
    font-weight:800!important;
    letter-spacing:0!important;
    text-align:center!important;
    -webkit-tap-highlight-color:transparent!important;
  }
  .mobile-bottom-nav .mobile-nav-item svg{
    all:unset;
    box-sizing:border-box!important;
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    min-height:30px!important;
    display:block!important;
    flex:0 0 30px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:2.15!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
    color:inherit!important;
    transform:none!important;
    scale:none!important;
    zoom:1!important;
    opacity:1!important;
  }
  .mobile-bottom-nav .mobile-nav-item span{
    all:unset;
    display:block!important;
    width:100%!important;
    color:inherit!important;
    font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    font-size:13px!important;
    line-height:15px!important;
    font-weight:800!important;
    letter-spacing:0!important;
    text-align:center!important;
    white-space:nowrap!important;
    transform:none!important;
    scale:none!important;
    zoom:1!important;
    opacity:1!important;
  }
  .mobile-bottom-nav .mobile-nav-item.active{
    color:#f4fbff!important;
    background:linear-gradient(145deg,rgba(89,227,255,.15),rgba(93,124,255,.10))!important;
    box-shadow:inset 0 0 0 1px rgba(89,227,255,.24),0 4px 18px rgba(0,0,0,.14)!important;
  }
  .mobile-bottom-nav .mobile-nav-item.active svg{color:#59e3ff!important;filter:drop-shadow(0 0 7px rgba(89,227,255,.32))!important}
  .mobile-bottom-nav .mobile-nav-item:active{background:rgba(89,227,255,.10)!important}

  /* Keep page content and any service CTA above the isolated bar. */
  body{padding-bottom:calc(106px + env(safe-area-inset-bottom))!important}
  .mobile-service-cta{
    bottom:calc(108px + env(safe-area-inset-bottom))!important;
    z-index:2147482000!important;
  }
}
@media (max-width:370px){
  .mobile-bottom-nav{left:6px!important;right:6px!important;height:82px!important;padding:6px!important}
  .mobile-bottom-nav .mobile-nav-item{height:68px!important}
  .mobile-bottom-nav .mobile-nav-item svg{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;flex-basis:28px!important}
  .mobile-bottom-nav .mobile-nav-item span{font-size:12.5px!important;line-height:14px!important}
}