/* The reference's five-card arc and 5.5 s float; service symbols replace bank logos. */
.hero-visual.vortex-fly{position:relative;width:min(100%,620px);height:570px;margin:0 auto;isolation:isolate;overflow:visible}
.vortex-fly .vortex-fly-character{position:absolute;left:50%;top:55%;width:338px;max-width:60%;height:auto;transform:translate(-50%,-50%);z-index:5;pointer-events:none;user-select:none;animation:vortex-character-float 7s ease-in-out infinite;filter:drop-shadow(0 15px 13px #5066801d)}
.vortex-fly-shadow{position:absolute;left:50%;bottom:0;width:190px;height:24px;transform:translateX(-50%);background:#536e9426;border-radius:50%;filter:blur(15px);animation:shadow 7s ease-in-out infinite}
.vortex-fly-card{--float-delay:0s;position:absolute;left:50%;top:36%;width:132px;aspect-ratio:1.6;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px 8px 7px;border:1px solid #fff;border-radius:9px;background:linear-gradient(135deg,#ffffff 4%,#f4f7fb 60%,#e8eef6);box-shadow:1px 2px 0 #c8d1db,2px 4px 0 #edf0f4,inset 0 1px 2px #fff,0 7px 15px #1437641c;color:#1779ce;transform:translate(-50%,-50%) translate(var(--dx),var(--dy)) rotate(var(--spin));transform-origin:center;animation:vortex-card-float 5.5s ease-in-out infinite;animation-delay:var(--float-delay);will-change:transform;user-select:none;transition:box-shadow .3s,color .3s}
.vortex-fly-card:before{content:'';position:absolute;inset:5px;border:1px solid #d9e5f257;border-radius:5px;pointer-events:none}
.vortex-fly-icon{display:block;width:36px;height:36px;flex:none;filter:drop-shadow(0 2px 2px #189bde1f)}
.vortex-fly-card>span{display:block;font-family:var(--font-body,"DM Sans",Arial,sans-serif);font-size:10px;line-height:1.1;font-weight:600;color:#306d9f;white-space:nowrap}
.vortex-fly-card:hover{color:#1296c9;box-shadow:1px 2px 0 #b8cadf,2px 4px 0 #e3edf6,inset 0 1px 2px #fff,0 10px 20px #1268aa2c}
.vortex-fly-card:focus-visible{outline:3px solid #0089d6;outline-offset:5px;z-index:7}
.vortex-fly-card[data-fly="0"]{--dx:-210px;--dy:22px;--spin:-26deg;--float-delay:0s}
.vortex-fly-card[data-fly="1"]{--dx:-145px;--dy:-98px;--spin:-14deg;--float-delay:-.9s}
.vortex-fly-card[data-fly="2"]{--dx:0px;--dy:-172px;--spin:0deg;--float-delay:-1.8s}
.vortex-fly-card[data-fly="3"]{--dx:145px;--dy:-98px;--spin:14deg;--float-delay:-2.7s}
.vortex-fly-card[data-fly="4"]{--dx:210px;--dy:22px;--spin:26deg;--float-delay:-3.6s}
@keyframes vortex-card-float{0%,100%{transform:translate(-50%,-50%) translate(var(--dx),var(--dy)) rotate(var(--spin)) translateY(0) rotate(0deg)}50%{transform:translate(-50%,-50%) translate(var(--dx),var(--dy)) rotate(var(--spin)) translateY(-10px) rotate(2.5deg)}}
@keyframes vortex-character-float{0%,100%{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 9px))}}
@media(min-width:1100px){.hero-visual.vortex-fly{height:590px;max-width:700px}.vortex-fly-card{width:148px;top:38%;gap:7px}.vortex-fly-icon{width:40px;height:40px}.vortex-fly-card>span{font-size:11px}.vortex-fly-card[data-fly="0"]{--dx:-235px;--dy:24px;--spin:-26deg}.vortex-fly-card[data-fly="1"]{--dx:-160px;--dy:-108px;--spin:-14deg}.vortex-fly-card[data-fly="2"]{--dx:0px;--dy:-188px;--spin:0deg}.vortex-fly-card[data-fly="3"]{--dx:160px;--dy:-108px;--spin:14deg}.vortex-fly-card[data-fly="4"]{--dx:235px;--dy:24px;--spin:26deg}}
/* This preview has equal hero columns; retain the arc proportions within its narrower desktop visual. */
@media(min-width:1100px) and (max-width:1449px){.vortex-fly-card{width:132px}.vortex-fly-card[data-fly="0"]{--dx:-210px;--dy:22px}.vortex-fly-card[data-fly="1"]{--dx:-145px;--dy:-98px}.vortex-fly-card[data-fly="2"]{--dy:-172px}.vortex-fly-card[data-fly="3"]{--dx:145px;--dy:-98px}.vortex-fly-card[data-fly="4"]{--dx:210px;--dy:22px}}
@media(min-width:1450px){.hero-visual.vortex-fly{height:620px}.vortex-fly .vortex-fly-character{width:360px;max-width:66%;top:55%}}
@media(min-width:760px) and (max-width:1099px){.hero-visual.vortex-fly{width:min(100%,480px);height:520px}.vortex-fly .vortex-fly-character{width:300px;max-width:64%;top:58%}.vortex-fly-card{width:108px;top:36%;gap:4px;padding:8px 5px 6px}.vortex-fly-icon{width:30px;height:30px}.vortex-fly-card>span{font-size:9px}.vortex-fly-card[data-fly="0"]{--dx:-150px;--dy:14px;--spin:-20deg}.vortex-fly-card[data-fly="1"]{--dx:-100px;--dy:-72px;--spin:-10deg}.vortex-fly-card[data-fly="2"]{--dx:0px;--dy:-128px;--spin:0deg}.vortex-fly-card[data-fly="3"]{--dx:100px;--dy:-72px;--spin:10deg}.vortex-fly-card[data-fly="4"]{--dx:150px;--dy:14px;--spin:20deg}}
@media(max-width:759px){.hero-visual.vortex-fly{width:min(100%,360px);height:440px;margin-bottom:8px}.vortex-fly .vortex-fly-character{width:240px;max-width:62%;top:58%}.vortex-fly-shadow{width:140px;bottom:10px}.vortex-fly-card{width:86px;top:36%;border-radius:7px;gap:3px;padding:6px 4px 5px}.vortex-fly-card:before{inset:3px;border-radius:4px}.vortex-fly-icon{width:25px;height:25px;stroke-width:2.2}.vortex-fly-card>span{font-size:8px}.vortex-fly-card[data-fly="0"]{--dx:-112px;--dy:10px;--spin:-20deg}.vortex-fly-card[data-fly="1"]{--dx:-76px;--dy:-58px;--spin:-10deg}.vortex-fly-card[data-fly="2"]{--dx:0px;--dy:-100px;--spin:0deg}.vortex-fly-card[data-fly="3"]{--dx:76px;--dy:-58px;--spin:10deg}.vortex-fly-card[data-fly="4"]{--dx:112px;--dy:10px;--spin:20deg}.vortex-fly .visual-caption{bottom:-5px;font-size:9px}}
@media(max-width:479px){.hero-visual.vortex-fly{width:min(100%,320px);height:400px}.vortex-fly .vortex-fly-character{width:210px;max-width:66%}.vortex-fly-card{width:76px;gap:2px;padding:4px}.vortex-fly-icon{width:23px;height:23px}.vortex-fly-card>span{font-size:7px}.vortex-fly-card[data-fly="0"]{--dx:-98px;--dy:8px;--spin:-18deg}.vortex-fly-card[data-fly="1"]{--dx:-66px;--dy:-50px;--spin:-9deg}.vortex-fly-card[data-fly="2"]{--dx:0px;--dy:-88px;--spin:0deg}.vortex-fly-card[data-fly="3"]{--dx:66px;--dy:-50px;--spin:9deg}.vortex-fly-card[data-fly="4"]{--dx:98px;--dy:8px;--spin:18deg}}
.motion-paused .vortex-fly-card,.motion-paused .vortex-fly-character,.motion-paused .vortex-fly-shadow{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.vortex-fly-card,.vortex-fly .vortex-fly-character,.vortex-fly-shadow{animation:none!important;transition:none!important}}

/* Круглые серебристые медальоны по образцу значков вокруг персонажа. */
.vortex-fly .vortex-fly-card{width:92px;aspect-ratio:1;border-radius:50%;padding:14px;border:1px solid #d3dde6;background:radial-gradient(circle at 38% 27%,#fff 0%,#f1f4f7 48%,#d9dfe6 76%,#bcc8d4 100%);box-shadow:inset 3px 4px 9px #fff,inset -5px -6px 12px #8d9caa45,1px 3px 0 #ced6df,0 8px 16px #455c701d;color:#fafcff}
.vortex-fly .vortex-fly-card:before{inset:5px;border:1px solid #ffffff9c;border-radius:50%;box-shadow:inset 0 1px 3px #b3bfcb70}
.vortex-fly .vortex-fly-icon{width:48px;height:48px;stroke-width:2.7;filter:drop-shadow(1px 2px 1px #6b819966) drop-shadow(-1px -1px 0 #fff)}
.vortex-fly .vortex-fly-card>span{display:none}
.vortex-fly .vortex-fly-card:hover{color:#fff;box-shadow:inset 3px 4px 9px #fff,inset -5px -6px 12px #8d9caa45,1px 3px 0 #ced6df,0 10px 20px #247baf2b}
.vortex-fly-card[data-fly="5"]{--dx:-135px;--dy:180px;--spin:-8deg;--float-delay:-4.2s}
.vortex-fly-card[data-fly="6"]{--dx:135px;--dy:180px;--spin:8deg;--float-delay:-4.8s}
@media(min-width:1450px){.vortex-fly .vortex-fly-card{width:100px}.vortex-fly-card[data-fly="5"]{--dx:-150px;--dy:190px}.vortex-fly-card[data-fly="6"]{--dx:150px;--dy:190px}}
@media(min-width:760px) and (max-width:1099px){.vortex-fly .vortex-fly-card{width:73px;padding:10px}.vortex-fly .vortex-fly-icon{width:39px;height:39px}.vortex-fly-card[data-fly="5"]{--dx:-100px;--dy:146px}.vortex-fly-card[data-fly="6"]{--dx:100px;--dy:146px}}
@media(max-width:759px){.vortex-fly .vortex-fly-card{width:64px;padding:9px}.vortex-fly .vortex-fly-icon{width:33px;height:33px}.vortex-fly-card[data-fly="5"]{--dx:-85px;--dy:132px}.vortex-fly-card[data-fly="6"]{--dx:85px;--dy:132px}}
@media(max-width:479px){.vortex-fly .vortex-fly-card{width:56px;padding:8px}.vortex-fly .vortex-fly-icon{width:30px;height:30px}.vortex-fly-card[data-fly="5"]{--dx:-74px;--dy:118px}.vortex-fly-card[data-fly="6"]{--dx:74px;--dy:118px}}

/* Более компактные круги и читаемые синие символы. */
.vortex-fly .vortex-fly-card{width:74px;padding:11px;color:#2464a0;border-color:#b8c9d9;background:radial-gradient(circle at 36% 25%,#faffff 0%,#e4edf5 45%,#bfcedc 78%,#a4b7c8 100%);box-shadow:inset 2px 3px 7px #fff,inset -4px -5px 9px #73899d40,1px 3px 0 #bdcad6,0 9px 17px #405d7628}
.vortex-fly .vortex-fly-icon{width:38px;height:38px;stroke-width:2.8;filter:drop-shadow(0 1px 0 #fff) drop-shadow(1px 2px 1px #4e708344)}
.vortex-fly .vortex-fly-card:hover{color:#1263a9}
.vortex-fly .vortex-fly-character{filter:drop-shadow(0 14px 15px #3b557338) drop-shadow(0 1px 1px #56748d38)}
@media(min-width:1450px){.vortex-fly .vortex-fly-card{width:80px}.vortex-fly .vortex-fly-icon{width:41px;height:41px}}
@media(min-width:760px) and (max-width:1099px){.vortex-fly .vortex-fly-card{width:62px;padding:9px}.vortex-fly .vortex-fly-icon{width:32px;height:32px}}
@media(max-width:759px){.vortex-fly .vortex-fly-card{width:54px;padding:8px}.vortex-fly .vortex-fly-icon{width:29px;height:29px}}
@media(max-width:479px){.vortex-fly .vortex-fly-card{width:48px;padding:7px}.vortex-fly .vortex-fly-icon{width:26px;height:26px}}