/* Decorative particles echo the IA symbol while the sale and copy stay still. */
body.venventa-landing .hero-motion-enabled::after {
  background:
    radial-gradient(circle at 34% 46%, rgba(47, 180, 232, 0.58), rgba(14, 111, 190, 0.26) 32%, rgba(42, 163, 101, 0.12) 56%, transparent 70%);
  animation: venventa-hero-glow 12s -3s ease-in-out infinite alternate;
  animation-play-state: paused;
  will-change: transform, opacity;
}

body.venventa-landing .hero-ambient {
  position: absolute;
  z-index: 0;
  inset: 0;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}

body.venventa-landing .hero-motion-enabled .hero-ambient {
  opacity: 1;
}

body.venventa-landing .hero-kicker {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

body.venventa-landing .hero-kicker::after {
  content: "";
  position: absolute;
  top: -40%;
  left: 0;
  width: 40%;
  height: 180%;
  background: linear-gradient(90deg, transparent, rgba(215, 248, 255, 0.42), transparent);
  transform: translateX(-200%) skewX(-22deg);
  opacity: 0;
  pointer-events: none;
}

body.venventa-landing .hero-motion-enabled .hero-kicker::after {
  animation: venventa-chip-shine 7s 0.8s ease-in-out infinite;
  animation-play-state: paused;
}

body.venventa-landing .hero-ambient-trails {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  fill: none;
  stroke: #8fd8ff;
  stroke-width: 1;
}

body.venventa-landing .hero-ambient-track {
  opacity: 0.16;
}

body.venventa-landing .hero-ambient-flow path {
  stroke-width: 2;
  stroke-linecap: round;
  stroke-dasharray: 5 95;
  animation: venventa-light-flow 7s -2s linear infinite;
  animation-play-state: paused;
  opacity: 0.75;
}

body.venventa-landing .hero-ambient-flow path + path {
  animation-duration: 9s;
  animation-delay: -5s;
  animation-direction: reverse;
}

body.venventa-landing .hero-particle {
  --drift-x: 12px;
  --drift-y: -40px;
  position: absolute;
  top: var(--y);
  left: var(--x);
  width: var(--size, 18px);
  height: var(--size, 18px);
  color: #9de3ff;
  animation: venventa-particle-drift var(--duration, 4s) var(--delay, -1s) ease-in-out infinite;
  animation-play-state: paused;
}

body.venventa-landing .hero-particle svg {
  display: block;
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.4;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter: drop-shadow(0 0 5px rgba(143, 216, 255, 0.65));
}

body.venventa-landing .hero-particle-dot {
  --size: 4px;
  border-radius: 50%;
  background: #9de3ff;
  box-shadow: 0 0 9px rgba(143, 216, 255, 0.65);
}

body.venventa-landing .hero-particle:nth-of-type(1) { --x: 51%; --y: 24%; --size: 22px; --duration: 4.2s; --delay: -1.4s; }
body.venventa-landing .hero-particle:nth-of-type(2) { --x: 65%; --y: 9%; --duration: 5.1s; --delay: -3s; }
body.venventa-landing .hero-particle:nth-of-type(3) { --x: 81%; --y: 9%; --size: 16px; --duration: 3.8s; --delay: -2.2s; }
body.venventa-landing .hero-particle:nth-of-type(4) { --x: 95%; --y: 16%; --duration: 4.8s; --delay: -1s; }
body.venventa-landing .hero-particle:nth-of-type(5) { --x: 97%; --y: 40%; --size: 20px; --duration: 4.4s; --delay: -2.6s; --drift-x: -10px; }
body.venventa-landing .hero-particle:nth-of-type(6) { --x: 97%; --y: 66%; --duration: 5.4s; --delay: -4s; }
body.venventa-landing .hero-particle:nth-of-type(7) { --x: 92%; --y: 91%; --size: 18px; --duration: 4.6s; --delay: -1.8s; }
body.venventa-landing .hero-particle:nth-of-type(8) { --x: 74%; --y: 95%; --duration: 4s; --delay: -0.5s; }
body.venventa-landing .hero-particle:nth-of-type(9) { --x: 51%; --y: 89%; --size: 22px; --duration: 4.1s; --delay: -3.2s; --drift-x: -12px; }
body.venventa-landing .hero-particle:nth-of-type(10) { --x: 53%; --y: 60%; --duration: 5.2s; --delay: -2s; --drift-x: -6px; }
body.venventa-landing .hero-particle:nth-of-type(11) { --x: 2%; --y: 27%; --size: 16px; --duration: 4.9s; --delay: -3.5s; --drift-x: -6px; }
body.venventa-landing .hero-particle:nth-of-type(12) { --x: 3%; --y: 78%; --duration: 4.3s; --delay: -1.3s; }

body.venventa-landing .venta-sale-ai {
  position: relative;
}

body.venventa-landing .venta-sale-ai::after {
  content: "";
  position: absolute;
  inset: -1px;
  border: 1px solid rgba(14, 111, 190, 0.65);
  border-radius: inherit;
  box-shadow: 0 0 0 3px rgba(14, 111, 190, 0.07);
  opacity: 0;
  pointer-events: none;
}

body.venventa-landing .hero-motion-enabled .venta-sale-ai.is-accent-ready::after {
  animation: venventa-ia-accent 2.4s 0.9s ease-in-out both;
  animation-play-state: paused;
}

body.venventa-landing .hero-motion-enabled .venta-sale-ai.is-accent-ready .venta-line-icon {
  animation: venventa-ia-sparkle 3.2s -0.8s ease-in-out infinite;
  animation-play-state: paused;
  transform-origin: center;
}

body.venventa-landing .hero-motion-running::after,
body.venventa-landing .hero-motion-running .venta-sale-ai.is-accent-ready::after,
body.venventa-landing .hero-motion-running .venta-sale-ai.is-accent-ready .venta-line-icon,
body.venventa-landing .hero-motion-running .hero-particle,
body.venventa-landing .hero-motion-running .hero-ambient-flow path,
body.venventa-landing .hero-motion-running .hero-kicker::after {
  animation-play-state: running;
}

body.venventa-landing .header-cls-apptaller:not(.hero-motion-running) .product-demo-status i {
  animation-play-state: paused;
}

/* The prompt is an illustrative field, not an interactive chat. */
body.venventa-landing .ai-typewriter {
  position: relative;
  min-height: 3em;
}

body.venventa-landing .venta-sale-ai p.ai-typewriter {
  box-sizing: content-box;
  min-height: 36px;
  margin-top: 9px;
  padding: 9px 10px;
  border: 1px solid #cce3f7;
  border-radius: 6px;
  background: #fff;
}

body.venventa-landing .ai-typewriter .ai-typewriter-copy,
body.venventa-landing .ai-typewriter .ai-typewriter-cursor {
  padding: 0;
  border-radius: 0;
  background: none;
  color: inherit;
  font: inherit;
}

body.venventa-landing .ai-typewriter .ai-typewriter-accessible {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

body.venventa-landing .ai-typewriter-cursor {
  display: none;
}

body.venventa-landing .is-typing-enabled .ai-typewriter-cursor {
  display: inline-block;
  width: 2px;
  height: 1.05em;
  margin-left: 3px;
  vertical-align: -0.15em;
  background: #0e6fbe;
  animation: venventa-cursor-blink 1s step-end infinite;
  animation-play-state: paused;
}

body.venventa-landing .is-typing-running .ai-typewriter-cursor {
  animation-play-state: running;
}

body.venventa-landing .venta-ai-modes > .venta-ai-prompt-demo {
  --prompt-glow-radius: 16px;
  position: relative;
  display: block;
  margin: 16px 0 12px;
  padding: 13px 45px 13px 13px;
  border: 1px solid #bdd8ed;
  border-radius: 12px;
  background: #f5faff;
  box-shadow: 0 4px 16px rgba(14, 111, 190, 0.06);
}

/* An outer halo belongs to the landing illustration, leaving the field itself unchanged. */
body.venventa-landing .venta-sale-ai .ai-typewriter::after,
body.venventa-landing .venta-ai-prompt-demo::after {
  content: "";
  position: absolute;
  inset: -4px;
  border: 1px solid rgba(44, 163, 224, 0.45);
  border-radius: var(--prompt-glow-radius, 10px);
  box-shadow: 0 0 0 3px rgba(60, 175, 241, 0.07), 0 0 18px rgba(60, 175, 241, 0.2);
  opacity: 0;
  transition: opacity 650ms ease-in-out;
  animation: venventa-prompt-halo 1.8s ease-in-out infinite;
  animation-play-state: paused;
  pointer-events: none;
}

body.venventa-landing .venta-sale-ai .ai-typewriter.is-writing::after,
body.venventa-landing .venta-ai-prompt-demo.is-writing::after {
  opacity: 1;
  animation-play-state: running;
}

body.venventa-landing .venta-ai-prompt-demo small {
  display: block;
  margin-bottom: 8px;
  color: #627b90;
  font-size: 11px;
  font-weight: 650;
}

body.venventa-landing .venta-ai-prompt-demo .ai-typewriter {
  min-height: 42px;
  margin: 0;
  color: #24425c;
  font-size: 14px;
  line-height: 1.5;
}

body.venventa-landing .venta-ai-prompt-arrow {
  position: absolute;
  right: 12px;
  bottom: 14px;
  width: 27px;
  height: 27px;
  padding: 5px;
  border-radius: 50%;
  background: #0e6fbe;
  fill: none;
  stroke: #fff;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

@keyframes venventa-hero-glow {
  from { transform: translate3d(0, -3%, 0) scale(0.98); opacity: 0.62; }
  to { transform: translate3d(-27%, 18%, 0) scale(1.16); opacity: 1; }
}

@keyframes venventa-ia-accent {
  0%, 100% { opacity: 0; }
  40%, 60% { opacity: 1; }
}

@keyframes venventa-particle-drift {
  0%, 100% { transform: translate3d(0, 0, 0) scale(0.7) rotate(-12deg); opacity: 0.32; }
  45% { transform: translate3d(var(--drift-x), var(--drift-y), 0) scale(1.12) rotate(12deg); opacity: 1; }
}

@keyframes venventa-light-flow {
  to { stroke-dashoffset: -100; }
}

@keyframes venventa-ia-sparkle {
  0%, 100% { transform: scale(1) rotate(0); opacity: 0.7; }
  45% { transform: scale(1.25) rotate(12deg); opacity: 1; }
}

@keyframes venventa-cursor-blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}

@keyframes venventa-chip-shine {
  0% { transform: translateX(-200%) skewX(-22deg); opacity: 0; }
  4% { opacity: 1; }
  19% { transform: translateX(400%) skewX(-22deg); opacity: 1; }
  24%, 100% { transform: translateX(400%) skewX(-22deg); opacity: 0; }
}

@keyframes venventa-prompt-halo {
  0%, 100% { box-shadow: 0 0 0 3px rgba(60, 175, 241, 0.07), 0 0 14px rgba(60, 175, 241, 0.18); }
  50% { box-shadow: 0 0 0 4px rgba(60, 175, 241, 0.12), 0 0 23px rgba(60, 175, 241, 0.32); }
}

@media (max-width: 900px) {
  body.venventa-landing .hero-ambient-trails {
    display: none;
  }

  body.venventa-landing .hero-particle {
    --drift-x: 5px;
    --drift-y: -20px;
  }

  body.venventa-landing .hero-particle:nth-of-type(1) { --x: 6%; --y: 8%; --size: 18px; }
  body.venventa-landing .hero-particle:nth-of-type(2) { --x: 92%; --y: 6%; }
  body.venventa-landing .hero-particle:nth-of-type(3) { --x: 91%; --y: 8%; --size: 16px; }
  body.venventa-landing .hero-particle:nth-of-type(4) { --x: 4%; --y: 34%; }
  body.venventa-landing .hero-particle:nth-of-type(5) { --x: 93%; --y: 46%; --size: 18px; --drift-x: -4px; }
  body.venventa-landing .hero-particle:nth-of-type(6) { --x: 5%; --y: 52%; }
  body.venventa-landing .hero-particle:nth-of-type(7) { --x: 89%; --y: 95%; }
  body.venventa-landing .hero-particle:nth-of-type(8) { --x: 72%; --y: 98%; }
  body.venventa-landing .hero-particle:nth-of-type(9) { --x: 6%; --y: 96%; --size: 18px; --drift-x: 4px; }
  body.venventa-landing .hero-particle:nth-of-type(10),
  body.venventa-landing .hero-particle:nth-of-type(11),
  body.venventa-landing .hero-particle:nth-of-type(12) { display: none; }

  body.venventa-landing .hero-motion-enabled::after {
    top: -12%;
    right: -38%;
    width: 130vw;
    background:
      radial-gradient(circle at 34% 46%, rgba(47, 180, 232, 0.38), rgba(14, 111, 190, 0.18) 32%, rgba(42, 163, 101, 0.08) 56%, transparent 70%);
  }

}

@media (max-width: 575.98px) {
  body.venventa-landing .app-hero-shell {
    padding-bottom: 24px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.venventa-landing .hero-motion-enabled::after,
  body.venventa-landing .hero-motion-enabled .venta-sale-ai.is-accent-ready::after,
  body.venventa-landing .hero-motion-enabled .venta-sale-ai.is-accent-ready .venta-line-icon,
  body.venventa-landing .hero-motion-enabled .hero-kicker::after,
  body.venventa-landing .hero-particle,
  body.venventa-landing .hero-ambient-flow path {
    animation: none;
    will-change: auto;
  }

  body.venventa-landing .hero-ambient,
  body.venventa-landing .ai-typewriter-cursor,
  body.venventa-landing .hero-kicker::after,
  body.venventa-landing .venta-sale-ai .ai-typewriter::after,
  body.venventa-landing .venta-ai-prompt-demo::after {
    display: none;
  }
}