body.demo-body{background:#f4f7fb;color:#0b1c31}.demo-hero{padding:74px 0 36px;background:#fff;border-bottom:1px solid #e8eef5}.demo-hero h1{font-size:clamp(42px,5vw,64px);line-height:1.02;letter-spacing:-2px;max-width:900px;margin:14px 0}.demo-hero p{max-width:820px;color:#65758a;font-size:17px;line-height:1.65}.demo-shell{display:grid;grid-template-columns:210px 1fr;gap:18px;padding-top:28px;padding-bottom:48px}.demo-sidebar{background:#08182b;color:#fff;border-radius:20px;padding:18px;min-height:720px}.demo-brand{display:grid;grid-template-columns:38px 1fr;column-gap:9px;align-items:center;padding:4px 4px 18px}.demo-brand small{grid-column:2;color:#8fa5bc;font-size:10px}.demo-nav{width:100%;text-align:left;border:0;background:transparent;color:#aec1d6;padding:12px 10px;border-radius:10px;cursor:pointer;font-weight:700}.demo-nav.active,.demo-nav:hover{background:#113155;color:#fff}.demo-main{min-width:0}.demo-topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.demo-topline small{color:#6e8094}.demo-topline h2{margin:4px 0 0;font-size:28px}.demo-panel{display:none}.demo-panel.active{display:block}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.metric-grid article,.demo-card{background:#fff;border:1px solid #e3eaf2;border-radius:16px;padding:18px;box-shadow:0 10px 28px rgba(8,31,63,.05)}.metric-grid small,.metric-grid span{display:block;color:#7b8ba0}.metric-grid strong{display:block;font-size:31px;margin:7px 0}.demo-two{display:grid;grid-template-columns:1.2fr .8fr;gap:13px;margin:13px 0}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.card-head h3{margin:0}.demo-pill{font-size:10px;font-weight:800;background:#edf5ff;color:#1176ef;padding:5px 8px;border-radius:999px}.nba{background:#f7fbff;border:1px solid #e0edfb;border-radius:13px;padding:16px}.nba p{color:#607187;line-height:1.55}.micro-btn{border:1px solid #cfe2f8;background:#fff;color:#0b6cff;border-radius:9px;padding:8px 10px;font-weight:800;cursor:pointer}.activity{display:grid;gap:12px}.activity>div{display:flex;gap:10px}.activity i{width:30px;height:30px;border-radius:50%;background:#edf5ff;color:#0b6cff;display:grid;place-items:center;font-style:normal}.activity b,.activity small{display:block}.activity small{color:#8696a9;margin-top:3px}.pipeline-demo{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.pipeline-demo div{background:#f6f9fd;border-radius:11px;padding:13px}.pipeline-demo span,.pipeline-demo b{display:block}.pipeline-demo span{font-size:11px;color:#748499;min-height:30px}.pipeline-demo b{font-size:24px;margin-top:7px}.lead-sheet{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.lead-sheet div{background:#f7f9fc;padding:14px;border-radius:11px}.lead-sheet small,.lead-sheet b{display:block}.lead-sheet small{color:#7c8da1}.score-bar{height:10px;background:#eaf0f6;border-radius:999px;overflow:hidden}.score-bar span{display:block;width:76%;height:100%;background:linear-gradient(90deg,#0878ff,#48a8ff);transition:.35s}.policy-flow{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:18px}.policy-flow span{background:#eef5ff;color:#0b66d2;padding:8px 11px;border-radius:9px;font-weight:800;font-size:12px}.policy-flow i{font-style:normal;color:#92a1b3}.agent-grid.demo-agents{grid-template-columns:repeat(4,1fr)}.demo-agents article{background:#fff;border:1px solid #e3eaf2;border-radius:14px;padding:18px}.demo-agents b,.demo-agents span{display:block}.demo-agents span{color:#718298;margin-top:6px;line-height:1.45}.audit-table{display:grid;gap:1px;background:#e8eef5;border:1px solid #e8eef5;border-radius:12px;overflow:hidden}.audit-table>div{display:grid;grid-template-columns:1fr 1.4fr 1.2fr 1fr;gap:10px;padding:12px;background:#fff}.audit-table>div:first-child{background:#f5f8fc}.demo-bottom{padding:64px 0;background:#071421;color:#fff;text-align:center}.demo-bottom p{color:#b8c7d8}@media(max-width:900px){.demo-shell{grid-template-columns:1fr}.demo-sidebar{min-height:0}.metric-grid,.lead-sheet{grid-template-columns:1fr 1fr}.demo-two{grid-template-columns:1fr}.agent-grid.demo-agents{grid-template-columns:1fr 1fr}}@media(max-width:600px){.metric-grid,.lead-sheet,.agent-grid.demo-agents,.pipeline-demo{grid-template-columns:1fr}.demo-topline{align-items:flex-start;gap:12px;flex-direction:column}.audit-table>div{grid-template-columns:1fr 1fr}.audit-table>div>*:nth-child(n+3){display:none}}