/* header / footer / shared components */
.site-nav{position:sticky;top:0;z-index:50;background:rgba(14,14,12,.85);backdrop-filter:blur(8px);border-bottom:1px solid var(--mona-border)}
.nav-inner{display:flex;align-items:center;gap:26px;width:min(1160px,calc(100% - 48px));margin-inline:auto;padding-block:13px}
.nav-logo{display:flex;align-items:center;gap:9px}
.nav-logo img{height:26px;width:auto;max-width:150px}
.nav-logo .logo-tag{font-family:var(--mona-font-display);font-weight:600;font-size:14px;color:var(--mona-accent)}
.nav-links{display:flex;gap:22px;margin-left:auto}
.nav-links a{font-size:14px;font-weight:500;color:var(--mona-muted);transition:color .2s}
.nav-links a:hover{color:var(--mona-text)}
.nav-cta{margin-left:6px}
.nav-toggle{display:none;margin-left:auto;background:none;border:1px solid var(--mona-border);border-radius:100px;color:var(--mona-text);padding:8px 14px;font-family:inherit;font-size:13px;cursor:pointer}

.site-footer{border-top:1px solid var(--mona-border);padding:var(--space-5) 0 var(--space-4);margin-top:var(--space-6)}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:var(--space-4)}
.footer-brand img{height:30px;width:auto;max-width:170px;margin-bottom:14px}
.footer-brand p{font-size:13.5px;line-height:1.7}
.footer-col h3{font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:var(--mona-muted);margin-bottom:14px}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:9px}
.footer-col a{font-size:14px;color:var(--mona-text);transition:color .2s}
.footer-col a:hover{color:var(--mona-accent)}
.footer-legal{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--mona-border);font-size:12.5px;color:var(--mona-muted);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}

@media (max-width:860px){
  .nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:var(--mona-bg);border-bottom:1px solid var(--mona-border);flex-direction:column;padding:18px 24px;gap:16px}
  .nav-links.open{display:flex}
  .nav-toggle{display:block}
  .nav-cta{display:none}
  .footer-grid{grid-template-columns:1fr;gap:var(--space-3)}
}