.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.hero-kinetic{position:relative;display:flex;align-items:center;gap:31px;width:min(520px,100%);height:155px;margin:15px 0 11px;isolation:isolate}
.hero-kinetic:after{content:"";position:absolute;z-index:-1;left:90px;top:76px;width:min(47vw,700px);height:1px;background:linear-gradient(90deg,#ffbd1b00,#ffbd1bba 18%,#5ef1c37a 52%,transparent);box-shadow:0 0 18px #ffc21a6b;transform-origin:left;animation:route-beam 2.5s ease-in-out infinite}
.kinetic-orbit{position:relative;flex:0 0 145px;height:145px;border-radius:50%;background:radial-gradient(circle,#ffc21a16 0 18%,transparent 52%)}
.kinetic-ring{position:absolute;inset:9px;border:1px solid #ffc21a3d;border-radius:50%;box-shadow:inset 0 0 30px #ffc21a0c}.kinetic-ring:before,.kinetic-ring:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 14px var(--gold)}.kinetic-ring:before{left:10px;top:25px}.kinetic-ring:after{right:9px;bottom:26px}.ring-alpha{animation:kinetic-spin 9s linear infinite}.ring-beta{inset:25px;border-style:dashed;border-color:#6decc751;animation:kinetic-spin 13s linear reverse infinite}.ring-beta:before,.ring-beta:after{background:var(--mint);box-shadow:0 0 14px var(--mint)}
.kinetic-core{position:absolute;z-index:3;left:50%;top:50%;display:grid;place-items:center;width:61px;height:61px;border:1px solid #a88b35;border-radius:17px;background:linear-gradient(145deg,#242b3d,#0d121e);box-shadow:0 0 0 8px #ffc21a09,0 0 38px #ffc21a30;transform:translate(-50%,-50%);animation:core-pulse 2.2s ease-in-out infinite}.kinetic-core img{width:43px;height:43px}
.kinetic-token{position:absolute;z-index:4;display:flex;align-items:center;gap:5px;padding:5px 7px;border:1px solid #3c465e;border-radius:20px;background:#111827e8;box-shadow:0 8px 20px #0008;backdrop-filter:blur(8px);animation:token-float 3.2s ease-in-out infinite}.kinetic-token img{width:18px;height:18px}.kinetic-token small{font-size:7px;font-weight:800;color:#cdd4e2}.token-btc{left:-1px;top:12px}.token-eth{right:-4px;top:24px;animation-delay:-1.1s}.token-usdt{left:12px;bottom:8px;animation-delay:-2.1s}
.kinetic-route{position:relative;z-index:2;display:grid;align-content:center;width:285px;min-width:0}.kinetic-route>span{color:#78849b;font-size:8px;font-weight:850;letter-spacing:1.6px}.kinetic-route>b{display:flex;align-items:center;gap:9px;height:40px;color:#f4f6fa;font-size:15px;letter-spacing:.2px;transition:opacity .25s,transform .25s}.kinetic-route>b strong:first-child{color:var(--gold)}.kinetic-route>b em{color:#5de8ba;font-style:normal}.kinetic-route>b.is-switching{opacity:0;transform:translateY(7px)}.kinetic-route>small{margin-top:10px;color:#68738b;font-size:7px;letter-spacing:.8px}
.route-track{position:relative;height:3px;overflow:hidden;border-radius:10px;background:#2a3349}.route-track:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#ffc21a,#58eabb);transform-origin:left;animation:track-charge 2.4s ease-in-out infinite}.route-track i{position:absolute;top:-2px;width:7px;height:7px;border-radius:50%;background:#fff4c4;box-shadow:0 0 13px var(--gold);animation:packet 2.4s linear infinite}.route-track i:nth-child(2){animation-delay:-.8s}.route-track i:nth-child(3){animation-delay:-1.6s}
.hero-art{animation:gift-breathe 6s ease-in-out infinite}.hero-chip{animation:chip-glow 2.8s ease-in-out infinite}
@keyframes kinetic-spin{to{transform:rotate(360deg)}}
@keyframes core-pulse{50%{box-shadow:0 0 0 13px #ffc21a04,0 0 52px #ffc21a42;transform:translate(-50%,-50%) scale(1.04)}}
@keyframes token-float{50%{transform:translateY(-6px)}}
@keyframes route-beam{0%,100%{opacity:.25;transform:scaleX(.25)}50%{opacity:1;transform:scaleX(1)}}
@keyframes track-charge{0%{transform:scaleX(.1)}55%,100%{transform:scaleX(1)}}
@keyframes packet{from{left:-8px}to{left:100%}}
@keyframes gift-breathe{50%{transform:translateY(-5px) scale(1.006);filter:saturate(1.02) contrast(1.06) drop-shadow(0 0 18px #ffc21a18)}}
@keyframes chip-glow{50%{border-color:#ffc21a70;box-shadow:0 0 24px #ffc21a20}}
@media (max-width:820px){.hero-kinetic{gap:16px;height:145px;margin:13px 0 15px}.kinetic-orbit{flex-basis:125px;height:125px}.kinetic-ring{inset:8px}.ring-beta{inset:23px}.kinetic-core{width:55px;height:55px}.kinetic-core img{width:39px;height:39px}.kinetic-route{width:160px}.kinetic-route>b{gap:5px;font-size:10px}.kinetic-route>small{font-size:6px}.hero-kinetic:after{left:70px;top:70px;width:330px}.hero-copy>p{max-width:285px}}
@media (max-width:580px){.hero-kinetic{gap:9px;height:133px}.kinetic-orbit{flex-basis:112px;height:112px}.kinetic-token{padding:4px}.kinetic-token small{display:none}.kinetic-token img{width:16px;height:16px}.kinetic-route{width:145px}.kinetic-route>span{font-size:6px}.kinetic-route>b{height:36px;font-size:9px}.hero-art{animation:none}}
@media (prefers-reduced-motion:reduce){.hero-kinetic *,.hero-kinetic:after,.hero-art,.hero-chip{animation:none!important}.route-track:before{transform:scaleX(1)}}