/* Genuine MIHENK product artwork; extracted source provenance is recorded alongside. */
.ar-assistant-orb {
  --orb-lime: #d5ff28;
  --orb-purple: #a078ff;
  --orb-ice: #f1f6ff;
  --orb-core: #162209;
  --orb-brand: #e4ff62;
  position: absolute;
  left: 50%;
  top: -17px;
  transform: translateX(-50%);
  width: 330px;
  height: 330px;
  z-index: -1;
  pointer-events: none;
  contain: layout style;
}
.ar-assistant-orb .ar-orb-art {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}
.ar-assistant-orb .ar-orb-wave {
  position: absolute;
  width: calc(100% + 740px);
  max-width: none;
  height: 100%;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  overflow: visible;
  stroke-width: 0.7;
}
.ar-orb-stop-lime {
  stop-color: var(--orb-lime);
}
.ar-orb-stop-purple {
  stop-color: var(--orb-purple);
}
.ar-orb-stop-ice {
  stop-color: var(--orb-ice);
}
.ar-orb-stop-core {
  stop-color: var(--orb-core);
}
.ar-orb-stop-brand {
  stop-color: var(--orb-brand);
}
.ar-orb-platform {
  opacity: 0;
}
.ar-orb-float,
.ar-orb-ribbon,
.ar-orb-particles,
.ar-orb-halo,
.ar-orb-wave-lines {
  transform-box: view-box;
  transform-origin: 179px 160px;
  animation-play-state: paused;
}
.ar-orb-float {
  animation: ar-orb-float 7s ease-in-out infinite paused;
}
.ar-orb-ribbon-back {
  opacity: 0.7;
  transform: rotate(67deg) scale(0.94);
  animation: ar-orb-back 13s ease-in-out infinite paused;
}
.ar-orb-ribbon-front {
  animation: ar-orb-front 11s ease-in-out infinite paused;
}
.ar-orb-particles {
  animation: ar-orb-particles 17s linear infinite paused;
}
.ar-orb-halo {
  animation: ar-orb-halo 6s ease-in-out infinite paused;
}
.ar-orb-wave-lines {
  transform-origin: 50% 50%;
  animation: ar-orb-wave 9s ease-in-out infinite paused;
}
.ar-assistant-orb[data-ar-orb-active="true"]
  :is(
    .ar-orb-float,
    .ar-orb-ribbon,
    .ar-orb-particles,
    .ar-orb-halo,
    .ar-orb-wave-lines
  ) {
  animation-play-state: running;
}
@keyframes ar-orb-float {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
}
@keyframes ar-orb-front {
  0%,
  100% {
    transform: rotate(-8deg) scale(1, 1);
  }
  50% {
    transform: rotate(10deg) scale(0.94, 1.045);
  }
}
@keyframes ar-orb-back {
  0%,
  100% {
    transform: rotate(67deg) scale(0.94, 0.98);
  }
  50% {
    transform: rotate(91deg) scale(1.04, 0.91);
  }
}
@keyframes ar-orb-particles {
  to {
    transform: rotate(360deg);
  }
}
@keyframes ar-orb-halo {
  0%,
  100% {
    opacity: 0.62;
  }
  50% {
    opacity: 1;
  }
}
@keyframes ar-orb-wave {
  0%,
  100% {
    transform: translateY(2px) scaleY(0.85);
  }
  50% {
    transform: translateY(-3px) scaleY(1.1);
  }
}

[data-mihenk-account-theme="light"] .ar-assistant-orb {
  --orb-lime: #8fb800;
  --orb-purple: #7952dc;
  --orb-ice: #556b87;
  --orb-core: #f9ffe4;
  --orb-brand: #5e8500;
}

.mcc-orbit {
  position: relative;
  width: 190px;
  height: 190px;
  display: grid;
  place-items: center;
  justify-self: center;
  contain: layout style;
}
.mcc-orbit:before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: radial-gradient(circle, #d0fa1525, transparent 68%);
}
.mcc-orbit .mcc-orbit-core {
  font-weight: 800;
  font-size: 55px;
  line-height: 1;
  color: var(--accent);
  text-shadow: 0 0 24px #cffa0033;
  filter: drop-shadow(0 0 14px #cffa0033);
  z-index: 1;
}
.mcc-orbit i {
  position: absolute;
  inset: 15px;
  border: 1px solid #cffa0099;
  border-radius: 42% 58% 52% 48%;
  box-shadow:
    inset 0 0 15px #cffa0014,
    0 0 12px #cffa0010;
  animation: mcc-orbit 15s linear infinite;
  transform: rotateX(55deg) rotateY(25deg);
}
.mcc-orbit i:nth-child(2) {
  animation-delay: -4s;
  border-color: #aa85ff99;
  inset: 10px 24px;
  animation-direction: reverse;
}
.mcc-orbit i:nth-child(3) {
  animation-delay: -8s;
  inset: 26px 6px;
  animation-duration: 20s;
}
.mcc-orbit i:nth-child(4) {
  animation-delay: -11s;
  inset: 34px 14px;
  border-color: #f6ffbd88;
}
.mcc-orbit-paused i {
  animation-play-state: paused;
}
.mcc-orbit-pause {
  position: absolute;
  right: 9px;
  bottom: 7px;
  z-index: 2;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: var(--surface);
  font-size: 9px !important;
  padding: 3px 7px;
}
.mcc[data-theme="light"] .mcc-orbit-core {
  color: #769900;
  text-shadow: none;
}
@keyframes mcc-orbit {
  0% {
    transform: rotateZ(0deg) rotateX(55deg) rotateY(25deg);
  }
  50% {
    transform: rotateZ(180deg) rotateX(35deg) rotateY(55deg);
  }
  100% {
    transform: rotateZ(360deg) rotateX(55deg) rotateY(25deg);
  }
}

/* Sales layout adapter. The product's drawing geometry and keyframes above remain original. */
.ms-product-motion {
  --accent: var(--ms-lime);
  --line: var(--ms-line);
  --surface: var(--ms-surface-raised);
  display: flex;
  flex-direction: column;
  min-width: 0;
  width: 100%;
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--ms-line);
  border-radius: var(--ms-radius, 17px);
  background: var(--ms-surface-raised);
  color: var(--ms-text);
  isolation: isolate;
}
.ms-product-motion-stage {
  position: relative;
  display: grid;
  place-items: center;
  min-width: 0;
  height: 330px;
  overflow: hidden;
}
.ms-product-motion-stage .ar-assistant-orb {
  z-index: 0;
  top: 0;
}
.ms-product-motion-stage > img {
  width: min(100%, 330px);
  height: auto;
}
.ms-product-motion--management .ms-product-motion-stage {
  height: 250px;
}
.ms-product-motion--management {
  --accent: #cefa20;
}
.ms-product-motion--management[data-theme="light"] {
  --accent: #c6ef20;
}
.ms-product-motion figcaption {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 18px 22px;
  border-top: 1px solid var(--ms-line);
}
.ms-product-motion figcaption > div {
  min-width: 0;
}
.ms-product-motion figcaption strong {
  font-size: var(--ms-font-body, 15px);
  line-height: 1.4;
  font-weight: 550;
}
.ms-product-motion figcaption p {
  margin: 5px 0 0;
  color: var(--ms-muted);
  font-size: var(--ms-font-support, 14px);
  line-height: 1.55;
}
.ms-product-motion [data-ms-motion-toggle] {
  flex: 0 0 auto;
  min-height: 40px;
  padding: 9px 13px;
  border: 1px solid var(--ms-line);
  border-radius: 999px;
  background: var(--ms-surface);
  color: var(--ms-text);
  font-size: var(--ms-font-micro, 13px);
  font-weight: 500;
  line-height: 1.35;
}
.ms-product-motion [data-ms-motion-toggle]:focus-visible {
  outline: 2px solid var(--ms-violet);
  outline-offset: 3px;
}
.ms-product-motion [data-ms-motion-toggle]:disabled {
  opacity: 1;
  cursor: default;
  color: var(--ms-muted);
}
.ms-product-motion--art {
  position: relative;
  border: 0;
  background: transparent;
  border-radius: 0;
}
.ms-product-motion--art figcaption {
  justify-content: center;
  border: 0;
  padding: 0 8px 8px;
}
.ms-product-motion--art figcaption > .ms-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.ms-product-motion--art [data-ms-motion-toggle] {
  min-height: 36px;
  padding: 7px 12px;
}
@media (max-width: 580px) {
  .ms-product-motion figcaption {
    align-items: flex-start;
    flex-direction: column;
    gap: 14px;
    padding: 18px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .ms-product-motion
    :is(
      .ar-orb-float,
      .ar-orb-ribbon,
      .ar-orb-particles,
      .ar-orb-halo,
      .ar-orb-wave-lines,
      .mcc-orbit i
    ) {
    animation: none;
  }
}
