/* Static replacements for the removed interaction runtime.
   Only the FAQ accordion needs styling — the nav is fully CSS-driven. */

/* FAQ toggle icon: a "+" (two bars) that rotates into "×" when the item opens.
   Replaces the 339KB Lottie library that previously drew this. */
.faq-icon {
  position: relative;
  flex: 0 0 auto;
  width: 22px;
  height: 22px;
  transition: transform .3s ease;
}
.faq-icon::before,
.faq-icon::after {
  content: "";
  position: absolute;
  background: #161616;          /* matches the FAQ question text colour */
  border-radius: 2px;
}
.faq-icon::before {             /* vertical bar */
  left: 50%;
  top: 1px;
  bottom: 1px;
  width: 2.5px;
  transform: translateX(-50%);
}
.faq-icon::after {              /* horizontal bar */
  top: 50%;
  left: 1px;
  right: 1px;
  height: 2.5px;
  transform: translateY(-50%);
}
.div-268.faq-open .faq-icon {
  transform: rotate(45deg);     /* + becomes × */
}

/* Stats block (.div-390): left-align its content on mobile. It's a 1-column
   grid there with `place-items: center`, so the horizontal centering comes from
   justify-items — override the grid + the inner flex/text alignment to the left. */
@media screen and (max-width: 767px) {
  .div-390 { place-items: start; justify-items: start; }
  .div-390 .div-392,
  .div-390 .div-393 { justify-content: flex-start; }
  .div-390 .text-210 { text-align: left; }
}