/* A quiet homepage: one soft appearance, then a stable composition. */
.hero .hero-aura,
.hero .motion-ring,
.hero .eyebrow span,
.hero h1 .blue::after {
  animation: none !important;
}
.hero h1 .blue::after { transform: none; }
.hero .motion-core {
  animation: iqHeroSoftAppearance20261006 .65s ease-out .25s both !important;
}
.hero .float-note {
  animation: iqHeroSoftAppearance20261006 .65s ease-out var(--reveal-delay, .3s) both !important;
}
@keyframes iqHeroSoftAppearance20261006 {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* The scripted build types actual letters. Without it the finished demo is visible. */
.corporate-build-sequence { display: none; animation: none !important; }
.corporate-build-sequence > strong {
  animation: none !important;
  border-right: 0;
  width: max-content;
  max-width: 100%;
}
.corporate-build-sequence > div span,
.corporate-build-sequence > b { animation: none !important; }

/* Preserve complete words instead of cutting them off at the viewport edge. */
@media (max-width: 640px) {
  .promotion-hero h1 {
    font-size: clamp(34px, 11.5vw, 72px) !important;
    line-height: 1.05;
    overflow-wrap: anywhere;
  }
  .development-detail-international .dev-hero-copy h1 {
    font-size: clamp(28px, 9.3vw, 59px) !important;
    line-height: 1.13;
  }
  .development-detail-international .dev-h1-word-nowrap {
    max-width: 100%;
    white-space: nowrap;
    overflow-wrap: normal;
  }
  html[lang="en"] .development-hero h1 {
    font-size: clamp(36px, 13vw, 82px) !important;
    line-height: 1.05;
    overflow-wrap: anywhere;
  }
}
@media (prefers-reduced-motion: reduce) {
  .hero .motion-core,
  .hero .float-note { animation: none !important; opacity: 1; }
}

/* Only used while the independent heading script is waiting for the font. */
@keyframes iqHeadingFallback20261006 {
  from { clip-path: inset(0 100% 100% 0); }
  to { clip-path: inset(0); }
}