/* Site header and footer for pages outside the home page (Insights, Privacy, Terms).
   Mirrors the nav and footer in index.html, which uses Tailwind; keep the two in step. */
.mw-nav {
  position: sticky; top: 0; z-index: 50;
  background: rgba(2, 8, 23, 0.75);
  backdrop-filter: blur(24px) saturate(200%);
  -webkit-backdrop-filter: blur(24px) saturate(200%);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.mw-nav-inner { max-width: 80rem; margin: 0 auto; padding: 0.75rem 1.5rem; display: flex; justify-content: space-between; align-items: center; gap: 1rem; }
.mw-logo { display: flex; align-items: center; flex-shrink: 0; }
.mw-logo img { height: 2.25rem; width: auto; display: block; transition: filter 0.3s ease, transform 0.3s ease; }
.mw-logo:hover img { filter: drop-shadow(0 0 8px rgba(59, 130, 246, 0.5)); transform: scale(1.04); }
.mw-links { display: none; gap: 1.25rem; align-items: center; font-size: 0.875rem; font-weight: 500; white-space: nowrap; }
.mw-links a:not(.mw-btn) { color: #94a3b8; text-decoration: none; transition: color 0.2s ease; }
.mw-links a:not(.mw-btn):hover, .mw-links a[aria-current="page"] { color: #60a5fa; }
.mw-btn {
  background: linear-gradient(135deg, #2563eb, #0891b2);
  border: 1px solid rgba(96, 165, 250, 0.4);
  box-shadow: 0 0 20px rgba(59, 130, 246, 0.3), 0 4px 24px rgba(0, 0, 0, 0.4);
  color: #fff; font-weight: 700; font-size: 0.875rem; border-radius: 0.875rem;
  padding: 0.5rem 1rem; text-decoration: none; white-space: nowrap; transition: all 0.3s ease;
}
.mw-btn:hover {
  color: #fff;
  background: linear-gradient(135deg, #3b82f6, #06b6d4);
  box-shadow: 0 0 35px rgba(59, 130, 246, 0.5), 0 0 70px rgba(6, 182, 212, 0.2), 0 4px 24px rgba(0, 0, 0, 0.4);
  transform: translateY(-2px);
}
.mw-links .mw-btn { padding: 0.625rem 1.25rem; }
@media (min-width: 640px) { .mw-logo img { height: 3rem; } }
@media (min-width: 768px) {
  .mw-nav-inner { padding: 1rem 1.5rem; }
  .mw-logo img { height: 4rem; }
}
@media (min-width: 1024px) {
  .mw-links { display: flex; }
  .mw-talk { display: none; }
}
@media (min-width: 1280px) { .mw-links { gap: 2rem; } }

.mw-footer { position: relative; z-index: 1; text-align: center; padding: 4rem 1.5rem 3rem; margin-top: 2rem; background: linear-gradient(180deg, #020817 0%, #050d1f 100%); }
.mw-footer p { margin: 0; }
.mw-social { display: flex; justify-content: center; gap: 1.25rem; margin-bottom: 2rem; }
.mw-social a { color: #475569; font-size: 0.875rem; text-decoration: none; transition: color 0.2s ease; }
.mw-social a:hover { color: #60a5fa; }
.mw-social a.ig:hover { color: #f472b6; }
.mw-social a.wa:hover { color: #4ade80; }
.mw-tagline { font-size: 0.875rem; color: #94a3b8; font-weight: 600; letter-spacing: 0.025em; margin-bottom: 0.25rem !important; }
.mw-grad {
  display: inline-block; font-size: 0.875rem; font-weight: 600; margin-bottom: 1.5rem !important;
  background: linear-gradient(135deg, #60a5fa 0%, #06b6d4 50%, #a78bfa 100%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}
.mw-copy { font-size: 0.75rem; color: #475569; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 0.5rem !important; }
.mw-trade { font-size: 0.75rem; color: #475569; }
.mw-legal { display: flex; justify-content: center; gap: 1rem; font-size: 0.75rem; margin-top: 0.75rem !important; }
.mw-legal a { color: #64748b; text-decoration: none; transition: color 0.2s ease; }
.mw-legal a:hover { color: #60a5fa; }