/* ============================================================
   BH Growth Engine — shared site chrome
   ------------------------------------------------------------
   One footer, one link graph, every page. Loaded by all eleven
   pages after their own stylesheet.

   Colours are literal, not var() references, on purpose: this
   file has to render identically on the two style generations
   in the tree (index.html's inline tokens and the per-page
   tokens on /products/, /custom-builds/, and the rest) without
   depending on either one having defined a given variable.
   The values are taken from brand/bhge-mark.svg, which is the
   only place the brand palette is actually authoritative.

   A page's footer is the one component that is allowed to link
   everywhere. It is what keeps /page-score/, /custom-builds/
   and /products/ reachable from every page in the tree instead
   of from the sitemap alone.
   ============================================================ */

.bhge-foot{
  border-top:1px solid #1E3350;
  background:#0F1C2E;
  color:#8FA3BC;
  font-family:'Inter',system-ui,sans-serif;
  font-size:14px;
  line-height:1.65;
  margin-top:0;
}
.bhge-foot-in{max-width:1120px;margin:0 auto;padding:56px 24px 44px}
.bhge-foot a{color:#B8CCDF;text-decoration:none;transition:color .18s}
.bhge-foot a:hover{color:#0FA99A;text-decoration:none}
.bhge-foot :focus-visible{outline:2px solid #0FA99A;outline-offset:3px;border-radius:2px}

.bhge-foot-top{
  display:grid;grid-template-columns:1.4fr 2fr;gap:44px;
  padding-bottom:34px;border-bottom:1px solid #1E3350;
}
.bhge-foot-brand .bhge-lockup{
  display:inline-flex;align-items:center;gap:11px;
  font-family:'Space Grotesk',system-ui,sans-serif;font-weight:700;font-size:16px;
  color:#F4F8FC;letter-spacing:-.01em;
}
.bhge-foot-brand .bhge-lockup:hover{color:#F4F8FC}
.bhge-foot-brand .bhge-lockup img{height:28px;width:auto;max-width:210px;display:block}
.bhge-foot-brand p{margin:14px 0 0;max-width:34ch;color:#8FA3BC;font-size:13.5px}

.bhge-foot-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.bhge-foot-cols div{display:flex;flex-direction:column;gap:9px}
.bhge-foot-h{
  font-family:'IBM Plex Mono',ui-monospace,monospace;
  font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;
  color:#0FA99A;margin:0 0 3px;font-weight:500;
}
.bhge-foot-cols a{font-size:13.5px}

.bhge-foot-legal{padding-top:26px;font-size:12.5px;color:#64788F;max-width:92ch}
.bhge-foot-legal p{margin:0 0 6px;max-width:none}
.bhge-foot-legal p:last-child{margin-bottom:0}

@media(max-width:860px){
  .bhge-foot-top{grid-template-columns:1fr;gap:32px}
  .bhge-foot-cols{grid-template-columns:repeat(2,1fr);gap:24px}
}
@media(max-width:480px){
  .bhge-foot-in{padding:44px 18px 38px}
  .bhge-foot-cols{grid-template-columns:1fr;gap:22px}
}
@media(prefers-reduced-motion:reduce){.bhge-foot a{transition:none}}