/* Decorative ERP data flow; content stays on its own foreground layer. */
.erp-background{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1;opacity:.48}
.erp-network{position:absolute;width:100%;height:100%;inset:0;min-width:850px}
.erp-network .connections{fill:none;stroke:#5ba7d6;stroke-width:1;opacity:.2}
.erp-network .data-flow{fill:none;stroke:#50e2c5;stroke-width:2;stroke-dasharray:5 180;animation:erp-flow-glow 8s ease-in-out infinite alternate;opacity:.6}
.erp-network .nodes{fill:#102d46;stroke:#61cdbd;stroke-width:1;opacity:.55}
.erp-network text{fill:#a2dcdf;font:10px 'DM Sans',sans-serif;letter-spacing:2px;text-anchor:middle}
.hero-glow{animation:erp-glow 18s ease-in-out infinite alternate}
.hero-glow2{animation:erp-glow 24s ease-in-out infinite alternate-reverse}
.erp-motion-toggle{position:absolute;right:24px;bottom:20px;z-index:3;border:1px solid #ffffff25;border-radius:20px;padding:7px 12px;background:#0a1628aa;color:#abc2d6;font:11px var(--font-body);cursor:pointer}
.erp-motion-toggle:hover{color:white;border-color:#67d8c4}
.hero.motion-paused *{animation-play-state:paused!important}
@keyframes erp-flow-glow{from{opacity:.25}to{opacity:.65}}
@keyframes erp-glow{to{transform:translate3d(14px,-10px,0)}}
@media(max-width:600px){.erp-background{opacity:.28}.erp-network{left:-240px}.erp-motion-toggle{right:20px;bottom:15px}}
@media(prefers-reduced-motion:reduce){.erp-background *,.hero-glow,.hero-glow2{animation:none!important}.erp-motion-toggle{display:none}}