/* Shader-style animated gradient backgrounds
   Lightweight WebGL-like look using canvas 2d, respects brand palette.
   Usage: <div class="shader-bg" data-shader="circuit|unifilar|field|databus|waveform"></div> */

.shader-host{position:relative;isolation:isolate}
.shader-bg{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.shader-bg canvas{display:block;width:100%;height:100%;opacity:.85}
.shader-bg::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%, transparent 0%, rgba(8,31,45,.15) 70%, rgba(8,31,45,.3) 100%)}
.shader-over-light .shader-bg{opacity:.55;mix-blend-mode:multiply}
.shader-over-light .shader-bg::after{display:none}