body[data-page="demo"]{background:#e9eef5;color:#142033}
body[data-page="demo"]>.site-footer{display:none}
.demo-app{--demo-blue:#2f6bff;--demo-green:#08754b;--demo-red:#b8322b;--demo-amber:#85510a;display:grid;width:100%;min-height:100vh;min-height:100dvh;grid-template-columns:260px minmax(0,1fr);flex:1 0 auto;background:#e9eef5}

.demo-sidebar{position:sticky;z-index:80;top:0;display:flex;height:100vh;height:100dvh;min-width:0;padding:20px 14px 16px;overflow-y:auto;flex-direction:column;color:#fff;background:#07111f;border-right:1px solid rgba(138,170,255,.14)}
.demo-brand{display:flex;align-items:center;gap:10px;padding:0 8px;color:#fff;text-decoration:none}
.demo-brand svg{width:34px;height:34px;flex:0 0 auto;fill:#fff}.demo-brand svg rect{fill:#2f6bff}.demo-brand .brand-arrow{fill:#8aaaff}
.demo-brand>span{font-size:16px;font-weight:800;letter-spacing:-.03em}.demo-brand>span b{color:#78a0ff}.demo-brand em{margin-left:auto;padding:3px 5px;border:1px solid rgba(138,170,255,.3);color:#8aaaff;font:600 8px 'IBM Plex Mono',monospace;font-style:normal;letter-spacing:.08em}
.demo-sidebar__context{display:grid;gap:2px;margin:24px 7px 18px;padding:13px 12px;border:1px solid rgba(138,170,255,.14);background:#0d1a2d}
.demo-sidebar__context span,.demo-nav-label{color:rgba(255,255,255,.38);font:600 8px 'IBM Plex Mono',monospace;letter-spacing:.09em;text-transform:uppercase}
.demo-sidebar__context b{margin-top:4px;font-size:11px;line-height:1.35}.demo-sidebar__context small{color:rgba(255,255,255,.46);font-size:9px}
.demo-app-nav{display:grid;gap:3px}
.demo-nav-label{margin:14px 12px 6px}
.demo-app-nav button{display:grid;grid-template-columns:27px 1fr auto;gap:8px;align-items:center;width:100%;min-height:42px;padding:7px 10px;border:0;border-left:2px solid transparent;color:rgba(255,255,255,.6);background:transparent;text-align:left}
.demo-app-nav button:hover{color:#fff;background:rgba(255,255,255,.045)}
.demo-app-nav button[aria-selected="true"]{border-left-color:#5d8cff;color:#fff;background:linear-gradient(90deg,rgba(47,107,255,.18),rgba(47,107,255,.04))}
.demo-app-nav button>i{display:grid;width:25px;height:25px;place-items:center;color:#8aaaff;font:700 13px 'IBM Plex Mono',monospace;font-style:normal}
.demo-app-nav button>span{font-size:12px;font-weight:650}
.demo-app-nav button>b{min-width:18px;padding:2px 4px;border-radius:8px;color:#ffaaa5;background:rgba(255,107,97,.12);font:700 8px 'IBM Plex Mono',monospace;text-align:center}.demo-app-nav button>b.is-warning{color:#ffd08c;background:rgba(244,166,58,.12)}
.demo-app-nav button:focus-visible{outline:2px solid #8aaaff;outline-offset:-2px}
.demo-sidebar__footer{display:grid;gap:4px;margin-top:auto;padding:18px 8px 0;border-top:1px solid rgba(255,255,255,.08)}
.demo-sidebar__footer>a{padding:7px 4px;color:rgba(255,255,255,.58);font-size:10px;text-decoration:none}.demo-sidebar__footer>a:hover{color:#fff}
.demo-sidebar__footer>p{display:flex;gap:9px;align-items:center;margin:13px 0 0}.demo-sidebar__footer>p>i{width:7px;height:7px;border-radius:50%;background:#25c48a;box-shadow:0 0 0 5px rgba(37,196,138,.1)}.demo-sidebar__footer>p>span{display:grid;color:rgba(255,255,255,.62);font-size:9px}.demo-sidebar__footer>p small{color:rgba(255,255,255,.34);font-size:8px}
.demo-nav-overlay{display:none}

.demo-stage{min-width:0}
.demo-topbar{position:sticky;z-index:60;top:0;display:grid;grid-template-columns:minmax(190px,1fr) auto minmax(360px,1fr);gap:24px;align-items:center;height:76px;padding:0 30px;border-bottom:1px solid #d7e0ea;background:rgba(255,255,255,.94);backdrop-filter:blur(18px)}
.demo-topbar__start{display:flex;align-items:center;gap:12px}.demo-topbar__start>div{display:flex;gap:5px;align-items:baseline}.demo-topbar__start small{color:#8794a6;font-size:10px}.demo-topbar__start strong{font-size:13px}
.demo-menu-toggle{display:none}
.demo-topbar__filters{display:flex;gap:7px}.demo-filter{position:relative}.demo-filter__trigger{display:flex;min-height:36px;gap:14px;justify-content:space-between;align-items:center;padding:8px 11px;border:1px solid #d6e0eb;color:#344760;background:#f8fafc;font-size:10px;font-weight:650;text-align:left}.demo-filter--period .demo-filter__trigger{min-width:174px}.demo-filter--direction .demo-filter__trigger{min-width:152px}.demo-filter__trigger:hover,.demo-filter__trigger[aria-expanded="true"]{border-color:#9cb4dc;color:#1e4fae;background:#f2f6fd}.demo-filter__trigger:focus-visible{outline:2px solid rgba(47,107,255,.35);outline-offset:2px}.demo-filter__trigger>i{color:#78899f;font:700 11px 'IBM Plex Mono',monospace;font-style:normal;transition:transform .18s ease}.demo-filter__trigger[aria-expanded="true"]>i{transform:rotate(180deg)}.demo-filter__menu{position:absolute;z-index:120;top:calc(100% + 9px);left:0;width:310px;padding:8px;border:1px solid #ccd8e6;border-radius:12px;background:#fff;box-shadow:0 20px 54px rgba(24,45,74,.2);animation:demo-filter-in .16s ease both}.demo-filter--direction .demo-filter__menu{right:0;left:auto}.demo-filter__menu[hidden]{display:none}.demo-filter__menu-head{display:grid;gap:2px;padding:9px 10px 11px;border-bottom:1px solid #e4eaf1}.demo-filter__menu-head>span{color:#263a54;font-size:11px;font-weight:750}.demo-filter__menu-head>small{color:#7c8999;font-size:9px}.demo-filter__option{display:grid;width:100%;grid-template-columns:1fr auto;gap:2px 12px;align-items:center;padding:10px;border:0;border-bottom:1px solid #edf1f5;color:#33465f;background:#fff;text-align:left}.demo-filter__option:last-child{border-bottom:0}.demo-filter__option>span{font-size:10px;font-weight:700}.demo-filter__option>small{color:#7d8b9d;font-size:8px}.demo-filter__option>i{grid-column:2;grid-row:1/3;color:#9aa7b7;font:700 10px 'IBM Plex Mono',monospace;font-style:normal}.demo-filter__option.is-selected{color:#1d54c5;background:#f0f5ff}.demo-filter__option.is-selected>small,.demo-filter__option.is-selected>i{color:#2f6bff}.demo-filter__option:not(:disabled):hover{background:#eaf1ff}.demo-filter__option:focus-visible{position:relative;z-index:1;outline:2px solid #7fa2f5;outline-offset:-2px}.demo-filter__option:disabled{color:#8895a6;background:#fbfcfd;cursor:not-allowed;opacity:1}.demo-filter__option:disabled>small{color:#a0aab7}@keyframes demo-filter-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
.demo-topbar__status{display:flex;justify-content:flex-end;gap:18px;align-items:center}.demo-topbar__status>button{display:flex;gap:8px;align-items:center;padding:0;border:0;color:#405168;background:transparent;text-align:left}.demo-topbar__status>button>i{width:7px;height:7px;border-radius:50%;background:#25c48a}.demo-topbar__status>button>span{display:grid;font-size:9px;font-weight:650}.demo-topbar__status>button small{color:#8b98a8;font-size:8px;font-weight:400}.demo-topbar__status>time{color:#405168;font:600 11px 'IBM Plex Mono',monospace}
.demo-user{display:flex;gap:8px;align-items:center;padding-left:16px;border-left:1px solid #e0e6ee}.demo-user>span{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;color:#fff;background:#1a3153;font:700 10px 'IBM Plex Mono',monospace}.demo-user p{display:grid;margin:0}.demo-user b{font-size:9px}.demo-user small{color:#8996a7;font-size:8px}

.demo-workspace{width:100%;max-width:2060px;margin:0 auto;padding:34px 38px 64px}
.demo-screen[hidden]{display:none}
.demo-screen{animation:demo-screen-in .28s ease both}
@keyframes demo-screen-in{from{opacity:.25;transform:translateY(5px)}to{opacity:1;transform:none}}
.demo-screen__head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:22px}
.demo-screen__head>div:first-child>p{margin:0 0 5px;color:#4e6077;font:600 10px 'IBM Plex Mono',monospace;letter-spacing:.08em;text-transform:uppercase}.demo-screen__head h1{margin:0;color:#101a2b;font-size:40px;line-height:1.06;letter-spacing:-.045em}.demo-screen__head>div:first-child>span{display:block;margin-top:8px;color:#506178;font-size:13px}
.demo-screen__head-status{display:flex;gap:8px;align-items:center;padding:8px 11px;border:1px solid #cfe7dd;color:#247355;background:#f1faf6;font-size:10px;font-weight:650}.demo-screen__head-status i{width:7px;height:7px;border-radius:50%;background:#25c48a}.demo-screen__head-status.is-negative{border-color:#f0cbc8;color:#a63831;background:#fff5f4}.demo-screen__head-status.is-negative i{background:#ff6b61}.demo-screen__head-status.is-warning{border-color:#ead5b7;color:#8c5a15;background:#fff9f0}.demo-screen__head-status.is-warning i{background:#f4a63a}

.demo-kpis{display:grid;margin-bottom:12px;border:1px solid #d8e0ea;background:#fff}
.demo-kpis--six{grid-template-columns:repeat(6,minmax(0,1fr))}
.demo-kpi{position:relative;min-width:0;min-height:144px;padding:20px 19px 17px;overflow:hidden;border-right:1px solid #e2e8f0;border-top:3px solid #a5b3c5}.demo-kpi:last-child{border-right:0}
.demo-kpi>span{position:relative;z-index:1;display:block;min-height:33px;color:#66768b;font-size:11px;font-weight:650;line-height:1.35}.demo-kpi>strong{position:relative;z-index:1;display:block;margin:3px 0 10px;color:#152238;font:700 clamp(22px,1.55vw,32px)/1 'IBM Plex Mono',monospace;letter-spacing:-.055em;white-space:nowrap}
.demo-kpi>p{position:relative;z-index:1;display:flex;gap:6px;align-items:baseline;margin:0}.demo-kpi>p b{font:700 10px 'IBM Plex Mono',monospace}.demo-kpi>p small{overflow:hidden;color:#5d6e83;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.demo-kpi__spark{position:absolute;right:13px;bottom:11px;width:66px;height:38px;opacity:.34}.demo-kpi__spark path{fill:none;stroke:#cbd5e1;stroke-width:1}.demo-kpi__spark .value{stroke:#667d9e;stroke-width:2.4;stroke-linecap:round}.demo-kpi--positive .demo-kpi__spark .value{stroke:#25a975}.demo-kpi--negative .demo-kpi__spark .value{stroke:#ff6b61}.demo-kpi--warning .demo-kpi__spark .value{stroke:#e59a32}
.demo-kpi--positive{border-top-color:#25c48a}.demo-kpi--positive>p b{color:var(--demo-green)}
.demo-kpi--negative{border-top-color:#ff6b61}.demo-kpi--negative>p b{color:var(--demo-red)}
.demo-kpi--warning{border-top-color:#f4a63a}.demo-kpi--warning>p b{color:var(--demo-amber)}

.demo-layout{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;align-items:stretch}
.demo-module{display:flex;height:100%;min-width:0;padding:18px 19px;flex-direction:column;border:1px solid #d5deea;border-radius:14px;background:linear-gradient(155deg,#fff 0%,#fff 72%,#f9fbfe 100%);box-shadow:0 9px 28px rgba(28,49,78,.04);transition:box-shadow .25s ease,border-color .25s ease,transform .25s ease}.demo-module:hover{border-color:#c4d0df;box-shadow:0 16px 38px rgba(28,49,78,.07)}
.demo-module--span-12{grid-column:span 12}.demo-module--span-8{grid-column:span 8}.demo-module--span-7{grid-column:span 7}.demo-module--span-5{grid-column:span 5}.demo-module--span-4{grid-column:span 4}.demo-module--span-3{grid-column:span 3}
.demo-module>header{display:flex;justify-content:space-between;gap:18px;align-items:start;margin-bottom:12px}.demo-module>header span{display:block;margin-bottom:5px;color:#52647b;font:600 9px 'IBM Plex Mono',monospace;letter-spacing:.08em;text-transform:uppercase}.demo-module h2{margin:0;color:#162238;font-size:19px;line-height:1.22;letter-spacing:-.025em}
.demo-module>footer{display:grid;grid-template-columns:auto 1fr;gap:10px;margin-top:auto;padding:11px 13px;border-left:3px solid #2f6bff;color:#52657d;background:#f0f5fc;font-size:11px;line-height:1.5}.demo-module>footer b{color:#1e54c8}
.demo-signal{padding:5px 7px;border:1px solid #f0c7c4;color:#b33730;background:#fff3f2;font:600 8px 'IBM Plex Mono',monospace;white-space:nowrap}.demo-signal--amber{border-color:#eed6b5;color:#9a6111;background:#fff8ee}.demo-signal--blue{border-color:#c5d4f2;color:#2959bd;background:#f1f5ff}
.demo-legend{display:flex;gap:7px;align-items:center;color:#53657b;font-size:8px}.demo-legend i{width:13px;height:2px;background:#8492a4}.demo-legend i.is-blue{background:#2f6bff}

.demo-chart{display:block;width:100%;overflow:visible}.demo-module>.demo-chart{width:calc(100% + 32px);min-height:0;margin-right:-16px;margin-left:-16px;flex:0 0 auto}.demo-module>.demo-chart--main{height:250px;--chart-text-x:.78}.demo-module>.demo-chart--bars{height:190px;--chart-text-x:.76}.demo-module>.demo-chart--compact{height:190px;--chart-text-x:.72}.demo-module>.demo-chart--scatter,.demo-module>.demo-chart--cash{height:280px;--chart-text-x:.68}.demo-chart path{vector-effect:non-scaling-stroke}.demo-chart .demo-svg-labels text,.demo-chart .demo-bubbles text,.demo-chart>text{transform:scaleX(var(--chart-text-x,1));transform-box:fill-box;transform-origin:center}.demo-chart circle{transform:scaleX(var(--chart-text-x,1));transform-box:fill-box;transform-origin:center}
.demo-grid-lines path{fill:none;stroke:#e0e6ee;stroke-dasharray:3 5}.demo-grid-lines .axis{stroke:#b9c4d2;stroke-dasharray:none}.demo-line{fill:none;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.demo-line--blue{stroke:#2f6bff}.demo-line--red{stroke:#ff6b61}.demo-line--green{stroke:#25a975}.demo-line--amber{stroke:#e59a32}.demo-line--plan{stroke:#a7b2c0;stroke-width:2;stroke-dasharray:5 5}.demo-zone{fill:rgba(47,107,255,.045)}.demo-marker{fill:none;stroke:#6889c7;stroke-dasharray:4 5}.demo-threshold{fill:none;stroke:#9eacbd;stroke-dasharray:4 5}.demo-chart circle{fill:#2f6bff;stroke:#fff;stroke-width:2}.demo-svg-labels text{fill:#718096;font:9px 'IBM Plex Mono',monospace}.demo-svg-labels .blue{fill:#2f6bff;font-weight:700}.demo-svg-labels .red{fill:#d8443b;font-weight:700}.demo-svg-labels .green{fill:#168c61;font-weight:700}.demo-svg-labels .amber{fill:#a8660a;font-weight:700}

.demo-attention>header>b{display:grid;width:26px;height:26px;place-items:center;border-radius:50%;color:#a62f29;background:#fff0ef;font:700 10px 'IBM Plex Mono',monospace}.demo-attention ol{display:grid;gap:0;margin:0;padding:0;flex:1;grid-auto-rows:1fr;list-style:none}.demo-attention li{display:grid;grid-template-columns:23px 1fr auto;gap:9px;align-items:center;padding:12px 0;border-bottom:1px solid #e6ebf1}.demo-attention li:last-child{border-bottom:0}.demo-attention li>i{display:grid;width:21px;height:21px;place-items:center;border-radius:50%;color:#426186;background:#eaf0f7;font:700 8px 'IBM Plex Mono',monospace;font-style:normal}.demo-attention li.is-critical>i{color:#922821;background:#fff0ef}.demo-attention li.is-warning>i{color:#784909;background:#fff6e9}.demo-attention li>div{display:grid}.demo-attention li b{font-size:10px}.demo-attention li span{margin-top:2px;color:#5c6c80;font-size:8px}.demo-attention li em{color:#53657c;font-size:8px;font-style:normal}.demo-attention li.is-critical em{color:#922821}.demo-attention li.is-warning em{color:#784909}.demo-attention--compact li{grid-template-columns:23px 1fr}.demo-attention--compact li b{font-size:9px}

.demo-direction-table{display:grid}.demo-direction-table>div{display:grid;grid-template-columns:105px 1fr 45px 72px;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid #e6ebf1}.demo-direction-table>div:last-child{border-bottom:0}.demo-direction-table .head{padding-top:0;color:#5d6e82;font:600 8px 'IBM Plex Mono',monospace}.demo-direction-table .head span:first-child{grid-column:1/3}.demo-direction-table b{font-size:9px}.demo-direction-table>div>span{font:700 8px 'IBM Plex Mono',monospace}.demo-direction-table strong{font:700 9px 'IBM Plex Mono',monospace;text-align:right}
.demo-progress{height:6px;background:linear-gradient(90deg,#2f6bff min(var(--w),100%),#e9eef4 min(var(--w),100%))}.demo-progress.is-negative{background:linear-gradient(90deg,#ff6b61 var(--w),#e9eef4 var(--w))}
.positive{color:var(--demo-green)!important}.negative{color:var(--demo-red)!important}.warning{color:var(--demo-amber)!important}

.demo-economics-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:8px;align-items:center;margin-top:17px}.demo-economics-flow>div{padding:11px 8px;border:1px solid #dce3ed;background:#f8fafc;text-align:center}.demo-economics-flow>div.is-alert{border-color:#efc5c2;background:#fff5f4}.demo-economics-flow small{display:block;color:#7d8999;font-size:8px}.demo-economics-flow b{display:block;margin-top:3px;font:700 12px 'IBM Plex Mono',monospace}.demo-economics-flow>i{color:#8ca0bd;font-style:normal}
.demo-inline-metrics{display:grid;grid-template-columns:repeat(3,1fr);margin:15px 0 0;border-top:1px solid #e5eaf0}.demo-inline-metrics>div{padding:11px 7px 0;border-right:1px solid #e5eaf0}.demo-inline-metrics>div:last-child{border-right:0}.demo-inline-metrics dt{color:#596a80;font-size:8px}.demo-inline-metrics dd{margin:3px 0 0;font:700 11px 'IBM Plex Mono',monospace}

.demo-scenario-list{display:grid;gap:13px}.demo-scenario-list>div{display:grid;grid-template-columns:1fr auto;gap:5px}.demo-scenario-list span{font-size:9px}.demo-scenario-list b{font:700 9px 'IBM Plex Mono',monospace}.demo-scenario-list i{grid-column:1/-1;height:6px;background:linear-gradient(90deg,#2f6bff var(--w),#e9eef4 var(--w))}.demo-scenario-list i.is-warning{background:linear-gradient(90deg,#f4a63a var(--w),#e9eef4 var(--w))}.demo-scenario-list i.is-negative{background:linear-gradient(90deg,#ff6b61 var(--w),#e9eef4 var(--w))}

.demo-funnel{display:grid;gap:6px;margin:0;padding:0;flex:1;align-content:space-between;list-style:none}.demo-funnel li{position:relative;display:grid;grid-template-columns:1fr auto;gap:7px;width:var(--w);min-width:31%;padding:8px 9px;color:#233b5d;background:#dce7fb}.demo-funnel li::after{content:"";position:absolute;right:-7px;top:0;border-top:18px solid transparent;border-bottom:18px solid transparent;border-left:7px solid #dce7fb}.demo-funnel li.is-alert{color:#7b2a26;background:#ffd9d6}.demo-funnel li.is-alert::after{border-left-color:#ffd9d6}.demo-funnel span,.demo-funnel b{font-size:9px}.demo-funnel small{grid-column:1/-1;color:#536881;font:8px 'IBM Plex Mono',monospace}.demo-funnel li.is-alert small{color:#702b27}
.demo-note{margin:12px 0 0;color:#5e6f84;font-size:9px;line-height:1.45}.demo-note b{color:#2e4f7f}

.demo-table-module{padding-bottom:10px}.demo-table-note{color:#6c7b8f;font:8px 'IBM Plex Mono',monospace}.demo-table-scroll{overflow-x:auto}.demo-data-table{width:100%;border-collapse:collapse;font-size:9px}.demo-data-table th{padding:8px 10px;border-bottom:1px solid #ccd6e2;color:#728096;background:#f4f7fb;font:600 8px 'IBM Plex Mono',monospace;text-align:right;white-space:nowrap}.demo-data-table th:first-child,.demo-data-table td:first-child{text-align:left}.demo-data-table td{padding:10px;border-bottom:1px solid #e5eaf0;text-align:right;white-space:nowrap}.demo-data-table tbody tr:last-child td{border-bottom:0}.demo-data-table tbody tr.is-alert{background:#fff7f6}.demo-data-table td b{display:block;font-size:9px}.demo-data-table td small{display:block;color:#8390a1;font-size:7px}.demo-status{display:inline-block;padding:3px 6px;color:#506176;background:#edf1f6;font-size:7px;font-weight:700}.demo-status.is-good{color:#116c4a;background:#e9f7f1}.demo-status.is-bad{color:#a8322c;background:#fff0ef}

.demo-metric-list{display:flex;margin:0;flex:1;flex-direction:column;justify-content:space-between}.demo-metric-list>div{display:grid;grid-template-columns:1fr auto;gap:8px;padding:9px 0;border-bottom:1px solid #e6ebf1}.demo-metric-list>div:last-child{border-bottom:0}.demo-metric-list dt{color:#738196;font-size:9px}.demo-metric-list dd{margin:0;font:700 9px 'IBM Plex Mono',monospace;text-align:right}
.demo-stage-time{display:grid;gap:12px}.demo-stage-time>div{display:grid;grid-template-columns:1fr auto;gap:3px 8px}.demo-stage-time span{font-size:9px}.demo-stage-time b{font:700 9px 'IBM Plex Mono',monospace}.demo-stage-time small{color:#8290a2;font-size:8px}.demo-stage-time i{grid-column:1/-1;height:5px;background:linear-gradient(90deg,#2f6bff var(--w),#e9eef4 var(--w))}.demo-stage-time i.is-negative{background:linear-gradient(90deg,#ff6b61 var(--w),#e9eef4 var(--w))}
.demo-horizontal-bars{display:grid;gap:12px}.demo-horizontal-bars>div{display:grid;grid-template-columns:110px 1fr 36px;gap:8px;align-items:center}.demo-horizontal-bars span{font-size:9px}.demo-horizontal-bars i{height:7px;background:linear-gradient(90deg,#7298f5 var(--w),#e9eef4 var(--w))}.demo-horizontal-bars b{font:700 9px 'IBM Plex Mono',monospace;text-align:right}.demo-horizontal-bars .is-alert i{background:linear-gradient(90deg,#ff6b61 var(--w),#e9eef4 var(--w))}.demo-horizontal-bars .is-alert b{color:#d8443b}
.demo-decision{display:grid;grid-template-columns:34px 1fr auto;gap:13px;align-items:center;border-left:3px solid #2f6bff;background:#f7f9fd}.demo-decision>i{display:grid;width:32px;height:32px;place-items:center;border:1px solid #a9c0f7;border-radius:50%;color:#2f6bff;font:700 15px 'IBM Plex Mono',monospace;font-style:normal}.demo-decision>div span{color:#718096;font:600 8px 'IBM Plex Mono',monospace;text-transform:uppercase}.demo-decision h2{margin-top:3px;font-size:13px}.demo-decision button{padding:8px 0;border:0;color:#2456c7;background:transparent;font-size:9px;font-weight:750;white-space:nowrap}

.demo-waterfall{display:flex;height:195px;gap:8px;align-items:end}.demo-waterfall>div{display:flex;height:100%;min-width:0;flex:1;flex-direction:column;justify-content:flex-end;align-items:center}.demo-waterfall i{width:100%;height:var(--h);flex:0 0 var(--h);border-radius:5px 5px 0 0;background:linear-gradient(180deg,#a8b9d1,#8098ba)}.demo-waterfall .up i{background:linear-gradient(180deg,#54d4a4,#25a975)}.demo-waterfall .down i{background:linear-gradient(180deg,#ffaaa4,#ff6b61)}.demo-waterfall b{margin-top:6px;font:700 9px 'IBM Plex Mono',monospace}.demo-waterfall span{margin-top:3px;color:#748398;font-size:8px;text-align:center}
.demo-aging{display:flex;height:170px;gap:10px;align-items:end}.demo-aging>div{display:flex;height:100%;min-width:0;flex:1;flex-direction:column;justify-content:flex-end;align-items:center}.demo-aging i{width:100%;height:var(--h);flex:0 0 var(--h);border-radius:5px 5px 0 0;background:linear-gradient(180deg,#8eacf5,#5f87eb)}.demo-aging .is-alert i{background:linear-gradient(180deg,#ffaaa4,#ff6b61)}.demo-aging b{margin-top:5px;font:700 9px 'IBM Plex Mono',monospace}.demo-aging span{margin-top:3px;color:#738196;font-size:8px}

.demo-lineage{display:grid;grid-template-columns:minmax(160px,1fr) 45px minmax(170px,1fr) 45px minmax(135px,.75fr);gap:8px;align-items:center;min-height:210px}.demo-lineage .sources{display:grid;gap:6px}.demo-lineage .sources>span{padding:8px 10px;border:1px solid #d5dfeb;background:#f7f9fc;font-size:9px;font-weight:700}.demo-lineage .sources>span.is-warning{border-color:#eed3aa;background:#fff9ef}.demo-lineage .sources small{display:block;margin-top:2px;color:#7a899c;font-size:7px;font-weight:400}.demo-lineage>i{position:relative;height:1px;background:#91a9cf}.demo-lineage>i::after{content:"";position:absolute;right:0;top:-3px;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid #6d8cc1}.demo-lineage .core{display:flex;gap:5px;justify-content:center;flex-wrap:wrap;padding:14px 10px;border:1px solid #abc2f7;background:#f0f5ff;text-align:center}.demo-lineage .core b{width:100%;color:#2457c9;font-size:10px}.demo-lineage .core span{padding:3px 5px;color:#577091;background:#fff;font-size:7px}.demo-lineage .result{padding:14px;border:1px solid #315da8;color:#fff;background:#0d1a2d}.demo-lineage .result small{color:#8aaaff;font-size:8px}.demo-lineage .result strong{display:block;margin:3px 0;font:700 28px 'IBM Plex Mono',monospace}.demo-lineage .result span{color:rgba(255,255,255,.5);font-size:7px}
.demo-source-list{display:grid}.demo-source-list>div{display:grid;grid-template-columns:7px 1fr auto;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid #e6ebf1}.demo-source-list>div:last-child{border-bottom:0}.demo-source-list i{width:6px;height:6px;border-radius:50%;background:#25c48a}.demo-source-list span{display:grid}.demo-source-list b{font-size:9px}.demo-source-list small{color:#8190a2;font:7px 'IBM Plex Mono',monospace}.demo-source-list em{color:#168c61;font:7px 'IBM Plex Mono',monospace;font-style:normal}.demo-source-list .is-warning i{background:#f4a63a}.demo-source-list .is-warning em{color:#9a6111}
.demo-quality-list{display:grid;gap:12px}.demo-quality-list>div{display:grid;grid-template-columns:1fr auto;gap:4px}.demo-quality-list span{font-size:9px}.demo-quality-list b{font:700 8px 'IBM Plex Mono',monospace}.demo-quality-list i{grid-column:1/-1;height:6px;background:linear-gradient(90deg,#25c48a var(--w),#e9eef4 var(--w))}.demo-quality-list i.is-warning{background:linear-gradient(90deg,#f4a63a var(--w),#e9eef4 var(--w))}
.demo-log{display:grid;margin:0;padding:0;list-style:none}.demo-log li{display:grid;grid-template-columns:43px 1fr;gap:8px;padding:9px 0;border-bottom:1px solid #e6ebf1}.demo-log li:last-child{border-bottom:0}.demo-log time{color:#2f6bff;font:8px 'IBM Plex Mono',monospace}.demo-log span{font-size:8px}.demo-log .is-warning span{color:#9c6211}

/* Cross-functional overview */
.demo-value-chain{background:linear-gradient(145deg,#fff 0%,#f5f8ff 100%)}
.demo-chain{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:stretch}.demo-chain>div{position:relative;display:grid;gap:4px;align-content:center;min-height:96px;padding:13px;border:1px solid #dbe3ed;border-radius:10px;background:rgba(255,255,255,.8)}.demo-chain>div::before{content:"";position:absolute;left:-1px;top:15px;bottom:15px;width:3px;border-radius:3px;background:#8aa0bd}.demo-chain>div.is-negative::before{background:#ff6b61}.demo-chain>div.is-positive::before{background:#25c48a}.demo-chain span{color:#68788d;font-size:9px}.demo-chain strong{color:#17243a;font:700 15px 'IBM Plex Mono',monospace;white-space:nowrap}.demo-chain small{color:#6b7a8e;font-size:8px;line-height:1.35}.demo-chain .is-negative small{color:#a63a33}.demo-chain .is-positive small{color:#117351}.demo-chain>i{align-self:center;color:#9babc0;font:700 15px 'IBM Plex Mono',monospace;font-style:normal}
.demo-pulse-list{display:grid}.demo-pulse-list>div{display:grid;grid-template-columns:minmax(120px,1fr) 58px 76px minmax(100px,1fr);gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid #e5ebf2}.demo-pulse-list>div:last-child{border-bottom:0}.demo-pulse-list span{display:flex;gap:8px;align-items:center;font-size:10px;font-weight:700}.demo-pulse-list span i{width:8px;height:8px;border-radius:50%;background:#8ca0ba}.demo-pulse-list span i.is-red{background:#ff6b61;box-shadow:0 0 0 5px rgba(255,107,97,.09)}.demo-pulse-list span i.is-green{background:#25c48a;box-shadow:0 0 0 5px rgba(37,196,138,.09)}.demo-pulse-list span i.is-amber{background:#f4a63a;box-shadow:0 0 0 5px rgba(244,166,58,.09)}.demo-pulse-list b,.demo-pulse-list em{font:700 10px 'IBM Plex Mono',monospace;font-style:normal}.demo-pulse-list em{color:#51657d}.demo-pulse-list small{color:#77869a;font-size:9px}

/* Marketing effectiveness */
.demo-channel-map{background:linear-gradient(145deg,#fff 0%,#f4f8ff 100%)}.demo-chart--scatter{height:330px}.demo-quadrant{stroke:#d9e2ec;stroke-width:1}.demo-bubbles circle{fill:#e9effb;stroke:#7695d2;stroke-width:2;filter:drop-shadow(0 7px 12px rgba(31,61,112,.12))}.demo-bubbles .is-good circle{fill:#e7f7f1;stroke:#25a975}.demo-bubbles .is-bad circle{fill:#fff0ef;stroke:#ff6b61}.demo-bubbles text{fill:#22344e;font:700 10px 'IBM Plex Mono',monospace;text-anchor:middle}.demo-bubbles text+text{fill:#64758b;font-size:8px}.demo-bubbles .is-bad text{fill:#a63630}.demo-matrix-head,.demo-matrix-row{display:grid;grid-template-columns:minmax(130px,1.4fr) repeat(3,minmax(58px,.7fr));gap:10px;align-items:center}.demo-matrix-head{padding:0 10px 8px;color:#77869a;font:600 8px 'IBM Plex Mono',monospace}.demo-matrix-row{position:relative;margin-bottom:5px;padding:12px 10px 12px 14px;border:1px solid #e1e7ef;border-radius:9px;background:#fafcff}.demo-matrix-row::before{content:"";position:absolute;left:-1px;top:8px;bottom:8px;width:3px;border-radius:3px;background:#8295af}.demo-matrix-row.is-good::before{background:#25c48a}.demo-matrix-row.is-warning::before{background:#f4a63a}.demo-matrix-row.is-bad{background:#fff7f6}.demo-matrix-row.is-bad::before{background:#ff6b61}.demo-matrix-row b{font-size:10px}.demo-matrix-row span,.demo-matrix-row em{font:700 9px 'IBM Plex Mono',monospace;font-style:normal}.demo-matrix-row em{text-align:right}.demo-matrix-row.is-good em{color:#08754b}.demo-matrix-row.is-bad em{color:#b8322b}

.demo-site-efficiency>header{position:relative;justify-content:center;text-align:center}.demo-site-efficiency>header .demo-table-note{position:absolute;right:0;top:2px}.demo-site-table{font-size:12px}.demo-site-table th,.demo-site-table td{padding:13px 16px;text-align:center}.demo-site-table th:first-child,.demo-site-table td:first-child{text-align:center}.demo-site-table th{font-size:10px;letter-spacing:.05em}.demo-site-table td b{font-size:12px}.demo-site-table td small{margin-top:3px;font-size:9px}.demo-site-table tfoot td{border-top:1px solid #bfcbd9;border-bottom:0;color:#344863;background:#f7f9fc;font-weight:750;font-style:italic}
.demo-plan-total{display:grid;gap:3px;margin:2px 0 8px}.demo-plan-total strong{color:#172641;font:700 28px 'IBM Plex Mono',monospace;letter-spacing:-.04em}.demo-plan-total span{color:#697a90;font-size:12px;font-weight:650}.demo-chart--bars{height:220px}.demo-bars rect{fill:#17345e;rx:6;transform-box:fill-box;transform-origin:center bottom}.demo-bars rect.is-current{fill:#0ca6a6}.demo-screen:not([hidden]) .demo-bars rect{animation:demo-bar-rise .65s cubic-bezier(.2,.75,.25,1) both}.demo-screen:not([hidden]) .demo-bars rect:nth-child(2){animation-delay:.05s}.demo-screen:not([hidden]) .demo-bars rect:nth-child(3){animation-delay:.1s}.demo-screen:not([hidden]) .demo-bars rect:nth-child(4){animation-delay:.15s}.demo-screen:not([hidden]) .demo-bars rect:nth-child(5){animation-delay:.2s}.demo-screen:not([hidden]) .demo-bars rect:nth-child(6){animation-delay:.25s}.demo-screen:not([hidden]) .demo-bars rect:nth-child(7){animation-delay:.3s}@keyframes demo-bar-rise{from{opacity:.2;transform:scaleY(.08)}to{opacity:1;transform:scaleY(1)}}
.demo-big-metrics{display:grid;margin:0;flex:1;grid-auto-rows:1fr}.demo-big-metrics>div{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid #e4eaf1}.demo-big-metrics>div:last-child{border-bottom:0}.demo-big-metrics dt{color:#60728a;font-size:12px;font-weight:650}.demo-big-metrics dd{margin:0;color:#172641;font:700 14px 'IBM Plex Mono',monospace;text-align:right}.demo-metric-link{display:grid;grid-template-columns:1fr auto 22px;gap:12px;align-items:center;width:100%;margin-bottom:4px;padding:15px 0;border:0;border-bottom:1px solid #dfe7f0;color:#172641;background:transparent;text-align:left}.demo-metric-link:hover strong,.demo-metric-link:focus-visible strong{color:#2f6bff}.demo-metric-link:focus-visible{outline:2px solid #2f6bff;outline-offset:4px}.demo-metric-link>span{display:grid;color:#60728a;font-size:13px;font-weight:700}.demo-metric-link small{margin-top:3px;color:#2f6bff;font-size:9px}.demo-metric-link strong{font:700 15px 'IBM Plex Mono',monospace;transition:color .2s}.demo-metric-link>i{color:#2f6bff;font-size:15px;font-style:normal}.demo-header-action{padding:6px 0;border:0;border-bottom:1px solid #9eb6e7;color:#285ac6;background:transparent;font-size:10px;font-weight:750;white-space:nowrap}.demo-header-action:focus-visible{outline:2px solid #2f6bff;outline-offset:3px}.demo-legend--bottom{margin-top:8px}.demo-legend--bottom i.is-green{background:#0ca6a6}.demo-ltr-chart .demo-chart circle.is-fact{fill:#2f6bff}

/* Balanced analytical rows: neighbouring modules share one height and their working areas fill it. */
.demo-module>:is(.demo-direction-table,.demo-scenario-list,.demo-stage-time,.demo-horizontal-bars,.demo-source-list,.demo-quality-list,.demo-log,.demo-forecast-stack,.demo-profit-flow){flex:1;align-content:space-between}.demo-plan-fact-card>.demo-chart--bars,.demo-ltr-chart>.demo-chart{min-height:0;flex:none}.demo-table-module>.demo-table-scroll{flex:1}.demo-module>.demo-note{margin-top:auto;padding-top:12px}

/* Readable data density: card contents are intentionally larger than captions. */
.demo-attention li b{font-size:12px}.demo-attention li span,.demo-attention li em{font-size:10px}.demo-direction-table b,.demo-direction-table strong,.demo-direction-table>div>span{font-size:11px}.demo-direction-table .head{font-size:9px}.demo-economics-flow small{font-size:10px}.demo-economics-flow b{font-size:14px}.demo-inline-metrics dt{font-size:10px}.demo-inline-metrics dd{font-size:13px}.demo-scenario-list span,.demo-stage-time span,.demo-horizontal-bars span,.demo-metric-list dt,.demo-quality-list span{font-size:11px}.demo-scenario-list b,.demo-stage-time b,.demo-horizontal-bars b,.demo-metric-list dd,.demo-quality-list b{font-size:12px}.demo-funnel span,.demo-funnel b{font-size:11px}.demo-funnel small{font-size:9px}.demo-note{font-size:11px}.demo-data-table{font-size:11px}.demo-data-table th{font-size:9px}.demo-data-table td b{font-size:11px}.demo-data-table td small,.demo-status{font-size:9px}.demo-source-list b{font-size:11px}.demo-source-list small,.demo-source-list em{font-size:9px}.demo-log span{font-size:10px}.demo-log time{font-size:9px}.demo-pulse-list span,.demo-chain span,.demo-forecast-stack span,.demo-profit-flow span{font-size:11px}.demo-pulse-list b,.demo-pulse-list em,.demo-chain strong,.demo-forecast-stack b,.demo-profit-flow b{font-size:12px}.demo-pipeline__sources b,.demo-pipeline__process b,.demo-pipeline__outputs span{font-size:11px}.demo-pipeline__sources small,.demo-pipeline__process small,.demo-pipeline__outputs small{font-size:9px}

/* Sales and finance scenarios */
.demo-forecast-stack,.demo-profit-flow{display:grid;gap:12px}.demo-forecast-stack>div,.demo-profit-flow>div{display:grid;grid-template-columns:1fr auto;gap:5px 12px;align-items:center}.demo-forecast-stack span,.demo-profit-flow span{font-size:10px}.demo-forecast-stack b,.demo-profit-flow b{font:700 10px 'IBM Plex Mono',monospace}.demo-forecast-stack i,.demo-profit-flow i{grid-column:1/-1;height:10px;border-radius:8px;background:linear-gradient(90deg,#6c93f5 var(--w),#e8edf4 var(--w))}.demo-forecast-stack .is-solid i{background:linear-gradient(90deg,#2f6bff var(--w),#e8edf4 var(--w))}.demo-forecast-stack .is-risk i{background:linear-gradient(90deg,#ff8a82 var(--w),#e8edf4 var(--w))}.demo-profit-flow>div{padding:8px 0;border-bottom:1px solid #e6ebf1}.demo-profit-flow>div:last-child{border-bottom:0}.demo-profit-flow i{height:8px}.demo-profit-flow .is-total i{background:linear-gradient(90deg,#2f6bff var(--w),#e8edf4 var(--w))}.demo-profit-flow .is-cost i{background:linear-gradient(90deg,#ff8a82 var(--w),#e8edf4 var(--w))}.demo-profit-flow .is-result{padding:12px;border-radius:9px;background:#edf4ff}.demo-profit-flow .is-result i{background:linear-gradient(90deg,#25c48a var(--w),#dae6ee var(--w))}.demo-chart--cash{height:330px}.demo-area{stroke:none}.demo-chart-threshold{fill:#a23a33;font:600 9px 'IBM Plex Mono',monospace}.demo-chart circle.is-red{fill:#ff6b61}

/* Data provenance */
.demo-data-network{background:linear-gradient(145deg,#fff 0%,#f4f8ff 100%)}.demo-pipeline{display:grid;grid-template-columns:minmax(210px,1fr) 70px minmax(250px,1.1fr) 70px minmax(220px,1fr);gap:14px;align-items:center}.demo-pipeline section>h3{margin:0 0 10px;color:#607289;font:600 9px 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.08em}.demo-pipeline__sources,.demo-pipeline__process,.demo-pipeline__outputs{display:grid;gap:7px}.demo-pipeline__sources>div{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:9px 11px;border:1px solid #dce4ee;border-radius:9px;background:#fff}.demo-pipeline__sources>div>i{display:grid;width:32px;height:32px;place-items:center;border-radius:9px;color:#fff;background:#17345e;font:700 8px 'IBM Plex Mono',monospace;font-style:normal}.demo-pipeline__sources>div:nth-of-type(2)>i{background:#1a8c67}.demo-pipeline__sources>div:nth-of-type(3)>i{background:#d75739}.demo-pipeline__sources>div:nth-of-type(4)>i{background:#6e57c9}.demo-pipeline__sources span{display:grid}.demo-pipeline__sources b{font-size:10px}.demo-pipeline__sources small{color:#78879a;font-size:8px}.demo-pipeline__sources em{color:#65778e;font:700 8px 'IBM Plex Mono',monospace;font-style:normal}.demo-pipeline__sources .is-warning{border-color:#efcfaa;background:#fffaf3}.demo-pipeline__sources .is-warning em{color:#9a6111}.demo-pipeline__process>div{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center;padding:9px 11px;border-radius:9px;background:#0d1a2d;color:#fff}.demo-pipeline__process>div>span{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;color:#8aaaff;background:rgba(47,107,255,.16);font:700 8px 'IBM Plex Mono',monospace}.demo-pipeline__process p{display:grid;margin:0}.demo-pipeline__process b{font-size:10px}.demo-pipeline__process small{color:rgba(255,255,255,.48);font-size:8px}.demo-pipeline__process em{color:#67dcb1;font:700 8px 'IBM Plex Mono',monospace;font-style:normal}.demo-pipeline__process .is-warning em{color:#ffc46e}.demo-pipeline__outputs>div{position:relative;display:grid;grid-template-columns:1fr auto;gap:3px 8px;padding:11px 13px;border:1px solid #dbe3ee;border-radius:9px;background:#fff}.demo-pipeline__outputs>div::before{content:"";position:absolute;left:-1px;top:10px;bottom:10px;width:3px;border-radius:3px;background:#2f6bff}.demo-pipeline__outputs span{font-size:10px;font-weight:700}.demo-pipeline__outputs b{font:700 9px 'IBM Plex Mono',monospace}.demo-pipeline__outputs small{grid-column:1/-1;color:#168c61;font-size:8px}.demo-pipeline__outputs small.is-warning{color:#9a6111}.demo-pipeline__rail{position:relative;height:2px;overflow:visible;background:linear-gradient(90deg,#afbdd0,#2f6bff,#afbdd0)}.demo-pipeline__rail::after{content:"";position:absolute;right:-1px;top:-4px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid #6d8cc1}.demo-pipeline__rail i{position:absolute;top:-3px;width:8px;height:8px;border-radius:50%;background:#2f6bff;box-shadow:0 0 0 5px rgba(47,107,255,.1);animation:demo-data-pulse 2.2s linear infinite}.demo-pipeline__rail i:nth-child(2){animation-delay:-.75s}.demo-pipeline__rail i:nth-child(3){animation-delay:-1.5s}@keyframes demo-data-pulse{from{left:0;opacity:0}15%{opacity:1}85%{opacity:1}to{left:calc(100% - 8px);opacity:0}}

.demo-pipeline__process>div{border:1px solid #cbd8e8;color:#1a3153;background:#eef4fb;box-shadow:0 6px 16px rgba(31,66,112,.06)}.demo-pipeline__process>div>span{color:#245bc7;background:#dce8ff}.demo-pipeline__process b{font-size:12px}.demo-pipeline__process small{color:#60728a;font-size:10px}.demo-pipeline__process em{color:#08754b;font-size:9px}.demo-pipeline__process .is-warning{border-color:#e8cfaa;background:#fff8ed}.demo-pipeline__process .is-warning em{color:#9a6111}

body.demo-modal-open{overflow:hidden}.demo-modal{width:min(1180px,calc(100% - 42px));max-width:none;max-height:calc(100dvh - 42px);padding:0;overflow:hidden;border:0;border-radius:18px;color:#17243a;background:#f6f8fb;box-shadow:0 30px 90px rgba(4,12,25,.35)}.demo-modal::backdrop{background:rgba(4,12,24,.64);backdrop-filter:blur(4px)}.demo-modal[open]{animation:demo-modal-in .25s cubic-bezier(.2,.75,.25,1)}@keyframes demo-modal-in{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}.demo-modal__surface{display:flex;max-height:calc(100dvh - 42px);flex-direction:column}.demo-modal__header{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:22px 26px;border-bottom:1px solid #dce4ee;background:#fff}.demo-modal__header span{display:block;margin-bottom:5px;color:#697b92;font:600 9px 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.08em}.demo-modal__header h2{margin:0;font-size:26px;letter-spacing:-.035em}.demo-modal__header>button{display:grid;width:42px;height:42px;place-items:center;border:1px solid #d5deea;border-radius:50%;color:#263a55;background:#f7f9fc;font-size:24px}.demo-modal__header>button:hover{border-color:#9db5df;color:#1f59d0;background:#edf3ff}.demo-modal__header>button:focus-visible{outline:3px solid rgba(47,107,255,.28);outline-offset:2px}.demo-modal__body{display:grid;gap:16px;padding:22px 26px 26px;overflow-y:auto}.demo-ltr-intro{display:grid;grid-template-columns:1fr 1fr;gap:12px}.demo-ltr-intro>div{display:grid;gap:4px;padding:16px 18px;border:1px solid #dbe3ed;border-radius:12px;background:#fff}.demo-ltr-intro b{font-size:13px}.demo-ltr-intro span{color:#60728a;font-size:12px}.demo-ltr-intro strong{margin-top:7px;color:#1d52ba;font:700 15px 'IBM Plex Mono',monospace}.demo-ltr-intro>p{grid-column:1/-1;margin:0;padding:12px 16px;border-left:3px solid #2f6bff;color:#52657d;background:#edf3fc;font-size:12px;line-height:1.55}.demo-ltr-section{padding:18px;border:1px solid #dce4ee;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(25,48,78,.05)}.demo-ltr-section>header{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:12px}.demo-ltr-section header span{color:#6d7e94;font:600 9px 'IBM Plex Mono',monospace;text-transform:uppercase}.demo-ltr-section h3{margin:4px 0 0;font-size:18px}.demo-ltr-section header em{color:#1c56ca;font:700 11px 'IBM Plex Mono',monospace;font-style:normal}.demo-ltr-table{width:100%;border-collapse:collapse;font-size:11px}.demo-ltr-table th,.demo-ltr-table td{padding:11px 12px;border-bottom:1px solid #e4eaf1;text-align:right;white-space:nowrap}.demo-ltr-table th:first-child,.demo-ltr-table td:first-child{text-align:left}.demo-ltr-table th{color:#75869b;background:#f6f8fb;font:600 9px 'IBM Plex Mono',monospace}.demo-ltr-table tbody td:first-child{font-weight:700}.demo-ltr-table tfoot td{border-top:1px solid #b9c7d8;border-bottom:0;color:#17345e;background:#f1f5fb;font-weight:800}.demo-ltr-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.demo-ltr-summary>div{display:grid;gap:6px;padding:15px 17px;border:1px solid #dce4ee;border-radius:12px;background:#fff}.demo-ltr-summary span{color:#6c7e94;font-size:11px}.demo-ltr-summary strong{font:700 16px 'IBM Plex Mono',monospace}

/* Meaningful, restrained chart motion. */
.demo-screen:not([hidden]) .demo-line:not(.demo-line--plan){stroke-dasharray:1100;stroke-dashoffset:1100;animation:demo-line-draw 1.05s cubic-bezier(.22,.75,.24,1) forwards}.demo-screen:not([hidden]) .demo-area{opacity:0;animation:demo-area-in .7s .25s ease forwards}.demo-screen:not([hidden]) .demo-bubbles>g{transform-box:fill-box;transform-origin:center;animation:demo-bubble-in .45s cubic-bezier(.2,.8,.2,1) both}.demo-screen:not([hidden]) .demo-bubbles>g:nth-child(2){animation-delay:.08s}.demo-screen:not([hidden]) .demo-bubbles>g:nth-child(3){animation-delay:.16s}.demo-screen:not([hidden]) .demo-bubbles>g:nth-child(4){animation-delay:.24s}.demo-screen:not([hidden]) .demo-bubbles>g:nth-child(5){animation-delay:.32s}.demo-screen:not([hidden]) .demo-kpi__spark .value{stroke-dasharray:120;stroke-dashoffset:120;animation:demo-line-draw .8s .12s ease forwards}@keyframes demo-line-draw{to{stroke-dashoffset:0}}@keyframes demo-area-in{from{opacity:0}to{opacity:1}}@keyframes demo-bubble-in{from{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}

@media (min-width:1800px){
  .demo-app{grid-template-columns:288px minmax(0,1fr)}.demo-sidebar{padding:25px 18px 20px}.demo-brand svg{width:40px;height:40px}.demo-brand>span{font-size:19px}.demo-sidebar__context{margin-top:30px;padding:16px}.demo-sidebar__context b{font-size:13px}.demo-sidebar__context small{font-size:10px}.demo-app-nav button{min-height:50px}.demo-app-nav button>span{font-size:14px}.demo-sidebar__footer>a{font-size:12px}
  .demo-topbar{height:84px;padding:0 40px}.demo-topbar__start small,.demo-filter__trigger{font-size:12px}.demo-topbar__start strong{font-size:15px}.demo-topbar__status>button>span,.demo-user b{font-size:11px}.demo-topbar__status>button small,.demo-user small{font-size:9px}.demo-workspace{padding:42px 48px 74px}.demo-screen__head{margin-bottom:28px}.demo-screen__head h1{font-size:46px}.demo-screen__head>div:first-child>span{font-size:15px}.demo-screen__head-status{padding:11px 14px;font-size:12px}
  .demo-kpi{min-height:164px;padding:24px 22px 20px}.demo-kpi>span{font-size:13px}.demo-kpi>strong{font-size:34px}.demo-kpi>p b{font-size:12px}.demo-kpi>p small{font-size:10px}.demo-kpi__spark{width:78px;height:44px}.demo-layout{gap:18px}.demo-module{padding:21px 22px}.demo-module>header span{font-size:10px}.demo-module h2{font-size:22px}.demo-module>footer{font-size:13px}.demo-chart--main{height:250px}.demo-chart--compact{height:225px}.demo-chart--scatter,.demo-chart--cash{height:330px}.demo-svg-labels text{font-size:12px}.demo-note{font-size:13px}.demo-data-table{font-size:13px}.demo-data-table th{font-size:11px}.demo-data-table td b{font-size:13px}.demo-data-table td small{font-size:10px}.demo-site-table{font-size:14px}.demo-site-table th{font-size:12px}.demo-site-table td b{font-size:14px}.demo-site-table td small{font-size:11px}
  .demo-attention li b,.demo-direction-table b,.demo-economics-flow b,.demo-stage-time span,.demo-horizontal-bars span,.demo-chain span,.demo-pulse-list span,.demo-matrix-row b,.demo-forecast-stack span,.demo-profit-flow span{font-size:14px}.demo-attention li span,.demo-attention li em,.demo-direction-table .head,.demo-economics-flow small,.demo-stage-time small,.demo-chain small,.demo-pulse-list small,.demo-table-note{font-size:12px}.demo-direction-table strong,.demo-direction-table>div>span,.demo-inline-metrics dd,.demo-scenario-list b,.demo-stage-time b,.demo-horizontal-bars b,.demo-metric-list dd,.demo-forecast-stack b,.demo-profit-flow b{font-size:14px}.demo-scenario-list span,.demo-metric-list dt,.demo-source-list b,.demo-quality-list span{font-size:13px}.demo-funnel span,.demo-funnel b{font-size:13px}.demo-funnel small,.demo-source-list small,.demo-source-list em,.demo-log span,.demo-log time{font-size:11px}.demo-pipeline__sources b,.demo-pipeline__process b,.demo-pipeline__outputs span{font-size:13px}.demo-pipeline__sources small,.demo-pipeline__process small,.demo-pipeline__outputs small{font-size:11px}.demo-big-metrics dt{font-size:14px}.demo-big-metrics dd{font-size:16px}.demo-metric-link>span{font-size:15px}.demo-metric-link strong{font-size:17px}.demo-plan-total strong{font-size:32px}.demo-ltr-table{font-size:13px}.demo-ltr-table th{font-size:11px}
}

@media (min-width:1800px){
  .demo-module>.demo-chart--main{height:260px;--chart-text-x:.52}.demo-module>.demo-chart--bars{height:210px;--chart-text-x:.62}.demo-module>.demo-chart--compact{height:210px;--chart-text-x:.58}.demo-module>.demo-chart--scatter,.demo-module>.demo-chart--cash{height:300px;--chart-text-x:.55}
  .demo-pipeline__process b{font-size:15px}.demo-pipeline__process small{font-size:12px}.demo-pipeline__process em{font-size:11px}
}

/* CSP-safe proportions for charts and progress indicators. */
.demo-w-104{--w:100%}.demo-w-101{--w:100%}.demo-w-100{--w:100%}.demo-w-99{--w:99%}.demo-w-98{--w:98%}.demo-w-97{--w:97%}.demo-w-94{--w:94%}.demo-w-83{--w:83%}.demo-w-82{--w:82%}.demo-w-78{--w:78%}.demo-w-72{--w:72%}.demo-w-71{--w:71%}.demo-w-63{--w:63%}.demo-w-61{--w:61%}.demo-w-55{--w:55%}.demo-w-52{--w:52%}.demo-w-49{--w:49%}.demo-w-40{--w:40%}.demo-w-36{--w:36%}.demo-w-34{--w:34%}.demo-w-32{--w:32%}.demo-w-30{--w:30%}.demo-w-29{--w:29%}.demo-w-27{--w:27%}.demo-w-23{--w:23%}.demo-w-22{--w:22%}.demo-w-17{--w:17%}
.demo-h-76{--h:76%}.demo-h-68{--h:68%}.demo-h-57{--h:57%}.demo-h-55{--h:55%}.demo-h-52{--h:52%}.demo-h-45{--h:45%}.demo-h-42{--h:42%}.demo-h-35{--h:35%}

@media (max-width:1280px){
  .demo-topbar{grid-template-columns:1fr auto}.demo-topbar__filters{display:none}.demo-kpis--six{grid-template-columns:repeat(3,1fr)}.demo-kpi:nth-child(3){border-right:0}.demo-kpi:nth-child(-n+3){border-bottom:1px solid #e2e8f0}.demo-module--span-8,.demo-module--span-7{grid-column:span 12}.demo-module--span-5{grid-column:span 6}.demo-module--span-4{grid-column:span 6}.demo-module--span-3{grid-column:span 6}.demo-pipeline{grid-template-columns:minmax(190px,1fr) 34px minmax(220px,1.1fr) 34px minmax(190px,1fr)}
}
@media (max-width:900px){
  .demo-app{grid-template-columns:1fr}.demo-sidebar{position:fixed;left:0;top:0;width:242px;transform:translateX(-105%);transition:transform .24s ease;box-shadow:20px 0 50px rgba(5,12,22,.3)}.demo-app.demo-nav-open .demo-sidebar{transform:none}.demo-nav-overlay{position:fixed;z-index:75;inset:0;display:block;border:0;background:rgba(4,10,18,.58);opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s}.demo-app.demo-nav-open .demo-nav-overlay{opacity:1;visibility:visible}
  .demo-topbar{grid-template-columns:1fr auto;height:62px;padding:0 16px}.demo-menu-toggle{display:grid;width:34px;height:34px;padding:8px;border:1px solid #d7e0ea;background:#fff}.demo-menu-toggle span{display:block;height:2px;background:#314158}.demo-topbar__start>div{display:flex}.demo-topbar__start small{display:none}.demo-topbar__start strong{font-size:11px}.demo-topbar__status{gap:10px}.demo-topbar__status>button,.demo-user p{display:none}.demo-user{padding-left:10px}.demo-workspace{padding:20px 16px 40px}
  .demo-screen__head{align-items:start}.demo-screen__head h1{font-size:30px}.demo-screen__head>div:first-child>span{max-width:520px}.demo-module--span-5,.demo-module--span-4,.demo-module--span-3{grid-column:span 12}
}
@media (max-width:600px){
  .demo-topbar__status>time{display:none}.demo-screen__head{display:block}.demo-screen__head-status{display:inline-flex;margin-top:13px}.demo-kpis--six{grid-template-columns:repeat(2,1fr)}.demo-kpi{min-height:135px}.demo-kpi:nth-child(3){border-right:1px solid #e2e8f0}.demo-kpi:nth-child(2n){border-right:0}.demo-kpi:nth-child(-n+4){border-bottom:1px solid #e2e8f0}.demo-kpi>strong{font-size:18px}.demo-kpi>p{display:grid;gap:1px}.demo-kpi>p small{white-space:normal}.demo-kpi__spark{display:none}
  .demo-module{padding:15px 13px}.demo-module>header{display:block}.demo-module>.demo-chart{width:calc(100% + 12px);margin-right:-6px;margin-left:-6px}.demo-module>.demo-chart--main{min-height:205px}.demo-module>.demo-chart--compact{min-height:150px}.demo-module>.demo-chart--scatter,.demo-module>.demo-chart--cash{min-height:250px}.demo-signal,.demo-table-note{display:inline-block;margin-top:8px}.demo-chart--main{height:auto;min-height:205px}.demo-chart--compact{height:auto;min-height:150px}.demo-module>footer{grid-template-columns:1fr}.demo-direction-table>div{grid-template-columns:92px 1fr 39px}.demo-direction-table .head span:first-child{grid-column:1/2}.demo-direction-table>div>strong,.demo-direction-table .head span:last-child{display:none}.demo-economics-flow{grid-template-columns:1fr}.demo-economics-flow>i{transform:rotate(90deg);text-align:center}.demo-inline-metrics{grid-template-columns:1fr}.demo-inline-metrics>div{display:flex;justify-content:space-between;border-right:0}
  .demo-table-scroll{margin-right:-13px;padding-right:13px}.demo-data-table{min-width:720px}.demo-decision{grid-template-columns:32px 1fr}.demo-decision>button{grid-column:1/-1;text-align:left}.demo-lineage{grid-template-columns:1fr;min-height:0}.demo-lineage>i{width:1px;height:18px;justify-self:center}.demo-lineage>i::after{right:-3px;top:auto;bottom:0;border-top:6px solid #6d8cc1;border-right:4px solid transparent;border-bottom:0;border-left:4px solid transparent}.demo-lineage .result{text-align:center}.demo-waterfall,.demo-aging{height:150px}.demo-horizontal-bars>div{grid-template-columns:100px 1fr 32px}.demo-chain{grid-template-columns:1fr}.demo-chain>i{transform:rotate(90deg);text-align:center}.demo-pulse-list>div{grid-template-columns:1fr auto}.demo-pulse-list em{display:none}.demo-pulse-list small{grid-column:1/-1;padding-left:16px}.demo-chart--scatter,.demo-chart--cash{height:auto;min-height:250px}.demo-matrix-head,.demo-matrix-row{grid-template-columns:minmax(120px,1.4fr) repeat(2,minmax(55px,.7fr))}.demo-matrix-head span:nth-child(3),.demo-matrix-row span:nth-child(3){display:none}.demo-pipeline{grid-template-columns:1fr}.demo-pipeline__rail{width:2px;height:28px;justify-self:center;background:linear-gradient(#afbdd0,#2f6bff,#afbdd0)}.demo-pipeline__rail::after{right:-4px;top:auto;bottom:-1px;border-top:7px solid #6d8cc1;border-right:5px solid transparent;border-bottom:0;border-left:5px solid transparent}.demo-pipeline__rail i{left:-3px;animation:demo-data-pulse-mobile 2.2s linear infinite}@keyframes demo-data-pulse-mobile{from{top:0;opacity:0}15%{opacity:1}85%{opacity:1}to{top:calc(100% - 8px);opacity:0}}
}
@media (max-width:600px){.demo-module>.demo-chart--main{height:205px;--chart-text-x:1.45}.demo-module>.demo-chart--bars{height:185px;--chart-text-x:1}.demo-module>.demo-chart--compact{height:170px;--chart-text-x:1}.demo-module>.demo-chart--scatter,.demo-module>.demo-chart--cash{height:250px;--chart-text-x:1.42}}
@media (max-width:900px){.demo-modal{width:calc(100% - 24px);max-height:calc(100dvh - 24px)}.demo-modal__surface{max-height:calc(100dvh - 24px)}.demo-ltr-intro{grid-template-columns:1fr}.demo-ltr-intro>p{grid-column:auto}}
@media (max-width:600px){.demo-site-efficiency>header{text-align:left}.demo-site-efficiency>header .demo-table-note{position:static}.demo-site-table{min-width:780px}.demo-chart--bars{height:auto;min-height:185px}.demo-modal{width:100%;height:100dvh;max-height:none;border-radius:0}.demo-modal__surface{height:100dvh;max-height:none}.demo-modal__header{padding:16px}.demo-modal__header span{font-size:8px}.demo-modal__header h2{font-size:22px}.demo-modal__body{padding:14px 14px 24px}.demo-ltr-intro>div,.demo-ltr-section{padding:14px}.demo-ltr-summary{grid-template-columns:1fr}.demo-ltr-table{min-width:860px}.demo-ltr-summary>div{grid-template-columns:1fr auto;align-items:center}.demo-ltr-summary strong{font-size:14px}}
@media (prefers-reduced-motion:reduce){.demo-screen{animation:none}.demo-sidebar,.demo-nav-overlay,.demo-module,.demo-filter__trigger>i{transition:none}.demo-filter__menu,.demo-modal[open],.demo-screen:not([hidden]) .demo-bars rect,.demo-screen:not([hidden]) .demo-line:not(.demo-line--plan),.demo-screen:not([hidden]) .demo-area,.demo-screen:not([hidden]) .demo-bubbles>g,.demo-screen:not([hidden]) .demo-kpi__spark .value,.demo-pipeline__rail i{animation:none;stroke-dashoffset:0;opacity:1;transform:none}}