.hero-energy{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 89% 52%,rgba(39,88,150,.19),transparent 60%)}
.hero-particles{display:block;width:100%;height:100%;mask-image:linear-gradient(90deg,rgba(0,0,0,.04),rgba(0,0,0,.25) 32%,rgba(0,0,0,.85) 63%,#000 88%)}
.hero-energy:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#14161a,transparent 15%,transparent 92%,rgba(20,22,26,.5))}
.hero[data-background="neural"] .hero-particles{mask-image:linear-gradient(90deg,rgba(0,0,0,.06),rgba(0,0,0,.2) 32%,rgba(0,0,0,.8) 59%,#000 78%)}
.hero-options{position:absolute;top:16px;right:max(48px,calc((100% - 1440px)/2));display:flex;align-items:center;gap:5px;z-index:2;padding:5px;border:1px solid rgba(128,182,255,.16);border-radius:9px;background:rgba(20,22,26,.86)}
.hero-options[hidden]{display:none}.hero-options-label{color:var(--muted);font-size:9px;padding:0 9px;letter-spacing:.06em;text-transform:uppercase}
.hero-options button{font:inherit;font-size:10px;border:1px solid transparent;border-radius:5px;padding:8px 11px;background:transparent;color:var(--text);cursor:pointer;min-height:32px}
.hero-options button[aria-pressed="true"]{background:rgba(128,182,255,.13);border-color:rgba(128,182,255,.22);color:var(--accent)}
.hero-options button:hover{color:var(--white)}.hero-options button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media(max-width:650px){.hero-options{position:relative;top:auto;right:auto;width:max-content;max-width:calc(100% - 40px);margin:-34px 20px 29px;flex-wrap:wrap}.hero-options-label{font-size:8px;padding:0 5px}.hero-options button{font-size:9px;padding:7px 9px}.hero[data-background="neural"] .hero-particles{opacity:.7;mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.3) 45%,#000)}}
@media(max-width:650px){.hero-particles{opacity:.65;mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.3) 45%,#000)}.hero-energy{background:radial-gradient(ellipse at 100% 60%,rgba(39,88,150,.14),transparent 70%)}}
@media(max-width:650px){.hero-particles,.hero[data-background="neural"] .hero-particles{opacity:1;mask-image:linear-gradient(90deg,rgba(0,0,0,.12),rgba(0,0,0,.52) 40%,#000 76%)}}