/* AFTER · dither — all effect rules are scoped to body:not(.show-before) */
body:not(.show-before) .hero{background:#060b2a url(hero-bg-dither.png) center/cover no-repeat;image-rendering:pixelated}
body:not(.show-before) .band{background:#1f33e0 url(band-bg-dither.png) center/cover no-repeat;image-rendering:pixelated}
.fx{image-rendering:pixelated;image-rendering:crisp-edges}
.fx.pix{image-rendering:pixelated}
body:not(.show-before) .hero h1 .grad{background:none;color:#dfe5ff}
body:not(.show-before) .hero .btn.primary,body:not(.show-before) .band .btn.primary{background:#dfe5ff;color:#060b2a;box-shadow:4px 4px 0 #060b2a}
body:not(.show-before) .card,body:not(.show-before) .steps li{box-shadow:none}