.p-emp .guard{border:1px solid var(--line);font:500 13px/16px var(--font-mono);color:var(--text-subtle);background:var(--surface);overflow-wrap:anywhere;border-radius:10px;padding:12px 14px}.js .p-emp .guard.on,.p-emp .guard:not([data-step]){background:var(--brand-soft);border-color:var(--brand);color:var(--brand)}.p-emp .lock{border:1px solid var(--line-strong);border-radius:var(--radius-lg);color:var(--text-subtle);background:var(--surface);flex-direction:column;gap:10px;padding:22px;display:flex}.p-emp .lock b{font:600 14px/18px var(--font-mono)}.p-emp .lock span{color:var(--text-muted);font-size:14px;line-height:20px}.js .p-emp .lock.on{border-color:var(--brand);color:var(--brand);background:var(--brand-soft)}.p-emp .lock .open{display:none}.js .p-emp .lock.on .open{display:block}.js .p-emp .lock.on .shut{display:none}.p-emp .spin{flex:none;animation:6s linear infinite e-spin}@keyframes e-spin{to{transform:rotate(360deg)}}.p-emp .demo{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-2xl);overflow:hidden}.p-emp .demo .frame__bar{padding:14px 18px}.p-emp .demo__view{background:#0e0e1a;height:min(70vh,560px);position:relative;overflow:hidden}.p-emp .demo__mock{transform:translateY(calc(var(--p,0) * -30%));flex-direction:column;gap:16px;padding:20px 24px;display:flex}.p-emp .demo__mock .g4{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.p-emp .demo__mock .g2{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.p-emp .demo__mock i{background:var(--raised);border-radius:12px;display:block}.p-emp .demo__bars{background:var(--surface);border:1px solid var(--line);border-radius:12px;align-items:flex-end;gap:6px;height:200px;padding:16px;display:flex}.p-emp .demo__bars i{background:var(--line);border-radius:3px;flex:1}.p-emp .demo__note{text-align:center;max-width:calc(100% - 32px);position:absolute;bottom:20px;left:50%;transform:translate(-50%)}@media (max-width:640px){.p-emp .demo__view{height:340px}.p-emp .demo__mock{padding:16px}}.p-emp .order-flow{padding-bottom:8px;overflow-x:auto}.p-emp .order-flow .wire{min-width:20px}.p-emp .reconcile{border-top:1px dashed var(--line);align-items:center;gap:16px;padding-top:20px;display:flex}.p-emp .guards{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:10px;display:grid}.p-emp .locks{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:16px;display:grid}.p-emp .hosts{flex:2 480px;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:12px;min-width:0;display:grid}.p-emp .host{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);flex-direction:column;gap:6px;padding:18px;display:flex}.p-emp .host--key{border-color:var(--brand)}.p-emp .host h3{font-size:17px}.p-emp .host p{color:var(--text-muted);font-size:13px;line-height:20px}.p-emp .engine{gap:var(--space-5);grid-template-columns:minmax(0,3fr) minmax(300px,2fr);align-items:stretch;display:grid}@media (max-width:899px){.p-emp .engine{grid-template-columns:minmax(0,1fr)}}.p-emp .compare{border-collapse:collapse;width:100%;font-size:14px;line-height:20px}.p-emp .compare th,.p-emp .compare td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:12px 14px}.p-emp .compare thead th{font:500 12px/16px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-subtle)}.p-emp .compare tbody th{font:500 12px/20px var(--font-mono);color:var(--text-subtle);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.p-emp .compare td:nth-child(2){color:var(--text)}.p-emp .compare td:nth-child(3){color:var(--text-subtle)}@media (max-width:640px){.p-emp .compare thead{display:none}.p-emp .compare tr{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding-block:8px;display:grid}.p-emp .compare tbody th{border:0;grid-column:1/-1;padding-bottom:0}.p-emp .compare td{border:0;padding:4px 8px 8px 0}.p-emp .compare td:before{content:attr(data-k);font:500 10px/14px var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--text-subtle);display:block}}
