/* Local interaction layer. The captured source stylesheet remains authoritative. */
:root {
  --webiq-accent: #ffee38;
  --webiq-ink: #0b0b0b;
}

html {
  scroll-behavior: smooth;
}

body {
  min-height: 100vh;
}

img[src="/webiq-icon.svg"] {
  object-fit: contain;
}

img[src="/webiq-icon.svg"] + span {
  white-space: nowrap;
}

.webiq-reveal {
  transition:
    opacity .62s ease,
    filter .62s ease,
    transform .7s cubic-bezier(.22, 1, .36, 1) !important;
}

.webiq-reveal.webiq-visible {
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
}

.webiq-status {
  margin-top: 14px;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  background: #f7f7f7;
  padding: 11px 13px;
  color: #4b4b4b;
  font-size: 13px;
  line-height: 1.45;
}

.webiq-status a {
  color: #0b0b0b;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.webiq-contact-success {
  border-color: #d9d08d;
  background: #fffce4;
}

.webiq-brand-mark {
  display: block;
}

#audits [data-scene] {
  transition: transform 1.6s cubic-bezier(.22, 1, .36, 1);
}

#audits [data-card][data-dir="l"] [data-scene] {
  transform: perspective(1400px) rotateY(8deg) rotateX(4deg);
}

#audits [data-card][data-dir="r"] [data-scene] {
  transform: perspective(1400px) rotateY(-8deg) rotateX(4deg);
}

#audits [data-row] {
  visibility: visible;
  opacity: 1;
  filter: none;
  transform: none;
}

#audits [data-fill] {
  transition: width 1.1s cubic-bezier(.22, 1, .36, 1);
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  .webiq-reveal,
  .pixel.pixel-reveal {
    animation: none !important;
    transition: none !important;
  }

  .pixel.pixel-reveal {
    visibility: visible !important;
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
  }
}

@media (max-width: 767px) {
  /* The source interaction is mouse-driven; avoid a clipped decorative lens on touch. */
  #features img[src="/magnifier.webp"] {
    display: none !important;
  }
}