:root{--native-safe-top: 28px;color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f4f6f8;color:#121821;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,rgba(23,107,135,.08),transparent 260px),#f4f6f8}button,input,select{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}a{color:inherit;text-decoration:none}.app-shell,.signer-shell{min-height:100vh}.top-bar,.signer-header{min-height:74px;padding:14px clamp(16px,3vw,36px);display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #dfe6e9;background:#ffffffe0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:10}@supports (padding-top: max(0px)){.native-shell .top-bar,.native-shell .signer-header{padding-top:calc(14px + max(env(safe-area-inset-top),var(--native-safe-top)))}}.brand{display:flex;align-items:center;gap:11px;min-width:0}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:8px;color:#fff;background:#176b87;box-shadow:inset 0 -10px 18px #00000024;flex:0 0 auto}.brand strong{display:block;font-size:1rem;line-height:1.1}.brand small{display:block;color:#61707c;font-size:.78rem;margin-top:3px}.top-actions,.auth-buttons,.session-pill,.runtime-pill{display:flex;align-items:center;gap:10px}.auth-stack{display:grid;gap:8px;justify-items:end}.email-auth-form{display:grid;grid-template-columns:minmax(150px,1fr) minmax(90px,.65fr) auto;gap:8px;align-items:center}.email-auth-form button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 11px;border:1px solid #d7e2e5;border-radius:8px;color:#18232b;background:#fff;white-space:nowrap}.email-auth-form input{min-height:38px;padding:8px 10px}.runtime-pill,.session-pill{min-height:38px;padding:8px 10px;border:1px solid #d7e2e5;background:#fff;border-radius:8px;color:#28343d;font-size:.86rem;white-space:nowrap}.session-pill span{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-link{white-space:nowrap}.auth-buttons button,.secondary-button,.row-actions button,.link-banner button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 11px;border:1px solid #d7e2e5;border-radius:8px;color:#18232b;background:#fff}.icon-button{width:32px;height:32px;display:inline-grid;place-items:center;border-radius:8px;color:#3c4b55;background:transparent}.workspace{width:min(1280px,calc(100vw - 32px));margin:28px auto 42px;display:grid;grid-template-columns:minmax(290px,370px) minmax(0,1fr);gap:22px;align-items:start}.recipient-workspace{width:min(920px,calc(100vw - 32px));margin:28px auto 42px}.manual-panel{width:min(1280px,calc(100vw - 32px));margin:0 auto 42px;padding:22px;border:1px solid #dce5e8;border-radius:8px;background:#fff;box-shadow:0 18px 38px #18232b14}.compose-panel,.documents-table,.link-banner,.billing-panel,.complete-panel,.preview-panel,.signature-panel{border:1px solid #dce5e8;border-radius:8px;background:#fff;box-shadow:0 18px 38px #18232b14}.compose-panel{padding:22px;position:sticky;top:94px}.panel-heading,.table-heading,.preview-heading,.manual-heading,.manual-section-title{display:flex;gap:18px}.panel-heading,.table-heading,.preview-heading,.manual-heading{align-items:flex-start;justify-content:space-between;margin-bottom:18px}.manual-section-title{align-items:center;gap:9px;margin-bottom:10px}.manual-section-title svg{color:#176b87;flex:0 0 auto}.eyebrow{display:block;color:#176b87;font-size:.72rem;line-height:1;font-weight:800;text-transform:uppercase;letter-spacing:0}h1,h2,h3,p{margin:0}h1{margin-top:8px;font-size:clamp(1.48rem,2.5vw,2.05rem);line-height:1.05;letter-spacing:0}h2{margin-top:8px;font-size:1.12rem;line-height:1.2}h3{font-size:.98rem;line-height:1.2;overflow-wrap:anywhere}.create-form{display:grid;gap:14px}.create-form label:not(.dropzone),.signature-panel label:not(.consent-row){display:grid;gap:7px}.create-form label span{color:#465660;font-size:.84rem;font-weight:700}input{width:100%;min-height:42px;padding:10px 11px;border:1px solid #ccd8dc;border-radius:8px;color:#101820;background:#fbfcfd;outline:none}select{width:100%;min-height:42px;padding:10px 11px;border:1px solid #ccd8dc;border-radius:8px;color:#101820;background:#fbfcfd}input:focus{border-color:#176b87;box-shadow:0 0 0 3px #176b8724}.dropzone{min-height:94px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:18px;border:1.5px dashed #a9c7d0;border-radius:8px;color:#176b87;background:#f3fafc;cursor:pointer}.dropzone input{display:none}.dropzone span{color:#10232b;font-weight:800;overflow-wrap:anywhere}.primary-button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 14px;border-radius:8px;color:#fff;background:#176b87;font-weight:800}.secondary-button{font-weight:750}.trust-strip{display:grid;grid-template-columns:1fr;gap:8px;margin-top:18px}.trust-strip span,.inline-note{min-height:34px;display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;background:#f7f9fa;color:#3b4a54;font-size:.84rem}.inline-note{margin-top:12px;border:1px solid #ead9ad;background:#fff9e8;color:#69512a}.documents-panel{display:grid;gap:16px;min-width:0}.feature-box{display:grid;gap:10px;padding:12px;border:1px solid #e3eaed;border-radius:8px;background:#fbfcfd}.feature-box-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.feature-box-heading span{color:#465660;font-size:.84rem;font-weight:800}.feature-box-heading small,.feature-box small{color:#60727c;font-size:.78rem}.feature-box-heading button,.template-chip-row button,.company-form button{min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:7px 10px;border:1px solid #d7e2e5;border-radius:8px;color:#18232b;background:#fff;font-size:.82rem;font-weight:800}.signer-mini-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,.85fr) auto;gap:8px}.signer-mini-grid button{width:42px;min-height:42px;border:1px solid #d7e2e5;border-radius:8px;color:#3c4b55;background:#fff}.field-designer{position:relative;width:100%;aspect-ratio:1.45;border:1px dashed #a9c7d0;border-radius:8px;background:linear-gradient(90deg,rgba(23,107,135,.08) 1px,transparent 1px),linear-gradient(0deg,rgba(23,107,135,.08) 1px,transparent 1px),#f7fbfc;background-size:24px 24px;overflow:hidden;touch-action:none}.field-designer.disabled{opacity:.6}.field-marker{position:absolute;min-width:104px;max-width:calc(100% - 24px);min-height:36px;display:grid;place-items:center;transform:translate(-8px,50%);border:1px solid #176b87;border-radius:8px;color:#176b87;background:#ffffffeb;font-size:.82rem;font-weight:850}.compact-toggle{padding:8px 0}.manual-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.manual-section,.manual-tier-block,.manual-limitations{border:1px solid #e3eaed;border-radius:8px;background:#fbfcfd}.manual-section,.manual-tier-block{padding:16px}.manual-section p,.manual-section li,.manual-limitations span{color:#465660;font-size:.88rem;line-height:1.55}.manual-section p+p{margin-top:10px}.manual-section ol{margin:0;padding-left:20px}.manual-section li+li{margin-top:5px}.manual-section ol+p{margin-top:12px}.manual-tier-block{margin-top:14px}.tier-table{display:grid;overflow:hidden;border:1px solid #dce5e8;border-radius:8px}.tier-row{display:grid;grid-template-columns:minmax(160px,1.2fr) repeat(3,minmax(130px,1fr))}.tier-row+.tier-row{border-top:1px solid #e3eaed}.tier-row span{min-width:0;padding:11px 12px;color:#465660;font-size:.84rem;line-height:1.35;overflow-wrap:anywhere}.tier-row span+span{border-left:1px solid #e3eaed}.tier-row span:first-child,.tier-head span{color:#121821;font-weight:850}.tier-head{background:#eef5f7}.manual-limitations{margin-top:14px;padding:13px 14px;display:flex;align-items:flex-start;gap:8px}.manual-limitations strong{white-space:nowrap}.billing-panel{padding:18px;display:grid;gap:16px}.billing-summary,.billing-active-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.billing-summary p{margin-top:7px;color:#60727c;font-size:.9rem;line-height:1.4}.billing-badge{min-height:32px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:7px 10px;border-radius:8px;font-size:.78rem;font-weight:850;text-transform:capitalize;white-space:nowrap}.billing-badge.active{color:#176b43;background:#eaf7ef}.billing-badge.inactive{color:#7c5614;background:#fff2d7}.billing-active-row{align-items:center;padding:12px;border:1px solid #e3eaed;border-radius:8px;background:#fbfcfd}.billing-active-row strong,.billing-active-row span{display:block}.billing-active-row span{margin-top:4px;color:#60727c;font-size:.84rem}.billing-active-copy{min-width:0}.billing-meter{min-width:130px;padding-left:14px;border-left:1px solid #e3eaed}.billing-meter span{margin-top:0;font-size:.72rem;font-weight:850;text-transform:uppercase}.billing-meter strong{margin-top:4px;font-size:1.55rem;line-height:1}.billing-meter small{display:block;margin-top:3px;color:#60727c;font-size:.78rem}.plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.plan-card{min-height:232px;display:grid;align-content:start;gap:14px;padding:15px;border:1px solid #e3eaed;border-radius:8px;background:#fbfcfd}.plan-card h3{font-size:1rem}.plan-card p{margin-top:7px;color:#60727c}.plan-card p strong{color:#121821;font-size:1.35rem}.usage-line,.plan-note{display:block;margin-top:5px;color:#176b87;font-size:.82rem;font-weight:800}.plan-note{color:#60727c;font-weight:650;line-height:1.35}.plan-card ul{margin:0;padding-left:18px;color:#465660;font-size:.84rem;line-height:1.55}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.stat-card{min-height:84px;padding:15px;border-radius:8px;border:1px solid #dce5e8;background:#fff}.stat-card span{display:block;color:#60727c;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:0}.stat-card strong{display:block;margin-top:9px;font-size:2rem;line-height:1}.stat-card.blue{border-top:4px solid #176b87}.stat-card.green{border-top:4px solid #1f8a5b}.stat-card.gold{border-top:4px solid #d9a441}.link-stack,.link-banner{min-height:56px;align-items:center;gap:10px;padding:10px 12px}.link-stack{display:grid;grid-template-columns:auto minmax(0,1fr);border:1px solid #dce5e8;border-radius:8px;background:#fff;box-shadow:0 18px 38px #18232b14}.link-stack>div{display:grid;gap:8px;min-width:0}.link-banner{display:grid;grid-template-columns:minmax(92px,.35fr) minmax(0,1fr) auto auto;align-items:center;padding:0;box-shadow:none;border:0}.link-banner span{color:#465660;font-size:.82rem;font-weight:800;overflow-wrap:anywhere}.documents-table{padding:18px}.recipient-inbox-table{min-height:420px}.feature-suite-panel{padding:18px;border:1px solid #dce5e8;border-radius:8px;background:#fff;box-shadow:0 18px 38px #18232b14}.feature-suite-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.feature-card{min-width:0;padding:14px;border:1px solid #e3eaed;border-radius:8px;background:#fbfcfd}.feature-card p,.mini-list span,.provider-list span,.template-chip-row span{color:#465660;font-size:.84rem;line-height:1.45}.mini-list,.provider-list,.template-chip-row,.company-form{display:grid;gap:8px}.template-chip-row{grid-template-columns:repeat(2,minmax(0,1fr))}.template-chip-row button{min-width:0;overflow-wrap:anywhere}.empty-state,.center-state{min-height:260px;display:grid;place-items:center;gap:10px;color:#61707c}.empty-state p{font-weight:750}.document-list{display:grid;gap:10px}.document-row{min-height:78px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:12px;border:1px solid #e3eaed;border-radius:8px;background:#fbfcfd}.document-main{min-width:0;display:flex;align-items:flex-start;gap:11px}.document-main svg{flex:0 0 auto;color:#176b87}.document-main p,.document-main small,.signature-panel p,.signature-panel small{display:block;margin-top:5px;color:#64737d;font-size:.84rem;overflow-wrap:anywhere}.status-chip{min-height:30px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 9px;border-radius:8px;font-size:.78rem;font-weight:850;text-transform:capitalize;white-space:nowrap}.status-chip.sent{color:#176b87;background:#e8f4f7}.status-chip.signed{color:#176b43;background:#eaf7ef}.status-chip.expired{color:#7c5614;background:#fff2d7}.status-chip.voided{color:#7a2d1d;background:#fae9e4}.row-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px}.row-actions button,.link-banner button{width:38px;padding:0}.toast{position:fixed;right:18px;bottom:18px;max-width:min(420px,calc(100vw - 36px));min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px 10px 15px;border-radius:8px;color:#fff;background:#101820;box-shadow:0 18px 38px #00000038;z-index:30}.toast .icon-button{color:#fff}.signer-workspace{width:min(1280px,calc(100vw - 32px));margin:28px auto 42px;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,390px);gap:22px;align-items:start}.preview-panel,.signature-panel{padding:18px}.preview-panel iframe{display:block;width:100%;height:min(72vh,820px);min-height:520px;border:1px solid #dce5e8;border-radius:8px;background:#eef2f4}.signature-panel{display:grid;gap:18px;position:sticky;top:94px}.signature-input-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:-10px}.signature-input-heading span{color:#465660;font-size:.84rem;font-weight:800}.signature-input-heading small{color:#6a7982;font-size:.78rem;text-align:right}.signature-box{display:grid;gap:10px}.signature-mode{width:fit-content;display:inline-grid;grid-template-columns:repeat(2,minmax(74px,1fr));gap:3px;padding:3px;border:1px solid #d6e1e5;border-radius:8px;background:#f5f8f9}.signature-mode button{min-height:32px;padding:6px 10px;border-radius:6px;color:#4b5a64;background:transparent;font-size:.82rem;font-weight:800}.signature-mode button.active{color:#fff;background:#176b87}.signature-pad{position:relative;width:100%;height:210px;border:1px solid #ccd8dc;border-radius:8px;background:#fff;overflow:hidden;overscroll-behavior:contain;-webkit-user-select:none;user-select:none}.signature-pad canvas{display:block;width:100%;height:100%;cursor:crosshair;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.clear-button{position:absolute;top:8px;right:8px;background:#f3f6f7}.typed-signature{min-height:210px;display:grid;align-content:center;gap:10px;padding:18px;border:1px solid #ccd8dc;border-radius:8px;background:#fff}.typed-signature span{color:#465660;font-size:.84rem;font-weight:800}.typed-signature input{min-height:58px;font-family:Georgia,Times New Roman,serif;font-size:1.45rem;font-style:italic}.consent-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;color:#34434d;font-weight:700}.consent-row input{width:18px;min-height:18px;margin-top:2px}.complete-panel{width:min(560px,calc(100vw - 32px));min-height:330px;margin:58px auto;padding:32px;display:grid;align-content:center;justify-items:center;gap:16px;text-align:center}.complete-panel svg{color:#1f8a5b}.complete-panel p{color:#65747e;line-height:1.5}.security-panel{width:min(520px,calc(100vw - 32px))}.security-actions,.security-code-form{width:min(360px,100%);display:grid;gap:10px}.security-actions{grid-template-columns:1fr auto}.security-code-form input{text-align:center;font-size:1.35rem;letter-spacing:0;font-weight:800}.error-panel svg{color:#c8513a}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.top-bar,.signer-header{position:static;align-items:flex-start;flex-direction:column}.top-actions{width:100%;flex-wrap:wrap;justify-content:space-between}.workspace,.signer-workspace{grid-template-columns:1fr}.manual-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-suite-grid{grid-template-columns:1fr}.tier-table{overflow-x:auto}.tier-row{min-width:760px}.compose-panel,.signature-panel{position:static}.preview-panel iframe{height:64vh;min-height:430px}}@media(max-width:620px){.workspace,.signer-workspace,.recipient-workspace{width:min(100vw - 20px,1280px);margin-top:14px}.manual-panel{width:min(100vw - 20px,1280px);padding:16px}.manual-grid{grid-template-columns:1fr}.manual-heading{align-items:flex-start}.manual-limitations{flex-direction:column}.stats-grid,.plan-grid{grid-template-columns:1fr}.billing-summary,.billing-active-row{flex-direction:column}.billing-meter{width:100%;padding-left:0;padding-top:10px;border-top:1px solid #e3eaed;border-left:0}.document-row{grid-template-columns:1fr}.status-chip{width:fit-content}.row-actions{justify-content:flex-start}.link-stack,.link-banner{grid-template-columns:auto minmax(0,1fr)}.link-banner,.signer-mini-grid{grid-template-columns:1fr}.link-banner button,.signer-mini-grid button,.auth-buttons{width:100%}.auth-buttons button{flex:1}.auth-stack{width:100%;justify-items:stretch}.email-auth-form{grid-template-columns:1fr}}.onboarding-banner{margin:18px clamp(16px,3vw,36px) 0;padding:20px 24px;background:#fff;border:1px solid #dfe6e9;border-radius:14px;display:grid;gap:12px}.onboarding-banner h2{margin:2px 0 0;font-size:1.15rem}.onboarding-banner ol{margin:0;padding-left:20px;display:grid;gap:6px;color:#45525f;font-size:.92rem}.settings-workspace{max-width:860px;margin:0 auto;padding:22px clamp(16px,3vw,36px) 60px;display:grid;gap:18px}.settings-card{background:#fff;border:1px solid #dfe6e9;border-radius:14px;padding:20px}.settings-profile-line{margin:10px 0 0;color:#45525f;font-size:.94rem}.settings-inline-form{display:grid;gap:12px;margin-top:12px}.settings-inline-form p{margin:0;color:#45525f;font-size:.92rem}.settings-inline-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.settings-inline-controls input{flex:1 1 220px;min-width:0;padding:10px 12px;border:1px solid #ccd6dd;border-radius:10px}.settings-secret{display:inline-block;padding:10px 14px;background:#f1f5f8;border:1px dashed #b9c6cf;border-radius:10px;font-size:1.02rem;letter-spacing:.12em;word-break:break-all;-webkit-user-select:all;user-select:all}.settings-otpauth{color:#176b87;font-size:.9rem;text-decoration:underline}.settings-fit-button{justify-self:start}.settings-danger{border-top:1px solid #eadfdf;padding-top:14px}.settings-danger p{color:#8f3d3d;display:flex;align-items:center;gap:6px}.danger-button{color:#a13232;border:1px solid #dfb9b9!important}.settings-legal-links{display:flex;gap:18px;margin-top:12px}.settings-legal-links a{color:#176b87;text-decoration:underline;font-size:.94rem}.settings-footnote{margin:12px 0 0;color:#6a7682;font-size:.82rem}.audit-list{display:grid;gap:8px;margin-top:12px}.audit-row{display:grid;grid-template-columns:minmax(140px,auto) 1fr auto;gap:10px;align-items:baseline;padding:8px 10px;background:#f7fafb;border:1px solid #e6edf0;border-radius:10px;font-size:.86rem}.audit-type{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#176b87;font-size:.78rem}.audit-message{color:#3c4854}.audit-row small{color:#7b8792;white-space:nowrap}@media(max-width:640px){.audit-row{grid-template-columns:1fr;gap:2px}}.legal-page{max-width:760px}.legal-card h1{margin:0 0 4px;font-size:1.5rem}.legal-card h2{margin:20px 0 6px;font-size:1.05rem}.legal-card p{margin:0 0 10px;color:#3c4854;font-size:.94rem;line-height:1.55}.legal-updated{color:#7b8792!important;font-size:.84rem!important}.request-context{background:#f2f8f6;border:1px solid #cfe5dd;border-radius:12px;padding:14px 16px}.request-context-heading{display:flex;align-items:center;gap:8px;font-weight:600;font-size:.9rem;color:#1c6b54;margin-bottom:8px}.request-context ul{margin:0;padding-left:18px;display:grid;gap:6px;color:#3c4854;font-size:.87rem}.request-context code{font-size:.8rem;background:#e7f1ee;padding:1px 5px;border-radius:6px}