/* Symbiote CTA — styles. Self-contained; touches no other component. */
.sym-sec{padding:clamp(80px,12vw,170px) 0;text-align:center;position:relative}
.symbiote-cta{position:relative;z-index:45;display:inline-flex;align-items:center;justify-content:center;padding:22px clamp(34px,5vw,60px);border-radius:999px;background:linear-gradient(180deg,#0d0d0d,#000);color:#fff;border:1px solid rgba(255,255,255,.22);font:600 clamp(13px,1.4vw,16px)/1 Manrope,system-ui,sans-serif;letter-spacing:.22em;text-decoration:none;white-space:nowrap;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 10px 30px rgba(0,0,0,.5);transition:border-color .4s,box-shadow .5s;-webkit-tap-highlight-color:transparent}
.symbiote-cta[data-sym=stalking]{border-color:rgba(255,255,255,.35)}
.symbiote-cta[data-sym=hunting]{border-color:rgba(255,255,255,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 0 26px rgba(255,255,255,.12),0 10px 30px rgba(0,0,0,.5)}
.symbiote-cta[data-sym=critical],.symbiote-cta[data-sym=absorbing]{border-color:#fff;box-shadow:inset 0 0 18px rgba(255,255,255,.25),0 0 40px rgba(255,255,255,.25)}
.symbiote-cta:hover,.symbiote-cta:focus-visible{border-color:#fff}
.symbiote-cta:focus-visible{outline:2px solid #fff;outline-offset:5px}
.sym-canvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:44}
.sym-canvas.over{z-index:46}