.demo-mode .app{max-width:1280px;padding-left:clamp(20px,4vw,64px);padding-right:clamp(20px,4vw,64px)}.demo-report{padding-bottom:55px}.demo-hero{display:grid;grid-template-columns:1.5fr .7fr;gap:30px;align-items:end;margin-bottom:28px}.demo-hero h1{max-width:900px}.demo-hero p{max-width:760px}.demo-stamp{display:grid;gap:7px;padding:20px;border:1px solid #dbe8e2;border-radius:16px;background:#fff}.demo-stamp strong{color:#fc4c02;font-size:12px;text-transform:uppercase;letter-spacing:.1em}.demo-stamp span{font-size:14px;color:#58716b}.demo-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:16px;margin-bottom:16px}.demo-grid-three{grid-template-columns:repeat(3,1fr)}.demo-panel{background:#fff;border:1px solid #dbe8e2;border-radius:18px;padding:26px;box-shadow:0 12px 35px #234d3b0a}.demo-panel h2,.demo-panel h3{margin-top:10px}.demo-main{background:#f7fbf8}.demo-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px}.demo-metrics div{padding:15px;border-radius:12px;background:#e8f4ed}.demo-metrics strong,.demo-metrics span{display:block}.demo-metrics strong{font-size:17px;color:#1e574b}.demo-metrics span{font-size:12px;color:#58716b;margin-top:5px}.demo-bar{height:9px;background:#e4eee9;border-radius:9px;margin:24px 0 10px;overflow:hidden}.demo-bar i{display:block;width:68%;height:100%;background:#fc4c02;border-radius:9px}.demo-options{display:grid;gap:9px}.demo-options span{display:flex;justify-content:space-between;gap:8px;padding:10px;border-bottom:1px solid #e6efeb;color:#58716b;font-size:12px}.demo-options b{color:#244a42;font-size:14px}.demo-check{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;margin-bottom:16px}.demo-future{display:flex;justify-content:space-between;gap:30px;align-items:center;background:#073b57;color:#f7f8f5;border-radius:18px;padding:30px;margin-bottom:18px}.demo-future p{color:#b8cbd2;max-width:700px}.demo-next{display:grid;gap:8px;min-width:250px}.demo-next strong{color:#fc4c02}.demo-next span{font-size:14px}.demo-disclaimer{font-size:12px;color:#78918a;line-height:1.5}@media(max-width:800px){.demo-hero,.demo-grid,.demo-grid-three,.demo-check{grid-template-columns:1fr}.demo-metrics{grid-template-columns:1fr}.demo-future{display:block}.demo-next{margin-top:24px}}