/* User-provided hero visuals — each slide gets its own market image. */
.visual-investor {
  background: url('../images/hero-1.png') center / cover !important;
  border-color: rgba(212, 175, 55, .45);
  box-shadow: 0 25px 60px rgba(0, 0, 0, .35), inset 0 0 0 1px rgba(255, 255, 255, .08);
}

.visual-chart {
  background: linear-gradient(135deg, rgba(5, 25, 57, .28), rgba(7, 35, 74, .05)), url('../images/hero-2.png') center / cover !important;
}

.visual-dubai {
  background: linear-gradient(135deg, rgba(5, 25, 57, .3), rgba(7, 35, 74, .08)), url('../images/hero-3.png') center / cover !important;
}

.visual-investor::after {
  display: none;
}

.visual-investor::before {
  display: none;
}

/* The supplied artwork already contains premium market UI, so remove duplicate mock UI. */
.visual-investor .visual-label,
.visual-investor .portfolio-card {
  display: none;
}

.visual-chart .candles,
.visual-chart .chart-line,
.visual-dubai .skyline {
  opacity: .22;
}

/* User-provided About visual. */
.about-visual {
  background: linear-gradient(135deg, rgba(7, 29, 62, .22), rgba(7, 29, 62, .02)), url('../images/about.png') center / cover !important;
  border: 1px solid rgba(212, 175, 55, .35);
  box-shadow: 0 22px 48px rgba(11, 45, 91, .2);
}

.about-visual::before,
.about-visual::after {
  display: none;
}