/* ---- Site background: one continuous navy PCB (syntexa wordmark colour #181848) ---- Rendered as a single fixed layer on so it spans the whole page with NO tiling seams. White section backgrounds and content cards are transparent so it shows through; header, mobile menu and form fields stay untouched. */ .code-section.bg-white { background-color: transparent !important; } #global-footer.bg-gray-50 { background-color: transparent !important; } .bg-white.p-5, .bg-gray-50.p-6, .bg-gray-50.p-8 { background-color: transparent !important; } html { min-height: 100%; } body { background-color: #ecedfb; background-image: url("pcb.svg"), radial-gradient(54% 46% at 100% 0%, rgba(79,70,229,.14), transparent 60%), linear-gradient(160deg, #f3f4fd 0%, #eaecf8 55%, #e2e4f5 100%); background-repeat: no-repeat; background-position: center; background-attachment: fixed; background-size: cover; min-height: 100vh; } /* Per-section motif retired — the single fixed PCB above replaces it (no more seams). */ .sx-decor, .sx-flow, .sx-scene { display: none; } /* One frosted panel behind each section's whole content block, plus the footer, so EVERY text (incl. product descriptions & footer) reads over the circuit. Direct-child (>) selector avoids nested double panels. The header (not a

) and the dark CTA (max-w-4xl in a dark section) are excluded. */ section.code-section:not(.bg-\[\#1E1B4B\]) > .max-w-7xl, section.code-section:not(.bg-\[\#1E1B4B\]) > .max-w-4xl, #global-footer > .max-w-7xl { background: rgba(255,255,255,.32); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); border-radius: 14px; padding-block: 1.75rem; }