/* VPAY Genesis · shared elevation / living layer · 2026-06-19
   Loaded after each page's inline <style> so it wins ties. Reduced-motion safe.
   Gives the inline-CSS pages (proofs, carbon, verticals, institutions) the same
   purposeful life as the homepage: hover lift, live pulse, gentle float, CTA sheen. */

@media (prefers-reduced-motion: no-preference){

  /* tactile life on every card type across the pages */
  .proofcard,.pcard,.ccard,.askcard,.cov,.lot,.vx-card,.step{
    transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s,border-color .4s;
  }
  .proofcard:hover,.pcard:hover,.ccard:hover,.askcard:hover,.cov:hover,.lot:hover{
    transform:translateY(-5px);
    box-shadow:0 18px 40px rgba(15,27,45,.12);
  }

  /* live signals feel live */
  .livepill .ld{animation:evLive 2.6s ease-in-out infinite}
  @keyframes evLive{0%,100%{box-shadow:0 0 0 0 rgba(14,124,90,.55)}50%{box-shadow:0 0 0 7px rgba(14,124,90,0)}}

  /* the hero seal gently floats — not static */
  .seal-art{animation:evFloat 8s ease-in-out infinite;transform-origin:center}
  @keyframes evFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

  /* primary CTA carries a slow sheen */
  .btn-primary{position:relative;overflow:hidden}
  .btn-primary::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;
    background:linear-gradient(100deg,transparent,rgba(255,255,255,.25),transparent);
    transform:skewX(-18deg);animation:evSheen 6.5s ease-in-out infinite;pointer-events:none}
  @keyframes evSheen{0%,72%{left:-60%}88%,100%{left:130%}}
}

/* subtle interaction lift regardless of motion preference */
.btn-primary,.btn-ghost,.navcta,.pgo,.psee{transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}
.btn-primary:hover,.navcta:hover{transform:translateY(-2px)}
