.kx-sim{border:1px solid var(--line);background:#070b1a;border-radius:22px;grid-template-columns:1fr minmax(300px,380px);display:grid;overflow:hidden}.kx-sim__view{min-height:600px;position:relative}.kx-sim__view>div:first-child{inset:0;position:absolute!important}.kx-sim__alert{border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:fit-content;max-width:calc(100% - 36px);font-family:var(--mono);color:var(--bone-2);pointer-events:none;background:#070b1ab3;border-radius:999px;align-items:center;gap:10px;padding:8px 14px;font-size:12px;transition:border-color .3s,color .3s;display:flex;position:absolute;top:18px;left:18px;right:18px}.kx-sim__alert:before{content:"";background:#3dffb0;border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 10px}.kx-sim__alert[data-state=warn]{color:#ffd3a1;border-color:#ffb86b80}.kx-sim__alert[data-state=warn]:before{background:#ffb86b}.kx-sim__alert[data-state=fault]{color:#ffb3d3;border-color:#ff4f9a99}.kx-sim__alert[data-state=fault]:before{background:#ff4f9a;animation:.6s steps(2,end) infinite kx-sim-blink}@keyframes kx-sim-blink{50%{opacity:.2}}.kx-sim__kpis{border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;background:#070b1aa6;border-radius:14px;grid-template-columns:repeat(2,auto);gap:10px 22px;padding:14px 16px;display:grid;position:absolute;top:62px;left:18px}.kx-sim__kpis dt{font-family:var(--mono);text-transform:uppercase;letter-spacing:.04em;color:var(--mute);font-size:10px}.kx-sim__kpis dt small{text-transform:none;opacity:.7;font-size:9px}.kx-sim__kpis dd{min-width:5ch;font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--cyan);font-size:17px}.kx-sim__kpis div:first-child dd{color:#3dffb0}.kx-sim__kpis div:nth-child(2) dd{color:#a98bff}.kx-sim__kpis div:nth-child(3) dd{color:#ffb86b}.kx-sim__chart{border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;background:#070b1aa6;border-radius:14px;height:110px;padding:10px 12px 26px;position:absolute;bottom:18px;left:18px;right:18px}.kx-sim__chart canvas{width:100%;height:100%}.kx-sim__chart ul{font-family:var(--mono);text-transform:uppercase;color:var(--mute);gap:16px;font-size:10px;list-style:none;display:flex;position:absolute;bottom:7px;left:12px}.kx-sim__chart li:before{vertical-align:middle;content:"";background:#3dffb0;width:12px;height:2px;margin-right:6px;display:inline-block}.kx-sim__chart li[data-k=demand]:before{background:#e6ebf599}.kx-sim__chart li[data-k=cap]:before{background:#a98bff}.kx-sim__chart li[data-k=q]:before{background:#ffb86b99;width:8px;height:8px}.kx-sim__panel{border-left:1px solid var(--line);background:var(--ink-2);align-content:start;gap:22px;padding:28px;display:grid}.kx-sim__sub{font-family:var(--mono);text-transform:uppercase;color:var(--mute);margin-bottom:10px;font-size:11px}.kx-sim__scen>div{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.kx .kx-sim__scen button,.kx .kx-sim__speed button,.kx .kx-sim__reset{border:1px solid var(--line);font-family:var(--mono);text-transform:uppercase;color:var(--bone-2);cursor:pointer;border-radius:999px;padding:7px 12px;font-size:11px;transition:background .25s,color .25s,border-color .25s}.kx .kx-sim__scen button:hover,.kx .kx-sim__speed button:hover,.kx .kx-sim__reset:hover{border-color:var(--cyan)}.kx .kx-sim__scen button.is-on,.kx .kx-sim__speed button.is-on{color:#070b1a;background:var(--cyan);border-color:var(--cyan)}.kx-sim__speed{gap:4px;display:flex}.kx .kx-sim__speed button{padding:5px 9px}.kx-sim__actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.kx-toggle--fault.is-on span{background:#ff4f9a}.kx-simtabs{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.kx .kx-simtabs button{border:1px solid var(--line);font-family:var(--mono);text-transform:uppercase;color:var(--bone-2);cursor:pointer;border-radius:999px;align-items:center;gap:10px;padding:10px 18px;font-size:12px;display:inline-flex}.kx .kx-simtabs button small{color:var(--mute);font-size:10px}.kx .kx-simtabs button.is-on{color:#070b1a;background:var(--cyan);border-color:var(--cyan)}.kx .kx-simtabs button.is-on small{color:#0b2340}.kx-vs{border:1px solid var(--line);border-radius:22px;grid-template-columns:1fr auto 1fr;gap:0;display:grid;overflow:hidden}.kx-vs__col{align-content:start;gap:14px;padding:clamp(24px,3vw,44px);display:grid}.kx-vs__col h3{letter-spacing:-.02em;font-size:clamp(24px,2.4vw,36px);font-weight:800}.kx-vs__col p{color:var(--bone-2)}.kx-vs__col ul{gap:8px;margin-top:6px;list-style:none;display:grid}.kx-vs__col li{color:var(--bone-2);padding-left:20px;font-size:15px;position:relative}.kx-vs__col li:before{content:"";background:var(--cyan);width:10px;height:1px;position:absolute;top:.7em;left:0}.kx-vs__mid{border-inline:1px solid var(--line);width:64px;font-family:var(--mono);text-transform:uppercase;writing-mode:vertical-rl;color:var(--cyan);background:#00d9ff0a;place-items:center;font-size:11px;display:grid}.kx-vs__tag{border:1px solid var(--line);width:fit-content;font-family:var(--mono);text-transform:uppercase;color:var(--cyan);border-radius:999px;padding:4px 10px;font-size:11px}.kx-simgrid{border:1px solid var(--line);background:var(--line);border-radius:22px;grid-template-columns:repeat(3,1fr);gap:1px;list-style:none;display:grid;overflow:hidden}.kx-simgrid li{background:var(--ink);align-content:start;gap:12px;min-height:250px;padding:clamp(22px,2.4vw,34px);transition:background .35s;display:grid}.kx-simgrid li:hover{background:var(--ink-2)}.kx-simgrid__no{font-family:var(--mono);color:var(--cyan);font-size:11px}.kx-simgrid h3{letter-spacing:-.01em;font-size:22px;font-weight:700}.kx-simgrid p{color:var(--bone-2);font-size:15px}.kx-simgrid__tags{flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:8px;display:flex}.kx-simgrid__tags span{border:1px solid var(--line);font-family:var(--mono);text-transform:uppercase;color:var(--mute);border-radius:999px;padding:3px 9px;font-size:10px}.kx-proof{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.kx-proof article{border:1px solid var(--line);background:var(--ink-2);border-radius:22px;grid-template-columns:160px 1fr;align-items:center;gap:22px;padding:18px;display:grid}.kx-proof img{object-fit:cover;border-radius:14px;width:160px;height:160px}.kx-proof h3{font-size:22px;font-weight:700}.kx-proof p{color:var(--bone-2);margin-top:6px;font-size:15px}.kx-proof dl{gap:22px;margin-top:14px;display:flex}.kx-proof dt{font-family:var(--mono);text-transform:uppercase;color:var(--mute);font-size:10px}.kx-proof dd{font-family:var(--mono);color:var(--cyan);font-size:18px}.kx-stack{grid-template-columns:repeat(3,1fr);gap:18px;list-style:none;display:grid}.kx-stack li{border:1px solid var(--line);border-radius:18px;gap:10px;padding:26px 24px 26px 26px;display:grid;position:relative;overflow:hidden}.kx-stack li:before{content:"";background:linear-gradient(180deg, var(--cyan), transparent);width:3px;height:100%;position:absolute;top:0;left:0}.kx-stack h3{font-size:18px;font-weight:700}.kx-stack p{color:var(--bone-2);font-size:15px}@media (max-width:1000px){.kx-simgrid,.kx-stack{grid-template-columns:repeat(2,1fr)}.kx-proof{grid-template-columns:1fr}}@media (max-width:900px){.kx-sim{grid-template-columns:1fr}.kx-sim__view{min-height:520px}.kx-sim__panel{border-top:1px solid var(--line);border-left:0}.kx-vs{grid-template-columns:1fr}.kx-vs__mid{border-inline:0;border-block:1px solid var(--line);writing-mode:horizontal-tb;width:auto;height:44px}}@media (max-width:640px){.kx-simgrid,.kx-stack{grid-template-columns:1fr}.kx-simgrid li{min-height:0}.kx-proof article{grid-template-columns:96px 1fr;gap:16px}.kx-proof img{width:96px;height:96px}.kx-sim__view{min-height:560px}.kx-sim__alert{font-size:11px;top:12px;left:12px}.kx-sim__kpis{grid-template-columns:repeat(4,1fr);gap:4px 10px;padding:8px 10px;top:64px;left:12px;right:12px}.kx-sim__kpis div:nth-child(n+5){display:none}.kx-sim__kpis dt{font-size:9px}.kx-sim__kpis dt small{display:none}.kx-sim__kpis dd{min-width:0;font-size:14px}.kx-sim__chart{height:92px;bottom:12px;left:12px;right:12px}.kx-sim__chart ul{gap:10px}}.kx-twin__actions{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.kx .kx-chip{border:1px solid var(--line);font-family:var(--mono);text-transform:uppercase;color:var(--bone-2);cursor:pointer;border-radius:999px;padding:8px 14px;font-size:11px;transition:background .25s,color .25s,border-color .25s}.kx .kx-chip:hover{border-color:var(--cyan)}.kx .kx-chip.is-on{color:#070b1a;background:var(--cyan);border-color:var(--cyan)}
