section#scan{background:#fff!important;position:relative;padding-bottom:110px!important}
section#scan::before{content:"";position:absolute;left:0;right:0;top:0;height:var(--edpbh,420px);background:linear-gradient(135deg,#0b3fd1,#1c7bff 60%,#37a0ff);z-index:0}
section#scan>.w{position:relative;z-index:1}
.edp-btn{position:absolute;display:none;align-items:center;justify-content:center;gap:10px;pointer-events:none;z-index:2;border-radius:12px;background:linear-gradient(180deg,#ff7a2a,#ff4a00 55%,#e03a00);color:#fff;font-weight:900;font-size:1.25rem;letter-spacing:.06em;text-transform:uppercase;text-shadow:0 2px 3px rgba(0,0,0,.35);box-shadow:inset 0 2px 3px rgba(255,255,255,.45),0 8px 20px rgba(255,74,0,.55);animation:edpBtn 2.4s ease-in-out infinite}
.edp-btn svg{width:24px;height:24px;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
@keyframes edpBtn{0%,100%{box-shadow:inset 0 2px 3px rgba(255,255,255,.45),0 8px 20px rgba(255,74,0,.55)}50%{box-shadow:inset 0 2px 3px rgba(255,255,255,.45),0 8px 34px rgba(255,74,0,.95),0 0 0 6px rgba(255,122,42,.25)}}
@media(max-width:900px){.edp-btn{display:none!important}}
@property --edpa{syntax:"<angle>";inherits:false;initial-value:0deg}
section#scan h2{font-size:clamp(2.4rem,5.2vw,4rem)!important;font-weight:800!important;letter-spacing:-.02em}
section#scan .lead{font-size:1.3rem!important;font-weight:500}
section#scan .pill{font-size:1.1rem!important;font-weight:800!important;padding:14px 26px!important}
section#scan ul.tk li{font-size:1.2rem!important;font-weight:700!important}
section#scan ul.tk li svg{width:34px!important;height:34px!important;animation:edpPop 3.6s ease-in-out infinite}
section#scan ul.tk li:nth-child(2) svg{animation-delay:.3s}section#scan ul.tk li:nth-child(3) svg{animation-delay:.6s}
@keyframes edpPop{0%,70%,100%{transform:scale(1)}80%{transform:scale(1.25)}}
#abc-scanner{position:relative!important;max-width:1020px!important;width:100%;padding:30px 34px 34px!important;border-radius:30px!important;box-shadow:0 34px 90px rgba(0,20,90,.55),0 0 0 4px rgba(255,255,255,.28)!important;overflow:visible!important;box-sizing:border-box}
#abc-scanner::before{content:"";position:absolute;inset:-6px;padding:6px;border-radius:36px;pointer-events:none;background:conic-gradient(from var(--edpa),transparent 0 55%,#37a0ff 72%,#ffffff 86%,#ff5a00 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);animation:edpSpin 5s linear infinite}
@keyframes edpSpin{to{--edpa:360deg}}
#abc-scanner::after{content:"";position:absolute;left:20px;right:20px;top:0;height:4px;border-radius:4px;pointer-events:none;background:linear-gradient(90deg,transparent,#37a0ff,transparent);box-shadow:0 0 18px 4px rgba(55,160,255,.55);opacity:0;z-index:3}
#abc-scanner.edp-run::after{animation:edpScan 2.4s ease-in-out .3s 1 forwards}
@keyframes edpScan{0%{top:14px;opacity:0}15%{opacity:1}80%{opacity:1}100%{top:var(--edps,150px);opacity:0}}
#abc-scanner iframe{width:calc(100%/1.25)!important;transform:scale(1.25);transform-origin:top left;display:block}
.edp-steps{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 22px;flex-wrap:wrap}
.edp-st{display:flex;align-items:center;gap:12px;background:#eef4ff;border:2px solid #cfe0ff;border-radius:18px;padding:12px 18px;font-weight:800;font-size:1.1rem;color:#0a1a3a;animation:edpLit 4.5s ease-in-out infinite}
.edp-st:nth-of-type(2){animation-delay:1.5s}.edp-st:nth-of-type(3){animation-delay:3s}
@keyframes edpLit{0%,100%{box-shadow:none;border-color:#cfe0ff;transform:none}12%,28%{box-shadow:0 8px 22px rgba(47,123,255,.35);border-color:#2f7bff;transform:translateY(-3px)}40%{box-shadow:none;border-color:#cfe0ff;transform:none}}
.edp-ic{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#2f7bff,#0a46c8);display:grid;place-items:center;box-shadow:inset 0 2px 3px rgba(255,255,255,.4),0 5px 10px rgba(10,70,200,.4);flex:none}
.edp-ic svg{width:26px;height:26px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.edp-ar{font-size:1.6rem;font-weight:800;color:#2f7bff;animation:edpAr 1.4s ease-in-out infinite}
@keyframes edpAr{0%,100%{transform:translateX(0)}50%{transform:translateX(6px)}}
.edp-fl{position:absolute;width:68px;height:68px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 12px 28px rgba(0,20,90,.45),inset 0 -4px 8px rgba(47,123,255,.18);z-index:4;animation:edpBob 4s ease-in-out infinite}
.edp-fl svg{width:34px;height:34px;fill:none;stroke:#2f7bff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.edp-f1{left:-34px;top:-30px}.edp-f2{right:-34px;top:-24px;animation-delay:.8s}.edp-f3{left:-30px;bottom:-30px;animation-delay:1.6s}.edp-f4{right:-30px;bottom:-34px;animation-delay:2.4s}
.edp-f2 svg,.edp-f3 svg{stroke:#ff5a00}
@keyframes edpBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@media(max-width:900px){.edp-fl{display:none}.edp-ar{display:none}#abc-scanner{padding:20px!important}}
@media(prefers-reduced-motion:reduce){#abc-scanner::before,#abc-scanner::after,.edp-st,.edp-ar,.edp-fl,section#scan ul.tk li svg{animation:none}}