/* One shared fixed header for the homepage, products and existing site pages. */
#navbar.site-nav { position:fixed; inset:0 0 auto; z-index:1000; background:rgba(255,255,255,.98); border-bottom:1px solid #e9eef7; box-shadow:none; }
#navbar.site-nav .nav-container { height:48px; min-height:48px; max-height:none; max-width:none; width:100%; margin:auto; padding:0 4.88vw; display:flex; align-items:center; gap:24px; }
#navbar.site-nav .nav-brand { gap:10px; }
#navbar.site-nav .logo { width:28px; height:32px; object-fit:contain; }
#navbar.site-nav .brand-text { color:#0c1731; font-size:22px; font-weight:800; letter-spacing:-.8px; }
#navbar.site-nav .nav-menu { position:static; display:flex; flex:1; flex-direction:row; align-items:center; justify-content:flex-end; height:auto; width:auto; padding:0; margin:0; gap:clamp(13px,1.6vw,28px); background:transparent; border:0; transform:none; opacity:1; visibility:visible; }
#navbar.site-nav .nav-link { font-size:13px; color:#162542; white-space:nowrap; }
#navbar.site-nav .nav-link:hover,#navbar.site-nav .nav-link[aria-current] { color:#155bff; }
#navbar.site-nav .nav-link i { font-size:9px; margin-left:4px; }
#navbar.site-nav .btn { font-size:13px; padding:9px 16px; border-radius:5px; white-space:nowrap; }
#navbar.site-nav .nav-signin { background:#edf3ff; color:#102344; margin-left:clamp(6px,4vw,80px); box-shadow:none; }
#navbar.site-nav .btn-primary { background:#155bff; color:white; }
#navbar.site-nav .dropdown-menu { background:#fff; border:1px solid #e1eafa; min-width:210px; padding:8px; border-radius:9px; box-shadow:0 16px 35px #1128501a; }
#navbar.site-nav .dropdown-item { display:block; font-size:13px; color:#243757; border-radius:5px; padding:10px 12px; }
#navbar.site-nav .dropdown-item:hover { color:#155bff; background:#edf4ff; }
#navbar.site-nav .nav-dropdown:focus-within .dropdown-menu { visibility:visible; opacity:1; transform:translateY(0); }
#navbar.site-nav .hamburger { display:none; border:0; padding:8px; background:transparent; flex-direction:column; gap:5px; cursor:pointer; }
#navbar.site-nav .bar { background:#182946; width:24px; height:2px; }
#navbar.site-nav a:focus-visible,#navbar.site-nav button:focus-visible { outline:2px solid #155bff; outline-offset:3px; }
@media(max-width:1150px) {
 #navbar.site-nav .nav-container { gap:16px; }
 #navbar.site-nav .nav-menu { gap:13px; }
 #navbar.site-nav .nav-link,#navbar.site-nav .btn { font-size:11px; }
 #navbar.site-nav .brand-text { font-size:20px; }
 #navbar.site-nav .nav-signin { margin-left:6px; }
 #navbar.site-nav .btn { padding:8px 11px; }
}
@media(max-width:900px) {
 #navbar.site-nav .nav-container { height:64px; padding:0 24px; justify-content:space-between; }
 #navbar.site-nav .hamburger { display:flex; }
 #navbar.site-nav .nav-menu { display:none; position:absolute; top:64px; left:0; right:0; width:100%; max-height:calc(100dvh - 64px); overflow-y:auto; background:#fff; padding:20px 24px; border-bottom:1px solid #dfe9f7; flex-direction:column; align-items:stretch; justify-content:flex-start; flex:none; gap:16px; }
 #navbar.site-nav .nav-menu.active { display:flex; }
 #navbar.site-nav .nav-link,#navbar.site-nav .btn { font-size:13px; }
 #navbar.site-nav .nav-signin { margin:0; }
 #navbar.site-nav .dropdown-menu { display:block; position:static; visibility:visible; opacity:1; transform:none; box-shadow:none; border:0; border-left:2px solid #e5efff; padding:3px 0 3px 12px; margin-top:6px; min-width:0; }
 #navbar.site-nav .dropdown-item { padding:6px 8px; font-size:12px; }
}
#navbar.site-nav .nav-chevron { font-size:10px; margin-left:5px; }
@media(min-width:901px) { #navbar.site-nav .dropdown-menu { max-height:calc(100dvh - 64px); overflow-y:auto; } }
