.mdemo{--paper:#f5f5f2;--surface:#fafaf7;--band:#ecebe5;--ink:#111;--graphite:#5c5c56;--muted:#7a7a73;--rule:#d6d6cf;--rule-strong:#8a8a83;--accent:#1d5668;--accent-strong:#143f4d;--accent-tint:#cfe2e5;--on-accent:#f5f5f2;--s1:#00809a;--s2:#e0662f;--s3:#5b4fc4;--base:#8a8a83;--good:#0c8a0c;--warn:#c98500;--crit:#d03b3b;--grid:#e3e3dc;--sim-bg:#0c171b;--sim-panel:#101f24;--sim-raise:#162a31;--sim-line:#22383f;--sim-text:#d6e5e7;--sim-muted:#82a0a6;--sim-dim:#4f6a71;--sim-accent:#43c3d8;--sim-hot:#ff8a4c;--sim-good:#4cc76a;--sim-warn:#f2b33d;--sim-crit:#ff5d5d;--font-sans:"IBM Plex Sans Variable", "IBM Plex Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono:"IBM Plex Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;--gutter:clamp(16px, 4vw, 64px);--max:80rem}.mdemo *{box-sizing:border-box}.mdemo{background:var(--paper);color:var(--ink);font-family:var(--font-sans);letter-spacing:-.005em;-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.55}.mdemo ::selection{background:var(--accent-tint)}.mdemo a{color:var(--accent);text-underline-offset:3px}.mdemo a:hover{color:var(--accent-strong)}.mdemo :focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mdemo .wrap{max-width:var(--max);padding-inline:var(--gutter);margin:0 auto}.mdemo .topbar{border-bottom:1px solid var(--rule)}.mdemo .topbar .wrap{justify-content:space-between;align-items:center;gap:16px;padding-block:18px;display:flex}.mdemo .wordmark{letter-spacing:-.01em;color:var(--ink);font-size:18px;font-weight:500;text-decoration:none}.mdemo .wordmark span{color:var(--muted);font-weight:400}.mdemo .topbar nav{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;gap:20px;font-size:12px;display:flex}.mdemo .topbar nav a{color:var(--graphite);text-decoration:none}.mdemo .topbar nav a[aria-current]{color:var(--ink)}@media (max-width:640px){.mdemo .topbar nav a:not([aria-current]){display:none}}.mdemo .intro{gap:18px;padding-block:clamp(32px,5vw,64px) clamp(20px,3vw,32px);display:grid}.mdemo .eyebrow{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--graphite);flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;display:flex}.mdemo .eyebrow .live{color:var(--accent);align-items:center;gap:6px;display:inline-flex}.mdemo .eyebrow .live:before{content:"";width:7px;height:7px;box-shadow:0 0 0 3px var(--accent-tint);background:currentColor;border-radius:50%}.mdemo h1{letter-spacing:-.03em;text-wrap:balance;max-width:18ch;margin:0;font-size:clamp(2.4rem,5vw,4.25rem);font-weight:300;line-height:1.02}.mdemo .lede{color:var(--graphite);max-width:60ch;margin:0;font-size:clamp(1.06rem,1.5vw,1.25rem)}.mdemo .spec{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);flex-wrap:wrap;gap:0;margin-top:8px;display:flex}.mdemo .spec div{gap:2px;margin-right:20px;padding:12px 20px 12px 0;display:grid}.mdemo .spec dt,.mdemo .spec .k{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:11px}.mdemo .spec dd,.mdemo .spec .v{font-family:var(--font-mono);font-variant-numeric:tabular-nums;margin:0;font-size:15px}.mdemo .sim{background:var(--sim-bg);color:var(--sim-text);border:1px solid #0a1316;border-radius:6px;overflow:hidden;box-shadow:0 1px #0000000a,0 24px 48px -32px #0c171b8c}.mdemo .toolbar{border-bottom:1px solid var(--sim-line);background:var(--sim-panel);font-family:var(--font-mono);flex-wrap:wrap;align-items:center;gap:10px 18px;padding:10px 14px;font-size:12px;display:flex}.mdemo .toolbar .grp{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mdemo .toolbar .lbl{color:var(--sim-muted);letter-spacing:.06em;text-transform:uppercase;font-size:11px}.mdemo .toolbar .spacer{flex:auto}.mdemo .seg{border:1px solid var(--sim-line);border-radius:4px;flex-wrap:wrap;display:inline-flex;overflow:hidden}.mdemo .seg button,.mdemo .btn{font:inherit;color:var(--sim-text);cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:6px 10px}.mdemo .seg button+button{border-left:1px solid var(--sim-line)}.mdemo .seg button:hover,.mdemo .btn:hover{background:var(--sim-raise)}.mdemo .seg button[aria-pressed=true]{background:var(--sim-accent);color:#04161b}.mdemo .btn{border:1px solid var(--sim-line);border-radius:4px;align-items:center;gap:6px;display:inline-flex}.mdemo .btn.primary{background:var(--sim-accent);color:#04161b;border-color:var(--sim-accent);font-weight:500}.mdemo .btn.primary:hover{background:#6fd3e3}.mdemo .btn:disabled{opacity:.45;cursor:default}.mdemo .btn svg{width:14px;height:14px}.mdemo .clock{font-variant-numeric:tabular-nums;color:var(--sim-text);min-width:7.5ch;font-size:15px}.mdemo .sim-body{grid-template-columns:minmax(0,1fr) 292px;display:grid}@media (max-width:960px){.mdemo .sim-body{grid-template-columns:minmax(0,1fr)}}.mdemo .stage{min-width:0;position:relative}.mdemo .stage canvas{width:100%;display:block}.mdemo .stage .hud{pointer-events:none;font-family:var(--font-mono);color:var(--sim-muted);letter-spacing:.04em;font-size:11px;position:absolute}.mdemo .rail{border-left:1px solid var(--sim-line);background:var(--sim-panel);flex-direction:column;min-width:0;display:flex}@media (max-width:960px){.mdemo .rail{border-left:0;border-top:1px solid var(--sim-line)}}.mdemo .kpis{grid-template-columns:1fr 1fr;display:grid}.mdemo .kpi{border-bottom:1px solid var(--sim-line);gap:2px;min-width:0;padding:12px 14px;display:grid}.mdemo .kpi:nth-child(odd){border-right:1px solid var(--sim-line)}.mdemo .kpi .k{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--sim-muted);font-size:10.5px}.mdemo .kpi .v{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:21px;line-height:1.2}.mdemo .kpi .v small{color:var(--sim-muted);margin-left:2px;font-size:12px}.mdemo .kpi .d{font-family:var(--font-mono);color:var(--sim-muted);font-variant-numeric:tabular-nums;font-size:11px}.mdemo .kpi .d.good{color:var(--sim-good)}.mdemo .kpi .d.bad{color:var(--sim-crit)}@media (max-width:960px){.mdemo .kpis{grid-template-columns:repeat(4,1fr)}.mdemo .kpi:nth-child(odd){border-right:0}.mdemo .kpi{border-right:1px solid var(--sim-line)}}@media (max-width:560px){.mdemo .kpis{grid-template-columns:1fr 1fr}}.mdemo .log-wrap{flex:auto;min-height:140px;position:relative}.mdemo .log-wrap .log{max-height:none;position:absolute;inset:0}.mdemo .log-head{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--sim-muted);justify-content:space-between;padding:10px 14px 6px;font-size:10.5px;display:flex}.mdemo .log{min-height:120px;max-height:300px;font-family:var(--font-mono);color:var(--sim-muted);flex:auto;padding:0 14px 12px;font-size:11.5px;line-height:1.6;overflow:auto}.mdemo .log div{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mdemo .log b{color:var(--sim-text);font-weight:500}.mdemo .log .t{color:var(--sim-dim);margin-right:8px}.mdemo .log .hot{color:var(--sim-hot)}.mdemo .log .ok{color:var(--sim-good)}.mdemo .log .acc{color:var(--sim-accent)}.mdemo .scrub{border-top:1px solid var(--sim-line);background:var(--sim-panel);font-family:var(--font-mono);color:var(--sim-muted);align-items:center;gap:12px;padding:10px 14px;font-size:11px;display:flex}.mdemo .scrub input[type=range]{accent-color:var(--sim-accent);flex:1;min-width:0}.mdemo .footnote{font-family:var(--font-mono);color:var(--sim-dim);border-top:1px solid var(--sim-line);flex-wrap:wrap;justify-content:space-between;gap:12px;padding:8px 14px;font-size:11px;display:flex}.mdemo .tip{pointer-events:none;z-index:5;color:var(--sim-text);border:1px solid var(--sim-line);font-family:var(--font-mono);background:#081216f5;border-radius:4px;max-width:260px;padding:8px 10px;font-size:11.5px;line-height:1.5;position:absolute;box-shadow:0 8px 24px #00000059}.mdemo .tip b{font-weight:500}.mdemo .tip .m{color:var(--sim-muted)}.mdemo section.block{padding-block:clamp(40px,6vw,80px) 0}.mdemo h2{letter-spacing:-.022em;text-wrap:balance;max-width:24ch;margin:0 0 12px;font-size:clamp(1.75rem,3.2vw,2.75rem);font-weight:300;line-height:1.08}.mdemo h3{letter-spacing:-.01em;margin:0 0 6px;font-size:1.1rem;font-weight:500}.mdemo .prose{max-width:64ch;color:var(--graphite)}.mdemo .prose p{margin:0 0 14px}.mdemo .prose strong{color:var(--ink);font-weight:500}.mdemo .cols{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(20px,3vw,40px);margin-top:28px;display:grid}.mdemo .cols>*{min-width:0}.mdemo .card{background:var(--surface);border:1px solid var(--rule);border-radius:4px;min-width:0;padding:16px 18px 14px}.mdemo .card-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px;display:flex}.mdemo .card-head .t{font-size:15px;font-weight:500}.mdemo .card-head .s{font-family:var(--font-mono);color:var(--muted);letter-spacing:.04em;font-size:11px}.mdemo .legend{font-family:var(--font-mono);color:var(--graphite);flex-wrap:wrap;gap:6px 16px;margin-top:6px;font-size:11.5px;display:flex}.mdemo .legend i{vertical-align:middle;border-top:2px solid;width:14px;height:0;margin-right:6px;display:inline-block}.mdemo .legend i.dash{border-top-style:dashed}.mdemo .legend i.box{border:0;border-radius:2px;height:9px}.mdemo .chart{position:relative}.mdemo .chart canvas{width:100%;display:block}.mdemo .ctip{pointer-events:none;z-index:5;background:var(--surface);color:var(--ink);border:1px solid var(--rule-strong);font-family:var(--font-mono);white-space:nowrap;border-radius:4px;padding:7px 9px;font-size:11.5px;line-height:1.5;position:absolute;box-shadow:0 6px 18px #0000001f}.mdemo .ctip .m{color:var(--muted)}.mdemo .ctip i{vertical-align:0;border-radius:2px;width:8px;height:8px;margin-right:6px;display:inline-block}.mdemo table.cmp{border-collapse:collapse;width:100%;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:12.5px}.mdemo table.cmp th,.mdemo table.cmp td{text-align:right;border-bottom:1px solid var(--rule);white-space:nowrap;padding:8px 6px}.mdemo table.cmp th:first-child,.mdemo table.cmp td:first-child{text-align:left}.mdemo table.cmp thead th{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:400}.mdemo table.cmp tr.best td{color:var(--ink);font-weight:500}.mdemo table.cmp td.good,.mdemo table.cmp tr.best td.good{color:var(--good)}.mdemo table.cmp td.bad{color:var(--crit)}.mdemo .tbl{overflow-x:auto}.mdemo .opt{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;gap:clamp(20px,3vw,36px);margin-top:24px;display:grid}@media (max-width:860px){.mdemo .opt{grid-template-columns:minmax(0,1fr)}}.mdemo .paper-btn{font-family:var(--font-mono);border:1px solid var(--accent);background:var(--accent);color:var(--on-accent);cursor:pointer;border-radius:4px;align-items:center;gap:8px;padding:9px 14px;font-size:13px;display:inline-flex}.mdemo .paper-btn.ghost{color:var(--accent);background:0 0}.mdemo .paper-btn:disabled{opacity:.5;cursor:default}.mdemo .status-line{font-family:var(--font-mono);color:var(--graphite);font-variant-numeric:tabular-nums;font-size:12px}.mdemo .model{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px 40px;margin-top:28px;display:grid}.mdemo .model>div{border-top:1px solid var(--rule-strong);min-width:0;padding-top:12px}.mdemo .model p{color:var(--graphite);margin:0 0 10px;font-size:15.5px}.mdemo .eq{font-family:var(--font-mono);background:var(--band);white-space:pre;color:var(--ink);border-radius:3px;margin:6px 0 10px;padding:10px 12px;font-size:12.5px;overflow-x:auto}.mdemo details.scope{border-top:1px solid var(--rule);max-width:72ch;margin-top:28px;padding-top:14px}.mdemo details.scope summary{cursor:pointer;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--graphite);font-size:12px}.mdemo details.scope p{color:var(--graphite);font-size:15.5px}.mdemo .cta{background:var(--band);border-radius:4px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-block:clamp(48px,7vw,96px) clamp(40px,6vw,72px);padding:clamp(24px,4vw,40px);display:flex}.mdemo .cta h2{margin:0;font-size:clamp(1.5rem,2.6vw,2.2rem)}.mdemo .cta p{color:var(--graphite);max-width:52ch;margin:6px 0 0}.mdemo .cta a.go{font-family:var(--font-mono);background:var(--ink);color:var(--paper);white-space:nowrap;border-radius:4px;padding:11px 16px;font-size:13px;text-decoration:none}.mdemo footer.foot{border-top:1px solid var(--rule)}.mdemo footer.foot .wrap{font-family:var(--font-mono);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px;padding-block:20px;font-size:12px;display:flex}@media (prefers-reduced-motion:reduce){.mdemo *{scroll-behavior:auto!important}}
.mdemo>*{min-width:0}.mdemo>.wrap,.mdemo>noscript>.wrap{width:100%}.mdemo .mdemo-back{padding-block:var(--space-6) 0}.mdemo .mdemo-back+noscript+.mdemo-body .intro,.mdemo .mdemo-back+.mdemo-body .intro{padding-block-start:var(--space-4)}.mdemo .mdemo-back-link{align-items:center;gap:var(--space-2);min-height:44px;display:inline-flex}.mdemo .mdemo-noscript p,.mdemo .mdemo-load-error{margin-block:var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--site-color-border-strong);border-radius:4px;max-width:64ch}