/* Vector-built phone and payment request: decorative QR only, no payment payload. */
.qr-live-illustration{--qr-ink:#0c112a;color:var(--qr-ink);color-scheme:light;width:100%;max-width:45rem;margin:0 auto}
.qr-live-stage{position:relative;isolation:isolate;display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:1.1rem;padding:1.3rem .4rem 2rem;min-height:36rem}
.qr-live-stage:before{content:"";position:absolute;z-index:-1;inset:5rem 0 1rem;background:radial-gradient(ellipse,#303c9a33,transparent 70%);filter:blur(1rem)}
.qr-live-receipt{position:relative;background:linear-gradient(150deg,#fff,#fafbff);border:1px solid #e3e6f1;border-radius:.9rem;padding:1.9rem 1.5rem 1.5rem;transform:rotate(-7deg);box-shadow:.3rem .5rem 0 #ffffff80,1rem 1.5rem 3rem #0c112a28;text-align:center;margin:0 -.3rem 0 0;min-width:0}
.qr-live-brand{width:8rem;height:auto;margin:0 auto 1.5rem}
.qr-live-receipt-heading{padding-top:1.1rem;border-top:1px solid #e8eaf2}.qr-live-receipt-heading>span{display:block;font-size:.8rem;color:#85899d;margin-bottom:.4rem}.qr-live-receipt-heading>strong{display:block;font-size:1.2rem;font-weight:500}
.qr-live-receipt-total{margin:1rem 0}.qr-live-receipt-total small{display:block;font-size:.75rem;color:#85899d}.qr-live-receipt-total b{font-family:var(--heading);font-size:2rem;font-weight:900;letter-spacing:-.035em;white-space:nowrap}
.qr-live-code{position:relative;max-width:10.6rem;margin:1rem auto .7rem;padding:.5rem;background:#fff;border:1px solid #eff0f5;border-radius:.6rem}.qr-live-code>svg{width:100%;height:auto}.qr-live-code>span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;border:1px solid #e7e9f0;padding:.3rem;font-size:.65rem;font-weight:500;letter-spacing:-.03em}
.qr-live-scan-hint{display:block;font-size:.78rem;color:#6e7388}.qr-live-sbp{width:4.8rem;height:2.6rem;object-fit:contain;margin:1.2rem auto 0}
.qr-live-phone{position:relative;padding:.45rem;border:1px solid #4a5066;border-radius:2.8rem;background:linear-gradient(140deg,#545b72,#0c112a 20%,#232a42 74%,#747b91);box-shadow:.4rem .3rem 0 #1b2138,1rem 1.8rem 2.6rem #0c112a36;transform:rotate(4deg);min-width:0;max-width:23rem}
.qr-live-phone-screen{position:relative;isolation:isolate;overflow:hidden;background:#f9fafc;border-radius:2.3rem;aspect-ratio:.51;padding:1.1rem 1.15rem 1.9rem}
.qr-live-statusbar{position:relative;z-index:3;height:1.9rem;display:flex;align-items:flex-start;justify-content:space-between;padding:0 .2rem;color:#0c112a;font-size:.72rem;font-weight:500}.qr-live-statusbar>svg{width:2.2rem;height:.9rem}.qr-live-island{position:absolute;background:#0c112a;width:4.2rem;height:1.1rem;border-radius:1rem;left:50%;top:-.25rem;transform:translateX(-50%)}
.qr-live-payment{display:flex;flex-direction:column;align-items:center;min-height:0;height:calc(100% - 1.9rem)}
.qr-live-phone-nav{display:flex;justify-content:space-between;align-items:center;align-self:stretch;font-size:.77rem;font-weight:500;margin:.3rem 0 1.9rem}.qr-live-phone-nav>span:first-child{font-size:2rem;line-height:.7}.qr-live-phone-nav>span:last-child{font-size:1rem;letter-spacing:.08em}
.qr-live-payment-brand{padding:.65rem .9rem;background:#fff;border:1px solid #e7e9f1;border-radius:.7rem;margin-bottom:1.2rem}.qr-live-payment-brand img{width:6.8rem;height:auto}
.qr-live-amount{font-family:var(--heading);font-size:2.7rem;font-weight:900;letter-spacing:-.04em;line-height:1.1;white-space:nowrap}.qr-live-order{font-size:.95rem;margin:.65rem 0 .2rem;color:#343a50}.qr-live-order-number{font-size:.7rem;color:#858a9d}
.qr-live-payment-details{align-self:stretch;border-top:1px solid #e5e8f0;margin-top:1.6rem;padding-top:1rem}.qr-live-payment-details>span{display:block;color:#858a9d;font-size:.67rem}.qr-live-payment-details>div{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;font-size:.75rem}.qr-live-payment-details strong{font-size:inherit;font-weight:500;flex:1}.qr-live-payment-details svg{width:1.6rem;height:1.6rem;color:#707dcd}.qr-live-payment-details b{font-size:1.2rem}
.qr-live-check-hint{text-align:center;font-size:.72rem;line-height:1.45;color:#858a9d;margin-top:auto;padding:1.2rem 0 .8rem}.qr-live-pay{width:100%;border:0;border-radius:.7rem;min-height:3.2rem;padding:.7rem .4rem;background:#0c112a;color:#fff;font-size:.8rem;white-space:nowrap;opacity:1;cursor:default!important}.qr-live-bank-sbp{width:3.9rem;height:2.1rem;object-fit:contain;margin:.8rem auto 0}
.qr-live-homebar{position:absolute;z-index:3;bottom:.65rem;left:50%;transform:translateX(-50%);width:5.8rem;height:.3rem;border-radius:1rem;background:#0c112a}
.qr-live-scanner{position:absolute;z-index:2;inset:3rem 0 1.6rem;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;color:#fff;background:linear-gradient(145deg,#141c32,#68719b);animation:qr-live-camera-cycle 9s ease-in-out infinite}
.qr-live-scanner-title{position:absolute;top:1rem;left:0;right:0;font-size:.82rem;text-align:center}.qr-live-camera-paper{width:65%;background:#fff;color:#0c112a;padding:1.3rem 1rem 1rem;border-radius:.3rem;transform:rotate(-7deg);box-shadow:0 .6rem 1.4rem #0c112a55;margin-top:-1.2rem}.qr-live-camera-paper>img{width:5.8rem;height:auto;margin:0 auto .9rem}.qr-live-camera-paper>svg{width:7.3rem;max-width:100%;height:auto;margin:auto}.qr-live-camera-paper>small{display:block;font-size:.6rem;text-align:center;margin-top:.8rem;color:#737b91}
.qr-live-viewfinder{position:absolute;left:12%;right:12%;top:25%;height:44%;border-radius:1rem}.qr-live-viewfinder i{position:absolute;width:1.5rem;height:1.5rem;border-color:#fff;border-style:solid}.qr-live-viewfinder i:nth-child(1){top:0;left:0;border-width:2px 0 0 2px;border-radius:.6rem 0 0 0}.qr-live-viewfinder i:nth-child(2){top:0;right:0;border-width:2px 2px 0 0;border-radius:0 .6rem 0 0}.qr-live-viewfinder i:nth-child(3){bottom:0;left:0;border-width:0 0 2px 2px;border-radius:0 0 0 .6rem}.qr-live-viewfinder i:nth-child(4){bottom:0;right:0;border-width:0 2px 2px 0;border-radius:0 0 .6rem 0}.qr-live-scanline{position:absolute;left:0;right:0;top:10%;height:2px;background:#a5b0ff;box-shadow:0 0 1.3rem #c3cdff;animation:qr-live-scan 9s ease-in-out infinite}.qr-live-scanner>p{position:absolute;bottom:1.9rem;font-size:.76rem;line-height:1.5;color:#fff;text-align:center}
.qr-live-flow{display:flex;align-items:center;justify-content:center;gap:1rem;color:#fff;font-size:.9rem;margin-top:.6rem;line-height:1.4}.qr-live-flow>span{display:flex;align-items:center;gap:.5rem}.qr-live-flow b{display:grid;place-items:center;border:1px solid #ffffff70;border-radius:50%;width:1.8rem;height:1.8rem;font-size:.8rem;font-weight:500;flex-shrink:0}.qr-live-flow>svg{width:1.7rem;opacity:.8}.qr-live-step1{animation:qr-live-step-one 9s ease-in-out infinite}.qr-live-step2{animation:qr-live-step-two 9s ease-in-out infinite}
@keyframes qr-live-camera-cycle{0%,32%{opacity:1;transform:translateY(0)}43%,88%{opacity:0;transform:translateY(-.5rem)}97%,100%{opacity:1;transform:translateY(0)}}
@keyframes qr-live-scan{0%,9%{top:10%;opacity:0}13%{opacity:1}30%{top:87%;opacity:1}38%,100%{top:87%;opacity:0}}
@keyframes qr-live-step-one{0%,32%,100%{opacity:1}43%,88%{opacity:.6}}
@keyframes qr-live-step-two{0%,32%,100%{opacity:.6}43%,88%{opacity:1}}
.is-paused .qr-live-illustration *{animation-play-state:paused!important}
@media(max-width:1100px) and (min-width:701px){.qr-live-stage{gap:.8rem;padding:1rem 0 1.8rem;min-height:30rem}.qr-live-receipt{padding:1.5rem 1rem}.qr-live-receipt-heading>strong{font-size:1.05rem}.qr-live-phone-screen{padding:1rem .8rem 1.6rem}.qr-live-phone-nav{font-size:.65rem;margin-bottom:1rem}.qr-live-payment-brand{margin-bottom:1rem}.qr-live-amount{font-size:2.3rem}.qr-live-payment-details{margin-top:1.2rem}.qr-live-check-hint{padding:.8rem 0 .6rem}.qr-live-pay{font-size:.7rem;min-height:2.8rem}.qr-live-flow{gap:.7rem;font-size:.8rem}}
@media(max-width:800px) and (min-width:701px){.qr-live-stage{grid-template-columns:.76fr 1.24fr;gap:.8rem;min-height:27rem}.qr-live-receipt{padding:1.2rem .8rem}.qr-live-brand{width:6rem;margin-bottom:1rem}.qr-live-receipt-heading{padding-top:.8rem}.qr-live-receipt-heading>strong{font-size:.85rem}.qr-live-receipt-total b{font-size:1.65rem}.qr-live-scan-hint{font-size:.65rem}.qr-live-code{padding:.3rem}.qr-live-payment-details{margin-top:.9rem}.qr-live-flow{font-size:.7rem;gap:.5rem}.qr-live-flow b{width:1.5rem;height:1.5rem;font-size:.65rem}.qr-live-statusbar{font-size:.65rem}.qr-live-island{width:3.4rem}.qr-live-statusbar>svg{width:1.8rem}.qr-live-phone-nav{font-size:.6rem}.qr-live-amount{font-size:2.1rem}.qr-live-payment-brand img{width:5.8rem}.qr-live-order{font-size:.8rem}.qr-live-payment-details>div{font-size:.67rem}.qr-live-check-hint{font-size:.62rem}.qr-live-bank-sbp{height:1.7rem;margin:.6rem auto 0}}
@media(max-width:480px){.qr-live-stage{gap:.9rem;padding:1rem .1rem 1.8rem;min-height:30rem}.qr-live-receipt{padding:1.5rem .9rem}.qr-live-brand{width:6.8rem}.qr-live-receipt-heading>strong{font-size:1.05rem}.qr-live-receipt-total b{font-size:1.8rem}.qr-live-scan-hint{font-size:.68rem}.qr-live-phone-screen{padding:1rem .8rem 1.7rem}.qr-live-phone-nav{font-size:.64rem;margin-bottom:1.2rem}.qr-live-island{width:3.7rem}.qr-live-payment-brand{margin-bottom:1rem}.qr-live-payment-brand img{width:6rem}.qr-live-amount{font-size:2.3rem}.qr-live-order{font-size:.85rem}.qr-live-payment-details{margin-top:1.2rem}.qr-live-check-hint{font-size:.65rem;padding:1rem 0 .7rem}.qr-live-pay{font-size:.72rem;min-height:2.9rem}.qr-live-flow{gap:.7rem;font-size:.8rem}.qr-live-camera-paper{padding:1rem .7rem}.qr-live-scanner>p{font-size:.7rem}}
@media(max-width:350px){.qr-live-stage{grid-template-columns:.78fr 1.22fr;gap:.7rem;min-height:27rem}.qr-live-receipt{padding:1.2rem .7rem}.qr-live-receipt-heading>strong{font-size:.86rem}.qr-live-brand{width:5.8rem;margin-bottom:1rem}.qr-live-receipt-total b{font-size:1.6rem}.qr-live-scan-hint{font-size:.58rem}.qr-live-receipt-total{margin:.7rem 0}.qr-live-code{padding:.3rem;margin:.7rem auto}.qr-live-sbp{width:3.8rem;margin:.7rem auto 0}.qr-live-phone{border-radius:2.4rem}.qr-live-phone-screen{border-radius:2rem;padding:.9rem .7rem 1.6rem}.qr-live-phone-nav{font-size:.58rem;margin-bottom:.8rem}.qr-live-amount{font-size:2.1rem}.qr-live-payment-brand{padding:.5rem .7rem;margin-bottom:.8rem}.qr-live-payment-brand img{width:5.3rem}.qr-live-order{font-size:.78rem}.qr-live-order-number{font-size:.62rem}.qr-live-payment-details{margin-top:.9rem;padding-top:.8rem}.qr-live-payment-details>div{font-size:.65rem;gap:.35rem}.qr-live-check-hint{font-size:.6rem;padding:.8rem 0 .6rem}.qr-live-pay{font-size:.65rem;min-height:2.6rem}.qr-live-bank-sbp{height:1.7rem;margin:.6rem auto 0}.qr-live-statusbar{font-size:.63rem}.qr-live-statusbar>svg{width:1.8rem}.qr-live-island{width:3.2rem;height:1rem}.qr-live-flow{font-size:.69rem;gap:.5rem}.qr-live-flow b{width:1.5rem;height:1.5rem;font-size:.65rem}.qr-live-flow>svg{width:1.2rem}.qr-live-scanner-title{font-size:.72rem}.qr-live-scanner>p{font-size:.64rem}}
@media(prefers-reduced-motion:reduce){.qr-live-illustration *{animation:none!important}.qr-live-scanner{display:none}.qr-live-step1,.qr-live-step2{opacity:1}}