/* Owner-approved hero: optical payment rails, full-resolution rendering and mouse motion without a spotlight. */
.hero--flows .be-art{position:absolute;inset:0;width:100%;height:100%;min-width:0;transform:none;pointer-events:auto}
.hero--flows .be-art::before{content:"";position:absolute;inset:10% -8% 0%;background:radial-gradient(ellipse at 54% 49%,#2858a326,transparent 62%);pointer-events:none}
.hero--flows .be-art canvas{display:block;position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.hero--flows .be-payment{position:absolute;left:50%;top:47%;width:166px;height:104px;transform:translate(-50%,-50%) perspective(700px) rotateX(15deg) rotateY(-14deg) rotateZ(calc(-10deg + var(--be-card-turn,0deg))) translate(var(--be-card-dx,0px),calc(var(--be-card-y,0px) + var(--be-card-dy,0px)));border:1px solid rgba(165,200,255,calc(.28 + var(--be-signal,0)*.22));border-radius:14px;background:linear-gradient(130deg,#485f7dba,#1a2d49e8 40%,#0c1728fa 100%);box-shadow:inset 0 1px 0 #e0eeff3a,inset 0 -1px 0 rgba(141,190,255,calc(.08 + var(--be-signal,0)*.22)),0 22px 40px -19px #000c,0 0 36px -17px rgba(102,159,249,calc(.12 + var(--be-signal,0)*.30));pointer-events:none;overflow:hidden}
.hero--flows .be-sheen{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(110deg,transparent 22%,#d0e8ff05 35%,#d0e8ff27 48%,#d0e8ff0b 58%,transparent 76%);transform:translateX(var(--be-sheen-x,-18%));opacity:.5}
.hero--flows .be-payment::before{content:"";position:absolute;left:18px;top:20px;width:17px;height:14px;border:1px solid #bbd1f066;border-radius:3px;background:linear-gradient(145deg,#b6cbe226,#5b769326)}
.hero--flows .be-payment::after{content:"";position:absolute;left:18px;right:36px;bottom:18px;height:2px;border-radius:2px;background:linear-gradient(90deg,#b8cbe65c 0 15%,transparent 15% 23%,#b8cbe65c 23% 38%,transparent 38% 46%,#b8cbe65c 46% 61%,transparent 61% 69%,#b8cbe65c 69% 84%,transparent 84%)}
.hero--flows .be-card-dot{position:absolute;right:17px;top:20px;width:4px;height:4px;border-radius:50%;background:#b3d2ff;opacity:calc(.35 + var(--be-signal,0)*.55);box-shadow:0 0 8px #6b9dff26}
@media(max-width:930px){.hero--flows .be-payment{width:124px;height:78px}}
@media(max-width:640px){.hero--flows .be-payment{width:120px;height:76px}}