/* Shared homepage header. Local tokens keep every page identical. */
.shared-site-header {
  --shell: min(1240px, calc(100% - 64px));
  --ink: #071b2a;
  --navy-900: #061827;
  --cyan: #4bd4ee;
  --line: rgba(7,42,65,.14);
  --shadow: 0 32px 90px rgba(2,18,31,.18);
  color: #fff;
  font-family: "Poppins", "Segoe UI", Arial, sans-serif;
  line-height: 1.7;
  background: #061827;
}
.shared-site-header{position:fixed;z-index:100;inset:0 0 auto;padding:18px 0;transition:padding .3s ease,background .3s ease,box-shadow .3s ease}
.shared-site-header.scrolled{padding:8px 0;background:rgba(255,255,255,.95);box-shadow:0 8px 38px rgba(1,20,34,.09);backdrop-filter:blur(18px)}
.shared-nav-shell{width:var(--shell);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px}
.shared-brand{width:174px;height:58px;padding:5px 9px;background:#fff;border-radius:8px;overflow:hidden;transition:height .3s ease}
.shared-brand img{width:100%;height:100%;object-fit:contain}
.shared-site-header.scrolled .shared-brand{height:50px}
.shared-primary-nav{display:flex;align-items:center;gap:clamp(17px,2vw,31px);color:rgba(255,255,255,.76);font-size:.78rem;font-weight:700}
.shared-primary-nav a{padding:7px 0;transition:color .2s ease}
.shared-primary-nav a:hover{color:var(--cyan)}
.shared-primary-nav .shared-nav-cta{padding:11px 17px;border:1px solid rgba(255,255,255,.3);border-radius:999px;color:#fff}
.shared-language{position:relative;display:flex;align-items:center;color:#fff}
.shared-language-toggle{min-width:66px;min-height:42px;padding:8px 13px;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid rgba(255,255,255,.3);border-radius:999px;color:inherit;background:rgba(255,255,255,.06);font:inherit;font-size:.72rem;font-weight:800;letter-spacing:.08em;cursor:pointer;transition:border-color .2s ease,background .2s ease,color .2s ease}
.shared-language-toggle:hover,.shared-language-toggle[aria-expanded="true"]{border-color:var(--cyan);background:rgba(75,212,238,.12)}
.shared-language-toggle i{width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s ease}
.shared-language-toggle[aria-expanded="true"] i{transform:rotate(225deg) translate(-1px,-1px)}
.shared-language-toggle:focus-visible,.shared-language-menu button:focus-visible{outline:3px solid #4bd4ee;outline-offset:3px}
.shared-language-menu{position:absolute;z-index:4;top:calc(100% + 10px);right:0;width:168px;padding:7px;border:1px solid rgba(7,42,65,.13);border-radius:14px;background:#fff;box-shadow:0 18px 48px rgba(2,18,31,.22);color:var(--ink)}
.shared-language-menu[hidden]{display:none}
.shared-language-menu button{width:100%;min-height:46px;padding:8px 10px;display:grid;grid-template-columns:36px 1fr;align-items:center;gap:8px;border:0;border-radius:9px;color:inherit;background:transparent;font:inherit;text-align:left;cursor:pointer}
.shared-language-menu button:hover,.shared-language-menu button[aria-selected="true"]{background:#eaf9fc;color:#087da9}
.shared-language-menu b{font-size:.72rem;letter-spacing:.08em}
.shared-language-menu span{font-size:.76rem;font-weight:600}
.shared-site-header.scrolled .shared-language{color:var(--ink)}
.shared-site-header.scrolled .shared-language-toggle{border-color:var(--line);background:#fff}
.shared-translate-engine{position:fixed!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
.goog-te-banner-frame.skiptranslate,
.VIpgJd-ZVi9od-ORHb-OEVmcd,
iframe.skiptranslate[src*="translate.google"]{display:none!important;visibility:hidden!important;height:0!important}
html,body{top:0!important;margin-top:0!important}
[dir="rtl"] body{text-align:right}
[dir="rtl"] .shared-language-menu{right:auto;left:0}
[dir="rtl"] .shared-language-menu button{text-align:right}
.shared-site-header.scrolled .shared-primary-nav{color:var(--ink)}
.shared-site-header.scrolled .shared-primary-nav .shared-nav-cta{background:var(--navy-900);border-color:var(--navy-900);color:#fff}
.shared-menu-toggle{display:none;width:46px;height:46px;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:transparent;cursor:pointer}
.shared-menu-toggle span:not(.sr-only){display:block;width:18px;height:2px;margin:4px auto;background:currentColor;transition:.25s ease}
.shared-primary-nav { font-size: .84rem; }
.shared-primary-nav a[aria-current="page"]{
  position:relative;
  color:#fff;
  text-decoration:none;
}
.shared-primary-nav a[aria-current="page"]:not(.shared-nav-cta)::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:1px;
  height:2px;
  border-radius:2px;
  background:var(--cyan);
  box-shadow:0 0 10px rgba(75,212,238,.35);
}
.shared-site-header:not(.scrolled) .shared-primary-nav a[aria-current="page"]:not(.shared-nav-cta){
  color:var(--cyan);
}
.shared-site-header.scrolled .shared-primary-nav a[aria-current="page"]:not(.shared-nav-cta){
  color:#0b89bd;
}
.shared-primary-nav .shared-nav-cta[aria-current="page"]{
  background:var(--cyan);
  border-color:var(--cyan);
  color:var(--navy-900);
  box-shadow:0 0 0 3px rgba(75,212,238,.12);
}
.shared-site-header.scrolled .shared-primary-nav .shared-nav-cta[aria-current="page"]{
  background:#0b89bd;
  border-color:#0b89bd;
  color:#fff;
}
.shared-primary-nav a:focus-visible { outline: 3px solid #4bd4ee; outline-offset: 3px; }
body.menu-open { overflow: hidden; }
@media(max-width:1100px) {
  .shared-site-header { --shell: min(100% - 48px, 960px); }
  .shared-primary-nav { gap: 13px; }
}
@media(max-width:850px) {
  .shared-site-header { --shell: min(100% - 36px, 720px); }
  .shared-menu-toggle{display:block;color:#fff}.shared-site-header.scrolled .shared-menu-toggle{color:var(--ink);border-color:var(--line)}
  .shared-menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}.shared-menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.shared-menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  .shared-primary-nav{position:absolute;top:calc(100% + 6px);left:18px;right:18px;max-height:calc(100svh - 100px);padding:20px;display:grid;gap:3px;overflow-y:auto;overscroll-behavior:contain;background:rgba(3,18,30,.98);border:1px solid rgba(255,255,255,.14);border-radius:16px;color:#fff!important;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(-8px);transition:.22s ease}
  .shared-primary-nav.open{opacity:1;visibility:visible;transform:none}.shared-primary-nav a,.shared-primary-nav a:nth-child(4),.shared-primary-nav a:nth-child(5){display:block;padding:9px}.shared-primary-nav .shared-nav-cta{margin-top:7px;text-align:center;background:transparent!important;border-color:rgba(255,255,255,.25)!important}
  .shared-language{margin-top:10px;padding-top:14px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.14)}
  .shared-language-toggle{width:100%;color:#fff;border-color:rgba(255,255,255,.25);background:#0a2639}
  .shared-language-menu{position:static;width:100%;margin-top:8px;grid-column:1/-1}
  .shared-site-header.scrolled .shared-language{color:#fff}
  .shared-site-header.scrolled .shared-language-toggle{color:#fff;border-color:rgba(255,255,255,.25);background:#0a2639}
  .shared-primary-nav a[aria-current="page"]:not(.shared-nav-cta){padding-left:14px;background:rgba(75,212,238,.10);border-radius:8px;color:var(--cyan)!important}
  .shared-primary-nav a[aria-current="page"]:not(.shared-nav-cta)::after{left:5px;right:auto;top:50%;bottom:auto;width:3px;height:20px;transform:translateY(-50%)}
  .shared-primary-nav .shared-nav-cta[aria-current="page"]{background:var(--cyan)!important;border-color:var(--cyan)!important;color:var(--navy-900)!important}
}
@media(max-width:560px) {
  .shared-site-header { padding: 11px 0; }
  .shared-brand { width:146px; height:49px; }
  .shared-site-header.scrolled .shared-brand { height:45px; }
}
@media(prefers-reduced-motion:reduce) {
  .shared-site-header, .shared-site-header * { transition: none; }
}
