/* Shared, content-led navigation. Scoped to the two main headers only. */
.site-header:has(.site-navigation){
  border-bottom:1px solid #11131a0b;
  background:#fff;
  box-shadow:0 3px 18px #10162203;
  -webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);
}
.site-header:has(.nav-group[open]),body.menu-open .site-header{z-index:70}
.site-header~main :is(h1,h2,h3)[tabindex="-1"]:focus{outline:none}
.site-header .site-navigation{
  gap:clamp(10px,1.6vw,24px);
}
.site-header .site-navigation .nav-page-group{position:relative;display:flex;align-items:center;border:0;border-radius:9px;background:transparent;box-shadow:none}
.site-header .site-navigation .nav-group{position:static;margin:0}
.site-header .site-navigation a.nav-page-link{padding-right:4px;border:0;color:var(--ink);background:transparent;box-shadow:none}
.site-header .site-navigation a.nav-page-link::before{display:none;width:auto;margin:0;content:none}
.site-header .site-navigation .nav-group>summary{width:30px;min-height:42px;justify-content:center;padding:8px;color:#8a8f9c}
.site-header .site-navigation .nav-page-group.is-current-page{box-shadow:none}
.site-header .site-navigation .nav-page-group.is-current-page>.nav-page-link{color:var(--blue)}
.site-header .site-navigation .nav-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.site-header .site-navigation .nav-section-number{flex:0 0 24px;color:#8991a1;font:600 11px/1 var(--mono);font-variant-numeric:tabular-nums}
.site-header .site-navigation :is(.nav-main-link,summary){
  position:relative;display:flex;min-height:42px;align-items:center;gap:9px;
  padding:10px 12px;border:0;border-radius:9px;
  color:#525867;background:transparent;box-shadow:none;
  font:550 .85rem/1.4 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.015em;
  white-space:nowrap;text-decoration:none;cursor:pointer;list-style:none;
  transition:color .18s,background .18s,box-shadow .18s;
}
.site-header .site-navigation summary::-webkit-details-marker{display:none}
.site-header .site-navigation summary::after{
  width:5px;height:5px;margin:0 2px 3px 1px;border-right:1.25px solid currentColor;
  border-bottom:1.25px solid currentColor;content:"";transform:rotate(45deg);
  transition:transform .18s;
}
.site-header .site-navigation .nav-group[open]>summary::after{transform:translateY(3px) rotate(225deg)}
.site-header .site-navigation :is(.nav-main-link,summary):hover,
.site-header .site-navigation .nav-group[open]>summary{color:var(--ink);background:#f5f6f9}
.site-header .site-navigation :is(a,summary):focus-visible{
  outline:2px solid var(--blue);outline-offset:3px;
}
.site-header .site-navigation :is(.nav-main-link.is-active,.nav-page-group.has-current>.nav-page-link){
  color:var(--blue)!important;background:transparent;box-shadow:none;transform:none;
}
.site-header .site-navigation :is(.nav-main-link.is-active,.nav-page-group.has-current>.nav-page-link)::before{
  position:absolute;display:block;right:12px;bottom:3px;left:12px;height:1px;border-radius:2px;
  background:linear-gradient(90deg,var(--blue),var(--pink));opacity:.7;content:"";
}
.site-header .site-navigation a.nav-contact-button{
  gap:13px;min-width:104px;justify-content:center;margin-left:4px;
  border:0;color:#fff!important;
  background:linear-gradient(105deg,var(--blue),var(--pink))!important;
  box-shadow:0 3px 10px #5865f21a!important;
}
.site-header .site-navigation a.nav-contact-button:hover{box-shadow:0 5px 16px #5865f22e!important}
.site-header .site-navigation a.nav-main-link.nav-contact-button.is-active{color:#fff!important}
.site-header .site-navigation a::after{display:none;content:none}
.site-header .site-navigation .nav-dropdown{
  position:absolute;z-index:54;top:calc(100% + 12px);right:0;
  width:290px;max-height:calc(100svh - 130px);overflow:auto;
  padding:9px;border:1px solid #1920350d;border-radius:15px;
  background:#fffffff7;box-shadow:0 4px 12px #16203005,0 18px 48px #16203014;
  -webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);
}
.site-header .site-navigation .nav-dropdown a{
  display:flex;min-height:44px;align-items:center;white-space:normal;
  margin:0;padding:11px 13px;border:0;border-radius:8px;
  color:#414956!important;background:transparent!important;box-shadow:none!important;
  font:450 .85rem/1.45 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:-.01em;text-decoration:none;transform:none!important;
  transition:color .18s,background .18s;
}
.site-header .site-navigation .nav-dropdown a:hover{color:var(--ink)!important;background:#f5f6f9!important}
.site-header .site-navigation .nav-dropdown a.is-active{
  color:var(--blue)!important;background:#5865f208!important;
  box-shadow:none!important;
}
.site-header .site-navigation .nav-dropdown a.is-active .nav-section-number{color:var(--blue)}
.site-header .site-navigation .nav-group:not([open])>.nav-dropdown{display:none}
@media(min-width:920px){
  .site-header .site-navigation{overflow:visible}
  .site-header .site-navigation .nav-group[open]>.nav-dropdown{animation:nav-disclosure-in .16s ease-out}
}
@keyframes nav-disclosure-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media(max-width:919px){
  .site-header .site-navigation{
    position:absolute;top:calc(100% + 8px);right:16px;left:auto;display:flex!important;
    flex-direction:column;align-items:stretch;gap:0;
    width:min(370px,calc(100vw - 32px));max-height:calc(100svh - 100px);
    padding:10px 12px 13px;overscroll-behavior:contain;
    border:1px solid #1920350d;border-radius:16px;background:#fffffff7;
    box-shadow:0 6px 18px #16203006,0 20px 50px #16203017;
    -webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);
  }
  .site-header .site-navigation .nav-page-group{display:block;margin-bottom:4px;border-radius:0;border-bottom:1px solid #11131a0a}
  .site-header .site-navigation .nav-page-group>.nav-page-link{width:calc(100% - 46px)}
  .site-header .site-navigation .nav-group{border:0}
  .site-header .site-navigation .nav-group>summary{position:absolute;top:0;right:0;width:44px;min-height:48px;justify-content:center;border:0}
  .site-header .site-navigation :is(.nav-main-link,summary){
    min-height:48px;width:100%;padding:12px 10px;border-radius:6px;
    font:550 .93rem/1.3 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    color:#414956!important;background:transparent!important;transform:none!important;
  }
  .site-header .site-navigation summary{justify-content:space-between}
  .site-header .site-navigation>.nav-main-link:not(.nav-contact-button){border:0}
  .site-header .site-navigation :is(.nav-main-link.is-active,.nav-page-group.has-current>.nav-page-link)::before{display:none}
  .site-header .site-navigation .nav-dropdown{
    position:static;width:100%;max-height:none;padding:0 0 10px 8px;
    border:0;border-radius:0;background:transparent;box-shadow:none;
  }
  .site-header .site-navigation .nav-dropdown a{gap:8px}
  .site-header .site-navigation .nav-dropdown a{min-height:44px;padding:10px 12px;font-size:.85rem}
  .site-header .site-navigation a.nav-contact-button{margin:12px 0 0}
}
@media(max-width:919px){
  .site-header .site-navigation{max-height:calc(100svh - 104px)}
}
@media(prefers-reduced-motion:reduce){
  .site-header .site-navigation *,
  .site-header .site-navigation *::before,
  .site-header .site-navigation *::after{animation:none!important;transition:none!important}
}

/* Small monochrome official brand mark for Pilot Studio. */
.site-navigation .nav-studio-mark{display:inline-block;width:1.8em;height:1.8em;object-fit:contain;filter:grayscale(1) brightness(.55);opacity:.85;flex:none;margin-right:0;vertical-align:middle}

.site-header .site-navigation a.nav-main-link:has(.nav-studio-mark){gap:1px}

/* Pilot Ai is the primary navigation action; contact returns to a text link. */
.site-header .site-navigation a.nav-main-link.nav-pilot-button{gap:3px;padding:8px 13px;color:#252c38!important;background:#f3f4f7!important;border:0;border-radius:9px;box-shadow:none!important}
.site-header .site-navigation a.nav-pilot-button .nav-studio-mark{filter:grayscale(1) brightness(.55);opacity:.85;transition:filter .18s}
.site-header .site-navigation a.nav-pilot-button:hover .nav-studio-mark,.site-header .site-navigation a.nav-pilot-button.is-active .nav-studio-mark,.site-header .site-navigation a.nav-pilot-button[aria-current] .nav-studio-mark{filter:none}
.site-header .site-navigation a.nav-pilot-button:hover,.site-header .site-navigation a.nav-pilot-button.is-active,.site-header .site-navigation a.nav-pilot-button[aria-current]{background:#f3f4f7!important;box-shadow:none!important}
.site-header .site-navigation a.nav-pilot-button.is-active::before{display:none}
.site-header .site-navigation a.nav-main-link.nav-contact-button{min-width:0;margin-left:0;padding:10px 12px;color:#525867!important;background:transparent!important;box-shadow:none!important}
.site-header .site-navigation a.nav-main-link.nav-contact-button:hover{color:var(--ink)!important;background:#f5f6f9!important}
.site-header .site-navigation a.nav-main-link.nav-contact-button.is-active{color:var(--blue)!important;background:transparent!important}
@media(max-width:919px){.site-header .site-navigation a.nav-main-link.nav-pilot-button{width:100%;min-height:48px;justify-content:flex-start;margin:5px 0}.site-header .site-navigation a.nav-main-link.nav-contact-button{margin:0;padding:12px 10px}}

.site-header .site-navigation a.nav-pilot-button .nav-studio-mark{transform:translateY(1px)}
.site-header .site-navigation a.nav-pilot-button .nav-pilot-prefix{color:#11141b!important;background:none!important}
.site-header .site-navigation a.nav-pilot-button .nav-pilot-name{color:inherit}
.site-header .site-navigation a.nav-pilot-button:hover .nav-pilot-name,.site-header .site-navigation a.nav-pilot-button.is-active .nav-pilot-name,.site-header .site-navigation a.nav-pilot-button[aria-current] .nav-pilot-name{background:linear-gradient(90deg,var(--blue),var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}

.site-header .site-navigation a.nav-pilot-button.ps-nav-current .nav-studio-mark{filter:none}
.site-header .site-navigation a.nav-pilot-button.ps-nav-current .nav-pilot-name{background:linear-gradient(90deg,var(--blue),var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}
.site-header .site-navigation a.nav-pilot-button.ps-nav-current::before{display:none!important;content:none!important}
