/* Home 2026 — isolated homepage styles. Plain CSS, edited directly.
   Mobile-first. Prefix: h26-  ·  custom properties: --h26-* */
body.home-2026 {
	--h26-wrapper-max: 1136px;
	--h26-gutter: 14px;
	--h26-radius: 16px;
	--h26-radius-sm: 10px;
	--h26-font-body:
		"Figtree", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	--h26-font-display: var(--h26-font-body);
	--h26-bg: #0a0806;
	--h26-surface: #1c150d;
	--h26-surface-2: #16110b;
	--h26-border: rgba(246, 239, 230, 0.08);
	--h26-text: #f6efe6;
	--h26-text-muted: #b7ac9d;
	--h26-text-dim: #6d6d6d;
	--h26-accent: #f3981f;
	--h26-accent-2: #ff9242;
	--h26-accent-3: #ffb24d;
	--h26-accent-deep: #f37500;
	--h26-accent-gradient: linear-gradient(
		180deg,
		#ffc271 0%,
		#ff9242 45%,
		#f37500 100%
	);
	--h26-positive: #5fd693;
	--h26-cta-shadow: 0 10px 30px -8px rgba(255, 138, 30, 0.45);
}

body.home-2026 {
	margin: 0;
	background: var(--h26-bg);
	color: var(--h26-text);
	font-family: var(--h26-font-body);
	font-size: 16px;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

body.home-2026 ::selection {
	background: var(--h26-accent);
	color: var(--h26-bg);
}

body.home-2026 ::-moz-selection {
	background: var(--h26-accent);
	color: var(--h26-bg);
}

body.home-2026 .home-2026-lp *,
body.home-2026 .home-2026-lp *::before,
body.home-2026 .home-2026-lp *::after {
	box-sizing: border-box;
}

body.home-2026 .home-2026-lp img {
	max-width: 100%;
	height: auto;
	display: block;
}

/* Zero-specificity scope so component link colors always win over this default. */
:where(body.home-2026 .home-2026-lp) a {
	color: inherit;
	text-decoration: none;
}

/* Zero-specificity scope so component heading styles (margin, line-height) win. */
:where(body.home-2026 .home-2026-lp) h1,
:where(body.home-2026 .home-2026-lp) h2,
:where(body.home-2026 .home-2026-lp) h3 {
	font-family: var(--h26-font-display);
	margin: 0;
	line-height: 1.05;
}

body.home-2026 .wrapper {
	width: 100%;
	max-width: calc(var(--h26-wrapper-max) + var(--h26-gutter) * 2);
	margin-inline: auto;
	padding-inline: var(--h26-gutter);
}

body.home-2026 .h26-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	font-family: var(--h26-font-body);
	font-weight: 600;
	font-size: 15px;
	line-height: 1;
	padding: 13px 22px;
	border-radius: 999px;
	border: 0;
	cursor: pointer;
	transition:
		transform 0.2s ease,
		box-shadow 0.2s ease;
}

body.home-2026 .h26-btn--primary {
	background: var(--h26-accent-gradient);
	color: #1a0f02;
	box-shadow: var(--h26-cta-shadow);
}

body.home-2026 .h26-btn--primary:hover {
	transform: translateY(-1px);
}

/* Reusable pill badge (hero eyebrow, section eyebrows). */
body.home-2026 .h26-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 8px 20px;
	border-radius: 100px;
	background: #1e1811;
	color: var(--h26-accent);
	font-size: 8px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 2.16px;
	text-transform: uppercase;
	white-space: nowrap;
}

@media (min-width: 992px) {
	body.home-2026 .h26-badge {
		font-size: 12px;
	}
}

/* Desktop-only line break (hidden on mobile so headings wrap naturally). */
body.home-2026 .h26-br-desktop {
	display: none;
}

@media (min-width: 992px) {
	body.home-2026 .h26-br-desktop {
		display: inline;
	}
}

body.home-2026 .h26-section {
	position: relative;
	padding-block: 50px;
}

@media (min-width: 992px) {
	body.home-2026 .h26-section {
		padding-block: 56px;
	}
}

/* ===========================================================================
   Ambient background (page top → end of stats): three blurred ellipses at
   group opacity plus a warm top strip. Sits behind content, above page base.
   =========================================================================== */
body.home-2026 #page {
	position: relative;
}

body.home-2026 #primary {
	position: relative;
	z-index: 1;
}

body.home-2026 .h26-bg {
	position: absolute;
	inset: 0 0 auto;
	height: 975px;
	z-index: 0;
	pointer-events: none;
	overflow: hidden;
	-webkit-mask-image: linear-gradient(180deg, #000 78%, transparent 100%);
	mask-image: linear-gradient(180deg, #000 78%, transparent 100%);
}

body.home-2026 .h26-bg__strip {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 120px;
	background: linear-gradient(
		180deg,
		rgba(76, 45, 3, 0.74) 0%,
		rgba(76, 45, 3, 0) 100%
	);
}

/* Ellipses anchored to viewport centre so wide screens fade them out via
   the blur instead of clipping them into vertical seams. */
body.home-2026 .h26-bg__glow {
	position: absolute;
	top: 43px;
	left: 0;
	width: 100%;
	height: 932px;
	opacity: 0.12;
}

body.home-2026 .h26-bg__blob {
	position: absolute;
	border-radius: 50%;
	filter: blur(170px);
}

/* Amber — left of centre */
body.home-2026 .h26-bg__blob--1 {
	left: calc(50% - 890px);
	top: 369px;
	width: 703px;
	height: 233px;
	background: rgba(255, 191, 0, 0.8);
}

/* Faint amber — near centre */
body.home-2026 .h26-bg__blob--2 {
	left: calc(50% - 352px);
	top: 804px;
	width: 703px;
	height: 128px;
	background: rgba(255, 191, 0, 0.3);
}

/* Orange — right of centre */
body.home-2026 .h26-bg__blob--3 {
	left: calc(50% - 116px);
	top: -45px;
	width: 1056px;
	height: 647px;
	background: rgba(217, 108, 0, 0.3);
}

/* Mobile uses only two ellipses. Radial gradients replace the live blur(170px)
   here — same soft glow, but the 170px filter repaints heavily on mobile GPUs. */
@media (max-width: 991px) {
	body.home-2026 .h26-bg__glow {
		top: 0;
		height: 975px;
	}

	body.home-2026 .h26-bg__blob {
		filter: none;
	}

	body.home-2026 .h26-bg__blob--1 {
		left: calc(50% - 269px);
		top: 146px;
		width: 258px;
		height: 569px;
		background: radial-gradient(
			closest-side,
			rgba(255, 191, 0, 0.8),
			rgba(255, 191, 0, 0)
		);
	}

	body.home-2026 .h26-bg__blob--2 {
		display: none;
	}

	body.home-2026 .h26-bg__blob--3 {
		left: calc(50% - 30px);
		top: -100px;
		width: 466px;
		height: 647px;
		background: radial-gradient(
			closest-side,
			rgba(217, 108, 0, 0.3),
			rgba(217, 108, 0, 0)
		);
	}
}

/* ===========================================================================
   Hero
   =========================================================================== */
body.home-2026 .h26-hero {
	padding-block: 42px 40px;
	overflow: hidden;
}

body.home-2026 .h26-hero__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 40px;
}

/* --- Left: intro --- */
body.home-2026 .h26-hero__title {
	margin: 22px 0 0;
	font-weight: 600;
	font-size: clamp(42px, 11.5vw, 64px);
	line-height: 1;
	text-align: center;
	color: var(--h26-text);
}

body.home-2026 .h26-hero__accent {
	background: linear-gradient(90deg, #ffb24d 0%, #ff9242 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}

body.home-2026 .h26-hero__lead {
	margin: 22px 0 0;
	max-width: 484px;
	font-size: 20px;
	line-height: 1.3;
	text-align: center;
	color: var(--h26-text-muted);
}

body.home-2026 .h26-hero__lead strong {
	color: var(--h26-text);
	font-weight: 600;
}

body.home-2026 .h26-hero__actions {
	display: flex;
	flex-wrap: nowrap;
	gap: 11px;
	margin-top: 20px;
}

body.home-2026 .h26-hero__actions .h26-btn--lg {
	white-space: nowrap;
}

body.home-2026 .h26-hero__actions .h26-btn--primary {
	flex: 0 0 auto;
}

body.home-2026 .h26-hero__actions .h26-btn--ghost {
	flex: 1 1 auto;
	min-width: 0;
}

body.home-2026 .h26-btn--lg {
	padding: 18px 28px;
	border-radius: 10px;
	font-size: 16px;
}

body.home-2026 .h26-btn--primary span {
	margin-left: 2px;
}

body.home-2026 .h26-btn--primary:hover,
body.home-2026 .h26-btn--primary:focus-visible {
	background-image: linear-gradient(101.6deg, #ffab3c 0%, #ee8436 100%);
	box-shadow: 0 2px 24px 0 rgba(243, 152, 31, 0.5);
	transform: translateY(-1px);
}

body.home-2026 .h26-btn--ghost {
	background: #271809;
	border: 1px solid #332712;
	color: var(--h26-text);
	font-weight: 500;
}

body.home-2026 .h26-btn--ghost:hover,
body.home-2026 .h26-btn--ghost:focus-visible {
	background:
		linear-gradient(
			92.95deg,
			rgba(255, 171, 60, 0.16) 0%,
			rgba(238, 132, 54, 0.16) 100%
		),
		#271809;
	border-color: rgba(243, 152, 31, 0.45);
	box-shadow: 0 2px 24px 0 rgba(243, 152, 31, 0.18);
	transform: translateY(-1px);
}

/* Mobile centers the badge; desktop resets it to the left. */
body.home-2026 .h26-hero__intro > .h26-badge {
	display: flex;
	width: fit-content;
	margin-inline: auto;
}

/* --- Trustpilot + partner --- */
body.home-2026 .h26-hero__proof {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
	margin-top: 24px;
}

/* Desktop shows the horizontal Micro Combo; mobile shows the compact Mini widget.
   The horizontal layout needs ~440px, so it can't fit narrow screens. */
body.home-2026 .h26-trustpilot--desktop {
	display: none;
}

body.home-2026 .h26-trustpilot--mobile {
	width: 160px;
}

@media (min-width: 992px) {
	body.home-2026 .h26-trustpilot--desktop {
		display: block;
		width: 100%;
		max-width: 420px;
	}

	body.home-2026 .h26-trustpilot--mobile {
		display: none;
	}
}

body.home-2026 .h26-partner {
	display: flex;
	align-items: center;
	gap: 12px;
	width: fit-content;
	transition: opacity 0.2s ease;
}

body.home-2026 .h26-partner:hover {
	opacity: 0.85;
}

body.home-2026 .h26-partner__crest {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: #161614;
	border: 0.65px solid #747474;
}

body.home-2026 .h26-partner__crest img {
	width: 26px;
	height: auto;
}

body.home-2026 .h26-partner__text {
	display: flex;
	flex-direction: column;
	line-height: 1.25;
}

body.home-2026 .h26-partner__label {
	font-size: 12px;
	color: var(--h26-text-muted);
}

body.home-2026 .h26-partner__text strong {
	font-size: 14px;
	font-weight: 600;
	color: var(--h26-text);
}

/* Mobile trust row — Trustpilot + Sunderland side by side, compact. Wraps back to
   a stacked column on very narrow screens; desktop keeps its own stacked layout. */
@media (max-width: 991px) {
	body.home-2026 .h26-hero__proof {
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		gap: 14px;
	}

	body.home-2026 .h26-trustpilot--mobile {
		width: 150px;
		flex: none;
	}

	body.home-2026 .h26-partner {
		gap: 8px;
	}

	body.home-2026 .h26-partner__crest {
		width: 32px;
		height: 32px;
	}

	body.home-2026 .h26-partner__crest img {
		width: 22px;
	}

	body.home-2026 .h26-partner__label {
		font-size: 10.5px;
	}

	body.home-2026 .h26-partner__text strong {
		font-size: 12.5px;
	}
}

/* --- Right: payout slider --- */
body.home-2026 .h26-hero__payout {
	min-width: 0;
}

body.home-2026 .h26-payout {
	overflow: hidden;
	border-radius: 22px;
}

body.home-2026 .h26-card {
	position: relative;
	overflow: hidden;
	border-radius: 22px;
	background: linear-gradient(165.9deg, #1c150d 0%, #16110b 100%);
	box-shadow: 0 30px 80px -30px rgba(0, 0, 0, 0.9);
}

body.home-2026 .h26-card__glow {
	position: absolute;
	inset: -1px;
	pointer-events: none;
	background:
		/* warm glow behind the trader, top-right */
		radial-gradient(
			42% 38% at 86% 16%,
			rgba(224, 90, 0, 0.5) 0%,
			transparent 80%
		),
		/* green wash, top-left */
		radial-gradient(
				49.14% 96.8% at 17.5% -10%,
				rgba(55, 210, 122, 0.16) 0%,
				rgba(55, 210, 122, 0) 70%
			);
}

body.home-2026 .h26-card__photo {
	position: absolute;
	top: 0;
	right: 0;
	width: 46%;
	max-width: 250px;
	z-index: 0;
	pointer-events: none;
	-webkit-mask-image: linear-gradient(to bottom, #000 65%, transparent 100%);
	mask-image: linear-gradient(to bottom, #000 65%, transparent 100%);
}

body.home-2026 .h26-card__photo img {
	width: 100%;
	height: auto;
}

body.home-2026 .h26-card__body {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 32px 11px 16px;
}

body.home-2026 .h26-card__head {
	padding-right: 42%;
}

body.home-2026 .h26-card__eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 12px;
	font-weight: 600;
	color: var(--h26-positive);
}

body.home-2026 .h26-card__eyebrow-dot {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--h26-positive);
	animation: h26-dot-pulse 1.8s ease-out infinite;
}

@keyframes h26-dot-pulse {
	0% {
		opacity: 1;
		transform: scale(1);
		box-shadow: 0 0 0 0 rgba(95, 214, 147, 0.5);
	}

	70% {
		opacity: 0.45;
		transform: scale(0.9);
		box-shadow: 0 0 0 10px rgba(95, 214, 147, 0);
	}

	100% {
		opacity: 1;
		transform: scale(1);
		box-shadow: 0 0 0 0 rgba(95, 214, 147, 0);
	}
}

@media (prefers-reduced-motion: reduce) {
	body.home-2026 .h26-card__eyebrow-dot {
		animation: none;
	}
}

body.home-2026 .h26-card__amount {
	margin: 16px 0 0;
	display: flex;
	align-items: flex-end;
	color: var(--h26-positive);
	font-weight: 800;
	line-height: 1;
}

body.home-2026 .h26-card__amount-big {
	font-size: 42px;
	letter-spacing: -0.03em;
}

body.home-2026 .h26-card__amount-cents {
	font-size: 18px;
	margin-bottom: 5px;
	color: rgba(55, 210, 122, 0.6);
}

body.home-2026 .h26-card__since {
	display: block;
	margin-top: 10px;
	font-size: 10px;
	color: var(--h26-text-muted);
}

body.home-2026 .h26-card__chains .h26-card__verified-left,
body.home-2026 .h26-card__chains .h26-card__verified-right {
	font-size: 11px;
	white-space: nowrap;
}

body.home-2026 .h26-card__chains .h26-card__verified-left svg {
	width: 12px;
	height: 11px;
}

/* trader sub-card */
body.home-2026 .h26-card__trader {
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: 87px;
	padding: 14px 12px;
	border-radius: 14px;
	border: 1px solid #332712;
	background: rgba(32, 26, 19, 0.6);
	-webkit-backdrop-filter: blur(7px);
	backdrop-filter: blur(7px);
}

body.home-2026 .h26-card__avatar {
	position: relative;
	flex-shrink: 0;
	width: 37px;
	height: 37px;
}

body.home-2026 .h26-card__avatar-img {
	width: 35px;
	height: 35px;
	border-radius: 50%;
	object-fit: cover;
}

body.home-2026 .h26-card__avatar-flag {
	position: absolute;
	top: -2px;
	right: -2px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: #fff;
	overflow: hidden;
	font-size: 11px;
	line-height: 1;
}

body.home-2026 .h26-card__who {
	display: flex;
	flex-direction: column;
	line-height: 1.3;
}

body.home-2026 .h26-card__who strong {
	font-size: 16px;
	font-weight: 600;
	color: var(--h26-text);
}

body.home-2026 .h26-card__who span {
	font-size: 12px;
	color: var(--h26-text-muted);
}

body.home-2026 .h26-card__watch {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-left: auto;
	padding: 11px 12px;
	border-radius: 19px;
	background: rgba(255, 138, 30, 0.14);
	border: 1px solid rgba(255, 170, 60, 0.28);
	font-size: 11px;
	line-height: 1;
	color: var(--h26-accent-3);
	white-space: nowrap;
	text-decoration: none;
}

/* stat boxes */
body.home-2026 .h26-card__stats {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 8px;
}

body.home-2026 .h26-card__stat {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	padding: 12px 6px;
	border-radius: 12px;
	border: 1px solid #332712;
	background: rgba(32, 26, 19, 0.6);
	-webkit-backdrop-filter: blur(7px);
	backdrop-filter: blur(7px);
	text-align: center;
}

body.home-2026 .h26-card__stat-label {
	font-size: 10px;
	color: var(--h26-text-muted);
}

body.home-2026 .h26-card__stat-value {
	font-size: 14px;
	font-weight: 700;
	color: var(--h26-text);
}

body.home-2026 .h26-card__stat-value--pos {
	color: var(--h26-positive);
}

body.home-2026 .h26-card__stat-value small {
	font-size: 12px;
	font-weight: 700;
	color: var(--h26-text-dim);
}

/* verified bar */
body.home-2026 .h26-card__verified {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 16px;
	border-radius: 12px;
	border: 1px solid #2d553e;
	background: linear-gradient(
		180deg,
		rgba(55, 210, 122, 0.12) 0%,
		rgba(55, 210, 122, 0.04) 100%
	);
}

body.home-2026 .h26-card__verified-left {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 12px;
	font-weight: 700;
	color: var(--h26-positive);
}

body.home-2026 .h26-card__verified-left svg {
	width: 14px;
	height: 13px;
}

body.home-2026 .h26-card__verified-right {
	font-size: 12px;
	font-weight: 600;
	color: var(--h26-accent-3);
}

/* verified row + info tooltip */
body.home-2026 .h26-card__verified-row {
	position: relative;
}

body.home-2026 .h26-card__tip {
	position: absolute;
	top: -8px;
	right: -6px;
	display: inline-flex;
	cursor: help;
	z-index: 2;
}

body.home-2026 .h26-card__tip-icon {
	display: block;
	width: 18px;
	height: 18px;
}

body.home-2026 .h26-card__tip-bubble {
	position: absolute;
	bottom: calc(100% + 8px);
	right: -2px;
	width: max-content;
	max-width: 210px;
	padding: 8px 10px;
	border-radius: 8px;
	border: 1px solid #332712;
	background: #17110a;
	box-shadow: 0 10px 26px -10px rgba(0, 0, 0, 0.75);
	font-size: 11px;
	line-height: 1.35;
	text-align: left;
	color: var(--h26-text);
	opacity: 0;
	visibility: hidden;
	transform: translateY(4px);
	transition:
		opacity 0.18s ease,
		transform 0.18s ease,
		visibility 0.18s;
	pointer-events: none;
	z-index: 3;
}

body.home-2026 .h26-card__tip:hover .h26-card__tip-bubble,
body.home-2026 .h26-card__tip:focus .h26-card__tip-bubble,
body.home-2026 .h26-card__tip:focus-visible .h26-card__tip-bubble {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

/* two-chain verified row (e.g. ETH + ARB) — side by side; wraps back to stacked
   only on very narrow screens where the labels can't fit horizontally. */
body.home-2026 .h26-card__chains {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 10px;
}

body.home-2026 .h26-card__chains .h26-card__verified {
	flex: 1 1 118px;
	min-width: 0;
	gap: 6px;
	padding: 16px 10px;
}

/* pagination */
body.home-2026 .h26-payout__dots {
	display: flex;
	justify-content: center;
	gap: 6px;
	margin-top: 22px;
}

body.home-2026 .h26-payout__dots .swiper-pagination-bullet {
	position: relative;
	width: 6px;
	height: 6px;
	border-radius: 3px;
	background: rgba(255, 170, 60, 0.28);
	opacity: 1;
	transition:
		width 0.25s ease,
		background 0.25s ease;
}

/* Enlarge the click/tap target without changing the dot's visual size. */
body.home-2026 .h26-payout__dots .swiper-pagination-bullet::before {
	content: "";
	position: absolute;
	inset: -14px -6px;
}

body.home-2026 .h26-payout__dots .swiper-pagination-bullet-active {
	width: 18px;
	border-radius: 6px;
	background: var(--h26-accent-3);
}

/* ---------------------------------------------------------------------------
   Hero — desktop
   --------------------------------------------------------------------------- */
@media (min-width: 992px) {
	body.home-2026 .h26-hero {
		padding-block: 66px 64px;
	}

	body.home-2026 .h26-hero__grid {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		justify-content: space-between;
		gap: 60px;
		align-items: center;
	}

	body.home-2026 .h26-hero__actions .h26-btn--ghost {
		flex: 0 0 auto;
	}

	body.home-2026 .h26-hero__intro > .h26-badge {
		margin-inline: 0;
	}

	body.home-2026 .h26-hero__title {
		margin-top: 13px;
		text-align: left;
	}

	body.home-2026 .h26-hero__lead {
		margin-top: 13px;
		text-align: left;
	}

	/* Proof stays centered but only as wide as the Trustpilot widget. */
	body.home-2026 .h26-hero__proof {
		align-items: center;
		gap: 22px;
		margin-top: 37px;
		max-width: 420px;
	}

	body.home-2026 {
		--h26-gutter: 20px;
	}

	body.home-2026 .h26-card__body {
		padding: 30px 28px;
	}

	body.home-2026 .h26-card__head {
		min-height: 116px;
	}

	body.home-2026 .h26-card__eyebrow {
		font-size: 16px;
	}

	body.home-2026 .h26-card__eyebrow-dot {
		width: 10px;
		height: 10px;
	}

	body.home-2026 .h26-card__amount-big {
		font-size: 52px;
	}

	body.home-2026 .h26-card__amount-cents {
		font-size: 22px;
		margin-bottom: 6px;
	}

	body.home-2026 .h26-card__since {
		font-size: 12px;
	}

	body.home-2026 .h26-card__trader {
		padding: 19px 17px;
	}

	body.home-2026 .h26-card__avatar {
		width: 50px;
		height: 50px;
	}

	body.home-2026 .h26-card__avatar-img {
		width: 47px;
		height: 47px;
	}

	body.home-2026 .h26-card__avatar-flag {
		width: 18px;
		height: 18px;
		font-size: 14px;
	}

	body.home-2026 .h26-card__who strong {
		font-size: 18px;
	}

	body.home-2026 .h26-card__who span {
		font-size: 14px;
	}

	body.home-2026 .h26-card__watch {
		font-size: 14px;
	}

	body.home-2026 .h26-card__stats {
		gap: 10px;
	}

	body.home-2026 .h26-card__stat {
		gap: 8px;
		padding: 17px 8px;
	}

	body.home-2026 .h26-card__stat-label {
		font-size: 12px;
	}

	body.home-2026 .h26-card__stat-value {
		font-size: 16px;
	}

	body.home-2026 .h26-card__chains {
		flex-direction: row;
	}

	body.home-2026 .h26-card__chains .h26-card__verified {
		flex: 1 1 0;
		min-width: 0;
		padding: 16px 14px;
	}

	body.home-2026 .h26-card__chains .h26-card__verified-left,
	body.home-2026 .h26-card__chains .h26-card__verified-right {
		font-size: 12px;
	}

	body.home-2026 .h26-card__chains .h26-card__verified-left svg {
		width: 14px;
		height: 13px;
	}
}

/* ===========================================================================
   Stats — featured logos + proof band
   =========================================================================== */
body.home-2026 .h26-stats__inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 32px;
}

body.home-2026 .h26-stats__featured {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 26px;
}

body.home-2026 .h26-stats__eyebrow {
	font-size: 10px;
	line-height: 1;
	letter-spacing: 1.76px;
	text-transform: uppercase;
	text-align: center;
	color: var(--h26-text-muted);
}

body.home-2026 .h26-stats__logos {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 18px 30px;
	max-width: 356px;
}

/* Logos as mask-filled silhouettes → tint to white on hover */
body.home-2026 .h26-stats__logo {
	display: block;
	height: 19px;
	background-color: var(--h26-text-muted);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
	transition: background-color 0.25s ease;
}

body.home-2026 .h26-stats__logo:hover {
	background-color: #fff;
}

body.home-2026 .h26-stats__logo--techbullion {
	aspect-ratio: 194 / 57;
	-webkit-mask-image: url(../img/logos/techbullion.png);
	mask-image: url(../img/logos/techbullion.png);
}

body.home-2026 .h26-stats__logo--tradingview {
	aspect-ratio: 301 / 57;
	-webkit-mask-image: url(../img/logos/tradingview.png);
	mask-image: url(../img/logos/tradingview.png);
}

body.home-2026 .h26-stats__logo--tradelytic {
	aspect-ratio: 301 / 57;
	-webkit-mask-image: url(../img/logos/tradelytic.png);
	mask-image: url(../img/logos/tradelytic.png);
}

body.home-2026 .h26-stats__logo--yahoo {
	aspect-ratio: 156 / 57;
	-webkit-mask-image: url(../img/logos/yahoo.png);
	mask-image: url(../img/logos/yahoo.png);
}

body.home-2026 .h26-stats__logo--digitaljournal {
	aspect-ratio: 301 / 57;
	-webkit-mask-image: url(../img/logos/digitaljournal.png);
	mask-image: url(../img/logos/digitaljournal.png);
}

/* Proof band */
body.home-2026 .h26-stats__band {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	width: 100%;
}

/* Numbers show under the logos on desktop, and under the social bar on mobile. */
body.home-2026 .h26-proof {
	display: none;
	flex-direction: column;
	align-items: center;
	gap: 32px;
	width: 100%;
}

body.home-2026 .h26-final .h26-proof {
	display: flex;
}

body.home-2026 .h26-proof__line {
	width: 147px;
	height: 2px;
	border-radius: 1px;
	background: #1e1811;
}

body.home-2026 .h26-stats .h26-proof__line {
	display: none;
}

body.home-2026 .h26-stat {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	text-align: center;
}

body.home-2026 .h26-stat__value {
	font-size: 24px;
	line-height: 1;
	font-weight: 700;
	letter-spacing: -0.02em;
	color: var(--h26-text);
	white-space: nowrap;
}

body.home-2026 .h26-stat__label {
	font-size: 12px;
	line-height: 1;
	color: var(--h26-text-muted);
}

@media (min-width: 992px) {
	body.home-2026 .h26-stats__inner {
		gap: 65px;
	}

	body.home-2026 .h26-stats__featured {
		gap: 30px;
	}

	body.home-2026 .h26-stats__eyebrow {
		font-size: 12px;
	}

	body.home-2026 .h26-stats__logos {
		flex-wrap: nowrap;
		gap: 60px;
		max-width: none;
	}

	body.home-2026 .h26-stats__logo {
		height: 28px;
	}

	body.home-2026 .h26-stat {
		gap: 14px;
	}

	body.home-2026 .h26-stat__value {
		font-size: 34px;
	}

	body.home-2026 .h26-stat__label {
		font-size: 14px;
	}

	body.home-2026 .h26-stats .h26-proof {
		display: flex;
	}

	body.home-2026 .h26-final .h26-proof {
		display: none;
	}
}

/* ===========================================================================
   Steps — "A clear path from challenge to payout"
   =========================================================================== */
body.home-2026 .h26-steps {
	overflow: hidden;
}

body.home-2026 .h26-steps__inner {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 32px;
}

body.home-2026 .h26-steps__head {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 22px;
	max-width: 556px;
	text-align: center;
}

body.home-2026 .h26-steps__title {
	font-weight: 600;
	font-size: 34px;
	line-height: 1;
	color: var(--h26-text);
}

body.home-2026 .h26-steps__sub {
	margin: 0;
	font-size: 16px;
	line-height: 1.3;
	color: var(--h26-text-muted);
}

body.home-2026 .h26-steps__grid {
	display: flex;
	flex-direction: column;
	gap: 16px;
	width: 100%;
}

body.home-2026 .h26-step {
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 32px 20px;
	border: 1px solid rgba(255, 170, 60, 0.1);
	border-radius: 18px;
	background: linear-gradient(
		166deg,
		rgba(28, 21, 13, 0.7) 0%,
		rgba(22, 17, 11, 0.7) 100%
	);
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
}

body.home-2026 .h26-step__head {
	display: flex;
	align-items: center;
	gap: 14px;
}

body.home-2026 .h26-step__num {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	min-width: 38px;
	height: 36px;
	border-radius: 11px;
	background: linear-gradient(180deg, #ffc36a 0%, #ff8a1e 100%);
	color: #1a0f02;
	font-size: 16px;
	font-weight: 800;
	line-height: 1;
}

body.home-2026 .h26-step__title {
	margin: 0;
	font-size: 20px;
	font-weight: 600;
	line-height: 1;
	color: var(--h26-text);
}

body.home-2026 .h26-step__desc {
	margin: 0;
	font-size: 14px;
	line-height: 1.5;
	color: var(--h26-text-muted);
}

body.home-2026 .h26-step__desc strong {
	font-weight: 400;
	color: var(--h26-text);
}

@media (min-width: 992px) {
	body.home-2026 .h26-steps__inner {
		gap: 42px;
	}

	body.home-2026 .h26-steps__head {
		gap: 20px;
	}

	body.home-2026 .h26-steps__title {
		font-size: 44px;
	}

	body.home-2026 .h26-steps__sub {
		font-size: 18px;
	}

	body.home-2026 .h26-steps__grid {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		align-items: stretch;
		gap: 46px;
	}

	body.home-2026 .h26-step {
		gap: 24px;
		padding: 24px 29px;
	}

	/* Decorative candlestick-bars backdrop (desktop only). */
	body.home-2026 .h26-steps::before {
		content: "";
		position: absolute;
		left: 50%;
		bottom: 0;
		transform: translateX(-50%);
		width: 100vw;
		aspect-ratio: 1400 / 501;
		background: url(../img/steps-bars.webp) center bottom / cover no-repeat;
		pointer-events: none;
		z-index: 0;
		-webkit-mask-image: linear-gradient(to top, #000 45%, transparent 100%);
		mask-image: linear-gradient(to top, #000 45%, transparent 100%);
	}
}

/* ===========================================================================
   Pricing — "Pick your starting challenge"
   =========================================================================== */
body.home-2026 .h26-pricing__inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 42px;
}

body.home-2026 .h26-pricing__head {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 22px;
	text-align: center;
}

body.home-2026 .h26-pricing__title {
	margin: 0;
	font-size: 34px;
	font-weight: 600;
	line-height: 1;
	color: var(--h26-text);
}

body.home-2026 .h26-pricing__sub {
	margin: 0;
	max-width: 360px;
	font-size: 16px;
	line-height: 1.3;
	color: var(--h26-text-muted);
}

body.home-2026 .h26-pricing__body {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 32px;
	width: 100%;
}

/* Includes strip */
body.home-2026 .h26-pricing__includes {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 24px;
	width: 100%;
	padding: 23px 22px;
	border: 1px solid rgba(255, 170, 60, 0.1);
	border-radius: 16px;
	background: rgba(255, 255, 255, 0.02);
}

body.home-2026 .h26-pricing__includes-title {
	font-size: 12px;
	line-height: 1;
	letter-spacing: 1.76px;
	text-transform: uppercase;
	color: var(--h26-text-muted);
	text-align: center;
}

body.home-2026 .h26-pricing__includes-list {
	display: grid;
	grid-auto-flow: column;
	grid-template-rows: repeat(3, auto);
	justify-content: center;
	gap: 10px 33px;
	margin: 0;
	padding: 0;
	list-style: none;
}

body.home-2026 .h26-pricing__include {
	display: flex;
	align-items: center;
	gap: 6px;
}

body.home-2026 .h26-pricing__include-check {
	display: inline-flex;
	flex-shrink: 0;
}

body.home-2026 .h26-pricing__include-text {
	font-size: 12px;
	line-height: 1;
	color: var(--h26-text-muted);
}

body.home-2026 .h26-pricing__include-text strong {
	font-weight: 700;
	color: var(--h26-text);
}

body.home-2026 .h26-pricing__include-light {
	font-weight: 600;
}

body.home-2026 .h26-pricing__include-muted {
	color: var(--h26-text-muted);
}

@media (min-width: 992px) {
	body.home-2026 .h26-pricing__head {
		gap: 20px;
	}

	body.home-2026 .h26-pricing__title {
		font-size: 44px;
	}

	body.home-2026 .h26-pricing__sub {
		max-width: 556px;
		font-size: 18px;
	}

	body.home-2026 .h26-pricing__includes-list {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 20px 33px;
		max-width: 720px;
	}

	body.home-2026 .h26-pricing__include-text {
		font-size: 14px;
	}

	body.home-2026 .h26-pricing__includes {
		width: auto;
		padding: 23px 36px;
	}
}

/* ===========================================================================
   Traders — "Real people, real payouts" (story-slider section header)
   =========================================================================== */
body.home-2026 .h26-traders__head {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
	margin-bottom: 42px;
	text-align: center;
}

body.home-2026 .h26-traders__title {
	margin: 0;
	font-size: 34px;
	font-weight: 600;
	line-height: 1;
	color: var(--h26-text);
}

body.home-2026 .h26-traders__sub {
	margin: 0;
	max-width: 360px;
	font-size: 16px;
	line-height: 1.3;
	color: var(--h26-text-muted);
}

@media (min-width: 992px) {
	body.home-2026 .h26-traders__title {
		font-size: 44px;
	}

	body.home-2026 .h26-traders__sub {
		max-width: 556px;
		font-size: 18px;
	}
}

/* ===========================================================================
   Payouts — "Recent verified payouts" marquee
   =========================================================================== */
body.home-2026 .h26-payouts__head {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 18px;
}

body.home-2026 .h26-payouts__rule {
	flex: 1 1 0;
	min-width: 0;
	height: 1px;
	background: #271d10;
}

body.home-2026 .h26-payouts__eyebrow {
	flex: none;
	max-width: 220px;
	font-size: 12px;
	line-height: 1.4;
	letter-spacing: 1.76px;
	text-transform: uppercase;
	color: var(--h26-text-muted);
	text-align: center;
}

/* Mobile: manual horizontal scroll (no auto-marquee). Desktop upgrades to the
   auto-scrolling marquee in the min-width query below. */
body.home-2026 .h26-payouts__marquee {
	position: relative;
	width: 100%;
	margin-block: 42px;
	overflow: hidden;
	cursor: grab;
	touch-action: pan-y;
}

body.home-2026 .h26-payouts__track {
	display: flex;
	width: max-content;
	will-change: transform;
}

body.home-2026 .h26-payouts__fade {
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 2;
	width: 44px;
	pointer-events: none;
}

body.home-2026 .h26-payouts__fade--left {
	left: 0;
	background: linear-gradient(90deg, var(--h26-bg) 0%, rgba(10, 8, 6, 0) 100%);
}

body.home-2026 .h26-payouts__fade--right {
	right: 0;
	background: linear-gradient(270deg, var(--h26-bg) 0%, rgba(10, 8, 6, 0) 100%);
}

/* Card */
body.home-2026 .h26-payout-card {
	flex: none;
	min-width: 244px;
	margin-right: 8px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 18px 20px;
	border: 1px solid #271d10;
	border-radius: 12px;
	background: #0f0d0b;
	text-decoration: none;
	transition:
		border-color 0.2s ease,
		background-color 0.2s ease;
}

body.home-2026 .h26-payout-card--link {
	cursor: pointer;
}

/* No transform/shadow on hover — the marquee clips overflow, so keep it flat. */
@media (hover: hover) {
	body.home-2026 .h26-payout-card:hover {
		border-color: rgba(243, 152, 31, 0.4);
		background: #14100b;
	}
}

body.home-2026 .h26-payout-card__top {
	display: flex;
	align-items: flex-start;
	gap: 10px;
}

body.home-2026 .h26-payout-card__check {
	position: relative;
	flex: none;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	border: 0.5px solid rgba(55, 210, 122, 0.25);
	border-radius: 5.5px;
	background: rgba(55, 210, 122, 0.1);
}

body.home-2026 .h26-payout-card__dot {
	position: absolute;
	right: -2px;
	bottom: -2px;
	width: 8px;
	height: 8px;
	border: 1px solid #16110b;
	border-radius: 4px;
}

body.home-2026 .h26-payout-card__dot--eth {
	background: #aab6ff;
}

body.home-2026 .h26-payout-card__dot--arb {
	background: #7ccaff;
}

body.home-2026 .h26-payout-card__body {
	flex: 1;
	min-width: 0;
	display: flex;
	align-items: center;
	gap: 9px;
}

body.home-2026 .h26-payout-card__amount {
	font-size: 18px;
	font-weight: 800;
	line-height: 1;
	color: var(--h26-text);
	white-space: nowrap;
}

body.home-2026 .h26-payout-card__chips {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 4px;
}

body.home-2026 .h26-payout-card__chip {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 4px 8px;
	border: 1px solid transparent;
	border-radius: 4px;
	font-size: 8px;
	font-weight: 500;
	line-height: 1;
	white-space: nowrap;
}

body.home-2026 .h26-payout-card__chip--token {
	background: #2c1f14;
	border-color: #67461f;
	color: var(--h26-accent-3);
}

body.home-2026 .h26-payout-card__chip--eth {
	padding-inline: 9px;
	background: rgba(111, 124, 255, 0.12);
	border-color: rgba(111, 124, 255, 0.3);
	color: #aab6ff;
}

body.home-2026 .h26-payout-card__chip--arb {
	padding-inline: 9px;
	background: #16242e;
	border-color: #1b4968;
	color: #7ccaff;
}

body.home-2026 .h26-payout-card__foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	font-size: 12px;
	line-height: 1;
	color: var(--h26-text-muted);
	white-space: nowrap;
}

body.home-2026 .h26-payout-card__to {
	display: inline-flex;
	gap: 4px;
}

/* See all */
body.home-2026 .h26-payouts__foot {
	display: flex;
	justify-content: center;
}

body.home-2026 .h26-payouts__more {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	color: var(--h26-accent-3);
	font-size: 16px;
	font-weight: 500;
	line-height: 1;
	text-decoration: none;
}

body.home-2026 .h26-payouts__more svg {
	display: block;
	transition: transform 0.2s ease;
}

@media (hover: hover) {
	body.home-2026 .h26-payouts__more:hover svg {
		transform: translateX(3px);
	}
}

@media (min-width: 992px) {
	body.home-2026 .h26-payouts__rule {
		flex: none;
		width: 120px;
	}

	body.home-2026 .h26-payouts__eyebrow {
		max-width: none;
		line-height: 1;
		white-space: nowrap;
	}
}

/* ===========================================================================
   Ghost CTA link (label + chevron) — shared via partials/cta-link.php
   =========================================================================== */
body.home-2026 .h26-cta {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	padding: 15px 29px;
	border: 1px solid #332712;
	border-radius: 12px;
	background: #271809;
	color: var(--h26-accent-3);
	font-size: 16px;
	font-weight: 500;
	line-height: 1;
	text-decoration: none;
	transition:
		border-color 0.2s ease,
		background 0.2s ease;
}

body.home-2026 .h26-cta svg {
	display: block;
	transition: transform 0.2s ease;
}

@media (hover: hover) {
	body.home-2026 .h26-cta:hover {
		border-color: rgba(243, 152, 31, 0.45);
		background:
			linear-gradient(
				92.95deg,
				rgba(255, 171, 60, 0.16) 0%,
				rgba(238, 132, 54, 0.16) 100%
			),
			#271809;
	}

	body.home-2026 .h26-cta:hover svg {
		transform: translateX(3px);
	}
}

/* ===========================================================================
   Real firm — "A real firm, with real people behind every payout"
   =========================================================================== */
body.home-2026 .h26-realfirm__grid {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 42px;
}

body.home-2026 .h26-realfirm__content {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 32px;
	width: 100%;
	text-align: center;
}

body.home-2026 .h26-realfirm__text {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 22px;
	max-width: 563px;
}

body.home-2026 .h26-realfirm__title {
	margin: 0;
	font-size: 34px;
	font-weight: 600;
	line-height: 1.05;
	color: var(--h26-text);
}

body.home-2026 .h26-realfirm__sub {
	margin: 0;
	font-size: 16px;
	line-height: 1.3;
	color: var(--h26-text-muted);
}

body.home-2026 .h26-realfirm__sub strong {
	font-weight: 400;
	color: var(--h26-text);
}

/* Stats */
body.home-2026 .h26-realfirm__stats {
	display: flex;
	justify-content: center;
	align-items: stretch;
	max-width: 100%;
}

body.home-2026 .h26-realfirm__stat {
	flex: none;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	padding-inline: 12px;
	text-align: center;
}

body.home-2026 .h26-realfirm__stat:first-child {
	padding-left: 0;
}

body.home-2026 .h26-realfirm__stat:last-child {
	padding-right: 0;
}

body.home-2026 .h26-realfirm__stat + .h26-realfirm__stat {
	border-left: 1px solid #1e1811;
}

body.home-2026 .h26-realfirm__stat-value {
	font-size: 26px;
	font-weight: 700;
	line-height: 1;
	color: var(--h26-accent);
}

body.home-2026 .h26-realfirm__stat-label {
	font-size: 12px;
	line-height: 1.2;
	color: var(--h26-text-muted);
}

/* Team mosaic */
body.home-2026 .h26-realfirm__aside {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 22px;
	width: 100%;
}

body.home-2026 .h26-realfirm__mosaic {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2px;
	max-width: 293px;
}

body.home-2026 .h26-realfirm__photos {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	gap: 2px;
}

body.home-2026 .h26-realfirm__cell {
	position: relative;
	flex: none;
	width: 71.5px;
	height: 71.5px;
}

body.home-2026 .h26-realfirm__cell--lead {
	width: 78px;
	height: 78px;
}

body.home-2026 .h26-realfirm__photo {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border: 0.625px solid rgba(255, 255, 255, 0.2);
	border-radius: 6px;
	transition:
		filter 0.3s ease,
		transform 0.3s ease,
		box-shadow 0.3s ease,
		border-color 0.3s ease;
}

body.home-2026 .h26-realfirm__photo img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

body.home-2026 .h26-realfirm__name {
	position: absolute;
	top: calc(100% + 8px);
	left: 50%;
	z-index: 4;
	transform: translate(-50%, -4px);
	opacity: 0;
	white-space: nowrap;
	font-size: 12px;
	font-weight: 500;
	line-height: 1;
	color: var(--h26-text);
	pointer-events: none;
	transition:
		opacity 0.25s ease,
		transform 0.25s ease;
}

/* Touch (tap-activated, class-driven — JS only wires this on non-hover devices). */
body.home-2026
	.h26-realfirm__mosaic.is-selecting
	.h26-realfirm__cell:not(.is-active)
	.h26-realfirm__photo {
	filter: brightness(0.42) saturate(0.95);
}

body.home-2026 .h26-realfirm__cell.is-active {
	z-index: 5;
}

body.home-2026 .h26-realfirm__cell.is-active .h26-realfirm__photo {
	transform: scale(1.16);
	border-color: rgba(255, 255, 255, 0.5);
	box-shadow: 0 14px 32px rgba(0, 0, 0, 0.55);
}

body.home-2026 .h26-realfirm__cell.is-active .h26-realfirm__name {
	opacity: 1;
	transform: translate(-50%, 0);
}

/* All photos start bright; hovering one dims the others and lifts + names it. */
@media (hover: hover) {
	body.home-2026
		.h26-realfirm__mosaic:has(.h26-realfirm__cell:hover)
		.h26-realfirm__cell:not(:hover)
		.h26-realfirm__photo {
		filter: brightness(0.42) saturate(0.95);
	}

	body.home-2026 .h26-realfirm__cell:hover {
		z-index: 5;
	}

	body.home-2026 .h26-realfirm__cell:hover .h26-realfirm__photo {
		transform: scale(1.16);
		border-color: rgba(255, 255, 255, 0.5);
		box-shadow: 0 14px 32px rgba(0, 0, 0, 0.55);
	}

	body.home-2026 .h26-realfirm__cell:hover .h26-realfirm__name {
		opacity: 1;
		transform: translate(-50%, 0);
	}
}

/* Trust pills */
body.home-2026 .h26-realfirm__pills {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 13px;
	width: 100%;
}

body.home-2026 .h26-realfirm__pill {
	display: inline-flex;
	align-items: center;
	gap: 11px;
	padding: 12px 14px;
	border: 1px solid #2b1f0f;
	border-radius: 10px;
	background: #14100b;
	font-size: 14px;
	line-height: 1;
	color: var(--h26-text-muted);
}

body.home-2026 .h26-realfirm__pill svg {
	flex-shrink: 0;
}

body.home-2026 .h26-realfirm__pill strong {
	font-weight: 700;
	color: var(--h26-text);
}

@media (min-width: 992px) {
	body.home-2026 .h26-realfirm__grid {
		display: grid;
		grid-template-columns: 563px 1fr;
		grid-template-areas:
			"content aside"
			"cta     aside";
		align-items: center;
		gap: 32px 58px;
	}

	body.home-2026 .h26-realfirm__content {
		grid-area: content;
		align-items: flex-start;
		text-align: left;
	}

	body.home-2026 .h26-realfirm__text {
		align-items: flex-start;
		text-align: left;
	}

	body.home-2026 .h26-realfirm__title {
		font-size: 44px;
	}

	body.home-2026 .h26-realfirm__sub {
		font-size: 18px;
	}

	body.home-2026 .h26-realfirm__aside {
		grid-area: aside;
	}

	body.home-2026 .h26-realfirm__cta {
		grid-area: cta;
		justify-self: start;
	}

	/* Desktop stats: inline number + label, number underlined, no dividers. */
	body.home-2026 .h26-realfirm__stats {
		gap: 27px;
		max-width: none;
	}

	body.home-2026 .h26-realfirm__stat {
		flex: none;
		flex-direction: row;
		gap: 4px;
		padding: 0;
		text-align: left;
	}

	body.home-2026 .h26-realfirm__stat + .h26-realfirm__stat {
		border-left: 0;
	}

	body.home-2026 .h26-realfirm__stat-value {
		align-self: flex-start;
		padding-bottom: 3px;
		border-bottom: 1px solid #1e1811;
	}

	body.home-2026 .h26-realfirm__mosaic {
		max-width: 514px;
	}

	body.home-2026 .h26-realfirm__pills {
		flex-direction: row;
	}
}

/* ===========================================================================
   FAQ — "Frequently asked questions" (global ts-faq, themed)
   =========================================================================== */
body.home-2026 .h26-faq-section__inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 42px;
}

body.home-2026 .h26-faq-section__head {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
	max-width: 556px;
	text-align: center;
}

body.home-2026 .h26-faq-section__title {
	margin: 0;
	font-size: 34px;
	font-weight: 600;
	line-height: 1.05;
	color: var(--h26-text);
}

body.home-2026 .h26-faq-section__sub {
	margin: 0;
	font-size: 16px;
	line-height: 1.3;
	color: var(--h26-text-muted);
}

/* Theme the global FAQ component. */
body.home-2026 .h26-faq {
	width: 100%;
	--ts-faq-max-width: 780px;
	--ts-faq-item-bg: #0f0d0b;
	--ts-faq-item-border: 1px solid #271d10;
	--ts-faq-item-border-active: 1px solid #8d5b1a;
	--ts-faq-item-radius: 14px;
	--ts-faq-item-gap: 9px;
	--ts-faq-item-gap-md: 9px;
	--ts-faq-blur: 0px;
	--ts-faq-question-color: #b7ac9d;
	--ts-faq-question-color-active: #f3981f;
	--ts-faq-question-size: 16px;
	--ts-faq-question-weight: 500;
	--ts-faq-question-padding: 25px;
	--ts-faq-question-padding-md: 25px;
	--ts-faq-question-gap: 25px;
	--ts-faq-question-gap-md: 25px;
	--ts-faq-icon-color: #b7ac9d;
	--ts-faq-icon-color-active: #b7ac9d;
	--ts-faq-icon-width: 12px;
	--ts-faq-divider: 0;
	--ts-faq-answer-color: #f6efe6;
	--ts-faq-answer-size: 14px;
	--ts-faq-answer-line-height: 1.3;
	--ts-faq-answer-padding: 16px 25px 25px;
	--ts-faq-answer-padding-md: 16px 25px 25px;
}

/* Hover + open share the lit look (bg + orange border); the global only swaps
   the border on open, so add the background + hover border here. */
body.home-2026 .h26-faq .ts-faq__item:not(:has(.collapsed)) {
	background: #15100a;
}

body.home-2026 .h26-faq .ts-faq__item:has(.accordion-button:hover) {
	background: #15100a;
	border-color: #8d5b1a !important;
}

/* Answer sits 16px under the question (gap comes from the body's top padding). */
body.home-2026 .h26-faq .ts-faq__button.accordion-button:not(.collapsed) {
	padding-bottom: 0;
}

@media (min-width: 992px) {
	body.home-2026 .h26-faq-section__title {
		font-size: 44px;
	}

	body.home-2026 .h26-faq-section__sub {
		font-size: 18px;
	}
}

/* ===========================================================================
   Final CTA — "Accelerate your financial journey" + Discord + socials
   =========================================================================== */
body.home-2026 .h26-final {
	padding-bottom: 100px;
}

body.home-2026 .h26-final__inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 42px;
}

body.home-2026 .h26-final__row {
	display: flex;
	flex-direction: column;
	gap: 20px;
	width: 100%;
}

/* Left panel */
body.home-2026 .h26-final__main {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 30px;
	padding: 40px 10px;
	border: 1px solid #271d10;
	border-radius: 26px;
	background: #15100a;
	box-shadow: 0 30px 80px -30px rgba(0, 0, 0, 0.9);
	text-align: center;
}

body.home-2026 .h26-final__text {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
}

body.home-2026 .h26-final__title {
	margin: 0;
	max-width: 648px;
	font-size: 34px;
	font-weight: 600;
	line-height: 1.05;
	color: var(--h26-text);
}

body.home-2026 .h26-final__accent {
	background: linear-gradient(90deg, #ffc271 0%, #ff9242 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}

body.home-2026 .h26-final__features {
	display: grid;
	grid-auto-flow: column;
	grid-template-rows: repeat(3, auto);
	justify-content: center;
	gap: 12px 20px;
	margin: 0;
	padding: 0;
	list-style: none;
}

body.home-2026 .h26-final__feature {
	display: flex;
	align-items: center;
	gap: 11px;
}

body.home-2026 .h26-final__check {
	flex-shrink: 0;
}

body.home-2026 .h26-final__feature-text {
	text-align: left;
	font-size: 14px;
	line-height: 1;
	color: var(--h26-text-muted);
}

body.home-2026 .h26-final__feature-text strong {
	font-weight: 700;
	color: var(--h26-text);
}

body.home-2026 .h26-final__light {
	font-weight: 600;
}

body.home-2026 .h26-final__muted {
	color: var(--h26-text-muted);
}

body.home-2026 .h26-final__fund {
	padding: 20px 38px 20px 48px;
	border-radius: 13px;
	font-size: 16px;
	font-weight: 700;
}

/* Discord panel */
body.home-2026 .h26-final__discord {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border: 1px solid #271d10;
	border-radius: 26px;
	background:
		radial-gradient(
			120% 70% at 50% 0%,
			rgba(243, 152, 31, 0.14) 0%,
			rgba(243, 152, 31, 0) 55%
		),
		#0f0d0b;
}

/* Top image fades into the panel; aspect-ratio keeps its proportions. */
body.home-2026 .h26-final__discord-media {
	position: relative;
	flex: none;
	aspect-ratio: 7 / 6;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	-webkit-mask-image: linear-gradient(to bottom, #000 55%, transparent 100%);
	mask-image: linear-gradient(to bottom, #000 55%, transparent 100%);
	pointer-events: none;
}

/* Logo is a separate element so it keeps its native ratio — never stretches. */
body.home-2026 .h26-final__discord-logo {
	position: absolute;
	top: 46%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 42%;
	max-width: 240px;
	height: auto;
}

body.home-2026 .h26-final__discord-body {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	gap: 18px;
	margin-top: -26px;
	padding: 0 30px 30px;
	text-align: center;
}

body.home-2026 .h26-final__discord-text {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
}

body.home-2026 .h26-final__discord-title {
	margin: 0;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.3;
	color: var(--h26-text);
}

body.home-2026 .h26-final__discord-sub {
	margin: 0;
	font-size: 16px;
	line-height: 1.3;
	color: var(--h26-text-muted);
}

/* Social bar */
body.home-2026 .h26-final__social {
	display: flex;
	align-items: center;
	justify-content: center;
	width: fit-content;
	max-width: 100%;
	margin-inline: auto;
	padding: 28px;
	border: 1px solid #271d10;
	border-radius: 16px;
	background: #0f0d0b;
}

body.home-2026 .h26-final__social-defs {
	position: absolute;
	width: 0;
	height: 0;
}

body.home-2026 .h26-final__socials {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 24px;
}

body.home-2026 .h26-final__social-icon {
	display: inline-flex;
	transition:
		filter 0.2s ease,
		transform 0.2s ease;
}

body.home-2026 .h26-final__social-icon svg {
	display: block;
	width: 24px;
	height: 24px;
}

@media (hover: hover) {
	body.home-2026 .h26-final__social-icon:hover {
		transform: translateY(-2px);
		filter: brightness(1.12);
	}
}

@media (min-width: 992px) {
	body.home-2026 .h26-final__row {
		flex-direction: row;
		align-items: stretch;
		gap: 10px;
	}

	body.home-2026 .h26-final__main {
		flex: 798 1 0;
		padding: 56px;
	}

	body.home-2026 .h26-final__title {
		font-size: 44px;
	}

	/* Desktop rows: {Payouts, Up, MT5} / {Unlimited, 24/7}. */
	body.home-2026 .h26-final__features {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 20px;
		max-width: 520px;
	}

	body.home-2026 .h26-final__feature:nth-child(3) {
		order: 4;
	}

	body.home-2026 .h26-final__feature:nth-child(4) {
		order: 3;
	}

	body.home-2026 .h26-final__discord {
		flex: 415 1 0;
	}

	body.home-2026 .h26-final__discord-body {
		justify-content: center;
		padding-bottom: 26px;
	}

	body.home-2026 .h26-final__socials {
		gap: 30px;
	}
}

/* ===========================================================================
   Scroll-reveal + card hover polish
   =========================================================================== */

/* Sections fade in on scroll (opacity only, so backdrop-filter/sticky stay put).
   `.h26-anim-ready` is set on <body> by JS only when motion is allowed; without
   it nothing hides. Multiple wrappers per section stagger via sibling combinator. */
body.home-2026.h26-anim-ready .h26-section:not(.h26-hero) > .wrapper {
	opacity: 0;
	transition: opacity 0.7s ease;
}

body.home-2026.h26-anim-ready
	.h26-section:not(.h26-hero)
	> .wrapper
	~ .wrapper {
	transition-delay: 0.1s;
}

body.home-2026.h26-anim-ready
	.h26-section:not(.h26-hero)
	> .wrapper
	~ .wrapper
	~ .wrapper {
	transition-delay: 0.2s;
}

body.home-2026.h26-anim-ready .h26-section.is-inview > .wrapper {
	opacity: 1;
}

/* Card hover — glow + border in place (no lift/translate). */
body.home-2026 .h26-step {
	transition:
		border-color 0.25s ease,
		box-shadow 0.25s ease;
}

body.home-2026 .h26-realfirm__pill {
	transition:
		border-color 0.25s ease,
		background-color 0.25s ease,
		color 0.25s ease;
}

body.home-2026 .h26-card__verified {
	transition:
		border-color 0.25s ease,
		box-shadow 0.25s ease;
}

body.home-2026 .h26-card__watch {
	transition:
		border-color 0.25s ease,
		background-color 0.25s ease,
		box-shadow 0.25s ease;
}

@media (hover: hover) {
	body.home-2026 .h26-step:hover {
		border-color: rgba(255, 170, 60, 0.4);
		box-shadow: inset 0 0 40px -8px rgba(243, 152, 31, 0.22);
	}

	body.home-2026 .h26-realfirm__pill:hover {
		border-color: rgba(255, 178, 77, 0.5);
		background: #1b140c;
		color: var(--h26-text);
	}

	/* Inset glow — the hero card clips overflow, so keep the glow inside. */
	body.home-2026 .h26-card__verified:hover {
		border-color: rgba(95, 214, 147, 0.55);
		box-shadow: inset 0 0 22px -4px rgba(55, 210, 122, 0.4);
	}

	body.home-2026 .h26-card__watch:hover {
		border-color: rgba(255, 170, 60, 0.55);
		background: rgba(255, 138, 30, 0.22);
		box-shadow: inset 0 0 18px -6px rgba(243, 152, 31, 0.35);
	}
}

/* ============================================================
   Team profile modal — ported from Our Team.
   Reuses profile-content.php / profile-modal.php (ot- classes);
   --ot-* vars are scoped locally so no Our Team CSS is needed.
   ============================================================ */
.ot-profile-modal,
.ot-profile {
	--ot-bg: #141313;
	--ot-card-bg: #141414;
	--ot-card-border: #272727;
	--ot-font: "Figtree", system-ui, sans-serif;
	--ot-fw-regular: 400;
	--ot-fw-semibold: 600;
	--ot-orange: #f3981f;
	--ot-orange-light: #ff9242;
	--ot-text: #f5f0e6;
	--ot-text-muted: #a8a8a8;
}

.h26-realfirm__cell.is-clickable {
	cursor: pointer;
}

.h26-realfirm__cell.is-clickable:focus-visible {
	outline: 2px solid #f3981f;
	outline-offset: 3px;
	border-radius: 12px;
}

body.ot-modal-open {
	overflow: hidden;
}

.ot-profile-modal {
	position: fixed;
	inset: 0;
	z-index: 9999;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	padding: 24px 16px;
	opacity: 0;
	transition: opacity 0.22s ease;
	overflow-y: auto;
	overscroll-behavior: contain;
}

.ot-profile-modal.is-open {
	opacity: 1;
}

.ot-profile-modal[hidden] {
	display: none;
}

.ot-profile-modal__backdrop {
	position: fixed;
	inset: 0;
	background: rgba(8, 7, 6, 0.78);
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
}

.ot-profile-modal__dialog {
	position: relative;
	width: 100%;
	max-width: 540px;
	margin: auto;
	padding: 40px 24px;
	background: linear-gradient(
		180deg,
		rgba(20, 19, 19, 0.2) 0%,
		rgba(20, 19, 19, 0.4) 11%,
		#2b1f16 100%
	);
	background-color: var(--ot-bg);
	border-radius: 16px;
	transform: translateY(12px) scale(0.98);
	transition: transform 0.25s ease;
}

.ot-profile-modal__dialog::before {
	content: "";
	position: absolute;
	inset: 0;
	padding: 1px;
	border-radius: inherit;
	background: linear-gradient(
		180deg,
		rgba(255, 255, 255, 0.2) 0%,
		rgba(116, 116, 116, 0.2) 50%,
		var(--ot-orange) 100%
	);
	-webkit-mask:
		linear-gradient(#000 0 0) content-box,
		linear-gradient(#000 0 0);
	mask:
		linear-gradient(#000 0 0) content-box,
		linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	pointer-events: none;
}

.ot-profile-modal.is-open .ot-profile-modal__dialog {
	transform: translateY(0) scale(1);
}

.ot-profile-modal__close {
	position: absolute;
	top: 14px;
	right: 14px;
	width: 36px;
	height: 36px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 999px;
	color: var(--ot-text);
	cursor: pointer;
	transition:
		background 0.15s ease,
		border-color 0.15s ease;
}

.ot-profile-modal__close:hover {
	background: rgba(255, 255, 255, 0.12);
	border-color: rgba(255, 255, 255, 0.24);
}

.ot-profile-modal__close:focus-visible {
	outline: 2px solid var(--ot-orange-light);
	outline-offset: 2px;
}

@media (min-width: 768px) {
	.ot-profile-modal {
		padding: 48px 24px;
	}

	.ot-profile-modal__dialog {
		padding: 40px 30px;
	}
}

/* Profile content */
.ot-profile {
	display: flex;
	flex-direction: column;
	gap: 26px;
}

.ot-profile__head {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
	text-align: center;
}

.ot-profile__photo {
	position: relative;
	width: 180px;
	height: 180px;
	border-radius: 12px;
	overflow: hidden;
}

.ot-profile__photo::before {
	content: "";
	position: absolute;
	inset: 0;
	padding: 1px;
	border-radius: inherit;
	background: linear-gradient(
		322deg,
		rgba(255, 255, 255, 0.2) 0%,
		rgba(116, 116, 116, 0.2) 51.5%,
		#f3981f 100%
	);
	-webkit-mask:
		linear-gradient(#000 0 0) content-box,
		linear-gradient(#000 0 0);
	mask:
		linear-gradient(#000 0 0) content-box,
		linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	pointer-events: none;
	z-index: 2;
}

.ot-profile__photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

@media (min-width: 768px) {
	.ot-profile__photo {
		width: 228px;
		height: 228px;
	}
}

.ot-profile__identity {
	display: flex;
	flex-direction: column;
	gap: 12px;
	align-items: center;
}

.ot-profile__name {
	margin: 0;
	font-family: var(--ot-font);
	font-weight: var(--ot-fw-regular);
	font-size: 24px;
	line-height: 1;
	color: var(--ot-text);
	text-transform: uppercase;
}

@media (min-width: 768px) {
	.ot-profile__name {
		font-size: 28px;
	}
}

.ot-profile__role {
	font-family: var(--ot-font);
	font-weight: 700;
	font-size: 12px;
	letter-spacing: 2.16px;
	color: var(--ot-orange-light);
	text-transform: uppercase;
	line-height: 1;
}

.ot-profile__location {
	margin: 0;
	font-size: 11px;
	color: var(--ot-text-muted);
	line-height: 1;
}

.ot-profile__body {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.ot-profile__section {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding-bottom: 20px;
	border-bottom: 1px solid #413225;
}

.ot-profile__section--last {
	padding-bottom: 0;
	border-bottom: 0;
}

.ot-profile__label {
	margin: 0;
	font-family: var(--ot-font);
	font-weight: var(--ot-fw-regular);
	font-size: 12px;
	letter-spacing: 2.16px;
	text-transform: uppercase;
	color: var(--ot-text-muted);
	line-height: 1.2;
}

.ot-profile__text {
	margin: 0;
	font-size: 14px;
	line-height: 1.2;
	color: var(--ot-text);
}

.ot-profile__quote {
	margin: 0;
	padding: 16px 12px;
	background: linear-gradient(90deg, #36271b 0%, rgba(43, 31, 22, 0) 100%);
	border-left: 2px solid var(--ot-orange-light);
	border-radius: 4px;
}

.ot-profile__quote p {
	margin: 0;
	font-style: italic;
	font-size: 14px;
	line-height: 1.2;
	color: var(--ot-text);
}

.ot-profile__highlight {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	padding: 16px 12px;
	background: #261e16;
	border: 1px solid #63350d;
	border-radius: 14px;
}

.ot-profile__highlight p {
	margin: 0;
	font-size: 14px;
	line-height: 1.4;
	color: var(--ot-text);
}

.ot-profile__emoji {
	flex-shrink: 0;
	font-size: 16px;
	line-height: 1.2;
}

.ot-profile__outside {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.ot-profile__outside-item {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	padding: 16px 12px;
	background: var(--ot-card-bg);
	border: 1px solid var(--ot-card-border);
	border-radius: 14px;
}

.ot-profile__outside-body {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.ot-profile__outside-label {
	font-size: 12px;
	letter-spacing: 1.16px;
	text-transform: uppercase;
	color: var(--ot-text-muted);
	line-height: 1.2;
}

.ot-profile__outside-text {
	margin: 0;
	font-size: 14px;
	line-height: 1.3;
	color: var(--ot-text);
}

.ot-profile__pills {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.ot-profile__pill {
	padding: 8px 12px;
	background: #362313;
	border: 1px solid #63350d;
	border-radius: 999px;
	font-weight: var(--ot-fw-semibold);
	font-size: 14px;
	line-height: 1;
	color: #b8b2ac;
}