/* Green scheme */
:root {
	--bg: #08090f;
	--surface: #111a17;
	--text: #f4fff9;
	--muted: #9fb8ac;
	--primary: #24c978;
	--lime: #d8ff69;
	--border: rgba(210,255,229,.14);
	--shadow: 0 24px 70px rgba(0,0,0,.38);
}

body {
	background: #08090f;
}

.site-header {
	background: rgba(5,17,12,.84);
}

.brand span,
.eyebrow,
.variant-label span,
.visual-chip span,
.promo-logo span,
.text-link,
.variant-link,
.spec-link {
	color: #76e5ad;
}

.button-primary,
.mobile-cta a,
.phone i,
.game-card a {
	background: linear-gradient(110deg,#19b869,#45df95);
	box-shadow: 0 10px 30px rgba(36,201,120,.28);
}

.hero {
	background: radial-gradient(circle at 72% 48%,rgba(36,201,120,.18),transparent 32%),linear-gradient(180deg,#090f10,#08090f);
}

.hero h1 em,
.promo-copy h1,
.promo-copy h2 {
	background: none;
	background-image: none;
	background-clip: border-box;
	color: var(--lime);
}

.bonus-card,
.brand-table-wrap,
.offer-card,
.game-card,
.toc,
.review-card,
.promo-feature,
.community-review-list > div,
.review-form-wrap,
.flex-content-row,
.numbered-info-grid > div {
	background-color: #111a17;
}

.games-section,
.reviews-section,
.community-reviews,
.flexible-content-section,
.hero-variant,
.hero-variant-three,
.pros-section,
.site-footer {
	background: #08090f;
}

main > .section:nth-of-type(even):not(.hero-variant):not(.hero-variant-three) {
	background: #0a0f11;
}

.hero-two-grid,
.toc,
.compact-cta-one,
.brand-table-wrap {
	background: radial-gradient(circle at 82% 40%,rgba(36,201,120,.13),transparent 34%),linear-gradient(125deg,#111a17,#090b10);
}

.bonus-card {
	background: linear-gradient(145deg,rgba(16,42,30,.96),rgba(7,22,16,.98));
	border-color: rgba(118,229,173,.28);
	box-shadow: 0 30px 100px rgba(8,86,48,.32);
}

.offer-main,
.cta-banner,
.promo-feature-card,
.spec-head {
	background: linear-gradient(125deg,#159b58,#38c982 68%,#7fe3a8);
}

body .offer-main .offer-copy > small {
	color: rgba(8, 29, 19, .62);
	font-weight: 900;
}

body .offer-main .offer-copy h3,
body .offer-main .offer-copy p,
body .offer-main .bonus-text-list {
	color: #10251b;
	text-shadow: none;
}

body .offer-main .bonus-text-list li::before {
	color: #10251b;
}

.offer-art:before,
.coin,
.promo-coin,
.compact-btn-gold {
	background: linear-gradient(145deg,#dcff72,#78dc43);
	color: #12331f;
}

.game-art {
	background: radial-gradient(circle at center,rgba(255,255,255,.16),transparent 60%),linear-gradient(145deg,#1fb96c,#0e5b39);
}

.game-card.blue .game-art {
	background: radial-gradient(circle,rgba(255,255,255,.15),transparent 60%),linear-gradient(145deg,#24c978,#136947);
}

.game-card.green .game-art {
	background: radial-gradient(circle,rgba(255,255,255,.15),transparent 60%),linear-gradient(145deg,#42df92,#125b42);
}

.game-card.pink .game-art,
.game-card.esports .game-art {
	background: radial-gradient(circle,rgba(255,255,255,.15),transparent 60%),linear-gradient(145deg,#8fdb4e,#1d7140);
}

.hero-promo-banner {
	background: radial-gradient(circle at 74% 48%,rgba(36,201,120,.34),transparent 34%),linear-gradient(110deg,#101915,#08090f 58%,#12231b);
}

.promo-slider {
	background: rgba(8,20,15,.66);
}

.promo-cta,
.promo-crown,
.promo-diamond,
.compact-btn-accent {
	background: linear-gradient(110deg,#1cb968,#54e29b);
}

.bonus-repeater-bonus--art .offer-copy > small {
	color: rgba(8, 29, 19, .62);
	font-weight: 900;
}

.bonus-repeater-bonus--art .offer-copy h3,
.bonus-repeater-bonus--art .offer-copy p,
.bonus-repeater-bonus--art .bonus-text-list {
	color: #10251b;
	text-shadow: none;
}

.bonus-repeater-bonus--art .bonus-text-list li::before {
	color: #10251b;
}

.screen-banner {
	background: linear-gradient(120deg,#199a58,#4edc91);
}

.screen-banner b,
.hero-two-points b,
.content-number,
.value-accent,
.phone strong,
.live-dot {
	color: var(--lime);
}

.review-avatar {
	background: linear-gradient(145deg,#1ab565,#78df9f);
}

.numbered-info-section {
	--number-bg: #18a861;
}

.review-fields input:focus,
.review-message textarea:focus {
	border-color: #24c978;
}

.numbered-info-section .numbered-info-heading {
	display: block;
	max-width: 860px;
	margin-bottom: 28px;
}

.numbered-info-section .numbered-info-intro {
	max-width: 720px;
	margin: 12px 0 0;
	color: #f4fff9;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.6;
}

.numbered-info-section .numbered-info-heading--has-intro h2::after {
	display: none;
}

.numbered-info-section .numbered-info-heading--has-intro .numbered-info-intro::after {
	content: "";
	display: block;
	width: 62px;
	height: 3px;
	margin-top: 16px;
	border-radius: 4px;
	background: linear-gradient(90deg,#a65cff,#d7ff63);
}

.numbered-info-section .numbered-info-note {
	max-width: 680px;
	margin: 16px 0 0;
	color: #b8d1c5;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.75;
}

.numbered-info-section .numbered-info-grid {
	display: grid;
	gap: 16px;
}

.numbered-info-section .numbered-info-grid--cols-4 {
	grid-template-columns: repeat(8, minmax(0, 1fr));
}

.numbered-info-section .numbered-info-grid--cols-3 {
	grid-template-columns: repeat(6, minmax(0, 1fr));
}

.numbered-info-section .numbered-info-grid > article,
.numbered-info-section .numbered-info-grid > div {
	grid-column: span 2;
	display: flex;
	align-items: flex-start;
	gap: 15px;
	min-height: 142px;
	padding: 24px 24px 24px 26px;
	border: 1px solid rgba(210,255,229,.16);
	border-radius: 20px;
	background:
		radial-gradient(circle at 14% 18%, rgba(36,201,120,.17), transparent 30%),
		linear-gradient(145deg, rgba(16,31,25,.98), rgba(9,18,15,.98));
	box-shadow: 0 18px 52px rgba(0,0,0,.22);
}

.numbered-info-section .numbered-info-grid > article > span,
.numbered-info-section .numbered-info-grid > div > span {
	width: 42px;
	height: 42px;
	flex: 0 0 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: linear-gradient(145deg,#19b869,#45df95);
	color: #fff;
	font-size: 15px;
	font-weight: 900;
	box-shadow: 0 12px 26px rgba(36,201,120,.28);
}

.numbered-info-section .numbered-info-grid p {
	margin: 4px 0 0;
	color: #f4fff9;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.65;
}

.numbered-info-section .numbered-info-grid--cols-4 > article:nth-last-child(2):nth-child(4n + 1),
.numbered-info-section .numbered-info-grid--cols-4 > article:nth-last-child(2):nth-child(4n + 1) + article,
.numbered-info-section .numbered-info-grid--cols-4 > div:nth-last-child(2):nth-child(4n + 1),
.numbered-info-section .numbered-info-grid--cols-4 > div:nth-last-child(2):nth-child(4n + 1) + div {
	grid-column: span 4;
}

.numbered-info-section .numbered-info-grid--cols-3 > article:nth-last-child(2):nth-child(3n + 1),
.numbered-info-section .numbered-info-grid--cols-3 > article:nth-last-child(2):nth-child(3n + 1) + article,
.numbered-info-section .numbered-info-grid--cols-3 > div:nth-last-child(2):nth-child(3n + 1),
.numbered-info-section .numbered-info-grid--cols-3 > div:nth-last-child(2):nth-child(3n + 1) + div {
	grid-column: span 3;
}

@media (max-width: 1100px) {
	.numbered-info-section .numbered-info-grid--cols-4,
	.numbered-info-section .numbered-info-grid--cols-3 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.numbered-info-section .numbered-info-grid > article,
	.numbered-info-section .numbered-info-grid > div,
	.numbered-info-section .numbered-info-grid--cols-4 > article:nth-last-child(2):nth-child(4n + 1),
	.numbered-info-section .numbered-info-grid--cols-4 > article:nth-last-child(2):nth-child(4n + 1) + article,
	.numbered-info-section .numbered-info-grid--cols-4 > div:nth-last-child(2):nth-child(4n + 1),
	.numbered-info-section .numbered-info-grid--cols-4 > div:nth-last-child(2):nth-child(4n + 1) + div,
	.numbered-info-section .numbered-info-grid--cols-3 > article:nth-last-child(2):nth-child(3n + 1),
	.numbered-info-section .numbered-info-grid--cols-3 > article:nth-last-child(2):nth-child(3n + 1) + article,
	.numbered-info-section .numbered-info-grid--cols-3 > div:nth-last-child(2):nth-child(3n + 1),
	.numbered-info-section .numbered-info-grid--cols-3 > div:nth-last-child(2):nth-child(3n + 1) + div {
		grid-column: span 1;
	}
}

@media (max-width: 640px) {
	.numbered-info-section .numbered-info-intro,
	.numbered-info-section .numbered-info-note {
		font-size: 15px;
	}

	.numbered-info-section .numbered-info-grid--cols-4,
	.numbered-info-section .numbered-info-grid--cols-3 {
		grid-template-columns: 1fr;
	}

	.numbered-info-section .numbered-info-grid > article,
	.numbered-info-section .numbered-info-grid > div {
		min-height: 0;
		padding: 20px;
	}

	.numbered-info-section .numbered-info-grid p {
		font-size: 15px;
	}
}