/* ==========================================================================
   LedgerDomain — DocuSeal page
   Loaded only on the DocuSeal page (see ld_is_docuseal_page() in functions.php)
   and paired with templates/docuseal.php. Everything is scoped under
   body.ld-docuseal-page and prefixed .ld-ds- so nothing leaks to other pages.
   Shares the sitewide brand system (ledgerdomain-system.css): navy #051964 ·
   coral #F55064 · blue #6991F0 · Chivo / Chivo Mono, and the shared .ld-btn
   button family. Content modernized from the original DocuSeal Squarespace site.

   RAIL: content wraps track the sitewide row (--ld-row-maxw, 1366px) and sit
   FLUSH to it (no horizontal padding) on desktop, so headings/text line up with
   the header logo + every other page. A responsive gutter is added only once the
   viewport reaches the row width. Inner sections set vertical padding only, so
   they never fight the wrap's horizontal gutter.

   NOTE: on dark bands the sitewide system CSS colours headings via a #main
   ID selector, which outranks plain class selectors — so white heading colours
   here must use !important (same gotcha as the role/addressbook dark bands).
   ========================================================================== */

body.ld-docuseal-page{
  --navy:#051964; --navy-2:#0e2f9e; --blue:#6991F0; --blue-soft:#e8eefd;
  --coral:#F55064; --coral-soft:#ffe7ea; --ink:#051964; --muted:#56689b;
  --bg:#ffffff; --bg-soft:#f4f6fb; --line:#e4e9f5; --green:#16a34a;
  --maxw:var(--ld-row-maxw,1366px);
  --sans:'Chivo', Arial, Helvetica, sans-serif;
  --mono:'Chivo Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
}

/* ---------- Avada chrome resets (replace title bar / padding with our hero) -- */
body.ld-docuseal-page .fusion-page-title-bar{display:none !important;}
body.ld-docuseal-page #content{padding:0 !important;width:100% !important;max-width:100% !important;float:none !important;margin:0 !important;}
body.ld-docuseal-page #main{padding:0 !important;background:none !important;}
body.ld-docuseal-page .fusion-sidebar,
body.ld-docuseal-page .has-sidebar .fusion-sidebar{display:none !important;}

/* ---------- base ---------- */
body.ld-docuseal-page .ld-ds{font-family:var(--sans);color:var(--ink);line-height:1.7;-webkit-font-smoothing:antialiased;}
body.ld-docuseal-page .ld-ds *{box-sizing:border-box;}
body.ld-docuseal-page .ld-ds img{max-width:100%;display:block;}
body.ld-docuseal-page .ld-ds h1,
body.ld-docuseal-page .ld-ds h2,
body.ld-docuseal-page .ld-ds h3,
body.ld-docuseal-page .ld-ds h4{font-family:var(--sans);}
body.ld-docuseal-page .ld-ds a{text-decoration:none;}

/* every direct band breaks out to full viewport width; .ld-ds-wrap caps content
   at the sitewide row and sits flush to it (gutter added responsively below) */
body.ld-docuseal-page .ld-ds > section,
body.ld-docuseal-page .ld-ds > .ld-ds-band{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);}
body.ld-docuseal-page .ld-ds-wrap{max-width:var(--maxw);margin-left:auto;margin-right:auto;padding-left:0;padding-right:0;}

/* shared type */
body.ld-docuseal-page .ld-ds-label{font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:var(--blue);display:inline-block;margin:0 0 14px;}
body.ld-docuseal-page .ld-ds-label--coral{color:var(--coral);}
body.ld-docuseal-page .ld-ds-h2{font-size:clamp(26px,3vw,38px);font-weight:800;letter-spacing:-.5px;color:var(--navy);line-height:1.14;margin:0 0 14px;}
body.ld-docuseal-page .ld-ds-hl{color:var(--blue);}
body.ld-docuseal-page .ld-ds-sec-head{max-width:730px;margin:0 auto 46px;text-align:center;}
body.ld-docuseal-page .ld-ds-sec-head .ld-ds-h2{margin-left:auto;margin-right:auto;}
body.ld-docuseal-page .ld-ds-sec-head p{color:var(--muted);font-size:17px;margin:0;line-height:1.6;}

/* generic section rhythm */
body.ld-docuseal-page .ld-ds-sec{padding:78px 0;}
body.ld-docuseal-page .ld-ds-sec--soft{background:var(--bg-soft);}

/* button icon sizing inside the shared .ld-btn family */
body.ld-docuseal-page .ld-btn svg{width:17px;height:17px;flex:none;}

/* ==========================================================================
   HERO
   ========================================================================== */
body.ld-docuseal-page .ld-ds-hero{position:relative;overflow:hidden;color:#fff;background:linear-gradient(125deg,#041450 0%,var(--navy) 30%,var(--navy-2) 80%,#2a52c9 120%);}
body.ld-docuseal-page .ld-ds-hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.13) 1px,transparent 1px);background-size:22px 22px;opacity:.5;}
body.ld-docuseal-page .ld-ds-hero::after{content:"";position:absolute;width:520px;height:520px;right:-150px;top:-170px;background:radial-gradient(circle,rgba(245,80,100,.45),transparent 65%);filter:blur(22px);}
body.ld-docuseal-page .ld-ds-hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.04fr .96fr;gap:54px;align-items:center;padding-top:70px;padding-bottom:84px;}
body.ld-docuseal-page .ld-ds-eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:var(--mono);font-size:12.5px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:#bcd0ff;background:rgba(105,145,240,.16);border:1px solid rgba(105,145,240,.4);padding:7px 14px;border-radius:100px;}
body.ld-docuseal-page .ld-ds-dot{width:7px;height:7px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 4px rgba(245,80,100,.25);}
body.ld-docuseal-page .ld-ds-title{font-size:clamp(34px,4.6vw,55px);font-weight:800;line-height:1.05;letter-spacing:-.6px;margin:20px 0 16px;color:#fff !important;}
body.ld-docuseal-page .ld-ds-hero .ld-ds-hl{color:#fff !important;}
body.ld-docuseal-page .ld-ds-standfirst{font-size:19px;line-height:1.6;color:#cfdcff;font-weight:300;max-width:560px;margin:0;}
body.ld-docuseal-page .ld-ds-hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px;}
body.ld-docuseal-page .ld-ds-chips{display:flex;flex-wrap:wrap;gap:10px 14px;margin-top:30px;}
body.ld-docuseal-page .ld-ds-chip{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:12.5px;color:#cdd9ff;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);padding:8px 13px;border-radius:8px;}
body.ld-docuseal-page .ld-ds-chip svg{width:15px;height:15px;fill:none;stroke:#9fb6f7;stroke-width:1.9;flex:none;}

/* ---------- product mock: a sealed + verified document ---------- */
body.ld-docuseal-page .ld-ds-ui{position:relative;background:#fff;border-radius:16px;box-shadow:0 50px 100px -40px rgba(2,10,50,.75);overflow:hidden;border:1px solid rgba(255,255,255,.4);}
body.ld-docuseal-page .ld-ds-ui-bar{display:flex;align-items:center;gap:7px;padding:12px 16px;background:#f1f3fe;border-bottom:1px solid var(--line);}
body.ld-docuseal-page .ld-ds-ui-bar i{width:11px;height:11px;border-radius:50%;background:#cfd6ee;display:block;}
body.ld-docuseal-page .ld-ds-ui-bar i:nth-child(1){background:#ff6058;}
body.ld-docuseal-page .ld-ds-ui-bar i:nth-child(2){background:#ffbe2e;}
body.ld-docuseal-page .ld-ds-ui-bar i:nth-child(3){background:#2aca44;}
body.ld-docuseal-page .ld-ds-ui-url{margin-left:10px;font-family:var(--mono);font-size:11.5px;color:var(--muted);}
body.ld-docuseal-page .ld-ds-ui-body{padding:22px;color:var(--ink);}
body.ld-docuseal-page .ld-ds-doc{display:flex;align-items:center;gap:13px;padding-bottom:16px;border-bottom:1px solid var(--line);}
body.ld-docuseal-page .ld-ds-doc-ic{flex:none;width:42px;height:42px;border-radius:10px;background:var(--blue-soft);display:grid;place-items:center;}
body.ld-docuseal-page .ld-ds-doc-ic svg{width:22px;height:22px;stroke:var(--navy);fill:none;stroke-width:1.8;}
body.ld-docuseal-page .ld-ds-doc-name{font-size:14.5px;font-weight:800;color:var(--navy);line-height:1.2;}
body.ld-docuseal-page .ld-ds-doc-sub{font-family:var(--mono);font-size:11px;color:var(--muted);margin-top:3px;}
body.ld-docuseal-page .ld-ds-ui-row{display:grid;grid-template-columns:.62fr 1fr;gap:8px;padding:11px 0;border-top:1px solid var(--line);font-size:13px;align-items:center;}
body.ld-docuseal-page .ld-ds-ui-row:first-of-type{border-top:0;}
body.ld-docuseal-page .ld-ds-ui-row .ld-ds-k{color:var(--muted);}
body.ld-docuseal-page .ld-ds-ui-row .ld-ds-v{color:var(--ink);font-weight:600;}
body.ld-docuseal-page .ld-ds-hash{font-family:var(--mono);font-size:12px;font-weight:600;color:var(--navy-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
body.ld-docuseal-page .ld-ds-verify{display:inline-flex;align-items:center;gap:6px;color:var(--green);font-weight:800;font-size:13px;}
body.ld-docuseal-page .ld-ds-verify svg{width:15px;height:15px;stroke:var(--green);fill:none;stroke-width:2.4;}
body.ld-docuseal-page .ld-ds-seal{position:absolute;right:18px;bottom:18px;width:74px;height:74px;border-radius:50%;display:grid;place-items:center;text-align:center;color:#fff;font-family:var(--mono);font-size:8.5px;font-weight:700;letter-spacing:1.4px;line-height:1.25;text-transform:uppercase;background:radial-gradient(circle at 30% 25%,var(--coral),#c8394c);box-shadow:0 12px 26px -10px rgba(245,80,100,.75);transform:rotate(-11deg);border:2px dashed rgba(255,255,255,.55);}

/* ==========================================================================
   TRUST + HOW IT WORKS
   ========================================================================== */
body.ld-docuseal-page .ld-ds-trust{padding:82px 0 78px;}
body.ld-docuseal-page .ld-ds-trust-lede{max-width:820px;margin:0 auto 8px;text-align:center;}
body.ld-docuseal-page .ld-ds-trust-lede .ld-ds-h2{margin-left:auto;margin-right:auto;}
body.ld-docuseal-page .ld-ds-trust-lede p{color:var(--muted);font-size:17.5px;line-height:1.65;margin:0 auto 14px;max-width:720px;}
body.ld-docuseal-page .ld-ds-trust-lede p .ld-ds-em{color:var(--navy);font-weight:700;}
body.ld-docuseal-page .ld-ds-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:52px;}
body.ld-docuseal-page .ld-ds-step{position:relative;background:#fff;border:1px solid var(--line);border-radius:16px;padding:30px 26px;box-shadow:0 26px 54px -40px rgba(5,25,100,.55);}
body.ld-docuseal-page .ld-ds-step-n{font-family:var(--mono);font-size:13px;font-weight:700;color:var(--coral);letter-spacing:2px;}
body.ld-docuseal-page .ld-ds-step-ic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:var(--blue-soft);margin:14px 0 16px;}
body.ld-docuseal-page .ld-ds-step-ic svg{width:23px;height:23px;stroke:var(--navy);fill:none;stroke-width:1.8;}
body.ld-docuseal-page .ld-ds-step h3{font-size:19px;font-weight:800;color:var(--navy);margin:0 0 10px;letter-spacing:-.2px;}
body.ld-docuseal-page .ld-ds-step p{font-size:14.5px;color:#42507f;margin:0;line-height:1.6;}
body.ld-docuseal-page .ld-ds-arrow{position:absolute;right:-15px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;background:#fff;border:1px solid var(--line);display:grid;place-items:center;z-index:3;color:var(--blue);font-weight:700;}

/* ==========================================================================
   VERIFY ANY DOCUMENT — use cases
   ========================================================================== */
body.ld-docuseal-page .ld-ds-usegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
body.ld-docuseal-page .ld-ds-use{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px 24px;position:relative;overflow:hidden;box-shadow:0 26px 54px -40px rgba(5,25,100,.55);transition:transform .18s,box-shadow .18s;}
body.ld-docuseal-page .ld-ds-use::before{content:"";position:absolute;top:0;left:0;height:4px;width:100%;background:linear-gradient(90deg,var(--coral),var(--blue));}
body.ld-docuseal-page .ld-ds-use:hover{transform:translateY(-4px);box-shadow:0 36px 64px -38px rgba(5,25,100,.6);}
body.ld-docuseal-page .ld-ds-use-ic{width:50px;height:50px;border-radius:13px;display:grid;place-items:center;background:var(--blue-soft);margin-bottom:16px;}
body.ld-docuseal-page .ld-ds-use-ic svg{width:25px;height:25px;stroke:var(--navy);fill:none;stroke-width:1.7;}
body.ld-docuseal-page .ld-ds-use h3{font-size:17.5px;font-weight:800;color:var(--navy);margin:0 0 8px;letter-spacing:-.2px;}
body.ld-docuseal-page .ld-ds-use p{font-size:14px;color:#42507f;margin:0;line-height:1.55;}
body.ld-docuseal-page .ld-ds-use--fun::before{background:linear-gradient(90deg,#ffbe2e,var(--coral));}
body.ld-docuseal-page .ld-ds-use--fun .ld-ds-use-ic{background:#fff4d6;}
body.ld-docuseal-page .ld-ds-use--fun .ld-ds-use-ic svg{stroke:#c98a00;}

/* ==========================================================================
   PHARMA SUPPLY + publications
   ========================================================================== */
body.ld-docuseal-page .ld-ds-pharma{position:relative;overflow:hidden;color:#fff;background-color:var(--navy);background-image:linear-gradient(130deg,rgba(105,145,240,.35),var(--navy) 55%);}
body.ld-docuseal-page .ld-ds-pharma::after{content:"";position:absolute;right:-90px;top:-110px;width:340px;height:340px;background:radial-gradient(circle,rgba(245,80,100,.35),transparent 65%);}
body.ld-docuseal-page .ld-ds-pharma-inner{position:relative;z-index:2;padding-top:76px;padding-bottom:76px;}
body.ld-docuseal-page .ld-ds-pharma-head{max-width:760px;}
body.ld-docuseal-page .ld-ds-pharma .ld-ds-label{color:#cdd9ff;}
body.ld-docuseal-page .ld-ds-pharma .ld-ds-h2{color:#fff !important;}
body.ld-docuseal-page .ld-ds-pharma .ld-ds-hl{color:#fff !important;}
body.ld-docuseal-page .ld-ds-pharma-lead{font-size:17px;color:#d8e1ff;line-height:1.7;margin:0;max-width:720px;}
body.ld-docuseal-page .ld-ds-pharma-lead a{color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.5);}
body.ld-docuseal-page .ld-ds-pharma-lead a:hover{text-decoration-color:#fff;}
body.ld-docuseal-page .ld-ds-pubs{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:44px;}
body.ld-docuseal-page .ld-ds-pub{display:flex;flex-direction:column;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.16);border-radius:16px;padding:28px 26px;}
body.ld-docuseal-page .ld-ds-pub-tag{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#cdd9ff;margin:0 0 14px;}
body.ld-docuseal-page .ld-ds-pub h3{font-size:20px;font-weight:800;color:#fff !important;margin:0 0 10px;line-height:1.25;letter-spacing:-.2px;}
body.ld-docuseal-page .ld-ds-pub p{font-size:14.5px;color:#c8d4f7;margin:0 0 20px;line-height:1.6;}
body.ld-docuseal-page .ld-ds-pub-link{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:14px;color:#fff;}
body.ld-docuseal-page .ld-ds-pub-link svg{width:16px;height:16px;stroke:var(--coral);fill:none;stroke-width:2.4;transition:transform .16s;}
body.ld-docuseal-page .ld-ds-pub:hover .ld-ds-pub-link svg{transform:translateX(4px);}

/* ==========================================================================
   CTA — try DocuSeal
   ========================================================================== */
body.ld-docuseal-page .ld-ds-cta{position:relative;overflow:hidden;background:var(--bg-soft);}
body.ld-docuseal-page .ld-ds-cta-inner{padding-top:78px;padding-bottom:78px;text-align:center;}
body.ld-docuseal-page .ld-ds-cta-card{max-width:880px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:24px;padding:54px 40px;position:relative;overflow:hidden;box-shadow:0 50px 100px -50px rgba(5,25,100,.55);}
body.ld-docuseal-page .ld-ds-cta-card::before{content:"";position:absolute;top:0;left:0;height:6px;width:100%;background:linear-gradient(90deg,var(--coral),var(--blue));}
body.ld-docuseal-page .ld-ds-cta-card .ld-ds-h2{margin:0 0 14px;}
body.ld-docuseal-page .ld-ds-cta-p{font-size:17.5px;color:var(--muted);margin:0 auto 28px;max-width:600px;line-height:1.6;}
body.ld-docuseal-page .ld-ds-cta-actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;}
body.ld-docuseal-page .ld-ds-cta-note{margin-top:22px;font-family:var(--mono);font-size:13px;color:var(--muted);line-height:1.6;}
body.ld-docuseal-page .ld-ds-cta-note a{color:var(--coral);font-weight:600;}

/* ==========================================================================
   ABOUT footnote
   ========================================================================== */
body.ld-docuseal-page .ld-ds-about{background:var(--navy);color:#aebbe6;}
body.ld-docuseal-page .ld-ds-about-inner{padding-top:44px;padding-bottom:44px;display:grid;grid-template-columns:auto 1fr;gap:30px;align-items:center;}
body.ld-docuseal-page .ld-ds-about-mark{font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#fff;white-space:nowrap;}
body.ld-docuseal-page .ld-ds-about p{font-size:13.5px;line-height:1.7;margin:0;color:#aebbe6;}
body.ld-docuseal-page .ld-ds-about a{color:#cdd9ff;font-weight:600;text-decoration:underline;text-underline-offset:2px;}
body.ld-docuseal-page .ld-ds-about a:hover{color:#fff;}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */
/* Gutter kicks in only once the viewport reaches the row width, so on desktop
   the content stays flush to the 1366px rail (aligned with the header + pages). */
@media(max-width:1366px){
  body.ld-docuseal-page .ld-ds-wrap{padding-left:30px;padding-right:30px;}
}
@media(max-width:980px){
  body.ld-docuseal-page .ld-ds-hero-inner{grid-template-columns:1fr;gap:44px;padding-top:56px;padding-bottom:64px;}
  body.ld-docuseal-page .ld-ds-ui{max-width:520px;}
  body.ld-docuseal-page .ld-ds-steps{grid-template-columns:1fr;gap:18px;}
  body.ld-docuseal-page .ld-ds-arrow{display:none;}
  body.ld-docuseal-page .ld-ds-usegrid{grid-template-columns:repeat(2,1fr);}
  body.ld-docuseal-page .ld-ds-pubs{grid-template-columns:1fr;}
}
@media(max-width:640px){
  body.ld-docuseal-page .ld-ds-wrap{padding-left:22px;padding-right:22px;}
  body.ld-docuseal-page .ld-ds-sec{padding:56px 0;}
  body.ld-docuseal-page .ld-ds-trust{padding:56px 0;}
  body.ld-docuseal-page .ld-ds-usegrid{grid-template-columns:1fr;}
  body.ld-docuseal-page .ld-ds-hero-cta .ld-btn,
  body.ld-docuseal-page .ld-ds-cta-actions .ld-btn{width:100%;}
  body.ld-docuseal-page .ld-ds-cta-card{padding:38px 22px;}
  body.ld-docuseal-page .ld-ds-about-inner{grid-template-columns:1fr;gap:16px;}
}
