.agreement-section{background:#edece5}.agreement-layout{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:start}.agreement-lead{font-size:16px;line-height:1.9;max-width:580px;color:var(--muted)}.agreement-lead strong{color:var(--ink);font-weight:500}.contract-card{border:1px solid #bbc5b5;background:var(--paper);padding:30px;margin-top:30px}.contract-card-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:20px;border-bottom:1px solid var(--line)}.contract-card-head .document-number{font-family:var(--serif);font-size:37px;line-height:1;color:#718068}.contract-card h3{font-family:var(--serif);font-size:29px;line-height:1.3;letter-spacing:-.02em;margin:23px 0 17px}.contract-card ul{list-style:none;padding:0;margin:0 0 23px;font-size:14px;color:var(--muted);line-height:1.8}.contract-card li{padding:7px 0;border-bottom:1px solid #d5dbcf}.contract-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px}.contract-actions .button{font-size:12px}.contract-card small{display:block;font-size:12px;line-height:1.8;color:var(--muted);margin-top:18px}.signature-flow{padding:0;margin:0;list-style:none;counter-reset:agreement}.signature-flow li{display:grid;grid-template-columns:40px 1fr;gap:18px;padding:23px 0;border-bottom:1px solid #bcc7b7}.signature-flow li:first-child{padding-top:0}.signature-flow li:before{counter-increment:agreement;content:'0' counter(agreement);font-size:12px;color:#6d7d62;padding-top:5px}.signature-flow h3{font-size:17px;font-weight:500;line-height:1.5;margin-bottom:9px}.signature-flow p{font-size:14px;line-height:1.85;color:var(--muted)}.signature-demo{margin-top:40px;padding:30px;border:1px solid #aebda3;background:#f6f6f0}.signature-demo-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.signature-demo h3{font-family:var(--serif);font-size:30px;letter-spacing:-.02em;line-height:1.25}.signature-demo>p{font-size:13px;line-height:1.8;color:var(--muted);margin:13px 0 20px}.signature-fields{display:grid;grid-template-columns:1fr 1fr auto;gap:20px;align-items:end}.signature-fields label{display:block;font-size:13px;line-height:1.5;margin-bottom:8px}.signature-fields input{display:block;width:100%;min-height:47px;border:1px solid #aebaa3;background:#fffefa;border-radius:0;padding:11px 13px;color:var(--ink);font-size:16px}.signature-fields [aria-invalid=true]{border-color:var(--error)}.signature-fields .button{min-height:47px}.signature-error{font-size:13px;line-height:1.7;color:var(--error);margin-top:10px}.signature-examples{display:flex;gap:15px;flex-wrap:wrap;align-items:center;font-size:12px;color:var(--muted);margin-top:15px}.signature-examples button{border:0;background:none;padding:10px 0;min-height:44px;text-decoration:underline;text-underline-offset:4px;color:var(--ink);font-size:12px}.signature-result{display:grid;grid-template-columns:110px 1fr;gap:25px;margin-top:22px;padding:25px 0 0;border-top:1px solid #bbc6b0}.signature-required span{font-size:12px;display:block;color:var(--muted)}.signature-required strong{font-family:var(--serif);font-size:55px;line-height:1.2;font-weight:400;display:block;color:var(--navy)}.signature-result h4{font-size:17px;line-height:1.5;font-weight:500;margin:9px 0}.signature-result p{font-size:13px;line-height:1.8;color:var(--muted)}.signature-result small{font-size:12px;color:var(--muted)}.signature-result progress{display:block;width:100%;height:5px;appearance:none;border:0;background:#d4ddcc;margin:10px 0 13px}.signature-result progress::-webkit-progress-bar{background:#d4ddcc}.signature-result progress::-webkit-progress-value{background:#70825f}.signature-result progress::-moz-progress-bar{background:#70825f}.signature-preview-note{font-size:12px;line-height:1.8;margin-top:22px;padding-top:15px;border-top:1px solid #cbd4c2;color:var(--muted)}.signature-preview-note strong{font-weight:500;color:var(--ink)}.agreement-limit{font-size:13px;line-height:1.9;border-left:2px solid #8a997d;padding-left:18px;margin-top:27px;color:var(--muted)}.agreement-limit strong{color:var(--ink);font-weight:500}.agreement-limit a{text-decoration:underline;text-underline-offset:3px}.agreement-delivery{margin-top:25px;display:flex;gap:20px;align-items:center}.agreement-delivery button{min-height:47px;min-width:220px;padding:12px 16px;border:1px solid #a9b5a0;color:#697765;background:transparent;font-size:13px;cursor:not-allowed}.agreement-delivery p{font-size:12px;color:var(--muted);line-height:1.8}
@media(max-width:850px){.agreement-layout{gap:30px}.contract-card{padding:24px}.signature-fields{gap:14px}.signature-fields .button{padding:12px}.agreement-delivery{align-items:flex-start;flex-direction:column;gap:10px}}
@media(max-width:640px){.agreement-layout{grid-template-columns:1fr;gap:35px}.agreement-lead{font-size:15px}.contract-card{padding:24px 20px;margin-top:24px}.contract-card h3{font-size:28px}.contract-actions{align-items:flex-start;flex-direction:column;gap:8px}.signature-flow{margin-top:0}.signature-flow li{gap:12px;grid-template-columns:27px 1fr}.signature-flow h3{font-size:17px}.signature-flow p{font-size:14px}.signature-demo{padding:24px 20px;margin-top:30px}.signature-demo-heading{align-items:flex-start}.signature-demo-heading .tag{font-size:8px;white-space:nowrap}.signature-demo h3{font-size:27px}.signature-fields{grid-template-columns:1fr}.signature-fields .button{justify-content:space-between}.signature-result{grid-template-columns:68px 1fr;gap:18px}.signature-required strong{font-size:48px}.signature-required span{font-size:11px}.signature-result h4{font-size:16px}.signature-result p{font-size:13px}.signature-examples{gap:13px}.signature-examples button{font-size:11px}.agreement-limit{font-size:12px}.agreement-delivery button{width:100%}}
@media print{.signature-demo,.agreement-delivery{display:none}.agreement-layout{display:block}.contract-actions{display:none}.agreement-section{background:white}.signature-flow{margin-top:20px}}
.signature-demo{scroll-margin-top:120px}@media(max-width:640px){.signature-demo{scroll-margin-top:110px}}