/* Progressive enhancement: readable CSS surfaces also work without WebGL/JS. */
.rc-hero,.rc-product,.elma-raycast #diagnostic.rc-cta{position:relative;isolation:isolate;overflow:hidden}
.bits-bg{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.bits-bg canvas{display:block;width:100%;height:100%}
.rc-hero .bits-bg{opacity:.7;background:radial-gradient(ellipse at 50% 0,#3448f64d,transparent 70%);mask-image:linear-gradient(#000,transparent 92%)}
.rc-hero .bits-bg canvas{opacity:.8}
.rc-hero .bits-bg[data-bits="beams"]{opacity:.8;mask-image:linear-gradient(#000 35%,transparent 100%)}
.rc-hero .bits-bg[data-bits="molten"]{opacity:.95;mask-image:linear-gradient(#000 55%,transparent 100%);background:radial-gradient(ellipse at 50% 30%,#111329,transparent 75%)}
.rc-hero .bits-bg[data-bits="molten"] canvas{opacity:1}
.rc-tech-figure{position:relative;isolation:isolate;overflow:hidden}
.rc-tech-figure .bits-bg{opacity:.55;mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent)}
.rc-tech-figure .rc-architecture{background:#111329e8;position:relative;margin-top:56px}
.rc-tech-figure .rc-tech-caption{z-index:1}
.rc-hero{background:#07080a}
.rc-hero:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 53%,#07080abd,transparent 65%)}
.rc-product .bits-bg{opacity:.45;mask-image:linear-gradient(#000,transparent 90%)}
.rc-product-head{position:relative}
.rc-product-preview{position:relative;background:#0c0d11}
.elma-raycast #diagnostic.rc-cta{max-width:1064px;width:calc(100% - 48px);margin:32px auto 112px;border:1px solid #ffffff12;border-radius:20px;background:#0c0d18}
.rc-cta .bits-bg{opacity:.3;mask-image:radial-gradient(ellipse at 70% 40%,#000,transparent 85%)}
.rc-cta h2,.rc-hero h1{text-shadow:0 2px 24px #07080a80}
@media(max-width:600px){.rc-hero .bits-bg{opacity:.6}.elma-raycast #diagnostic.rc-cta{margin-bottom:64px}.rc-product .bits-bg{opacity:.35}}