/* IQ / Promotion hero — repaired layout with cleaned artwork; content untouched. */
.promotion-page .promotion-hero .promotion-demo {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  min-height: clamp(390px, 42vw, 580px);
  margin-top: 0;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  overflow: visible !important;
}
.promotion-page .promotion-hero .promotion-demo > * { display: none !important; }
.promotion-page .promotion-hero .promotion-demo::before {
  content: "";
  display: block;
  flex: 0 0 auto;
  width: min(100%, 820px);
  aspect-ratio: 985 / 810;
  background: url('/assets/iq-promotion-hero-right-20261101.webp') center top / contain no-repeat;
  transform: translateY(-28px);
  filter: drop-shadow(0 16px 28px rgba(40, 84, 165, .10));
}
@media (min-width: 1440px) {
  .promotion-page .promotion-hero .promotion-demo::before { transform: translateY(-44px); }
}
@media (max-width: 1100px) {
  .promotion-page .promotion-hero .promotion-demo {
    min-height: clamp(310px, 59vw, 490px);
    margin-top: 14px;
  }
  .promotion-page .promotion-hero .promotion-demo::before {
    width: min(100%, 700px);
    transform: translateY(-10px);
  }
}
@media (max-width: 720px) {
  .promotion-page .promotion-hero .promotion-demo { min-height: 240px; margin-top: 8px; }
  .promotion-page .promotion-hero .promotion-demo::before { width: 100%; transform: none; }
}