/* =============================================================
   THE DELPHI ADVISORS — SIMERP SITE · GLOBAL STYLESHEET (v1)
   Matches the approved FINAL-v2 homepage mockup.
   Paste below into GHL: Sites → (site) → Settings → Custom CSS
   (no <style> tags). All rules scoped under #da so they won't
   collide with GHL. Native GHL Calendar/Form elements live
   OUTSIDE #da and keep their own styling.
   ============================================================= */

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Inter:wght@400;500;600;700&family=Source+Serif+4:opsz,wght@8..60,500;8..60,600;8..60,700&display=swap');
html,body{margin:0;padding:0;background:#f5f2ea}

#da{
  --paper:#f5f2ea;          /* warm off-white page background */
  --surface:#ffffff;
  --navy:#0d2438;           /* dark sections + footer */
  --navy-2:#14304a;
  --ink:#152430;            /* serif headline color (near-black) */
  --slate:#41505f;          /* body text */
  --muted:#6b7885;
  --green:#12855c;          /* emerald accent */
  --green-2:#0e6746;
  --green-soft:#e6f1ea;
  --line:#e5e0d4;           /* warm hairline */
  --line-2:#dad4c6;
  --strike:#9aa6ad;         /* struck "before" figures */

  --shadow:0 22px 50px rgba(13,36,56,.12);
  --shadow-sm:0 8px 22px rgba(13,36,56,.08);
  --r:16px; --r-sm:10px; --r-pill:999px;

  --font-display:'Source Serif 4',Georgia,'Times New Roman',serif;
  --font-body:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --font-mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;

  font-family:var(--font-body);
  color:var(--slate);
  background:var(--paper);
  line-height:1.62;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
#da *{box-sizing:border-box;margin:0;padding:0}
#da img{max-width:100%;display:block}
#da a{color:inherit;text-decoration:none}

/* ---------- layout ---------- */
#da .wrap{max-width:1180px;margin:0 auto;padding-inline:clamp(20px,5vw,44px)}
#da .sec{padding-block:clamp(52px,7vw,100px)}
#da .sec.white{background:var(--surface)}
#da .sec.dark{background:var(--navy);color:#cdd8e0}
#da .sec.tight{padding-block:clamp(36px,4.5vw,58px)}
#da .center{text-align:center}
#da .narrow{max-width:64ch;margin-inline:auto}

/* ---------- type ---------- */
#da h1,#da h2,#da h3{font-family:var(--font-display);color:var(--ink);line-height:1.12;letter-spacing:-.01em;font-weight:600}
#da .sec.dark h1,#da .sec.dark h2,#da .sec.dark h3{color:#fff}
#da h1{font-size:clamp(2.3rem,4.8vw,3.7rem);font-weight:700;letter-spacing:-.015em}
#da h2{font-size:clamp(1.75rem,3.4vw,2.7rem);font-weight:600}
#da h3{font-size:clamp(1.2rem,1.7vw,1.45rem)}
#da .lead{font-size:clamp(1.02rem,1.2vw,1.16rem);color:var(--slate)}
#da .sec.dark .lead{color:#aebdc8}
#da .eyebrow{font-family:var(--font-mono);font-size:.73rem;letter-spacing:.2em;text-transform:uppercase;color:var(--green-2);font-weight:600;display:inline-block}
#da .sec.dark .eyebrow{color:#5fc79b}

/* ---------- buttons ---------- */
#da .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;font-family:var(--font-body);font-weight:600;font-size:.98rem;
  padding:.85em 1.55em;border-radius:var(--r-pill);border:1.5px solid transparent;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background .2s ease,color .2s ease;white-space:nowrap;text-align:center}
#da .btn:focus-visible{outline:3px solid var(--green);outline-offset:2px}
#da .btn-primary{background:var(--green);color:#fff;box-shadow:0 10px 22px rgba(18,133,92,.28)}
#da .btn-primary:hover{background:var(--green-2);transform:translateY(-2px)}
#da .btn-ghost{background:transparent;border-color:var(--line-2);color:var(--ink)}
#da .btn-ghost:hover{border-color:var(--ink);transform:translateY(-2px)}
#da .sec.dark .btn-ghost,#da .btn-ghost.on-dark{border-color:rgba(255,255,255,.4);color:#fff}
#da .sec.dark .btn-ghost:hover,#da .btn-ghost.on-dark:hover{background:rgba(255,255,255,.08);border-color:#fff}
#da .btn-white{background:#fff;color:var(--navy)}
#da .btn-white:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}
#da .btn-lg{font-size:1.04rem;padding:1em 1.85em}
#da .btn-arrow::after{content:"\2192";transition:transform .18s}
#da .btn-arrow:hover::after{transform:translateX(3px)}

/* ---------- chips ---------- */
#da .chips{display:flex;flex-wrap:wrap;gap:.55rem}
#da .chip{font-family:var(--font-mono);font-size:.73rem;letter-spacing:.02em;color:var(--slate);
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r-pill);padding:.5em .95em}
#da .sec.dark .chip{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.16);color:#c3d0da}

/* ---------- link-cta ---------- */
#da .link-cta{font-family:var(--font-mono);font-size:.82rem;letter-spacing:.03em;color:var(--green-2);font-weight:600}
#da .link-cta::after{content:" \2192"}

/* =========================================================
   NAV
   ========================================================= */
#da .nav{position:sticky;top:0;z-index:50;background:rgba(245,242,234,.86);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
#da .nav-in{display:flex;align-items:center;gap:1.3rem;padding-block:.85rem}
#da .brand{font-family:var(--font-display);font-weight:700;color:var(--ink);letter-spacing:-.01em;font-size:1.2rem}
#da .brand img{height:66px;width:auto;display:block}
#da .brand b{color:var(--green-2);font-weight:700}
#da .nav-links{display:flex;gap:1.35rem;margin-left:auto}
#da .nav-links a{font-size:.9rem;color:var(--slate);font-weight:500;transition:color .15s}
#da .nav-links a:hover{color:var(--green-2)}
#da .nav-cta{display:flex;align-items:center;gap:.7rem}
#da .nav-toggle{display:none;background:none;border:1px solid var(--line-2);border-radius:8px;padding:.5rem;cursor:pointer}
#da .nav-toggle span{display:block;width:20px;height:2px;background:var(--ink);border-radius:2px}
#da .nav-toggle span+span{margin-top:4px}

/* =========================================================
   HERO + payroll-register signature
   ========================================================= */
#da .hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(2rem,4vw,3.6rem);align-items:center}
#da .hero h1{margin:.7rem 0 1.1rem}
#da .hero h1 .hl{color:var(--green-2)}
#da .hero .lead{max-width:44ch;margin-bottom:1.5rem}
#da .hero-cta{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:1.3rem}

#da .reg{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);overflow:hidden}
#da .reg-top{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.95rem 1.15rem;background:var(--navy);color:#fff}
#da .reg-top .t{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:#c6d6e2;line-height:1.3}
#da .toggle{display:inline-flex;background:rgba(255,255,255,.1);border-radius:var(--r-pill);padding:3px;flex:none}
#da .toggle button{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.04em;border:0;background:transparent;color:#b9c8d3;padding:.4em .8em;border-radius:var(--r-pill);cursor:pointer;transition:.18s}
#da .toggle button.on{background:var(--green);color:#fff}
#da .reg-body{padding:.7rem 1.15rem}
#da .reg-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem .55rem;font-family:var(--font-mono);font-size:.85rem;border-radius:8px}
#da .reg-row+.reg-row{border-top:1px dashed var(--line)}
#da .reg-row .lbl{color:var(--slate)}
#da .reg-row .amt{color:var(--ink);font-weight:500;white-space:nowrap}
#da .reg-row .was{color:var(--strike);text-decoration:line-through;margin-right:.45rem}
#da .reg-row.hl{background:var(--green-soft);border-top-color:transparent!important}
#da .reg-row.hl .amt{color:var(--green-2)}
#da .reg-row.net{font-weight:600}
#da .reg-row.net .amt{color:var(--green-2);display:inline-flex;align-items:center;gap:.35rem}
#da .reg-total{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.95rem 1.15rem;background:var(--green-soft);border-top:1px solid var(--line)}
#da .reg-total .cap{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.02em;color:var(--green-2);font-weight:600}
#da .reg-total .big{font-family:var(--font-mono);font-weight:600;font-size:clamp(1rem,1.4vw,1.15rem);color:var(--green-2)}
#da .reg-note{font-size:.68rem;color:var(--muted);font-style:italic;padding:.55rem 1.15rem .9rem}
#da .reg-row.only-simerp{display:flex}
#da .reg.is-today .reg-row.only-simerp{display:none}
#da .reg.is-today .reg-row .was{display:none}

/* =========================================================
   STAT BAND
   ========================================================= */
#da .band-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem;text-align:center}
#da .stat .num{font-family:var(--font-display);font-weight:700;font-size:clamp(2rem,3.6vw,2.9rem);color:#fff;line-height:1}
#da .stat .num .u{color:var(--green)}
#da .stat .cap{font-size:.86rem;color:#a7b6c1;margin-top:.5rem}
#da .band-foot{text-align:center;font-family:var(--font-mono);font-size:.72rem;color:#7f93a1;margin-top:1.8rem;letter-spacing:.02em}

/* =========================================================
   PILLARS  ("what you get")
   ========================================================= */
#da .pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem;margin-top:2.4rem}
#da .pillar{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:1.8rem 1.6rem;text-align:center}
#da .pillar .lab{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--green-2);font-weight:600}
#da .pillar h3{margin:.8rem 0 .55rem;font-size:1.28rem}
#da .pillar p{font-size:.93rem;color:var(--slate)}

/* =========================================================
   MECHANISM (steps)
   ========================================================= */
#da .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:2.4rem;border-top:1px solid var(--line)}
#da .step{padding:1.6rem 1.3rem 0;border-left:1px solid var(--line)}
#da .step:first-child{border-left:0;padding-left:.2rem}
#da .step .no{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;color:var(--green-2);font-weight:600;margin-bottom:.7rem}
#da .step h3{font-size:1.05rem;font-family:var(--font-display);margin-bottom:.45rem}
#da .step p{font-size:.9rem;color:var(--muted)}

/* =========================================================
   CALCULATOR (in dark section)
   ========================================================= */
#da .calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,4vw,3.6rem);align-items:center}
#da .calc-card{background:var(--surface);border-radius:18px;box-shadow:var(--shadow);padding:1.6rem}
#da .calc-card label{font-size:.85rem;color:var(--slate);font-weight:500;display:block;margin-bottom:.5rem}
#da .calc-card input{width:100%;font-family:var(--font-mono);font-size:1rem;color:var(--ink);background:var(--paper);
  border:1px solid var(--line-2);border-radius:10px;padding:.85rem 1rem;margin-bottom:1rem}
#da .calc-card input:focus{outline:none;border-color:var(--green)}
#da .calc-out{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:var(--green-soft);border-radius:10px;padding:.95rem 1.1rem;margin-bottom:.7rem}
#da .calc-out .cap{font-size:.82rem;color:var(--green-2);font-weight:500}
#da .calc-out .val{font-family:var(--font-mono);font-weight:600;font-size:clamp(1.4rem,2.4vw,1.8rem);color:var(--green-2)}
#da .calc-note{font-size:.72rem;color:var(--muted);font-style:italic;margin-bottom:1rem;font-family:var(--font-mono)}

/* =========================================================
   COMPLIANCE grid
   ========================================================= */
#da .comp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin-top:2.2rem}
#da .comp{background:var(--surface);padding:1.4rem 1.4rem}
#da .comp h3{font-family:var(--font-mono);font-size:.86rem;letter-spacing:.01em;color:var(--ink);margin-bottom:.5rem;font-weight:600;text-transform:none}
#da .comp p{font-size:.86rem;color:var(--muted)}

/* =========================================================
   TESTIMONIALS + logo strip
   ========================================================= */
#da .quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem;margin-top:2.4rem}
#da .quote{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:1.7rem 1.6rem;display:flex;flex-direction:column}
#da .quote p{font-size:.97rem;color:var(--ink);font-style:italic;line-height:1.55}
#da .quote .by{margin-top:1.2rem;padding-top:1rem;border-top:1px solid var(--line)}
#da .quote .by b{display:block;color:var(--ink);font-size:.9rem}
#da .quote .by span{font-size:.82rem;color:var(--muted)}
#da .logos{margin-top:2.6rem;text-align:center}
#da .logos .lab{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:1rem}
#da .logos .row{display:flex;justify-content:center;flex-wrap:wrap;gap:.9rem}
#da .logos .logo{width:150px;height:52px;border:1px solid var(--line);border-radius:10px;display:grid;place-items:center;
  font-family:var(--font-mono);font-size:.72rem;color:#a9b3ba;background:var(--surface)}

/* =========================================================
   WHO THIS IS FOR
   ========================================================= */
#da .fit{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem;margin-top:2.2rem}
#da .fit-item{display:flex;gap:.8rem;align-items:flex-start}
#da .fit-item .ck{flex:none;width:26px;height:26px;border-radius:50%;background:var(--green-soft);color:var(--green-2);display:grid;place-items:center;font-weight:700;font-size:.85rem;margin-top:.1rem}
#da .fit-item p{font-size:.94rem;color:var(--slate)}
#da .fit-note{text-align:center;font-size:.9rem;color:var(--muted);font-style:italic;margin-top:2rem}

/* =========================================================
   BOOKING (native GHL slot)
   ========================================================= */
#da .booking-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(1.6rem,3.5vw,3rem);align-items:start}
#da .expect{list-style:none}
#da .expect li{display:flex;gap:.7rem;align-items:flex-start;padding:.55rem 0;font-size:.96rem}
#da .expect li::before{content:"\2713";color:var(--green-2);font-weight:700;flex:none}
#da .ghl-slot{border:2px dashed var(--green);border-radius:var(--r);background:var(--surface);padding:2.6rem 1.5rem;text-align:center;color:var(--green-2)}
#da .ghl-slot .k{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.05em;text-transform:uppercase;font-weight:600}
#da .ghl-slot .sub{font-size:.82rem;color:var(--muted);margin-top:.5rem;font-style:italic}

/* =========================================================
   FINAL CTA
   ========================================================= */
#da .final{text-align:center}
#da .final h2{margin-bottom:.9rem}
#da .final .lead{max-width:54ch;margin:0 auto 1.6rem}
#da .final .btns{display:flex;justify-content:center;flex-wrap:wrap;gap:.8rem;margin-bottom:1.4rem}
#da .final .chips{justify-content:center}

/* =========================================================
   FOOTER
   ========================================================= */
#da .footer{background:var(--navy);color:#b9c7d1}
#da .footer a{color:#b9c7d1;transition:color .15s}
#da .footer a:hover{color:#fff}
#da .footer-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1.1fr;gap:2rem;padding-block:clamp(2.6rem,5vw,4rem)}
#da .footer .brand{color:#fff;font-size:1.15rem}
#da .footer .brand b{color:#5fc79b}
#da .footer .fdesc{font-size:.9rem;margin-top:.9rem;max-width:34ch;color:#93a5b1}
#da .footer .fcontact{font-family:var(--font-mono);font-size:.8rem;margin-top:.9rem;color:#93a5b1}
#da .footer h5{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#7d93a1;margin-bottom:1rem;font-weight:600}
#da .footer ul{list-style:none;display:grid;gap:.55rem;font-size:.9rem}
#da .footer .bar{border-top:1px solid rgba(255,255,255,.1);padding-block:1.3rem;font-size:.75rem;color:#7d93a1}
#da .footer .disc{max-width:82ch;font-size:.72rem;color:#748996;line-height:1.6;padding-bottom:1.2rem}
#da .footer .legal{display:flex;gap:1.2rem;flex-wrap:wrap}

/* =========================================================
   REVEAL
   ========================================================= */
#da .reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}
#da .reveal.in{opacity:1;transform:none}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (max-width:940px){
  #da .hero-grid,#da .calc-grid,#da .booking-grid{grid-template-columns:1fr}
  #da .reg,#da .calc-card{max-width:480px}
  #da .pillars,#da .comp-grid,#da .quotes,#da .fit,#da .band-grid{grid-template-columns:1fr 1fr}
  #da .steps{grid-template-columns:1fr 1fr}
  #da .step{border-left:0;border-top:1px solid var(--line);padding:1.4rem .2rem 0}
  #da .step:nth-child(-n+2){border-top:0}
  #da .footer-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:600px){
  #da .nav-links{display:none}
  #da .nav-links.open{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:var(--surface);
    border-bottom:1px solid var(--line);padding:1rem 1.2rem;gap:1rem;box-shadow:var(--shadow-sm);margin-left:0}
  #da .nav-toggle{display:block}
  #da .nav-cta .btn-desktop{display:none}
  #da .pillars,#da .comp-grid,#da .quotes,#da .fit,#da .band-grid,#da .steps,#da .footer-grid{grid-template-columns:1fr}
  #da .step{border-top:1px solid var(--line)}
  #da .step:nth-child(2){border-top:1px solid var(--line)}
  #da .hero-cta .btn,#da .final .btns .btn{flex:1;justify-content:center}
}
@media (prefers-reduced-motion:reduce){
  #da *{animation:none!important;transition:none!important}
  #da .reveal{opacity:1;transform:none}
}


/* =========================================================
   LEAD FORM + CALENDLY  (static-site additions)
   ========================================================= */
#da .lead-form{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:1.6rem;max-width:720px}
#da .lf-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
#da .lf-field{margin-bottom:1rem}
#da .lead-form label{display:block;font-size:.82rem;font-weight:500;color:var(--slate);margin-bottom:.4rem}
#da .lead-form input{width:100%;font-family:var(--font-body);font-size:.95rem;color:var(--ink);background:var(--paper);
  border:1px solid var(--line-2);border-radius:8px;padding:.72rem .9rem}
#da .lead-form input:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px var(--green-soft)}
#da .lead-form .btn{width:100%;margin-top:.3rem}
#da .lf-status{font-size:.88rem;margin-top:.9rem;text-align:center;min-height:1.2em;font-weight:500}
#da .calendly-inline-widget{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--surface)}
@media (max-width:600px){ #da .lf-row{grid-template-columns:1fr} }
@media (max-width:600px){#da .brand img{height:48px}}


/* ---- Savings Calculator page ---- */
#da .calc-fields{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
#da .calc-fields .full{grid-column:1/-1}
#da details.calc-adv{margin-top:.6rem;border-top:1px solid var(--line);padding-top:1rem}
#da details.calc-adv summary{cursor:pointer;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.04em;color:var(--green-2);font-weight:600;list-style:none}
#da details.calc-adv summary::-webkit-details-marker{display:none}
#da details.calc-adv summary::before{content:"\25B8  "}
#da details.calc-adv[open] summary::before{content:"\25BE  "}
#da .calc-out.total{background:var(--navy);align-items:flex-start}
#da .calc-out.total .cap{color:#cdd8e0}
#da .calc-out.total .cap small{color:#8ea2b0}
#da .calc-out.total .val{color:#fff;font-size:clamp(1.6rem,2.8vw,2.1rem)}
#da .calc-card .btn{margin-top:.4rem}
@media (max-width:600px){#da .calc-fields{grid-template-columns:1fr}}


/* ---- Employee Benefits ---- */
#da .featured{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(1.6rem,3.5vw,3rem);align-items:center}
#da .benefit{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:1.4rem}
#da .benefit .ic{font-size:1.7rem;line-height:1;margin-bottom:.7rem}
#da .benefit h3{font-family:var(--font-display);font-size:1.12rem;margin-bottom:.4rem}
#da .benefit p{font-size:.9rem;color:var(--muted)}
#da .benefit .val{display:inline-block;margin-top:.8rem;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.02em;color:var(--green-2);background:var(--green-soft);border-radius:20px;padding:.32em .75em}
#da .benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem;margin-top:2rem}
@media (max-width:900px){#da .featured{grid-template-columns:1fr}#da .benefits-grid{grid-template-columns:1fr 1fr}}
@media (max-width:600px){#da .benefits-grid{grid-template-columns:1fr}}

/* ---- FAQ ---- */
#da .faq{max-width:840px;margin-inline:auto}
#da .faq h3.cat{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--green-2);margin:2.2rem 0 1rem}
#da .faq h3.cat:first-child{margin-top:0}
#da .faq details{border:1px solid var(--line);border-radius:10px;background:var(--surface);margin-bottom:.7rem}
#da .faq summary{cursor:pointer;padding:1rem 1.2rem;font-weight:600;color:var(--ink);list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:1rem}
#da .faq summary::-webkit-details-marker{display:none}
#da .faq summary::after{content:"+";color:var(--green-2);font-size:1.35rem;line-height:1;flex:none}
#da .faq details[open] summary::after{content:"\2212"}
#da .faq details .a{padding:0 1.2rem 1.1rem;color:var(--slate);font-size:.95rem;line-height:1.6}

/* ---- Legal pages ---- */
#da .legal-doc{max-width:840px;margin-inline:auto}
#da .legal-doc h2{font-family:var(--font-display);font-size:1.3rem;margin:1.9rem 0 .6rem}
#da .legal-doc p{font-size:.96rem;margin-bottom:.9rem;color:var(--slate)}
#da .legal-doc ul{margin:0 0 .9rem 1.3rem}
#da .legal-doc li{font-size:.96rem;margin-bottom:.4rem;color:var(--slate)}