/* Shared marketing header. Every page with the main site navigation loads this file so the
   header keeps the same dark chrome, actions and dropdowns as the homepage. */
body.studio-chrome {
  --sh-font:Inter,"PingFang SC","Noto Sans SC","Microsoft YaHei",ui-sans-serif,system-ui,sans-serif;
}

body.studio-chrome .site-header { font:400 16px/1.65 var(--sh-font); position:sticky; inset:0 0 auto; width:100%; height:auto; min-height:0; border:0; border-bottom:1px solid #293654; border-radius:0; background:#111b38; box-shadow:none; backdrop-filter:none; -webkit-backdrop-filter:none; }
body.studio-chrome .site-header .nav { width:min(calc(100% - 80px),1200px); min-height:78px; padding:10px 0; grid-template-columns:auto minmax(0,1fr) auto; gap:30px; }
body.studio-chrome .site-header .brand { width:auto; height:auto; gap:9px; color:#f4f7ff; font:600 25px/1.3 var(--sh-font); letter-spacing:-.04em; }
body.studio-chrome .site-header .header-logo { width:43px; height:30px; flex-basis:43px; }
body.studio-chrome .site-header .nav-links { justify-content:flex-end; gap:26px; color:#b8c5df; font:500 13px/1.5 var(--sh-font); }
body.studio-chrome .site-header .nav-links>a,body.studio-chrome .site-header .nav-trigger { color:#b8c5df; }
body.studio-chrome .site-header .nav-links>a:hover { color:#fff; }
body.studio-chrome .site-header .nav-actions { gap:16px; }
body.studio-chrome .site-header .workspace-cta { min-height:44px; height:auto; padding:11px 17px; border:0; border-radius:5px; background:#3d5dff; color:#fff; box-shadow:none; font-size:12px; }
body.studio-chrome .site-header .workspace-cta:hover { background:#506dff; box-shadow:none; transform:none; }
body.studio-chrome .site-header .workspace-cta::before { content:none; }
body.studio-chrome .site-header .language-control { border-left-color:#41506f; color:#b8c5df; font-family:var(--sh-font); }
body.studio-chrome .site-header .header-login { display:inline-flex; align-items:center; min-height:44px; color:#d5def0; font-size:12px; text-decoration:none; }
body.studio-chrome .site-header .nav-links .rs-mobile-workspace { display:none; }
body.studio-chrome .site-header :is(a,button):focus-visible { outline:3px solid #00c7ff; outline-offset:4px; }
body.studio-chrome .site-header .nav-trigger { font:inherit; }

@media (min-width:1024px) and (max-width:1240px) {
  body.studio-chrome .site-header .nav { gap:22px; }
  body.studio-chrome .site-header .brand { font-size:22px; }
  body.studio-chrome .site-header .nav-links { gap:18px; font-size:12px; }
  body.studio-chrome .site-header .nav-actions { gap:12px; }
}

@media (max-width:1023px) {
  body.studio-chrome .site-header .header-login { display:none; }
  body.studio-chrome .site-header .nav-links.open .rs-mobile-workspace { display:flex; }
  body.studio-chrome .site-header .nav { grid-template-columns:minmax(0,1fr) auto; min-height:70px; gap:15px; }
  body.studio-chrome .site-header .nav-actions { grid-column:2; gap:8px; }
  body.studio-chrome .site-header .nav-links { left:20px; right:20px; top:calc(100% + 8px); justify-content:flex-start; gap:4px; padding:16px; background:#172443; border:1px solid #3b4b6e; box-shadow:0 14px 34px #07102740; backdrop-filter:none; }
  body.studio-chrome .site-header .nav-links>a { min-height:48px; font-size:14px; }
  body.studio-chrome .mobile-language-switch button { color:#b9c6e0; background:#172443; border-color:#3b4b6e; }
  body.studio-chrome .mobile-language-switch button[aria-pressed="true"] { color:#e7eeff; border-color:#90a6ff; background:#2a3e6c; }
  body.studio-chrome .site-header .menu { color:#e8efff; }
  body.studio-chrome .site-header .nav-links.open { max-height:calc(100dvh - 100px); overflow-y:auto; }
  body.studio-chrome .site-header .nav-item { width:100%; }
}

@media (max-width:700px) {
  body.studio-chrome .site-header .nav { width:calc(100% - 40px); min-height:68px; padding:9px 0; gap:8px; }
  body.studio-chrome .site-header .brand { font-size:20px; gap:7px; }
  body.studio-chrome .site-header .header-logo { width:32px; height:24px; flex-basis:32px; }
  body.studio-chrome .site-header .workspace-cta { min-height:42px; padding:10px 12px; font-size:11px; }
}

@media (max-width:380px) {
  body.studio-chrome .site-header .nav { width:calc(100% - 28px); }
  body.studio-chrome .site-header .brand { font-size:18px; }
}

/* Desktop dropdowns use the light Studio surface; the mobile menu keeps the
   dark inline treatment inside the navigation sheet. */
body.studio-chrome .site-header .nav-links .nav-trigger {
  min-height:44px;
  color:#d5def0;
  font:inherit;
  gap:6px;
}
body.studio-chrome .site-header .nav-links .nav-trigger:hover,
body.studio-chrome .site-header .nav-links .nav-trigger:focus-visible,
body.studio-chrome .site-header .nav-links .nav-item.is-open > .nav-trigger {
  color:#fff;
}
body.studio-chrome .site-header .nav-links .nav-item > .nav-trigger .nav-trigger-chevron {
  transform:none;
}
body.studio-chrome .site-header .nav-links .nav-item.is-open > .nav-trigger .nav-trigger-chevron {
  transform:rotate(180deg);
}
body.studio-chrome .site-header .nav-links .nav-item > .nav-dropdown {
  display:none;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  top:calc(100% + 12px);
  max-height:calc(100dvh - 110px);
  overflow-y:auto;
  overscroll-behavior:contain;
  gap:2px 16px;
  padding:14px 16px;
  border:1px solid #dce3ef;
  border-radius:10px;
  background:#fff;
  box-shadow:0 24px 64px rgb(7 16 39 / 18%);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  transform:translate(-50%,0);
  transition:none;
}
body.studio-chrome .site-header .nav-links .nav-item.is-open > .nav-dropdown {
  display:grid;
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translate(-50%,0);
}
body.studio-chrome .site-header .nav-links .nav-item.is-open::after {
  content:"";
  position:absolute;
  top:100%;
  left:0;
  width:100%;
  height:14px;
  transform:none;
}
body.studio-chrome .site-header .nav-links .nav-dropdown a {
  min-height:42px;
  padding:9px 10px;
  border-radius:6px;
  color:#17213b;
  font-size:13px;
  font-weight:500;
  line-height:1.4;
}
body.studio-chrome .site-header .nav-links .nav-dropdown a:hover,
body.studio-chrome .site-header .nav-links .nav-dropdown a:focus-visible {
  color:#17213b;
  background:#f0f3ff;
}
body.studio-chrome .site-header .nav-links .nav-dropdown a svg { color:#3d5dff; }
body.studio-chrome .site-header .nav-links .models-dropdown { gap:8px 28px; }
body.studio-chrome .site-header .nav-links .resources-dropdown { gap:28px; padding:18px 20px; }
body.studio-chrome .site-header .nav-links .resources-dropdown .resource-column-link { min-height:52px; padding:8px 10px; }
body.studio-chrome .site-header .nav-links .model-nav-column h2,
body.studio-chrome .site-header .nav-links .resource-column-title {
  padding:4px 10px 10px;
  color:#768196;
  font-size:11px;
  font-weight:600;
  letter-spacing:.06em;
  text-transform:uppercase;
}
body.studio-chrome .site-header .nav-links .resource-column-link strong { color:#17213b; font-size:13px; font-weight:600; }
body.studio-chrome .site-header .nav-links .resource-column-link span { color:#768196; font-size:11px; }
body.studio-chrome .site-header .nav-links .resource-column + .resource-column { padding-left:28px; border-left:1px solid #e6ebf5; }
body.studio-chrome .site-header .nav-links .nav-dropdown .nav-dropdown-all,
body.studio-chrome .site-header .nav-links .models-dropdown .model-nav-all,
body.studio-chrome .site-header .nav-links .resources-dropdown .resource-view-all {
  min-height:44px;
  margin-top:8px;
  padding:11px 10px 3px;
  border-top:1px solid #e6ebf5;
  color:#3d5dff;
  font-size:13px;
  font-weight:600;
}
body.studio-chrome .site-header .nav-links .nav-dropdown .nav-dropdown-all svg { color:#3d5dff; }
body.studio-chrome .site-header .nav-links .model-nav-icon--mono { filter:none; }
body.studio-chrome .site-header .nav-links .nav-dropdown :is(a,button):focus-visible { outline-color:#3d5dff; }

@media (max-width:1023px) {
  body.studio-chrome .site-header .nav-links {
    max-height:calc(100dvh - 110px);
    overflow-y:auto;
    overscroll-behavior:contain;
    scrollbar-gutter:stable;
  }
  body.studio-chrome .site-header .nav-links .nav-trigger {
    width:100%;
    justify-content:space-between;
    padding:10px;
  }
  body.studio-chrome .site-header .nav-links .nav-item > .nav-dropdown,
  body.studio-chrome .site-header .nav-links .nav-item.is-open > .nav-dropdown {
    width:100%;
    position:static;
    max-height:none;
    overflow:visible;
    grid-template-columns:minmax(0,1fr);
    gap:6px;
    padding:4px 0 10px 12px;
    border:0;
    border-left:1px solid #34425e;
    border-radius:0;
    box-shadow:none;
    background:transparent;
    transform:none;
  }
  body.studio-chrome .site-header .nav-links .nav-item.is-open::after,
  body.studio-chrome .site-header .nav-links .nav-dropdown::before {
    display:none;
  }
  body.studio-chrome .site-header .nav-links .nav-dropdown a {
    min-width:0;
    min-height:44px;
    padding:10px;
    color:#d5def0;
    font-size:13px;
    overflow-wrap:anywhere;
  }
  body.studio-chrome .site-header .nav-links .nav-dropdown a:hover,
  body.studio-chrome .site-header .nav-links .nav-dropdown a:focus-visible {
    color:#fff;
    background:#20314d;
  }
  body.studio-chrome .site-header .nav-links .nav-dropdown a svg { color:#aacbff; }
  body.studio-chrome .site-header .nav-links .model-nav-column h2,
  body.studio-chrome .site-header .nav-links .resource-column-title { color:#afbed8; }
  body.studio-chrome .site-header .nav-links .resource-column-link strong { color:#e8eefb; }
  body.studio-chrome .site-header .nav-links .resource-column-link span { color:#afbed8; }
  body.studio-chrome .site-header .nav-links .nav-dropdown .nav-dropdown-all,
  body.studio-chrome .site-header .nav-links .models-dropdown .model-nav-all,
  body.studio-chrome .site-header .nav-links .resources-dropdown .resource-view-all {
    color:#fff;
    border-top-color:#34425e;
  }
  body.studio-chrome .site-header .nav-links .nav-dropdown .nav-dropdown-all svg { color:#aacbff; }
  body.studio-chrome .site-header .nav-links .model-nav-icon--mono { filter:brightness(0) invert(1); }
  body.studio-chrome .site-header .nav-links .resources-dropdown {
    gap:18px;
  }
  body.studio-chrome .site-header .nav-links .resource-column + .resource-column {
    padding:14px 0 0;
    border-left:0;
    border-top:1px solid #34425e;
  }
}

@media (prefers-reduced-motion:reduce) {
  body.studio-chrome .site-header .nav-links .nav-trigger-chevron {
    transition:none;
  }
}