.ho{height:520px;position:relative}.ho-lines{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.ho-lines line{stroke:#c48ff547;stroke-width:1px}.ho-lines line.fill{stroke:#c48ff599;stroke-width:1.6px;stroke-linecap:round}.ho-lines line.comet{stroke:#f3e8ff;stroke-width:2.6px;stroke-linecap:round;filter:drop-shadow(0 0 7px #a75aec)}.ho-lines circle{fill:#e6d3fd;filter:drop-shadow(0 0 6px #a75aec)}.ho-lines circle.head{fill:#fff;filter:drop-shadow(0 0 10px #c48ff5)}.ho-ring{pointer-events:none;border:1px dashed #c48ff529;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ho-ring.r1{width:46%;height:62%}.ho-ring.r2{border-style:solid;border-color:#c48ff51a;width:78%;height:100%}.ho-hub{z-index:3;background:radial-gradient(circle at 50% 35%,#a75aec59,#171221e6 70%);border:1px solid #c48ff566;border-radius:50%;place-items:center;width:112px;height:112px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 80px #a75aec80,inset 0 0 30px #a75aec40}.ho-node{--e:0;z-index:4;position:absolute;transform:translate(-50%,-50%)}.ho-node a{white-space:nowrap;color:var(--foreground);-webkit-backdrop-filter:blur(16px);border:1px solid color-mix(in srgb, #c48ff5 calc(var(--e) * 85%), #ffffff1a);background:rgba(167, 90, 236, calc(.05 + .2 * var(--e)));box-shadow:0 0 calc(46px * var(--e)) calc(6px * var(--e)) rgba(167, 90, 236, calc(.7 * var(--e))), 0 0 calc(120px * var(--e)) rgba(167, 90, 236, calc(.4 * var(--e)));animation:6s ease-in-out infinite ho-bob;animation-delay:calc(var(--i) * -1s);border-radius:999px;align-items:center;gap:10px;padding:10px 16px 10px 12px;font-size:14px;font-weight:600;display:flex;position:relative}.ho-node .ic{background:rgba(167, 90, 236, calc(.22 + .5 * var(--e)));width:28px;height:28px;color:color-mix(in srgb, #fff calc(var(--e) * 100%), #c48ff5);box-shadow:0 0 calc(20px * var(--e)) rgba(196, 143, 245, calc(.95 * var(--e)));border-radius:50%;place-items:center;display:grid}@keyframes ho-bob{50%{transform:translateY(-6px)}}.ho-nodes{display:contents}@media (max-width:719px){.ho{flex-direction:column;align-items:center;gap:22px;height:auto;display:flex}.ho-lines,.ho-ring{display:none}.ho-hub{position:static;transform:none}.ho-nodes{grid-template-columns:1fr 1fr;gap:10px;width:100%;display:grid}.ho-node{position:static;transform:none}.ho-node a{animation:none}.ho-node a:hover{background:#a75aec2e;border-color:#a75aec;box-shadow:0 0 30px #a75aec66}}@media (prefers-reduced-motion:reduce){.ho-node a{animation:none}}