:root{--bg:#f5f6f8;--paper:#fff;--ink:#101828;--muted:#667085;--line:#e5e7eb;--dark:#111827;--accent:#111827;--green:#067647;--greenbg:#ecfdf3;--amber:#b54708;--amberbg:#fffaeb;--red:#b42318;--redbg:#fef3f2;--shadow:0 18px 50px rgba(16,24,40,.08)}*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}body{margin:0}.top{height:76px;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2));position:sticky;top:0;z-index:10;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);font-weight:760;letter-spacing:-.02em}.brand.big{font-size:20px}.mark{width:34px;height:34px;border-radius:10px;background:#111827;color:white;display:grid;place-items:center;font-weight:800}.top nav{display:flex;gap:6px}.top nav a{color:#475467;text-decoration:none;padding:10px 12px;border-radius:10px;font-weight:600;font-size:14px}.top nav a:hover{background:#f2f4f7}.shell{max-width:1180px;margin:0 auto;padding:44px 24px 80px}.footer{padding:42px 0 10px;text-align:center;color:#98a2b3;font-size:13px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.12em;color:#667085}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:28px}.page-head h1,.sign-intro h1,.complete h1{font-size:clamp(34px,5vw,50px);line-height:1.02;letter-spacing:-.045em;margin:8px 0 10px}.page-head p,.sign-intro p{color:var(--muted);margin:0}.actions,.form-actions,.complete-actions{display:flex;gap:10px;align-items:center}.inline{display:inline}.btn{appearance:none;border:0;border-radius:12px;padding:12px 16px;font:inherit;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:.18s}.btn.primary{background:#111827;color:#fff}.btn.primary:hover{background:#1f2937;transform:translateY(-1px)}.btn.ghost{background:#fff;border:1px solid var(--line);color:var(--ink)}.btn.dark{background:#344054;color:#fff}.btn.danger{background:var(--redbg);color:var(--red);border:1px solid #fecdca}.btn.full{width:100%}.btn.large{padding:15px 20px}.panel{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 1px 2px rgba(16,24,40,.02)}.panel-title{padding:20px 22px;border-bottom:1px solid var(--line)}.panel-title h2{margin:0;font-size:17px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 18px}.stats>div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 20px}.stats span{display:block;color:var(--muted);font-size:13px}.stats strong{display:block;font-size:30px;margin-top:6px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:15px 22px;border-bottom:1px solid #eef0f3;font-size:14px}th{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#667085}td small{display:block;color:#98a2b3;margin-top:4px}tr:last-child td{border-bottom:0}.text-link{color:#344054;font-weight:700;text-decoration:none}.empty{text-align:center;color:#98a2b3;padding:40px}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:750}.badge.sent{color:var(--amber);background:var(--amberbg)}.badge.signed{color:var(--green);background:var(--greenbg)}.badge.draft{color:#344054;background:#f2f4f7}.badge.revoked,.badge.declined{color:var(--red);background:var(--redbg)}.form-panel{padding:24px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-panel>label{margin-top:18px}label{display:block;font-size:13px;font-weight:700;color:#344054}label>span{font-weight:500;color:#98a2b3}input,textarea{width:100%;margin-top:8px;border:1px solid #d0d5dd;border-radius:12px;padding:12px 13px;font:inherit;color:#101828;background:#fff;outline:none}input:focus,textarea:focus{border-color:#667085;box-shadow:0 0 0 3px rgba(102,112,133,.12)}textarea{resize:vertical;line-height:1.65}.form-panel small{display:block;color:#98a2b3;margin-top:7px;font-weight:500}.form-actions{justify-content:flex-end;margin-top:20px}.alert{padding:14px 16px;border-radius:13px;margin:0 0 18px;font-weight:600;font-size:14px}.alert.error{background:var(--redbg);color:var(--red);border:1px solid #fecdca}.alert.success{background:var(--greenbg);color:var(--green);border:1px solid #abefc6}.share-box{background:#101828;color:#fff;border-radius:18px;padding:20px 22px;margin-bottom:20px;display:grid;grid-template-columns:.8fr 1.2fr;gap:20px;align-items:center}.share-box p{margin:5px 0 0;color:#98a2b3;font-size:13px}.copy-row{display:flex;gap:8px}.copy-row input{margin:0;background:#1d2939;border-color:#344054;color:#fff;font-family:ui-monospace,monospace}.agreement-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;align-items:start}.paper{background:#fff;border:1px solid #e4e7ec;border-radius:5px;padding:54px clamp(28px,6vw,68px);box-shadow:var(--shadow)}.paper-top{display:flex;justify-content:space-between;color:#98a2b3;font-size:11px;font-weight:800;letter-spacing:.1em}.paper h2{font-size:34px;letter-spacing:-.035em;margin:26px 0 30px}.party-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:34px}.party-grid div{display:flex;flex-direction:column;gap:4px}.party-grid small{color:#98a2b3;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.party-grid span{font-size:13px;color:#667085}.contract-body h3{font-size:16px;margin:28px 0 8px}.contract-body p{font-family:Georgia,serif;font-size:15px;line-height:1.72;color:#344054;margin:0}.spacer{height:10px}.hash-box{margin-top:38px;padding-top:18px;border-top:1px solid var(--line)}.hash-box small{display:block;color:#98a2b3;margin-bottom:6px}.hash-box code,.signed-card code,.receipt code{font-size:10px;color:#667085;word-break:break-all}.signed-card{display:flex;gap:14px;background:var(--greenbg);border:1px solid #abefc6;border-radius:15px;padding:18px;margin-top:20px}.signed-card p{margin:4px 0;color:#067647;font-size:13px}.signed-icon,.complete-check{width:34px;height:34px;border-radius:50%;background:#079455;color:white;display:grid;place-items:center;font-weight:800;flex:0 0 auto}.compact{padding:20px;margin-bottom:16px}.compact h3{margin:0 0 16px}.compact dl{margin:0}.compact dt{font-size:11px;color:#98a2b3;text-transform:uppercase;letter-spacing:.06em;margin-top:14px}.compact dd{margin:5px 0 0;font-size:13px}.mono{font-family:ui-monospace,monospace;color:#98a2b3;font-size:11px}.timeline>div{display:grid;grid-template-columns:10px 1fr;gap:10px;margin:14px 0}.timeline>div>span{width:8px;height:8px;border-radius:50%;background:#d0d5dd;margin-top:5px}.timeline p{margin:0;font-size:12px}.timeline small{display:block;color:#98a2b3;margin-top:3px}.back{font-size:13px;color:#667085;text-decoration:none}.sign-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:50px}.sign-intro{max-width:760px;margin-bottom:26px}.customer-paper{max-width:900px;margin:0 auto}.signing-box{max-width:900px;margin:22px auto 0;padding:28px}.signing-box h2{font-size:27px;margin:6px 0}.signing-box>div>p{color:#667085}.signature-wrap{position:relative;margin-top:8px;border:1px solid #d0d5dd;background:#fcfcfd;border-radius:14px;overflow:hidden}.signature-wrap:after{content:"";position:absolute;left:5%;right:5%;bottom:34%;height:1px;background:#eaecf0;pointer-events:none}.signature-wrap canvas{display:block;width:100%;aspect-ratio:900/260;touch-action:none;position:relative;z-index:1}.clear-signature{position:absolute;right:10px;top:10px;z-index:2;background:#fff;border:1px solid #e4e7ec;border-radius:8px;padding:7px 10px;color:#667085;cursor:pointer}.check{display:grid;grid-template-columns:20px 1fr;gap:10px;align-items:start;margin:18px 0}.check input{width:18px;height:18px;margin:2px 0 0}.check span{font-weight:500;color:#475467;line-height:1.5}.fine{font-size:12px;color:#98a2b3;text-align:center}.complete{max-width:760px;margin:70px auto;text-align:center}.complete-check{width:58px;height:58px;font-size:28px;margin:0 auto 20px}.complete>p{font-size:17px;color:#667085}.complete-actions{justify-content:center;margin:26px 0}.receipt{text-align:left;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;margin-top:30px}.receipt>div+div{margin-top:12px}.receipt small{display:block;color:#98a2b3;margin-bottom:4px}.hero-card{min-height:440px;background:#111827;border-radius:26px;color:white;padding:clamp(28px,6vw,68px);display:grid;grid-template-columns:1.3fr .7fr;gap:50px;align-items:center}.hero-card h1{font-size:clamp(42px,6vw,70px);line-height:.98;letter-spacing:-.055em;margin:12px 0 22px}.hero-card p{color:#cbd5e1;font-size:17px;line-height:1.6}.secure-panel{background:#1d2939;border:1px solid #344054;border-radius:20px;padding:24px}.secure-panel .lock{display:grid;width:42px;height:42px;border-radius:50%;background:#ecfdf3;color:#067647;place-items:center;margin-bottom:16px}.secure-panel p{font-size:13px}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 0,#fff 0,#f6f7f9 45%,#eef1f4 100%)}.auth-card{width:min(100%,430px);background:#fff;border:1px solid var(--line);border-radius:24px;padding:34px;box-shadow:var(--shadow)}.auth-card h1{font-size:34px;letter-spacing:-.04em;margin:26px 0 8px}.auth-card .muted{color:#667085;margin:0 0 24px}.auth-card label{margin-top:14px}.auth-card .btn{margin-top:18px}
@media(max-width:820px){.top{height:68px;padding:0 16px}.top nav a:not(:last-child){display:none}.shell{padding:28px 14px 60px}.page-head{flex-direction:column}.stats{grid-template-columns:1fr 1fr 1fr}.agreement-layout{grid-template-columns:1fr}.agreement-layout aside{display:grid;grid-template-columns:1fr 1fr;gap:14px}.share-box{grid-template-columns:1fr}.hero-card{grid-template-columns:1fr}.grid2,.party-grid{grid-template-columns:1fr}.paper{padding:36px 22px}.paper h2{font-size:28px}.sign-head{margin-bottom:34px}.actions{width:100%;flex-wrap:wrap}.copy-row{flex-direction:column}.auth-card{padding:26px}.agreement-layout aside{grid-template-columns:1fr}.stats strong{font-size:24px}th:nth-child(4),td:nth-child(4){display:none}}
@media(max-width:520px){.stats{gap:8px}.stats>div{padding:14px}.stats span{font-size:11px}.paper{border-radius:0;margin-left:-14px;margin-right:-14px;border-left:0;border-right:0}.customer-paper{margin-left:-14px;margin-right:-14px}.signing-box{margin-left:0;margin-right:0;padding:20px}.page-head h1,.sign-intro h1,.complete h1{font-size:36px}.hero-card{padding:30px 24px;border-radius:20px}.hero-card h1{font-size:44px}.top .brand span:last-child{font-size:14px}}
@media print{.top,.footer,.actions,.page-head .btn,aside,.share-box{display:none!important}.shell{max-width:none;padding:0}.agreement-layout{display:block}.paper{border:0;box-shadow:none;padding:0}}

/* Syncs Avtal v2 */
.footer{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}.footer a{color:#667085;text-decoration:none}.footer a:hover{text-decoration:underline}
.review-banner{max-width:900px;margin:0 auto 18px;background:#fff;border:1px solid #d9e1ea;border-radius:16px;padding:15px 18px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 1px 2px rgba(16,24,40,.03)}.review-banner>div{display:flex;align-items:center;gap:12px}.review-banner strong{display:block;font-size:14px}.review-banner p{margin:3px 0 0;color:#667085;font-size:12px;line-height:1.45}.security-dot{width:30px;height:30px;border-radius:9px;background:#ecfdf3;color:#067647;display:grid;place-items:center;font-weight:900;flex:0 0 auto}
.signing-box>p{color:#667085;line-height:1.6}.signing-box a{color:#344054}.muted-small{color:#98a2b3;font-size:13px;line-height:1.6}.timeline>div>span.sent{background:#079455}.timeline>div>span.failed{background:#d92d20}
.privacy-hero{max-width:820px;padding:34px 0 28px}.privacy-hero h1{font-size:clamp(40px,6vw,64px);letter-spacing:-.055em;line-height:1;margin:10px 0 18px}.privacy-hero p{font-size:17px;color:#667085;line-height:1.7;max-width:720px}.privacy-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.privacy-card{padding:24px}.privacy-card h2{font-size:18px;letter-spacing:-.02em;margin:0 0 10px}.privacy-card p{font-size:14px;color:#475467;line-height:1.7;margin:0}.privacy-card a{color:#101828}.privacy-version{text-align:center;color:#98a2b3;font-size:12px;margin:26px 0}
.privacy-search{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end}.gdpr-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:18px;margin:18px 0}.gdpr-grid>.panel,.request-table+.panel{padding:24px}.panel-title-row{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}.panel-title-row h2,.gdpr-grid h2{margin:5px 0 0;font-size:24px;letter-spacing:-.035em}.mini-list{border-top:1px solid #eef0f3}.mini-list a{display:flex;align-items:center;justify-content:space-between;gap:18px;text-decoration:none;color:#101828;padding:15px 2px;border-bottom:1px solid #eef0f3}.mini-list a:hover strong{text-decoration:underline}.mini-list span{display:block;color:#98a2b3;font-size:12px;margin-top:4px}.request-table>div{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:16px 0;border-bottom:1px solid #eef0f3}.request-table>div:last-child{border-bottom:0}.request-table span{display:block;font-size:12px;color:#98a2b3;margin-top:4px}.request-table p{color:#475467;font-size:13px}.btn.small{padding:8px 10px;font-size:12px}select{width:100%;margin-top:8px;border:1px solid #d0d5dd;border-radius:12px;padding:12px 13px;font:inherit;color:#101828;background:#fff;outline:none}select:focus{border-color:#667085;box-shadow:0 0 0 3px rgba(102,112,133,.12)}
@media(max-width:820px){.privacy-grid,.gdpr-grid{grid-template-columns:1fr}.privacy-search{grid-template-columns:1fr}.review-banner{align-items:flex-start;flex-direction:column}.top nav{overflow-x:auto;max-width:62vw}.top nav a{white-space:nowrap}.top nav a:not(:last-child){display:inline-flex}.top{gap:10px}.top .brand{flex:0 0 auto}.top nav{gap:2px}.top nav a{padding:8px 9px;font-size:12px}}
@media(max-width:560px){.top nav a:nth-child(1),.top nav a:nth-child(2){display:none}.privacy-hero{padding-top:15px}.privacy-card{padding:20px}.panel-title-row{flex-direction:column}.request-table>div{flex-direction:column}.review-banner{margin-left:0;margin-right:0}.signing-box .grid2{gap:12px}}

/* v3 contract editor and counter-signature flow */
.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;align-items:start}.editor-layout .form-panel{margin:0}.editor-help{position:sticky;top:98px}.editor-help ul{padding-left:20px;color:#475467;line-height:1.8}.clause-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 12px}.clause-toolbar button{border:1px solid var(--line);background:#f9fafb;border-radius:9px;padding:8px 10px;font:inherit;font-size:13px;font-weight:700;color:#344054;cursor:pointer}.clause-toolbar button:hover{background:#f2f4f7}.countersign{margin-bottom:24px;padding:26px;display:grid;grid-template-columns:minmax(0,.8fr) minmax(420px,1.2fr);gap:32px;align-items:start;border-color:#fedf89;background:linear-gradient(180deg,#fffdf5,#fff)}.countersign h2{margin:8px 0 10px;font-size:28px;letter-spacing:-.035em}.signature-proof{margin-top:18px;border:1px solid var(--line);border-radius:14px;padding:16px;display:flex;justify-content:space-between;gap:16px;align-items:center;background:#fafafa}.signature-proof>div{display:flex;flex-direction:column;gap:4px}.signature-proof small{font-size:11px;font-weight:800;letter-spacing:.08em;color:#667085}.signature-proof span{font-size:13px;color:#667085}.signature-proof img{width:210px;max-height:90px;object-fit:contain;background:white;border:1px solid #eaecf0;border-radius:8px}.hash-box.final{background:#f0fdf4;border-color:#bbf7d0}.badge.customer_signed{background:#fffaeb;color:#b54708;border:1px solid #fedf89}.signature-wrap canvas{touch-action:none;background:#fff}
@media(max-width:900px){.editor-layout{grid-template-columns:1fr}.editor-help{position:static}.countersign{grid-template-columns:1fr}.signature-proof{align-items:flex-start;flex-direction:column}.signature-proof img{width:100%;max-width:280px}.page-head .actions{flex-wrap:wrap}}
@media(min-width:901px){.stats{grid-template-columns:repeat(4,1fr)}}