/* MoneyBadger shared chrome (migration 2). ONE nav + ONE footer, every route.
   Markup contract: partials/site-nav.html · partials/site-footer.html · partials/site-drawer.html.
   Every page uses the DARK nav (.mbnav.mbnav--dark): contrasts cream pages, reads all-dark on green heroes / homepage.
   The light .mbnav base below remains available if a light nav is ever wanted again.
   Footer .mbfoot is identical everywhere (deep green). Flat; color-only motion. Do not fork. */
:root{
  --mb2-canvas:#0c2a20; --mb2-deep:#081f17; --mb2-cream:#fbf6ee; --mb2-on:#f3ecdd;
  --mb2-green:#0d2c22; --mb2-brass:#c98c2a;
  --mb2-ink:#14241d; --mb2-ink-soft:#566159; --mb2-ink-faint:#84806f;
  --mb2-line-cream:#e7dcc6; --mb2-line-dark:rgba(243,236,221,0.12);
  --mb2-ff-d:"Archivo","Helvetica Neue",Helvetica,Arial,sans-serif;
  --mb2-ff-b:"Hanken Grotesk","Helvetica Neue",Helvetica,Arial,sans-serif;
  --mb2-ff-m:"SF Mono",ui-monospace,Menlo,Consolas,monospace;
  --mb2-maxw:1240px;
}

/* ── voice quote · role-only customer social proof (System B) ── */
.mb-vq{width:min(680px,calc(100% - 40px));margin:2.4rem auto 0;padding:1.7rem 1.95rem;background:#fff;border:1px solid var(--mb2-line-cream);border-radius:16px;}
.mb-vq blockquote{margin:0;font-family:var(--mb2-ff-d);font-weight:600;font-size:1.2rem;line-height:1.44;letter-spacing:-0.01em;color:var(--mb2-green);}
.mb-vq figcaption{margin-top:0.95rem;display:flex;align-items:center;gap:9px;font-family:var(--mb2-ff-m);font-size:0.72rem;letter-spacing:0.06em;text-transform:uppercase;color:var(--mb2-ink-faint);}
.mb-vq figcaption::before{content:"";width:18px;height:2px;background:var(--mb2-brass);flex:none;}

/* iOS overscroll: paint the rubber-band / below-page area the deep green so it reads as a seamless
   continuation of the dark nav + footer, instead of a cream "dead space" under the page. */
html{background:var(--mb2-deep);}

/* ── NAV (full-bleed sticky bar; centered content) ── */
.mbnav{position:sticky;top:0;z-index:60;font-family:var(--mb2-ff-b);
  background:color-mix(in srgb,var(--mb2-cream) 88%,transparent);
  -webkit-backdrop-filter:saturate(160%) blur(8px);backdrop-filter:saturate(160%) blur(8px);
  border-bottom:1px solid var(--mb2-line-cream);}
.mbnav a{text-decoration:none;color:inherit;}
.mbnav__in{display:flex;align-items:center;height:70px;max-width:var(--mb2-maxw);margin:0 auto;padding:0 clamp(20px,4vw,52px);}
.mbnav .mbnav__brand{display:flex;align-items:center;gap:11px;font-family:var(--mb2-ff-d);font-weight:800;font-size:1.2rem;letter-spacing:-0.02em;color:var(--mb2-green);}
.mbnav__mark{width:30px;height:30px;border-radius:8px;background:var(--mb2-green);color:var(--mb2-cream);display:grid;place-items:center;font-family:var(--mb2-ff-d);font-weight:800;font-size:1rem;flex:none;}
.mbnav__links{margin-left:48px;display:flex;align-items:center;gap:30px;}
.mbnav__links a,.mbnav__dd-btn{font-family:var(--mb2-ff-b);font-size:0.96rem;font-weight:600;color:var(--mb2-ink-soft);transition:color 120ms ease;display:inline-flex;align-items:center;gap:6px;background:none;border:0;cursor:pointer;padding:0;}
.mbnav__links a:hover,.mbnav__dd-btn:hover,.mbnav__dd-btn[aria-expanded="true"]{color:var(--mb2-ink);}
.mbnav__dd{position:relative;display:flex;align-items:center;}
.mbnav__chev{transition:transform 120ms ease;}
.mbnav__dd-btn[aria-expanded="true"] .mbnav__chev{transform:rotate(180deg);}
.mbnav__menu{position:absolute;top:calc(100% + 14px);left:-12px;min-width:230px;background:var(--mb2-cream);border:1px solid var(--mb2-line-cream);border-radius:14px;padding:8px;display:grid;gap:1px;}
.mbnav__menu[hidden]{display:none;}
.mbnav__menu a{color:var(--mb2-ink-soft);font-weight:500;font-size:0.9rem;padding:9px 12px;border-radius:9px;transition:background 120ms ease,color 120ms ease;}
.mbnav__menu a:hover{background:#f3ecdd;color:var(--mb2-ink);}
.mbnav__group{font-family:var(--mb2-ff-m);font-size:0.62rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--mb2-ink-faint);padding:8px 12px 3px;}
.mbnav__divider{height:1px;background:var(--mb2-line-cream);margin:6px 6px;}
.mbnav__right{margin-left:auto;display:flex;align-items:center;gap:22px;}
.mbnav .mbnav__signin{font-family:var(--mb2-ff-m);font-size:0.78rem;color:var(--mb2-ink-faint);transition:color 120ms ease;}
.mbnav .mbnav__signin:hover{color:var(--mb2-ink);}
/* "Sign in" hidden site-wide until member auth ships (feature not ready). Re-enable: delete this rule. */
.mbnav__signin,.mbdrawer__signin{display:none !important;}
.mbnav .mbnav__cta{font-family:var(--mb2-ff-b);font-weight:700;font-size:0.92rem;color:var(--mb2-cream);background:var(--mb2-green);border-radius:999px;padding:0.62em 1.3em;transition:background 120ms ease,filter 120ms ease;}
.mbnav .mbnav__cta:hover{filter:brightness(1.18);}
.mbnav__burger{display:none;flex-direction:column;gap:5px;padding:6px;background:none;border:0;cursor:pointer;margin-left:auto;}
.mbnav__burger span{width:22px;height:2px;background:var(--mb2-green);border-radius:2px;}

/* dark variant (homepage / dark sections) */
.mbnav--dark{background:var(--mb2-canvas);border-bottom-color:var(--mb2-line-dark);-webkit-backdrop-filter:none;backdrop-filter:none;}
.mbnav--dark .mbnav__brand{color:var(--mb2-on);}
.mbnav--dark .mbnav__mark{background:var(--mb2-on);color:var(--mb2-canvas);}
.mbnav--dark .mbnav__links a,.mbnav--dark .mbnav__dd-btn{color:rgba(243,236,221,0.66);}
.mbnav--dark .mbnav__links a:hover,.mbnav--dark .mbnav__dd-btn:hover,.mbnav--dark .mbnav__dd-btn[aria-expanded="true"]{color:var(--mb2-on);}
.mbnav--dark .mbnav__signin{color:rgba(243,236,221,0.5);}
.mbnav--dark .mbnav__signin:hover{color:var(--mb2-on);}
.mbnav--dark .mbnav__cta{background:var(--mb2-on);color:var(--mb2-canvas);}
.mbnav--dark .mbnav__burger span{background:var(--mb2-on);}
/* the dropdown stays a LIGHT cream card under the dark nav, force dark text so items stay readable
   (without this, the dark-variant link color bleeds into the menu and washes it out light-on-cream) */
.mbnav--dark .mbnav__menu a{color:var(--mb2-ink-soft);}
.mbnav--dark .mbnav__menu a:hover{color:var(--mb2-ink);background:#f3ecdd;}
.mbnav--dark .mbnav__group{color:var(--mb2-ink-faint);}
.mbnav--dark .mbnav__divider{background:var(--mb2-line-cream);}

/* ── FOOTER (identical on every page) ── */
.mbfoot{background:var(--mb2-deep);padding:46px clamp(20px,4vw,52px) 30px;font-family:var(--mb2-ff-b);}
.mbfoot a{text-decoration:none;}
.mbfoot__in{max-width:var(--mb2-maxw);margin:0 auto;}
.mbfoot__top{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:40px 48px;align-items:start;}
.mbfoot__brand{max-width:340px;}
.mbfoot__brandline{display:flex;align-items:center;gap:10px;font-family:var(--mb2-ff-d);font-weight:800;font-size:1.1rem;color:var(--mb2-on);}
.mbfoot__brandline .mbnav__mark{width:26px;height:26px;background:var(--mb2-on);color:var(--mb2-deep);font-size:0.82rem;}
.mbfoot__brand p{font-size:0.86rem;line-height:1.55;color:rgba(243,236,221,0.75);margin:14px 0 0;}
.mbfoot__social{display:flex;gap:14px;margin-top:18px;}
.mbfoot__social a{color:rgba(243,236,221,0.53);display:inline-flex;transition:color 120ms ease;}
.mbfoot__social a:hover{color:var(--mb2-on);}
.mbfoot__col{display:flex;flex-direction:column;gap:9px;}
.mbfoot__col h4{font-family:var(--mb2-ff-m);font-size:0.66rem;text-transform:uppercase;letter-spacing:0.1em;color:#e6c289;margin:0 0 4px;font-weight:400;}
.mbfoot__col a{font-size:0.86rem;color:rgba(243,236,221,0.75);transition:color 120ms ease;}
.mbfoot__col a:hover{color:var(--mb2-on);}
.mbfoot__base{margin-top:40px;padding-top:18px;border-top:1px solid rgba(243,236,221,0.12);display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:9px 24px;}
.mbfoot__base p{font-family:var(--mb2-ff-m);font-size:0.72rem;line-height:1.55;color:rgba(243,236,221,0.75);margin:0;}
.mbfoot__legallinks{display:flex;flex-wrap:wrap;gap:6px 16px;}
.mbfoot__base a{font-family:var(--mb2-ff-m);font-size:0.72rem;color:rgba(243,236,221,0.75);transition:color 120ms ease;}
.mbfoot__base a:hover{color:var(--mb2-on);}

/* ── MOBILE ── */
.mbdrawer{display:none;}
@media (max-width:860px){
  .mbnav__links,.mbnav__right{display:none;}
  .mbnav__burger{display:flex;}
  .mbfoot__top{grid-template-columns:1fr 1fr;gap:30px 24px;}
  .mbfoot__brand{grid-column:1 / -1;max-width:none;}
  .mbdrawer.open{display:flex;flex-direction:column;position:fixed;inset:0;z-index:100;background:var(--mb2-canvas);padding:0 20px 28px;overflow:auto;font-family:var(--mb2-ff-b);}
  .mbdrawer a{text-decoration:none;}
  .mbdrawer__top{flex:none;height:60px;display:flex;align-items:center;justify-content:space-between;}
  .mbdrawer__top .mbnav__brand{color:var(--mb2-on);}
  .mbdrawer__top .mbnav__mark{background:var(--mb2-on);color:var(--mb2-canvas);}
  .mbdrawer__x{position:relative;width:24px;height:24px;background:none;border:0;cursor:pointer;}
  .mbdrawer__x span{position:absolute;top:11px;left:1px;width:22px;height:2px;background:var(--mb2-on);}
  .mbdrawer__x span:first-child{transform:rotate(45deg);}
  .mbdrawer__x span:last-child{transform:rotate(-45deg);}
  .mbdrawer__links{display:flex;flex-direction:column;margin-top:6px;}
  .mbdrawer__links a{font-family:var(--mb2-ff-d);font-weight:700;font-size:1.3rem;color:var(--mb2-on);padding:13px 0;border-bottom:1px solid var(--mb2-line-dark);}
  .mbdrawer__group{font-family:var(--mb2-ff-m);font-size:0.72rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--mb2-brass);padding:20px 0 4px;}
  .mbdrawer__links a.sub{font-family:var(--mb2-ff-d);font-weight:600;font-size:1.18rem;color:rgba(243,236,221,0.86);padding:12px 0;border-bottom:1px solid var(--mb2-line-dark);}
  .mbdrawer__foot{margin-top:24px;display:flex;flex-direction:column;gap:12px;}
  .mbdrawer .mbdrawer__cta{font-family:var(--mb2-ff-b);font-weight:700;font-size:1rem;text-align:center;color:var(--mb2-canvas);background:var(--mb2-on);border-radius:999px;padding:0.9em;}
  .mbdrawer .mbdrawer__signin{font-family:var(--mb2-ff-m);font-size:0.8rem;text-align:center;color:rgba(243,236,221,0.72);}
}