/* Section-scoped shader: native scrolling and readable semantic content. */
.marketing-shader{position:relative;isolation:isolate;overflow:hidden;min-height:640px;display:grid;place-items:center;border-top:0;background:radial-gradient(ellipse at 65% 45%,#173b64 0%,#14263d 35%,#05070d 75%)}
.marketing-shader canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0}
.marketing-shader.shader-ready canvas{opacity:1}
.marketing-shader::after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,rgba(5,7,13,.58),rgba(5,7,13,.2) 65%),linear-gradient(to bottom,#05070d 0%,rgba(5,7,13,.96) 5%,rgba(5,7,13,.72) 14%,rgba(5,7,13,.3) 25%,transparent 38%,transparent 62%,rgba(5,7,13,.3) 75%,rgba(5,7,13,.72) 86%,rgba(5,7,13,.96) 95%,#05070d 100%)}
.shader-content{position:relative;z-index:1;text-align:center;max-width:880px;padding:100px 28px;pointer-events:none}
.shader-content h2{font-size:clamp(38px,5.5vw,76px);line-height:1.07;text-wrap:balance;font-weight:600;text-shadow:0 3px 30px #0008}
.shader-content h2 span{color:#57c8ff}
.shader-content>p:not(.eyebrow){max-width:54ch;margin:26px auto 0;color:#e8f1ff;font-size:clamp(15px,1.4vw,18px)}
.shader-content .actions{justify-content:center;pointer-events:auto}
.shader-channels{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:34px}
.shader-channels span{padding:8px 15px;border-radius:100px;border:1px solid #ffffff26;background:#05070d66;font-size:12px;color:#c5cddd}
.shader-toggle{position:absolute;z-index:2;right:24px;bottom:22px;min-height:44px;padding:10px 16px;border-radius:99px;border:1px solid #ffffff30;background:#05070dcc;color:#f3f2ee;font:inherit;font-size:11px;cursor:pointer}
.shader-toggle[hidden]{display:none}
@media(max-width:600px){.marketing-shader{min-height:600px}.shader-content{padding:70px 20px 100px}.shader-content .actions .button{width:auto}.shader-channels{gap:8px}.shader-channels span{font-size:11px;padding:7px 11px}.shader-toggle{right:16px;bottom:16px}}

/* Remove the divider where the nebula blends into the following content. */
.marketing-shader + .section{border-top:0}