:root { --page:#f7f7f7; --card:#fff; --ink:#242424; --muted:#68625d; --brown:#cd7b36; --brown-dark:#ae591c; --brown-soft:#f4e8de; --line:#e4e2df; --content:1180px; }
* { box-sizing:border-box; }
html { scroll-behavior:auto; }
body { margin:0; color:var(--ink); background:var(--page); font-family:"Plus Jakarta Sans",sans-serif; -webkit-font-smoothing:antialiased; }
a { color:inherit; }
img { max-width:100%; }
button,summary { font:inherit; }
.container { width:min(var(--content),calc(100% - 2rem)); margin-inline:auto; }
.site-header { position:relative; z-index:20; background:rgba(247,247,247,.96); }
.site-header-inner { min-height:76px; display:flex; align-items:center; gap:2rem; }
.site-brand { display:inline-flex; align-items:center; gap:.8rem; color:inherit; text-decoration:none; }
.brand-logo { width:52px; height:auto; display:block; }
.brand-name { font-family:"Signika",sans-serif; font-size:1.05rem; font-weight:700; }
.eyebrow { margin:0 0 .8rem; color:var(--brown); font-family:"Signika",sans-serif; font-size:.76rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.button { min-height:42px; padding:.72rem 1.15rem; display:inline-flex; align-items:center; justify-content:center; border:1px solid var(--ink); border-radius:6px; color:#fff; background:var(--ink); font-size:.78rem; font-weight:800; text-decoration:none; transition:color 180ms ease,background-color 180ms ease,border-color 180ms ease,transform 180ms ease; }
.button:hover,.button:focus-visible { border-color:var(--brown); background:var(--brown); transform:translateY(-2px); }
.button.is-brown { border-color:var(--brown); background:var(--brown); }
.button.is-brown:hover,.button.is-brown:focus-visible { border-color:var(--brown-dark); background:var(--brown-dark); }
.button.is-light { color:var(--ink); border-color:#d7d4d1; background:#fff; }
.button.is-light:hover,.button.is-light:focus-visible { color:#fff; border-color:var(--ink); background:var(--ink); }

.documents-hero { overflow:hidden; padding:clamp(4.5rem,8vw,7.25rem) 0 clamp(4rem,7vw,6rem); }
.documents-hero-grid { display:grid; grid-template-columns:minmax(0,.84fr) minmax(520px,1.16fr); align-items:center; gap:clamp(3rem,7vw,7rem); }
.documents-hero h1,.documents-section-heading h2,.documents-capabilities-heading h2,.documents-sign-demo h2,.documents-records h2,.documents-faq h2,.documents-final h2 { margin:0; font-family:"Signika",sans-serif; font-weight:600; letter-spacing:-.055em; line-height:.9; text-wrap:balance; }
.documents-hero h1 { max-width:680px; font-size:clamp(4.2rem,7.1vw,6.6rem); line-height:.84; }
.documents-hero h1 span { color:var(--brown); }
.documents-hero-description { max-width:560px; margin:1.5rem 0 0; color:var(--muted); font-size:1rem; line-height:1.7; }
.documents-hero-actions { margin-top:1.7rem; display:flex; align-items:center; gap:.65rem; }
.documents-hero-note { margin:1rem 0 0; display:flex; align-items:center; gap:.55rem; color:var(--muted); font-size:.73rem; line-height:1.5; }
.documents-hero-note img { width:18px; height:18px; }
.documents-hero-visual { min-height:620px; position:relative; display:grid; place-items:center; }
.documents-hero-visual::before { content:""; width:510px; height:510px; position:absolute; border-radius:50%; background:#eee9e4; }
.documents-paper { width:min(560px,92%); min-height:560px; position:relative; padding:1.2rem 1.35rem 1.35rem; border:1px solid #dbd8d4; border-radius:7px; background:#fff; box-shadow:0 30px 70px -45px rgba(36,36,36,.7); transform:rotate(1.5deg); }
.documents-paper-toolbar { height:32px; margin:-.2rem -.35rem 1rem; display:flex; align-items:center; gap:.35rem; border-bottom:1px solid var(--line); color:#8a837d; font-size:.62rem; }
.documents-paper-toolbar i { width:6px; height:6px; border-radius:50%; background:#c8c4c0; }
.documents-paper-toolbar span { margin-left:.35rem; }
.documents-paper-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; }
.documents-paper-heading small,.documents-paper-heading strong { display:block; }
.documents-paper-heading small { color:var(--brown); font-size:.58rem; font-weight:800; letter-spacing:.12em; }
.documents-paper-heading strong { margin-top:.3rem; font-family:"Signika",sans-serif; font-size:1.75rem; }
.documents-paper-heading > span { padding:.3rem .5rem; border-radius:3px; color:#fff; background:var(--brown); font-size:.58rem; font-weight:800; }
.documents-paper-copy-lines { margin:1.2rem 0; display:grid; gap:.5rem; }
.documents-paper-copy-lines i { height:5px; border-radius:2px; background:#e9e6e3; }
.documents-paper-copy-lines i:nth-child(2) { width:94%; }.documents-paper-copy-lines i:nth-child(3) { width:88%; }.documents-paper-copy-lines i:nth-child(4) { width:62%; }
.documents-paper-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.65rem; }
.documents-paper-fields span { min-height:52px; padding:.65rem; border:1px solid #d8d3ce; border-radius:4px; }
.documents-paper-fields span:last-child { grid-column:1/-1; }
.documents-paper-fields small,.documents-paper-fields b { display:block; }
.documents-paper-fields small { color:#817a74; font-size:.56rem; }.documents-paper-fields b { margin-top:.25rem; font-size:.72rem; }
.documents-signature-box { min-height:145px; margin-top:.75rem; padding:.7rem .85rem .4rem; position:relative; border:1px solid var(--brown); border-radius:4px; background:#fff; }
.documents-signature-box > span { color:#766d64; font-size:.58rem; font-weight:700; }
.documents-animated-signature { width:min(300px,80%); height:auto; position:absolute; left:50%; bottom:.25rem; overflow:visible; clip-path:inset(0 100% 0 0); transform:translateX(-50%); animation:documents-signature-reveal 4.8s ease-in-out infinite; }
.documents-animated-signature path { fill:none; stroke:var(--brown); stroke-width:3; stroke-linecap:round; stroke-linejoin:round; }
.documents-animated-signature path:last-child { stroke-width:2; }
@keyframes documents-signature-reveal { 0%,8% { clip-path:inset(0 100% 0 0);opacity:0; } 14% { opacity:1; } 58%,84% { clip-path:inset(0 0 0 0);opacity:1; } 96%,100% { clip-path:inset(0 0 0 0);opacity:0; } }
.documents-signed-status { width:240px; min-height:66px; padding:.8rem; position:absolute; right:-34px; bottom:-28px; display:flex; align-items:center; gap:.65rem; border-radius:6px; background:var(--ink); color:#fff; box-shadow:0 20px 34px -24px rgba(36,36,36,.8); transform:rotate(-1.5deg); }
.documents-signed-status img { width:24px; height:24px; filter:brightness(0) invert(1); }.documents-signed-status strong,.documents-signed-status small { display:block; }.documents-signed-status strong { font-size:.72rem; }.documents-signed-status small { margin-top:.15rem; color:#c9c4c0; font-size:.57rem; }

.documents-proof { border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:#fff; }
.documents-proof-list { margin-top:0; margin-bottom:0; padding:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); list-style:none; }
.documents-proof-list li { min-height:110px; padding:1.5rem; display:flex; align-items:center; gap:.85rem; }
.documents-proof-list li+li { border-left:1px solid var(--line); }.documents-proof-list img { width:23px;height:23px; }.documents-proof-list strong,.documents-proof-list small { display:block; }.documents-proof-list strong { font-family:"Signika",sans-serif;font-size:.78rem; }.documents-proof-list small { margin-top:.25rem;color:#827b74;font-size:.6rem; }

.documents-process,.documents-capabilities,.documents-sign-demo,.documents-records,.documents-faq { padding:clamp(5rem,9vw,8.5rem) 0; }
.documents-section-heading { max-width:900px; }.documents-section-heading h2,.documents-capabilities-heading h2,.documents-faq h2 { font-size:clamp(3rem,5.8vw,5.3rem); }.documents-section-heading>p:last-child { max-width:700px;margin:1.4rem 0 0;color:var(--muted);line-height:1.75; }
.documents-process-grid { margin-top:clamp(3rem,6vw,5.5rem);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line); }
.documents-process-grid article { min-height:330px;padding:2.2rem;display:flex;flex-direction:column;justify-content:space-between; }.documents-process-grid article+article { border-left:1px solid var(--line); }.documents-process-grid>article>span { color:var(--brown);font-family:"Signika",sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.1em; }.documents-process-grid h3 { max-width:330px;margin:0;font-family:"Signika",sans-serif;font-size:clamp(1.8rem,3vw,2.55rem);letter-spacing:-.04em;line-height:1; }.documents-process-grid article div>p:last-child { margin:1rem 0 0;color:var(--muted);font-size:.79rem;line-height:1.7; }

.documents-sign-demo { background:var(--ink);color:#fff; }
.documents-sign-demo-grid { display:grid;grid-template-columns:minmax(0,.72fr) minmax(540px,1.28fr);align-items:center;gap:clamp(4rem,8vw,8rem); }.documents-sign-demo h2 { max-width:560px;font-size:clamp(3.3rem,5.8vw,5.4rem); }.documents-sign-demo-copy>p:not(.eyebrow) { max-width:560px;margin:1.4rem 0 0;color:#c8c2bd;line-height:1.75; }.documents-sign-demo-copy ul { margin:1.5rem 0 0;padding:1.3rem 0 0;display:grid;gap:.7rem;border-top:1px solid #484644;list-style:none; }.documents-sign-demo-copy li { position:relative;padding-left:1.2rem;color:#ddd8d4;font-size:.76rem; }.documents-sign-demo-copy li::before { content:"";width:5px;height:5px;position:absolute;left:0;top:.55em;border-radius:50%;background:var(--brown); }
.documents-sign-card { padding:1.2rem;border-radius:7px;background:#fff;color:var(--ink);box-shadow:0 26px 70px -42px #000; }.documents-sign-card-heading { margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem; }.documents-sign-card-heading span,.documents-sign-card-heading strong { display:block; }.documents-sign-card-heading span { margin-bottom:.2rem;color:var(--brown);font-size:.58rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase; }.documents-sign-card-heading strong { font-family:"Signika",sans-serif;font-size:1.1rem; }.documents-sign-card-heading button { min-height:34px;padding:.45rem .85rem;border:1px solid #cec8c2;border-radius:4px;background:#fff;color:var(--ink);font-size:.7rem;font-weight:800;cursor:pointer; }.documents-sign-card-heading button:hover,.documents-sign-card-heading button:focus-visible { border-color:var(--brown);color:var(--brown); }
.documents-sign-canvas-wrap { height:290px;position:relative;overflow:hidden;border:1px solid #bfb8b1;border-radius:5px;background:#fff;touch-action:none; }.documents-sign-canvas-wrap canvas { width:100%;height:100%;position:absolute;inset:0;z-index:2;display:block;cursor:crosshair;touch-action:none; }.documents-sign-canvas-wrap span { position:absolute;left:50%;top:50%;color:#aaa29a;font-size:.78rem;pointer-events:none;transform:translate(-50%,-50%);transition:opacity 160ms ease; }.documents-sign-canvas-wrap.has-ink span { opacity:0; }.documents-sign-canvas-wrap i { height:1px;position:absolute;right:2rem;bottom:3.2rem;left:2rem;background:#d8d3ce; }.documents-sign-card>p { margin:.7rem 0 0;color:#766f68;font-size:.65rem;text-align:right; }

.documents-capabilities { background:#fff; }.documents-capabilities-heading { display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:end;gap:clamp(2rem,6vw,6rem); }.documents-capabilities-heading>p { margin:0;color:var(--muted);line-height:1.75; }.documents-capability-grid { margin-top:4rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem; }.documents-capability-grid article { min-height:250px;padding:2rem;border-radius:6px;background:var(--page); }.documents-capability-grid article.is-wide { min-height:430px;grid-column:1/-1;padding:0;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);align-items:center;overflow:hidden; }.documents-capability-image { height:100%;min-height:430px;overflow:hidden;background:#efedeb; }.documents-capability-signing-demo { position:relative;display:grid;place-items:center;isolation:isolate; }.documents-capability-signing-demo::before { content:"";width:400px;height:400px;position:absolute;z-index:-1;border-radius:50%;background:#e5ded7; }.documents-capability-signing-demo .documents-paper { transform:rotate(1.5deg) scale(.72); }.documents-capability-grid article.is-wide>div:last-child { padding:clamp(2rem,5vw,4.5rem); }.documents-capability-grid article>img { width:26px;height:26px; }.documents-capability-grid h3 { max-width:480px;margin:3rem 0 0;font-family:"Signika",sans-serif;font-size:1.65rem;line-height:1.05; }.documents-capability-grid .is-wide h3 { margin:0;font-size:clamp(2.4rem,4vw,3.8rem);letter-spacing:-.045em; }.documents-capability-grid p:not(.eyebrow) { margin:.9rem 0 0;color:var(--muted);font-size:.78rem;line-height:1.7; }

.documents-records-grid { display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:center;gap:clamp(3rem,8vw,8rem); }
.documents-records-visual { overflow:hidden;border:1px solid var(--line);border-radius:6px;background:#fff;box-shadow:0 22px 54px -34px rgba(36,36,36,.5); }
.documents-records-demo-header { min-height:78px;padding:1rem 1.15rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line); }
.documents-records-demo-header span,.documents-records-demo-header strong { display:block; }.documents-records-demo-header span { color:var(--brown);font-size:.58rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase; }.documents-records-demo-header strong { margin-top:.2rem;font-family:"Signika",sans-serif;font-size:1.15rem; }.documents-records-demo-header small { color:var(--muted);font-size:.65rem;font-weight:700; }
.documents-records-demo-body { min-height:510px;display:grid;grid-template-columns:minmax(250px,.85fr) minmax(0,1.15fr); }
.documents-record-list { padding:.7rem;border-right:1px solid var(--line);background:#fafafa; }
.documents-record-block { width:100%;min-height:104px;padding:.85rem;display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:.75rem;border:0;border-bottom:1px solid var(--line);border-radius:0;color:var(--ink);background:transparent;text-align:left;cursor:pointer;transition:background-color 180ms ease,box-shadow 180ms ease,transform 180ms ease; }
.documents-record-block:hover,.documents-record-block:focus-visible { background:#fff;box-shadow:0 12px 28px -24px rgba(36,36,36,.75);transform:translateX(2px);outline:none; }.documents-record-block.is-active { background:#fff;box-shadow:inset 3px 0 0 var(--brown); }
.documents-record-icon { width:36px;height:36px;display:grid;place-items:center;border-radius:4px;background:#f3f1ef; }.documents-record-icon img { width:19px;height:19px;display:block; }
.documents-record-block-copy strong,.documents-record-block-copy small,.documents-record-block-meta b,.documents-record-block-meta small { display:block; }.documents-record-block-copy strong { font-family:"Signika",sans-serif;font-size:.82rem;line-height:1.12; }.documents-record-block-copy small { margin-top:.3rem;color:var(--muted);font-size:.57rem; }.documents-record-block-meta { text-align:right; }.documents-record-block-meta b { color:var(--brown);font-size:.57rem;text-transform:uppercase; }.documents-record-block-meta.is-draft b { color:var(--ink); }.documents-record-block-meta small { margin-top:.3rem;color:var(--muted);font-size:.54rem;white-space:nowrap; }
.documents-record-detail { min-width:0;padding:1.25rem;display:flex;flex-direction:column;background:#fff; }
.documents-record-detail-heading { display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--line); }.documents-record-detail-heading span { color:var(--brown);font-size:.56rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase; }.documents-record-detail-heading h3 { margin:.35rem 0 0;font-family:"Signika",sans-serif;font-size:1.4rem;letter-spacing:-.03em;line-height:1; }.documents-record-detail-heading>strong { padding:.35rem .55rem;border-radius:3px;color:#fff;background:var(--brown);font-size:.56rem;text-transform:uppercase; }
.documents-record-summary { padding:1rem 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem; }.documents-record-summary>span { min-height:76px;padding:.8rem;border:1px solid var(--line);border-radius:4px;background:#fafafa; }.documents-record-summary small,.documents-record-summary strong { display:block; }.documents-record-summary small { color:var(--muted);font-size:.54rem; }.documents-record-summary strong { margin-top:.3rem;font-family:"Signika",sans-serif;font-size:1.3rem;line-height:1; }.documents-record-summary>span:last-child strong { font-size:.78rem;line-height:1.2; }
.documents-record-submissions { min-height:0;flex:1; }.documents-record-submissions-heading { padding:.15rem 0 .7rem;display:flex;align-items:flex-end;justify-content:space-between;gap:1rem; }.documents-record-submissions-heading strong { font-family:"Signika",sans-serif;font-size:.8rem; }.documents-record-submissions-heading span { max-width:150px;overflow:hidden;color:var(--muted);font-size:.52rem;text-overflow:ellipsis;white-space:nowrap; }
.documents-submission-row { min-height:62px;padding:.7rem .1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-top:1px solid var(--line); }.documents-submission-row span:last-child { text-align:right; }.documents-submission-row strong,.documents-submission-row small,.documents-submission-row b { display:block; }.documents-submission-row strong { font-family:"Signika",sans-serif;font-size:.72rem; }.documents-submission-row b { color:var(--brown);font-size:.54rem;text-transform:uppercase; }.documents-submission-row small { margin-top:.2rem;color:var(--muted);font-size:.54rem; }.documents-submission-empty { min-height:190px;padding:1.25rem;display:grid;place-items:center;border:1px solid var(--line);border-radius:4px;background:#fafafa;color:var(--muted);font-size:.68rem;line-height:1.6;text-align:center; }
.documents-records h2 { font-size:clamp(3rem,5vw,4.8rem); }.documents-records-copy>p:not(.eyebrow) { margin:1.3rem 0 1.7rem;color:var(--muted);line-height:1.75; }

.documents-faq { border-top:1px solid var(--line);background:#fff; }.documents-faq-grid { display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);align-items:start;gap:clamp(3rem,8vw,8rem); }.documents-faq-list { border-top:1px solid var(--line); }.documents-faq-list details { border-bottom:1px solid var(--line); }.documents-faq-list summary { position:relative;padding:1.5rem 2.5rem 1.5rem 0;font-family:"Signika",sans-serif;font-size:1rem;font-weight:700;cursor:pointer;list-style:none; }.documents-faq-list summary::-webkit-details-marker { display:none; }.documents-faq-list summary::after { content:"+";position:absolute;right:0;color:var(--brown);font-size:1.25rem;font-weight:500; }.documents-faq-list details[open] summary::after { content:"−"; }.documents-faq-list details p { max-width:670px;margin:-.35rem 0 1.5rem;color:var(--muted);font-size:.78rem;line-height:1.75; }

.documents-final { padding:clamp(4rem,7vw,6rem) 0; }.documents-final-card { min-height:390px;padding:clamp(2.5rem,6vw,5.5rem);display:flex;align-items:flex-end;justify-content:space-between;gap:3rem;border-radius:8px;background:#fff; }.documents-final-card>div { max-width:780px; }.documents-final h2 { font-size:clamp(3.2rem,6vw,5.4rem); }.documents-final-card p:last-child { max-width:640px;margin:1.25rem 0 0;color:var(--muted);line-height:1.7; }.documents-final-card .button { flex:0 0 auto; }
.site-footer { padding:2.5rem 0;border-top:1px solid var(--line);background:#fff; }.site-footer-inner { display:flex;align-items:center;justify-content:space-between;gap:2rem; }.footer-links { display:flex;flex-wrap:wrap;justify-content:flex-end;gap:1rem; }.footer-links a { color:var(--muted);font-size:.68rem;font-weight:700;text-decoration:none; }.footer-note { margin-top:1.3rem;margin-bottom:0;color:#8a837d;font-size:.62rem; }

@media (max-width:1050px) { .documents-hero-grid,.documents-sign-demo-grid,.documents-records-grid { grid-template-columns:minmax(0,1fr); }.documents-hero-copy { max-width:760px; }.documents-hero-visual { width:min(760px,100%);margin-inline:auto; }.documents-sign-demo-copy,.documents-records-copy { max-width:720px; }.documents-sign-card { width:min(760px,100%); }.documents-capabilities-heading { grid-template-columns:minmax(0,1fr);align-items:start; } }
@media (max-width:760px) { .container { width:min(var(--content),calc(100% - 1.25rem)); }.brand-name { display:none; }.documents-hero { padding-top:3.3rem; }.documents-hero h1 { font-size:clamp(3.7rem,18vw,5.2rem); }.documents-hero-actions { align-items:stretch;flex-direction:column; }.documents-hero-visual { min-height:500px; }.documents-paper { min-height:480px;padding:1rem; }.documents-signed-status { right:-4px; }.documents-proof-list { grid-template-columns:repeat(2,minmax(0,1fr)); }.documents-proof-list li:nth-child(3) { border-left:0; }.documents-proof-list li:nth-child(n+3) { border-top:1px solid var(--line); }.documents-process-grid,.documents-capability-grid { grid-template-columns:minmax(0,1fr); }.documents-process-grid article { min-height:250px; }.documents-process-grid article+article { border-top:1px solid var(--line);border-left:0; }.documents-sign-canvas-wrap { height:230px; }.documents-capability-grid article.is-wide { grid-template-columns:minmax(0,1fr); }.documents-capability-image { min-height:320px; }.documents-records-demo-body { min-height:0;grid-template-columns:minmax(0,1fr); }.documents-record-list { display:grid;grid-template-columns:repeat(3,minmax(210px,1fr));overflow-x:auto;border-right:0;border-bottom:1px solid var(--line);scroll-snap-type:x mandatory; }.documents-record-block { scroll-snap-align:start; }.documents-record-block:hover,.documents-record-block:focus-visible { transform:translateY(-2px); }.documents-record-detail { min-height:430px; }.documents-faq-grid { grid-template-columns:minmax(0,1fr); }.documents-final-card,.site-footer-inner { align-items:flex-start;flex-direction:column; }.footer-links { justify-content:flex-start; } }
@media (max-width:460px) { .documents-paper-heading strong { font-size:1.35rem; }.documents-paper-fields { grid-template-columns:minmax(0,1fr); }.documents-paper-fields span:last-child { grid-column:auto; }.documents-animated-signature { width:92%; }.documents-proof-list { grid-template-columns:minmax(0,1fr); }.documents-proof-list li+li,.documents-proof-list li:nth-child(3) { border-top:1px solid var(--line);border-left:0; }.documents-process-grid article { padding:1.5rem; }.documents-sign-card { padding:.8rem; }.documents-sign-canvas-wrap { height:200px; } }
@media (prefers-reduced-motion:reduce) { .button,.documents-record-block { transition:none; }.documents-animated-signature { clip-path:none;animation:none;opacity:1; } }