/* THE SITE FOOTER (Max, 8 Oct 2026: "the stacked footer looks bare on mobile"; then "fix dead space, more like folk").
   One stylesheet for every marketing page that carries it (the homepage, /about, /faq), so they cannot drift. A warm-grey
   ground under a fine rule. Four even columns across the content: the wordmark with the real mark file (never a
   hand-drawn copy) and the year under it, then Product, Company and Legal, so the links spread over the width instead of
   huddling at the right. Phones: the wordmark and year, then the three columns side by side. Each page sets --ft-inset to
   its own content edge. */
.ft{ position:relative; z-index:3; background:#f6f5f2; border-top:1px solid #e6e4df;
  font-family:'Inter',-apple-system,system-ui,sans-serif; color:#0f0d0b; -webkit-font-smoothing:antialiased; }
.ft-in{ box-sizing:border-box; width:100%; margin-inline:auto;
  padding:clamp(40px, 5vw, 72px) var(--ft-inset, 22px) calc(clamp(40px, 5vw, 72px) + env(safe-area-inset-bottom)); }
.ft-top{ display:grid; grid-template-columns:minmax(0, 1fr) minmax(0, 3fr); gap:24px; align-items:start; }
.ft-cols{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:24px; }
.ft-brand{ display:inline-flex; align-items:center; gap:8px; color:#0f0d0b; text-decoration:none;
  font-family:'Clash Grotesk','Unbounded',sans-serif; font-size:26px; font-weight:500; letter-spacing:.005em; line-height:1; }
.ft-brand img{ display:block; width:auto; height:32px; border-radius:22.4%; }
.ft-copy{ margin:20px 0 0; font-size:14px; color:#8a847c; }
.ft-col p{ margin:0 0 14px; font-size:15px; font-weight:400; color:#8a847c; }
.ft-col a{ display:flex; align-items:center; min-height:44px; color:#2a2723; font-size:17px; letter-spacing:-.01em; text-decoration:none; }
.ft-col a:hover{ color:#0f0d0b; text-decoration:underline; text-underline-offset:.22em; text-decoration-thickness:1px; }
.ft-col a:focus-visible, .ft-brand:focus-visible{ outline:2px solid #fff; outline-offset:2px; box-shadow:0 0 0 4px #0f0d0b; border-radius:6px; }
@media (max-width:719px){
  .ft-top{ grid-template-columns:1fr; gap:36px; }
  .ft-copy{ margin-top:14px; }
  .ft-cols{ gap:12px; }
  .ft-col p{ margin-bottom:8px; font-size:14px; }
  .ft-col a{ font-size:15.5px; min-height:40px; }
}
@media (max-width:359px){ .ft-col a{ font-size:14px; } }