/* Static centered top page background with candlestick chart. */
html,
body {
	background: #000 !important;
}

.bn-site {
	position: relative !important;
	background: #000 !important;
	overflow: hidden !important;
}

.bn-site::before {
	content: "" !important;
	position: absolute !important;
	z-index: 0 !important;
	top: 86px !important;
	right: 0 !important;
	bottom: auto !important;
	left: 0 !important;
	display: block !important;
	width: 100% !important;
	min-width: 100% !important;
	max-width: none !important;
	height: 760px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	background:
		linear-gradient(90deg, #000 0%, rgba(0, 0, 0, .72) 15%, rgba(0, 0, 0, .06) 48%, rgba(0, 0, 0, .14) 82%, #000 100%),
		linear-gradient(180deg, rgba(0, 0, 0, .04) 0%, transparent 58%, #000 100%),
		url("../images/hero-market-arrow-20260707a.png") top center / min(1536px, 100vw) auto no-repeat !important;
	opacity: 1 !important;
	filter: none !important;
	pointer-events: none !important;
	transform: none !important;
}

.bn-site::after,
.bn-hero::after {
	content: none !important;
	display: none !important;
}

.bn-hero {
	position: relative !important;
	isolation: isolate !important;
	overflow: visible !important;
}

.bn-hero::before {
	content: "" !important;
	position: absolute !important;
	z-index: 1 !important;
	inset: auto -48px -142px -48px !important;
	height: 260px !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, .68) 56%, #000 100%) !important;
	pointer-events: none !important;
}

.bn-market-candles {
	display: none !important;
}

.bn-header,
.bn-hero,
.bn-partners,
.bn-stats,
.bn-info-grid,
.bn-steps,
.bn-bottom-features,
.bn-footer,
.bn-page-shell {
	position: relative !important;
	z-index: 2 !important;
}

.bn-hero > * {
	position: relative !important;
	z-index: 3 !important;
}

@media (min-width: 1500px) {
	.bn-site::before {
		background:
			linear-gradient(90deg, #000 0%, rgba(0, 0, 0, .72) 15%, rgba(0, 0, 0, .06) 48%, rgba(0, 0, 0, .14) 82%, #000 100%),
			linear-gradient(180deg, rgba(0, 0, 0, .04) 0%, transparent 58%, #000 100%),
			url("../images/hero-market-arrow-20260707a.png") top center / 1536px auto no-repeat !important;
	}
}

@media (max-width: 1100px) {
	.bn-site::before {
		top: 112px !important;
		height: 610px !important;
		background:
			linear-gradient(180deg, rgba(0, 0, 0, .08), #000 92%),
			linear-gradient(90deg, #000 0%, rgba(0, 0, 0, .16) 34%, rgba(0, 0, 0, .06) 70%, #000 100%),
			url("../images/hero-market-arrow-20260707a.png") top center / min(1040px, 124vw) auto no-repeat !important;
		opacity: .8 !important;
	}
}

@media (max-width: 760px) {
	.bn-site::before {
		top: 96px !important;
		height: 460px !important;
		background:
			linear-gradient(180deg, rgba(0, 0, 0, .1), #000 88%),
			linear-gradient(90deg, #000 0%, rgba(0, 0, 0, .12) 36%, rgba(0, 0, 0, .06) 70%, #000 100%),
			url("../images/hero-market-arrow-20260707a.png") top center / 820px auto no-repeat !important;
		opacity: .58 !important;
	}
}