body.smooth-page{
  background-color:#05070d;
  background-image:
    radial-gradient(ellipse 85% 1150px at 15% 18%,rgba(23,62,110,.22),rgba(12,30,55,.12) 48%,transparent 78%),
    radial-gradient(ellipse 100% 1300px at 90% 39%,rgba(21,63,114,.2),rgba(10,29,56,.1) 50%,transparent 80%),
    radial-gradient(ellipse 90% 1200px at 12% 61%,rgba(24,58,106,.19),rgba(11,26,47,.1) 50%,transparent 80%),
    radial-gradient(ellipse 100% 1450px at 70% 88%,rgba(22,60,111,.24),rgba(10,28,51,.12) 52%,transparent 82%);
  background-repeat:no-repeat;
}

.smooth-page .hero,.smooth-page .section,.smooth-page .spread,.smooth-page .image-stream,.smooth-page footer{background:transparent;border-top:0;border-bottom:0}
/* Fade only the effect layer so text and controls remain fully visible. */
.smooth-page .stream-perspective{mask-image:linear-gradient(transparent,#000 30%,#000 66%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 30%,#000 66%,transparent)}
.smooth-page .image-stream::after{content:none}
.smooth-page .marketing-shader{background:transparent;border:0}
.smooth-page .marketing-shader::before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 65% 45%,#173b64,transparent 72%);pointer-events:none}
.smooth-page .marketing-shader canvas{mask-image:linear-gradient(transparent,rgba(0,0,0,.1) 8%,#000 35%,#000 65%,rgba(0,0,0,.1) 92%,transparent);-webkit-mask-image:linear-gradient(transparent,rgba(0,0,0,.1) 8%,#000 35%,#000 65%,rgba(0,0,0,.1) 92%,transparent)}
.smooth-page .marketing-shader::after{background:radial-gradient(ellipse at center,rgba(5,7,13,.58),transparent 75%)}
@media(max-width:720px){body.smooth-page{background-size:160% 100%;background-position:center top}}