.hero-orbit{--orbit-ink:#172033;--orbit-line:#17203324;--orbit-lime:#a3e635;--orbit-lime-soft:#f0f9de;--tile:52px;aspect-ratio:1;isolation:isolate;width:100%;max-width:460px;margin-inline:auto;position:relative}.hero-orbit__glow{background:radial-gradient(circle, color-mix(in srgb, var(--orbit-lime) 26%, transparent) 0%, transparent 72%);pointer-events:none;border-radius:50%;animation:5.5s ease-in-out infinite hero-orbit-pulse;position:absolute;inset:18%}.hero-orbit__ring{border:1px dashed var(--orbit-line);pointer-events:none;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-orbit__ring--a{width:250px;height:250px}.hero-orbit__ring--b{opacity:.8;width:390px;height:390px}.hero-orbit__core{z-index:2;border:1.5px solid var(--orbit-ink);width:100px;height:100px;box-shadow:0 12px 32px color-mix(in srgb, var(--orbit-ink) 10%, transparent);opacity:0;background:#fff;border-radius:50%;justify-content:center;align-items:center;animation:.7s cubic-bezier(.22,1,.36,1) 40ms forwards hero-orbit-core-in;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.82)}.hero-orbit__slot{z-index:1;width:0;height:0;transform:rotate(var(--angle)) translateY(calc(var(--r) * -1));animation:hero-orbit-spin var(--dur) linear var(--orbit-delay,0s) infinite;position:absolute;top:50%;left:50%}.hero-orbit__chip{width:var(--tile);height:var(--tile);transform:translate(-50%, -50%) rotate(calc(var(--angle) * -1));animation:hero-orbit-counter var(--dur) linear var(--orbit-delay,0s) infinite;position:absolute;top:0;left:0}.hero-orbit__face{box-sizing:border-box;border:1.5px solid var(--orbit-ink);width:100%;height:100%;color:var(--orbit-ink);box-shadow:0 4px 12px color-mix(in srgb, var(--orbit-ink) 8%, transparent);opacity:0;animation:hero-orbit-face-in .7s cubic-bezier(.22, 1, .36, 1) var(--enter-delay) forwards;background:#fff;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:5px 4px;display:flex;transform:scale(.55)}.hero-orbit__chip--on .hero-orbit__face{background:var(--orbit-lime-soft);border-color:color-mix(in srgb, var(--orbit-lime) 55%, var(--orbit-ink))}.hero-orbit__ico{color:var(--orbit-ink);flex:none;display:block}.hero-orbit__chip--on .hero-orbit__ico{color:#3f4f12}.hero-orbit__label{text-overflow:ellipsis;letter-spacing:.01em;text-align:center;white-space:nowrap;max-width:100%;font-size:8.5px;font-weight:700;line-height:1.1;display:block;overflow:hidden}@keyframes hero-orbit-core-in{to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes hero-orbit-face-in{to{opacity:1;transform:scale(1)}}@keyframes hero-orbit-spin{0%{transform:rotate(var(--angle)) translateY(calc(var(--r) * -1))}to{transform:rotate(calc(var(--angle) + 360deg)) translateY(calc(var(--r) * -1))}}@keyframes hero-orbit-counter{0%{transform:translate(-50%, -50%) rotate(calc(var(--angle) * -1))}to{transform:translate(-50%, -50%) rotate(calc(var(--angle) * -1 - 360deg))}}@keyframes hero-orbit-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.85;transform:scale(1.05)}}@media (max-width:640px){.hero-orbit{--tile:46px;transform-origin:50%;max-width:340px;transform:scale(.9)}.hero-orbit__label{font-size:7.5px}.hero-orbit__ico{width:15px;height:15px}.hero-orbit__core{width:80px;height:80px}.hero-orbit__face{border-radius:10px}}@media (prefers-reduced-motion:reduce){.hero-orbit__glow,.hero-orbit__slot,.hero-orbit__chip,.hero-orbit__core,.hero-orbit__face{animation:none!important}.hero-orbit__core{opacity:1;transform:translate(-50%,-50%)scale(1)}.hero-orbit__face{opacity:1;transform:scale(1)}}