.site-header{
  --bg:#081120; --panel:#0a1526; --panel-2:#0e1e38; --line:#14243e; --line-2:#1d3252;
  --text:#eef4fc; --text-2:#d7e3f2; --muted:#8aa3c2; --dim:#5c7796;
  --accent:#6cc6f0; --accent-hi:#a5dcf8; --accent-t:rgba(108,198,240,.08); --accent-t2:rgba(108,198,240,.14);
  --pulse:#6cc6f0; --decoy:#3fb8a9; --attest:#46b98c; --consult:#9b8cf0;
  --head:'Poppins',sans-serif; --body:'IBM Plex Sans',sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
.site-header{font:15px/1.5 var(--body);color:var(--text)}
.site-header a{text-decoration:none}
.site-header :focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}
.site-header ul{list-style:none;margin:0;padding:0}
.site-header [hidden]{display:none!important}
.nav-links>li>a.is-current,.nav-trigger.is-current{color:var(--text)}

/* header */
.site-header{position:sticky;top:0;left:0;width:100vw;max-width:100vw;z-index:50;background:rgba(8,17,32,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.nav{position:relative;display:flex;align-items:center;gap:40px;padding:18px 64px;max-width:1480px;margin:0 auto}
.nav-logo img{display:block;height:43px;width:auto}
.nav-links{display:flex;align-items:center;gap:8px;margin-left:24px}
.nav-links>li>a,.nav-trigger{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:8px;font:inherit;color:var(--muted);background:none;border:0;cursor:pointer;transition:color .15s,background .15s}
.nav-links>li>a:hover,.nav-trigger:hover{color:var(--text)}
.nav-trigger .ph{font-size:12px;transition:transform .2s}
.nav-trigger[aria-expanded="true"]{background:var(--accent-t2);color:var(--text)}
.nav-trigger[aria-expanded="true"] .ph{transform:rotate(180deg)}
.nav-cta{margin-left:auto;border:1px solid var(--accent);border-radius:8px;padding:11px 24px;color:var(--accent);white-space:nowrap;transition:background .15s}
.nav-cta:hover{background:var(--accent-t)}
.nav-cta:active{border-color:var(--accent-hi)}
.nav-burger{display:none;margin-left:auto;background:none;border:1px solid var(--line-2);border-radius:8px;color:var(--text);font-size:20px;width:44px;height:44px;cursor:pointer}

/* mega panel */
.has-mega{position:static}
.mega{position:absolute;left:32px;right:32px;top:calc(100% + 6px);opacity:0;transform:translateY(-6px);transition:opacity .18s ease,transform .18s ease;pointer-events:none}
/* narrow dropdown variant (e.g. Resources): anchors under its own trigger
   instead of spanning the full nav width like the Services mega-menu */
.has-mega-narrow{position:relative}
.has-mega-narrow .mega{left:0;right:auto;width:560px;max-width:calc(100vw - 64px)}
.mega.is-open{opacity:1;transform:none;pointer-events:auto}
.mega::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px} /* hover bridge */
.mega-inner{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:40px;background:var(--panel);border:1px solid var(--line-2);border-radius:14px;padding:36px 36px 40px;box-shadow:0 24px 64px rgba(0,0,0,.55)}
.mega-inner-single{grid-template-columns:1fr;max-width:620px}
.mega-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.mega-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 48px}
.mega-col{--c:var(--pulse);display:flex;flex-direction:column}
.mega-col[data-preview="decoy"]{--c:var(--decoy)}
.mega-col[data-preview="attest"]{--c:var(--attest)}
.mega-col[data-preview="consultancy"]{--c:var(--consult)}
.mega-head{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.mega-icon{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:10px;background:color-mix(in srgb,var(--c) 14%,transparent);color:var(--c);font-size:22px;transition:background .15s}
.mega-col:hover .mega-icon,.mega-col.is-active .mega-icon{background:color-mix(in srgb,var(--c) 24%,transparent)}
.mega-flow{flex:1;height:0;border-top:1.5px dotted var(--line-2);position:relative;margin-right:4px}
.mega-flow::after{content:"";position:absolute;right:-2px;top:-5.5px;width:8px;height:8px;border-top:1.5px solid var(--line-2);border-right:1.5px solid var(--line-2);transform:rotate(45deg)}
.mega-title{font-family:var(--head);font-size:19px;font-weight:400;color:var(--text);margin-bottom:18px}
.mega-title:hover{color:var(--c)}
.mega-col ul{display:flex;flex-direction:column;gap:4px}
.mega-col li a{display:block;padding:6px 0;color:var(--muted);font-size:15px;transition:color .12s,transform .12s}
.mega-col li a:hover,.mega-col li a:focus-visible{color:var(--text);transform:translateX(3px)}

/* preview */
.mega-preview{position:relative;border-radius:12px;overflow:hidden;background:var(--panel-2) url('assets/wave.png') right -60px bottom -40px/380px auto no-repeat;border:1px solid var(--line-2);min-height:260px;display:flex}
.mega-preview::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--panel-2) 30%,rgba(14,30,56,.4))}
.mega-preview-card{position:relative;display:flex;flex-direction:column;gap:10px;padding:28px;margin-top:auto;transition:opacity .15s}
.mega-preview-card.is-swapping{opacity:0}
.mega-preview-kicker{font-family:var(--head);font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--pc,var(--pulse))}
.mega-preview-title{font-family:var(--head);font-size:28px;font-weight:300;color:var(--text)}
.mega-preview p{margin:0;color:var(--muted);font-size:14px;line-height:1.6;max-width:280px}
.mega-preview-link{display:inline-flex;align-items:center;gap:8px;margin-top:6px;color:var(--pc,var(--pulse));font-size:14px}
.mega-preview-link:hover{color:var(--text)}


/* tablet: drop preview */
@media (max-width:1180px){
  .mega-inner{grid-template-columns:1fr}
  .mega-preview{display:none}
}

/* mobile: burger + accordion */
@media (max-width:1180px){
  .nav{padding:18px 32px;gap:24px}
  .nav-links{margin-left:8px;gap:2px}
}

@media (max-width:1080px){
  .nav{padding:14px 20px;gap:16px}
  .nav-burger{display:grid;place-items:center}
  .nav-cta{display:none}
  .nav-links{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:8px 12px 20px;background:var(--bg);border-bottom:1px solid var(--line);max-height:calc(100vh - 72px);overflow:auto}
  .nav-links.is-open{display:flex}
  .nav-links>li>a,.nav-trigger{width:100%;justify-content:space-between;padding:14px 12px;font-size:16px}
  .mega{position:static;opacity:1;transform:none;pointer-events:auto;transition:none}
  .has-mega-narrow .mega{width:auto;max-width:none}
  .mega::before{display:none}
  .mega-inner{padding:8px 12px 12px;border:0;box-shadow:none;background:none}
  .mega-cols{grid-template-columns:1fr;gap:20px}
  .mega-flow{display:none}
  .mega-head{margin-bottom:10px}
  .mega-title{margin-bottom:6px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}