@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;450;500;550;600;650;700&display=swap');450;500;550;600;650;700&family=Inter:wght@400;500;600;650;700;750&display=swap');
:root{--bg:#f7f8f5;--paper:#fff;--ink:#30323b;--muted:#737580;--line:#eeeef0;--green:#30323b;--light:#eeeef0;--gold:#a38048;--radius:14px}*{box-sizing:border-box}body{margin:0;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:14px;color:var(--ink);background:var(--bg);line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible{outline:3px solid #a6a7af;outline-offset:3px}a{color:inherit;text-decoration:none}svg{flex-shrink:0;vertical-align:middle}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:Inter,'Inter',sans-serif;font-weight:600;letter-spacing:-.035em}h1{font-size:34px;line-height:1.25}h2{font-size:23px}h3{font-size:17px}small{font-size:12px}button{border:0;background:none;color:inherit}input,select,textarea{width:100%;border:1px solid #dedee3;background:white;border-radius:8px;padding:11px 12px;color:var(--ink);outline:none}input:focus,textarea:focus,select:focus{border-color:#737580;box-shadow:0 0 0 3px #eeeef0}label{display:block;font-size:12px;font-weight:600;margin-bottom:7px}input::placeholder{color:#a6a7af}textarea{resize:vertical;line-height:1.7}.previewbar{height:32px;background:#30323b;color:#eeeef0;text-align:center;font-size:11px;display:flex;align-items:center;justify-content:center;gap:8px;letter-spacing:.03em;position:fixed;top:0;width:100%;z-index:40}.previewbar span{opacity:.7}.sidebar{position:fixed;left:0;top:32px;bottom:0;width:238px;background:#eeeef0;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:30px 19px 20px;z-index:20}.brand{display:flex;align-items:center;gap:10px;margin:0 10px 40px}.brand-icon{display:flex;align-items:center;justify-content:center;color:var(--green)}.brand-name{font-family:Inter,sans-serif;font-size:17px;letter-spacing:-.7px;line-height:1.15;font-weight:700}.brand-name small{display:block;font-family:'Inter',sans-serif;font-size:9px;font-weight:500;letter-spacing:3px;text-transform:uppercase;margin-top:6px}.nav-label{font-size:10px;letter-spacing:1.5px;color:#737580;margin:0 13px 12px;font-weight:600}.nav-item{display:flex;align-items:center;gap:11px;padding:12px 14px;border-radius:8px;color:#737580;margin:4px 0;font-size:13px}.nav-item.active{background:#eeeef0;color:#30323b;font-weight:600}.nav-item:hover{background:#eeeef0}.nav-item .count{margin-left:auto;background:#dedee3;border-radius:5px;padding:0 6px;font-size:11px}.sidebar-bottom{margin-top:auto}.workspace-note{border:1px solid #dedee3;padding:16px;border-radius:10px;margin:20px 5px;font-size:11px;color:var(--muted);background:#f7f7f8}.workspace-note strong{display:block;color:#30323b;font-size:12px;margin-bottom:5px}.user{display:flex;align-items:center;gap:10px;padding:14px 9px 0;border-top:1px solid #dedee3}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#eeeef0;color:#737580;font-size:11px;font-weight:600}.user .sub{font-size:10px;color:#a6a7af}.user strong{font-size:12px;font-weight:500}.main{margin-left:238px;padding-top:32px;min-height:100vh}.topbar{height:77px;border-bottom:1px solid var(--line);padding:0 42px;display:flex;align-items:center;justify-content:space-between;background:#fafbf8}.crumb{font-size:12px;color:#a6a7af;display:flex;align-items:center;gap:12px}.crumb b{font-weight:500;color:#30323b}.top-actions{display:flex;gap:14px;align-items:center}.round{border:1px solid var(--line);border-radius:50%;height:32px;width:32px;display:grid;place-items:center;background:#fff}.top-tag{font-size:10px;color:#737580;display:flex;align-items:center;gap:6px}.dot{width:6px;height:6px;display:inline-block;background:#737580;border-radius:50%}.content{padding:38px 44px 50px;max-width:1550px;margin:0 auto}.eyebrow{color:#737580;text-transform:uppercase;letter-spacing:1.8px;font-size:10px;font-weight:600;margin-bottom:10px}.subtitle{color:var(--muted);margin-top:10px;font-size:13px;line-height:1.7}.title-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--green);color:#fff;border:1px solid var(--green);border-radius:8px;padding:11px 16px;font-size:12px;font-weight:500;white-space:nowrap;box-shadow:0 2px 2px #153a2010;transition:.15s}.btn:hover{background:#30323b;transform:translateY(-1px)}.btn.secondary{background:white;color:#30323b;border-color:#dedee3;box-shadow:none}.btn.secondary:hover{background:#f7f7f8}.btn.ghost{background:transparent;border-color:transparent;color:#737580;box-shadow:none}.btn.small{padding:7px 11px;font-size:11px}.btn.wide{width:100%}.welcome-card{display:flex;align-items:center;justify-content:space-between;border:1px solid #dedee3;background:#eeeef0;border-radius:14px;min-height:185px;padding:30px 34px;position:relative;overflow:hidden;margin-bottom:26px}.welcome-copy{z-index:1;max-width:530px}.welcome-card h2{font-size:24px;margin-bottom:10px}.welcome-card p{font-size:12px;max-width:420px;color:#737580;line-height:1.8}.welcome-card .text-link{margin-top:18px}.text-link{display:inline-flex;gap:7px;align-items:center;font-size:12px;font-weight:600;color:#30323b}.orb{position:absolute;right:35px;width:230px;height:230px;border:1px solid #dedee3;border-radius:50%;transform:rotate(-25deg);opacity:.8}.orb:before,.orb:after{content:'';position:absolute;inset:15px 60px;border:1px solid #a6a7af;border-radius:50%}.orb:after{inset:60px 15px}.star-large{position:absolute;right:108px;color:#737580;opacity:.6}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px}.stat{background:white;border:1px solid var(--line);padding:20px 21px;border-radius:11px}.stat-top{color:#737580;font-size:11px;display:flex;justify-content:space-between;align-items:center}.stat-value{font-family:Inter,sans-serif;font-size:28px;margin-top:13px;letter-spacing:-1px}.stat-bottom{font-size:10px;color:#a6a7af;margin-top:2px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}.section-head h2{font-size:17px}.section-head p{font-size:11px;color:var(--muted);margin-top:4px}.table-panel{border:1px solid var(--line);background:#fff;border-radius:12px;overflow:hidden}.table-tools{padding:16px 20px;display:flex;gap:20px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.tabs{display:flex;gap:5px}.tab{font-size:11px;padding:7px 11px;border-radius:6px;color:#737580}.tab.active{background:#eeeef0;color:#30323b}.search{display:flex;align-items:center;gap:8px;width:230px;border:1px solid var(--line);padding:0 10px;border-radius:7px;color:#a6a7af}.search input{border:0;box-shadow:none;font-size:11px;padding:8px 0}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#a6a7af;font-weight:500;background:#fbfcf9;padding:13px 22px;border-bottom:1px solid var(--line)}td{padding:19px 22px;border-bottom:1px solid #eeeef0;font-size:12px}tbody tr:last-child td{border:0}tbody tr:hover{background:#f7f7f8}.business-cell{display:flex;gap:11px;align-items:center}.business-cell .avatar{border-radius:9px;background:#eeeef0;height:35px;width:35px;font-size:11px}.business-cell strong{font-size:12px;font-weight:500;display:block}.business-cell small{font-size:10px;color:#a6a7af;display:block;margin-top:3px}.badge{display:inline-flex;gap:5px;align-items:center;border-radius:5px;padding:4px 8px;font-size:10px;font-weight:500;background:#f7f7f8;color:#737580}.badge.green{background:#eeeef0;color:#30323b}.badge.amber{background:#faf1e2;color:#a48650}.badge.purple{background:#efedf6;color:#8a7b9d}.progress-mini{width:72px;height:4px;background:#eeeef0;border-radius:5px;display:inline-block;margin-right:8px;vertical-align:middle}.progress-mini i{display:block;height:100%;background:#737580;border-radius:5px}.empty{padding:50px;text-align:center;color:var(--muted)}.bottom-note{font-size:10px;color:#a6a7af;margin-top:16px;display:flex;gap:6px;align-items:center}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.template-card{background:white;border:1px solid var(--line);border-radius:12px;padding:24px;transition:.2s}.template-card:hover{border-color:#a6a7af;box-shadow:0 8px 25px #2a402608}.template-icon{background:#f7f7f8;color:#737580;border:1px solid #eeeef0;width:42px;height:49px;border-radius:7px;display:grid;place-items:center;margin-bottom:20px}.template-card h3{font-size:16px;margin-bottom:7px}.template-card p{font-size:12px;color:var(--muted);margin-bottom:22px}.template-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px;margin-top:15px}.alert{background:#faf6ec;border:1px solid #ece3cf;color:#8d7954;padding:12px 15px;border-radius:8px;font-size:11px;line-height:1.7;display:flex;gap:9px;align-items:flex-start}.alert.info{background:#f7f7f8;border-color:#dedee3;color:#737580}.alert strong{font-weight:600}.editor-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start}.paper-wrap{background:#eeeef0;border:1px solid #dedee3;border-radius:12px;padding:30px;position:relative}.document{background:#fff;box-shadow:0 3px 12px #2633220a;border:1px solid #eeeef0;padding:48px 42px;min-height:650px;max-height:1000px;overflow:auto;scrollbar-width:thin}.doc-brand{display:flex;align-items:center;gap:8px;text-transform:uppercase;font-size:9px;letter-spacing:1.8px;color:#737580;border-bottom:1px solid #eeeef0;padding-bottom:23px;margin-bottom:28px}.doc-meta{font-size:9px;letter-spacing:1px;color:#a6a7af;text-transform:uppercase;margin-bottom:10px}.document h2{font-family:Georgia,serif;font-size:26px;font-weight:400;letter-spacing:-.7px;line-height:1.3;margin-bottom:16px}.document .doc-intro{font-size:11px;color:#737580;border-bottom:1px solid #eeeef0;padding-bottom:20px;margin-bottom:22px}.doc-body{font-family:Georgia,'Times New Roman',serif;font-size:12px;line-height:1.9;color:#30323b;white-space:normal}.doc-body p{margin:0 0 15px;white-space:pre-line}.doc-body .legal-heading{font-family:Inter,sans-serif;color:#30323b;font-size:11px;font-weight:700;margin:24px 0 12px;letter-spacing:.03em}.field-chip{display:inline;padding:2px 4px;background:#eeeef0;border-bottom:1px dashed #a6a7af;border-radius:2px;color:#737580;font-family:'Inter',sans-serif;font-size:11px}.editor-side{position:sticky;top:48px;background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}.side-section{padding:20px;border-bottom:1px solid var(--line)}.side-section:last-child{border:0}.side-section h3{font-size:13px;margin-bottom:6px}.side-section p{font-size:11px;color:#737580;line-height:1.7}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.field-tool{border:1px solid #dedee3;border-radius:6px;padding:11px 8px;font-size:10px;display:flex;gap:6px;align-items:center;color:#737580;background:#f7f7f8}.field-tool:hover{background:#eeeef0;border-color:#a6a7af}.mini-fields{display:grid;gap:12px;margin-top:16px}.mini-fields label{font-size:10px}.mini-fields input{font-size:11px;padding:9px}.field-line{display:flex;justify-content:space-between;padding:8px 0;font-size:11px;border-bottom:1px solid #eeeef0;gap:6px}.field-line button{color:#a29a88}.paper-caption{display:flex;justify-content:space-between;font-size:10px;color:#737580;padding-bottom:15px}.saved-dot{display:flex;align-items:center;gap:5px;color:#737580;font-size:10px}.modal-backdrop{position:fixed;inset:0;background:#1e302b70;backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:25px}.modal{background:#f7f7f8;border-radius:17px;width:610px;max-height:92vh;overflow:auto;box-shadow:0 30px 100px #14251c40}.modal.large{width:900px}.modal-head{padding:26px 30px 20px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--line)}.modal-head h2{font-size:23px}.modal-head p{font-size:12px;color:var(--muted);margin-top:6px}.modal-body{padding:25px 30px}.modal-foot{display:flex;justify-content:flex-end;gap:9px;padding:20px 30px;background:#f7f7f8;border-top:1px solid var(--line)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-grid .full{grid-column:1/-1}.form-hint{font-size:10px;color:#737580;margin-top:6px}.form-divider{border:0;border-top:1px solid var(--line);margin:24px 0}.package-option{border:1px solid #a6a7af;border-radius:9px;padding:14px;background:#eeeef0;display:flex;align-items:center;justify-content:space-between;font-size:12px}.package-option p{font-size:10px;color:#737580;margin-top:4px}#toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%,25px);background:#30323b;color:#fff;padding:12px 20px;border-radius:10px;box-shadow:0 8px 30px #253c2530;z-index:200;font-size:12px;opacity:0;pointer-events:none;transition:.2s;max-width:90vw}#toast.show{opacity:1;transform:translate(-50%,0)}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px}.panel{border:1px solid var(--line);background:#fff;border-radius:12px;padding:24px}.panel h3{margin-bottom:17px}.agreement-row{display:flex;align-items:center;gap:15px;padding:19px 0;border-top:1px solid var(--line)}.agreement-row .num{width:30px;height:36px;border:1px solid #eeeef0;border-radius:6px;display:grid;place-items:center;color:#737580;background:#f7f7f8}.agreement-row .grow{flex:1}.agreement-row strong{font-size:12px;font-weight:500}.agreement-row p{font-size:10px;color:#a6a7af;margin-top:4px}.detail-line{padding:11px 0;border-top:1px solid var(--line);font-size:11px;display:flex;justify-content:space-between;gap:15px}.detail-line span{color:#737580}.detail-line strong{font-weight:500;text-align:right;overflow-wrap:anywhere}.timeline{padding:10px 0 0 16px;border-left:1px solid #dedee3;margin-left:5px}.event{position:relative;padding:0 0 22px;font-size:11px}.event:before{content:'';width:7px;height:7px;background:#a6a7af;border:3px solid white;box-sizing:content-box;position:absolute;left:-23px;top:2px;border-radius:50%}.event small{display:block;color:#a6a7af;margin-top:4px}.sign-header{height:91px;border-bottom:1px solid #eeeef0;background:#f7f7f8;margin-top:32px;padding:0 48px;display:flex;justify-content:space-between;align-items:center}.sign-header .brand{margin:0}.sign-header .brand-name{font-size:15px}.sign-header .brand-name small{font-size:8px}.sign-layout{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:245px minmax(0,1fr);gap:72px;padding:48px 35px 80px}.sign-nav{position:sticky;top:60px;align-self:start}.sign-nav .eyebrow{font-size:9px}.sign-nav h3{font-size:15px;margin-bottom:22px}.overall-progress{height:3px;background:#eeeef0;border-radius:5px;margin:15px 0 28px}.overall-progress i{display:block;background:#737580;height:100%;border-radius:5px;transition:width .4s}.step{display:flex;align-items:center;gap:12px;padding:14px 0;width:100%;text-align:left;color:#a6a7af;font-size:11px;position:relative}.step-circle{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1px solid #dedee3;background:#f7f7f8;font-size:10px;flex-shrink:0}.step.active{color:#30323b;font-weight:600}.step.active .step-circle{background:#eeeef0;border-color:#dedee3;color:#30323b}.step.done{color:#737580}.step.done .step-circle{background:#737580;border-color:#737580;color:#fff}.sign-help{border-top:1px solid #eeeef0;margin-top:35px;padding-top:20px;color:#a6a7af;font-size:11px;line-height:1.7}.sign-help strong{display:block;color:#737580;font-weight:500;margin-bottom:5px}.sign-main{min-width:0}.sign-main h1{font-size:34px;letter-spacing:-1.3px;line-height:1.3}.sign-main .subtitle{font-size:13px;max-width:520px}.sign-main .section-label{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:#a6a7af;margin:27px 0 13px}.welcome-symbol{width:66px;height:66px;background:#eeeef0;border:1px solid #dedee3;border-radius:18px;display:grid;place-items:center;color:#737580;margin:0 0 26px}.welcome-title{font-family:Georgia,serif!important;font-weight:400!important;font-size:42px!important;letter-spacing:-1.5px!important;max-width:500px}.welcome-summary{display:grid;grid-template-columns:repeat(3,1fr);margin:30px 0 28px;padding:23px 0;border-top:1px solid #eeeef0;border-bottom:1px solid #eeeef0}.welcome-summary div{border-right:1px solid #eeeef0;padding-left:24px}.welcome-summary div:first-child{padding-left:0}.welcome-summary div:last-child{border:0}.welcome-summary strong{font-size:12px;font-weight:500;display:block;margin-top:9px}.welcome-summary small{font-size:10px;color:#a6a7af}.included{background:white;border:1px solid var(--line);border-radius:12px;padding:8px 22px;margin-bottom:24px}.included-row{display:flex;align-items:center;gap:13px;padding:16px 0;border-bottom:1px solid #eeeef0;font-size:12px}.included-row:last-child{border:0}.included-row svg{color:#a6a7af}.included-row span{margin-left:auto;color:#a6a7af;font-size:10px}.sign-footer{display:flex;justify-content:space-between;align-items:center;margin-top:25px;gap:15px}.sign-footer .btn{padding:12px 22px}.sign-form{background:white;border:1px solid var(--line);border-radius:12px;padding:27px;margin-top:28px}.sign-document{margin-top:24px;background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}.sign-doc-top{padding:14px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#737580;background:#f7f7f8}.sign-document .document{border:0;box-shadow:none;padding:32px;min-height:0;max-height:430px}.signature-panel{background:white;border:1px solid var(--line);border-radius:12px;padding:22px;margin-top:20px}.signature-panel h3{font-size:13px}.sign-tabs{display:flex;gap:4px;margin:15px 0}.sign-tabs button{font-size:10px;border-radius:5px;padding:5px 13px;color:#737580}.sign-tabs button.active{background:#eeeef0;color:#30323b}.signature-input{font-family:Georgia,serif;font-style:italic;font-size:27px;padding:20px;color:#30323b;border-style:dashed;background:#f7f7f8}.signature-pad{border:1px dashed #a6a7af;border-radius:8px;width:100%;height:105px;touch-action:none;background:#f7f7f8}.checkline{display:flex;align-items:flex-start;gap:10px;font-size:11px;line-height:1.7;margin-top:16px;color:#737580;cursor:pointer}.checkline input{width:15px;height:15px;margin:3px 0 0;flex-shrink:0;accent-color:#30323b}.completion{padding-top:12px}.completion .welcome-symbol{border-radius:50%;background:#eeeef0;color:#737580}.completed-list{margin-top:28px}.signature-saved{padding:14px;border:1px solid #dedee3;background:#f7f7f8;border-radius:8px;color:#737580;font-size:12px;margin-top:18px}.mobile-nav{display:none}.loading{padding:100px;text-align:center}.code{font-family:monospace;font-size:11px;padding:12px;border:1px solid var(--line);border-radius:6px;background:#f7f7f8;overflow-wrap:anywhere}.edit-body{font-family:Georgia,serif;font-size:13px;min-height:400px}.btn-row{display:flex;gap:8px;flex-wrap:wrap}.field-token{background:#eeeef0;border:1px solid #dedee3;color:#737580;padding:5px 8px;border-radius:5px;font-size:10px}.top-mobile{display:none}.info-list{display:grid;gap:15px}.info-list div{display:flex;gap:10px;font-size:12px;color:#737580}.settings-list{display:grid;gap:20px}.text-sm{font-size:12px;color:#737580}.mt{margin-top:20px}.error-text{color:#a65548;font-size:11px;margin-top:12px}.print-only{display:none}
@media(min-width:1600px){.content{padding-top:48px}.welcome-card{min-height:210px}.sign-layout{padding-top:65px}}
@media(max-width:1150px){.sidebar{width:205px;padding:28px 13px}.main{margin-left:205px}.content{padding:30px}.topbar{padding:0 30px}.editor-layout{grid-template-columns:minmax(0,1fr) 265px;gap:16px}.paper-wrap{padding:18px}.document{padding:30px 25px}.sign-layout{gap:38px;padding-left:30px;padding-right:30px}.detail-grid{grid-template-columns:minmax(0,1fr) 270px}.welcome-copy{max-width:70%}.orb{right:0}.star-large{right:75px}td,th{padding-left:16px;padding-right:16px}}
@media(max-width:900px){.sidebar{width:76px;padding:27px 10px}.sidebar .brand{margin:0 auto 35px;justify-content:center}.sidebar .brand-name,.nav-label,.nav-item>span,.workspace-note,.user>div:not(.avatar){display:none}.nav-item{justify-content:center;padding:13px}.sidebar .nav-item .count{display:none}.user{justify-content:center;padding:15px 0 0}.main{margin-left:76px}.editor-layout{grid-template-columns:minmax(0,1fr) 250px}.detail-grid{grid-template-columns:1fr}.stats{gap:10px}.stat{padding:15px}.content{padding:28px}.sign-layout{grid-template-columns:190px 1fr;gap:28px}.sign-header{padding:0 30px}.sign-main h1{font-size:28px}.welcome-title{font-size:36px!important}}
@media(max-width:680px){.previewbar{font-size:9px;height:28px}.previewbar span{display:none}.sidebar{display:none}.main{margin:0;padding-top:28px}.topbar{height:61px;padding:0 20px}.top-mobile{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600}.crumb{display:none}.top-tag{display:none}.content{padding:25px 18px 85px}.title-row{align-items:flex-start;gap:15px;margin-bottom:23px}h1{font-size:26px}.title-row .btn{padding:9px 11px;font-size:10px}.subtitle{font-size:11px}.welcome-card{padding:23px;min-height:180px}.welcome-copy{max-width:85%}.welcome-card h2{font-size:20px}.welcome-card p{font-size:11px}.orb{right:-120px;opacity:.4}.star-large{right:-15px;opacity:.3}.stats{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:25px}.stat-value{font-size:24px}.table-tools{flex-wrap:wrap;padding:13px}.search{width:100%}.tabs{gap:1px}.tab{font-size:10px}.grid-2{grid-template-columns:1fr}.mobile-nav{position:fixed;bottom:0;width:100%;background:#f7f7f8f5;border-top:1px solid #dedee3;display:flex;justify-content:space-around;z-index:35;padding:8px 0 max(8px,env(safe-area-inset-bottom));backdrop-filter:blur(12px)}.mobile-nav a{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:9px;padding:4px 10px;color:#737580}.mobile-nav a.active{color:#30323b}.editor-layout{grid-template-columns:1fr}.editor-side{position:static;grid-row:1}.editor-side .side-section:first-child{padding:17px}.editor-side .side-section:not(:first-child){display:none}.field-grid{grid-template-columns:repeat(4,1fr)}.field-tool{font-size:9px;justify-content:center;padding:8px 3px;gap:3px}.field-tool svg{width:13px}.paper-wrap{padding:14px}.document{padding:28px 22px;max-height:700px}.editor-toolbar{flex-wrap:wrap}.editor-toolbar h2{font-size:18px}.modal-backdrop{padding:12px}.modal-head,.modal-body,.modal-foot{padding:20px}.form-grid{gap:14px;grid-template-columns:1fr}.form-grid .full{grid-column:auto}.modal-foot .btn{font-size:11px}.sign-header{margin-top:28px;height:76px;padding:0 20px}.sign-header .btn{font-size:10px;padding:6px 9px}.sign-header .brand-name{font-size:13px}.sign-layout{display:block;padding:25px 20px 50px}.sign-nav{position:static;margin-bottom:28px}.sign-nav h3,.sign-nav .eyebrow,.sign-help,.steps{display:none}.sign-nav .overall-progress{margin:9px 0 0}.sign-main h1{font-size:29px}.welcome-title{font-size:35px!important}.sign-main .subtitle{font-size:12px}.welcome-summary{gap:10px}.welcome-summary div{padding-left:12px}.welcome-summary strong{font-size:11px}.welcome-summary small{font-size:9px}.sign-form{padding:21px}.sign-document .document{padding:25px 21px;max-height:400px}.sign-footer .btn{padding:11px 15px}.signature-input{font-size:23px}.detail-grid{gap:17px}.panel{padding:20px}.agreement-row{gap:9px}.agreement-row strong{font-size:11px}.agreement-row .badge{font-size:8px}.top-actions{gap:8px}.template-card{padding:22px}.section-head h2{font-size:15px}}
@media print{.previewbar,.sidebar,.topbar,.mobile-nav,.sign-header,.sign-nav,.sign-footer,.signature-panel,.editor-side,.editor-toolbar,.paper-caption,.btn,.alert{display:none!important}.main{margin:0;padding:0}.content,.sign-layout{display:block;margin:0;padding:0}.document{max-height:none!important;overflow:visible!important;box-shadow:none;border:0}.paper-wrap,.sign-document{background:white;border:0;padding:0}.editor-layout{display:block}}
/* Mercury reference: white surfaces, compact navigation, single-column onboarding, blue-purple focus. */
:root{--bg:#fff;--paper:#fff;--ink:#292a32;--muted:#777982;--line:#e9e9ed;--green:#5655cf;--light:#f0f0fc;--radius:8px}
body{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:13px;background:#fff;color:#292a32}
h1,h2,h3,h4{font-family:Inter,sans-serif;font-weight:500;letter-spacing:-.025em}h1{font-size:29px}h2{font-size:21px}h3{font-size:15px}
.previewbar{background:#f6f6f9;color:#7c7d89;border-bottom:1px solid #ededf1;height:26px;font-size:10px;font-weight:400;letter-spacing:0}
.sidebar{top:26px;width:220px;background:#fafafa;border-right:1px solid #eeeef0;padding:28px 16px 18px}
.brand{gap:9px;margin:0 5px 34px}.brand-icon{color:#31313f}.brand-icon svg{width:28px;height:28px}.brand-name{font-size:10px;font-weight:650;letter-spacing:1.7px;line-height:1.6;white-space:nowrap}.brand-name small{display:none}
.nav-label{color:#909099;font-size:10px;letter-spacing:0;font-weight:400;margin:0 10px 7px}.nav-item{border-radius:4px;font-size:12px;padding:8px 10px;gap:10px;margin:2px 0;color:#73747d}.nav-item svg{width:15px;height:15px}.nav-item.active{background:#efeff2;color:#333440;font-weight:500}.nav-item.active svg{color:#6564d4}.nav-item:hover{background:#f1f1f4}.nav-item .count{background:#e7e7ed;font-size:10px;color:#737381}
.workspace-note{display:none}.user{font-size:11px;border-color:#e8e8ec}.avatar,.business-cell .avatar{background:#f1f0f8;color:#706f8c}.user strong{font-size:10px}.user .sub{font-size:10px}
.main{margin-left:220px;padding-top:26px}.topbar{height:64px;background:#fff;border-bottom:1px solid #eeeef1;padding:0 42px}.top-tag{color:#888993}.dot{background:#8c8bd4}.crumb b{color:#555661}.content{padding:38px 42px 50px;max-width:1400px}.eyebrow{display:none}.subtitle{color:#82838d;font-size:12px;margin-top:8px}.title-row{margin-bottom:35px}
.btn{background:#5655cf;border-color:#5655cf;color:#fff;padding:9px 15px;font-size:12px;border-radius:6px;box-shadow:0 1px 2px #28284b0d}.btn:hover{background:#4948bc;transform:none}.btn.secondary{background:#fff;border-color:#dcdce4;color:#555664}.btn.secondary:hover{background:#f8f8fb}.btn.ghost{color:#757582}.text-link{color:#6261c7;font-size:12px;font-weight:500}.round{border-color:#e6e6eb;color:#868690}
.stats{gap:0;margin:0 0 37px;border:1px solid #e6e6ec;border-radius:8px;background:white;overflow:hidden}.stat{border:0;border-right:1px solid #eeeef2;border-radius:0;padding:23px 25px}.stat:last-child{border-right:0}.stat-top{font-size:12px;color:#7c7d88}.stat-top svg{color:#92929e;width:15px}.stat-value{font-size:32px;font-weight:400;letter-spacing:-1px;margin-top:14px;color:#333340}.stat-bottom{font-size:11px;color:#a0a0aa;margin-top:6px}
.section-head{margin-bottom:17px}.section-head h2{font-size:17px;font-weight:500}.section-head p{color:#92929c;font-size:11px}.table-panel{border-radius:7px;border-color:#e7e7ed}.table-tools{padding:13px 17px;border-color:#e9e9ed}.tabs{gap:10px}.tab{padding:5px 8px;border-radius:4px;color:#898995}.tab.active{color:#4e4d9b;background:#f0effa}.search{border-color:#e4e4eb;border-radius:5px}.search input{font-size:11px}th{background:#fafafa;color:#898994;font-size:10px;letter-spacing:0;text-transform:none;padding:12px 20px}td{padding:18px 20px;border-color:#eeeef2}.business-cell strong{color:#42424d}.business-cell small{color:#9898a3}.badge{background:#f3f3f6;color:#858590;border-radius:4px;font-size:10px}.badge.green{background:#eeedf9;color:#6964af}.badge.amber{background:#faf4e9;color:#9a8054}.badge.purple{background:#eeedf9;color:#6964af}.progress-mini{background:#eeeef4}.progress-mini i{background:#8280d6}.bottom-note{color:#9999a5;font-size:10px}
.grid-2{gap:18px}.template-card{border-color:#e5e5ec;border-radius:8px;padding:24px}.template-card:hover{box-shadow:none;border-color:#b9b8dc}.template-icon{width:33px;height:39px;background:#f8f8fb;border-color:#e4e4ed;color:#858498;border-radius:5px;margin-bottom:18px}.template-card h3{font-size:15px}.template-card p{font-size:12px;color:#93939e}.template-footer{border-color:#ededf2}.alert{background:#fffcf5;border-color:#efe7d4;color:#9a835b;border-radius:5px;font-size:11px}.alert.info{background:#f8f8fc;border-color:#e7e7f1;color:#848397}
input,select,textarea{font-size:12px;border-color:#e1e1e8;border-radius:4px;padding:9px 11px;background:#fdfdfe;color:#393944}label{font-size:11px;font-weight:400;color:#73737f;margin-bottom:6px}input:focus,select:focus,textarea:focus{border-color:#6967d7;box-shadow:0 0 0 2px #ecebff}input::placeholder{color:#b0b0bb}.checkline{color:#858590}.checkline input{accent-color:#6260cb}
.editor-layout{grid-template-columns:minmax(0,1fr) 280px;gap:20px}.editor-toolbar h2{font-size:21px}.editor-side{border-radius:7px;border-color:#e2e2eb;top:40px}.side-section{border-color:#eaeaf0}.side-section p{color:#9696a2}.field-tool{border-radius:4px;border-color:#e4e4ed;background:#fff;color:#74738d}.field-tool:hover{background:#f6f5ff;border-color:#c5c3e9}.field-token{border-color:#e3e1f3;background:#f8f7fe;color:#817ba0}.field-chip{background:#f2f0fc;border-color:#b5afd7;color:#8275a7}.paper-wrap{background:#f6f6f8;border-color:#e8e8ed;border-radius:7px;padding:30px}.document{border-color:#e6e6ed;box-shadow:0 1px 4px #22223b08}.document h2{font-family:Inter,sans-serif;font-size:24px;font-weight:500}.doc-brand{color:#686878;border-color:#eeeef2}.doc-meta{color:#9999a5}.document .doc-intro{color:#9999a5}.doc-body{color:#5c5c67}.doc-body .legal-heading{color:#3b3b48}.paper-caption{color:#8c8c9d}.saved-dot{color:#9292a4}.panel{border-color:#e5e5ed;border-radius:7px}.detail-line{border-color:#ededf2}.detail-line span{color:#9999a5}.detail-line strong{color:#555562}.agreement-row{border-color:#ededf2}.agreement-row .num{border-color:#e5e5ee;background:#fafafd;color:#9290af}.event:before{background:#a5a0d5}.timeline{border-color:#e2dff0}.text-sm{color:#8a8a98}
.modal{background:white;border-radius:9px}.modal-head,.modal-foot{border-color:#e9e9ef}.modal-foot{background:#fafafa}.package-option{background:#f8f7ff;border-color:#d9d5ef;color:#77718e;border-radius:5px}.form-hint{color:#a0a0ab}.form-divider{border-color:#ededf3}.code{background:#f8f8fc;border-color:#e7e7ef}.modal-backdrop{background:#25243b50;backdrop-filter:blur(2px)}#toast{background:#4f4da9;border-radius:5px}
/* Match the Mercury company-info reference's header, progress rule, left step list, and narrow form. */
.sign-header{margin-top:26px;height:78px;border-bottom:1px solid #ededf3;background:white;padding:0 40px}.sign-header .brand-name{font-size:10px;letter-spacing:1.7px}.sign-header .brand{gap:8px}.sign-header .brand-name small{display:none}.sign-header .brand-icon svg{width:25px;height:25px}.header-progress{height:2px;width:100%;background:#f5f5f8}.header-progress i{display:block;height:2px;background:#6966d5;transition:width .3s}.sign-layout{max-width:1110px;grid-template-columns:230px minmax(0,520px);gap:86px;margin:0 auto;padding:55px 30px 90px}.sign-nav{top:60px;padding-top:0}.sign-nav h3{display:none}.step-fraction{font-size:30px;font-weight:400;letter-spacing:-1px;color:#aaabb4;margin-bottom:15px;padding-left:8px}.step-fraction b{font-weight:400;color:#7773ce}.steps{display:flex;flex-direction:column;gap:3px}.step{padding:9px 10px;border-radius:3px;font-size:12px;font-weight:400;gap:9px;color:#9696a1;line-height:1.4}.step-circle{border:0;width:15px;height:17px;background:transparent;border-radius:0;color:#9c9ca9}.step.active{background:#f1f1f4;color:#4b4b58;font-weight:400}.step.active .step-circle{background:transparent;border:0;color:#7470cc}.step.done{color:#7b7b89}.step.done .step-circle{background:transparent;color:#8d89ba;border:0}.step:disabled{opacity:.65}.sign-help{margin-top:45px;padding:18px 9px;color:#aaaab4;border-color:#eeeef2;font-size:11px}.sign-help strong{color:#8f8f9b;font-size:11px}.sign-main h1{font-size:25px;font-weight:400;letter-spacing:-.8px;line-height:1.4}.sign-main .subtitle{font-size:12px;color:#92929e;line-height:1.7;max-width:480px}.welcome-title{font-family:Inter,sans-serif!important;font-size:27px!important;font-weight:400!important;letter-spacing:-.8px!important;line-height:1.4!important}.welcome-symbol{display:none}.welcome-summary{border-color:#eeeef3;margin:26px 0 23px;padding:20px 0}.welcome-summary div{border-color:#eeeef3;padding-left:15px}.welcome-summary strong{font-size:11px;font-weight:400}.welcome-summary small{font-size:10px;color:#aaaab4}.welcome-summary svg{color:#9998aa;width:17px}.included{border-color:#e8e8ef;border-radius:5px;padding:0 17px}.included-row{font-size:12px;border-color:#eeeef4;padding:15px 0}.included-row svg{color:#9998ae}.included-row span{color:#aaaab8}.sign-main .section-label{font-size:11px;letter-spacing:0;color:#90909e}.sign-form{border:0;border-radius:0;padding:0;margin-top:25px}.sign-form .form-grid{grid-template-columns:1fr;gap:19px}.sign-form .form-grid .full{grid-column:auto}.sign-form input,.sign-form select{height:39px;border-radius:4px;background:#fdfdff;border-color:#e6e6ed;font-size:12px}.sign-form .checkline input{height:14px}.sign-footer{margin-top:27px}.sign-footer .btn{padding:10px 18px}.sign-footer .text-sm{font-size:10px}.sign-document{border-radius:5px;border-color:#e5e5ed}.sign-doc-top{background:#fafafd;border-color:#e9e9f1;color:#9898a8}.sign-document .document{padding:27px;max-height:400px}.signature-panel{border-color:#e7e7ee;border-radius:5px;padding:20px}.signature-panel h3{font-weight:400}.sign-tabs button{color:#8c899f}.sign-tabs button.active{background:#f0eefb;color:#7a70a7}.signature-input{background:#fdfcff;border-color:#d4cee7;color:#6c5b88}.signature-pad{border-color:#d4cee7;background:#fdfcff}.signature-saved{background:#f8f6fe;border-color:#ded7ef;color:#897da7}.completion{padding-top:0}
@media(min-width:1600px){.content{padding-top:40px}.sign-layout{padding-top:65px}}
@media(max-width:1150px){.sidebar{width:200px}.main{margin-left:200px}.content{padding:32px}.topbar{padding:0 32px}.brand-name{font-size:9px;letter-spacing:1.1px}.sign-layout{grid-template-columns:200px minmax(0,500px);gap:55px;padding:45px 35px}}
@media(max-width:900px){.sidebar{width:76px}.sidebar .brand-name{display:none}.main{margin-left:76px}.sign-layout{grid-template-columns:180px minmax(0,1fr);gap:40px}.editor-layout{grid-template-columns:minmax(0,1fr) 240px}.stat{padding:19px}}
@media(max-width:680px){.main{margin:0;padding-top:26px}.content{padding:26px 20px 85px}.sidebar{display:none}.topbar{height:60px;padding:0 20px}.top-mobile{font-size:11px}.stats{grid-template-columns:1fr 1fr;gap:0}.stat{border-bottom:1px solid #eeeef2;padding:18px}.stat:nth-child(2){border-right:0}.stat:nth-child(n+3){border-bottom:0}.stat-value{font-size:28px}.mobile-nav{background:#fafafc;border-color:#e7e7f0}.mobile-nav a{color:#9594a5}.mobile-nav a.active{color:#6e68bf}.sign-header{margin-top:26px;padding:0 20px;height:65px}.sign-header .brand-name{font-size:8px;letter-spacing:1px}.sign-header .brand-icon svg{width:22px}.sign-layout{display:block;padding:25px 23px 55px}.sign-nav{display:flex;align-items:center;margin-bottom:25px}.step-fraction{font-size:22px;padding:0;margin:0}.steps,.sign-help{display:none}.sign-main h1,.welcome-title{font-size:25px!important}.sign-main .subtitle{font-size:12px}.sign-form{padding:0;margin-top:23px}.sign-form .form-grid{gap:18px}.sign-form label{font-size:12px}.sign-form input,.sign-form select{height:42px}.sign-document .document{padding:23px}.editor-layout{grid-template-columns:1fr}.editor-side{grid-row:1}.document{padding:27px 22px}.previewbar{height:26px}.template-card{padding:22px}}