/* The globe moves independently. The shield never inherits its rotation or pointer tilt. */
.hero-visual{--planet-rx:0deg;--planet-ry:0deg}
.planet-system{position:absolute;inset:0;transform:rotateX(var(--planet-rx)) rotateY(var(--planet-ry));transform-style:preserve-3d;transition:transform .8s cubic-bezier(.2,.75,.2,1);pointer-events:none}
.planet-atmosphere{position:absolute;inset:8%;border-radius:50%;background:radial-gradient(circle,#24bfff25 35%,#008dff20 52%,#37bfff0d 64%,transparent 73%);animation:atmosphere-breathe 7s ease-in-out infinite;pointer-events:none}
.planet-body{position:absolute;inset:0;z-index:2}
.planet-spin{position:absolute;inset:7%}
.planet-canvas{position:absolute;inset:0;width:100%;height:100%;display:none}
.globe-3d-ready .planet-canvas{display:block}
.globe-3d-ready .planet-spin{visibility:hidden}
.planet-spin img{width:100%;height:100%;object-fit:contain;max-width:none}
.stationary-shield{position:absolute;left:24%;top:24%;width:52%;height:57%;z-index:6;pointer-events:none;filter:drop-shadow(0 10px 13px #073b4a35)}
.stationary-shield img{width:100%;height:100%;object-fit:contain}
.planet-system .orbit{z-index:0;animation-duration:32s;border-color:#b9e5df}
.planet-system .orbit-two{animation-duration:24s;border-color:#c5e6ed}
.planet-system .orbit i{box-shadow:0 0 14px #00cabb66}
.orbital-plane{position:absolute;inset:4%;border-radius:50%;border:1px solid #abdcd799;z-index:4;pointer-events:none}
.orbital-equator{transform:rotate(-20deg) scaleY(.38)}
.orbital-polar{inset:10%;transform:rotate(53deg) scaleY(.68);border-color:#bae5e799;z-index:1}
.orbital-outer{inset:0;transform:rotate(-55deg) scaleY(.82);border-style:dashed;border-color:#b6deda80;z-index:0}
.orbital-track{position:absolute;inset:-1px;border-radius:50%;animation:planet-revolve 11s linear infinite}
.orbital-track:before{content:'';position:absolute;inset:-2px;border-radius:50%;background:conic-gradient(from 30deg,transparent 0deg,#18c8c600 265deg,#14bfdcab 315deg,#6ffce7 345deg,transparent 347deg);mask:radial-gradient(transparent calc(70% - 2px),#000 calc(70% - 1px),#000 71%,transparent calc(71% + 1px));opacity:.75}
.orbital-polar .orbital-track{animation-duration:17s;animation-direction:reverse}
.orbital-outer .orbital-track{animation-duration:28s}
.satellite{position:absolute;left:48.9%;top:-4px;width:9px;height:9px;border:2px solid #e4fffb;border-radius:50%;background:#10c9ba;box-shadow:0 0 0 4px #11cbbc12,0 0 14px #0fc9d875}
.orbital-equator .satellite{height:18px;top:-8px;width:8px;box-shadow:0 0 10px #04bdd8aa}
.satellite.secondary{left:26%;top:auto;bottom:5%;width:5px;height:10px;border:0;background:#078df0}
.orbital-polar .satellite{background:#058fdc;width:7px;height:7px;top:-3px}
.orbital-outer .satellite{width:5px;height:5px;top:-2px;border:0;box-shadow:0 0 8px #13ccba66}
.planet-particles{position:absolute;inset:0;z-index:5;pointer-events:none}
.planet-particles i{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);border-radius:50%;background:#2abfb9;opacity:.5;box-shadow:0 0 8px #12c4c540;animation:particle-drift var(--duration) ease-in-out var(--delay) infinite}
.planet-particles i:nth-child(3n){background:#0b9ed5}
.planet-particles i:nth-child(5n){background:#d3fffa;box-shadow:0 0 0 1px #2fcfba55,0 0 10px #0bd4b750}
.hero-visual .cross{animation:cross-turn 18s linear infinite}
.hero-visual .cross-two{animation-direction:reverse;animation-duration:25s}
.hero-visual .signal-tag{transition:box-shadow .5s,border-color .5s;z-index:8}
.planet-hovered .signal-tag{box-shadow:0 12px 35px #087e7815;border-color:#b0dcd6}
.planet-hovered .planet-atmosphere{opacity:.9}
.planet-offscreen .planet-spin,.planet-offscreen .orbital-track,.planet-offscreen .planet-particles i,.planet-offscreen .orbit,.planet-offscreen .planet-atmosphere,.planet-offscreen .signal-tag,.planet-background .planet-spin,.planet-background .orbital-track,.planet-background .planet-particles i,.planet-background .orbit,.planet-background .planet-atmosphere,.planet-background .signal-tag{animation-play-state:paused}
@keyframes planet-revolve{from{transform:rotate(-16deg)}to{transform:rotate(344deg)}}
@keyframes atmosphere-breathe{0%,100%{transform:scale(.96);opacity:.55}50%{transform:scale(1.07);opacity:1}}
@keyframes particle-drift{0%,100%{transform:translate3d(0,4px,0) scale(.75);opacity:.3}50%{transform:translate3d(3px,-6px,0) scale(1.2);opacity:.8}}
@keyframes cross-turn{to{transform:rotate(180deg)}}
.motion-paused .planet-system{transform:none!important}
.motion-paused .planet-spin{transform:none}
@media(prefers-reduced-motion:reduce){.planet-system{transform:none!important}.planet-spin{transform:none}}
@media(max-width:580px){.planet-spin{inset:5%}.stationary-shield{left:22%;width:56%}.orbital-outer{inset:2%}.planet-particles i:nth-child(even){display:none}.planet-system .orbit-one{inset:7%}.hero-visual .visual-caption{bottom:0}}

/* Company marks travel around the globe; their orientation stays upright. */
.brand-orbits{position:absolute;inset:0;z-index:9;pointer-events:none}
.brand-satellite{position:absolute;width:76px;height:76px;left:0;top:0;offset-path:ellipse(43% 41% at 50% 49%);offset-anchor:center;offset-rotate:0deg;animation:company-orbit 36s linear var(--phase) infinite;pointer-events:auto;will-change:offset-distance}
.satellite-badge{width:100%;height:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:rgba(255,255,255,.98);border:1px solid #cce5e0;border-radius:50%;box-shadow:0 9px 25px #163e351a,0 0 0 5px #ffffff70;overflow:hidden;isolation:isolate}
.satellite-badge img{width:36px;height:34px;object-fit:contain;transition:transform .4s ease}
.satellite-badge span{font-size:10px;font-weight:550;letter-spacing:-.01em;line-height:1.1;color:#233d39}
.brand-bybit .satellite-badge img,.brand-okx .satellite-badge img{width:47px}
.brand-orbits:has(.image-hovered) .brand-satellite,.brand-orbits:has(.brand-satellite:focus-visible) .brand-satellite{animation-play-state:paused}
.brand-satellite:focus-visible{outline:3px solid var(--teal-dark);outline-offset:6px;border-radius:50%}
.brand-satellite{touch-action:manipulation}
.brand-kraken .satellite-badge{border-color:#d8cefa}.brand-binance .satellite-badge{border-color:#ecdeab}.brand-coinbase .satellite-badge{border-color:#c5d9ff}
.planet-offscreen .brand-satellite,.planet-background .brand-satellite{animation-play-state:paused}
.planet-offscreen .cross,.planet-background .cross{animation-play-state:paused}
.ticker.motion-outside .ticker-track,.scroll-cue.motion-outside i,.page-background *,.page-background *::before,.page-background *::after,.dialog-open main *,.dialog-open main *::before,.dialog-open main *::after{animation-play-state:paused!important}
@keyframes company-orbit{from{offset-distance:0%}to{offset-distance:100%}}
.motion-paused .brand-satellite{animation:company-orbit 36s linear var(--phase) infinite!important;animation-play-state:paused!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.brand-satellite{animation:company-orbit 36s linear var(--phase) infinite!important;animation-play-state:paused!important;transition:none!important}}
@supports not (offset-path:ellipse(43% 41% at 50% 49%)){.brand-satellite{left:var(--fallback-x);top:var(--fallback-y);transform:translate(-50%,-50%);animation:none!important}}
@media(max-width:1100px){.brand-satellite{width:64px;height:64px}.satellite-badge img{width:29px;height:28px}.satellite-badge span{font-size:9px}.brand-bybit .satellite-badge img,.brand-okx .satellite-badge img{width:39px}}
@media(max-width:580px){.hero-visual{margin-top:24px}.brand-satellite{width:54px;height:54px;offset-path:ellipse(42% 40% at 50% 49%)}.satellite-badge{gap:3px;box-shadow:0 6px 16px #163e3515,0 0 0 3px #ffffff80}.satellite-badge img{width:24px;height:23px}.satellite-badge span{font-size:8px}.brand-bybit .satellite-badge img,.brand-okx .satellite-badge img{width:33px}.visual-caption{display:none}}