/* Jongley shared header + menu (index.html and demo.html) */
.top{position:sticky;top:0;z-index:50;background:rgba(6,26,58,.97);border-bottom:1px solid rgba(158,196,255,.12);font-family:Carlito,Calibri,"Segoe UI",system-ui,-apple-system,Arial,sans-serif}
.top-in{max-width:1120px;margin:0 auto;padding:0 22px;height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;font-weight:700;font-size:21px;white-space:nowrap}
.brand img{width:40px;height:auto;border-radius:8px}
.brand .th{font-size:15px;color:#9EC4FF;font-weight:500}
.menu-btn{width:46px;height:46px;border:0;border-radius:12px;background:rgba(158,196,255,.12);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0}
.menu-btn span{display:block;width:22px;height:2.5px;border-radius:2px;background:#fff;transition:transform .2s,opacity .2s}
.top.open .menu-btn span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
.top.open .menu-btn span:nth-child(2){opacity:0}
.top.open .menu-btn span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}
.menu-btn:focus-visible,.menu a:focus-visible{outline:3px solid #9EC4FF;outline-offset:2px}
.menu{display:none}
.menu ul{list-style:none;margin:0;padding:0}
.menu a{text-decoration:none;color:#D6E6FF}
.top.open .menu{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;height:calc(100vh - 64px);height:calc(100dvh - 64px);overflow-y:auto;background:#061A3A;padding:14px 22px 28px;border-top:1px solid rgba(158,196,255,.15)}
.top.open .menu li a{display:block;font-size:22px;font-weight:700;padding:13px 14px;border-radius:12px}
.top.open .menu li a:hover{background:#0B2A56;color:#fff}
.menu a[aria-current=true]{color:#fff}
.top.open .menu a[aria-current=true],.top.open .menu a[aria-current=page]{background:#0B2A56;box-shadow:inset 4px 0 0 #0B5FFF}
.menu-sub{margin:18px 14px 4px;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#9EC4FF}
.menu-cta{display:block;margin-top:18px;background:#0B5FFF;color:#fff!important;font-weight:700;font-size:18px;text-align:center;padding:14px 20px;border-radius:999px}
.menu-cta:hover{background:#1A6DFF}
html.menu-open{overflow:hidden}
@media (min-width:1040px){
  .menu-btn{display:none}
  .menu,.top.open .menu{display:flex;align-items:center;gap:6px;position:static;height:auto;padding:0;background:none;border:0;flex-direction:row;overflow:visible}
  .menu ul{display:flex;gap:2px}
  .menu li a,.top.open .menu li a{display:block;font-size:16px;font-weight:400;padding:8px 7px;border-radius:8px;position:relative;box-shadow:none;background:none}
  .menu li a:hover{color:#fff;background:rgba(158,196,255,.1)}
  .menu li a[aria-current=true]{font-weight:700}
  .menu li a[aria-current=true]:after{content:"";position:absolute;left:7px;right:7px;bottom:0;height:3px;border-radius:2px;background:#0B5FFF}
  .menu-sub,.menu .menu-flows{display:none}
  .menu-cta{margin:0 0 0 10px;font-size:15px;padding:9px 18px}
}
/* end nav.css */