:root { --ink:#132521; --muted:#66736e; --paper:#f7f5ef; --panel:#fffdf8; --line:#d9ded5; --green:#1f6d53; --green-deep:#123e32; --sage:#dce8d8; --gold:#b68843; --danger:#9c3f33; }
/* The application sign-in is a continuous two-surface composition at every desktop height. */
.live-auth{min-height:100dvh;grid-template-columns:minmax(0,1.04fr) minmax(480px,.96fr);background:#f7f5ef}
.live-auth-copy{min-height:100dvh;background:radial-gradient(circle at 82% 18%,rgba(186,139,67,.13),transparent 32%),linear-gradient(145deg,#123e32,#0d3329)}
.live-auth-panel{min-height:100dvh;width:100%;max-width:none;align-self:stretch;padding:clamp(40px,7vw,112px);display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(circle at 84% 14%,rgba(182,136,67,.07),transparent 28%),#f7f5ef;box-shadow:inset 1px 0 rgba(18,62,50,.08)}
.live-auth-panel>*{width:min(100%,520px)}
@media(max-width:650px){.live-auth{min-height:auto;grid-template-columns:1fr}.live-auth-copy{min-height:300px}.live-auth-panel{min-height:auto;padding:32px 20px;align-items:stretch}.live-auth-panel>*{width:100%}}
* { box-sizing:border-box; }.live-app,.live-auth,.live-failure { min-height:100vh; font-family:'DM Sans',sans-serif; color:var(--ink); background:var(--paper); }.live-auth { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(420px,.9fr); }.live-auth-copy { background:var(--green-deep); color:#f7f5ef; padding:clamp(32px,8vw,112px); display:flex; flex-direction:column; justify-content:center; }.live-logo img { display:block; width:164px; height:auto; }.live-auth-copy .live-logo img { filter:brightness(0) invert(1); }.live-eyebrow { letter-spacing:.13em; font-size:11px; line-height:1.3; font-weight:700; color:#718078; margin:0 0 14px; }.live-auth-copy .live-eyebrow { color:#b9cfc0; margin-top:64px; }.live-auth h1 { max-width:540px; margin:0; font-size:clamp(42px,5.2vw,76px); line-height:.98; letter-spacing:-.065em; }.live-auth-copy>p:not(.live-eyebrow) { max-width:480px; color:#d4e0d5; font-size:18px; line-height:1.55; }.live-auth-note { display:flex; gap:10px; align-items:center; margin-top:32px; color:#b9cfc0; font-size:14px; }.live-auth-panel { padding:clamp(32px,8vw,104px); align-self:center; max-width:600px; }.live-auth-panel h2,.live-panel h2,.live-prep-panel h2 { margin:0; font-size:32px; letter-spacing:-.045em; }.live-auth-panel>div>p:not(.live-eyebrow),.live-panel>p:not(.live-eyebrow),.live-prep-panel>p:not(.live-eyebrow) { color:var(--muted); line-height:1.55; }.live-form { display:grid; gap:17px; margin-top:32px; }.live-form label,.live-panel label,.live-prep-panel label { display:grid; gap:7px; font-size:13px; font-weight:700; }.live-form input,.live-panel input,.live-recipient input,.live-prep-panel select,.live-field-row input { width:100%; border:1px solid var(--line); background:#fff; border-radius:10px; color:var(--ink); font:inherit; padding:12px 13px; outline:none; }.live-form input:focus,.live-panel input:focus,.live-recipient input:focus,.live-prep-panel select:focus,.live-field-row input:focus { border-color:var(--green); box-shadow:0 0 0 3px rgba(31,109,83,.12); }.live-primary,.live-secondary { border:0; border-radius:10px; min-height:45px; display:inline-flex; justify-content:center; align-items:center; gap:9px; padding:0 17px; font:700 14px 'DM Sans',sans-serif; text-decoration:none; cursor:pointer; }.live-primary { color:#fff; background:var(--green); }.live-primary:hover { background:var(--green-deep); }.live-primary:disabled { opacity:.65; cursor:wait; }.live-secondary { color:var(--green-deep); background:#eef3ea; border:1px solid #cbdcc9; }.live-switch { margin-top:26px; color:var(--muted); font-size:14px; }.live-switch a,.live-section-head a,.live-document-top a { color:var(--green); font-weight:700; }.live-form-error { color:var(--danger); background:#fff0ee; padding:10px 12px; border-radius:8px; margin:0; font-size:13px; }.live-app { display:grid; grid-template-columns:260px minmax(0,1fr); }.live-sidebar { min-height:100vh; padding:28px 17px 18px; background:#e9eee6; border-right:1px solid var(--line); display:flex; flex-direction:column; }.live-workspace { display:flex; align-items:center; gap:11px; padding:15px 12px; margin:32px 0 28px; border:1px solid #d2ddd1; border-radius:11px; background:#f8faf5; }.live-workspace>span { width:35px; height:35px; display:grid; place-items:center; border-radius:9px; background:#265846; color:#fff; font-weight:700; font-size:12px; }.live-workspace strong,.live-workspace small { display:block; }.live-workspace strong { font-size:13px; }.live-workspace small { margin-top:2px; color:var(--muted); text-transform:capitalize; font-size:11px; }.live-sidebar nav { display:grid; gap:4px; }.live-sidebar nav a,.live-sidebar-bottom button,.live-sidebar-bottom span { display:flex; align-items:center; gap:11px; min-height:42px; padding:0 12px; color:#53605b; text-decoration:none; background:transparent; border:0; border-radius:8px; font:650 14px 'DM Sans',sans-serif; text-align:left; }.live-sidebar nav a.active { color:#fff; background:#295b47; }.live-sidebar-bottom { margin-top:auto; display:grid; gap:4px; padding-top:25px; }.live-sidebar-bottom span { color:#65746e; font-size:12px; }.live-sidebar-bottom button { cursor:pointer; }.live-main { padding:28px clamp(16px,4vw,70px) 70px; max-width:1540px; width:100%; margin:auto; }.live-header { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; padding-bottom:25px; border-bottom:1px solid var(--line); }.live-header h1 { margin:0; letter-spacing:-.055em; font-size:clamp(30px,4vw,48px); }.live-header .live-eyebrow { margin-bottom:8px; }.live-header-cta { flex:0 0 auto; }.live-hero { position:relative; overflow:hidden; margin-top:28px; border-radius:16px; padding:clamp(28px,5vw,58px); background:linear-gradient(125deg,#244d3d,#19392e); color:#fff; }.live-hero:after { content:''; position:absolute; width:260px; height:260px; border-radius:999px; right:-85px; bottom:-150px; border:45px solid rgba(208,180,128,.18); }.live-hero .live-eyebrow { color:#c8d8c7; }.live-hero h2 { max-width:530px; margin:0; font-size:clamp(34px,4vw,55px); line-height:1.02; letter-spacing:-.06em; }.live-hero>p:not(.live-eyebrow) { max-width:520px; color:#d7e2d5; line-height:1.55; }.live-hero .live-primary { position:relative; z-index:1; background:#f4f3ea; color:#1d493a; }.live-stats { display:grid; grid-template-columns:repeat(3,1fr); margin:28px 0; border:1px solid var(--line); border-radius:14px; background:var(--panel); }.live-stats article { padding:24px; display:grid; gap:4px; }.live-stats article+article { border-left:1px solid var(--line); }.live-stats small { color:var(--muted); font-weight:700; }.live-stats strong { font-size:42px; letter-spacing:-.06em; }.live-stats span { color:var(--muted); font-size:13px; }.live-section { margin-top:36px; }.live-section-head { display:flex; align-items:flex-end; justify-content:space-between; gap:12px; margin-bottom:15px; }.live-section-head h2 { font-size:25px; letter-spacing:-.04em; margin:0; }.live-section-head p { margin:5px 0 0; color:var(--muted); font-size:14px; }.live-section-head a { display:inline-flex; gap:6px; align-items:center; text-decoration:none; font-size:13px; }.live-agreement-list { border:1px solid var(--line); border-radius:14px; background:var(--panel); overflow:hidden; }.live-agreement { min-height:73px; padding:14px 19px; display:grid; grid-template-columns:38px minmax(0,1fr) auto 18px; align-items:center; gap:14px; color:var(--ink); text-decoration:none; }.live-agreement+.live-agreement { border-top:1px solid var(--line); }.live-agreement:hover { background:#f8faf5; }.live-file { width:36px; height:36px; display:grid; place-items:center; border:1px solid #c7d7c5; color:var(--green); background:#f0f5ec; border-radius:8px; }.live-agreement-title strong,.live-agreement-title small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.live-agreement-title strong { font-size:14px; }.live-agreement-title small { margin-top:3px; color:var(--muted); font-size:12px; }.live-status { color:#6b716b; background:#ecede9; border-radius:999px; padding:5px 8px; font-size:11px; font-weight:700; text-transform:capitalize; }.live-status.sent { color:#805e25; background:#f6edce; }.live-status.completed { color:#216447; background:#e2f0e4; }.live-empty { min-height:220px; border:1px dashed #b9cbb8; border-radius:14px; display:grid; place-content:center; justify-items:center; text-align:center; padding:30px; color:var(--green); background:#fafcf7; }.live-empty h3 { color:var(--ink); margin:12px 0 2px; }.live-empty p { color:var(--muted); max-width:370px; margin:0 0 17px; line-height:1.5; }.live-create { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(250px,.65fr); gap:18px; margin-top:30px; align-items:start; }.live-panel,.live-create-aside,.live-prep-panel { border:1px solid var(--line); border-radius:14px; padding:25px; background:var(--panel); }.live-panel { display:grid; gap:18px; }.live-upload { grid-template-columns:auto minmax(0,1fr); align-items:center; min-height:98px; padding:18px; border:1px dashed #9db89d; border-radius:11px; background:#f7fbf4; cursor:pointer; color:var(--green); }.live-upload span strong,.live-upload span small { display:block; }.live-upload span small { margin-top:4px; color:var(--muted); font-weight:500; }.live-upload input { position:absolute; width:1px; height:1px; opacity:0; }.live-file-name { color:var(--muted); margin:-10px 0 0; font-size:12px; }.live-recipient { display:grid; grid-template-columns:28px minmax(0,1fr) minmax(0,1fr) 32px; gap:9px; align-items:end; padding:13px 0; border-bottom:1px solid #e7e8e2; }.live-recipient label { font-size:11px!important; }.live-recipient input { padding:10px; }.live-recipient-number { width:27px; height:27px; margin-bottom:5px; display:grid; place-items:center; border-radius:999px; background:#deead9; color:#285c46; font-size:11px; font-weight:800; }.live-icon-button { height:38px; width:32px; display:grid; place-items:center; border:0; background:transparent; color:#67726d; cursor:pointer; }.live-create-aside { position:sticky; top:18px; }.live-create-aside ol { list-style:none; padding:0; margin:22px 0; display:grid; gap:19px; }.live-create-aside li { display:flex; gap:10px; }.live-create-aside li>span { flex:0 0 22px; height:22px; border-radius:50%; background:#d9e8d5; color:#276044; display:grid; place-items:center; font-size:11px; font-weight:700; }.live-create-aside li strong,.live-create-aside li small { display:block; }.live-create-aside li strong { font-size:13px; }.live-create-aside li small { margin-top:3px; color:var(--muted); font-size:12px; }.live-create-aside .live-primary { width:100%; }.live-prepare { display:grid; grid-template-columns:minmax(0,1fr) 370px; gap:18px; margin-top:30px; align-items:start; }.live-document { min-height:680px; overflow:hidden; border:1px solid var(--line); border-radius:14px; background:#e9e9e4; }.live-document-top { min-height:57px; padding:10px 15px; display:flex; align-items:center; justify-content:space-between; background:var(--panel); border-bottom:1px solid var(--line); }.live-document-top>div { display:flex; align-items:center; gap:9px; }.live-document-top strong,.live-document-top small { display:block; }.live-document-top strong { font-size:13px; }.live-document-top small { margin-top:2px; color:var(--muted); font-size:11px; }.live-document-top a { font-size:12px; }.live-document iframe { width:100%; height:620px; border:0; display:block; background:#fff; }.live-prep-panel { position:sticky; top:18px; }.live-prep-panel select { margin-top:7px; }.live-prep-panel .live-secondary { width:100%; margin-top:13px; }.live-field-row { display:grid; grid-template-columns:minmax(0,1fr) 42px 42px 42px 42px 28px; align-items:end; gap:5px; padding:12px 0; border-bottom:1px solid #e6e8e2; }.live-field-row strong,.live-field-row small { display:block; }.live-field-row strong { font-size:12px; }.live-field-row small { color:var(--muted); font-size:10px; margin-top:2px; }.live-field-row label { font-size:9px!important; color:var(--muted); }.live-field-row input { min-width:0; padding:7px 3px; text-align:center; font-size:11px; }.live-field-empty { color:var(--muted); font-size:13px; line-height:1.5; }.live-prep-actions { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:18px; }.live-prep-actions .live-secondary,.live-prep-actions .live-primary { width:100%; padding:0 10px; font-size:12px; }.live-flash { margin-top:16px; border-radius:9px; padding:12px 14px; background:#e3f2e5; color:#1e6144; font-size:13px; font-weight:700; }.live-flash[data-tone="info"] { color:#175646; background:#e7f0e4; }.live-failure { padding:64px; }.live-failure h1 { margin-top:50px; font-size:42px; letter-spacing:-.05em; }.live-failure p { max-width:550px; color:var(--muted); line-height:1.5; margin-bottom:24px; }
@media (max-width:1000px) { .live-app { grid-template-columns:1fr; }.live-sidebar { min-height:auto; padding:15px 16px; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:14px; }.live-sidebar .live-workspace { margin:0; justify-self:start; }.live-sidebar nav { display:flex; justify-content:flex-end; gap:3px; }.live-sidebar nav a { font-size:0; min-height:38px; padding:0 10px; }.live-sidebar nav a svg { width:19px; height:19px; }.live-sidebar-bottom { display:none; }.live-main { padding-top:23px; }.live-create { grid-template-columns:1fr 1fr; }.live-create-aside { grid-column:1 / -1; position:static; }.live-prepare { grid-template-columns:1fr; }.live-prep-panel { position:static; }.live-document { min-height:550px; }.live-document iframe { height:490px; } }
@media (max-width:650px) { .live-auth { grid-template-columns:1fr; }.live-auth-copy { padding:28px 20px 34px; min-height:300px; }.live-auth-copy .live-eyebrow { margin-top:45px; }.live-auth h1 { font-size:48px; }.live-auth-panel { padding:32px 20px; }.live-sidebar { grid-template-columns:1fr auto; padding:14px 10px; }.live-sidebar .live-workspace { display:none; }.live-sidebar nav { grid-column:1 / -1; grid-row:2; justify-content:space-between; }.live-sidebar nav a { flex:1; justify-content:center; }.live-main { padding:22px 10px 50px; }.live-header { align-items:flex-start; flex-direction:column; padding-bottom:20px; }.live-header-cta { width:100%; }.live-hero { margin-top:18px; padding:27px 20px; }.live-stats { margin:18px 0; }.live-stats article { padding:14px 12px; }.live-stats strong { font-size:31px; }.live-stats span { display:none; }.live-agreement { padding:13px 11px; grid-template-columns:34px minmax(0,1fr) auto 14px; gap:8px; }.live-status { font-size:10px; padding:4px 6px; }.live-create { grid-template-columns:1fr; margin-top:18px; gap:12px; }.live-panel,.live-create-aside,.live-prep-panel { padding:18px; }.live-recipient { grid-template-columns:25px minmax(0,1fr) 30px; }.live-recipient label:nth-of-type(2) { grid-column:2; }.live-recipient-number { grid-row:1 / 3; }.live-icon-button { grid-row:1 / 3; }.live-prepare { margin-top:18px; gap:12px; }.live-document { min-height:410px; }.live-document iframe { height:360px; }.live-field-row { grid-template-columns:minmax(0,1fr) 38px 38px 38px 38px 25px; }.live-prep-actions { grid-template-columns:1fr; } }

.live-signing{min-height:100vh;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}.live-signing-header{height:76px;padding:0 clamp(18px,5vw,72px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--panel)}.live-signing-header .live-logo img{width:138px}.live-signing-header>span{display:flex;align-items:center;gap:8px;color:var(--green);font-weight:700;font-size:13px}.live-signing-layout{max-width:1440px;margin:0 auto;padding:clamp(18px,3vw,48px);display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.55fr);gap:clamp(18px,3vw,38px);align-items:start}.live-signing-document,.live-signing-panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 18px 45px rgba(19,37,33,.06)}.live-signing-document-head{padding:28px 30px 24px;display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line)}.live-signing-document-head h1,.live-signing-panel h2,.live-signing-complete h1{margin:0;font-size:clamp(28px,3vw,44px);line-height:1.02;letter-spacing:-.055em}.live-signing-document-head p:not(.live-eyebrow){margin:10px 0 0;color:var(--muted)}.live-signing-status{align-self:flex-start;padding:7px 10px;border-radius:999px;background:var(--sage);color:var(--green-deep);font-size:12px;font-weight:700;text-transform:capitalize}.live-signing-document iframe{display:block;width:100%;height:calc(100vh - 230px);min-height:580px;border:0;background:#edf0ea}.live-signing-panel{padding:30px;position:sticky;top:22px}.live-signing-panel>p:not(.live-eyebrow){margin:12px 0 24px;color:var(--muted);line-height:1.6}.live-signing-panel .live-form{gap:16px}.live-signing-field{display:grid;gap:7px;color:var(--ink);font-size:13px;font-weight:700}.live-signing-field b{color:var(--green);font-size:10px;letter-spacing:.06em;text-transform:uppercase}.live-signing-field input{width:100%;min-height:46px;border:1px solid var(--line);border-radius:10px;padding:0 13px;background:#fff;font:inherit;color:var(--ink)}.live-signing-check,.live-signing-consent{display:flex;align-items:flex-start;gap:10px;padding:13px;border-radius:10px;background:#f0f4ed;color:var(--ink);font-size:13px;line-height:1.45}.live-signing-check input,.live-signing-consent input{width:17px;height:17px;accent-color:var(--green);flex:0 0 auto;margin-top:1px}.live-signing-check b{color:var(--green);font-size:10px;letter-spacing:.06em;text-transform:uppercase}.live-signing-consent{margin-top:4px;background:transparent;padding:0}.live-signing-footnote{font-size:12px;color:var(--muted);line-height:1.5;margin:18px 0 0}.live-signing-empty{color:var(--muted);font-size:13px}.live-signing-complete{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:30px;background:var(--paper);font-family:'DM Sans',sans-serif;color:var(--ink)}.live-signing-complete .live-logo{position:absolute;top:28px;left:clamp(20px,5vw,72px)}.live-signing-complete .live-logo img{width:150px}.live-signing-complete-mark{width:86px;height:86px;border-radius:50%;display:grid;place-items:center;background:var(--sage);color:var(--green);margin-bottom:28px}.live-signing-complete>p:not(.live-eyebrow){max-width:440px;color:var(--muted);line-height:1.6;margin:14px 0 0}@media(max-width:860px){.live-signing-layout{grid-template-columns:1fr}.live-signing-panel{position:static}.live-signing-document iframe{height:56vh;min-height:420px}}@media(max-width:540px){.live-signing-header{height:66px;padding:0 16px}.live-signing-header .live-logo img{width:116px}.live-signing-header>span{font-size:11px}.live-signing-layout{padding:14px;gap:14px}.live-signing-document-head{padding:21px 19px}.live-signing-document-head h1{font-size:29px}.live-signing-document iframe{height:48vh;min-height:350px}.live-signing-panel{padding:22px 19px}.live-signing-panel h2{font-size:30px}}