/* ===== HSTQ Header v2 ===== */
:root{
  --hstq-navy:#080245;
  --hstq-ink:#0c123a;
  --hstq-aqua:#3fd7d7;
  --ring:0 10px 30px rgba(8,2,69,.10);
}
.hstq-header{
  position:sticky; top:0; z-index:1030;
  background:#ffffffcc; backdrop-filter:saturate(120%) blur(8px);
  border-bottom:1px solid rgba(8,2,69,.06);
  transition:box-shadow .2s ease, background .2s ease;
}
.hstq-header.scrolled{ box-shadow:var(--ring); background:#fff; }
.hstq-row{ display:flex; align-items:center; justify-content:space-between; gap:16px; padding:.45rem 0; }
.hstq-header .logo img{ width:152px; height:auto; display:block; }

/* burger */
.hstq-burger{ display:none; position:relative; width:38px; height:32px; border:0; background:transparent; cursor:pointer; }
.hstq-burger span{ position:absolute; left:7px; right:7px; height:2px; background:var(--hstq-navy); transition:.2s; }
.hstq-burger span:nth-child(1){ top:9px }
.hstq-burger span:nth-child(2){ top:15px }
.hstq-burger span:nth-child(3){ top:21px }
.hstq-burger.active span:nth-child(1){ transform:translateY(6px) rotate(45deg) }
.hstq-burger.active span:nth-child(2){ opacity:0 }
.hstq-burger.active span:nth-child(3){ transform:translateY(-6px) rotate(-45deg) }

/* nav */
.hstq-nav{ display:flex; align-items:center; gap:24px; }
.hstq-menu{ display:flex; align-items:center; gap:8px; list-style:none; margin:0; padding:0; }
.hstq-menu .link{
  position:relative; display:inline-flex; align-items:center; padding:.65rem .7rem;
  font-weight:800; color:#3b4160; text-decoration:none;
}
.hstq-menu .link::after{
  content:""; position:absolute; left:.7rem; right:.7rem; bottom:.4rem;
  height:2px; background:var(--hstq-aqua); transform:scaleX(0); transform-origin:left; transition:transform .18s;
}
.hstq-menu .link:hover, .hstq-menu .link:focus{ color:var(--hstq-navy); }
.hstq-menu .link:hover::after, .hstq-menu .link:focus::after{ transform:scaleX(1); }
.hstq-menu .active > .link, .hstq-menu a.link.active{ color:var(--hstq-navy); }
.hstq-actions{ display:flex; align-items:center; gap:10px; }
.hstq-actions .cta{
  padding:.55rem .9rem; border-radius:12px; background:var(--hstq-navy); color:#fff; font-weight:800; text-decoration:none;
  box-shadow:0 6px 18px rgba(8,2,69,.18);
}
.hstq-actions .cta:hover{ filter:brightness(.96) }
.hstq-actions .lang{
  padding:.55rem .8rem; border-radius:12px; background:#eef2ff; color:var(--hstq-navy); font-weight:800; text-decoration:none;
}
.hstq-actions .lang:hover{ background:#e6ecff }

/* dropdowns */
.has-drop{ position:relative; }
.drop-toggle{ background:none; border:0; }
.drop{
  position:absolute; top:100%; left:0; min-width:220px; padding:8px;
  background:linear-gradient(180deg,#fff,#f7fbff); border:1px solid rgba(8,2,69,.08);
  border-radius:16px; box-shadow:0 18px 40px rgba(8,2,69,.12);
  transform:translateY(6px); opacity:0; visibility:hidden; pointer-events:none;
  transition:opacity .14s ease, transform .14s ease;
}
.has-drop.open .drop{ transform:translateY(0); opacity:1; visibility:visible; pointer-events:auto; }
.drop-item{
  display:block; padding:.6rem .7rem; border-radius:10px; font-weight:800; color:#3b4160; text-decoration:none;
}
.drop-item:hover, .drop-item:focus{ background:#eef2ff; color:var(--hstq-navy); }

/* scrim for mobile */
.hstq-scrim{ position:fixed; inset:0; background:rgba(8,2,69,.42); backdrop-filter:blur(2px); opacity:0; visibility:hidden; transition:.2s; }
.hstq-header.show-scrim .hstq-scrim{ opacity:1; visibility:visible; }

/* mobile */
@media (max-width:991.98px){
  .hstq-burger{ display:block; }
  .hstq-nav{
    position:fixed; top:64px; left:0; right:0; background:#fff; padding:12px 16px 16px;
    border-top:1px solid rgba(8,2,69,.06); transform:translateY(-12px); opacity:0; visibility:hidden; transition:.18s;
    box-shadow:0 18px 28px rgba(8,2,69,.12);
  }
  .hstq-header.nav-open .hstq-nav{ transform:none; opacity:1; visibility:visible; }
  .hstq-menu{ flex-direction:column; align-items:stretch; gap:4px; }
  .hstq-menu .link{ padding:.65rem .4rem; }
  .drop{ position:static; transform:none; opacity:1; visibility:visible; pointer-events:auto; box-shadow:none; border-radius:12px; margin:.25rem 0 .5rem; }
}

/* focus ring */
.hstq-header a:focus, .hstq-header button:focus{ outline:2px solid var(--hstq-aqua); outline-offset:2px; border-radius:8px; }