/* SCAN RE effects: white-fill buttons and a shining border that circles buttons, cards and offer boxes on hover */
@property --a{syntax:'<angle>';initial-value:0deg;inherits:false}
.btn,button.btn,a.btn,.card,.offer-pill,.offer-bar{position:relative}
.btn,.card,.offer-pill{transition:transform .25s ease,background .2s,color .2s,border-color .2s}
.btn::before,.card::before,.offer-pill::before{content:"";position:absolute;inset:-2px;border-radius:inherit;padding:2px;pointer-events:none;opacity:0;transition:opacity .25s ease;
 background:conic-gradient(from var(--a),transparent 0 62%,#F5B427 82%,#fff 100%);
 -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.btn:hover::before,.btn:focus-visible::before,.card:hover::before,.offer-pill:hover::before{opacity:1;animation:scanre-spin 2.4s linear infinite}
@keyframes scanre-spin{to{--a:360deg}}
.btn:hover,.btn:focus-visible{background:#fff;color:#000}
.btn:hover,.btn:focus-visible,.card:hover,.offer-pill:hover{border-color:#F5B427;box-shadow:0 0 14px rgba(245,180,39,.45)}
.card:hover,.offer-pill:hover{transform:translateY(-2px)}
#scanre-stars{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;display:block}
@media (prefers-reduced-motion:reduce){.btn:hover::before,.btn:focus-visible::before,.card:hover::before,.offer-pill:hover::before{animation:none}.card:hover,.offer-pill:hover{transform:none}}

/* Floating WhatsApp, Compare and bot buttons: same shining gold border */
.gb-t{position:relative}
.wa::before,.gb-t::before{content:"";position:absolute;inset:-3px;border-radius:inherit;padding:3px;pointer-events:none;opacity:0;transition:opacity .25s ease;
 background:conic-gradient(from var(--a),transparent 0 58%,#F5B427 80%,#fff 100%);
 -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.wa:hover::before,.wa:focus-visible::before,.gb-t:hover::before,.gb-t:focus-visible::before{opacity:1;animation:scanre-spin 2.4s linear infinite}
.wa,.gb-t{transition:transform .25s ease,box-shadow .25s ease,background .2s,color .2s}
.wa:hover,.gb-t:hover{transform:translateY(-3px);box-shadow:0 0 16px rgba(245,180,39,.55)}
.gb-t:hover{background:#fff;color:#000}
/* graph bars grow from zero */
.bar i{transition:width 2.6s cubic-bezier(.22,.8,.3,1)}
.vc{width:100%;text-align:center;margin:6px 0 0;color:var(--mu);font-size:13px}.vc b{color:#F5B427;font-variant-numeric:tabular-nums;letter-spacing:.5px}
@media (prefers-reduced-motion:reduce){.wa:hover::before,.gb-t:hover::before{animation:none}.wa:hover,.gb-t:hover{transform:none}.bar i{transition:none}}