/* Hayes Visuals — futuristic FX layer (shared) */
#fxProgress{position:fixed;top:0;left:0;height:3px;width:100%;transform:scaleX(0);transform-origin:0 50%;
  background:linear-gradient(90deg,var(--teal),var(--orange-bright));z-index:9999;pointer-events:none;will-change:transform}
#fxGlow{position:fixed;top:0;left:0;width:320px;height:320px;border-radius:50%;pointer-events:none;z-index:9998;
  background:radial-gradient(circle,rgba(127,184,176,.16),transparent 62%);mix-blend-mode:screen;
  transition:transform .12s ease-out,opacity .3s ease;will-change:transform;opacity:0}
#fxGlow.on{opacity:1}
/* tilt targets get a snappy return */
.fx-tilt{transition:transform .15s ease}
/* floating "Save My Info" vCard button (all devices) */
#fxCard{position:fixed;right:18px;bottom:18px;z-index:9997;display:inline-flex;align-items:center;gap:8px;
  background:var(--orange);color:#fff;font-family:var(--sans);font-weight:700;font-size:13px;letter-spacing:.4px;
  text-transform:uppercase;padding:12px 18px;border-radius:999px;box-shadow:0 12px 30px rgba(198,95,46,.42);
  cursor:pointer;transition:transform .15s ease,filter .15s ease;text-decoration:none}
#fxCard:hover{transform:translateY(-2px);filter:brightness(1.08)}
#fxCard svg{width:18px;height:18px}
@media(max-width:520px){#fxCard{right:14px;bottom:14px;padding:11px 15px;font-size:12px}}