.sb-grid{grid-template-columns:1fr 1fr 1fr;grid-template-areas:"a a b""c d b";gap:16px;height:min(62vh,540px);margin-top:26px;display:grid}.sb-a{grid-area:a}.sb-b{grid-area:b}.sb-c{grid-area:c}.sb-d{grid-area:d}.sb-card{border:1px solid var(--bd);background:var(--surface-1);border-radius:18px;flex-direction:column;justify-content:space-between;gap:14px;min-height:0;padding:24px 26px;display:flex;position:relative;overflow:hidden}.sb-viz{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.sb-viz>.viz,.sb-viz>svg.viz{width:100%;height:100%}.sb-b .sb-viz{justify-content:center;align-items:center;overflow:hidden}.sb-b .sb-viz>svg.viz{width:168%;height:auto}.sb-c .sb-viz>svg.viz{width:auto;height:124px}.sb-d .sb-viz{align-items:flex-start;padding-top:6px}.sb-a{flex-direction:row-reverse;align-items:stretch;gap:20px}.sb-a .sb-viz{flex:0 0 56%}.sb-a .sb-txt{align-self:flex-end}.sb-num{font-family:var(--font-orbitron);color:var(--green);text-shadow:0 0 24px #00ff4159;font-size:clamp(2.4rem,3.4vw,3.6rem);font-weight:900;line-height:.9;display:block}.sb-txt span{color:var(--tx2);margin-top:8px;font-size:13.5px;display:block}.sb-cap{text-align:center;color:var(--tx2);margin-top:16px;font-size:13.5px}@media (max-width:900px){.sb-grid{grid-template-columns:1fr 1fr;grid-template-areas:"a a""b c""b d";height:auto}.sb-card{min-height:220px}.sb-a{flex-direction:column}.sb-a .sb-viz{flex:1}.sb-a .sb-txt{align-self:flex-start}}@media (max-width:560px){.sb-grid{grid-template-columns:1fr;grid-template-areas:"a""b""c""d"}}
.viz{width:100%;height:100%;font-family:var(--font-mono,monospace)}.viz-lbl{letter-spacing:.14em;font-size:8px}svg.viz{display:block}.ng-node{transform-box:fill-box}.bm{flex-direction:column;justify-content:center;gap:10px;display:flex}.bm-top{letter-spacing:.14em;color:var(--tx2,#9ba39e);align-items:center;gap:8px;font-size:10px;display:flex}.bm-dot{background:var(--green,#00ff41);width:7px;height:7px;box-shadow:0 0 8px var(--green,#00ff41);border-radius:50%}.bm-line{background:linear-gradient(90deg, var(--green,#00ff41), transparent);border-radius:2px;width:40%;height:2px}.bm-row{gap:3px;display:flex}.bm-bar{background:var(--green,#00ff41);opacity:.14;will-change:opacity;border-radius:1px;width:6px;height:28px}.bm-ticks{gap:3px;display:flex}.bm-ticks span{border-left:1px solid var(--line,#ffffff1f);width:6px;height:5px}@media (prefers-reduced-motion:reduce){.bm-bar{opacity:.4}}
.pg{font-family:var(--font-mono,monospace);flex-direction:column;gap:10px;display:inline-flex}.pg-grid{gap:7px;display:grid}.pg-cell{background:var(--green,#00ff41);opacity:.12;will-change:opacity;border-radius:4px;width:28px;height:28px}.pg-foot{letter-spacing:.16em;color:var(--tx2,#9ba39e);justify-content:flex-end;align-items:center;gap:8px;font-size:10px;display:flex}.pg-dot{background:var(--green,#00ff41);width:7px;height:7px;box-shadow:0 0 8px var(--green,#00ff41);border-radius:50%;animation:1.4s ease-in-out infinite pg-pulse}@keyframes pg-pulse{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.pg-cell{opacity:.4}.pg-dot{animation:none}}
.intg-grid{grid-template-rows:repeat(4,minmax(108px,1fr));grid-template-columns:repeat(4,1fr);grid-template-areas:"a b c d""e t t f""g t t h""i j k l";margin:36px 0 0;display:grid}.intg-cell{border:1px solid var(--bd);color:var(--tx);place-items:center;transition:color .2s,background .2s;display:grid}.intg-cell svg{width:40px;height:40px}.intg-cell:hover{color:var(--green);background:#00ff410a}.intg-txt{text-align:center;background:var(--surface-1);border:1px solid #00ff4138;grid-area:t;place-items:center;padding:28px;display:grid}.intg-txt span{font-family:var(--font-orbitron);color:var(--green);text-transform:uppercase;letter-spacing:.02em;font-size:clamp(1.3rem,2.2vw,2rem);font-weight:800}@media (max-width:680px){.intg-grid{grid-template-rows:none;grid-template-columns:repeat(2,1fr);grid-template-areas:"t t""a b""c d""e f""g h""i j""k l";grid-auto-rows:84px;max-width:360px}.intg-txt{padding:22px}.intg-cell svg{width:28px;height:28px}}