/* summit-nav.css: the one stylesheet for the site navbar. Every page, blog and region page loads it.
   Markup comes from NAV_HTML in tools/js-src/summit-components.js; change either and run tools/build_shell.py. */
.nav{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.97);-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);border-bottom:1px solid #e2e6ec;font-family:'Sora',sans-serif;line-height:1.6;text-align:left}
.nav *,.nav *::before,.nav *::after{box-sizing:border-box}
.nav ul{list-style:none;margin:0;padding:0}
.nav a{text-decoration:none}
.nav-inner{max-width:1320px;margin:0 auto;padding:0 24px;display:flex;align-items:center;height:66px;gap:0}
.nav-logo{display:flex;align-items:center;margin-right:28px;flex-shrink:0}
.nav-logo img{height:38px;width:auto;display:block}
.nav-links{display:flex;align-items:center;gap:2px;flex:1;min-width:0}
.nav-item{position:relative}
.nav .nav-link{position:relative;display:flex;align-items:center;gap:4px;padding:8px 12px;border-radius:8px;font-size:14px;font-weight:500;color:#1f2937;cursor:pointer;transition:.18s;white-space:nowrap;background:transparent;border:none;font-family:'Sora',sans-serif;line-height:1.4}
.nav .nav-link:hover,.nav .nav-link.active,.nav .nav-link[aria-current="page"]{color:#E4007C}
.nav .nav-link:hover{background:#f0f2f5}
.nav .nav-link[aria-current="page"]{font-weight:700}
.nav-chevron{font-size:12px;opacity:.5;transition:transform .2s}
.nav .nav-link:hover .nav-chevron{transform:rotate(180deg)}
.simple-dd{position:absolute;top:calc(100% + 8px);left:0;background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.14);border:1px solid #e2e6ec;padding:8px;display:none;flex-direction:column;gap:2px;min-width:200px;z-index:2000}
.simple-dd::before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}
.nav-item:hover .simple-dd,.nav-item:focus-within .simple-dd{display:flex}
.simple-dd a{display:block;padding:9px 14px;border-radius:8px;font-size:13px;font-weight:500;color:#1f2937;transition:.18s}
.simple-dd a:hover{background:#f0f2f5;color:#E4007C}
.nav-actions{display:flex;align-items:center;gap:10px;margin-left:auto;flex-shrink:0}
.nav-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 16px;border-radius:8px;border:2px solid transparent;font-family:'Sora',sans-serif;font-weight:700;font-size:13px;line-height:1;white-space:nowrap;cursor:pointer;transition:all .22s;text-decoration:none}
.nav-actions .btn-cyan{background:#00AEEF;color:#0D0D0D!important;border-color:#00AEEF}
.nav-actions .btn-cyan:hover{background:#33c0f3;border-color:#33c0f3;transform:translateY(-1px);box-shadow:0 10px 28px rgba(0,174,239,.3)}
.nav-actions .btn-pink{background:#E4007C;color:#fff!important;border-color:#E4007C}
.nav-actions .btn-pink:hover{background:#b8005f;border-color:#b8005f;transform:translateY(-1px);box-shadow:0 10px 28px rgba(228,0,124,.32)}
.nav-actions .btn-yellow{background:#FFE600;color:#0D0D0D!important;border-color:#FFE600}
.nav-actions .btn-yellow:hover{background:#c8b800;border-color:#c8b800;transform:translateY(-1px);box-shadow:0 10px 28px rgba(255,230,0,.35)}
.nav-actions .btn:focus-visible,.nav .nav-link:focus-visible,.nav-logo:focus-visible{outline:2px solid #E4007C;outline-offset:2px}
@media (max-width:1320px){
  .nav-inner{padding:0 16px}
  .nav-logo{margin-right:14px}
  .nav .nav-link{padding:8px 9px;font-size:13.5px}
  .nav-actions{gap:8px}
  .nav-actions .btn{padding:9px 12px}
}
@media (max-width:1220px){
  .nav-item--contact{display:none}
}
@media (max-width:1140px){
  .nav-actions .btn-cyan{display:none}
}
@media (max-width:1040px){
  .nav-links{display:none}
  .nav-actions{margin-left:auto}
}
@media (max-width:560px){
  .nav-inner{padding:0 12px}
  .nav-actions .btn-yellow{display:none}
  .nav-actions .btn-pink{padding:9px 12px;font-size:12.5px}
}
@media (prefers-reduced-motion:reduce){
  .nav .nav-link,.nav-chevron,.nav-actions .btn{transition:none}
}