/* The site's header on pages that keep their own styling below it (host
   sign-in, dashboard). Every rule is scoped to .site-header so nothing here
   touches the page. Colours mirror site.css. */
.site-header{position:sticky;top:0;z-index:50;background:rgba(11,7,20,.92);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.12);font-family:"Segoe UI",Inter,system-ui,-apple-system,Roboto,Arial,sans-serif;line-height:1.5;color:#fff;box-sizing:border-box}
.site-header *{box-sizing:border-box;margin:0;padding:0}
.site-header .wrap{max-width:1120px;margin:0 auto;padding:0 16px;display:flex;align-items:center;gap:14px;height:60px;position:relative}
.site-header a{color:inherit;text-decoration:none}
.site-header .brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.12em;font-size:18px;text-transform:uppercase}
.site-header .brand img{width:30px;height:30px;display:block}
.site-header .brand b{color:#a855f7}
.site-header #site-nav{margin-left:auto;display:flex;align-items:center;gap:16px;font-size:13.5px;color:#c9b8f0;white-space:nowrap}
.site-header #site-nav .account{display:flex;align-items:center;gap:14px;margin-left:6px}
.site-header #site-nav a.signin{color:#fff;font-weight:700}
.site-line{margin:0;border-bottom:1px solid rgba(255,255,255,.12);background:#0f0820;color:#c9b8f0;font-size:14px;padding:9px 0;text-align:center;font-family:"Segoe UI",Inter,system-ui,-apple-system,Roboto,Arial,sans-serif}
.site-line .wrap{display:block;max-width:1120px;margin:0 auto;padding:0 16px}
.site-header #site-nav a:hover,.site-header #site-nav a[aria-current="page"]{color:#fff}
.site-header #site-nav a.cta{color:#fff;background:#7c3aed;padding:9px 16px;border-radius:999px;font-weight:700}
.site-header .burger{margin-left:auto;display:none;width:44px;height:44px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:transparent;position:relative;cursor:pointer}
.site-header .burger span,.site-header .burger span:before,.site-header .burger span:after{position:absolute;height:2px;background:#fff;content:""}
.site-header .burger span{top:21px;left:12px;right:12px}
.site-header .burger span:before{left:0;right:0;top:-7px}
.site-header .burger span:after{left:0;right:0;top:7px}
.skip{position:absolute;left:-9999px;top:8px;background:#f5b33c;color:#000;padding:8px 14px;border-radius:8px;font-weight:700;z-index:60}
.skip:focus{left:8px}
@media (max-width:1099px){
  .site-header .burger{display:block}
  .site-header #site-nav{display:none;position:absolute;top:60px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:#0f0820;border-bottom:1px solid rgba(255,255,255,.12);padding:6px 16px 16px;font-size:17px}
  .site-header #site-nav a{padding:13px 4px;border-bottom:1px solid rgba(255,255,255,.12)}
  .site-header #site-nav .account{flex-direction:column;align-items:stretch;gap:0;margin:0}
  .site-header #site-nav a.signin{text-align:center}
  .site-header #site-nav a.cta{margin-top:14px;text-align:center;border:0;padding:14px}
  .site-header.open #site-nav{display:flex}
}
/* Under the site header the page's own top bar loses its brand row: the host
   bar sticks below the header, the sign-in poster's bar goes. */
.site-header ~ .host-head,.site-header ~ * .host-head{top:60px}
.site-header ~ .poster .poster-top,.site-header ~ * .poster-top{display:none}