/* ============================================================
   MyAiGuys · unified footer styles (matches SwipeWrite design)
   Pairs with components/swipewrite-footer.js
   Relies only on --border, --bg-deep, --primary, --text-soft,
   --text-faint, --pixel, --mono, which are defined in both
   components/site.css and the inline :root blocks on
   index.html / about.html / consulting.html.
   ============================================================ */
.foot{border-top:1px solid var(--border);padding:56px 0 40px;background:var(--bg-deep)}
.foot-inner{max-width:1160px;margin:0 auto;padding:0 clamp(20px,4vw,40px)}
.foot-top{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;align-items:flex-start}
.foot-logo{font-family:var(--pixel);font-size:15px;text-decoration:none}
.foot-logo .br,.foot-logo .ai{color:var(--primary)} .foot-logo .dk{color:#14110A}
.foot-blurb{color:var(--text-soft);font-size:14px;max-width:34ch;margin-top:14px;line-height:1.6}
.foot-cols{display:flex;gap:56px;flex-wrap:wrap}
.foot-col h5{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);margin-bottom:14px}
.foot-col a{display:block;font-size:14px;color:var(--text-soft);margin-bottom:10px;transition:color .2s;text-decoration:none}
.foot-col a:hover{color:#134FD6}
.foot-bar{margin-top:44px;padding-top:22px;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-family:var(--mono);font-size:12px;color:var(--text-faint)}
.foot-mark{font-family:var(--pixel)} .foot-mark .b{color:var(--primary)} .foot-mark .d{color:#14110A}