/* Independent particle edition; the approved source edition stays intact. */
.hero.has-particles{isolation:isolate;background:#0b303a}
.hero.has-particles:after{z-index:0;background:linear-gradient(90deg,#0b303afa 0%,#103f48ef 32%,#103f48c9 65%,#0b303ade),linear-gradient(0deg,#0b303a80,transparent 45%)}
.has-particles .hero-content{z-index:2;pointer-events:none}
.has-particles .hero-content a{pointer-events:auto}
.particle-field{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;mask-image:linear-gradient(90deg,transparent 32%,#000 53%)}
.particle-field canvas{display:block;width:100%;height:100%}
.particle-toggle{position:absolute;right:32px;top:25px;z-index:3;display:flex;align-items:center;gap:9px;padding:10px 14px;min-height:40px;border:1px solid #e1dfca50;border-radius:24px;color:#f1f3eb;background:#103f485c;backdrop-filter:blur(8px);font:11px/1.4 var(--sans);letter-spacing:1px;transition:background .2s,border-color .2s}
.particle-toggle:hover{background:#124e59cc;border-color:#e1dfca90}
.particle-toggle:focus-visible{outline:2px solid #e2d2ad;outline-offset:4px}
.particle-toggle svg{width:12px;height:12px;fill:currentColor}
.particle-toggle[hidden]{display:none}
@media(min-width:1600px){.particle-toggle{right:48px;top:30px}}
@media(max-width:850px) and (min-width:601px){.particle-field{opacity:.85;mask-image:linear-gradient(90deg,transparent 45%,#000 75%)}.particle-toggle{right:22px;top:18px}}
@media(max-width:600px){
 .hero.has-particles{background:#103f48}
 .hero.has-particles:after{display:none}
 .has-particles .hero-content{padding-top:44px;padding-bottom:32px}
 .particle-field{inset:auto 0;mask-image:none;background:linear-gradient(90deg,#0b303a90,#103f48bf);height:260px}
 .particle-toggle{top:auto;bottom:55px;right:14px;padding:9px 12px;font-size:10px}
 .has-particles .hero-footer{z-index:2}
}