/* AVERQION site-wide performance + interaction layer V3.
   One active hover renderer at a time; no idle animation loops. */
:root {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  --aq-violet: #D83BFF;
  --aq-blue: #075BFF;
  --aq-deep: #10072E;
}
img, video, canvas {
  max-inline-size: 100%;
}
@media (max-width: 820px) {
  html { scroll-padding-top: 76px; }
}

/* Shared card interaction shell. The canvas is a negative-layer child inside
   an isolated stacking context, so card copy and controls remain untouched. */
.aq-global-card {
  isolation: isolate;
  position: relative;
  transition: translate .34s cubic-bezier(.2,.8,.2,1), outline-color .28s ease, filter .34s ease;
  outline: 1px solid transparent;
  outline-offset: -1px;
}
.aq-global-card.is-aq-hover {
  translate: 0 -4px;
  outline-color: rgba(142, 116, 255, .34);
}
.aq-global-card .aq-global-card-atmosphere {
  position: absolute;
  inset: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  opacity: 0;
  pointer-events: none;
  transition: opacity .28s ease;
}
.aq-global-card.is-aq-hover .aq-global-card-atmosphere {
  opacity: 1;
}

/* Existing page-specific particle layers remain in place. This adds a shared
   violet/blue edge response without replacing their original hover systems. */
.aq-global-card.is-aq-hover {
  --aq-card-glow: rgba(102, 91, 255, .18);
}

/* All plus / accordion controls share the AVERQION violet-to-blue finish. */
.aq-global-plus-control {
  -webkit-tap-highlight-color: transparent;
}
.aq-global-plus-control:focus-visible {
  outline: 2px solid rgba(133, 103, 255, .78);
  outline-offset: 4px;
}
.aq-global-plus-control .tech-accordion-icon,
.aq-global-plus-control > i,
.aq-global-plus-control .otc-faq-icon,
.aq-global-plus-control .options-accordion-toggle,
.aq-global-plus-control .sol-plus {
  transition:
    transform .42s cubic-bezier(.2,.8,.2,1),
    background .28s ease,
    color .28s ease,
    box-shadow .28s ease,
    border-color .28s ease;
}
.aq-global-plus-control:hover .tech-accordion-icon,
.aq-global-plus-control:focus-visible .tech-accordion-icon,
.aq-global-plus-control:hover > i,
.aq-global-plus-control:focus-visible > i,
.aq-global-plus-control:hover .otc-faq-icon,
.aq-global-plus-control:focus-visible .otc-faq-icon,
.aq-global-plus-control:hover .options-accordion-toggle,
.aq-global-plus-control:focus-visible .options-accordion-toggle,
.aq-global-plus-control:hover .sol-plus,
.aq-global-plus-control:focus-visible .sol-plus,
.aq-global-plus-control[aria-expanded="true"] .tech-accordion-icon,
.aq-global-plus-control[aria-expanded="true"] > i,
.aq-global-plus-control[aria-expanded="true"] .otc-faq-icon,
.aq-global-plus-control[aria-expanded="true"] .options-accordion-toggle,
.aq-global-plus-control[aria-expanded="true"] .sol-plus {
  color: #fff !important;
  background: linear-gradient(135deg, var(--aq-violet) 0%, var(--aq-blue) 100%) !important;
  border-color: rgba(255,255,255,.18);
  box-shadow:
    0 7px 22px rgba(63, 67, 220, .24),
    0 0 20px rgba(216, 59, 255, .19);
}
.aq-global-plus-control:hover .tech-accordion-icon,
.aq-global-plus-control:focus-visible .tech-accordion-icon,
.aq-global-plus-control:hover > i,
.aq-global-plus-control:focus-visible > i,
.aq-global-plus-control:hover .otc-faq-icon,
.aq-global-plus-control:focus-visible .otc-faq-icon,
.aq-global-plus-control:hover .options-accordion-toggle,
.aq-global-plus-control:focus-visible .options-accordion-toggle,
.aq-global-plus-control:hover .sol-plus,
.aq-global-plus-control:focus-visible .sol-plus {
  transform: rotate(180deg) scale(1.035);
}
.aq-global-plus-control:hover .tech-accordion-icon i,
.aq-global-plus-control:hover .tech-accordion-icon b,
.aq-global-plus-control:focus-visible .tech-accordion-icon i,
.aq-global-plus-control:focus-visible .tech-accordion-icon b,
.aq-global-plus-control:hover > i::before,
.aq-global-plus-control:hover > i::after,
.aq-global-plus-control:focus-visible > i::before,
.aq-global-plus-control:focus-visible > i::after,
.aq-global-plus-control:hover .sol-plus::before,
.aq-global-plus-control:hover .sol-plus::after,
.aq-global-plus-control:focus-visible .sol-plus::before,
.aq-global-plus-control:focus-visible .sol-plus::after {
  background: #fff !important;
}
.aq-global-plus-control:hover .otc-faq-icon,
.aq-global-plus-control:hover .options-accordion-toggle,
.aq-global-plus-control:hover .mm-faq-trigger > i {
  color: #fff !important;
}
.aq-global-plus-control:hover .career-faq-trigger i,
.aq-global-plus-control:hover > i {
  color: #fff;
}

/* Keep the original page layouts and card sizing. */
@media (hover: none), (pointer: coarse) {
  .aq-global-card.is-aq-hover { translate: none; }
  .aq-global-plus-control:active .tech-accordion-icon,
  .aq-global-plus-control:active > i,
  .aq-global-plus-control:active .otc-faq-icon,
  .aq-global-plus-control:active .options-accordion-toggle,
  .aq-global-plus-control:active .sol-plus {
    background: linear-gradient(135deg, var(--aq-violet), var(--aq-blue)) !important;
    color: #fff !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  .aq-global-card,
  .aq-global-plus-control,
  .aq-global-plus-control * {
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
  .aq-global-card.is-aq-hover { translate: none; }
  .aq-global-card-atmosphere { display: none !important; }
}
html[data-aq-low-power="true"] .tech-particle-aura { filter: blur(16px); }
html[data-aq-low-power="true"] .tech-partnership-card:hover,
html[data-aq-low-power="true"] .tech-partnership-card.is-active { transform: none; }
html[data-aq-low-power="true"] .aq-global-card.is-aq-hover { translate: none; }
