.demo-banner{display:flex;gap:.8rem;align-items:center;background:#fff5d8;border:1px solid #edc86f;border-left:6px solid #d88a08;border-radius:10px;padding:1rem 1.2rem}.demo-banner span{color:#4a5e70}.demo-heading,.section-title{display:flex;align-items:center;justify-content:space-between;gap:1rem}.demo-heading{margin:2rem 0 1rem}.demo-heading h1,.demo-heading p,.section-title h2,.section-title p{margin:.15rem 0}.eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.13em;color:#0b3d91}.status{background:#dff4e9;color:#176454;border-radius:999px;padding:.45rem .8rem;font-weight:700}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.metric{margin:0}.metric span{color:#53677d}.metric strong{display:block;font-size:1.8rem;margin:.35rem 0}.metric small{color:#176454}.dashboard-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:1rem}.dashboard-grid.lower{grid-template-columns:1fr 1fr}.dashboard-grid article{margin-bottom:0}.chart svg{display:block;height:210px;max-height:none}.chart .grid-line{stroke:#d6e1ed;stroke-width:1}.chart .area{fill:#dff5fc}.chart .line{fill:none;stroke:#00a3d7;stroke-width:4;stroke-linejoin:round;stroke-linecap:round}.legend{display:flex;gap:.5rem;align-items:center;color:#53677d;font-size:.85rem}.legend i{width:10px;height:10px;background:#00a3d7;border-radius:50%}.legend span{margin-left:auto}.forecast-value strong{display:block;font-size:2.3rem}.forecast-value span{color:#53677d}.forecast-bars{display:flex;align-items:end;gap:.65rem;height:150px;margin-top:1rem}.forecast-bars div{display:flex;flex:1;flex-direction:column;justify-content:end;gap:.35rem;text-align:center;color:#53677d;font-size:.76rem}.forecast-bars i{display:block;background:linear-gradient(#00b4e6,#0b3d91);border-radius:7px 7px 2px 2px;min-height:12px}.fine-print{font-size:.8rem;color:#53677d}.system-list{margin:0}.system-list div{display:flex;justify-content:space-between;border-bottom:1px solid #d6e1ed;padding:.75rem 0}.system-list dd{font-weight:800}.alert{border-left:5px solid;padding:.8rem 1rem;margin:.75rem 0;background:#f4f7fb}.alert strong,.alert span{display:block}.alert span{color:#53677d;font-size:.9rem}.alert.warning{border-color:#d88a08}.alert.info{border-color:#00a3d7}.demo-actions{display:flex;align-items:center;justify-content:center;gap:1.2rem;margin:2rem 0}.demo-actions .button{display:inline-flex;align-items:center;min-height:44px;padding:.5rem 1rem;background:#0b3d91;color:#fff;border-radius:6px;text-decoration:none}.demo-actions>a:not(.button){color:#0b3d91}@media(max-width:760px){.demo-banner,.demo-heading,.section-title{align-items:flex-start;flex-direction:column}.metric-grid{grid-template-columns:1fr 1fr}.dashboard-grid,.dashboard-grid.lower{grid-template-columns:1fr}.legend{align-items:flex-start;flex-wrap:wrap}.legend span{width:100%;margin:0}}@media(max-width:390px){.metric-grid{grid-template-columns:1fr}}