/* ── Shared nav styles — edit here, applies to all pages ── */

.dark-nav { position:sticky; top:0; z-index:800; background:rgba(7,9,26,0.88); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); border-bottom:1px solid rgba(255,255,255,0.06); }
.dark-nav-inner { max-width:1200px; margin:0 auto; padding:0 40px; height:72px; display:flex; align-items:center; gap:16px; justify-content:space-between; }

.dark-nav-link { font-family:var(--fm); font-size:12px; font-weight:600; letter-spacing:0.06em; text-transform:uppercase; color:rgba(221,232,255,0.5); text-decoration:none; padding:26px 14px; display:inline-flex; align-items:center; gap:5px; position:relative; transition:color 120ms; white-space:nowrap; }
.dark-nav-link:hover { color:var(--text); }
.dark-nav-link.active { color:var(--nav-accent, var(--ice)); }
.dark-nav-link.active::after { content:''; position:absolute; bottom:0; left:14px; right:14px; height:2px; background:var(--nav-accent, var(--ice)); border-radius:2px 2px 0 0; }

.nav-dropdown { position:absolute; top:calc(100% + 4px); left:0; min-width:280px; background:rgba(8,10,28,0.97); border:1px solid rgba(255,255,255,0.1); border-radius:10px; box-shadow:0 24px 48px rgba(0,0,0,0.5); padding:6px; z-index:9100; animation:nav-dd-in 180ms cubic-bezier(0.2,0,0,1); }
@keyframes nav-dd-in { from{opacity:0;transform:translateY(6px)} to{opacity:1;transform:translateY(0)} }
.nav-dd-item { display:block; padding:11px 14px; border-radius:6px; text-decoration:none; color:var(--text); transition:background 120ms; cursor:pointer; }
.nav-dd-item:hover { background:rgba(255,255,255,0.07); }
.nav-dd-item-label { font-family:var(--fd); font-weight:500; font-size:14px; color:#eaf0ff; }
.nav-dd-item-desc  { font-family:var(--fm); font-size:10px; letter-spacing:0.06em; color:rgba(221,232,255,0.35); margin-top:2px; }

.mobile-menu { position:fixed; inset:72px 0 0 0; z-index:8900; background:rgba(7,9,26,0.98); backdrop-filter:blur(20px); overflow-y:auto; padding:24px 20px 48px; animation:nav-dd-in 220ms cubic-bezier(0.2,0,0,1); }
.mobile-nav-item { display:block; padding:18px 4px; border-bottom:1px solid rgba(255,255,255,0.06); font-family:var(--fm); font-size:12px; font-weight:600; letter-spacing:0.06em; text-transform:uppercase; color:rgba(221,232,255,0.5); text-decoration:none; cursor:pointer; transition:color 120ms; }
.mobile-nav-item:hover { color:var(--text); }
.mobile-nav-sub .mobile-nav-item { font-family:var(--fd); font-size:12px; font-weight:500; letter-spacing:0.04em; color:rgba(221,232,255,0.38); border-bottom-color:rgba(255,255,255,0.04); padding:14px 16px; }
.mobile-nav-sub .mobile-nav-item-desc { font-family:var(--fm); font-size:12px; font-weight:400; color:rgba(221,232,255,0.28); letter-spacing:0; text-transform:none; display:block; margin-top:3px; }

/* ── Light nav (homepage) ── */
.nav-light { background:var(--pm-white, #ffffff) !important; border-bottom:1px dashed var(--color-border, #edf0f4) !important; box-shadow:none !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; }
.nav-light .dark-nav-link { color:var(--pm-slate, #54627a); }
.nav-light .dark-nav-link:hover { color:var(--pm-ink, #0b1533); }
.nav-light .dark-nav-link.active { color:var(--pm-glacier-blue, #0f3fda); }
.nav-light .dark-nav-link.active::after { background:var(--pm-glacier-blue, #0f3fda); }
.nav-light .nav-dropdown { background:rgba(255,255,255,0.98); border:1px dashed var(--color-border, #edf0f4); box-shadow:var(--shadow-md, 0 4px 8px rgba(11,21,51,0.06)); }
.nav-light .nav-dd-item { color:var(--pm-ink, #0b1533); }
.nav-light .nav-dd-item:hover { background:var(--pm-snow, #f6fcfe); }
.nav-light .nav-dd-item-label { color:var(--pm-ink, #0b1533); }
.nav-light .nav-dd-item-desc { color:var(--pm-slate, #54627a); }
.nav-light .mobile-menu { background:rgba(255,255,255,0.98); border-top:1px dashed var(--color-border, #edf0f4); }
.nav-light .mobile-nav-item { color:var(--pm-slate, #54627a); border-bottom-color:var(--color-border, #edf0f4); }
.nav-light .mobile-nav-item:hover { color:var(--pm-ink, #0b1533); }
.nav-light .mobile-nav-sub .mobile-nav-item { color:var(--pm-slate, #54627a); border-bottom-color:rgba(237,240,244,0.8); }
.nav-light .mobile-nav-sub .mobile-nav-item-desc { color:var(--pm-steel, #aab7c4); }
.nav-light .nav-hamburger { color:var(--pm-ink, #0b1533) !important; }
/* ── Primary CTA button (site-wide) ── */
.btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-family: var(--fm);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  background: var(--pm-ink, #0b1533);
  color: #fff;
  border: none;
  border-radius: 6px;
  padding: 14px 22px;
  cursor: pointer;
  transition: background 200ms cubic-bezier(0.2, 0, 0, 1);
  text-decoration: none;
}
.btn-primary:hover:not(:disabled) { background: var(--pm-glacier-blue, #0f3fda); }
.btn-primary:active:not(:disabled) { background: var(--pm-glacier-deep, #0a2fa8); }
.btn-primary:disabled { opacity: 0.6; cursor: default; }
.btn-primary--nav { padding: 11px 20px; font-size: 12px; gap: 8px; }
.btn-primary--lg { padding: 16px 28px; }
.btn-primary--full { width: 100%; margin-top: 4px; }
.btn-primary__arrow {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  image-rendering: pixelated;
  filter: brightness(0) invert(1);
}

@media (max-width:900px) { .dark-nav-inner { padding:0 20px; } .dark-nav-inner nav { display:none !important; } .nav-hamburger { display:flex !important; } }
@media (max-width:768px) { .nav-book-btn { display:none !important; } }
@media (max-width:600px) { .dark-nav-inner { height:60px; } .mobile-menu { inset:60px 0 0 0; } }