/* Shared header and footer for pages with their own body styles (c-uas.html) */
:root{
--bg:#070D14;--bg2:#0B131D;--bg3:#101A26;--bg4:#152232;
--teal:#3FB6D8;--amber:#E8A33D;--white:#ffffff;
--muted:#A9B7C4;--muted2:#8FA0B0;
--cb:rgba(63,182,216,.15);--cb2:rgba(63,182,216,.28);--wb:rgba(255,255,255,.07);--line:#1C2836;--grad:linear-gradient(135deg,#3FB6D8 0%,#E8A33D 100%);--text:#D8E1EA;
--fh:'Barlow Condensed',sans-serif;--fb:'Inter',sans-serif;--fm:'IBM Plex Mono',monospace;
--pad:72px;
}
/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;padding:0 18px;height:56px;background:rgba(5,9,14,.98);border-bottom:1px solid rgba(255,255,255,.06)}
.logo-img{height:32px;width:auto;mix-blend-mode:screen;filter:brightness(1.08)}
.nav-links{display:flex;align-items:center;gap:24px;margin-left:auto}
.nav-links a{font-family:var(--fh);font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.78);transition:color .15s;white-space:nowrap}
.nav-links a:hover{color:#fff}
.nav-cta{font-family:var(--fh);font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:8px 18px;background:var(--grad);color:#08121A;border:none;border-radius:4px;cursor:pointer;transition:opacity .2s;white-space:nowrap;flex-shrink:0}
.nav-cta:hover{opacity:.88}
.nav-hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;background:none;border:none;cursor:pointer;padding:8px;z-index:1002;-webkit-tap-highlight-color:transparent}
.nav-hamburger span{display:block;width:24px;height:2px;background:#fff;border-radius:2px;transition:transform .3s ease,opacity .3s ease}
.nav-hamburger.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-hamburger.active span:nth-child(2){opacity:0}
.nav-hamburger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.nav-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);z-index:999;opacity:0;transition:opacity .3s ease}
.nav-overlay.active{opacity:1}
/* FOOTER */
footer{background:var(--bg2);border-top:1px solid rgba(255,255,255,.05);padding:28px var(--pad)}
.ft{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:14px}
.fcreds{display:flex;flex-wrap:wrap;font-family:var(--fm);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);justify-content:center}
.fcreds span{padding:0 12px;border-right:1px solid rgba(255,255,255,.08)}.fcreds span:last-child{border-right:none}
.fcopy{font-family:var(--fm);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-align:right;line-height:1.6}
.fb{border-top:1px solid rgba(255,255,255,.05);padding-top:14px;display:flex;justify-content:center;flex-wrap:wrap;gap:16px;font-family:var(--fm);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.fb a{color:var(--muted);transition:color .2s}.fb a:hover{color:var(--teal)}

.skip{position:absolute;left:12px;top:-60px;background:var(--teal);color:#06121a;padding:10px 16px;font-weight:600;z-index:2000;border-radius:4px}
.skip:focus{top:10px}
.nav-links a[aria-current="page"]{color:#fff;box-shadow:inset 0 -2px 0 var(--amber)}
nav a,footer a{text-decoration:none}
nav img,footer img{display:block;max-width:100%}
@media(max-width:900px){
:root{--pad:32px}
  .nav-hamburger{display:flex;margin-left:auto}
  .nav-links{margin-left:0}
  .nav-links{display:none;flex-direction:column;position:fixed;top:56px;left:0;right:0;background:rgba(5,9,14,.98);padding:20px 0;gap:0;border-bottom:1px solid rgba(255,255,255,.08);z-index:1001;max-height:calc(100vh - 56px);overflow-y:auto}
  .nav-links.active{display:flex}
  .nav-links a{padding:14px 24px;font-size:14px;letter-spacing:.14em;border-bottom:1px solid rgba(255,255,255,.05);color:rgba(255,255,255,.85)}
  .nav-links a:last-child{border-bottom:none}
  .nav-links a:hover,.nav-links a:active{color:#fff;background:rgba(255,255,255,.04)}
  .nav-links .nav-cta{display:block;margin:16px 24px 8px;text-align:center;padding:12px 18px}
}
@media(max-width:600px){
:root{--pad:18px}
  nav{padding:0 18px;height:52px}
  .nav-links{top:52px;max-height:calc(100vh - 52px)}
  .logo-img{height:26px}
  footer{padding:22px 18px}
  .ft{flex-direction:column;align-items:center;gap:14px}
  .fcopy{text-align:center}
  .fb{flex-direction:column;align-items:center;gap:8px;text-align:center}
  .fcreds{flex-direction:column;align-items:center;gap:0}
  .fcreds span{padding:5px 0;border-right:none;border-bottom:1px solid rgba(255,255,255,.06);width:100%;text-align:center}
  .fcreds span:last-child{border-bottom:none}
}