/* System of Execution hero: Anzen layer works on top of the systems you already run */
.sk-wrap{position:relative;display:flex;flex-direction:column;gap:14px}
.sk-layer{display:flex;align-items:center;gap:10px;background:var(--brand-500);border-radius:var(--radius-lg,12px);padding:15px 20px;color:#fff;opacity:0;transform:translateY(10px);transition:opacity 500ms ease,transform 500ms cubic-bezier(.4,0,.2,1)}
.sk-wrap.on .sk-layer{opacity:1;transform:none}
.sk-layer svg{flex:none}
.sk-name{font-size:15px;font-weight:500;letter-spacing:-.2px}
.sk-tag{font-size:12.5px;color:var(--brand-200)}
.sk-status{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--brand-200);white-space:nowrap}
.sk-dot{width:7px;height:7px;border-radius:50%;background:#3fd07a;animation:skPulse 2s ease-in-out infinite}
@keyframes skPulse{0%,100%{opacity:1}50%{opacity:.35}}
.sk-flow{position:relative;height:140px}
.sk-line{position:absolute;top:0;bottom:0;width:1px;background:var(--divide)}
.sk-line--l,.sk-chip--up{left:16.66%}
.sk-line--c,.sk-chip--sync{left:50%}
.sk-line--r,.sk-chip--quote{left:83.33%}
.sk-chip{position:absolute;transform:translateX(-50%);display:inline-flex;align-items:center;gap:7px;white-space:nowrap;background:var(--surface,#fff);border:1px solid var(--divide);border-radius:999px;padding:6px 13px;font-size:12.5px;font-weight:500;color:var(--fg1);box-shadow:0 2px 8px rgba(39,39,39,.08);opacity:0;z-index:2;transition:top 900ms cubic-bezier(.4,0,.2,1),opacity 350ms ease}
.sk-chip.show{opacity:1}
.sk-chip .ph{font-size:14px;color:var(--fg2)}
.sk-chip .ph.sk-ok{color:#29a334}
.sk-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.sk-tile{background:var(--surface,#fff);border:1px solid var(--divide);border-radius:var(--radius-md,8px);padding:16px 12px;text-align:center;transition:border-color 300ms ease,box-shadow 300ms ease}
.sk-tile .ph{font-size:22px;color:var(--fg2)}
.sk-tile span{display:block;margin-top:8px;font-size:13.5px;font-weight:500;color:var(--fg1)}
.sk-tile.hit{border-color:rgba(41,163,52,.5);box-shadow:0 0 0 3px rgba(41,163,52,.12)}
@media (max-width:640px){.sk-flow{height:110px}.sk-chip{font-size:11.5px;padding:5px 10px}.sk-chip--up{left:27%}.sk-chip--quote{left:73%}.sk-tag{display:none}}