:root{--brand:#0b5d8f;--brand-2:#0a4e78;--bg:#f5f7fb;--card:#fff;--muted:#6b7280}body{background:var(--bg)}.container{max-width:980px;margin:16px auto;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.panel{background:var(--card);border:1px solid #e5e7eb;border-radius:16px;padding:8px}.step-title{display:flex;align-items:center;gap:10px;margin:0 0 10px}.step-badge{width:28px;height:28px;display:grid;place-items:center;border-radius:999px;background:var(--brand);color:#fff;font-weight:700}.progress{height:6px;background:#e5e7eb;border-radius:999px;overflow:hidden;margin:8px 0 16px}.progress>div{height:100%;background:var(--brand)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.summary{display:flex;gap:14px;color:var(--muted);margin:12px 0 18px;font-size:14px}.choice{display:flex;align-items:center;gap:12px;border:1px solid #e5e7eb;border-radius:12px;padding:12px;background:#fff;cursor:pointer}.choice:hover{border-color:#cbd5e1}.choice.selected{border-color:var(--brand);box-shadow:0 0 0 2px #0b5d8f1f}.choice input{transform:scale(1.1)}.choice-col{display:grid;gap:10px}.choice-row{display:flex;gap:12px;flex-wrap:wrap}.pill{border:1px solid #e5e7eb;padding:10px 12px;border-radius:999px;background:#fff;cursor:pointer}.pill.selected{border-color:var(--brand);box-shadow:0 0 0 2px #0b5d8f1f}.footer-bar{position:sticky;bottom:0;padding:12px;background:linear-gradient(#fff0,#fff 60%);display:flex;justify-content:flex-end;gap:10px}.btn{height:47px;width:150px;border-radius:10px;padding:0 16px;border:1px solid #e5e7eb;background:#fff;cursor:pointer}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--brand);color:#fff;border-color:var(--brand-2)}.btn-primary:hover{background:var(--brand-2)}.btn-primary-nav{width:45%}.preview{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;max-height:520px;overflow:auto}.sig-pad{border:1px dashed #cbd5e1;border-radius:12px;background:#fff}.signing-header{padding:12px 14px}.signing-header-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.signing-title{margin:0;font-size:20px}.signing-progress{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px}.signing-progress-text{min-width:48px;text-align:right;font-weight:600}.signing-progress-bar{width:140px;height:6px;background:#e5e7eb;border-radius:999px;overflow:hidden}.signing-progress-bar>div{height:100%;background:var(--brand)}.signing-meta{margin-top:8px;color:var(--muted);font-size:13px}.signing-meta summary{cursor:pointer;font-weight:600;color:#4b5563}