:root{
  --psywerx-header-ink:#083b58;
  --psywerx-header-navy:#062f4e;
  --psywerx-header-blue:#076a94;
  --psywerx-header-cyan:#86c8e4;
  --psywerx-header-muted:#536875;
  --psywerx-header-rule:#dce6eb;
  --psywerx-header-canvas:#f3f6f8;
}

.psywerx-global-header,
.psywerx-product-bar{
  box-sizing:border-box;
  font-family:Inter,"Segoe UI",Arial,sans-serif;
  color:var(--psywerx-header-ink);
}

.psywerx-global-header *,
.psywerx-product-bar *{
  box-sizing:border-box;
}

.psywerx-global-header{
  position:sticky;
  top:0;
  z-index:80;
  width:100%;
  background:rgba(255,255,255,.98);
  border-bottom:1px solid var(--psywerx-header-rule);
}

.psywerx-global-header a,
.psywerx-global-header summary,
.psywerx-product-bar a{
  color:inherit;
  text-decoration:none;
}

.psywerx-global-header a:focus-visible,
.psywerx-global-header summary:focus-visible,
.psywerx-product-bar a:focus-visible{
  outline:3px solid #1484ac;
  outline-offset:4px;
  border-radius:5px;
}

.psywerx-global-header__inner{
  width:100%;
  max-width:1512px;
  min-height:80px;
  margin:0 auto;
  padding:20px 48px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}

.psywerx-global-brand{
  display:block;
  width:196px;
  flex:0 0 196px;
}

.psywerx-global-brand img{
  display:block;
  width:100%;
  height:auto;
}

.psywerx-global-nav{
  display:flex;
  align-items:center;
  gap:32px;
  margin-left:auto;
  font-size:14px;
  font-weight:600;
  line-height:1.3;
  white-space:nowrap;
}

.psywerx-global-nav>a,
.psywerx-explore-menu>summary{
  padding:8px 0;
}

.psywerx-global-nav>a:hover,
.psywerx-explore-menu>summary:hover,
.psywerx-explore-menu[open]>summary{
  color:var(--psywerx-header-blue);
}

.psywerx-explore-menu{
  position:relative;
}

.psywerx-explore-menu>summary{
  list-style:none;
  cursor:pointer;
}

.psywerx-explore-menu>summary::-webkit-details-marker{
  display:none;
}

.psywerx-explore-menu>summary span{
  margin-left:7px;
  font-size:16px;
}

.psywerx-explore-panel{
  position:absolute;
  top:calc(100% + 16px);
  right:-20px;
  width:410px;
  padding:12px;
  background:#fff;
  border:1px solid var(--psywerx-header-rule);
  border-radius:12px;
  box-shadow:0 18px 42px rgba(4,43,74,.10);
  display:grid;
  gap:4px;
}

.psywerx-explore-panel>a{
  display:block;
  padding:12px 14px;
  border-radius:8px;
  white-space:normal;
}

.psywerx-explore-panel>a:hover{
  background:var(--psywerx-header-canvas);
}

.psywerx-explore-panel strong,
.psywerx-explore-panel span{
  display:block;
}

.psywerx-explore-panel strong{
  color:var(--psywerx-header-ink);
  font-size:14px;
  line-height:1.35;
}

.psywerx-explore-panel span{
  margin-top:3px;
  color:var(--psywerx-header-muted);
  font-size:12px;
  font-weight:400;
  line-height:1.4;
}

.psywerx-global-live{
  padding:10px 16px!important;
  border:1px solid var(--psywerx-header-rule);
  border-radius:8px;
  background:#fafcfd;
}

.psywerx-global-live span{
  margin-left:14px;
}

.psywerx-mobile-menu{
  display:none;
  position:relative;
}

.psywerx-mobile-menu>summary{
  list-style:none;
  cursor:pointer;
  padding:9px 12px;
  border:1px solid var(--psywerx-header-rule);
  border-radius:8px;
  background:#fafcfd;
  font-size:14px;
  font-weight:650;
}

.psywerx-mobile-menu>summary::-webkit-details-marker{
  display:none;
}

.psywerx-mobile-menu>nav{
  position:absolute;
  top:calc(100% + 10px);
  right:0;
  width:min(280px,calc(100vw - 32px));
  padding:10px;
  display:grid;
  gap:2px;
  background:#fff;
  border:1px solid var(--psywerx-header-rule);
  border-radius:10px;
  box-shadow:0 16px 36px rgba(4,43,74,.12);
}

.psywerx-mobile-menu>nav a{
  padding:11px 12px;
  border-radius:7px;
  font-size:14px;
  font-weight:600;
}

.psywerx-mobile-menu>nav a:hover{
  background:var(--psywerx-header-canvas);
  color:var(--psywerx-header-blue);
}

.psywerx-product-bar{
  width:100%;
  background:#fff;
  border-bottom:1px solid var(--psywerx-header-rule);
}

.psywerx-product-bar__inner{
  width:100%;
  max-width:1512px;
  min-height:47px;
  margin:0 auto;
  padding:0 48px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:28px;
}

.psywerx-product-context{
  margin-right:auto;
  color:var(--psywerx-header-muted);
  font-size:12px;
  font-weight:750;
  letter-spacing:.08em;
  text-transform:uppercase;
  white-space:nowrap;
}

.psywerx-product-nav{
  display:flex;
  align-items:stretch;
  gap:4px;
  min-width:0;
  overflow-x:auto;
  scrollbar-width:none;
}

.psywerx-product-nav::-webkit-scrollbar{
  display:none;
}

.psywerx-product-nav a{
  position:relative;
  display:flex;
  align-items:center;
  min-height:46px;
  padding:0 14px;
  color:var(--psywerx-header-muted);
  font-size:13px;
  font-weight:650;
  white-space:nowrap;
}

.psywerx-product-nav a:hover{
  color:var(--psywerx-header-blue);
}

.psywerx-product-nav a[aria-current="page"]{
  color:var(--psywerx-header-ink);
}

.psywerx-product-nav a[aria-current="page"]::after{
  content:"";
  position:absolute;
  left:14px;
  right:14px;
  bottom:0;
  height:3px;
  border-radius:3px 3px 0 0;
  background:var(--psywerx-header-blue);
}

@media(max-width:980px){
  .psywerx-global-header__inner{
    min-height:72px;
    padding:16px 28px;
  }
  .psywerx-global-nav{
    display:none;
  }
  .psywerx-mobile-menu{
    display:block;
    margin-left:auto;
  }
  .psywerx-product-bar__inner{
    padding:0 28px;
  }
}

@media(max-width:640px){
  .psywerx-global-header__inner{
    min-height:64px;
    padding:13px 18px;
  }
  .psywerx-global-brand{
    width:168px;
    flex-basis:168px;
  }
  .psywerx-product-bar__inner{
    padding:0 18px;
    gap:14px;
  }
  .psywerx-product-context{
    font-size:10px;
  }
  .psywerx-product-nav a{
    padding:0 10px;
    font-size:12px;
  }
  .psywerx-product-nav a[aria-current="page"]::after{
    left:10px;
    right:10px;
  }
}

@media(max-width:480px){
  .psywerx-product-bar__inner{
    display:block;
    padding-top:8px;
  }
  .psywerx-product-context{
    display:block;
    padding:0 2px 5px;
  }
  .psywerx-product-nav{
    margin:0 -10px;
  }
}

@media(prefers-reduced-motion:reduce){
  .psywerx-global-header *,
  .psywerx-product-bar *{
    scroll-behavior:auto!important;
    transition:none!important;
  }
}
