.public-demo{background:#f4f6f9;color:#172b42;padding:28px max(24px,calc((100vw - 1200px)/2)) 64px}.public-demo header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:58px}.public-demo header a{display:flex;align-items:center;gap:10px;color:#234d69;text-decoration:none}.public-demo header img{width:48px;height:48px}.public-demo header strong{font-size:30px;letter-spacing:-1px}.public-demo header strong span{color:#0874ac;font-weight:450}.demo-hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center}.public-demo h1{font-size:clamp(40px,4.5vw,66px);line-height:1.07;letter-spacing:-2.5px;margin:18px 0 24px}.public-demo h1 em{color:#086da6;font-style:normal}.demo-hero-grid>div>p{line-height:1.7;font-size:16px;max-width:540px}.demo-hero-grid .button{margin-top:16px}.demo-assurance{font-size:12px!important;color:#4e6275}.demo-facts{display:flex;flex-wrap:wrap;gap:26px;margin-top:28px;font-size:12px;color:#4e6275}.demo-facts strong{display:block;font-size:24px;color:#172b42;margin-bottom:5px}.demo-report-preview{padding:32px;border:1px solid #dce3eb;border-top:4px solid #c9a961;background:white;border-radius:7px}.demo-report-preview h2{font-size:26px;line-height:1.25;margin-top:14px}.demo-preview-metrics{display:flex;gap:40px;margin:28px 0}.demo-preview-metrics strong{display:block;font-size:30px}.demo-preview-metrics span{font-size:12px;color:#52697c}.demo-chart{display:flex;align-items:end;gap:8px;height:135px;border-bottom:1px solid #dce3eb}.demo-chart i{background:#3396c6;flex:1;border-radius:3px 3px 0 0}.demo-chart i:nth-child(-n+7){background:#c2dcea}.demo-report-preview p{font-size:13px!important;color:#52697c}.demo-entry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}.demo-entry-grid>button{text-align:left;background:white;border:1px solid #dce3eb;border-radius:7px;padding:26px;color:#172b42;cursor:pointer}.demo-entry-grid>button:hover{border-color:#086da6}.demo-entry-grid h2{font-size:20px;margin:18px 0 12px}.demo-entry-grid p{font-size:14px;line-height:1.65;color:#52697c}.demo-entry-grid span{display:flex;align-items:center;gap:8px;margin-top:20px;font-size:12px;font-weight:600;color:#086da6}.demo-shelf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:0 24px 24px}.demo-shelf article{border:1px solid #dce3eb;padding:20px;border-radius:6px;min-width:0}.demo-shelf h3{font-size:17px;margin:15px 0 5px}.demo-shelf svg[role=img]{width:100%;height:auto;background:white}.demo-shelf article p{font-size:12px;color:#52697c}.demo-shelf article .button{width:100%;font-size:12px;margin:12px 0;white-space:normal}.demo-shelf .text-link{display:flex;align-items:center;gap:8px;font-size:12px}.demo-shelf-note{padding:0 24px 24px;font-size:12px;line-height:1.7;color:#52697c}.demo-hint{padding:22px 24px;border-left:3px solid #c9a961;background:#eaf3fa;display:flex;justify-content:space-between;gap:24px;margin-bottom:24px;border-radius:4px}.demo-hint strong{font-size:13px;color:#214968}.demo-hint p{font-size:13px;margin:8px 0;line-height:1.6}.demo-hint small{font-size:12px;color:#405d74;line-height:1.6;display:block}.demo-hint>div:last-child{display:flex;flex-direction:column;gap:18px;flex-shrink:0;justify-content:center}.demo-hint button{display:flex;gap:6px;align-items:center;font-size:12px}.demo-report-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.demo-report-grid .panel-head{flex-wrap:wrap}.demo-report-grid h2{font-size:19px}.demo-guide-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.demo-guide-actions .button.secondary{background:white}.demo-report-grid .table-wrap{max-height:360px}
@media(max-width:900px){.demo-hero-grid{gap:28px}.demo-entry-grid{gap:12px}.demo-entry-grid>button{padding:20px}.demo-shelf-grid{grid-template-columns:1fr}.demo-shelf article{display:flex;flex-direction:column;align-items:start}.demo-shelf svg[role=img]{max-width:330px}.demo-report-grid{grid-template-columns:1fr}}
@media(max-width:600px){.public-demo{padding:20px 20px 36px}.public-demo header{margin-bottom:34px}.public-demo header a:last-child{font-size:11px;max-width:112px}.public-demo header strong{font-size:24px}.public-demo header img{width:36px;height:36px}.demo-hero-grid,.demo-entry-grid{grid-template-columns:1fr}.demo-report-preview{padding:23px}.demo-entry-grid{margin-top:24px}.demo-hint{flex-direction:column;padding:18px;gap:16px}.demo-hint>div:last-child{flex-direction:row;justify-content:space-between;flex-wrap:wrap}.demo-shelf-grid{padding:0 16px 16px}.demo-shelf article{padding:16px}.demo-facts{gap:22px}}
