@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,300;9..144,400;9..144,500&display=swap");
/* site.css: the global layer for every page on scalepointpartners.com.
   Design tokens, the nav bar and the footer live here and nowhere else.
   Page stylesheets (style.css, home.css, the paper page) build on these tokens. */
:root{
/* Brand palette (Option 2, Nov 2026) */
--alabaster:#f2efe8;--stone:#e9e3d6;--white:#ffffff;--charcoal:#1d1f1c;
--terracotta:#a34a28;--terracotta-dark:#8a3d20;--tealtint:#f6e8e0;
--mustard:#c59b27;        /* brand mustard: lines, icons, badge fills, large headings, any text on charcoal */
--mustard-text:#7d6012;   /* text mustard: small mustard text on alabaster, stone or white (passes 4.5:1) */
/* Roles */
--paper:var(--alabaster);--tint:var(--stone);--ink:var(--charcoal);--navy:var(--charcoal);
--teal:var(--terracotta);--accent:var(--terracotta);--accent-btn:var(--terracotta);--on-accent:#fff;
--body:rgba(29,31,28,.84);--dim:rgba(29,31,28,.76);--dimmer:rgba(29,31,28,.68);
--rule:rgba(29,31,28,.18);--max:1080px;
--card:#fff;--on-dark:#fff;--map-land:#d9d1bf;
--photo-bg:rgba(29,31,28,.06);--box-bg:rgba(29,31,28,.03);
--shadow-sm:0 2px 10px rgba(29,31,28,.05);--shadow-md:0 10px 24px rgba(29,31,28,.10);--shadow-lg:0 8px 24px rgba(29,31,28,.14);
--sans:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;--serif:'Fraunces',Georgia,'Times New Roman',serif;--mono:'DM Mono',ui-monospace,Menlo,monospace;--rule-soft:rgba(29,31,28,.09);--nav-h:58px}

/* nav */
.nav{position:fixed;top:0;left:0;right:0;z-index:50;background:var(--paper)}
.nav-in{max-width:var(--max);margin:0 auto;padding:16px 30px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:9px;text-decoration:none}
.mark{width:26px;height:26px;border-radius:6px;background:var(--navy);display:flex;align-items:center;justify-content:center;flex:none}
.mark svg{width:14px;height:14px;display:block}
.wordmark{font-weight:500;font-size:15px;letter-spacing:-.01em}
.nav-links{display:flex;gap:24px}
.nav-links a{text-decoration:none;font-size:14px;color:var(--dim);transition:color .2s}
.nav-links a:hover{color:var(--ink)}
.burger{display:none;background:none;border:0;color:var(--dim);padding:4px;cursor:pointer}
.mobile-menu{display:none;border-top:1px solid var(--rule);background:var(--paper)}
.mobile-menu.open{display:block}
.mobile-menu a{display:block;padding:13px 30px;text-decoration:none;font-size:15px;border-bottom:1px solid var(--rule)}
.nav-links a[aria-current]{color:var(--ink);font-weight:500}
.mobile-menu a[aria-current]{color:var(--teal);font-weight:500}

/* footer */
.foot{margin-top:0;padding:22px 0 34px;border-top:1px solid var(--rule);display:flex;
  justify-content:space-between;gap:8px 18px;flex-wrap:wrap;font-family:'DM Mono',monospace;font-size:10.5px;color:var(--dimmer)}
.foot a{text-decoration:none}.foot a:hover{color:var(--ink)}

@media (max-width:640px){
  .nav-links{display:none}.burger{display:block}
  .mobile-menu a{padding-left:20px;padding-right:20px}
  .foot{flex-wrap:wrap;justify-content:flex-start;gap:8px 18px;padding-bottom:40px}
}


/* Teal is for accents and buttons only, never text (Nov 2026) */
body a{color:var(--navy)}
.lnk,.lad-go,.ins-go,.wx-go,.pb-wu,.vl-also,.vq-go,.inl,.ov-more,.ck-btn,.vl-x,.vg-chev,.df,.fin,.ck,.ref,
.hero-links a,.ev span,.ev-note a,.ra-lead a,.lb-cap a,.tbl-note a,.cl-note a,.sv-line a,.art-meta a,.eyebrow a,.cap a,.fx a,
p a:not([class*="btn"]),li a:not([class*="btn"]),td a,dd a,span a:not([class*="btn"]),strong a,.mobile-menu a,a > i,summary > span{color:var(--navy)!important}
.lad-step,.ins-k,.wr-k,.wx-m,.wf-m,.art-cat,.eyebrow,.lb-eye span,.ra-eye span,.ra-card > em,.ra-card > b.t,.rt-tab span,time,.ra-count span{color:var(--body)!important}
dl dt,li > b,p > b,span > b,.ra-card > h2{color:var(--navy)!important}
.feat li::before,ul > li::before{background-color:var(--navy)!important}
.lnk:hover,.lad-go:hover,.ins-go:hover,.wx-go:hover,.pb-wu:hover,p a:hover{text-decoration:underline;text-underline-offset:3px}
h3 > i,h2 > i,.vl-g i,.cl-procs i,.cl-steps i{color:var(--body)!important}

/* Rebrand (Option 2): serif headings in charcoal, terracotta only for buttons and accents, text mustard for small labels */
h1,h2,.sec-hd h2,.ra-h1,.art h1{font-family:var(--serif)!important;font-weight:400!important;letter-spacing:-.01em!important;color:var(--charcoal)}
.btn,.btn-enter{background:var(--accent-btn)}
.btn:hover,.btn-enter:hover{background:var(--terracotta-dark)!important}
.lad-step,.ins-k,.wr-k,.wx-m,.wf-m,.art-cat,.eyebrow,.lb-eye span,.ra-eye span{color:var(--mustard-text)!important}
.chip{background:rgba(197,155,39,.16)!important}