/* ██ CANONICAL NAV CSS — edit here only ██ */
nav{position:sticky;top:0;z-index:200;background:#ffffff;border-bottom:1px solid var(--border);height:72px;display:flex;align-items:center;padding:0 40px;justify-content:space-between}
.nav-hamburger{display:none;background:none;border:none;cursor:pointer;flex-direction:column;gap:4px;padding:8px}
.nav-hamburger span{display:block;width:20px;height:2px;background:var(--text);border-radius:2px}
.nav-links{display:flex;align-items:center;gap:8px;list-style:none}
.nav-links>li{position:relative}
.nav-links>li>a{display:flex;align-items:center;gap:4px;padding:8px 14px;text-decoration:none;color:var(--muted);font-weight:500;font-size:13px;border-radius:6px;transition:background 0.15s,color 0.15s;white-space:nowrap}
.nav-links>li>a:hover{background:var(--bg);color:var(--text)}
.nav-cta{background:var(--signal)!important;color:#fff!important;font-weight:700!important;border-radius:6px}
.nav-cta:hover{background:#e55d00!important}
.has-dropdown.open .dropdown{display:block}
@media(min-width:769px){.has-dropdown:hover .dropdown{display:block}}
.dropdown-arrow{font-size:9px;opacity:0.5}
.dropdown{display:none;position:absolute;top:calc(100% + 6px);left:0;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:0 4px 16px rgba(13,43,69,0.10);padding:6px;min-width:180px;z-index:300}
.dropdown a{display:block;padding:9px 14px;text-decoration:none;color:var(--text);font-size:13px;font-weight:500;border-radius:6px;transition:background 0.15s}
.dropdown a:hover{background:var(--bg)}
.dropdown-soon{font-size:10px;font-weight:600;color:var(--muted);margin-left:4px}
.dropdown-section-label{font-size:10px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted);padding:6px 14px 4px;}
.dropdown-divider{height:1px;background:var(--border);margin:6px 0}
.system-bar{background:var(--signal);padding:10px 24px;text-align:center;font-size:12px;color:rgba(255,255,255,0.6);display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}
.system-bar strong{color:#fff;font-weight:800}
.sb-sep{color:rgba(255,255,255,0.4)}
@media(max-width:768px){
  nav{padding:0 20px;height:64px;position:fixed;top:0;left:0;right:0;z-index:9999}
  body{padding-top:64px}
  .nav-hamburger{display:flex}
  .nav-links{display:none;flex-direction:column;position:fixed;top:64px;left:0;right:0;height:calc(100vh - 64px);background:#fff;padding:20px;gap:4px;overflow-y:auto;z-index:9998}
  .nav-links.open{display:flex}
  .nav-links>li>a{padding:12px 14px;font-size:15px;border-radius:8px;color:var(--text)}
  .has-dropdown .dropdown{display:block;position:static;box-shadow:none;border:none;border-radius:0;padding:0 0 0 16px;background:transparent}
  .dropdown a{padding:8px 12px}
}
/* ██ END CANONICAL NAV CSS ██ */