/* ═══════════════════════════════════════════════════════
   U4IA — Shared Navigation & Footer Styles
   Single source of truth. Every page includes this file.
   ═══════════════════════════════════════════════════════ */

/* NAV */
#site-nav{position:fixed;top:0;left:0;right:0;z-index:100;height:64px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.8);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-bottom:1px solid rgba(226,232,240,0.6);transition:box-shadow .3s}
#site-nav.scrolled{box-shadow:0 1px 12px rgba(0,0,0,.06)}
.nav-inner{width:100%;max-width:1440px;padding:0 2rem;display:flex;align-items:center;justify-content:space-between}
.nav-logo{font-family:var(--mono,'JetBrains Mono',monospace);font-size:1.4rem;font-weight:700;letter-spacing:-.5px;color:var(--primary,#0284c7);text-decoration:none}
.nav-links{display:flex;gap:2rem;align-items:center}
.nav-links a:not(.btn){color:var(--text-secondary,#475569);text-decoration:none;font-size:.875rem;font-weight:500;transition:color .2s}
.nav-links a:not(.btn):hover{color:var(--text,#0f172a)}

/* SHARED BUTTONS (nav uses these) */
.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font,'DM Sans',system-ui,sans-serif);font-weight:600;border:none;cursor:pointer;text-decoration:none;transition:all .2s ease;white-space:nowrap;border-radius:var(--radius-md,12px)}
.btn-secondary{background:var(--surface,#fff);color:var(--text,#0f172a);padding:12px 24px;font-size:.875rem;border:1.5px solid var(--border,#e2e8f0);box-shadow:var(--shadow-xs,0 1px 2px rgba(0,0,0,0.04))}
.btn-secondary:hover{border-color:var(--border-hover,#cbd5e1);box-shadow:var(--shadow-sm,0 1px 3px rgba(0,0,0,0.06));transform:translateY(-1px)}
.btn-dark{background:#000;color:#fff;padding:12px 24px;font-size:.875rem;box-shadow:0 2px 8px rgba(0,0,0,.25);letter-spacing:.01em}
.btn-dark:hover{background:#1a1a1a;box-shadow:0 4px 16px rgba(0,0,0,.2);transform:translateY(-1px)}
.btn-arrow{display:inline-flex;align-items:center;transition:transform .2s}
.btn:hover .btn-arrow{transform:translateX(3px)}
.btn-arrow svg{width:16px;height:16px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}

/* FOOTER */
#site-footer{padding:3rem 0;border-top:1px solid var(--border,#e2e8f0);text-align:center}
.footer-top{display:flex;align-items:center;justify-content:center;gap:2rem;margin-bottom:1rem;flex-wrap:wrap}
.footer-compliance{display:flex;gap:1rem;align-items:center}
.compliance-badge{display:flex;align-items:center;gap:4px;font-family:var(--mono,'JetBrains Mono',monospace);font-size:.6rem;font-weight:600;color:var(--text-muted,#94a3b8);text-transform:uppercase;letter-spacing:.5px;padding:4px 8px;background:var(--bg-alt,#f1f5f9);border-radius:4px;border:1px solid var(--border-light,#f1f5f9)}
.footer-logo{font-family:var(--mono,'JetBrains Mono',monospace);font-size:1.2rem;font-weight:700;color:var(--primary,#0284c7)}
.footer-text{font-size:.8rem;color:var(--text-muted,#94a3b8);margin-bottom:.5rem}
.footer-links{display:flex;justify-content:center;gap:.5rem;align-items:center;flex-wrap:wrap}
.footer-links a{color:var(--text-muted,#94a3b8);text-decoration:none;font-size:.75rem;transition:color .2s}
.footer-links a:hover{color:var(--text-secondary,#475569)}
.footer-divider{color:var(--text-faint,#cbd5e1);font-size:.6rem}

/* RESPONSIVE */
@media(max-width:640px){
  .nav-links{display:none}
  .footer-top{flex-direction:column;gap:1rem}
  .footer-compliance{flex-wrap:wrap;justify-content:center}
}