/* SatmeriX shared header (same as home page). Add class "pro-nav-page" to <body>. */
.pro-nav-page{--line:rgba(179,197,238,.15)}
.pro-nav-page .nav a{color:inherit;text-decoration:none}
.pro-nav-page .nav{position:sticky;top:0;z-index:20;isolation:isolate;display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(150px,1fr);align-items:center;gap:24px;min-height:104px;padding:12px clamp(18px,2.2vw,36px);overflow:visible;border-bottom:1px solid rgba(180,194,235,.12);background:linear-gradient(105deg,#070d1d 0%,#0c112a 52%,#202050 100%);box-shadow:0 12px 38px rgba(0,0,0,.18);backdrop-filter:blur(18px)}
.pro-nav-page .nav:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.34;background-image:radial-gradient(circle at 11% 68%,rgba(44,216,205,.85) 0 1px,transparent 2px),radial-gradient(circle at 36% 20%,rgba(111,133,255,.75) 0 1px,transparent 2px),radial-gradient(circle at 70% 82%,rgba(44,216,205,.72) 0 1px,transparent 2px),linear-gradient(90deg,transparent,rgba(125,110,255,.12),transparent);background-size:260px 100%,360px 100%,310px 100%,200% 100%;animation:nav-glow-drift 18s linear infinite}
.pro-nav-page .nav>*{position:relative;z-index:1}
.pro-nav-page .nav .brand{gap:12px;justify-self:start}
.pro-nav-page .nav .brand img{width:68px;height:68px;min-width:68px}
.pro-nav-page .nav .brand-name{color:#fff;font-size:27px;letter-spacing:-.04em}
.pro-nav-page .nav .brand-name span{color:#10c9b8;background:none;-webkit-background-clip:initial;background-clip:initial;-webkit-text-fill-color:#10c9b8}
.pro-nav-page .nav .brand-tag{margin-top:5px;color:#b4bfd8;font-size:10px;letter-spacing:.17em}
.pro-nav-page .navlinks{justify-self:center;display:flex;align-items:center;gap:5px;padding:7px;border:1px solid rgba(212,218,243,.16);border-radius:999px;color:#d4d9ea;background:rgba(255,255,255,.075);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.pro-nav-page .navlinks a{padding:12px 20px;border:0;border-radius:999px;color:#d3d8e9;font-size:14px;font-weight:650;white-space:nowrap;transition:color .2s,background .2s,transform .2s}
.pro-nav-page .navlinks a:hover{color:#fff;background:rgba(255,255,255,.08)}
.pro-nav-page .navlinks a.is-active,.pro-nav-page .navlinks a[aria-current="page"]{color:#fff;background:#6258f5;box-shadow:0 5px 18px rgba(98,88,245,.34)}
.pro-nav-page .nav>.btn{justify-self:end;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:13px 24px;border:1px solid transparent;border-radius:999px;color:#fff;background:#6258f5;font-size:14px;font-weight:700;line-height:1.2;box-shadow:0 8px 24px rgba(98,88,245,.24);transition:transform .2s,box-shadow .2s,border-color .2s}
.pro-nav-page .nav>.btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(98,88,245,.34);opacity:1;background:#6258f5}
.pro-nav-page .menu{display:none;margin-left:auto;padding:9px 13px;color:#f5f7ff;background:rgba(255,255,255,.07);border:1px solid var(--line);border-radius:12px}
.pro-nav-page .navlinks a:focus-visible,.pro-nav-page .menu:focus-visible,.pro-nav-page .nav>.btn:focus-visible{outline:2px solid #8c83ff;outline-offset:3px}
@keyframes nav-glow-drift{from{background-position:0 0,0 0,0 0,0 0}to{background-position:260px 0,-360px 0,310px 0,200% 0}}

@media(max-width:1100px){
.pro-nav-page .nav{grid-template-columns:minmax(190px,1fr) auto minmax(130px,1fr);gap:12px}
.pro-nav-page .navlinks a{padding:11px 14px;font-size:13px}
.pro-nav-page .nav .brand-tag{display:none}
}
@media(max-width:800px){
.pro-nav-page .nav{grid-template-columns:minmax(0,1fr) auto auto;min-height:82px}
.pro-nav-page .navlinks{display:none;position:absolute;top:calc(100% - 4px);left:16px;right:16px;justify-self:stretch;flex-direction:column;align-items:stretch;gap:4px;padding:10px;border:1px solid var(--line);border-radius:18px;background:rgba(9,14,34,.98);box-shadow:0 20px 45px rgba(0,0,0,.38)}
.pro-nav-page .navlinks.is-open{display:flex}
.pro-nav-page .navlinks a{padding:12px 14px;border:0;border-radius:12px}
.pro-nav-page .menu{display:block;font-size:0;cursor:pointer}
.pro-nav-page .menu:before{content:"☰";font-size:20px}
.pro-nav-page .menu[aria-expanded="true"]:before{content:"×";font-size:25px;line-height:20px}
.pro-nav-page .nav>.btn{min-height:42px;padding:10px 16px;font-size:12px}
}
@media(max-width:560px){
.pro-nav-page .nav{grid-template-columns:minmax(0,1fr) auto;gap:8px;min-height:74px;padding-inline:14px}
.pro-nav-page .nav .brand{gap:8px}
.pro-nav-page .nav .brand img{width:48px;height:48px;min-width:48px}
.pro-nav-page .nav .brand-name{font-size:21px}
.pro-nav-page .nav .brand-tag{display:block;font-size:8px}
.pro-nav-page .nav>.btn{display:none}
}
@media(prefers-reduced-motion:reduce){.pro-nav-page .nav:before{animation:none}}