/* v95 — navigation literally transplanted from servers.html in v94.
   This CSS is isolated from earlier shared page typography, hero and box styles.
   Source: servers-v88.css .topbar, .logo, .brand-mark, .head-actions,
   .button, .primary, and approved v90 brand-logo geometry.
   Do not alter the servers.html reference implementation. */
.nn-exact-topbar, .nn-exact-topbar *, .nn-exact-topbar *::before, .nn-exact-topbar *::after {box-sizing:border-box}
.nn-exact-topbar {
  --u:min(.0651041666667vw,1.25px);
  position:absolute;z-index:10;
  top:calc(5 * var(--u));left:calc(37 * var(--u));right:calc(37 * var(--u));
  height:calc(58 * var(--u));padding:0 calc(18 * var(--u));
  display:flex;align-items:center;
  border:calc(1 * var(--u)) solid #21645e;
  border-radius:calc(14 * var(--u));
  background:linear-gradient(105deg,#00100fe0 0%,#00141ba8 55%,#061a1c7a 100%);
  -webkit-backdrop-filter:blur(calc(1.5 * var(--u))) saturate(1.05);
  backdrop-filter:blur(calc(1.5 * var(--u))) saturate(1.05);
  box-shadow:inset 0 calc(1 * var(--u)) 0 #c1fff00a,0 calc(6 * var(--u)) calc(24 * var(--u)) #0003;
  font-family:Arial,"Helvetica Neue",sans-serif!important;
  font-size:calc(14 * var(--u));line-height:1.3;color:#f7fbfa;
  -webkit-font-smoothing:antialiased;
}
.nn-exact-topbar a {color:inherit;text-decoration:none}
.nn-exact-topbar .logo {font-family:Arial,"Helvetica Neue",sans-serif!important;display:flex;align-items:center;gap:calc(13 * var(--u));font-size:calc(17 * var(--u));font-weight:700;white-space:nowrap}
.nn-exact-topbar .brand-mark {
 --accent:#64f1d9;--mark-size:41px;--mark-radius:11px;--diamond-lg:20px;--diamond-sm:8px;--dot-size:4px;
 width:var(--mark-size);height:var(--mark-size);display:grid;place-items:center;
 position:relative;flex:none;border:calc(1 * var(--u)) solid rgba(100,241,217,.5);
 border-radius:var(--mark-radius);background:rgba(100,241,217,.035);
 box-sizing:border-box;align-self:center;
}
.nn-exact-topbar .brand-mark::before,.nn-exact-topbar .brand-mark::after {
 content:"";position:absolute;left:50%;top:50%;
 border:1px solid var(--accent);box-sizing:content-box;
 transform:translate(-50%,-50%) rotate(45deg)
}
.nn-exact-topbar .brand-mark::before{width:var(--diamond-lg);height:var(--diamond-lg)}
.nn-exact-topbar .brand-mark::after{width:var(--diamond-sm);height:var(--diamond-sm)}
.nn-exact-topbar .brand-mark i{width:var(--dot-size);height:var(--dot-size);border-radius:50%;background:var(--accent);box-shadow:0 0 calc(14 * var(--u)) var(--accent)}
.nn-exact-topbar > nav {position:absolute;left:calc(524 * var(--u));top:0;height:calc(56 * var(--u));display:flex;align-items:center;gap:calc(36 * var(--u))}
.nn-exact-topbar > nav a {font-family:Arial,"Helvetica Neue",sans-serif!important;line-height:1.3;font-size:calc(15 * var(--u));position:relative;white-space:nowrap;color:#d1e0e5;padding:calc(18 * var(--u)) 0;font-weight:400;line-height:normal}
.nn-exact-topbar > nav a[aria-current] {color:white;font-weight:700}
.nn-exact-topbar > nav a[aria-current]::before {content:"";position:absolute;bottom:calc(7 * var(--u));left:50%;transform:translateX(-50%);width:calc(74 * var(--u));height:calc(1 * var(--u));background:linear-gradient(90deg,transparent,#54ffe1,transparent)}
.nn-exact-topbar > nav a[aria-current]::after {content:"";position:absolute;bottom:calc(5 * var(--u));left:50%;transform:translateX(-50%);width:calc(5 * var(--u));height:calc(5 * var(--u));border-radius:50%;background:#79ffe7;box-shadow:0 0 calc(9 * var(--u)) calc(3 * var(--u)) #25eac8}
.nn-exact-topbar .head-actions {margin-left:auto;display:flex;align-items:center;gap:calc(12 * var(--u))}
.nn-exact-topbar .head-actions select {width:calc(57 * var(--u));height:calc(41 * var(--u));padding:0 calc(9 * var(--u));color:white;border:calc(1 * var(--u)) solid #22625d;border-radius:calc(9 * var(--u));background:#001514;cursor:pointer;font-size:calc(13 * var(--u));font-family:inherit}
.nn-exact-topbar .button {display:inline-flex;align-items:center;justify-content:center;gap:calc(12 * var(--u));height:calc(42 * var(--u));padding:0 calc(22 * var(--u));font-size:calc(13 * var(--u));font-weight:700;border:calc(1 * var(--u)) solid #157a6f;border-radius:calc(8 * var(--u));white-space:nowrap;transition:box-shadow .18s,background .18s,transform .18s;min-height:0;line-height:normal}
.nn-exact-topbar .button span {font-size:calc(18 * var(--u));font-weight:400;line-height:1}
.nn-exact-topbar .button.primary {background:linear-gradient(115deg,#5bf4e4,#73f8e9);color:#001b1b;border-color:#67f4e4;box-shadow:0 0 calc(17 * var(--u)) #42ffe11c}
.nn-exact-topbar .button.primary:hover {background:#93fff0;box-shadow:0 0 calc(24 * var(--u)) #60ffe244;transform:translateY(calc(-1 * var(--u)))}
.nn-exact-topbar a:focus-visible,.nn-exact-topbar select:focus-visible {outline:calc(2 * var(--u)) solid #b0fff2;outline-offset:calc(4 * var(--u))}
.nn-exact-topbar .button {width:calc(180 * var(--u));height:calc(41 * var(--u));padding:0 calc(14 * var(--u));font-size:calc(12.5 * var(--u))}
@media(max-width:900px){
 .nn-exact-topbar {--u:1px;position:relative;left:auto;right:auto;top:auto;margin:8px 12px 0;height:104px;padding:0 12px;align-items:flex-start;border-radius:12px}
 .nn-exact-topbar .logo{margin-top:10px;font-size:15px;gap:9px}
 .nn-exact-topbar .brand-mark{--mark-size:36px;--diamond-lg:20px;--diamond-sm:8px;--dot-size:4px}
 .nn-exact-topbar .head-actions{padding-top:10px}
 .nn-exact-topbar .head-actions select{height:36px;width:54px}
 .nn-exact-topbar .head-actions>.button{display:none}
 .nn-exact-topbar>nav{left:12px;right:12px;top:55px;height:44px;gap:0;justify-content:space-between}
 .nn-exact-topbar>nav a{font-size:13px;padding:10px 0}
 .nn-exact-topbar>nav a[aria-current]::before{bottom:0;width:65px}
 .nn-exact-topbar>nav a[aria-current]::after{bottom:-2px}
}
@media(max-width:420px){.nn-exact-topbar .logo{font-size:14px}}
@media(prefers-reduced-motion:reduce){.nn-exact-topbar .button{transition:none}}