/* Keep the original Helpa card; animated paths carry the cross-border story. */
.borderless-hero{background:#171717;padding-bottom:42px;min-height:440px}
.borderless-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 85% 85%,#e1010d13,transparent 52%)}
.borderless-hero .eyebrow{position:relative;z-index:2;font-size:8px;letter-spacing:1.7px}
.borderless-hero h1{font-size:clamp(30px,3.1vw,46px);letter-spacing:-1px}
.borderless-hero .hero-description{max-width:370px;color:#bcbcbc}
.borderless-hero .hero-bottom{margin-top:auto;padding-top:24px}
.borderless-hero .hero-guide>span{border-color:#858585;transition:background .2s,border-color .2s,transform .2s}
.borderless-hero .hero-guide:hover>span{transform:translateX(3px)}
.borderless-hero .access-art{bottom:24px;right:18px}
.payment-routes{position:absolute;left:-83px;top:-60px;width:440px;height:300px;overflow:visible;transform:rotate(-10deg)}
.globe-grid{color:#ffffff20}
.route-lines{stroke:#ffffff20;stroke-width:1}
.route-flow{stroke:#f12235;stroke-width:2;stroke-linecap:round;stroke-dasharray:8 92;animation:payment-travel 7s linear infinite}
.route-flow path:nth-child(2){stroke:#ececec;stroke-dasharray:5 95;animation:payment-travel 9s linear infinite reverse}
.route-stations{fill:#e1010d;stroke:#ff8b94;stroke-width:.7}
.route-pulse{stroke:#ff3344;stroke-width:1;transform-origin:414px 83px;animation:payment-pulse 3.5s ease-out infinite}
.borderless-hero .card-front{animation:payment-card-float 7s ease-in-out infinite;box-shadow:0 25px 40px #0008}
.borderless-hero .card-back{animation:payment-back-float 7s ease-in-out infinite}
.borderless-hero .access-card{height:145px;border-radius:12px}
.borderless-hero .card-front{display:block;padding:17px 18px;border:1px solid #85878c;background:repeating-linear-gradient(115deg,#ffffff02 0 1px,transparent 1px 3px),radial-gradient(ellipse at 0 0,#73777c80,transparent 60%),linear-gradient(120deg,#383c41,#181b20 62%,#31353b);box-shadow:inset 0 1px 0 #ffffff40,inset 0 -1px 0 #000,0 2px 0 #0c0d10,0 25px 40px #0008}
.borderless-hero .card-front::before{content:"";position:absolute;inset:0;background:repeating-radial-gradient(ellipse at 120% 110%,transparent 0 15px,#ffffff06 15.5px 16px,transparent 16.5px 24px);pointer-events:none}
.borderless-hero .pass-top{display:flex;flex-direction:column;align-items:flex-start;gap:4px;color:#eef0f3;font-size:7px;letter-spacing:1.5px;text-shadow:0 1px 1px #000}
.borderless-hero .pass-top small{font-size:4.5px;letter-spacing:2px;color:#a9afb7}
.borderless-hero .card-front>svg.inline-svg{position:absolute;top:15px;right:17px;width:45.6px;height:25.6px;opacity:1;filter:brightness(.72) drop-shadow(0 1px 1px #0007)}
.bank-card-hardware{position:absolute;top:53px;left:18px;display:flex;align-items:center;gap:6px}
.bank-card-chip{display:block;width:31px;height:24px;filter:drop-shadow(0 1px 1px #0008)}
.bank-card-contactless{display:block;width:15px;height:22px;color:#c3c8cd}
.bank-card-number{position:absolute;left:18px;right:24px;top:91px;display:flex;justify-content:space-between;font:12px/1.2 'Courier New',monospace;letter-spacing:1.5px;color:#d4d8dd;text-shadow:0 -1px 0 #fff3,0 1px 1px #000}
.borderless-hero .pass-bottom{position:absolute;left:18px;right:18px;bottom:14px;align-items:flex-end;color:#c5c9cf;font:6px/1.2 'Courier New',monospace;letter-spacing:1.3px;text-shadow:0 1px 1px #000}
.bank-card-valid{display:flex;align-items:center;gap:5px;font-size:7px;letter-spacing:.7px}
.bank-card-valid small{font:4px/1.1 Onest,sans-serif;letter-spacing:.4px;max-width:18px}
.borderless-hero .card-back{overflow:hidden;border:1px solid #ff697355;background:linear-gradient(120deg,#ff2436,#d60013 55%,#9f0010);box-shadow:inset 0 1px 0 #ff929a80,0 2px 0 #63000a,0 18px 32px #0005}
.bank-card-stripe{position:absolute;left:0;right:0;top:24px;height:28px;background:linear-gradient(#16171b,#24262a,#101115)}
.bank-card-signature{position:absolute;left:18px;right:30px;top:63px;height:19px;border-radius:2px;background:repeating-linear-gradient(0deg,#e8e2dc 0 2px,#c9c4bf 2px 3px);opacity:.8}
.borderless-hero .card-back>span{font-size:5px;letter-spacing:1.5px;opacity:.8}
.borderless-hero .card-front::after{right:auto;left:-100px;background:linear-gradient(90deg,transparent,#ffffff16,transparent);animation:payment-sheen 7s ease-in-out infinite}
@keyframes payment-travel{to{stroke-dashoffset:-100}}
@keyframes payment-pulse{0%{transform:scale(.5);opacity:0}20%{opacity:.8}100%{transform:scale(2.3);opacity:0}}
@keyframes payment-card-float{0%,100%{transform:translateY(0) rotate(-12deg)}50%{transform:translateY(-10px) rotate(-8deg)}}
@keyframes payment-back-float{0%,100%{transform:translateY(0) rotate(14deg)}50%{transform:translate(7px,3px) rotate(18deg)}}
@keyframes payment-sheen{0%,25%{transform:translateX(0) rotate(-22deg)}70%,100%{transform:translateX(420px) rotate(-22deg)}}
@media(min-width:1600px){.borderless-hero{min-height:465px}.borderless-hero .access-art{right:38px;bottom:32px}}
@media(max-width:1100px){.borderless-hero{min-height:430px}.borderless-hero h1{font-size:34px}.borderless-hero .access-art{right:12px;bottom:37px}}
@media(max-width:980px) and (min-width:761px){.borderless-hero h1{font-size:30px}.borderless-hero .hero-description{max-width:285px}.borderless-hero .access-art{bottom:68px}}
@media(max-width:760px){.borderless-hero{min-height:420px;padding:27px 25px 28px}.borderless-hero h1{font-size:clamp(27px,6.2vw,38px);line-height:1.16}.borderless-hero .eyebrow{font-size:6.5px;letter-spacing:1.3px}.borderless-hero .hero-description{max-width:300px;font-size:11px}.borderless-hero .hero-description br{display:none}.borderless-hero .access-art{right:16px;bottom:65px;transform:scale(.63)}.borderless-hero .hero-guide{font-size:11px}}
@media(max-width:389px){.borderless-hero{min-height:410px;padding:24px 21px}.borderless-hero h1{font-size:26px}.borderless-hero .access-art{right:10px;bottom:62px;transform:scale(.54)}}
@media(prefers-reduced-motion:reduce){.borderless-hero *,.borderless-hero *::after{animation:none!important}.route-flow{stroke-dasharray:8 22}}

.borderless-hero h1{margin-top:0}
