/* ===== Glo.Bo. WOW ===== */

.hero-content,.hero-bottom{z-index:2}
/* --- 2. Pannello di controllo --- */
.circuits .cable{fill:none;stroke:#2a5a70;stroke-width:1.5;opacity:.55}
.circuits .flow{fill:none;stroke:#21b5df;stroke-width:2.2;stroke-dasharray:3 11;opacity:0;transition:opacity .4s}
.circuits .flow.on{opacity:1;animation:wflow 1.1s linear infinite;filter:drop-shadow(0 0 4px #21b5df)}
.circuits.all .flow.on{stroke:#5fd2ee}
@keyframes wflow{to{stroke-dashoffset:-28}}
.circuits .pulse{fill:#d8f7ff;filter:drop-shadow(0 0 6px #69d4ee) drop-shadow(0 0 12px #21b5df)}
.readout{margin:4px 0 22px;border:1px solid #ffffff1c;background:linear-gradient(180deg,#081f2e,#0a2636);padding:12px 14px 14px;box-shadow:inset 0 1px 0 #ffffff0d}
.readout-head{display:flex;flex-wrap:wrap;gap:4px 10px;justify-content:space-between;align-items:baseline;white-space:nowrap;font:500 9px/1 'Plex Mono',monospace;letter-spacing:.12em;color:#7fc6d8;margin-bottom:12px}
.readout-head em{font-style:normal;letter-spacing:.04em;color:#5e8496;font-size:9px}
.cells{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.cell{display:flex;flex-direction:column;gap:6px;min-width:0}
.cell .lab{font-size:10px;color:#8eaab8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cell .num{font:500 19px/1 'Plex Mono',monospace;color:#e8fbff;letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap}
.cell .num small{font-size:10px;color:#69d4ee;margin-left:3px;letter-spacing:0}
.cell .bar{height:3px;background:#ffffff14;overflow:hidden}
.cell .bar i{display:block;height:100%;background:linear-gradient(90deg,#21b5df,#8be3f7);transform-origin:left;transition:transform .9s cubic-bezier(.2,.8,.2,1)}
.system-panel p{min-height:0}
@media(max-width:1100px){.cell .num{font-size:16px}}
@media(max-width:850px){.readout{max-width:520px}}


@media(prefers-reduced-motion:reduce){.circuits .flow.on{animation:none}.cell .bar i{transition:none}}