/* Hero background shader (preview: three styles, switcher bottom-left of the hero) */
.hero-fx{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.hero-fx canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.fx-switch{position:absolute;left:var(--pad);bottom:calc(64px + var(--sb));z-index:7;display:flex;align-items:center;gap:4px;padding:4px;border-radius:999px;
  background:var(--card);box-shadow:0 0 0 1px var(--line-2),var(--sh);font:500 11px/1 var(--f-mono);text-transform:uppercase;letter-spacing:.04em;transition:opacity .3s}
.fx-switch span{padding:0 8px 0 6px;color:var(--muted)}
.fx-switch button{all:unset;cursor:pointer;padding:7px 10px;border-radius:999px;color:var(--ink-2)}
.fx-switch button[aria-pressed="true"]{background:var(--ink);color:var(--bg)}
html[data-theme="dark"] .fx-switch button[aria-pressed="true"]{background:#fff;color:#000}
.fx-switch.off{opacity:0;pointer-events:none}
@media (max-width:899px){.fx-switch{bottom:calc(58px + var(--sb))}}
.fx-switch button{display:inline-flex;align-items:center;gap:6px}
.fx-switch button i{display:block;width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,var(--a),var(--b))}