.pm-site .pm-payment-preview{height:379px;box-sizing:border-box;padding:26px 28px 24px;border:1px solid #e4e9f5;border-radius:28px;background:linear-gradient(145deg,#fff 55%,#f6f5ff);box-shadow:0 12px 35px #17275908;display:flex;flex-direction:column;color:#122044}
.pm-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}
.pm-preview-heading>span{font-size:12px;font-weight:700;color:#475aff}
.pm-preview-heading>small{font-size:10px;color:#8a95ac}
.pm-site .pm-payment-preview h2{font-size:24px;line-height:1.35;letter-spacing:-1px;margin:0;font-weight:750}
.pm-preview-route{margin:21px 0 20px}
.pm-preview-source,.pm-preview-destination{display:flex;align-items:center;gap:13px}
.pm-preview-source>div,.pm-preview-destination>div{display:flex;flex-direction:column;gap:3px}
.pm-preview-route small{font-size:11px;line-height:1.5;color:#78869e}
.pm-preview-source strong{font-size:15px;line-height:1.4;font-weight:650}
.pm-preview-card{display:block;flex:none;width:48px;height:33px;border-radius:7px;background:linear-gradient(130deg,#286dff,#6942eb);box-shadow:0 5px 10px #4747cc22;position:relative;transform:rotate(-8deg)}
.pm-preview-card:before{content:'';position:absolute;left:8px;top:9px;width:9px;height:7px;border-radius:2px;background:#e1dcff}
.pm-preview-card:after{content:'';position:absolute;left:8px;bottom:8px;width:19px;height:2px;background:#ffffff70;border-radius:2px}
.pm-preview-pill{margin-left:auto;border:1px solid #e8eafa;border-radius:20px;background:white;padding:4px 7px;font-size:10px;white-space:nowrap;color:#65728e}
.pm-preview-connector{height:31px;position:relative;margin:3px 0 3px 23px;border-left:1px solid #dde3f6}
.pm-preview-connector i{position:absolute;left:-2px;top:0;width:3px;height:10px;background:linear-gradient(transparent,#6b52ff);border-radius:3px;animation:pm-preview-transfer 2.8s ease-in-out infinite}
.pm-preview-connector>span{position:absolute;left:-4px;bottom:-3px;font-size:12px;color:#a3b0d4}
.pm-preview-bank{width:48px;height:45px;display:grid;place-items:center;flex:none;background:#eef2ff;border-radius:13px;color:#4e61eb}
.pm-preview-bank svg{width:29px;height:29px}
.pm-preview-destination strong{font-size:28px;font-weight:750;line-height:1.15;letter-spacing:-.8px;color:#22335a;font-variant-numeric:tabular-nums}
.pm-preview-destination strong span{font-size:15px;margin-left:4px;font-weight:600}
.pm-site .pm-preview-action{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:48px;padding:0 17px;margin-top:auto;border-radius:13px;background:#344bf5;color:white;font-size:13px;font-weight:700;transition:background .2s}
.pm-preview-action>span{font-size:20px;font-weight:400}.pm-site .pm-preview-action:hover{background:#293de0}.pm-preview-action:focus-visible{outline:3px solid #9caeff;outline-offset:3px}
@keyframes pm-preview-transfer{0%{transform:translateY(0);opacity:0}20%{opacity:1}70%{transform:translateY(20px);opacity:1}100%{transform:translateY(20px);opacity:0}}
@media(max-width:1200px){.pm-site .pm-payment-preview{padding:24px}.pm-site .pm-payment-preview h2{font-size:22px}}
@media(max-width:600px){.pm-site .pm-payment-preview{height:auto;min-height:360px;padding:24px;border-radius:24px}.pm-preview-route{margin:22px 0}.pm-site .pm-payment-preview h2{font-size:24px}}
@media(max-width:360px){.pm-site .pm-payment-preview{padding:21px}.pm-site .pm-payment-preview h2{font-size:22px}.pm-preview-pill{font-size:9px;padding:4px}.pm-preview-source,.pm-preview-destination{gap:10px}}
@media(prefers-reduced-motion:reduce){.pm-preview-connector i{animation:none;top:10px}.pm-preview-action{transition:none}}

/* Keep the connector centered on the 48px card and bank icons. */
.pm-preview-connector{width:48px;height:28px;margin:7px 0;border:0}
.pm-preview-connector:before{content:'';position:absolute;left:23px;top:0;bottom:3px;width:2px;background:#dde3f6;border-radius:2px}
.pm-preview-connector i{left:23px;width:2px}
.pm-preview-connector>span{left:21px;bottom:3px;width:6px;height:6px;border-right:1.5px solid #a3b0d4;border-bottom:1.5px solid #a3b0d4;transform:rotate(45deg)}
@media(max-width:360px){.pm-preview-source{flex-wrap:wrap;column-gap:10px;row-gap:7px}.pm-preview-pill{margin-left:58px;margin-top:-2px}.pm-site .pm-payment-preview{min-height:390px}}
.pm-preview-destination .pm-preview-amount{display:flex;align-items:baseline;font-weight:900;white-space:nowrap;letter-spacing:-.8px}
.pm-amount-digits{display:inline-flex;font-weight:900;line-height:1.15;font-variant-numeric:tabular-nums}
.pm-amount-wheel{display:inline-block;width:.61em;height:1.15em;overflow:hidden;font-style:normal}
.pm-amount-wheel em{display:block;font-style:normal}
.pm-amount-wheel u{display:block;height:1.15em;line-height:1.15;text-decoration:none;text-align:center}
.pm-amount-comma{font-style:normal;width:.25em}
@media(max-width:360px){.pm-preview-destination .pm-preview-amount{font-size:25px}}

.pm-preview-card{animation:pm-preview-card-sway 3.6s ease-in-out infinite;transform-origin:50% 60%}
@keyframes pm-preview-card-sway{0%,100%{transform:rotate(-11deg)}50%{transform:rotate(-3deg)}}
@media(prefers-reduced-motion:reduce){.pm-preview-card{animation:none;transform:rotate(-8deg)}}

.pm-amount-digits{align-items:flex-start;height:1.15em}
.pm-amount-wheel,.pm-amount-comma{font:inherit;line-height:1.15;text-align:center;flex:none}
.pm-amount-wheel em,.pm-amount-wheel u{font:inherit;line-height:1.15;margin:0;padding:0;border:0}
.pm-amount-wheel em{position:relative}
.pm-amount-wheel u{box-sizing:border-box;height:1.15em}

/* One shared center line and an exact 24px arrow endpoint. */
.pm-preview-connector:before{left:23px;top:0;bottom:auto;height:24px;width:2px}
.pm-preview-connector i{left:23px;top:0;width:2px;height:8px;animation-name:pm-preview-transfer-aligned}
.pm-preview-connector>span{box-sizing:border-box;left:21px;top:18px;bottom:auto;width:6px;height:6px;transform:rotate(45deg)}
@keyframes pm-preview-transfer-aligned{0%{transform:translateY(0);opacity:0}20%{opacity:1}70%{transform:translateY(16px);opacity:1}100%{transform:translateY(16px);opacity:0}}
.pm-preview-pill{color:#2552ec;background:#edf3ff;border-color:#c4d5ff;font-weight:750}

.pm-preview-connector>span{left:20px;top:19px;width:8px;height:5px;border:0;transform:none;background:#a3b0d4;clip-path:polygon(0 0,50% 65%,100% 0,100% 30%,50% 100%,0 30%)}

/* Match the mobile transfer mark on desktop. */
@media(min-width:769px){
 .pm-page-home .pm-flow-arrow{position:relative;isolation:isolate;height:144px;padding:32px 0;gap:10px;display:flex;flex-direction:column;align-items:center;justify-content:center}
 .pm-page-home .pm-flow-arrow:before{content:'';position:absolute;inset:0 -15px;z-index:-1;background:radial-gradient(ellipse at center,#a693ff30 0%,#d4caff20 45%,transparent 75%);pointer-events:none}
 .pm-page-home .pm-flow-arrow img{width:34px;height:21px;object-fit:contain;animation:none}
 .pm-page-home .pm-flow-arrow>span{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:15px;line-height:1.1}
 .pm-page-home .pm-flow-down{display:block;width:14px;height:8px;font-size:0;background:linear-gradient(90deg,#0038f1,#8423fe);clip-path:polygon(0 0,100% 0,50% 100%)}
}