.site-header {
  position: absolute;
  top: 22px;
  left: 50%;
  transform: translateX(-50%);
  width: min(1180px, calc(100% - 96px));
  z-index: 20;
}
.header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  min-height: 68px;
  padding: 6px 14px 6px 25px;
  background: var(--white);
  border-radius: 100px;
  box-shadow: 0 4px 24px #357eab08;
}
.brand {
  display: block;
  width: 165px;
  flex-shrink: 0;
}
.brand img {
  width: 100%;
  height: auto;
}
.site-nav {
  display: flex;
  align-items: center;
  gap: 26px;
  font-size: 12px;
  font-weight: 500;
}
.site-nav a:hover {
  color: var(--accent);
}
.header-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}
.header-cta {
  font-size: 12px;
  min-height: 47px;
  padding: 13px 22px;
  gap: 20px;
}
.menu-toggle {
  display: none;
  width: 42px;
  height: 42px;
  padding: 10px;
  border: 0;
  border-radius: 50%;
  background: var(--white);
}
@media (max-width: 900px) {
  .site-header {
    width: calc(100% - 48px);
  }
  .site-nav {
    gap: 22px;
  }
  .brand {
    width: 155px;
  }
  .header-inner {
    gap: 16px;
  }
}
@media (max-width: 1050px) {
  .site-header {
    top: 16px;
    width: calc(100% - 36px);
  }
  .header-inner {
    min-height: 65px;
    padding: 8px 10px 8px 12px;
    gap: 8px;
  }
  .brand {
    width: 146px;
  }
  .header-cta {
    white-space: nowrap;
    flex-shrink: 0;
    min-height: 40px;
    font-size: 10px;
    padding: 9px 13px;
    gap: 8px;
  }
  .header-cta svg {
    width: 15px;
  }
  .menu-toggle {
    display: block;
  }
  .site-nav {
    display: none;
    position: absolute;
    top: 77px;
    left: 0;
    right: 0;
    padding: 24px;
    background: white;
    box-shadow: 0 12px 25px #18252a15;
    border-radius: 22px;
    font-size: 15px;
  }
  .site-nav.is-open {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 20px;
  }
}

.header-login { border:0; background:transparent; color:var(--ink); font-size:12px; font-weight:600; padding:12px 8px; cursor:pointer; }
@media(max-width:600px) { .site-header {width:calc(100% - 24px)} .header-inner{padding:8px;gap:4px} .brand{width:112px} .header-actions{gap:4px} .header-login{font-size:10px;padding:10px 4px} .header-cta{padding:9px 11px} .menu-toggle{width:32px;height:36px;padding:7px} }

.site-nav {font-size:15px;font-weight:600;gap:24px;}
.header-login,.header-cta {font-size:14px;}
@media(max-width:1050px){.site-nav{font-size:17px}.header-login,.header-cta{font-size:13px}}
@media(max-width:600px){.brand{width:100px}.header-login,.header-cta{font-size:12px}.header-cta{padding:9px 10px}.header-login{padding:10px 3px}}
@media(max-width:350px){.brand{width:90px}.header-actions{gap:2px}.header-cta{padding-inline:8px}}

.nav-group { position:relative; }
.nav-group-trigger { display:flex;align-items:center;gap:3px;min-height:40px; }
.nav-dropdown-toggle { display:grid;place-items:center;width:26px;height:32px;background:transparent;border:0;border-radius:8px;padding:5px; }
.nav-dropdown-toggle svg { width:15px;height:15px;transition:transform .18s; }
.nav-group.is-open .nav-dropdown-toggle svg { transform:rotate(180deg); }
.nav-dropdown { display:none;position:absolute;top:100%;left:-18px;width:238px;padding-top:12px;z-index:30; }
.nav-group.is-open>.nav-dropdown { display:block; }
.nav-dropdown>nav { background:#fff;border:1px solid #e0e7eb;border-radius:20px;padding:10px;box-shadow:0 14px 36px #18252a18; }
.nav-dropdown a { display:block;padding:11px 14px;border-radius:11px;font-size:14px;line-height:1.5;font-weight:500; }
.nav-dropdown a:hover,.nav-dropdown a:focus-visible { background:#e8f6ff;color:#18252a; }
.nav-dropdown a[aria-current] { background:#d7effc;color:#18252a;font-weight:600; }
@media(min-width:1051px) {
  .nav-group-trigger:has(>a[aria-current]) { background:#d7effc;border-radius:100px;padding-inline:12px;margin-inline:-12px; }
}
@media(max-width:1050px) {
  .site-nav.is-open { gap:10px;max-height:calc(100dvh - 115px);overflow-y:auto;overscroll-behavior:contain; }
  .site-nav>a { padding-block:7px; }
  .nav-group { width:100%; }
  .nav-group-trigger { justify-content:space-between;min-height:44px; }
  .nav-dropdown-toggle { width:42px;height:42px;background:#f0f8fc; }
  .nav-dropdown-toggle svg { width:18px;height:18px; }
  .nav-dropdown { position:static;width:100%;padding:4px 0 8px; }
  .nav-dropdown>nav { background:#f5fbff;border:0;border-radius:14px;box-shadow:none;padding:7px; }
  .nav-dropdown a { font-size:14px; }
  .nav-group-trigger>a[aria-current] { color:#2367ac; }
}

[data-account-menu-slot]{display:flex;align-items:center;gap:22px}.account-menu{position:relative}.account-menu-toggle{display:flex;align-items:center;gap:10px;border:0;background:none;font:500 12px var(--font);padding:4px;border-radius:9px;max-width:220px}.account-menu-toggle>[data-account-display-name]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:140px}.account-menu-toggle:focus-visible{outline:3px solid #9dc9ef;outline-offset:3px}.account-menu .dash-avatar{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border-radius:50%;background:#dcebf9;color:#245e96;font-size:12px;overflow:hidden}.account-menu .dash-avatar img{width:100%;height:100%;object-fit:cover}.account-menu-panel{position:absolute;right:0;top:calc(100% + 10px);width:230px;padding:10px;background:white;border:1px solid #dce7f0;border-radius:12px;box-shadow:0 12px 32px #16365214;z-index:70;color:#20262a}.account-menu-panel[hidden]{display:none}.account-menu-panel>p{padding:10px 12px;font-size:12px;font-weight:600;overflow-wrap:anywhere;border-bottom:1px solid #e3eaf0;margin-bottom:6px}.account-menu-panel small{display:block;font-size:10px;font-weight:400;color:#64768a;margin-top:4px}.account-menu-panel>a,.account-menu-panel>button{display:block;width:100%;text-align:left;background:none;border:0;padding:10px 12px;border-radius:7px;font-size:12px}.account-menu-panel>a:hover,.account-menu-panel>button:hover{background:#e7f3ff;color:#225f98}.account-menu-error{color:#a02f29}.header-actions [data-account-menu-slot]>.header-login{white-space:nowrap}@media(max-width:620px){.account-menu-toggle>[data-account-display-name]{max-width:72px;font-size:10px}[data-account-menu-slot]{gap:12px}.account-menu .dash-avatar{display:grid!important}.header-actions [data-account-menu-slot]>.header-cta{display:none}}

.language-switch{display:inline-flex;align-items:center;gap:2px;padding:3px;background:#eef5fb;border:1px solid #d6e4ef;border-radius:100px;flex-shrink:0}
.language-switch button{min-width:30px;min-height:32px;padding:5px 7px;border:0;border-radius:100px;background:transparent;color:#456075;font:700 11px Jakarta,sans-serif;cursor:pointer}
.language-switch button[aria-pressed=true]{background:#215fa2;color:white;box-shadow:0 2px 5px #133a661a}
.language-switch button:hover{background:#dbeaff;color:#174c84}.language-switch button[aria-pressed=true]:hover{background:#174c84;color:white}
.language-switch button:focus-visible{outline:3px solid #317cce;outline-offset:3px}
.header-inner{gap:18px}.site-nav{gap:16px;font-size:13px}.header-actions [data-account-menu-slot]{gap:12px}.header-cta{padding-inline:17px}
@media(max-width:600px){.header-inner{gap:4px}.header-actions{gap:5px}.language-switch{padding:2px}.language-switch button{min-width:27px;padding:4px;min-height:30px}.dash-topbar-right{gap:8px}.dash-breadcrumb{font-size:11px}.header-actions [data-account-menu-slot]{gap:4px}}
