/*
 * Last modified: 09/10/2026 10:35 PM
 *
 * Homepage motion enhancements. Prefix: azt-motion-
 * Does not change global element styles; loaded on the front page only.
 */

.azt-motion-roi {
  --azt-motion-px: 0;
  --azt-motion-py: 0;
  --azt-motion-cycle: 13.5s;
  position: absolute;
  right: 0;
  top: 100px;
  width: min(500px, 42%);
  height: 300px;
  aspect-ratio: 560 / 320;
  pointer-events: none;
  opacity: 0.72;
  z-index: 0;
}

.azt-motion-roi__depth {
  width: 100%;
  height: 100%;
  transform: translate3d(calc(var(--azt-motion-px) * 10px), calc(var(--azt-motion-py) * 8px), 0);
  transition: transform 180ms linear;
}

.azt-motion-roi__grid {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
  background-size: 28px 28px;
  mask-image: linear-gradient(90deg, transparent, #000 18%, #000 82%, transparent);
}

.azt-motion-roi svg {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.azt-motion-roi__tick {
  stroke: rgba(195, 200, 204, 0.22);
  stroke-width: 1;
}

.azt-motion-roi__tick--major {
  stroke: rgba(195, 200, 204, 0.38);
}

.azt-motion-roi__track {
  fill: none;
  stroke: rgba(195, 200, 204, 0.2);
  stroke-width: 1;
}

.azt-motion-roi__core {
  fill: var(--azt-ink);
  stroke: rgba(37, 69, 186, 0.35);
  stroke-width: 1;
}

.azt-motion-roi__feed {
  fill: none;
  stroke: rgba(195, 200, 204, 0.28);
  stroke-width: 1;
  stroke-linecap: round;
}

.azt-motion-roi__seg {
  fill: none;
  stroke: rgba(37, 69, 186, 0.95);
  stroke-width: 2.4;
  stroke-linecap: round;
  stroke-dasharray: 74;
  stroke-dashoffset: 74;
  opacity: 0.22;
  animation: azt-motion-roi-seg-1 var(--azt-motion-cycle) linear infinite;
}

.azt-motion-roi__seg--2 {
  animation-name: azt-motion-roi-seg-2;
}

.azt-motion-roi__seg--3 {
  animation-name: azt-motion-roi-seg-3;
}

.azt-motion-roi__seg--4 {
  animation-name: azt-motion-roi-seg-4;
}

.azt-motion-roi__gold-ring {
  fill: none;
  stroke: var(--azt-gold);
  stroke-width: 1.4;
  stroke-linecap: round;
  stroke-dasharray: 334;
  stroke-dashoffset: 334;
  opacity: 0;
  animation: azt-motion-roi-gold-ring var(--azt-motion-cycle) linear infinite;
}

.azt-motion-roi__outcome {
  fill: none;
  stroke: var(--azt-gold);
  stroke-width: 1.35;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 180;
  stroke-dashoffset: 180;
  animation: azt-motion-roi-outcome var(--azt-motion-cycle) linear infinite;
}

.azt-motion-roi__node {
  fill: var(--azt-ink);
  stroke: rgba(37, 69, 186, 0.7);
  stroke-width: 1.25;
  transform-box: fill-box;
  transform-origin: center;
  animation: azt-motion-roi-node-1 var(--azt-motion-cycle) linear infinite;
}

.azt-motion-roi__node--2 {
  animation-name: azt-motion-roi-node-2;
}

.azt-motion-roi__node--3 {
  animation-name: azt-motion-roi-node-3;
}

.azt-motion-roi__node--4 {
  animation-name: azt-motion-roi-node-4;
}

.azt-motion-roi__label {
  fill: var(--azt-on-ink-2);
  font-family: var(--azt-font);
  font-size: 9px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.azt-motion-roi__sub {
  fill: rgba(195, 200, 204, 0.72);
  font-family: var(--azt-font);
  font-size: 8px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  opacity: 0.4;
}

.azt-motion-roi__sub--1 {
  animation: azt-motion-roi-sub-1 var(--azt-motion-cycle) linear infinite;
}

.azt-motion-roi__sub--2 {
  animation: azt-motion-roi-sub-2 var(--azt-motion-cycle) linear infinite;
}

.azt-motion-roi__sub--3 {
  animation: azt-motion-roi-sub-3 var(--azt-motion-cycle) linear infinite;
}

.azt-motion-roi__sub--4 {
  animation: azt-motion-roi-sub-4 var(--azt-motion-cycle) linear infinite;
}

.azt-motion-roi__hub {
  fill: rgba(255, 255, 255, 0.88);
  font-family: var(--azt-font);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.18em;
}

.azt-motion-roi__hub-cap {
  fill: rgba(195, 200, 204, 0.5);
  font-family: var(--azt-font);
  font-size: 7px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.azt-motion-roi__growth {
  fill: var(--azt-gold);
  font-family: var(--azt-font);
  font-size: 9px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  opacity: 0;
  animation: azt-motion-roi-growth var(--azt-motion-cycle) linear infinite;
}

.azt-motion-roi__growth-pt {
  fill: var(--azt-gold);
  opacity: 0;
  animation: azt-motion-roi-growth var(--azt-motion-cycle) linear infinite;
}

.azt-motion-roi__signal {
  fill: var(--azt-blue);
  offset-rotate: 0deg;
}

.azt-motion-roi__signal--1 {
  offset-path: path("M70 52 L235 133");
  animation: azt-motion-roi-in-1 var(--azt-motion-cycle) linear infinite;
}

.azt-motion-roi__signal--2 {
  offset-path: path("M490 52 L325 133");
  animation: azt-motion-roi-in-2 var(--azt-motion-cycle) linear infinite;
}

.azt-motion-roi__signal--3 {
  offset-path: path("M70 268 L236 179");
  animation: azt-motion-roi-in-3 var(--azt-motion-cycle) linear infinite;
}

.azt-motion-roi__signal--4 {
  offset-path: path("M490 268 L324 179");
  animation: azt-motion-roi-in-4 var(--azt-motion-cycle) linear infinite;
}

.azt-motion-roi__signal--gold {
  fill: var(--azt-gold);
  offset-path: path("M332 155 L356 148 L378 136 L402 118 L428 100 L458 86");
  animation: azt-motion-roi-out-gold var(--azt-motion-cycle) linear infinite;
}

.azt-hero__copy,
.azt-proof {
  position: relative;
  z-index: 1;
}

.azt-motion-caps {
  position: relative;
}

.azt-motion-scan {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: calc(100% / 6);
  pointer-events: none;
  border-right: 1px solid rgba(37, 69, 186, 0.7);
  animation: azt-motion-scan-step 11s cubic-bezier(0.2, 0.7, 0.2, 1) infinite;
  z-index: 2;
}

.azt-proof__item {
  position: relative;
}

.azt-motion-caps .azt-proof__item::after {
  content: "";
  position: absolute;
  left: 12px;
  top: 10px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.35);
  background: transparent;
}

.azt-motion-caps .azt-proof__item {
  padding-left: 28px;
  animation: azt-motion-cap 11s ease-in-out infinite;
}

.azt-motion-caps .azt-proof__item:nth-child(1) {
  animation-delay: 0s;
}

.azt-motion-caps .azt-proof__item:nth-child(2) {
  animation-delay: 1.7s;
}

.azt-motion-caps .azt-proof__item:nth-child(3) {
  animation-delay: 3.4s;
}

.azt-motion-caps .azt-proof__item:nth-child(4) {
  animation-delay: 5.1s;
}

.azt-motion-caps .azt-proof__item:nth-child(5) {
  animation-delay: 6.8s;
}

.azt-motion-caps .azt-proof__item:nth-child(6) {
  animation-delay: 8.5s;
}

.azt-motion-pipe {
  --azt-motion-pipe-cycle: 10s;
}

.azt-motion-pipe .azt-delivery-pipe__rail {
  left: 10%;
  right: 10%;
}

.azt-motion-pipe .azt-delivery-pipe__dot {
  left: 0;
  top: 50%;
  margin-top: -4px;
  margin-left: -4px;
  animation: azt-motion-pipe-x var(--azt-motion-pipe-cycle) linear infinite;
}

.azt-motion-pipe .azt-delivery-pipe__node {
  animation: azt-motion-pipe-grow-1 var(--azt-motion-pipe-cycle) linear infinite;
  animation-delay: 0s;
}

.azt-motion-pipe .azt-delivery-pipe__stage:nth-child(2) .azt-delivery-pipe__node {
  animation-name: azt-motion-pipe-grow-2;
  animation-delay: 0s;
}

.azt-motion-pipe .azt-delivery-pipe__stage:nth-child(3) .azt-delivery-pipe__node {
  animation-name: azt-motion-pipe-grow-3;
  animation-delay: 0s;
}

.azt-motion-pipe .azt-delivery-pipe__stage:nth-child(4) .azt-delivery-pipe__node {
  animation-name: azt-motion-pipe-grow-4;
  animation-delay: 0s;
}

.azt-motion-pipe .azt-delivery-pipe__stage:nth-child(5) .azt-delivery-pipe__node {
  animation-name: azt-motion-pipe-grow-5;
  animation-delay: 0s;
}

.azt-card.azt-motion-card {
  --azt-motion-mx: 50%;
  --azt-motion-my: 40%;
  position: relative;
  isolation: isolate;
}

.azt-card.azt-motion-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background: radial-gradient(160px circle at var(--azt-motion-mx) var(--azt-motion-my), rgba(37, 69, 186, 0.09), transparent 62%);
  opacity: 0;
  transition: opacity 200ms var(--azt-ease);
  z-index: 0;
}

.azt-card.azt-motion-card:hover::before,
.azt-card.azt-motion-card:focus-visible::before {
  opacity: 1;
}

.azt-card.azt-motion-card:hover,
.azt-card.azt-motion-card:focus-visible {
  border-color: var(--azt-blue);
}

.azt-card.azt-motion-card > * {
  position: relative;
  z-index: 1;
}

.azt-motion-closer {
  --azt-motion-blueprint-cycle: 8s;
}

.azt-motion-closer .azt-wrap {
  position: relative;
}

.azt-motion-blueprint {
  position: absolute;
  right: 0;
  top: 24px;
  width: min(360px, 38%);
  height: 220px;
  pointer-events: none;
  opacity: 0.45;
}

.azt-motion-blueprint svg {
  display: block;
  width: 100%;
  height: 100%;
}

.azt-motion-blueprint__line {
  fill: none;
  stroke: rgba(195, 200, 204, 0.32);
  stroke-width: 1;
  stroke-linecap: round;
  stroke-dasharray: 160;
  stroke-dashoffset: 160;
  animation: azt-motion-blueprint-draw-a var(--azt-motion-blueprint-cycle) var(--azt-ease) infinite;
}

.azt-motion-blueprint__line--b {
  animation-name: azt-motion-blueprint-draw-b;
}

.azt-motion-blueprint__line--c {
  animation-name: azt-motion-blueprint-draw-c;
}

.azt-motion-blueprint__line--gold {
  stroke: var(--azt-gold);
  stroke-dasharray: 90;
  stroke-dashoffset: 90;
  animation-name: azt-motion-blueprint-draw-gold;
}

.azt-motion-blueprint__node {
  fill: var(--azt-ink);
  stroke: rgba(37, 69, 186, 0.85);
  stroke-width: 1.25;
  transform-box: fill-box;
  transform-origin: center;
  animation: azt-motion-blueprint-node-1 var(--azt-motion-blueprint-cycle) var(--azt-ease) infinite;
}

.azt-motion-blueprint__node--2 {
  animation-name: azt-motion-blueprint-node-2;
}

.azt-motion-blueprint__node--3 {
  animation-name: azt-motion-blueprint-node-3;
}

.azt-motion-blueprint__node--hub {
  stroke: var(--azt-gold);
  stroke-width: 1.4;
  animation-name: azt-motion-blueprint-node-hub;
}

.azt-motion-blueprint__label {
  fill: rgba(195, 200, 204, 0.72);
  font-family: var(--azt-font);
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.azt-motion-blueprint__hub {
  fill: rgba(255, 255, 255, 0.88);
  font-family: var(--azt-font);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.azt-motion-status {
  position: absolute;
  right: 0;
  bottom: 8px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--azt-mono);
  font-size: 10px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--azt-gold);
  pointer-events: none;
}

.azt-motion-status__mark {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--azt-gold);
  box-shadow: 0 0 0 4px rgba(184, 134, 11, 0.16);
  animation: azt-motion-status-mark var(--azt-motion-blueprint-cycle) var(--azt-ease) infinite;
}

.azt-motion-cta {
  position: relative;
  overflow: hidden;
}

.azt-motion-cta__sweep {
  position: absolute;
  top: 0;
  left: 0;
  width: 34%;
  height: 1px;
  background: #fff;
  pointer-events: none;
  animation: azt-motion-cta-sweep 5.2s ease-in-out infinite;
}

html.azt-motion-js .azt-motion-enter .azt-eyebrow__rule {
  transform: scaleX(0);
  transform-origin: left center;
}

html.azt-motion-js .azt-motion-enter.azt-motion-in .azt-eyebrow__rule {
  transform: scaleX(1);
  transition: transform 620ms var(--azt-ease);
}

html.azt-motion-js .azt-motion-enter .azt-eyebrow > span:last-child {
  opacity: 0;
}

html.azt-motion-js .azt-motion-enter.azt-motion-in .azt-eyebrow > span:last-child {
  opacity: 1;
  transition: opacity 420ms var(--azt-ease) 140ms;
}

html.azt-motion-js .azt-motion-enter .azt-display {
  clip-path: inset(100% 0 0 0);
  transform: translate3d(0, 14px, 0);
}

html.azt-motion-js .azt-motion-enter.azt-motion-in .azt-display {
  clip-path: inset(0 0 0 0);
  transform: none;
  transition: clip-path 720ms var(--azt-ease) 180ms, transform 720ms var(--azt-ease) 180ms;
}

html.azt-motion-js .azt-motion-enter .azt-lead,
html.azt-motion-js .azt-motion-enter .azt-quote,
html.azt-motion-js .azt-motion-enter .azt-hero__actions,
html.azt-motion-js .azt-motion-enter .azt-cards,
html.azt-motion-js .azt-motion-enter .azt-offer,
html.azt-motion-js .azt-motion-enter .azt-posts,
html.azt-motion-js .azt-motion-enter .azt-delivery__visual,
html.azt-motion-js .azt-motion-enter .azt-split__panel,
html.azt-motion-js .azt-motion-enter .azt-proof {
  opacity: 0;
  transform: translate3d(0, 10px, 0);
}

html.azt-motion-js .azt-motion-enter.azt-motion-in .azt-lead,
html.azt-motion-js .azt-motion-enter.azt-motion-in .azt-quote,
html.azt-motion-js .azt-motion-enter.azt-motion-in .azt-hero__actions,
html.azt-motion-js .azt-motion-enter.azt-motion-in .azt-cards,
html.azt-motion-js .azt-motion-enter.azt-motion-in .azt-offer,
html.azt-motion-js .azt-motion-enter.azt-motion-in .azt-posts,
html.azt-motion-js .azt-motion-enter.azt-motion-in .azt-delivery__visual,
html.azt-motion-js .azt-motion-enter.azt-motion-in .azt-split__panel,
html.azt-motion-js .azt-motion-enter.azt-motion-in .azt-proof {
  opacity: 1;
  transform: none;
  transition: opacity 640ms var(--azt-ease), transform 640ms var(--azt-ease);
}

html.azt-motion-js .azt-motion-enter.azt-motion-in .azt-lead {
  transition-delay: 260ms;
}

html.azt-motion-js .azt-motion-enter.azt-motion-in .azt-quote,
html.azt-motion-js .azt-motion-enter.azt-motion-in .azt-delivery__visual,
html.azt-motion-js .azt-motion-enter.azt-motion-in .azt-split__panel {
  transition-delay: 340ms;
}

html.azt-motion-js .azt-motion-enter.azt-motion-in .azt-hero__actions,
html.azt-motion-js .azt-motion-enter.azt-motion-in .azt-cards,
html.azt-motion-js .azt-motion-enter.azt-motion-in .azt-offer,
html.azt-motion-js .azt-motion-enter.azt-motion-in .azt-posts,
html.azt-motion-js .azt-motion-enter.azt-motion-in .azt-proof {
  transition-delay: 420ms;
}

.azt-motion-paused .azt-motion-roi__signal,
.azt-motion-paused .azt-motion-roi__seg,
.azt-motion-paused .azt-motion-roi__gold-ring,
.azt-motion-paused .azt-motion-roi__outcome,
.azt-motion-paused .azt-motion-roi__growth-pt,
.azt-motion-paused .azt-motion-roi__growth,
.azt-motion-paused .azt-motion-roi__node,
.azt-motion-paused .azt-motion-roi__sub,
.azt-motion-paused .azt-motion-scan,
.azt-motion-paused .azt-proof__item,
.azt-motion-paused .azt-delivery-pipe__dot,
.azt-motion-paused .azt-delivery-pipe__node,
.azt-motion-paused .azt-delivery-pipe__loop,
.azt-motion-paused .azt-motion-blueprint__line,
.azt-motion-paused .azt-motion-blueprint__node,
.azt-motion-paused .azt-motion-status__mark,
.azt-motion-paused .azt-motion-cta__sweep {
  animation-play-state: paused;
}

@keyframes azt-motion-draw {
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes azt-motion-roi-in-1 {
  0%,
  6% {
    offset-distance: 0%;
    opacity: 0;
  }

  8% {
    opacity: 1;
  }

  13% {
    offset-distance: 100%;
    opacity: 1;
  }

  15%,
  100% {
    offset-distance: 100%;
    opacity: 0;
  }
}

@keyframes azt-motion-roi-in-2 {
  0%,
  17% {
    offset-distance: 0%;
    opacity: 0;
  }

  19% {
    opacity: 1;
  }

  24% {
    offset-distance: 100%;
    opacity: 1;
  }

  26%,
  100% {
    offset-distance: 100%;
    opacity: 0;
  }
}

@keyframes azt-motion-roi-in-3 {
  0%,
  28% {
    offset-distance: 0%;
    opacity: 0;
  }

  30% {
    opacity: 1;
  }

  35% {
    offset-distance: 100%;
    opacity: 1;
  }

  37%,
  100% {
    offset-distance: 100%;
    opacity: 0;
  }
}

@keyframes azt-motion-roi-in-4 {
  0%,
  39% {
    offset-distance: 0%;
    opacity: 0;
  }

  41% {
    opacity: 1;
  }

  46% {
    offset-distance: 100%;
    opacity: 1;
  }

  48%,
  100% {
    offset-distance: 100%;
    opacity: 0;
  }
}

@keyframes azt-motion-roi-out-gold {
  0%,
  52% {
    offset-distance: 0%;
    opacity: 0;
  }

  54% {
    opacity: 1;
  }

  62% {
    offset-distance: 100%;
    opacity: 1;
  }

  64%,
  100% {
    offset-distance: 100%;
    opacity: 0;
  }
}

@keyframes azt-motion-roi-seg-1 {
  0%,
  10% {
    stroke-dashoffset: 74;
    opacity: 0.22;
  }

  14%,
  80% {
    stroke-dashoffset: 0;
    opacity: 1;
  }

  88%,
  100% {
    stroke-dashoffset: 74;
    opacity: 0.22;
  }
}

@keyframes azt-motion-roi-seg-2 {
  0%,
  21% {
    stroke-dashoffset: 74;
    opacity: 0.22;
  }

  25%,
  80% {
    stroke-dashoffset: 0;
    opacity: 1;
  }

  88%,
  100% {
    stroke-dashoffset: 74;
    opacity: 0.22;
  }
}

@keyframes azt-motion-roi-seg-3 {
  0%,
  32% {
    stroke-dashoffset: 74;
    opacity: 0.22;
  }

  36%,
  80% {
    stroke-dashoffset: 0;
    opacity: 1;
  }

  88%,
  100% {
    stroke-dashoffset: 74;
    opacity: 0.22;
  }
}

@keyframes azt-motion-roi-seg-4 {
  0%,
  43% {
    stroke-dashoffset: 74;
    opacity: 0.22;
  }

  47%,
  80% {
    stroke-dashoffset: 0;
    opacity: 1;
  }

  88%,
  100% {
    stroke-dashoffset: 74;
    opacity: 0.22;
  }
}

@keyframes azt-motion-roi-gold-ring {
  0%,
  48% {
    stroke-dashoffset: 334;
    opacity: 0;
  }

  54%,
  80% {
    stroke-dashoffset: 0;
    opacity: 0.85;
  }

  88%,
  100% {
    stroke-dashoffset: 334;
    opacity: 0;
  }
}

@keyframes azt-motion-roi-outcome {
  0%,
  52% {
    stroke-dashoffset: 180;
  }

  62%,
  80% {
    stroke-dashoffset: 0;
  }

  88%,
  100% {
    stroke-dashoffset: 180;
  }
}

@keyframes azt-motion-roi-growth {
  0%,
  58% {
    opacity: 0;
  }

  66%,
  80% {
    opacity: 0.92;
  }

  88%,
  100% {
    opacity: 0;
  }
}

@keyframes azt-motion-roi-node-1 {
  0%,
  10% {
    transform: scale(1);
    opacity: 0.7;
  }

  14%,
  80% {
    transform: scale(1.06);
    opacity: 1;
  }

  88%,
  100% {
    transform: scale(1);
    opacity: 0.7;
  }
}

@keyframes azt-motion-roi-node-2 {
  0%,
  21% {
    transform: scale(1);
    opacity: 0.7;
  }

  25%,
  80% {
    transform: scale(1.06);
    opacity: 1;
  }

  88%,
  100% {
    transform: scale(1);
    opacity: 0.7;
  }
}

@keyframes azt-motion-roi-node-3 {
  0%,
  32% {
    transform: scale(1);
    opacity: 0.7;
  }

  36%,
  80% {
    transform: scale(1.06);
    opacity: 1;
  }

  88%,
  100% {
    transform: scale(1);
    opacity: 0.7;
  }
}

@keyframes azt-motion-roi-node-4 {
  0%,
  43% {
    transform: scale(1);
    opacity: 0.7;
  }

  47%,
  80% {
    transform: scale(1.06);
    opacity: 1;
  }

  88%,
  100% {
    transform: scale(1);
    opacity: 0.7;
  }
}

@keyframes azt-motion-roi-sub-1 {
  0%,
  10% {
    opacity: 0.35;
  }

  14%,
  80% {
    opacity: 0.9;
  }

  88%,
  100% {
    opacity: 0.35;
  }
}

@keyframes azt-motion-roi-sub-2 {
  0%,
  21% {
    opacity: 0.35;
  }

  25%,
  80% {
    opacity: 0.9;
  }

  88%,
  100% {
    opacity: 0.35;
  }
}

@keyframes azt-motion-roi-sub-3 {
  0%,
  32% {
    opacity: 0.35;
  }

  36%,
  80% {
    opacity: 0.9;
  }

  88%,
  100% {
    opacity: 0.35;
  }
}

@keyframes azt-motion-roi-sub-4 {
  0%,
  43% {
    opacity: 0.35;
  }

  47%,
  80% {
    opacity: 0.9;
  }

  88%,
  100% {
    opacity: 0.35;
  }
}

@keyframes azt-motion-node-pulse {
  0%,
  70%,
  100% {
    transform: scale(1);
  }

  78% {
    transform: scale(1.08);
  }
}

@keyframes azt-motion-scan-step {
  0%,
  4% {
    transform: translate3d(0, 0, 0);
    opacity: 0;
  }

  8%,
  14% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }

  18%,
  28% {
    transform: translate3d(100%, 0, 0);
  }

  32%,
  42% {
    transform: translate3d(200%, 0, 0);
  }

  46%,
  56% {
    transform: translate3d(300%, 0, 0);
  }

  60%,
  70% {
    transform: translate3d(400%, 0, 0);
  }

  74%,
  88% {
    transform: translate3d(500%, 0, 0);
    opacity: 1;
  }

  94%,
  100% {
    transform: translate3d(500%, 0, 0);
    opacity: 0;
  }
}

@keyframes azt-motion-cap {
  0%,
  10%,
  100% {
    color: #fff;
    box-shadow: none;
  }

  3%,
  7% {
    color: #fff;
    box-shadow: inset 0 0 0 1px rgba(37, 69, 186, 0.55);
  }
}

.azt-motion-caps .azt-proof__item:nth-child(1)::after,
.azt-motion-caps .azt-proof__item:nth-child(2)::after,
.azt-motion-caps .azt-proof__item:nth-child(3)::after,
.azt-motion-caps .azt-proof__item:nth-child(4)::after,
.azt-motion-caps .azt-proof__item:nth-child(5)::after,
.azt-motion-caps .azt-proof__item:nth-child(6)::after {
  animation: azt-motion-cap-mark 11s ease-in-out infinite;
}

.azt-motion-caps .azt-proof__item:nth-child(1)::after {
  animation-delay: 0s;
}

.azt-motion-caps .azt-proof__item:nth-child(2)::after {
  animation-delay: 1.7s;
}

.azt-motion-caps .azt-proof__item:nth-child(3)::after {
  animation-delay: 3.4s;
}

.azt-motion-caps .azt-proof__item:nth-child(4)::after {
  animation-delay: 5.1s;
}

.azt-motion-caps .azt-proof__item:nth-child(5)::after {
  animation-delay: 6.8s;
}

.azt-motion-caps .azt-proof__item:nth-child(6)::after {
  animation-delay: 8.5s;
}

@keyframes azt-motion-cap-mark {
  0%,
  10%,
  100% {
    background: transparent;
    border-color: rgba(255, 255, 255, 0.35);
    box-shadow: none;
  }

  3%,
  7% {
    background: var(--azt-blue);
    border-color: var(--azt-blue);
    box-shadow: 0 0 0 4px rgba(37, 69, 186, 0.2);
  }
}

.azt-motion-caps .azt-proof__item:nth-child(6)::after {
  animation-name: azt-motion-cap-mark-gold;
}

@keyframes azt-motion-cap-mark-gold {
  0%,
  10%,
  100% {
    background: transparent;
    border-color: rgba(255, 255, 255, 0.35);
    box-shadow: none;
  }

  3%,
  7% {
    background: var(--azt-gold);
    border-color: var(--azt-gold);
    box-shadow: 0 0 0 4px rgba(184, 134, 11, 0.22);
  }
}

@keyframes azt-motion-pipe-x {
  0% {
    left: 0%;
  }

  20% {
    left: 25%;
  }

  40% {
    left: 50%;
  }

  60% {
    left: 75%;
  }

  80%,
  100% {
    left: 100%;
  }
}

@keyframes azt-motion-pipe-y {
  0% {
    top: 0%;
  }

  20% {
    top: 25%;
  }

  40% {
    top: 50%;
  }

  60% {
    top: 75%;
  }

  80%,
  100% {
    top: 100%;
  }
}

@keyframes azt-motion-pipe-grow-1 {
  0%,
  18% {
    color: var(--azt-gold);
    border-color: var(--azt-gold);
    box-shadow: 0 0 0 4px rgba(184, 134, 11, 0.12), 0 0 18px rgba(184, 134, 11, 0.28);
    transform: scale(1.06);
  }

  22%,
  100% {
    color: var(--azt-blue);
    border-color: var(--azt-mist);
    box-shadow: 0 1px 2px rgba(14, 20, 24, 0.06);
    transform: scale(1);
  }
}

@keyframes azt-motion-pipe-grow-2 {
  0%,
  18%,
  42%,
  100% {
    color: var(--azt-blue);
    border-color: var(--azt-mist);
    box-shadow: 0 1px 2px rgba(14, 20, 24, 0.06);
    transform: scale(1);
  }

  20%,
  38% {
    color: var(--azt-gold);
    border-color: var(--azt-gold);
    box-shadow: 0 0 0 4px rgba(184, 134, 11, 0.12), 0 0 18px rgba(184, 134, 11, 0.28);
    transform: scale(1.06);
  }
}

@keyframes azt-motion-pipe-grow-3 {
  0%,
  38%,
  62%,
  100% {
    color: var(--azt-blue);
    border-color: var(--azt-mist);
    box-shadow: 0 1px 2px rgba(14, 20, 24, 0.06);
    transform: scale(1);
  }

  40%,
  58% {
    color: var(--azt-gold);
    border-color: var(--azt-gold);
    box-shadow: 0 0 0 4px rgba(184, 134, 11, 0.12), 0 0 18px rgba(184, 134, 11, 0.28);
    transform: scale(1.06);
  }
}

@keyframes azt-motion-pipe-grow-4 {
  0%,
  58%,
  82%,
  100% {
    color: var(--azt-blue);
    border-color: var(--azt-mist);
    box-shadow: 0 1px 2px rgba(14, 20, 24, 0.06);
    transform: scale(1);
  }

  60%,
  78% {
    color: var(--azt-gold);
    border-color: var(--azt-gold);
    box-shadow: 0 0 0 4px rgba(184, 134, 11, 0.12), 0 0 18px rgba(184, 134, 11, 0.28);
    transform: scale(1.06);
  }
}

@keyframes azt-motion-pipe-grow-5 {
  0%,
  78% {
    color: var(--azt-blue);
    border-color: var(--azt-mist);
    box-shadow: 0 1px 2px rgba(14, 20, 24, 0.06);
    transform: scale(1);
  }

  80%,
  100% {
    color: var(--azt-gold);
    border-color: var(--azt-gold);
    box-shadow: 0 0 0 4px rgba(184, 134, 11, 0.12), 0 0 18px rgba(184, 134, 11, 0.28);
    transform: scale(1.06);
  }
}

@keyframes azt-motion-blueprint-draw-a {
  0%,
  6% {
    stroke-dashoffset: 160;
  }

  22%,
  84% {
    stroke-dashoffset: 0;
  }

  92%,
  100% {
    stroke-dashoffset: 160;
  }
}

@keyframes azt-motion-blueprint-draw-b {
  0%,
  12% {
    stroke-dashoffset: 160;
  }

  28%,
  84% {
    stroke-dashoffset: 0;
  }

  92%,
  100% {
    stroke-dashoffset: 160;
  }
}

@keyframes azt-motion-blueprint-draw-c {
  0%,
  18% {
    stroke-dashoffset: 160;
  }

  34%,
  84% {
    stroke-dashoffset: 0;
  }

  92%,
  100% {
    stroke-dashoffset: 160;
  }
}

@keyframes azt-motion-blueprint-draw-gold {
  0%,
  42% {
    stroke-dashoffset: 90;
  }

  58%,
  84% {
    stroke-dashoffset: 0;
  }

  92%,
  100% {
    stroke-dashoffset: 90;
  }
}

@keyframes azt-motion-blueprint-node-1 {
  0%,
  5%,
  88%,
  100% {
    transform: scale(1);
    stroke: rgba(37, 69, 186, 0.4);
  }

  10%,
  82% {
    transform: scale(1.15);
    stroke: rgba(37, 69, 186, 0.95);
  }
}

@keyframes azt-motion-blueprint-node-2 {
  0%,
  11%,
  88%,
  100% {
    transform: scale(1);
    stroke: rgba(37, 69, 186, 0.4);
  }

  16%,
  82% {
    transform: scale(1.15);
    stroke: rgba(37, 69, 186, 0.95);
  }
}

@keyframes azt-motion-blueprint-node-3 {
  0%,
  17%,
  88%,
  100% {
    transform: scale(1);
    stroke: rgba(37, 69, 186, 0.4);
  }

  22%,
  82% {
    transform: scale(1.15);
    stroke: rgba(37, 69, 186, 0.95);
  }
}

@keyframes azt-motion-blueprint-node-hub {
  0%,
  34%,
  88%,
  100% {
    transform: scale(1);
    stroke: rgba(184, 134, 11, 0.45);
  }

  42%,
  82% {
    transform: scale(1.18);
    stroke: var(--azt-gold);
  }
}

@keyframes azt-motion-status-mark {
  0%,
  54%,
  88%,
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 4px rgba(184, 134, 11, 0.08);
    opacity: 0.45;
  }

  62%,
  82% {
    transform: scale(1.25);
    box-shadow: 0 0 0 6px rgba(184, 134, 11, 0.22);
    opacity: 1;
  }
}

@keyframes azt-motion-cta-sweep {
  0% {
    transform: translate3d(-120%, 0, 0);
    opacity: 0;
  }

  18%,
  42% {
    opacity: 0.7;
  }

  62% {
    transform: translate3d(340%, 0, 0);
    opacity: 0;
  }

  100% {
    transform: translate3d(340%, 0, 0);
    opacity: 0;
  }
}

@media (max-width: 1080px) {
  .azt-motion-roi {
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
    max-width: 420px;
    height: auto;
    min-height: 240px;
    margin: 28px auto 8px;
    opacity: 0.82;
  }

  .azt-motion-roi__depth {
    transform: none;
    transition: none;
  }

  .azt-motion-scan {
    display: none;
  }

  .azt-motion-pipe .azt-delivery-pipe__rail {
    left: 32px;
    right: auto;
    top: 32px;
    bottom: 32px;
  }

  .azt-motion-pipe .azt-delivery-pipe__dot {
    left: 50%;
    top: 0;
    animation-name: azt-motion-pipe-y;
  }

  .azt-motion-blueprint {
    position: relative;
    width: 100%;
    max-width: 360px;
    height: 160px;
    margin-top: 28px;
    opacity: 0.55;
  }

  .azt-motion-status {
    position: relative;
    right: auto;
    bottom: auto;
    margin-top: 12px;
  }
}

@media (max-width: 760px) {
  .azt-motion-roi {
    max-width: 360px;
    min-height: 220px;
  }

  .azt-motion-roi__label {
    font-size: 8px;
  }

  .azt-motion-roi__sub {
    font-size: 7px;
  }

  .azt-motion-caps .azt-proof__item {
    padding-left: 28px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .azt-motion-roi__seg,
  .azt-motion-roi__gold-ring,
  .azt-motion-roi__outcome {
    stroke-dashoffset: 0;
    animation: none;
  }

  .azt-motion-roi__seg {
    stroke: rgba(37, 69, 186, 0.95);
    opacity: 1;
  }

  .azt-motion-roi__gold-ring {
    opacity: 0.85;
  }

  .azt-motion-roi__growth,
  .azt-motion-roi__growth-pt,
  .azt-motion-roi__sub {
    opacity: 0.92;
    animation: none;
  }

  .azt-motion-roi__node {
    animation: none;
    stroke: rgba(37, 69, 186, 0.95);
  }

  .azt-motion-blueprint__line,
  .azt-motion-blueprint__line--gold,
  .azt-motion-blueprint__node,
  .azt-motion-status__mark {
    stroke-dashoffset: 0;
    animation: none;
    transform: none;
    opacity: 1;
  }

  .azt-motion-roi__signal,
  .azt-motion-scan,
  .azt-motion-cta__sweep {
    display: none;
  }

  .azt-motion-roi__depth {
    transform: none;
  }

  .azt-motion-caps .azt-proof__item::after {
    background: var(--azt-blue);
    border-color: var(--azt-blue);
    animation: none;
  }

  .azt-motion-caps .azt-proof__item:nth-child(6)::after {
    background: var(--azt-gold);
    border-color: var(--azt-gold);
  }

  html.azt-motion-js .azt-motion-enter .azt-eyebrow__rule,
  html.azt-motion-js .azt-motion-enter .azt-eyebrow > span:last-child,
  html.azt-motion-js .azt-motion-enter .azt-display,
  html.azt-motion-js .azt-motion-enter .azt-lead,
  html.azt-motion-js .azt-motion-enter .azt-quote,
  html.azt-motion-js .azt-motion-enter .azt-hero__actions,
  html.azt-motion-js .azt-motion-enter .azt-cards,
  html.azt-motion-js .azt-motion-enter .azt-offer,
  html.azt-motion-js .azt-motion-enter .azt-posts,
  html.azt-motion-js .azt-motion-enter .azt-delivery__visual,
  html.azt-motion-js .azt-motion-enter .azt-split__panel,
  html.azt-motion-js .azt-motion-enter .azt-proof {
    opacity: 1;
    transform: none;
    clip-path: none;
  }
}