.vqw{color:#0b1d3f;container:vqw/inline-size;font-family:Sora,system-ui,sans-serif;margin:0 auto;max-width:760px;padding:24px 16px}.vqw *{box-sizing:border-box}.vqw-wheel{container-type:inline-size}.vqw-stage{aspect-ratio:100/62;position:relative;width:100%}.vqw-ring{background:radial-gradient(circle,#eaf9fe 0,#d6f2fc 62%,#c4ebf9 100%);border-radius:50%;box-shadow:0 40px 90px -50px rgba(8,23,51,.45);height:50cqw;left:50%;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);width:50cqw}.vqw-ring:after,.vqw-ring:before{animation:vqw-drift 14s ease-in-out infinite alternate;background:radial-gradient(closest-side,hsla(0,0%,100%,.8),hsla(0,0%,100%,0));border-radius:50%;content:"";height:70%;position:absolute;width:70%}.vqw-ring:before{left:-10%;top:-12%}.vqw-ring:after{animation-direction:alternate-reverse;animation-duration:19s;bottom:-16%;right:-12%}.vqw-orbit{animation:vqw-spin 36s linear infinite;border-color:#3fd0ff rgba(63,208,255,.35) transparent transparent;border-radius:50%;border-style:solid;border-width:2px;height:50cqw;margin:-25cqw 0 0 -25cqw;width:50cqw}.vqw-hub,.vqw-orbit{left:50%;position:absolute;top:50%}.vqw-hub{align-items:center;background:linear-gradient(160deg,#10295a,#081733);border-radius:50%;box-shadow:0 0 0 1.2cqw hsla(0,0%,100%,.75),0 24px 60px -16px rgba(8,23,51,.55);color:#f2f7ff;display:flex;flex-direction:column;height:26cqw;justify-content:center;text-align:center;transform:translate(-50%,-50%);width:26cqw;z-index:1}.vqw-hub:after{animation:vqw-ripple 4.5s ease-out infinite;border:2px solid #3fd0ff;border-radius:50%;content:"";inset:-1.2cqw;pointer-events:none;position:absolute}.vqw-hub-name{font-size:4.2cqw;font-weight:700;letter-spacing:-.03em;line-height:1}.vqw-accent{color:#3fd0ff}.vqw-hub-wave{animation:vqw-wave 6s ease-in-out infinite;color:#7fe0ff;height:auto;margin-top:1cqw;width:5.5cqw}.vqw-hub-sub{color:#8fb0d6;font-size:1.3cqw;font-weight:600;letter-spacing:.04em;margin-top:1cqw}.vqw-hub-sub b{color:#f2f7ff}.vqw-item{height:0;position:absolute;width:0;z-index:2}.vqw-slot-1{left:32.3%;top:21.5%}.vqw-slot-2{left:67.7%;top:21.5%}.vqw-slot-3{left:67.7%;top:78.5%}.vqw-slot-4{left:32.3%;top:78.5%}.vqw-sat{animation:vqw-float 7s ease-in-out infinite;background:linear-gradient(160deg,#0e2349,#07142e);border-radius:50%;box-shadow:0 0 0 .7cqw #fff,0 16px 40px -12px rgba(8,23,51,.45);display:grid;height:10cqw;left:0;overflow:hidden;place-items:center;position:absolute;top:0;transition:scale .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s;translate:-50% -50%;width:10cqw}.vqw-slot-2 .vqw-sat{animation-delay:-1.7s}.vqw-slot-3 .vqw-sat{animation-delay:-3.4s}.vqw-slot-4 .vqw-sat{animation-delay:-5.1s}.vqw-sat img{display:block;height:100%;object-fit:cover;width:100%}.vqw-sat svg{color:#3fd0ff;height:44%;width:44%}.vqw-item:hover .vqw-sat{box-shadow:0 0 0 .7cqw #fff,0 0 0 calc(.7cqw + 2px) #3fd0ff,0 20px 50px -12px rgba(8,23,51,.5);scale:1.06}.vqw-label{align-items:center;display:flex;flex-direction:row;gap:1cqw;left:5.4cqw;position:absolute;top:0;transform:translateY(-50%);white-space:nowrap;width:max-content}.vqw-label:before{background:#3fd0ff;border-radius:2px;content:"";height:2px;width:2.4cqw}.vqw-slot-1 .vqw-label,.vqw-slot-4 .vqw-label{left:-5.4cqw;transform:translate(-100%,-50%)}.vqw-slot-1 .vqw-label:before,.vqw-slot-4 .vqw-label:before{order:3}.vqw-dot{background:#0b1d3f;border-radius:50%;display:grid;flex:none;height:2.2cqw;min-height:18px;min-width:18px;place-items:center;width:2.2cqw}.vqw-dot:before{background:#3fd0ff;border-radius:50%;content:"";height:36%;width:36%}.vqw-name{color:#fff;font-size:clamp(14px,2.6cqw,24px);font-weight:700;letter-spacing:-.01em;line-height:1.15}.vqw-name em{color:#fff;font-style:normal}@container vqw (max-width: 560px){.vqw-stage{aspect-ratio:auto;display:flex;flex-direction:column;gap:12px}.vqw-orbit,.vqw-ring{display:none}.vqw-hub{box-shadow:0 0 0 12px #e6f7fd,0 20px 50px -16px rgba(8,23,51,.5);height:200px;left:auto;margin:12px auto 26px;position:relative;top:auto;transform:none;width:200px}.vqw-hub:after{inset:-12px}.vqw-hub-name{font-size:34px}.vqw-hub-wave{margin-top:8px;width:42px}.vqw-hub-sub{font-size:12px;margin-top:8px}.vqw-item{align-items:center;background:#04244c;border-radius:18px;box-shadow:0 0 0 1px #e3ecf5,0 10px 24px -18px rgba(8,23,51,.4);display:flex;gap:14px;height:auto;min-height:84px;padding:10px 16px 10px 10px;width:auto}.vqw-item,.vqw-sat{left:auto;position:relative;top:auto}.vqw-sat{animation:none;box-shadow:0 0 0 3px #fff,0 0 0 4px #d6f2fc;flex:none;height:64px;translate:none;width:64px}.vqw-item:hover .vqw-sat{box-shadow:0 0 0 3px #fff,0 0 0 5px #3fd0ff;scale:1}.vqw-label,.vqw-slot-1 .vqw-label,.vqw-slot-4 .vqw-label{flex:1;position:static;transform:none;white-space:normal;width:auto}.vqw-dot,.vqw-label:before{display:none}.vqw-name{font-size:18px}.vqw-name br{display:none}}@keyframes vqw-spin{to{transform:rotate(1turn)}}@keyframes vqw-drift{to{transform:translate(18%,12%) scale(1.12)}}@keyframes vqw-ripple{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(1.18)}}@keyframes vqw-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes vqw-wave{0%,to{transform:translateX(-3px)}50%{transform:translateX(3px)}}@media (prefers-reduced-motion:reduce){.vqw *,.vqw :after,.vqw :before{animation:none!important;transition:none!important}}