.client-demo{max-width:1240px;margin:auto;padding:52px 24px;color:#153f3b}.demo-intro{max-width:790px}.demo-intro h1{font-family:Georgia,serif;font-size:clamp(34px,4vw,54px);line-height:1.1;margin:16px 0}.demo-intro p,.demo-panel>p{line-height:1.65}.demo-eyebrow{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.demo-switch{display:flex;gap:12px;margin:30px 0;flex-wrap:wrap}.demo-switch button{display:flex;align-items:center;gap:18px;padding:14px 20px;border:1px solid #aac9bc;border-radius:10px;background:white}.demo-switch button[aria-pressed=true]{outline:2px solid #174c45;outline-offset:2px}.client-demo .red{background:#ffe6e3;color:#a63030}.client-demo .green{background:#def5e9;color:#126446}.demo-client-heading h2 span,.demo-switch span{font:600 12px/1.4 sans-serif;border-radius:6px;padding:5px 8px}.demo-app{border:1px solid #b9d0c4;border-radius:16px;overflow:hidden;background:#f7f9f6}.demo-client-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#153f3b;color:white;padding:24px}.demo-client-heading h2{font-size:26px;font-weight:600;margin-top:8px}.demo-client-heading p{font-size:13px;opacity:.85}.demo-client-heading a{display:flex;gap:8px;align-items:center;font-size:14px}.demo-app nav{display:flex;overflow:auto;gap:20px;padding:0 24px;background:white;border-bottom:1px solid #d5e1d9}.demo-app nav button{white-space:nowrap;padding:18px 0;border-bottom:3px solid transparent;font-weight:600;font-size:14px}.demo-app nav button[aria-pressed=true]{border-color:#174c45}.demo-overview{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px}.demo-panel{background:white;border:1px solid #d5e1d9;border-radius:12px;padding:24px}.demo-panel h3{font-size:18px;font-weight:650;margin-bottom:16px}.demo-score{display:flex;align-items:center;gap:20px;margin-bottom:14px}.demo-score>strong{font-size:40px}.demo-factors small,.demo-score small{font-size:13px;font-weight:400}.demo-score>span{font-size:13px;padding:6px 10px;border-radius:6px}.demo-panel svg{max-width:100%}.demo-history{margin:15px 0}.demo-history li{display:grid;grid-template-columns:85px 1fr auto;gap:10px;padding:12px 0;border-top:1px solid #e2e8e2;font-size:13px}.demo-history span{color:#687a71}.demo-factors{display:grid;grid-template-columns:1fr 1fr;gap:12px}.demo-factors article{padding:16px;border-radius:10px;background:#fff0f4}.demo-factors article:nth-child(2){background:#eaf3ff}.demo-factors article:nth-child(3){background:#fff5d8}.demo-factors article:nth-child(4){background:#f2ebff}.demo-factors h4{font-weight:600;font-size:14px;margin:10px 0}.demo-factors strong{font-size:24px}.demo-factors p{font-size:13px;line-height:1.55;margin-top:10px}.demo-factors p b{display:block}.demo-single{max-width:800px;margin:24px auto}.demo-single blockquote{font:28px/1.5 Georgia,serif;background:#fff5d8;border-left:4px solid #ddb657;padding:24px;margin:24px 0}.demo-single h4{font-weight:650;margin:20px 0 8px}.demo-button{display:inline-flex;align-items:center;gap:10px;padding:13px 19px;border-radius:8px;background:#174c45;color:white;font-weight:600;margin-top:20px}.demo-text-button{font-size:14px;font-weight:600;text-align:left;margin-top:12px}.demo-actions li{display:flex;align-items:flex-start;gap:15px;padding:20px 0;border-bottom:1px solid #e2e8e2}.demo-actions p{font-size:13px;margin-top:6px;color:#687a71}.demo-brief p{line-height:1.7}.client-demo footer{text-align:center;padding:48px 0}.client-demo footer h2{font:32px/1.2 Georgia,serif}.client-demo footer p{font-size:13px;margin-top:16px}.client-demo a:focus-visible,.client-demo button:focus-visible{outline:3px solid #d99523;outline-offset:3px}@media(max-width:800px){.demo-overview{grid-template-columns:1fr}.demo-client-heading{align-items:flex-start;flex-direction:column}.demo-single{margin:16px}.demo-panel{padding:18px}.demo-overview{padding:12px}.demo-factors{grid-template-columns:1fr 1fr}.demo-history li{grid-template-columns:70px 1fr auto}.client-demo{padding:28px 16px}}@media(max-width:420px){.demo-factors{grid-template-columns:1fr}}