.qb-demo{padding-top:150px;padding-bottom:70px}.qb-demo h1{font:800 clamp(38px,5vw,62px)/1.05 "Barlow Condensed",sans-serif;margin:0 0 18px}.qb-lede{color:#526a7d;font-size:18px;line-height:1.65;max-width:760px}.qb-notice{display:flex;gap:16px;align-items:center;background:#fff2d7;border-left:4px solid #eab049;padding:16px 20px;color:#4c4027;font-size:14px;line-height:1.6}.qb-notice strong{white-space:nowrap}.qb-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:28px 0;scroll-margin-top:125px}.qb-steps button{display:flex;align-items:center;gap:10px;min-height:54px;text-align:left;padding:12px;border:1px solid #c6d9e8;background:#fff;border-radius:9px;color:#24455f;cursor:pointer;font-weight:600}.qb-steps button span{display:grid;place-items:center;width:28px;height:28px;flex:none;border-radius:50%;background:#e3edf6}.qb-steps button[aria-current]{background:#0b3455;color:#fff;border-color:#0b3455}.qb-steps button[aria-current] span{background:#f7bd57;color:#10263d}.qb-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start}.qb-screen{padding:32px;background:#fff;border:1px solid #d5e2ec;border-radius:14px;min-width:0}.qb-panel[hidden]{display:none}.qb-panel h2{font:700 32px/1.15 Barlow Condensed,sans-serif;margin:10px 0 16px}.qb-panel>p{line-height:1.7;color:#526a7d}.qb-kicker{font-size:12px;font-weight:700;letter-spacing:.1em;color:#075a96!important}.qb-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin:24px 0}.qb-fields label{display:grid;gap:8px;font-size:13px;font-weight:600;min-width:0}.qb-fields input,.qb-fields select{width:100%;min-width:0;min-height:44px;font-size:16px;padding:10px;border:1px solid #c5d4e1;border-radius:6px;background:#f9fbfd;color:#203d55}.qb-fields input[readonly]{color:#496278}.qb-secondary{min-height:44px;padding:12px 16px;border:1px solid #b6cfe0;border-radius:8px;background:#f2f7fb;color:#075a96;font-weight:600;cursor:pointer}.qb-secondary:hover{background:#e3eff8}.qb-small{font-size:13px;line-height:1.65;color:#61778b}.qb-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:24px}.qb-rate{background:#f1f7fc;border:1px solid #c7ddeb;border-top:4px solid #1389c9;border-radius:10px;padding:24px;margin:24px 0}.qb-rate>span{color:#075a96;font-weight:600}.qb-rate h3{font-size:18px}.qb-rate>strong{font-size:36px;color:#0c3b5d}.qb-rate summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:600}.qb-rate dl,#demo-document dl{display:grid;grid-template-columns:1fr auto;gap:12px;margin:12px 0}.qb-rate dd,#demo-document dd{margin:0}.qb-paperwork{padding:16px 20px;background:#f1f7fb;border-radius:8px;margin:20px 0}.qb-check{display:flex;align-items:flex-start;gap:12px;line-height:1.6;padding:14px 0}.qb-check input{width:20px;height:20px;flex:none;margin-top:3px;accent-color:#075a96}.qb-docs{display:grid;gap:12px;margin:24px 0}.qb-success{color:#237349!important;background:#eaf7ef;padding:14px;border-radius:8px}#demo-error{color:#a52e2e}.qb-guide{background:linear-gradient(135deg,#09253f,#115880);padding:28px;border-radius:14px;color:#e7f2fb}.qb-guide h2{font:700 34px/1.1 Barlow Condensed,sans-serif;margin:12px 0 22px}.qb-guide ul{padding-left:20px;line-height:1.9;color:#d5e5f1}.qb-guide p{line-height:1.65;color:#c5dae9}.qb-guide a{display:block;min-height:44px;padding:12px 0;color:#ffcd71;font-weight:600}#demo-document{width:min(600px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto;border:0;border-radius:12px;padding:26px;color:#153650}#demo-document::backdrop{background:#061d35b0}.qb-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.qb-dialog-heading strong{font-size:20px}#demo-doc-close{width:44px;height:44px;border:0;background:#edf4fa;border-radius:6px;font-size:26px;cursor:pointer}#demo-document dl{grid-template-columns:100px minmax(0,1fr);line-height:1.5}#demo-document p{line-height:1.65}@media(max-width:900px){.qb-layout{grid-template-columns:minmax(0,1fr)}.qb-guide{padding:24px}.qb-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.qb-demo{padding-top:120px}.qb-screen{padding:22px 18px}.qb-fields{grid-template-columns:minmax(0,1fr)}.qb-steps button{font-size:13px;padding:10px;gap:8px}.qb-notice{align-items:flex-start;flex-direction:column;gap:4px}.qb-actions>*{width:100%;text-align:center}.qb-panel h2{font-size:28px}#demo-document{padding:20px}.qb-lede{font-size:16px}}