/* The same navigation is used on the public site and account pages. */
.site-header{position:relative;z-index:30;background:#fff;color:#202039;border-bottom:1px solid #ddd9e6;font-family:Arial,Helvetica,sans-serif;color-scheme:light}
.site-header *{box-sizing:border-box}
.header-inner{width:min(1360px,calc(100% - 48px));margin:auto;min-height:86px;display:flex;align-items:center;gap:38px}
.site-header a{text-decoration:none;color:inherit}
.site-header .brand{display:inline-flex;align-items:center;gap:12px;font-size:29px;font-weight:800;line-height:1;letter-spacing:-1.2px;flex-shrink:0}
.site-header .brand-mark{display:grid;place-items:center;width:43px;height:43px;background:#6941e8;color:white;border-radius:12px;font:italic 700 33px/1 Georgia,'Times New Roman',serif;padding-right:3px;letter-spacing:-3px;flex-shrink:0}
.site-header .brand-dot{color:#6941e8}
.site-navigation{display:flex;align-items:center;gap:25px;flex:1}
.site-navigation>a,.nav-dropdown>summary{font-size:13px;font-weight:700;white-space:nowrap}
.nav-dropdown{position:relative}
.nav-dropdown>summary{list-style:none;display:flex;gap:8px;align-items:center;padding:18px 0;line-height:20px;cursor:pointer}
.nav-dropdown>summary::-webkit-details-marker{display:none}
.nav-dropdown[open]>summary{color:#6941e8}
.site-header .nav-chevron{width:14px;height:14px;flex:0 0 14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s}
.nav-dropdown[open] .nav-chevron{transform:rotate(180deg)}
.dropdown-panel{position:absolute;top:100%;left:-20px;width:355px;background:white;border:1px solid #ded9e9;border-top:3px solid #6941e8;border-radius:6px;padding:10px;box-shadow:0 12px 28px #20203918;display:grid;gap:3px}
.dropdown-panel>a{display:flex;align-items:center;gap:12px;min-height:60px;padding:10px;border-radius:4px}
.dropdown-panel>a:hover{background:#f2eef9}
.dropdown-panel strong{display:block;font-size:14px;line-height:1.4}
.dropdown-panel small{display:block;font-size:11px;line-height:1.5;color:#626477;font-weight:400}
.dropdown-panel strong small{display:inline;font-size:9px;background:#f2eefb;padding:2px 5px;border-radius:3px}
.dropdown-panel img{border-radius:4px;object-fit:cover;width:48px;height:48px}
.dropdown-panel .software-symbol{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:4px;background:var(--tint,#eee8fd);color:var(--accent,#6941e8)}
.dropdown-panel .software-symbol svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8}
.dropdown-panel .dropdown-foot{min-height:42px;font-size:12px;font-weight:700;color:#6941e8;border-top:1px solid #ded9e9;margin-top:5px}
.compact-dropdown{width:290px;left:auto;right:-20px}
.site-navigation .button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:12px 16px;border:2px solid #202039;border-radius:5px;font-size:13px;line-height:1.3;font-weight:750;box-shadow:3px 3px 0 #202039;transition:transform .15s,box-shadow .15s}
.site-navigation .nav-signin{background:#202039;color:#fff;margin-left:auto;box-shadow:3px 3px 0 #aaa1be}
.site-navigation .nav-create{background:#e0f780;color:#202039}
.site-navigation .button:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 #202039}
.menu-toggle{display:none}
.site-header :is(a,button,summary):focus-visible{outline:3px solid #6941e8;outline-offset:4px}
@media(max-width:1150px){.header-inner{gap:24px}.site-navigation{gap:16px}.site-navigation>a,.nav-dropdown>summary{font-size:12px}.site-navigation .button{font-size:11px;padding:11px 12px;gap:8px}}
@media(max-width:1020px){.header-inner{min-height:75px;justify-content:space-between;flex-wrap:wrap;gap:0}.menu-toggle{display:flex;align-items:center;gap:12px;background:#f1edf8;color:#202039;border:1px solid #d7d0e4;border-radius:4px;padding:11px 14px;font:700 13px/1.4 Arial,Helvetica,sans-serif;cursor:pointer}.site-navigation{display:none;flex:0 0 100%;flex-direction:column;align-items:stretch;padding:15px 0 25px;gap:0}.site-navigation.is-open{display:flex}.site-navigation>a{padding:14px 0;font-size:14px}.nav-dropdown>summary{font-size:14px;padding:14px 0}.dropdown-panel{position:static;width:100%;box-shadow:none;padding:8px;margin-bottom:10px}.crew-dropdown,.software-dropdown{grid-template-columns:1fr 1fr}.dropdown-foot{grid-column:1/-1}.site-navigation .button{align-self:stretch;font-size:14px;padding:14px;margin:12px 3px 0 0}.site-navigation .nav-signin{margin-left:0}}
@media(max-width:700px){.header-inner{width:calc(100% - 36px)}.site-header .brand{font-size:25px;gap:10px}.site-header .brand-mark{width:37px;height:37px;font-size:29px;border-radius:10px}}
@media(max-width:440px){.crew-dropdown,.software-dropdown{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.site-header *{transition:none!important}}

.site-header .mobile-app-link{display:none}
@media(max-width:1020px){.site-header .mobile-app-link{display:inline-flex;align-items:center;gap:8px;margin-left:auto;margin-right:14px;border:1px solid #202039;border-radius:4px;background:#202039;color:white;padding:10px 12px;font-size:12px;font-weight:700;line-height:1.4}.site-navigation .nav-signin{display:none}}
@media(max-width:440px){.site-header .brand{font-size:22px;gap:8px}.site-header .brand-mark{width:32px;height:32px;font-size:26px}.site-header .mobile-app-link{padding:10px 8px;gap:5px;margin-right:10px;font-size:11px}.menu-toggle{padding:10px;gap:7px;font-size:12px}}

@media(max-width:1020px){.header-inner{padding-top:16px;padding-bottom:16px;align-content:start}.site-navigation{padding-bottom:8px}}