/* Hero background: animation base + crossfading photos */
.hero-bg { position: absolute; inset: 0; z-index: 0; overflow: hidden; background: #131B37; }
.hero-bg-canvas { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.hero-bg-photo {
  position: absolute; inset: 0; background-size: cover; background-position: center;
  opacity: 0; transform: scale(1.06);
  transition: opacity 1.6s ease, transform 9s linear;
}
.hero-bg-photo.is-on { opacity: 1; transform: scale(1); }
.hero-bg-shade { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(19,27,55,.55) 0%, rgba(19,27,55,.82) 100%); }
#hero > .carousel, #hero > .hero-waves, #hero > .ticker-strip { position: relative; z-index: 1; }
@media (prefers-reduced-motion: reduce) { .hero-bg-photo { transition: opacity .01s; transform: none; } }

/* Price ticker under the hero (height reserved so nothing jumps when it loads) */
.ticker-strip { width: 100%; min-height: 46px; background: rgba(19,27,55,.55); border-top: 1px solid rgba(246,248,255,.08); }
.ticker-strip .tradingview-widget-container { min-height: 46px; }

/* Teaser video */
.teaser-box { position: relative; aspect-ratio: 16 / 9; border-radius: 8px; overflow: hidden; background: #131B37; box-shadow: 0 2px 8px 0 rgba(63,69,81,.16); }
.teaser-box video { position: absolute; inset: 0; width: 100%; height: 100%; display: block; object-fit: cover; }
.teaser-controls { position: absolute; top: 12px; right: 12px; z-index: 2; display: flex; gap: 8px; }
.teaser-btn {
  width: 40px; height: 40px; border-radius: 50%; border: 0; padding: 0; cursor: pointer;
  background: rgba(19,27,55,.7); color: #F6F8FF; font-size: 18px; line-height: 40px;
}
.teaser-btn:hover, .teaser-btn:focus-visible { background: #3571F2; outline: none; }
.teaser-hint {
  position: absolute; left: 50%; bottom: 16px; transform: translateX(-50%); z-index: 2;
  border: 0; border-radius: 999px; padding: 10px 20px; cursor: pointer;
  background: #CBED24; color: #131B37; font-weight: 700; font-size: 15px; box-shadow: 0 4px 14px rgba(0,0,0,.25);
}
.teaser-hint[hidden] { display: none; }