/* CASCODE — unified section-aware header */
.topbar{
  position:fixed!important;z-index:9999!important;inset:0 0 auto!important;height:74px;
  display:grid!important;grid-template-columns:1fr auto 1fr;align-items:center!important;
  padding:0 clamp(28px,6vw,88px)!important;border-bottom:1px solid rgba(255,255,255,.12)!important;
  background:rgba(5,8,12,.66)!important;backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%);
  pointer-events:auto!important;transition:background .35s ease,border-color .35s ease!important
}
.topbar .brand{justify-self:start;margin:0!important;color:#f4f2ec;font-size:20px;font-weight:700;letter-spacing:-.055em;text-decoration:none}
.topbar .brand span{color:#5de7c5}
.topbar .nav{display:flex!important;align-items:center;gap:clamp(18px,2.3vw,36px);height:100%;font:500 11px/1 var(--font-mono,monospace)}
.topbar .nav a{position:relative;display:flex;align-items:center;height:100%;color:#8f9ba1;letter-spacing:.04em;text-transform:uppercase;transition:color .25s ease}
.topbar .nav a:hover,.topbar .nav a.is-active{color:#f4f2ec}
.topbar .nav a.is-active::after{content:"";position:absolute;left:0;right:0;bottom:18px;height:1px;background:#5de7c5;box-shadow:0 0 12px rgba(93,231,197,.55)}
.topbar__cta{display:inline-flex!important;justify-self:end;align-items:center;gap:8px;padding:0!important;border:0!important;border-radius:0!important;color:#a5afb4!important;background:none!important;font:500 11px/1 var(--font-mono,monospace)!important;letter-spacing:.04em;text-transform:uppercase}
.topbar__cta span{color:#5de7c5}
.cascode-header-tools{justify-self:end;display:flex;align-items:center;gap:18px}
.cascode-header-socials{display:flex;align-items:center;gap:6px}
.cascode-header-socials a{display:grid;place-items:center;width:28px;height:28px;border:1px solid rgba(255,255,255,.13);border-radius:50%;color:#829097;font:500 8px/1 var(--font-mono,monospace);text-transform:uppercase;transition:color .25s,border-color .25s,background .25s}
.cascode-header-socials a:hover{color:#05100d;border-color:#5de7c5;background:#5de7c5}
.cascode-header-socials img,.cascode-mobile-socials img{display:block;opacity:.78;transition:filter .25s,opacity .25s}
.cascode-header-socials a:hover img,.cascode-mobile-socials a:hover img{filter:brightness(0) saturate(100%);opacity:1}
.cascode-mobile-socials{display:none}
.cascode-menu-toggle{display:none}

@media(max-width:900px){
  .topbar{grid-template-columns:1fr auto!important;height:68px;padding:0 18px!important}
  .topbar .nav{position:absolute;top:68px;left:10px;right:10px;height:auto;display:grid!important;gap:0;padding:8px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(5,8,12,.92);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .25s,transform .25s,visibility .25s}
  .topbar.is-menu-open .nav{opacity:1;visibility:visible;transform:none}
  .topbar .nav a{height:48px;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.08)}
  .topbar .nav a:last-child{border:0}.topbar .nav a.is-active::after{left:14px;right:auto;bottom:10px;width:28px}
  .topbar__cta{display:none!important}
  .cascode-header-tools{display:none}
  .cascode-mobile-socials{display:flex;justify-content:center;gap:8px;padding:9px 6px 4px}
  .topbar .nav .cascode-mobile-socials a{display:grid;place-items:center;width:42px;height:38px;padding:0;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#aab5b9}
  .cascode-menu-toggle{display:inline-grid;place-items:center;justify-self:end;width:42px;height:42px;border:1px solid rgba(255,255,255,.16);border-radius:50%;color:#f4f2ec;background:rgba(255,255,255,.045);font:500 9px/1 var(--font-mono,monospace);text-transform:uppercase}
}
@media(prefers-reduced-motion:reduce){.topbar .nav{transition:none}}