/* ============================================================
   FALDEX CRM  ·  fdxcrm.com  ·  shared base
   Created 09-21-2026 for the Privacy and Terms pages.

   Tokens copied verbatim from the Faldex "Carbon & Citron" system in
   Faldexfinancial.com/5.0 Deploy/assets/carbon.css. This file holds only
   what every page on this site needs: tokens, type, buttons, the header,
   the footer and long-form prose. Page-specific CSS stays inline on the
   page that needs it.

   NOTE: 09-19-2026_fdxcrm-home.html still carries its own copy of this
   base inline, from when it was a single self-contained file headed for
   an unknown host. Move it onto this stylesheet during the Netlify
   restructure so there is one copy, not two.
   ============================================================ */
:root{
  --ink:#0A0A0B;
  --text:#F6F6F4;
  --body:#D6D7D2;
  --dim:#A5A6A1;
  --dimmer:#7C7D79;
  --citron:#D7F25A;
  --citron-deep:#9CB33A;
  --glass:linear-gradient(180deg,rgba(255,255,255,.062),rgba(255,255,255,.02));
  --glass-hi:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.032));
  --edge:rgba(255,255,255,.11);
  --edge-soft:rgba(255,255,255,.065);
  --warn:#F2C14E;
  --r:16px; --r-in:10px;
  --wrap:1160px; --pad:26px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{
  margin:0;color:var(--body);background:var(--ink);
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  font-size:18px;line-height:1.68;-webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
body::before{
  content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:
   radial-gradient(1080px 740px at 2% -18%, rgba(104,126,44,.50), transparent 62%),
   radial-gradient(940px 800px at 99% -4%, rgba(22,88,80,.48), transparent 64%),
   radial-gradient(860px 640px at 88% 54%, rgba(60,72,32,.44), transparent 66%),
   radial-gradient(980px 660px at 46% 114%, rgba(215,242,90,.16), transparent 60%);
}
body::after{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.5;
  background-image:radial-gradient(rgba(255,255,255,.05) 1px, transparent 1px);
  background-size:3px 3px;
}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--pad)}
h1,h2,h3,.brandtx{font-family:'Space Grotesk','Inter',sans-serif;font-weight:700;
  color:var(--text);letter-spacing:-.02em;line-height:1.1;margin:0}
h1{font-size:clamp(32px,4.2vw,48px)}
h2{font-size:clamp(24px,2.6vw,31px)}
h3{font-size:19px;letter-spacing:-.01em;line-height:1.35}
p{margin:0}
a{color:var(--citron)}
em{font-style:normal;color:var(--citron)}
.eyebrow{display:inline-block;font-size:12.5px;font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;color:var(--citron);margin-bottom:18px}
.lede{font-size:clamp(17px,1.5vw,20px);color:var(--body);margin-top:20px;max-width:62ch}
.muted{color:var(--dim)}
.small{font-size:14px;line-height:1.6;color:var(--dim)}
:focus-visible{outline:2px solid var(--citron);outline-offset:3px;border-radius:4px}
.skip{position:absolute;left:-9999px}
.skip:focus{left:18px;top:14px;z-index:99;background:var(--citron);color:var(--ink);
  padding:10px 16px;border-radius:8px;font-weight:600}
/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:'Inter',sans-serif;font-size:15.5px;font-weight:600;line-height:1;
  padding:15px 26px;border-radius:999px;text-decoration:none;border:1px solid transparent;
  transition:background .16s,border-color .16s,color .16s;cursor:pointer}
.btn.pri{background:var(--citron);color:var(--ink);border-color:var(--citron)}
.btn.pri:hover{background:#e3fa74;border-color:#e3fa74}
.btn.sec{background:var(--glass);color:var(--text);border-color:var(--edge)}
.btn.sec:hover{background:var(--glass-hi);border-color:rgba(255,255,255,.2)}
/* ---------- header ---------- */
.nav{position:sticky;top:0;z-index:50;background:rgba(10,10,11,.66);
  -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
  border-bottom:1px solid var(--edge-soft)}
.nav .wrap{min-height:74px;display:flex;align-items:center;gap:18px;padding-top:14px;padding-bottom:14px}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none}
.brand img{height:34px;width:auto;display:block}
.brandtx{font-size:16px;letter-spacing:-.01em;color:var(--text);white-space:nowrap}
.nav .back{margin-left:auto;font-size:15px;font-weight:500;color:var(--body);text-decoration:none}
.nav .back:hover{color:var(--text)}
/* ---------- long-form prose ----------
   Body copy here is --body, not --dim. These are documents people have to be
   able to read, including on a phone, and --dim is a de-emphasis colour. */
.doc{padding:clamp(48px,6vw,84px) 0 clamp(60px,7vw,96px)}
.doc .inner{max-width:76ch}
.doc .dates{margin-top:18px;font-size:14px;color:var(--dim)}
.doc h2{margin:44px 0 0}
.doc h2+p,.doc h2+ul{margin-top:14px}
.doc h3{margin:26px 0 0;font-size:17.5px}
.doc h3+p,.doc h3+ul{margin-top:10px}
.doc p{margin-top:15px;color:var(--body);font-size:16.5px;line-height:1.72}
.doc ul{margin:15px 0 0;padding:0;list-style:none;display:grid;gap:11px}
.doc li{position:relative;padding-left:26px;color:var(--body);font-size:16.5px;line-height:1.65}
.doc li::before{content:"";position:absolute;left:2px;top:10px;width:7px;height:7px;
  border-radius:2px;background:var(--citron);opacity:.8}
.doc li b,.doc p b{color:var(--text);font-weight:600}
.doc .hr{height:1px;background:var(--edge-soft);border:0;margin:40px 0 0}
/* Callout for the things a reader must not miss. */
.note{margin-top:26px;padding:20px 22px;border:1px solid rgba(215,242,90,.32);
  border-radius:var(--r);background:rgba(215,242,90,.06)}
.note h3{margin-top:0;font-size:16.5px}
.note p{font-size:15.5px}
.note.plain{border:1px dashed var(--edge);background:rgba(255,255,255,.022)}
/* Contact block at the end of each document. */
.contactbox{margin-top:30px;padding:22px 24px;border:1px solid var(--edge-soft);
  border-radius:var(--r);background:rgba(255,255,255,.022)}
.contactbox p{margin-top:6px;font-size:15.5px}
.contactbox p:first-child{margin-top:0}
/* ---------- table of contents ---------- */
.toc{margin-top:34px;padding:22px 24px;border:1px solid var(--edge-soft);
  border-radius:var(--r);background:rgba(255,255,255,.022)}
.toc b{display:block;font-size:12.5px;font-weight:600;letter-spacing:.12em;
  text-transform:uppercase;color:var(--citron);margin-bottom:14px}
.toc ol{margin:0;padding-left:20px;display:grid;gap:8px}
.toc li{padding-left:0;font-size:15.5px;color:var(--body)}
.toc li::before{display:none}
.toc a{color:var(--body);text-decoration:none}
.toc a:hover{color:var(--citron)}
/* ---------- footer ---------- */
.foot{border-top:1px solid var(--edge-soft);padding:46px 0 60px;margin-top:20px}
.foot .top{display:flex;flex-wrap:wrap;gap:20px 34px;align-items:center;justify-content:space-between}
.foot .cols{display:flex;flex-wrap:wrap;gap:14px 28px;align-items:center}
.foot a{color:var(--dim);text-decoration:none;font-size:15px}
.foot a:hover{color:var(--text)}
.foot .legal{margin-top:28px;font-size:12.5px;color:var(--dimmer);line-height:1.65;max-width:80ch}
.foot .legal+.legal{margin-top:12px}