/* ==========================================================================
   PT. BENUA ANUGRAH NUSANTARA (BENUA LABORATORY)
   Smartboard IFP (IQTouch QA1400 Pro) Stylesheet
   ========================================================================== */

/* QA1400 Pro Hero Section (Source: QA1400 Pro IQBoard Official Banner) */
.qa1400-hero {
  position: relative;
  overflow: hidden;
  background-color: #0b1120;
}

@media (min-width: 1024px) {
  .qa1400-hero {
    background-image: url("/assets/images/smartboard/QA1400-PRO-1-scaled.webp");
    background-size: cover;
    background-position: center right;
    background-repeat: no-repeat;
    min-height: 640px;
    display: flex;
    align-items: center;
  }

  .qa1400-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
      90deg,
      #0b1120 0%,
      rgba(11, 17, 32, 0.97) 35%,
      rgba(11, 17, 32, 0.85) 50%,
      rgba(11, 17, 32, 0.35) 72%,
      rgba(11, 17, 32, 0.05) 90%
    );
    pointer-events: none;
    z-index: 1;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .qa1400-hero {
    background-image: url("/assets/images/smartboard/QA1400-PRO-1-scaled.webp");
    background-size: cover;
    background-position: center right;
    background-repeat: no-repeat;
    min-height: 560px;
    display: flex;
    align-items: center;
  }

  .qa1400-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
      90deg,
      #0b1120 0%,
      rgba(11, 17, 32, 0.96) 40%,
      rgba(11, 17, 32, 0.85) 58%,
      rgba(11, 17, 32, 0.4) 78%,
      rgba(11, 17, 32, 0.1) 95%
    );
    pointer-events: none;
    z-index: 1;
  }
}

.qa1400-hero__content {
  position: relative;
  z-index: 2;
}

/* FAQ Accordion Transitions */
.faq-icon {
  transition: transform 0.2s ease;
}

/* Modal Animations */
@keyframes scaleUp {
  from {
    opacity: 0;
    transform: scale(0.96);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.animate-scaleUp {
  animation: scaleUp 0.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
