/* California Biz Funder — 2026 blue design system.
   Loaded LAST on interior pages: overrides /css/style.css and the old maroon/gold /css/v2-skin.css.
   Chrome classes (.hdr/.foot) match the homepage exactly. */

:root{
  --blue:#0068F8; --blue-dk:#0052C8; --ink:#010C24; --body:#5F6579; --muted:#63677A;
  --line:#E8ECF3; --band:#EAF6FE; --band2:#F0F8FE;
  --fh:'Inter Tight','Inter',system-ui,sans-serif;
  --fb:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  /* neutralise the old maroon/gold tokens so any stale rule resolves on-brand */
  --gold:#0068F8; --gold-dk:#0052C8; --maroon:#010C24; --wine:#010C24;
  --ocean:#0068F8; --ocean-dark:#0052C8; --ocean-light:#3B8CFA;
  --sun:#0068F8; --sun-light:#EAF6FE; --sun-dark:#0052C8;
  --cream:#fff; --cream-dark:#F7FAFF; --charcoal:#010C24; --black:#010C24;
  --border:#E8ECF3; --v2body:#5F6579; --v2line:#E8ECF3; --v2cream:#F7FAFF;
}

html,body{overflow-x:clip}
body{font-family:var(--fb) !important;color:var(--body) !important;background:#fff !important;line-height:1.6}
h1,h2,h3,h4,h5{font-family:var(--fh) !important;color:var(--ink);letter-spacing:-.025em !important;line-height:1.14}
h1,h2{font-weight:800 !important}
h3,h4{font-weight:700 !important}
a{color:var(--blue)}
a:hover{color:var(--blue-dk)}
img{max-width:100%}

/* retire every old chrome variant; the new .hdr/.foot replace them */
.top-bar,.site-header,.site-footer,.value-banner,.v2-bar,.v2-hdr,.v2-foot{display:none !important}

/* ---------- header ---------- */
.hdr{position:sticky;top:0;z-index:1000;background:#fff;border-bottom:1px solid var(--line)}
.hdr .wrap{display:flex;align-items:center;gap:26px;height:76px;max-width:1180px;margin:0 auto;padding:0 24px;box-sizing:border-box}
.hdr .logo{display:block;flex:none;text-decoration:none}
.hdr .logo .l1{font-family:var(--fh);font-weight:800;font-size:25px;letter-spacing:-.03em;color:var(--ink);line-height:1;display:flex;align-items:baseline;gap:1px}
.hdr .logo .l1 i{font-style:normal;color:var(--blue)}
.hdr .logo .l2{font-family:var(--fb);font-weight:600;font-size:10px;letter-spacing:.32em;color:var(--muted);margin-top:4px}
.hdr .nav{display:none;align-items:center;gap:26px;margin-left:auto}
.hdr .nav>a{font-size:14.5px;font-weight:500;color:var(--muted);text-decoration:none;display:inline-flex;align-items:center;gap:5px}
.hdr .nav>a:hover{color:var(--ink)}
.hdr .cv{width:10px;height:10px;stroke:currentColor;stroke-width:2;fill:none;opacity:.7}
.hdr .btn{display:none;margin-left:auto;white-space:nowrap}
.hdr .burger{margin-left:auto;width:44px;height:44px;border:0;background:none;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.hdr .burger svg{width:24px;height:24px;stroke:var(--ink);stroke-width:2;fill:none}
.mnav{display:none;border-top:1px solid var(--line);padding:8px 24px 20px;background:#fff}
.mnav.open{display:block}
.mnav a{display:block;padding:13px 2px;border-bottom:1px solid var(--line);font-weight:600;color:var(--ink);font-size:15px;text-decoration:none}
.mnav .btn{margin-top:16px;width:100%}

/* ---------- buttons / links ---------- */
.btn,a.btn,button.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;
  background:var(--blue);color:#fff !important;font-family:var(--fh);font-weight:700;font-size:16px;
  padding:15px 28px;border-radius:9px;border:0;cursor:pointer;text-decoration:none;
  transition:background .15s,transform .15s,box-shadow .15s}
.btn:hover{background:var(--blue-dk);transform:translateY(-1px);box-shadow:0 8px 20px rgba(0,104,248,.25)}
.arw{width:15px;height:15px;stroke:currentColor;stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.lnk{display:inline-flex;align-items:center;gap:7px;color:var(--blue);font-weight:600;font-size:14.5px;text-decoration:none}

/* ---------- footer ---------- */
.foot{background:#fff;border-top:1px solid var(--line);padding:48px 0 34px;margin-top:56px}
.foot .wrap{max-width:1180px;margin:0 auto;padding:0 24px;box-sizing:border-box}
.foot .cols{display:grid;grid-template-columns:1fr;gap:28px;margin-bottom:32px}
.foot h4{font-family:var(--fh);font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink) !important;margin:0 0 13px}
.foot a{display:block;font-size:14px;color:var(--body);padding:4px 0;text-decoration:none}
.foot a:hover{color:var(--blue)}
.foot .brand .l1{font-family:var(--fh);font-weight:800;font-size:21px;color:var(--ink);letter-spacing:-.03em}
.foot .brand .l1 i{font-style:normal;color:var(--blue)}
.foot .brand .l2{font-size:10px;font-weight:600;letter-spacing:.3em;color:var(--muted);margin-top:3px}
.foot .brand p{font-size:13.5px;color:var(--body);margin-top:14px;max-width:34ch}
.foot .legal{border-top:1px solid var(--line);padding-top:20px;font-size:12.5px;color:var(--muted)}

/* ---------- interior hero / banner bands ----------
   These sections inherit background from the old theme tokens, so recolouring the
   tokens alone left them near-black. Override the rules themselves, and restore the
   WHITE heading colour these dark bands depend on (the global h1 rule was killing it). */
.page-hero,section.hero,.banner,.hero-section{
  background:linear-gradient(135deg,#0068F8 0%,#0052C8 60%,#003E9C 100%) !important;
  color:#fff !important;position:relative;overflow:hidden;
  padding:82px 0 72px !important;min-height:0 !important;text-align:center}
.page-hero::before,.page-hero::after,
section.hero .hero-overlay,section.hero .hero-overlay::after{display:none !important}
.page-hero h1,section.hero h1,.banner h1,.hero-section h1,
.page-hero h2,section.hero h2,.banner h2,
.page-hero .subtitle,.page-hero p,section.hero p,.banner p{color:#fff !important}
.page-hero p,section.hero p,.banner p{opacity:.92}
.page-hero a:not(.btn),section.hero a:not(.btn){color:#fff !important;text-decoration:underline}
.page-hero .btn,section.hero .btn,.banner .btn{background:#fff !important;color:#0052C8 !important}
.page-hero .btn:hover,section.hero .btn:hover{background:#EAF6FE !important}
/* pill / badge chips inside the band */
.page-hero .badge,.page-hero .hero-badge,.page-hero .eyebrow,
section.hero .hero-badge,.blog-badge{
  background:rgba(255,255,255,.18) !important;color:#fff !important;
  border:1px solid rgba(255,255,255,.35) !important}

/* ---------- interior content polish ---------- */
.container,.wrap,main>section>.container{max-width:1180px}
.cbf-cta{background:var(--band2);border-radius:18px;padding:40px 26px;text-align:center;margin:48px auto}
.cbf-cta h2{font-size:clamp(24px,4.4vw,32px);margin:0 0 10px}
.cbf-cta p{font-size:16px;color:var(--body);margin:0 0 22px}

@media(min-width:760px){
  .foot .cols{grid-template-columns:1.4fr 1fr 1fr 1fr}
}
@media(min-width:1000px){
  .hdr .nav{display:flex}
  .hdr .burger{display:none}
  .hdr .btn{display:inline-flex;margin-left:0;padding:12px 22px;font-size:14.5px}
}