/* ============================================================
   Unified site footer — shared across all landing pages.
   Depends on each page defining these CSS vars in :root —
   --paper, --muted, --muted-2, --line.
   The footer MARKUP must be kept identical in every page (static
   pages can't share HTML); this file is the single source for its
   styling. Edit here, not per page.
   ============================================================ */
footer.site{border-top:1px solid var(--line);padding:72px 0 80px;}
footer.site .f-top{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap;align-items:flex-start;}
footer.site .f-brand{display:flex;align-items:center;gap:14px;color:var(--paper);}
footer.site .f-brand:hover{border-bottom:none;}
footer.site .f-brand .mark{width:30px;height:30px;display:block;}
footer.site .f-brand .wm{font-weight:600;text-transform:uppercase;letter-spacing:0.2em;font-size:14px;}
footer.site .f-brand .wm .s2{opacity:0.5;}
footer.site .f-links{display:flex;gap:26px;}
footer.site .f-links a{font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--muted);letter-spacing:0.04em;transition:color .15s;}
footer.site .f-links a:hover{color:var(--paper);border-bottom:none;}
footer.site .f-meta{margin-top:44px;padding-top:28px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;}
footer.site .f-meta p{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--muted-2);letter-spacing:0.03em;line-height:1.7;margin:0;}
footer.site .f-meta .lic{color:var(--muted);}

/* Mobile: stack the brand, the links, and the meta so nothing crams
   against the edge (fixes the "Contact jammed right" issue). */
@media (max-width:600px){
  footer.site .f-top{flex-direction:column;gap:26px;}
  footer.site .f-links{flex-direction:column;gap:13px;}
  footer.site .f-meta{flex-direction:column;gap:12px;margin-top:34px;}
  footer.site .f-meta p{max-width:42ch;}
}