/* R12 seamless atmospheric backdrop: shared canvas, not per-section tiles */
:root{--planet-wash:transparent}
html{background:#fff!important}
body{background:#fff!important;position:relative;isolation:isolate}
/* The entire site has one continuous atmospheric layer. */
body::before{content:"";position:fixed;inset:-14%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 42% 38% at 14% 23%,rgba(90,187,239,.29),transparent 78%),radial-gradient(ellipse 42% 43% at 65% 46%,rgba(158,167,183,.22),transparent 79%),radial-gradient(ellipse 38% 38% at 86% 76%,rgba(239,154,111,.27),transparent 78%),linear-gradient(110deg,#f7fbff 0%,#f6f7f9 52%,#fff8f3 100%);background-size:110% 110%;animation:zSeamlessDrift 26s ease-in-out infinite alternate;will-change:transform}
@keyframes zSeamlessDrift{from{transform:translate3d(-1.2%,0,0) scale(1.015)}to{transform:translate3d(1.2%,-1%,0) scale(1.045)}}
/* Clear individual washes so every light section reveals the same layer. */
.z-cosmic-message,.catalog,.gd-feature,.gd-feature .gd-feature-body,.z-mars-panel + .gd-feature,.z-collection-image.z-site-image,.z-search-hero{background:transparent!important;background-image:none!important}
.z-cosmic-message::before{display:none!important}
/* Curved transition pieces blend with the global light backdrop. */
.sen-earth-section:before,.sen-earth-section:after,.z-mars-panel::before,.z-mars-panel::after,.gd-feature::before,.gd-feature::after{background:#f4f6f8!important}
/* White framing, subtle soft fade at the boundaries. */
header.z-site-header{background:#fff!important;border-bottom:0!important;box-shadow:0 8px 24px rgba(255,255,255,.65)!important}
.professional-footer{background:#fff!important;border-top:0!important;box-shadow:0 -18px 38px rgba(255,255,255,.9)!important}
/* Keep text readable on the atmospheric surface. */
.z-cosmic-message,.z-search-hero{color:#172231}
@media(max-width:700px){body::before{position:fixed;inset:-25%;animation-duration:32s}}
@media(prefers-reduced-motion:reduce){body::before{animation:none}}