/* Preview B. One continuous layer below hero, confined to the section column.
   Pixel alpha: light <=10%, dark <=7.5%; mobile multiplies by .6.
   All image URLs are local; PNG fallback precedes WebP image-set. */
.bg-sections {
  position:relative;
  isolation:isolate;
  max-width:1240px;
  width:100%;
  margin-inline:auto;
  min-width:0;
}
.bg-sections::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background-repeat:repeat;
  background-position:center top;
  background-size:720px 720px;
  background-image:url("bg-variant-light.png?v=ab98f7cc5e");
  background-image:image-set(url("bg-variant-light.webp?v=a1a15614af") type("image/webp"), url("bg-variant-light.png?v=ab98f7cc5e") type("image/png"));
}
html[data-theme="dark"] .bg-sections::before {
  background-image:url("bg-variant-dark.png?v=3d4ee771b0");
  background-image:image-set(url("bg-variant-dark.webp?v=668ee4af3a") type("image/webp"), url("bg-variant-dark.png?v=3d4ee771b0") type("image/png"));
}
.bg-sections > .section { background:transparent; min-width:0; }
.bg-sections > .section:first-child { border-top:0; }
.bg-sections .section-art { display:none; }
/* Preserve opaque reading surfaces; signature retains its original opaque gradient. */
.bg-sections .calculator form,
.bg-sections .receipt,
.bg-sections .download-panel,
.bg-sections .form-disclosure,
.bg-sections .rows,
.bg-sections table { background:var(--surface-solid); }
@media(max-width:600px) {
  .bg-sections::before { opacity:.6; }
}