/* ============================================================
   Sequence — shared site navigation
   Single source of truth for the top nav. Linked on every page
   so the bar is pixel-identical site-wide. Do NOT redefine these
   rules inline in any page.
   ============================================================ */

/* Self-contained box model so the bar is identical regardless of whether
   the host page sets a global *{box-sizing:border-box} reset. */
.site-nav,.site-nav *{box-sizing:border-box}
.site-nav{position:sticky;top:0;z-index:100;backdrop-filter:blur(16px) saturate(1.1);-webkit-backdrop-filter:blur(16px) saturate(1.1);background:rgba(10,10,11,0.6);border-bottom:1px solid var(--hairline)}
.nav-inner{max-width:1400px;margin:0 auto;padding:0.85rem clamp(1.25rem,4vw,3rem);display:flex;align-items:center;gap:1.5rem}
.nav-brand{font-family:var(--font-display);font-weight:650;font-size:1.15rem;letter-spacing:-0.02em;color:var(--text-primary);text-decoration:none}
.nav-menu{display:flex;align-items:center;gap:0.25rem}
.nav-item{position:relative}
.nav-trigger,.nav-link{display:inline-flex;align-items:center;gap:0.35rem;background:none;border:none;color:var(--text-secondary);font-family:var(--font-main);font-size:0.92rem;font-weight:500;cursor:pointer;padding:0.5rem 0.75rem;border-radius:10px;text-decoration:none;transition:color 0.2s,background 0.2s}
.nav-trigger:hover,.nav-link:hover,.nav-item:hover .nav-trigger{color:var(--text-primary);background:rgba(255,255,255,0.05)}
.nav-trigger svg{width:13px;height:13px;transition:transform 0.25s}
.nav-item:hover .nav-trigger svg,.nav-item.open .nav-trigger svg{transform:rotate(180deg)}
.nav-cta{margin-left:auto;display:inline-flex;align-items:center;padding:0.55rem 1.1rem;border-radius:999px;background:linear-gradient(180deg,#fff,#e4e4e4);color:#0a0a0a;font-family:var(--font-display);font-weight:600;font-size:0.85rem;text-decoration:none;border:1px solid rgba(255,255,255,0.9);transition:transform 0.2s}
.nav-cta:hover{transform:translateY(-1px)}
.nav-dropdown{position:absolute;top:calc(100% + 12px);left:0;width:min(280px,92vw);padding:0.5rem;border-radius:14px;background:rgba(18,18,20,0.94);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border:1px solid var(--card-border);box-shadow:0 30px 80px rgba(0,0,0,0.55);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity 0.2s,transform 0.2s,visibility 0.2s}
.nav-item:hover .nav-dropdown,.nav-item:focus-within .nav-dropdown,.nav-item.open .nav-dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.nav-dd-grid{display:flex;flex-direction:column;gap:0.15rem}
.nav-dd-card{display:flex;flex-direction:column;gap:2px;padding:0.6rem 0.75rem;border-radius:10px;text-decoration:none;transition:background 0.2s}
.nav-dd-card:hover{background:rgba(255,255,255,0.05)}
.nav-dd-card strong{font-size:0.92rem;color:var(--text-primary);font-weight:600}
.nav-dd-card em{font-size:0.78rem;color:var(--text-muted);font-style:normal;line-height:1.35}
@media (max-width:720px){
  .nav-menu{display:none}
  .nav-cta{margin-left:auto}
}