/* Nexa Liquid Gradient — WebGL mesh-gradient met grain */
.nexa-lg{position:relative;width:100%;min-height:420px;overflow:hidden;background:#0A0A0A;isolation:isolate}
.nexa-lg .nlg-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
.nexa-lg .nlg-content{position:relative;z-index:2;height:100%}
.nexa-lg.nlg-fallback{background-image:linear-gradient(160deg,#0A0A0A,#0074FF,#0A0A0A)}
.nexa-lg.nlg-fallback::after{content:"";position:absolute;inset:0;opacity:.12;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");background-size:160px 160px;mix-blend-mode:overlay}

/* Als achtergrond van de bovenliggende Elementor-sectie/container */
.nexa-lg.nlg-as-background{position:absolute;inset:0;min-height:0;z-index:0;pointer-events:none}
.elementor-widget-nexa_liquid_gradient:has(.nlg-as-background){position:static}
.elementor-element:has(> .elementor-widget-container > .nlg-as-background),
.elementor-element:has(> .nlg-as-background){position:absolute;inset:0;width:100%;height:100%;margin:0;z-index:0;pointer-events:none}
.elementor-section:has(.nlg-as-background),.e-con:has(.nlg-as-background){position:relative;isolation:isolate}
.elementor-section:has(.nlg-as-background) > .elementor-container,.e-con:has(.nlg-as-background) > :not(.elementor-element:has(.nlg-as-background)){position:relative;z-index:1}

/* Optionele fade naar de pagina-achtergrond onderaan */
.nexa-lg .nlg-fade{position:absolute;left:0;right:0;bottom:0;height:var(--nlg-fade,160px);z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,0),var(--nlg-fade-color,#0A0A0A))}