/* Keep the electric flashes behind every section and out of pointer interactions. */
body{position:relative;isolation:isolate}
body::before{z-index:-2!important}
.electric-field{position:fixed;inset:0;z-index:0;width:100%;height:100%;pointer-events:none}
body>main,body>footer{position:relative;z-index:1}
.hero{overflow:hidden}
.effects-control{align-self:center;display:inline-flex;align-items:center;gap:8px;padding:6px 11px;border:1px solid rgba(137,132,255,.28);border-radius:99px;background:rgba(130,77,255,.06);color:#b6c1e5;font:500 11px/1.4 ui-sans-serif,system-ui,sans-serif;cursor:pointer}
.effects-control::before{content:"";width:5px;height:5px;border-radius:50%;background:#72d7ff;box-shadow:0 0 7px rgba(105,220,255,.45)}
.effects-control[aria-pressed="false"]::before{background:#69718b;box-shadow:none}
.effects-control:hover{border-color:#8b85db;color:white}
.effects-control:focus-visible{outline:2px solid #69dcff;outline-offset:4px}
.effects-control[hidden]{display:none}
.effects-paused .identity::after{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.electric-field{display:none}}