/* GetFundReady — shared site chrome (header + footer).
   One copy, linked by every page, so the nav and footer cannot drift apart
   again. Colour and type tokens stay inline on each page, so if this file ever
   fails to load the chrome degrades but the page still renders on-brand. */

/* Canonical GFD values, so this file styles the chrome identically whether the
   host page names its tokens --ink or --gfd-ink. Every rule also carries a
   literal fallback. */
:root{
  --ink:#29170D; --gold:#FFB81C; --flame:#EE4B23; --flame-deep:#C93A15;
  --paper:#FFF7EC; --muted:#7A6A5C; --line:rgba(41,23,13,.14);
  --font-display:ui-rounded,"SF Pro Rounded","Arial Rounded MT Bold","Nunito","Segoe UI",system-ui,sans-serif;
  --font-body:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}

/* ===== SHARED GFD HEADER (same chrome as / and /intake) =====
   The rebuilt shopfront had no header at all: no logo, no nav, no way back to
   the rest of the site from the page people are meant to buy on. */
.gfd-hdr{position:sticky;top:0;z-index:100;background:var(--paper);border-bottom:4px solid var(--gold)}
.gfd-hdr-inner{max-width:1240px;margin:0 auto;padding:14px 32px;display:flex;align-items:center;
  justify-content:space-between;gap:16px}
.gfd-hdr-brand{display:inline-flex;align-items:center}
.gfd-hdr-brand img{height:36px;width:auto;display:block}
.gfd-hdr-nav{display:flex;align-items:center;gap:30px}
.gfd-hdr-nav a{font-family:var(--font-body);font-weight:600;font-size:15px;color:var(--ink);
  text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center;min-height:44px}
.gfd-hdr-nav a:hover{color:var(--flame-deep)}
.gfd-hdr-nav a.active{color:var(--flame)}
.gfd-hdr-right{display:flex;align-items:center;gap:14px}
.gfd-hdr-cta{font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--paper);
  background:var(--flame);border:none;border-radius:999px;padding:11px 22px;text-decoration:none;
  white-space:nowrap;cursor:pointer}
.gfd-hdr-cta:hover{background:var(--flame-deep)}
.gfd-hdr-burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:40px;
  padding:0 10px;background:transparent;border:none;cursor:pointer}
.gfd-hdr-burger span{display:block;height:2.5px;width:100%;background:var(--ink);border-radius:2px;
  transition:transform .2s ease,opacity .2s ease}
.gfd-hdr-burger.open span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
.gfd-hdr-burger.open span:nth-child(2){opacity:0}
.gfd-hdr-burger.open span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}
@media (max-width:900px){
  .gfd-hdr-inner{padding:10px 16px}
  .gfd-hdr-brand img{height:30px}
  .gfd-hdr-burger{display:flex}
  .gfd-hdr-nav{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;
    background:var(--paper);border-bottom:4px solid var(--gold);box-shadow:0 12px 24px rgba(41,23,13,.14);
    max-height:0;overflow:hidden;padding:0 16px;transition:max-height .22s ease,padding .22s ease}
  .gfd-hdr-nav.open{max-height:360px;padding:6px 16px 16px}
  .gfd-hdr-nav a{padding:14px 4px;border-bottom:1px solid rgba(41,23,13,.09);font-size:16px}
  .gfd-hdr-cta{font-size:14px;padding:10px 16px}
}
@media (max-width:400px){
  .gfd-hdr-inner{padding:10px 12px;gap:8px}
  .gfd-hdr-right{gap:6px}
  .gfd-hdr-brand img{height:26px}
  .gfd-hdr-cta{font-size:13px;padding:9px 12px}
}
@media (max-width:360px){
  /* smallest common phone: logo + CTA + burger were 12px over the viewport */
  .gfd-hdr-inner{padding:9px 10px;gap:6px}
  .gfd-hdr-right{gap:4px}
  .gfd-hdr-brand img{height:22px}
  .gfd-hdr-cta{font-size:12px;padding:8px 10px}
  .gfd-hdr-burger{width:38px;padding:0 7px}
}

/* ===== SHARED FOOTER =====
   Full-bleed ink, four columns, socials and the legal block. Lives here so the
   footer is identical on /, /funds, /intake and /terms. */
.site-footer{background:var(--ink,#29170D);border-top:4px solid var(--gold,#FFB81C);
  color:rgba(255,247,236,.72);font-size:14.5px;line-height:1.6;margin-top:64px}
.site-footer .f-inner{max-width:1240px;margin:0 auto;padding:52px 32px 26px}
.f-grid{display:grid;gap:36px;grid-template-columns:1.7fr repeat(3,1fr)}
.f-brand img{height:30px;width:auto;display:block}
.f-promise{margin:16px 0 18px;font-size:14.5px;line-height:1.6;max-width:38ch;
  color:var(--paper,#FFF7EC);font-weight:600}
.f-social{display:inline-flex;align-items:center;gap:9px;color:var(--paper,#FFF7EC);
  text-decoration:none;font-weight:700;font-size:13.5px;
  border:1px solid rgba(255,247,236,.28);border-radius:999px;padding:10px 16px;min-height:44px}
.f-social:hover{border-color:var(--gold,#FFB81C);color:var(--gold,#FFB81C)}
.f-col{display:flex;flex-direction:column}
.f-col h3{font-family:var(--font-display,ui-rounded,system-ui,sans-serif);font-size:12px;font-weight:800;
  letter-spacing:.1em;text-transform:uppercase;color:var(--gold,#FFB81C);margin:0 0 10px}
.f-col a{color:rgba(255,247,236,.72);text-decoration:none;font-size:14px;
  padding:8px 0;min-height:38px;display:flex;align-items:center}
.f-col a:hover{color:var(--paper,#FFF7EC)}
.f-legal{max-width:1240px;margin:0 auto;padding:0 32px 40px}
.f-legal-inner{border-top:1px solid rgba(255,247,236,.16);padding-top:20px;
  font-size:12.5px;line-height:1.65;color:rgba(255,247,236,.5)}
.f-legal-inner p{margin:0 0 9px;max-width:104ch}
.f-built{color:rgba(255,247,236,.38)}
@media (max-width:900px){
  .site-footer .f-inner{padding:40px 20px 22px}
  .f-legal{padding:0 20px 32px}
  .f-grid{grid-template-columns:1fr 1fr;gap:28px}
  .f-brand{grid-column:1/-1}
}
@media (max-width:520px){.f-grid{grid-template-columns:1fr;gap:24px}}