/* Shared Hostwolf header. Keep this file byte-identical across all three sites.
   Explicit component values isolate the header from each site's legacy styles. */
.hw-header.hw-header {
 position: sticky !important; top: 0 !important; left: 0; right: 0;
 height: 81px !important; padding: 0 !important; z-index: 100;
 background: rgba(11,13,18,.96) !important; border-bottom: 1px solid rgba(255,255,255,.08) !important;
 box-shadow: none !important; backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
 font: 400 13px/1.65 Inter,system-ui,sans-serif;
}
.hw-header .hw-header-inner {
 box-sizing: border-box; display:flex !important; align-items:center; justify-content:space-between;
 width:calc(100% - 96px) !important; max-width:1200px !important; height:80px !important;
 margin:0 auto !important; padding:0 !important; gap:24px !important;
}
.hw-header .hw-header-brand {
 display:flex !important; align-items:center; flex:0 0 auto; gap:16px !important;
 min-height:44px; margin:0; padding:0; text-decoration:none;
}
.hw-header .hw-header-brand img {
 display:block; width:140px !important; height:auto !important; max-width:none; margin:0;
}
.hw-header .hw-header-brand .hw-header-product {
 display:block; border:0 !important; border-left:1px solid #343944 !important;
 padding:0 0 0 16px !important; border-radius:0 !important; margin:0;
 font:400 11px/1.65 Inter,system-ui,sans-serif !important;
 letter-spacing:.14em !important; text-transform:uppercase; color:#bac1cc !important;
}
.hw-header .hw-header-links {
 display:flex !important; position:static !important; align-items:center; flex-direction:row;
 width:auto; margin:0 0 0 auto !important; padding:0 !important; gap:24px !important;
 background:none; border:0; overflow:visible;
}
.hw-header .hw-header-links > a:not(.hw-header-cta),
.hw-header .hw-header-links .nav-menu-btn {
 display:inline-flex; align-items:center; min-height:44px; padding:0; border:0;
 color:#b8bfca; background:none; font:400 13px/1.65 Inter,system-ui,sans-serif;
 letter-spacing:normal; text-decoration:none;
}
.hw-header .hw-header-links > a:not(.hw-header-cta):hover,
.hw-header .hw-header-links .nav-menu-btn:hover { color:#f2f4f6; }
.hw-header .hw-header-links > a[aria-current="page"]:not(.hw-header-cta) { color:#ff8a3d; }
.hw-header .hw-header-cta.hw-header-cta {
 box-sizing:border-box; display:inline-flex !important; flex:0 0 auto; align-items:center; justify-content:center;
 width:auto !important; height:40px !important; min-height:40px !important; max-width:none;
 padding:8px 16px !important; margin:0 !important; border:1px solid transparent !important;
 border-radius:5px !important; background:#ff8a3d; color:#111318 !important;
 font:600 12px/1.2 Inter,system-ui,sans-serif !important; letter-spacing:normal;
 white-space:nowrap; text-decoration:none; transform:none !important; box-shadow:none !important;
}
.hw-header .hw-header-cta:hover { background:#ffa66b; }
.hw-header .hw-header-links .nav-menu-cta { display:none !important; }
.hw-header .hw-header-toggle { display:none !important; }
.hw-header :is(a,button):focus-visible { outline:2px solid #7c8cff !important; outline-offset:4px; border-radius:4px; }
.hw-header [hidden] { display:none !important; }
@media(max-width:1050px) {
 .hw-header .hw-header-inner { width:calc(100% - 64px) !important; gap:16px !important; }
 .hw-header .hw-header-links { gap:16px !important; }
}
@media(max-width:900px) {
 .hw-header.hw-header { height:73px !important; }
 .hw-header .hw-header-inner { height:72px !important; gap:8px !important; }
 .hw-header .hw-header-brand { gap:10px !important; }
 .hw-header .hw-header-brand img { width:104px !important; }
 .hw-header .hw-header-brand .hw-header-product { padding-left:10px !important; }
 .hw-header .hw-header-inner > .hw-header-cta { margin-left:auto !important; height:38px !important; min-height:38px !important; padding:8px 10px !important; }
 .hw-header .hw-header-toggle {
  box-sizing:border-box; display:inline-flex !important; align-items:center; justify-content:center;
  flex:0 0 36px; width:36px !important; height:38px !important; min-height:38px !important;
  padding:0 !important; margin:0 !important; border:1px solid rgba(255,255,255,.16) !important;
  border-radius:4px; background:none; color:#f2f4f6; font:400 16px/1 Inter,system-ui,sans-serif !important; cursor:pointer;
 }
 .hw-header .hw-header-toggle span { margin:0 !important; font-size:16px !important; }
 .hw-header .hw-header-links {
  display:none !important; position:absolute !important; top:100% !important; left:0; right:0;
  width:100%; max-height:calc(100dvh - 73px); overflow-y:auto;
  flex-direction:column; align-items:stretch; gap:0 !important;
  margin:0 !important; padding:8px 20px 18px !important; background:#12151c;
  border-bottom:1px solid rgba(255,255,255,.08);
 }
 .hw-header.nav-open .hw-header-links,.hw-header .hw-header-links.open { display:flex !important; }
 .hw-header .hw-header-links > a:not(.hw-header-cta),.hw-header .hw-header-links .nav-menu-btn {
  box-sizing:border-box; display:flex; align-items:center; height:44px; min-height:44px;
  padding:0 4px; font-size:14px; border:0; width:100%;
 }
 .hw-header .hw-header-links .nav-menu-cta { display:flex !important; width:100% !important; height:44px !important; min-height:44px !important; margin-top:12px !important; }
 .hw-header .nav-menu-list { position:static; transform:none; min-width:0; margin:8px 0; }
 .hw-header .nav-menu-list a { min-height:44px; }
}
@media(max-width:540px) { .hw-header .hw-header-inner { width:calc(100% - 32px) !important; } }
@media(max-width:359px) { .hw-header .hw-header-brand .hw-header-product { display:none; } }