/* =========================================================
   THOMPSON SORTED — ANIMATED TECH BACKDROP (js/backdrop.js)
   The canvas sits fixed behind the page. Content sections that
   had solid backgrounds become lightly translucent so the
   animation shows through, while text stays easy to read.
   Without JavaScript nothing here applies.
   ========================================================= */

.tech-backdrop {
  position: fixed;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
  opacity: 0.55; /* one dial for the whole backdrop: lower = fainter */
}

.has-backdrop main,
.has-backdrop .site-footer { position: relative; z-index: 1; }

.has-backdrop .how-it-works,
.has-backdrop .about,
.has-backdrop .contact,
.has-backdrop .web-design,
.has-backdrop .free-design { background-color: rgba(255, 255, 255, 0.9); }

.has-backdrop .reviews { background-color: rgba(250, 248, 245, 0.8); }