/* Wiregrass AI Solutions - background idea previews (original). */
.hero{position:relative;overflow:hidden;isolation:isolate}
.hero>*:not(.bg-fx){position:relative;z-index:1}
.bg-fx{position:absolute;inset:0;z-index:0;pointer-events:none}
.bg-fx svg{position:absolute;inset:0;width:100%;height:100%}
.bg-trace{fill:none;stroke-width:1;stroke-linejoin:round}
.bg-trace.gold{stroke:rgba(224,179,84,.22)}.bg-trace.blue{stroke:rgba(96,170,255,.22)}
.bg-pulse{fill:none;stroke-width:2;stroke-linecap:round;stroke-dasharray:8 92;stroke-dashoffset:100;animation:bgflow 14s linear infinite}
.bg-pulse.gold{stroke:rgba(236,196,105,.85)}.bg-pulse.blue{stroke:rgba(120,190,255,.85)}
.bg-node{fill:rgba(236,196,105,.7)}.bg-node.blue{fill:rgba(120,190,255,.7)}
@keyframes bgflow{to{stroke-dashoffset:0}}
html[data-bg=a] .hero{background:linear-gradient(180deg,rgba(8,11,7,.62),rgba(8,11,7,.82)),url(images/bg/dc-aisle-900.webp) center/cover no-repeat}
html[data-bg=b] .hero{background:linear-gradient(180deg,rgba(6,10,14,.6),rgba(8,11,7,.84)),url(images/bg/dc-rack-blur-900.webp) center/cover no-repeat}
@media (min-width:901px){html[data-bg=a] .hero{background-image:linear-gradient(180deg,rgba(8,11,7,.62),rgba(8,11,7,.82)),url(images/bg/dc-aisle-1600.webp)}
html[data-bg=b] .hero{background-image:linear-gradient(180deg,rgba(6,10,14,.6),rgba(8,11,7,.84)),url(images/bg/dc-rack-blur-1600.webp)}}
html[data-bg=c] .hero{background:radial-gradient(ellipse at top right,rgba(224,179,84,.14),transparent 50%),linear-gradient(rgba(224,179,84,.05) 1px,transparent 1px) 0 0/40px 40px,linear-gradient(90deg,rgba(224,179,84,.05) 1px,transparent 1px) 0 0/40px 40px,#10150d}
@media (prefers-reduced-motion:reduce){.bg-pulse{animation:none;stroke-dashoffset:100}}
/* Section boxes: same credited aisle photo, strong dark overlay, varied crop. */
.section,.site-footer{--sec-pos:50% 50%;background:linear-gradient(180deg,rgba(8,11,7,.84),rgba(8,11,7,.9)),url(images/bg/dc-aisle-900.webp) var(--sec-pos)/cover no-repeat}
#sell{--sec-pos:15% 40%}#demo{--sec-pos:85% 30%}#how{--sec-pos:40% 80%}#who{--sec-pos:70% 60%}#contact{--sec-pos:25% 20%}.site-footer{--sec-pos:60% 90%}
@media (min-width:901px){.section,.site-footer{background-image:linear-gradient(180deg,rgba(8,11,7,.84),rgba(8,11,7,.9)),url(images/bg/dc-aisle-1600.webp)}}