.volera-hero-orbit{--hero-orbit-blue:#8cbcff;position:relative;isolation:isolate;min-width:0;max-width:100%;color:#e4efff;border:1px solid #52749a80;border-radius:26px;background:radial-gradient(ellipse at 50% 42%,#203e633d,transparent 64%),linear-gradient(145deg,#13233a,#080f1b 65%);box-shadow:inset 0 1px 0 #d6eaff18,0 30px 80px #0005;overflow:hidden}
.hero-orbit-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 24px 0;position:relative;z-index:30}.hero-orbit-kicker{font:10px Arial,sans-serif;letter-spacing:.22em;color:#a8c9ec}.hero-orbit-toggle{font-size:11px;font-family:inherit;min-height:36px;color:#c2d9f5;background:#17304b80;border:1px solid #688cb54d;border-radius:99px;padding:7px 12px;cursor:pointer}.hero-orbit-toggle[hidden]{display:none}
.hero-orbit-stage{--radius:clamp(115px,14vw,180px);height:435px;position:relative;perspective:850px;touch-action:pan-y;cursor:grab;direction:ltr;outline-offset:-5px;overflow:hidden;contain:layout paint}.hero-orbit-stage:active{cursor:grabbing}.hero-orbit-halo{position:absolute;width:65%;aspect-ratio:1;left:50%;top:46%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#327edf25,transparent 67%);pointer-events:none}
.hero-orbit-ring{position:absolute;width:72%;aspect-ratio:1;left:50%;top:50%;border:1px solid #7fa9dd55;border-radius:50%;transform:translate(-50%,-50%) rotateX(58deg) rotateZ(-24deg);box-shadow:0 0 18px #619ce012,inset 0 0 12px #609de012;pointer-events:none}.ring-two{width:62%;transform:translate(-50%,-50%) rotateY(60deg) rotateZ(27deg);border-color:#729ccb35}.ring-three{width:78%;transform:translate(-50%,-50%) rotateX(70deg) rotateZ(35deg);border-style:dashed;border-color:#749dd02b}
.hero-orbit-core{position:absolute;left:50%;top:50%;width:192px;height:192px;transform:translate(-50%,-50%);border-radius:50%;z-index:10;background:radial-gradient(circle at 28% 20%,#a2c8ee75,#294d7340 27%,#10243d 60%,#030c18);border:1px solid #a5c8ef9c;box-shadow:inset 0 3px 10px #d5ebff40,inset -12px -15px 30px #0009,0 0 0 7px #4378ae15,0 0 0 8px #7ea5d42b,0 20px 45px #0009,0 0 70px #3989e62e;pointer-events:none}.hero-orbit-core-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:5px}.hero-orbit-core svg{width:126px;height:112px;overflow:hidden;mix-blend-mode:screen}.hero-orbit-core-inner>span{font:9px Arial,sans-serif;letter-spacing:.15em;color:#d8eaff}
.hero-orbit-node{position:absolute;left:50%;top:50%;width:126px;display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center;z-index:15;transform:translate(calc(-50% + var(--radius)*var(--ox)),calc(-50% + var(--radius)*var(--oy)));text-decoration:none;will-change:transform;user-select:none;-webkit-user-drag:none}.hero-orbit-medallion{width:70px;height:70px;display:grid;place-items:center;border-radius:22px;color:#d7e9ff;background:linear-gradient(145deg,#b7d3ec 0%,#416385 8%,#19334f 32%,#0d1d30 73%,#496f96 100%);border:1px solid #9cbcdfa8;box-shadow:inset 0 2px 2px #f2f9ff50,inset -3px -4px 8px #0005,0 8px 18px #0008,0 0 18px #4e98f21c;transition:border-color .2s,box-shadow .2s}.hero-orbit-medallion svg{width:40px;height:40px;filter:drop-shadow(0 1px 2px #0009)}.hero-orbit-label{font-size:10px;line-height:1.35;color:#d6e7fc;background:#0b192be8;padding:5px 9px;border:1px solid #55779f50;border-radius:7px;max-width:126px;text-wrap:balance}.hero-orbit-node:hover .hero-orbit-medallion,.hero-orbit-node:focus-visible .hero-orbit-medallion{border-color:#d7ebff;box-shadow:inset 0 2px 2px #fff6,0 8px 24px #0009,0 0 26px #5eafff55}.hero-orbit-node:focus-visible{outline:2px solid #b3d5ff;outline-offset:5px;border-radius:16px}
.hero-orbit-base{position:absolute;left:50%;bottom:30px;width:46%;height:18px;background:#020712;filter:blur(9px);transform:translateX(-50%);border-radius:50%;pointer-events:none}.hero-orbit-bottom{position:relative;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 24px 22px}.hero-orbit-bottom p{font-size:13px;line-height:1.5;margin:0;color:#e2edfc}.hero-orbit-bottom small{display:block;font-size:10px;color:#8fa9c9;margin-top:4px}.hero-orbit-bottom>a{width:42px;height:42px;border:1px solid #6f96c263;display:grid;place-items:center;border-radius:50%;color:#c9e3ff;background:#1837556b;flex-shrink:0}
@media(max-width:1080px) and (min-width:761px){.hero-orbit-stage{height:400px}.hero-orbit-core{width:164px;height:164px}.hero-orbit-core svg{width:112px;height:98px}.hero-orbit-node{width:105px}.hero-orbit-medallion{width:60px;height:60px}}
@media(max-width:760px){.volera-hero-orbit{border-radius:22px}.hero-orbit-top{padding:17px 17px 0}.hero-orbit-kicker{font-size:9px}.hero-orbit-toggle{font-size:10px}.hero-orbit-stage{--radius:30vw;height:365px;perspective:700px}.hero-orbit-core{width:146px;height:146px}.hero-orbit-core svg{width:98px;height:84px}.hero-orbit-core-inner>span{font-size:7px}.hero-orbit-node{width:104px;gap:7px}.hero-orbit-medallion{width:58px;height:58px;border-radius:18px}.hero-orbit-medallion svg{width:34px;height:34px}.hero-orbit-label{font-size:9px;max-width:105px;padding:4px 6px}.hero-orbit-bottom{padding:0 17px 17px}.hero-orbit-bottom p{font-size:12px}.hero-orbit-bottom small{font-size:9px}.hero-orbit-base{bottom:20px}}
@media(prefers-reduced-motion:reduce){.hero-orbit-node{will-change:auto}.hero-orbit-medallion{transition:none}}