.skip-link{position:absolute;top:-80px;left:15px;background:white;padding:12px;z-index:5}.skip-link:focus{top:10px}.demo-wrap{max-width:1320px;padding:46px 30px}.demo-heading{grid-template-columns:1fr 280px;gap:65px;margin-bottom:30px}.demo-eyebrow{font-size:10px;letter-spacing:1.6px}.demo-heading>div>p:last-child{max-width:660px;color:#52617a}h1{font-size:clamp(32px,3.7vw,50px)}.demo-journey{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #dbe1ec;padding:23px 0;color:#34435e;font-size:12px;font-weight:600}.demo-journey i{color:#1739e8;font-size:20px;font-style:normal}.demo-steps button{padding:17px 12px;font-size:13px}.demo-steps button span{font-size:11px;width:28px;height:28px;margin-right:8px}.demo-workspace{grid-template-columns:1.2fr 1fr;gap:26px}.demo-context{min-width:0}.demo-context-label{display:flex;justify-content:space-between;gap:10px;font-size:9px;font-weight:700;letter-spacing:1px;margin:0 2px 12px;color:#566681}.demo-context-label span:last-child{letter-spacing:0;color:#1739e8}.demo-file{font-size:11px}.demo-document{padding:28px 32px;font-size:13px}.demo-document h2{font-size:23px;margin:20px 0}.demo-doc-label{color:#66748a;letter-spacing:1px}.demo-partial #demo-value,.demo-partial #demo-term{filter:blur(2px);user-select:none}.demo-signatures{margin-top:35px;font-size:10px}.demo-doc-footer{color:#67758b;margin-top:28px}.demo-boundary{padding:18px 4px;font-size:12px;color:#53617b}.demo-boundary p{margin:6px 0}.demo-boundary strong{color:#283957}.demo-panel{min-height:600px}.demo-panel h2{font-size:27px}.demo-panel h3{font-size:14px;margin:22px 0 10px}.demo-subtle{color:#52617a}.demo-tag{font-size:9px}.demo-action{padding:12px 18px;font-size:13px}.demo-action-row{margin-top:22px}.demo-note{font-size:11px;color:#586881;margin-top:18px}.demo-success{font-size:13px}.demo-success p{margin-bottom:0}.erp-card{border:1px solid #dce3ef;border-radius:10px;margin:24px 0;background:#fcfdff;overflow:hidden}.erp-header{display:flex;align-items:center;gap:10px;background:#f2f5fa;padding:16px;flex-wrap:wrap}.erp-header strong{display:block;font-size:13px}.erp-header small{display:block;font-size:10px;color:#5a6980}.erp-icon{background:#14213a;color:white;display:grid;place-items:center;width:32px;height:32px;border-radius:6px;font-weight:700}.demo-pill{margin-left:auto;font-size:9px;border-radius:15px;padding:4px 9px;background:#e5eaf3;color:#40516f}.erp-fields{padding:0 18px;margin:0}.erp-fields>div{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid #e6ebf2;font-size:12px}.erp-fields>div:last-child{border:0}.erp-fields dt{color:#5b6980}.erp-fields dd{margin:0;text-align:right;font-weight:600}.demo-api{margin-top:22px;border:1px solid #dce2ed;border-radius:7px;font-size:11px;overflow:hidden}.demo-api summary{cursor:pointer;padding:12px 14px;color:#435674;background:#f8faff}.demo-api pre{margin:0;padding:16px;overflow-x:auto;background:#14213a;color:#d5e8ff;font:11px/1.7 ui-monospace,Consolas,monospace}.demo-scenarios{padding:0;border:0;margin:22px 0;display:flex;gap:7px;flex-wrap:wrap}.demo-scenarios legend{font-size:11px;font-weight:600;margin-bottom:10px}.demo-scenarios label{cursor:pointer;position:relative}.demo-scenarios input{position:absolute;opacity:0;width:1px;height:1px}.demo-scenarios span{display:block;padding:7px 9px;border:1px solid #d8e0ed;border-radius:6px;font-size:10px;color:#52617a}.demo-scenarios input:checked+span{background:#edf0ff;border-color:#1739e8;color:#1739e8}.demo-scenarios input:focus-visible+span{outline:3px solid #ea7c36;outline-offset:2px}.demo-result{padding:16px;border-radius:8px;margin:20px 0;font-size:12px;border-left:3px solid #6e7e97}.demo-result p{margin:6px 0 0}.demo-result strong{font-size:14px}.demo-result.warning{background:#fff4e5;border-color:#d98526;color:#78501a}.demo-result.neutral{background:#edf0f5;color:#435675}.demo-result.matching{background:#edf6f2;border-color:#398466;color:#245b45}.demo-table-wrap{overflow-x:auto;margin:20px 0 14px}.demo-comparison{border-collapse:collapse;width:100%;font-size:12px}.demo-comparison caption{text-align:left;font-size:10px;color:#5b6981;margin-bottom:10px}.demo-comparison th,.demo-comparison td{padding:10px 8px;border-bottom:1px solid #e2e7ef;text-align:left;white-space:nowrap}.demo-comparison thead th{background:#f6f8fc;font-size:10px;color:#5b6a83}.erp-people{margin:22px 0}.erp-people p{margin:0;padding:10px 0;border-bottom:1px solid #e4e9f1;font-size:12px;display:flex;justify-content:space-between;gap:12px}.erp-people span{font-size:11px;color:#53617b}.signer-preview{border:1px solid #d9e2ee;border-radius:9px;padding:20px;margin:24px 0;background:#fcfdff}.signer-brand{display:flex;align-items:center;gap:9px;font-size:13px;border-bottom:1px solid #e4e9f1;padding-bottom:17px;margin-bottom:20px}.signer-brand>span{background:#0d786b;color:white;border-radius:7px;padding:7px;font-size:11px}.signer-brand small{margin-left:auto;font-size:9px;color:#53617b}.signer-preview>p{font-size:12px}.signer-summary{background:#eff5f4;border-radius:7px;padding:14px;font-size:12px}.signer-summary small{font-size:10px;color:#46675e}.demo-bottom{gap:40px;margin-top:38px}.demo-bottom span{font-size:9px;letter-spacing:1.2px}.demo-bottom p{font-size:13px;color:#52617a}.demo-integration{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;margin-top:34px;padding:28px 32px;background:#e9edf6;border-radius:10px}.demo-integration h2{font-size:23px;line-height:1.3;margin:8px 0}.demo-integration>p{font-size:13px;color:#52617a}.demo-limit{font-size:11px;color:#5b6a82}
@media(max-width:900px){.demo-heading{grid-template-columns:1fr;gap:12px}.demo-workspace{grid-template-columns:1fr}.demo-panel{min-height:0;padding:23px}.demo-steps button{font-size:11px;padding:13px 5px;text-align:center}.demo-steps button span{display:grid;margin:0 auto 6px}.demo-bottom{grid-template-columns:1fr;gap:14px}.demo-integration{grid-template-columns:1fr;gap:5px}.demo-wrap{padding:28px 18px}.demo-document{padding:24px}.demo-journey{font-size:10px;gap:8px}.demo-journey span{max-width:90px}.erp-fields>div{gap:10px}.erp-fields dt,.erp-fields dd{max-width:55%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}