/* HOME-REALITY-MOTION-V11: high-energy miniature interfaces, icon-only. */
.approved-home.home-reality-motion .homepage-icon-original {
  display: none !important;
}
.approved-home.home-reality-motion .homepage-live-icon {
  color: #05738c;
  overflow: visible;
}
.approved-home.home-reality-motion .homepage-live-icon * {
  animation-play-state: paused !important;
  transform-box: fill-box;
  transform-origin: center;
}
.approved-home.home-reality-motion
  [data-signal-running="true"]
  .homepage-live-icon
  * {
  animation-play-state: running !important;
}

.approved-home.home-reality-motion .icon-bar {
  transform-origin: center bottom;
  animation: homepage-icon-bar 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
.approved-home.home-reality-motion .icon-bar.b2 {
  animation-delay: 0.12s;
}
.approved-home.home-reality-motion .icon-bar.b3 {
  animation-delay: 0.24s;
}
.approved-home.home-reality-motion .icon-bar.b4 {
  animation-delay: 0.36s;
}
.approved-home.home-reality-motion .icon-growth-arrow {
  stroke-dasharray: 64;
  animation: homepage-icon-trace 2s ease-in-out infinite;
}
.approved-home.home-reality-motion .icon-fragment-nodes {
  animation: homepage-icon-fragment 2.2s ease-in-out infinite;
}
.approved-home.home-reality-motion .icon-node {
  animation: homepage-icon-node 2.2s ease-in-out infinite;
}
.approved-home.home-reality-motion .icon-node.n2 {
  animation-delay: 0.24s;
}
.approved-home.home-reality-motion .icon-node.n3 {
  animation-delay: 0.48s;
}
.approved-home.home-reality-motion .icon-network-links {
  stroke-dasharray: 5 3;
  animation: homepage-icon-link-flow 1.8s linear infinite;
}
.approved-home.home-reality-motion .icon-database {
  animation: homepage-icon-database 2.2s ease-in-out infinite;
}
.approved-home.home-reality-motion .icon-db-layer {
  animation: homepage-icon-layer 2.2s ease-in-out infinite;
}
.approved-home.home-reality-motion .icon-db-layer.l2 {
  animation-delay: 0.2s;
}
.approved-home.home-reality-motion .icon-db-layer.l3 {
  animation-delay: 0.4s;
}
.approved-home.home-reality-motion .icon-person-left {
  animation: homepage-icon-person 2.2s ease-in-out infinite;
}
.approved-home.home-reality-motion .icon-person-right {
  animation: homepage-icon-person 2.2s ease-in-out infinite reverse;
}
.approved-home.home-reality-motion .icon-transfer-path {
  stroke: #d18b22;
  stroke-width: 1;
  stroke-dasharray: 3 3;
  animation: homepage-icon-link-flow 1.8s linear infinite;
}
.approved-home.home-reality-motion .icon-gear {
  animation: homepage-icon-gear 3.8s linear infinite;
}
.approved-home.home-reality-motion .icon-gear-core {
  stroke: #d18b22;
  animation: homepage-icon-gear 2.4s linear infinite reverse;
}
.approved-home.home-reality-motion .icon-report-lines {
  animation: homepage-icon-report 2s ease-in-out infinite;
}
.approved-home.home-reality-motion .icon-report-scan {
  stroke: #d88c1a;
  stroke-width: 3;
  animation: homepage-icon-scan 2s ease-in-out infinite;
}
.approved-home.home-reality-motion .icon-target-arrow {
  animation: homepage-icon-acquire 2.2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
.approved-home.home-reality-motion .icon-ring {
  transform-box: view-box;
  transform-origin: 30px 34px;
  stroke-dasharray: 48 5 13 5;
  animation: homepage-icon-orbit 3.4s linear infinite;
}
.approved-home.home-reality-motion .icon-ring.r2 {
  stroke-dasharray: 23 5 8 5;
  animation-direction: reverse;
  animation-duration: 2.2s;
}
.approved-home.home-reality-motion .icon-shield {
  animation: homepage-icon-shield 2.2s ease-in-out infinite;
}
.approved-home.home-reality-motion .icon-shield-sweep {
  stroke: #e49a25;
  stroke-width: 3;
  stroke-dasharray: 22 78;
  animation: homepage-icon-shield-sweep 2.2s linear infinite;
}
.approved-home.home-reality-motion .icon-shield-check {
  stroke-dasharray: 32;
  animation: homepage-icon-trace 2.2s ease-in-out infinite;
}
.approved-home.home-reality-motion .icon-warning-triangle {
  animation: homepage-icon-warning-triangle 2.2s ease-in-out infinite;
}
.approved-home.home-reality-motion .icon-warning-mark {
  animation: homepage-icon-warning 2.2s ease-in-out infinite;
}
.approved-home.home-reality-motion .icon-beacon-waves {
  stroke: #d99226;
  stroke-width: 1.3;
  animation: homepage-icon-wave 2.2s ease-out infinite;
}
.approved-home.home-reality-motion .icon-signal-scan {
  stroke: #d99226;
  stroke-width: 1.6;
  stroke-dasharray: 3 2;
  animation: homepage-icon-signal-scan 2s ease-in-out infinite;
}

@keyframes homepage-icon-orbit {
  to {
    transform: rotate(360deg);
  }
}
@keyframes homepage-icon-bar {
  0%,
  100% {
    transform: scaleY(1);
  }
  20% {
    transform: scaleY(0.34);
  }
  46% {
    transform: scaleY(1.1);
    stroke: #d99226;
  }
  70% {
    transform: scaleY(0.76);
    stroke: #09849a;
  }
  86% {
    transform: scaleY(1);
  }
}
@keyframes homepage-icon-trace {
  0%,
  100% {
    stroke-dashoffset: 0;
  }
  18% {
    stroke-dashoffset: 28;
  }
  42%,
  65% {
    stroke-dashoffset: 0;
    stroke: #d99226;
  }
}

@keyframes homepage-icon-fragment {
  0%,
  100% {
    transform: scale(1);
  }
  32% {
    transform: scale(1.14) rotate(-4deg);
  }
  70% {
    transform: scale(1) rotate(3deg);
  }
}
@keyframes homepage-icon-node {
  0%,
  100% {
    transform: translateY(0) scale(1);
  }
  40% {
    transform: translateY(-3px) scale(1.14);
    stroke: #d99226;
  }
  72% {
    transform: translateY(2px) scale(1);
  }
}
@keyframes homepage-icon-link-flow {
  to {
    stroke-dashoffset: -24;
  }
}

@keyframes homepage-icon-database {
  0%,
  100% {
    transform: scaleY(1);
  }
  35% {
    transform: scaleY(0.84) translateY(-2px);
  }
  68% {
    transform: scaleY(1.05) translateY(1px);
  }
}
@keyframes homepage-icon-layer {
  0%,
  100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-4px);
    stroke: #d99226;
  }
  72% {
    transform: translateY(2px);
  }
}

@keyframes homepage-icon-person {
  0%,
  100% {
    transform: translateX(0) rotate(0);
  }
  40% {
    transform: translateX(4px) rotate(5deg);
  }
  74% {
    transform: translateX(-2px) rotate(-3deg);
  }
}

@keyframes homepage-icon-gear {
  to {
    transform: rotate(360deg);
  }
}

@keyframes homepage-icon-report {
  0%,
  100% {
    transform: translateY(0);
  }
  35% {
    transform: translateY(-4px);
  }
  65% {
    transform: translateY(2px);
    stroke: #09849a;
  }
}
@keyframes homepage-icon-scan {
  0%,
  100% {
    transform: translateY(0);
    opacity: 0.3;
  }
  55% {
    transform: translateY(25px);
    opacity: 1;
  }
  78% {
    transform: translateY(25px);
    opacity: 0.3;
  }
}
@keyframes homepage-icon-acquire {
  0%,
  100% {
    transform: translate(0, 0);
  }
  20% {
    transform: translate(5px, -5px);
  }
  45%,
  65% {
    transform: translate(0, 0);
    stroke: #d99226;
  }
  80% {
    transform: translate(1px, -1px);
  }
}

@keyframes homepage-icon-shield {
  0%,
  100% {
    transform: scale(1);
    stroke: #05738c;
  }
  40%,
  58% {
    transform: scale(1.06);
    stroke: #1098a8;
  }
}
@keyframes homepage-icon-shield-sweep {
  to {
    stroke-dashoffset: -100;
  }
}
@keyframes homepage-icon-warning-triangle {
  0%,
  100% {
    transform: scale(1);
  }
  40%,
  58% {
    transform: scale(1.08);
    stroke: #d99226;
  }
}
@keyframes homepage-icon-warning {
  0%,
  100% {
    transform: translateY(0);
    stroke: #05738c;
  }
  40%,
  58% {
    transform: translateY(-3px) scaleY(1.2);
    stroke: #d99226;
  }
}
@keyframes homepage-icon-wave {
  0% {
    transform: scale(0.75) translateY(3px);
    opacity: 0.1;
  }
  60% {
    transform: scale(1.15) translateY(-4px);
    opacity: 0.8;
  }
  100% {
    transform: scale(1.15) translateY(-4px);
    opacity: 0.1;
  }
}
@keyframes homepage-icon-signal-scan {
  0%,
  100% {
    transform: translateY(16px);
    opacity: 0.1;
  }
  45% {
    transform: translateY(-18px);
    opacity: 0.9;
  }
  75% {
    transform: translateY(-18px);
    opacity: 0.2;
  }
}
@media (prefers-reduced-motion: reduce) {
  .approved-home.home-reality-motion .homepage-live-icon {
    display: none !important;
  }
  .approved-home.home-reality-motion .homepage-icon-original {
    display: block !important;
  }
}