/* Public marketing overrides. */

/* Homepage hero objective strip — replaces the old trust badges. */
@keyframes qalyntra-objective-sheen {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

@keyframes qalyntra-demo-progress {
  0%, 100% { transform: scaleX(.68); opacity: .86; }
  50% { transform: scaleX(1); opacity: 1; }
}

body:not(.qalyntra-client-route) .brand-gradient .motion-delay-4 {
  display: block !important;
  width: 100% !important;
  margin-top: 2.25rem !important;
  padding: 1.15rem 0 1.2rem !important;
  border-top: 1px solid rgba(186, 230, 253, .22);
  border-bottom: 1px solid rgba(186, 230, 253, .22);
  overflow: hidden;
}

body:not(.qalyntra-client-route) .brand-gradient .motion-delay-4 > span {
  display: none !important;
}

body:not(.qalyntra-client-route) .brand-gradient .motion-delay-4::before {
  content: "WHAT WE'RE BUILDING TOWARDS / 05";
  display: block;
  margin-bottom: .55rem;
  color: #7dd3fc;
  font-size: .68rem;
  line-height: 1;
  font-weight: 800;
  letter-spacing: .18em;
}

body:not(.qalyntra-client-route) .brand-gradient .motion-delay-4::after {
  content: "SAVE  ✦  SIMPLIFY  ✦  STRENGTHEN  ✦  CONNECT  ✦  ANTICIPATE";
  display: block;
  width: max-content;
  max-width: none;
  background: linear-gradient(90deg, #ffffff 0%, #a5f3fc 28%, #fcd34d 48%, #ffffff 68%, #67e8f9 100%);
  background-size: 220% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-size: clamp(1.05rem, 1.7vw, 1.55rem);
  line-height: 1.18;
  font-weight: 900;
  letter-spacing: -.025em;
  white-space: nowrap;
  animation: qalyntra-objective-sheen 7s ease-in-out infinite;
}

/* Keep the original hero proportions. Only the right visual is gently constrained
   so the card stays inside normal desktop viewports. */
@media (min-width: 1024px) {
  body:not(.qalyntra-client-route) .brand-gradient > .relative.mx-auto.grid > div:last-child {
    width: 90%;
    max-width: 36rem;
    min-width: 0;
    margin-left: auto;
  }

  body:not(.qalyntra-client-route) .brand-gradient .floating-panel,
  body:not(.qalyntra-client-route) .brand-gradient .demo-window {
    min-width: 0;
    max-width: 100%;
  }
}

/* Preserve the visible blue/orange movement in the hero preview. */
body:not(.qalyntra-client-route) .brand-gradient .demo-progress-fill {
  transform-origin: left center !important;
  animation: qalyntra-demo-progress 3.2s ease-in-out infinite !important;
  will-change: transform, opacity;
}

@media (max-width: 900px) {
  body:not(.qalyntra-client-route) .brand-gradient .motion-delay-4 {
    overflow-x: auto;
    scrollbar-width: none;
  }
  body:not(.qalyntra-client-route) .brand-gradient .motion-delay-4::-webkit-scrollbar {
    display: none;
  }
}

@media (max-width: 640px) {
  body:not(.qalyntra-client-route) .brand-gradient .motion-delay-4::before {
    font-size: .62rem;
  }
}