/* Seenaro Semnal: once-only entrances and a restrained scroll response. */
#seenaro-marketing .sn-demo {
  animation: none;
}
#seenaro-marketing .sn-signal-art {
  isolation: isolate;
}
#seenaro-marketing .sn-signal-art::before,
#seenaro-marketing .sn-signal-art::after {
  display: none;
}
#seenaro-marketing .sn-signal-trace {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  color: var(--sn-accent);
  overflow: visible;
  pointer-events: none;
}
#seenaro-marketing .sn-signal-trace .sn-ring-base {
  fill: none;
  stroke: currentColor;
  stroke-opacity: 0.09;
  stroke-width: 0.8;
}
#seenaro-marketing .sn-signal-trace .sn-ring-draw {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.1;
  stroke-opacity: 0.5;
  stroke-dasharray: 1;
  stroke-dashoffset: 0;
  animation: sn-trace-in 2.8s cubic-bezier(0.22, 1, 0.36, 1) both;
}
#seenaro-marketing .sn-signal-trace .sn-ring-two {
  animation-delay: 0.16s;
  stroke-opacity: 0.28;
}
#seenaro-marketing .sn-signal-trace .sn-ring-three {
  animation-delay: 0.32s;
  stroke-opacity: 0.18;
}
#seenaro-marketing .sn-signal-trace .sn-node {
  fill: currentColor;
  animation: sn-node-in 0.7s ease-out 0.8s both;
}
#seenaro-marketing .sn-signal-trace .sn-node-two {
  animation-delay: 1.2s;
}
#seenaro-marketing .sn-art-halo {
  position: absolute;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: radial-gradient(circle, #afff9f1c, transparent 68%);
  animation: sn-halo-in 2.6s ease-out both;
  pointer-events: none;
  z-index: -1;
}
#seenaro-marketing .sn-field::after {
  animation: sn-scan 3.2s ease-in-out 0.15s 1 both;
}
#seenaro-marketing .sn-process-art {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}
#seenaro-marketing .sn-process-art::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: 0;
  background: linear-gradient(
    115deg,
    transparent 30%,
    #afff9f0e 50%,
    transparent 70%
  );
}
#seenaro-marketing .sn-process-art.sn-in-view::before {
  animation: sn-light-pass 1.8s ease-out 1;
}
#seenaro-marketing .sn-cta {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}
#seenaro-marketing .sn-cta::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: 0;
  background: linear-gradient(
    115deg,
    transparent 25%,
    #afff9f10 50%,
    transparent 75%
  );
}
#seenaro-marketing .sn-cta.sn-in-view::before {
  animation: sn-light-pass 1.8s ease-out 1;
}
#seenaro-marketing .sn-tabs button {
  transition:
    color 0.18s,
    border-color 0.18s;
}
#seenaro-marketing .sn-button > span[aria-hidden="true"],
#seenaro-marketing .sn-side-link > span {
  display: inline-block;
  transition: transform 0.18s ease-out;
}
#seenaro-marketing .sn-button:hover > span[aria-hidden="true"],
#seenaro-marketing .sn-button:focus-visible > span[aria-hidden="true"],
#seenaro-marketing .sn-side-link:hover > span {
  transform: translate(2px, -2px);
}
#seenaro-marketing .sn-nav > a,
#seenaro-marketing .sn-footer a {
  transition: color 0.16s;
}
@keyframes sn-trace-in {
  from {
    stroke-dashoffset: 1;
    opacity: 0;
  }
  15% {
    opacity: 1;
  }
  to {
    stroke-dashoffset: 0;
    opacity: 1;
  }
}
@keyframes sn-node-in {
  from {
    opacity: 0;
    transform: scale(0.7);
    transform-box: fill-box;
    transform-origin: center;
  }
  to {
    opacity: 0.8;
    transform: scale(1);
    transform-box: fill-box;
    transform-origin: center;
  }
}
@keyframes sn-halo-in {
  from {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes sn-light-pass {
  from {
    transform: translateX(-55%);
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  to {
    transform: translateX(55%);
    opacity: 0;
  }
}
/* Both CSS and Web Animations stop when reduced motion is requested. */
#seenaro-marketing[data-motion="reduce"] *,
#seenaro-marketing[data-motion="reduce"] *::before,
#seenaro-marketing[data-motion="reduce"] *::after {
  animation: none !important;
  transition: none !important;
  scroll-behavior: auto !important;
}
#seenaro-marketing[data-motion="reduce"] .sn-button > span,
#seenaro-marketing[data-motion="reduce"] .sn-side-link > span {
  transform: none !important;
}
@media (prefers-reduced-motion: reduce) {
  #seenaro-marketing *,
  #seenaro-marketing *::before,
  #seenaro-marketing *::after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
  #seenaro-marketing .sn-button > span,
  #seenaro-marketing .sn-side-link > span {
    transform: none !important;
  }
}

#seenaro-marketing[data-motion="reduce"] a.sn-feature:hover,
#seenaro-marketing[data-motion="reduce"] .sn-button.sn-primary:hover {
  transform: none !important;
}
@media (prefers-reduced-motion: reduce) {
  #seenaro-marketing a.sn-feature:hover,
  #seenaro-marketing .sn-button.sn-primary:hover {
    transform: none !important;
  }
}