/* ============================================================================
   footer.css — the site footer, one definition for every page.

   Philippe's ruling 2026-10-08: the footer is the same on every page. It used
   to be two different things — a three-column block on index.html and a
   one-line strip (.foot-line / .foot-nav) everywhere else — so this file exists
   to stop that happening again. The markup is identical on all 17 pages that
   have a footer, apart from index.html carrying an id="contact" anchor on the
   element; talk-to-us.html and waitlist.html deliberately have none.

   Linked after tokens.css and after the page's own stylesheet, so it reads the
   same --ink / --ink-2 / --ink-3 / --line tokens each page already defines and
   needs no page-specific variants.
   ========================================================================= */

/* ⚠️ THE FOOTER DEFINES ITS OWN COLOURS AND DOES NOT INHERIT THE PAGE'S.
   It is a dark band on every page, including the light ones. On 2026-10-08 it
   briefly inherited --ink/--line from each page and turned light everywhere,
   which was never asked for: the ruling was that every footer MATCHES, and that
   the page grounds go light. Those are two different things. Literals, not
   tokens, so no page can drag it back. */
footer{
  background:#0e1319;
  color:#c3cbd3;
  border-top:0;
  padding:clamp(56px,7vh,84px) 0 40px;
}
/* ⚠️ THE FOOTER SETS ITS OWN MEASURE, and that is the point of this rule.
   The three stylesheets disagree about .wrap: pages.css says max-width 1080px,
   service.css says 1400px, index.html says 1400px. Inheriting it made the
   footer visibly narrower and inset on the pages.css family (updates, privacy,
   terms, security, contacts, about) while every other page ran full width.
   Measured 2026-10-08: footer content at 228..1212 there against 84..1356
   elsewhere. One footer means one measure, so it is pinned here. */
footer .wrap{
  width:100%;max-width:1400px;margin:0 auto;
  padding:0 clamp(22px,5vw,72px);
}
.foot{
  display:flex;justify-content:space-between;gap:40px;
  flex-wrap:wrap;align-items:flex-start;
}

/* brand and copyright, left */
.foot-meta{text-align:left;color:#a0aab5;font-size:13px;line-height:1.6}
.foot-meta .fbrand{
  font-size:30px;line-height:1;color:#f0f5fc;
  margin-bottom:10px;display:flex;justify-content:flex-start;
}
.foot-meta .fbrand .lk{height:32px;width:auto;display:block}

/* the three columns, right. Company 4, Policy 3, Product 2: the counts step
   down deliberately, which is what gives the block its right edge. */
.foot-cols{display:flex;gap:clamp(34px,5vw,80px);flex-wrap:wrap}
.foot-cols h5{
  font-family:var(--font-mono);
  font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;
  color:#77838f;margin:0 0 16px;font-weight:400;
}
.foot-cols a{
  display:block;color:#c3cbd3;font-size:14.5px;margin-bottom:11px;
  transition:color .25s ease;
}
.foot-cols a:hover{color:#ffffff}

@media(max-width:760px){
  .foot{flex-direction:column}
  .foot-cols{gap:34px}
}