.mds-hero {
	padding: 22px 0 16px;
}
.mds-hero__inner {
	display: grid;
	grid-template-columns: minmax(0, 1.14fr) minmax(300px, .86fr);
	gap: 22px;
	padding: 22px;
	border-radius: 22px;
	background:
		radial-gradient(circle at top right, color-mix(in srgb, var(--mds-primary) 8%, transparent), transparent 24%),
		radial-gradient(circle at bottom left, color-mix(in srgb, var(--mds-accent) 10%, transparent), transparent 28%),
		linear-gradient(180deg, color-mix(in srgb, var(--mds-panel) 96%, #fff 4%), color-mix(in srgb, var(--mds-panel-dark-2) 96%, #000 4%));
	border: 1px solid var(--mds-line-strong);
	box-shadow: var(--mds-shadow-md);
}
.mds-hero__copy {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.mds-hero__eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 6px 10px;
	border-radius: 999px;
	background: color-mix(in srgb, var(--mds-primary) 8%, transparent);
	border: 1px solid color-mix(in srgb, var(--mds-primary) 14%, transparent);
	color: color-mix(in srgb, var(--mds-primary) 76%, #fff 24%);
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .16em;
	text-transform: uppercase;
}
.mds-hero__title {
	margin: 14px 0 12px;
	max-width: 16ch;
	font-family: "Outfit", "Manrope", sans-serif;
	font-size: clamp(44px, 5vw, 64px);
	line-height: .92;
	letter-spacing: -.06em;
	color: #faf6ef;
	font-weight: 800;
	text-wrap: balance;
}
.mds-hero__intro {
	max-width: 62ch;
	margin: 0;
	color: color-mix(in srgb, var(--mds-text-soft) 88%, #fff 12%);
	font-size: 16px;
	font-weight: 500;
}
.mds-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 18px;
}
.mds-hero__trust {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 18px 0 0;
	padding: 0;
	list-style: none;
	color: var(--mds-text-soft);
	font-size: 12px;
	font-weight: 700;
}
.mds-hero__trust li {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 7px 10px;
	border-radius: 999px;
	background: color-mix(in srgb, var(--mds-panel-soft) 82%, transparent);
	border: 1px solid var(--mds-line);
}
.mds-hero__trust li::before {
	content: "";
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--mds-primary);
	box-shadow: 0 0 0 4px color-mix(in srgb, var(--mds-primary) 10%, transparent);
}
.mds-hero__art {
	position: relative;
	min-height: 336px;
	padding: 16px;
	border-radius: 18px;
	background:
		linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.01)),
		radial-gradient(circle at top right, color-mix(in srgb, var(--mds-primary) 16%, transparent), transparent 24%),
		linear-gradient(180deg, color-mix(in srgb, var(--mds-panel) 92%, #fff 8%), color-mix(in srgb, var(--mds-panel-dark) 95%, #000 5%));
	border: 1px solid var(--mds-line);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
	overflow: hidden;
}
.mds-hero__art::after {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(180deg, rgba(7,8,13,.18), rgba(7,8,13,.52) 58%, rgba(7,8,13,.82) 100%);
	pointer-events: none;
}
.mds-hero__image {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: .72;
}
.mds-hero__stack {
	position: absolute;
	left: 16px;
	right: 16px;
	bottom: 16px;
	z-index: 1;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
}
.mds-hero__metric {
	display: grid;
	gap: 3px;
	padding: 14px 12px;
	border-radius: 14px;
	background: rgba(7,8,13,.8);
	border: 1px solid rgba(255,255,255,.08);
	backdrop-filter: blur(8px);
	box-shadow: 0 10px 22px rgba(0,0,0,.24);
}
.mds-hero__metric:nth-child(1),
.mds-hero__metric:nth-child(2),
.mds-hero__metric:nth-child(3) { margin-left: 0; }
.mds-hero__metric strong {
	font-family: "Outfit", "Manrope", sans-serif;
	font-size: 26px;
	line-height: .95;
	color: color-mix(in srgb, var(--mds-primary) 78%, #fff 22%);
}
.mds-hero__metric span {
	font-size: 12px;
	font-weight: 700;
	color: rgba(244,240,232,.66);
}
.mds-hero__aside {
	position: absolute;
	top: 16px;
	left: 16px;
	z-index: 1;
	max-width: 230px;
	padding: 13px 14px;
	border-radius: 14px;
	background: rgba(7,8,13,.78);
	color: var(--mds-text);
	border: 1px solid rgba(255,255,255,.08);
	backdrop-filter: blur(8px);
}
.mds-hero__aside-label {
	margin: 0 0 4px;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: color-mix(in srgb, var(--mds-primary) 76%, #fff 24%);
}
.mds-hero__aside-text {
	margin: 0;
	font-size: 12px;
	line-height: 1.55;
	color: var(--mds-text-soft);
}

.mds-overview {
	margin-top: 12px;
}
.mds-overview__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
}
.mds-overview__card {
	padding: 14px;
	border-radius: 14px;
	background: linear-gradient(180deg, rgba(17,20,29,.94), rgba(14,17,24,.94));
	border: 1px solid var(--mds-line);
	box-shadow: var(--mds-shadow-sm);
}
.mds-overview__label {
	display: block;
	margin-bottom: 8px;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .15em;
	text-transform: uppercase;
	color: var(--mds-text-soft);
}
.mds-overview__value {
	display: block;
	color: var(--mds-text);
	font-size: 15px;
	font-weight: 700;
	line-height: 1.5;
}
.mds-overview__body {
	margin-top: 14px;
	padding: 18px;
	border-radius: 16px;
	background: linear-gradient(180deg, rgba(17,20,29,.92), rgba(13,15,21,.92));
	border: 1px solid var(--mds-line);
}

.mds-games,
.mds-feature-grid__items,
.mds-provider-grid__list,
.mds-reasons__grid,
.mds-trust__grid,
.mds-steps__grid,
.mds-faq__grid {
	display: grid;
	gap: 12px;
}

.mds-games {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}
.mds-game {
	padding: 8px;
	border-radius: 14px;
	background: linear-gradient(180deg, rgba(17,20,29,.96), rgba(13,15,21,.96));
	border: 1px solid var(--mds-line);
	box-shadow: var(--mds-shadow-sm);
	color: #f7f4ec;
}
.mds-game__visual {
	position: relative;
	aspect-ratio: 16 / 10;
	border-radius: 10px;
	overflow: hidden;
	display: flex;
	align-items: flex-end;
	padding: 12px;
	background-color: #10151f;
	background:
		linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01)),
		var(--mds-game-bg, none);
	background-position: center 20%;
	background-size: cover;
	background-repeat: no-repeat;
}
.mds-game__visual::before {
	content: "";
	position: absolute;
	inset: -8%;
	z-index: 0;
	background: var(--mds-game-bg, none) center 20% / cover no-repeat;
	filter: blur(18px) saturate(1.05);
	transform: scale(1.12);
	opacity: .48;
	pointer-events: none;
}
.mds-game__visual img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center 28%;
	opacity: .98;
	z-index: 1;
}
.mds-game__visual::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 2;
	background: linear-gradient(180deg, rgba(8,10,15,.10), rgba(8,10,15,.22) 36%, rgba(8,10,15,.58) 100%);
	pointer-events: none;
}
.mds-game__tag,
.mds-game__metric {
	position: absolute;
	z-index: 3;
	padding: 5px 8px;
	border-radius: 999px;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .1em;
	text-transform: uppercase;
}
.mds-game__tag {
	top: 10px;
	left: 10px;
	background: rgba(7,8,13,.74);
	border: 1px solid rgba(255,255,255,.08);
}
.mds-game__metric {
	right: 10px;
	top: 10px;
	background: var(--mds-primary);
	color: #1f1300;
}
.mds-game__initial {
	position: relative;
	z-index: 1;
	font-family: "Outfit", sans-serif;
	font-size: 38px;
	font-weight: 800;
	line-height: 1;
}
.mds-game__body {
	padding: 10px 8px 6px;
}
.mds-game__name {
	display: block;
	font-weight: 800;
	font-size: 16px;
	color: #fffaf0;
}
.mds-game__sub {
	display: block;
	margin-top: 4px;
	font-size: 12px;
	color: var(--mds-text-dim);
}

.mds-story {
	display: grid;
	grid-template-columns: minmax(200px, .72fr) minmax(0, 1.28fr);
	gap: 18px;
	align-items: start;
}
.mds-story__aside {
	position: sticky;
	top: 84px;
	padding-top: 4px;
}
.mds-story__body {
	padding: 20px;
	border-radius: 16px;
	background: linear-gradient(180deg, color-mix(in srgb, var(--mds-panel) 96%, #fff 4%), color-mix(in srgb, var(--mds-panel-dark) 96%, #000 4%));
	border: 1px solid var(--mds-line);
	box-shadow: var(--mds-shadow-sm);
}
.mds-story__quote {
	margin: 0 0 16px;
	padding: 12px 14px;
	border-radius: 12px;
	border-left: 3px solid var(--mds-primary);
	background: rgba(255,255,255,.03);
	color: var(--mds-text);
	font: 700 17px/1.45 "Outfit", sans-serif;
}

.mds-table-classic__frame {
	padding: 12px;
	border-radius: 16px;
	background: linear-gradient(180deg, color-mix(in srgb, var(--mds-panel) 94%, #fff 6%), color-mix(in srgb, var(--mds-panel-dark) 94%, #000 6%));
	border: 1px solid var(--mds-line);
	box-shadow: var(--mds-shadow-sm);
}

.mds-feature-grid__items {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
	gap: 14px;
}
.mds-feature-grid__summary {
	display: grid;
	grid-template-columns: minmax(0, 320px) minmax(0, 1fr);
	gap: 14px;
	margin: 0 0 16px;
	align-items: stretch;
}
.mds-feature-grid__summary--stacked {
	grid-template-columns: minmax(0, 1fr);
}
@media (min-width: 960px) {
	.mds-feature-grid__summary--stacked {
		grid-template-columns: minmax(0, 320px) minmax(0, 1fr);
	}
}
.mds-feature-grid__summary-card,
.mds-feature-grid__summary-list {
	padding: 18px;
	border-radius: 16px;
	background: linear-gradient(180deg, rgba(17,20,29,.96), rgba(13,15,22,.96));
	border: 1px solid var(--mds-line);
	box-shadow: var(--mds-shadow-sm);
}
.mds-feature-grid__summary-card h3 {
	margin: 10px 0 8px;
	font: 800 20px/1.1 "Outfit", sans-serif;
	letter-spacing: -.03em;
	color: var(--mds-text);
}
.mds-feature-grid__summary-visual,
.mds-feature-badges__visual {
	margin: 0 0 14px;
	border-radius: 14px;
	overflow: hidden;
	border: 1px solid color-mix(in srgb, var(--mds-line) 70%, var(--mds-accent) 30%);
	background: linear-gradient(180deg, rgba(16,19,28,.88), rgba(10,12,18,.94));
	box-shadow: var(--mds-shadow-sm);
}
.mds-feature-grid__summary-visual img,
.mds-feature-badges__visual img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	object-fit: cover;
}
.mds-feature-grid__summary-list {
	margin: 0;
	padding-left: 34px;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px 18px;
	align-content: center;
	color: var(--mds-text-soft);
	font-size: 14px;
}
.mds-feature-grid__summary-list li {
	margin: 0;
}
.mds-section__layout {
	display: grid;
	gap: 16px;
	align-items: start;
}
.mds-section__layout--top {
	margin-bottom: 16px;
}
.mds-section__layout--split {
	grid-template-columns: minmax(0, 1.15fr) minmax(280px, .85fr);
}
.mds-section__layout--stacked {
	grid-template-columns: minmax(0, 1fr);
}
.mds-section__primary {
	min-width: 0;
}
.mds-section__aside {
	min-width: 0;
}
.mds-section__aside-card {
	padding: 18px;
	border-radius: 16px;
	background: linear-gradient(180deg, rgba(17,20,29,.96), rgba(13,15,22,.96));
	border: 1px solid var(--mds-line);
	box-shadow: var(--mds-shadow-sm);
	position: sticky;
	top: 84px;
}
.mds-section__aside-card h3 {
	margin: 10px 0 8px;
	font: 800 20px/1.1 "Outfit", sans-serif;
	letter-spacing: -.03em;
	color: var(--mds-text);
}
.mds-section__aside-list {
	margin: 12px 0 0;
	padding-left: 18px;
	display: grid;
	gap: 8px;
	color: var(--mds-text-soft);
	font-size: 14px;
}
.mds-section__aside-list li {
	margin: 0;
}
.mds-feature {
	position: relative;
	padding: 16px;
	border-radius: 14px;
	background: linear-gradient(180deg, color-mix(in srgb, var(--mds-panel) 96%, #fff 4%), color-mix(in srgb, var(--mds-panel-dark-2) 96%, #000 4%));
	border: 1px solid var(--mds-line);
	box-shadow: var(--mds-shadow-sm);
}
.mds-feature::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 2px;
	border-radius: 14px 14px 0 0;
	background: linear-gradient(90deg, var(--mds-primary), color-mix(in srgb, var(--mds-accent) 72%, #fff 28%));
}
.mds-feature__index {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	margin-bottom: 12px;
	border-radius: 10px;
	background: color-mix(in srgb, var(--mds-primary) 10%, transparent);
	color: color-mix(in srgb, var(--mds-primary) 78%, #fff 22%);
	font: 800 12px/1 "Outfit", sans-serif;
}
.mds-feature p {
	margin: 0;
	color: var(--mds-text-soft);
	font-size: 14px;
}

.mds-steps__grid {
	grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
}
.mds-step {
	display: grid;
	grid-template-columns: 44px 1fr;
	gap: 12px;
	padding: 16px;
	border-radius: 14px;
	background: linear-gradient(180deg, rgba(17,20,29,.96), rgba(13,15,22,.96));
	border: 1px solid var(--mds-line);
}
.mds-step__num {
	width: 44px;
	height: 44px;
	border-radius: 12px;
	background: color-mix(in srgb, var(--mds-primary) 12%, transparent);
	border: 1px solid color-mix(in srgb, var(--mds-primary) 14%, transparent);
	display: flex;
	align-items: center;
	justify-content: center;
	font: 800 16px/1 "Outfit", sans-serif;
	color: color-mix(in srgb, var(--mds-primary) 78%, #fff 22%);
}
.mds-step p {
	margin: 0;
	color: var(--mds-text-soft);
	font-size: 14px;
}

.mds-trust__grid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}
.mds-trust__card {
	padding: 15px 14px;
	border-radius: 14px;
	background: linear-gradient(180deg, rgba(16,18,26,.98), rgba(10,12,18,.98));
	border: 1px solid var(--mds-line);
	box-shadow: var(--mds-shadow-sm);
}
.mds-trust__code {
	display: inline-flex;
	padding: 5px 8px;
	border-radius: 999px;
	background: color-mix(in srgb, var(--mds-primary) 8%, transparent);
	color: color-mix(in srgb, var(--mds-primary) 76%, #fff 24%);
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .14em;
	text-transform: uppercase;
}
.mds-trust__card p {
	margin: 12px 0 0;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.55;
	color: var(--mds-text-soft);
}

.mds-providers {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}
.mds-provider {
	padding: 14px;
	border-radius: 14px;
	background: linear-gradient(180deg, rgba(17,20,29,.95), rgba(13,15,22,.95));
	border: 1px solid var(--mds-line);
	display: grid;
	grid-template-columns: 44px 1fr;
	gap: 12px;
	align-items: center;
}
.mds-provider__logo {
	width: 44px;
	height: 44px;
	border-radius: 12px;
	background: rgba(255,255,255,.04);
	border: 1px solid rgba(255,255,255,.06);
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	font: 800 14px/1 "Outfit", sans-serif;
	color: color-mix(in srgb, var(--mds-primary) 78%, #fff 22%);
}
.mds-provider__logo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.mds-provider__name {
	display: block;
	font: 800 15px/1.2 "Outfit", sans-serif;
	color: var(--mds-text);
}
.mds-provider__meta {
	display: block;
	margin-top: 4px;
	font-size: 10px;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--mds-text-dim);
}

.mds-reasons__grid {
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.mds-reason {
	padding: 18px;
	border-radius: 14px;
	background: linear-gradient(180deg, rgba(17,20,29,.96), rgba(13,15,22,.96));
	border: 1px solid var(--mds-line);
	box-shadow: var(--mds-shadow-sm);
}
.mds-reason__icon {
	width: 36px;
	height: 36px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: color-mix(in srgb, var(--mds-primary) 10%, transparent);
	color: color-mix(in srgb, var(--mds-primary) 78%, #fff 22%);
	font: 800 14px/1 "Outfit", sans-serif;
}
.mds-reason p {
	margin: 12px 0 0;
	color: var(--mds-text-soft);
	font-size: 14px;
}

.mds-cta {
	padding: 18px 0 0;
}
.mds-cta__inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 18px;
	align-items: center;
	padding: 20px;
	border-radius: 18px;
	background:
		radial-gradient(circle at top right, rgba(255,255,255,.08), transparent 24%),
		linear-gradient(135deg, color-mix(in srgb, var(--mds-accent) 34%, #0d1119 66%), color-mix(in srgb, var(--mds-primary) 40%, #1a1208 60%));
	color: #f7f4ec;
	border: 1px solid color-mix(in srgb, var(--mds-primary) 14%, transparent);
	box-shadow: var(--mds-shadow-md);
}
.mds-cta__eyebrow {
	display: inline-flex;
	padding: 5px 9px;
	border-radius: 999px;
	background: rgba(255,255,255,.08);
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: color-mix(in srgb, var(--mds-primary) 70%, #fff 30%);
}
.mds-cta__title {
	margin: 10px 0 6px;
	font-family: "Outfit", sans-serif;
	font-size: clamp(24px, 3vw, 30px);
	line-height: 1.05;
	letter-spacing: -.04em;
}
.mds-cta__text {
	margin: 0;
	max-width: 54ch;
	color: rgba(247,244,236,.76);
	font-size: 14px;
}
.mds-cta__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: flex-end;
}

.mds-author__card {
	display: grid;
	grid-template-columns: 84px 1fr;
	gap: 18px;
	padding: 18px;
	border-radius: 16px;
	background: linear-gradient(180deg, rgba(17,20,29,.96), rgba(13,15,22,.96));
	border: 1px solid var(--mds-line);
	box-shadow: var(--mds-shadow-sm);
	color: #f7f4ec;
}
.mds-author__photo {
	width: 84px;
	height: 84px;
	border-radius: 18px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(180deg, color-mix(in srgb, var(--mds-primary) 92%, #fff 8%), color-mix(in srgb, var(--mds-primary) 66%, #000 34%));
	font: 800 36px/1 "Outfit", sans-serif;
	color: #fff8e8;
}
.mds-author__photo img { width: 100%; height: 100%; object-fit: cover; }
.mds-author__label {
	margin: 0 0 6px;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--mds-text-dim);
}
.mds-author__name {
	margin: 0 0 8px;
	font-family: "Outfit", sans-serif;
	font-size: 24px;
	letter-spacing: -.04em;
}
.mds-author__bio {
	margin: 0;
	color: var(--mds-text-soft);
	font-size: 14px;
}

.mds-faq__list {
	display: grid;
	gap: 10px;
}
.mds-faq__item {
	border-radius: 14px;
	border: 1px solid var(--mds-line);
	background: linear-gradient(180deg, rgba(17,20,29,.96), rgba(13,15,22,.96));
	box-shadow: var(--mds-shadow-sm);
	overflow: hidden;
}
.mds-faq__q {
	list-style: none;
	cursor: pointer;
	padding: 15px 16px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	font-weight: 800;
	color: var(--mds-text);
}
.mds-faq__q::-webkit-details-marker { display: none; }
.mds-faq__q::after {
	content: "+";
	width: 28px;
	height: 28px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: color-mix(in srgb, var(--mds-panel-soft) 88%, transparent);
	color: color-mix(in srgb, var(--mds-primary) 78%, #fff 22%);
	font: 700 20px/1 "Outfit", sans-serif;
	flex-shrink: 0;
}
.mds-faq__item[open] .mds-faq__q::after { content: "−"; }
.mds-faq__a {
	padding: 0 16px 16px;
	color: var(--mds-text-soft);
	font-size: 14px;
}

@media (max-width: 1100px) {
	.mds-hero__inner,
	.mds-story {
		grid-template-columns: 1fr;
	}
	.mds-hero__title { max-width: 18ch; }
	.mds-hero__art { min-height: 310px; }
	.mds-story__aside { position: static; }
	.mds-overview__grid,
	.mds-games,
	.mds-trust__grid,
	.mds-providers,
	.mds-reasons__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.mds-section__layout--split {
		grid-template-columns: 1fr;
	}
	.mds-section__aside-card {
		position: static;
	}
}

@media (max-width: 780px) {
	.mds-feature-grid__items,
	.mds-steps__grid,
	.mds-cta__inner,
	.mds-author__card {
		grid-template-columns: 1fr;
	}
	.mds-feature-badges__top {
		grid-template-columns: 1fr;
	}
	.mds-feature-grid__summary {
		grid-template-columns: 1fr;
	}
	.mds-feature-grid__summary-list {
		grid-template-columns: 1fr;
		padding-left: 22px;
	}
	.mds-cta__actions { justify-content: flex-start; }
}

@media (max-width: 640px) {
	.mds-hero { padding: 14px 0 10px; }
	.mds-hero__inner { padding: 16px; }
	.mds-hero__title {
		font-size: clamp(34px, 12vw, 50px);
		max-width: 100%;
	}
	.mds-hero__intro { font-size: 15px; }
	.mds-hero__art { min-height: 288px; }
	.mds-hero__stack {
		grid-template-columns: 1fr;
	}
	.mds-overview__grid,
	.mds-games,
	.mds-trust__grid,
	.mds-providers,
	.mds-reasons__grid { grid-template-columns: 1fr; }
	.mds-feature-grid__items,
	.mds-steps-numbered__grid {
		grid-template-columns: 1fr;
	}
}

.mds-table-cards {
	padding: 24px 0;
}
.mds-table-cards__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
	gap: 14px;
}
.mds-table-cards__item {
	padding: 18px;
	border-radius: 16px;
	background:
		radial-gradient(circle at top right, color-mix(in srgb, var(--mds-primary) 8%, transparent), transparent 24%),
		linear-gradient(180deg, rgba(25,20,17,.96), rgba(16,14,13,.96));
	border: 1px solid color-mix(in srgb, var(--mds-primary) 14%, transparent);
	box-shadow: var(--mds-shadow-sm);
}
.mds-table-cards__title {
	margin: 0 0 14px;
	font: 800 18px/1.15 "Outfit", sans-serif;
	color: var(--mds-text);
}
.mds-table-cards__row {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 16px;
	padding: 10px 0;
	border-top: 1px solid rgba(255,255,255,.07);
}
.mds-table-cards__label {
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--mds-text-dim);
}
.mds-table-cards__val {
	font-size: 14px;
	font-weight: 700;
	color: var(--mds-text-soft);
	text-align: right;
}

.mds-feature-badges {
	padding: 18px 0 24px;
}
.mds-feature-badges__top {
	display: grid;
	grid-template-columns: minmax(0, 1.08fr) minmax(300px, .92fr);
	gap: 16px;
	align-items: start;
	margin-bottom: 16px;
}
.mds-feature-badges__top--stacked {
	grid-template-columns: minmax(0, 1fr);
}
/* On wide screens, even --stacked layouts become 2-col so the aside summary card
   sits next to the heading instead of leaving a huge empty right column. */
@media (min-width: 960px) {
	.mds-feature-badges__top--stacked,
	.mds-section__layout--stacked {
		grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
	}
}
.mds-feature-badges__aside {
	min-width: 0;
}
.mds-feature-badges__summary-card {
	padding: 18px;
	border-radius: 16px;
	background: linear-gradient(180deg, rgba(17,20,29,.96), rgba(13,15,22,.96));
	border: 1px solid var(--mds-line);
	box-shadow: var(--mds-shadow-sm);
}
.mds-feature-badges__summary-card h3 {
	margin: 10px 0 8px;
	font: 800 20px/1.1 "Outfit", sans-serif;
	letter-spacing: -.03em;
	color: var(--mds-text);
}
.mds-feature-badges__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 14px;
}
.mds-feature-badges__item {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 16px;
	border-radius: 16px;
	background:
		radial-gradient(circle at left top, color-mix(in srgb, var(--mds-accent) 18%, transparent), transparent 38%),
		linear-gradient(180deg, rgba(20,18,27,.96), rgba(12,12,18,.96));
	border: 1px solid color-mix(in srgb, var(--mds-accent) 18%, transparent);
	box-shadow: var(--mds-shadow-sm);
	color: var(--mds-text-soft);
}
/* (removed) :last-child:nth-child(odd) { grid-column: 1 / -1 }
   That rule was designed for 2-column grids and broke the 3-column auto-fit
   layout (it stretched the last item full-width and pushed prior item alone
   on its own row). Letting items flow naturally gives a cleaner look:
   - 11 items in 3 cols = 3+3+3+2 (last row half-filled, items still side-by-side) */

/* === Featured games strip — 6 thumbnails from Image library, after hero ===
   Always-rendered visual block so the games slot has a guaranteed home. */
.mds-featured-games {
	padding: 8px 0 24px;
}
.mds-featured-games__title {
	margin: 4px 0 14px;
	font-size: clamp(20px, 2vw, 26px);
	font-weight: 700;
}
.mds-featured-games__strip {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 14px;
}
.mds-featured-games__card {
	margin: 0;
	border-radius: 14px;
	overflow: hidden;
	border: 1px solid var(--mds-line);
	box-shadow: 0 12px 28px rgba(0, 0, 0, .35);
	aspect-ratio: 3 / 4;
	background: var(--mds-panel-dark, #14181f);
}
.mds-featured-games__card img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .25s ease;
}
.mds-featured-games__card:hover img {
	transform: scale(1.04);
}
@media (max-width: 900px) {
	.mds-featured-games__strip {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}
@media (max-width: 480px) {
	.mds-featured-games__strip {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
	}
}

/* === Website image figure — single render under first H2 section ===
   Override global .mds-block max-width (1180px) with a tighter figure width.
   Selector below has higher specificity than .mds-page > .mds-block. */
.mds-page > .mds-block.mds-website-figure {
	max-width: 720px;
	margin: 8px auto 24px;
	padding: 0;
	border-radius: 18px;
	overflow: hidden;
	border: 1px solid var(--mds-line);
	box-shadow: 0 18px 40px rgba(0, 0, 0, .35);
}
.mds-website-figure img {
	display: block;
	width: 100%;
	height: auto;
}

/* === Trust strip — small badge cards in a grid (LC/SSL/GDPR/RNG icons) === */
.mds-trust-strip {
	padding: 12px 0 24px;
}
.mds-trust-strip__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 12px;
	margin-top: 14px;
}
.mds-trust-strip__card {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 14px 16px;
	border-radius: 14px;
	border: 1px solid var(--mds-line);
	background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(0,0,0,.04)), var(--mds-panel, #14181f);
	box-shadow: 0 8px 18px rgba(0, 0, 0, .25);
}
.mds-trust-strip__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	height: 32px;
	padding: 0 8px;
	border-radius: 8px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .06em;
	background: color-mix(in srgb, var(--mds-primary) 18%, transparent);
	color: color-mix(in srgb, var(--mds-primary) 80%, #fff 20%);
	border: 1px solid color-mix(in srgb, var(--mds-primary) 30%, transparent);
	flex-shrink: 0;
}
.mds-trust-strip__card p {
	margin: 0;
	font-size: 13px;
	line-height: 1.45;
	color: var(--mds-text-soft, #d4d8e0);
}

/* === CTA band — bold call-to-action band with copy + buttons === */
.mds-cta-band {
	padding: 24px 0;
}
.mds-cta-band__inner {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 28px;
	align-items: center;
	padding: 28px 32px;
	border-radius: 22px;
	background:
		radial-gradient(circle at top right, color-mix(in srgb, var(--mds-primary) 18%, transparent), transparent 45%),
		radial-gradient(circle at bottom left, color-mix(in srgb, var(--mds-accent) 14%, transparent), transparent 38%),
		linear-gradient(180deg, var(--mds-panel, #16191f), color-mix(in srgb, var(--mds-panel-dark, #0e1015) 92%, #000 8%));
	border: 1px solid color-mix(in srgb, var(--mds-primary) 30%, var(--mds-line-strong));
	box-shadow: 0 18px 40px rgba(0, 0, 0, .35);
}
.mds-cta-band__copy { min-width: 0; }
.mds-cta-band__eyebrow {
	display: inline-block;
	margin-bottom: 6px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: color-mix(in srgb, var(--mds-primary) 80%, #fff 20%);
}
.mds-cta-band__title {
	margin: 0 0 6px;
	font-size: clamp(20px, 2.2vw, 26px);
	font-weight: 700;
	line-height: 1.2;
}
.mds-cta-band__sub {
	margin: 0;
	font-size: 14px;
	line-height: 1.55;
	color: var(--mds-text-soft, #d4d8e0);
	max-width: 60ch;
}
.mds-cta-band__sub code {
	padding: 1px 6px;
	border-radius: 6px;
	background: rgba(255, 255, 255, .08);
	font-size: 12px;
}
.mds-cta-band__actions {
	display: flex;
	gap: 10px;
	flex-shrink: 0;
}
@media (max-width: 720px) {
	.mds-cta-band__inner {
		grid-template-columns: 1fr;
		padding: 22px;
	}
	.mds-cta-band__actions { flex-wrap: wrap; }
}

/* === Info card — single panel with title + body === */
.mds-info-card {
	padding: 12px 0 20px;
}
.mds-info-card__inner {
	padding: 24px 28px;
	border-radius: 18px;
	border: 1px solid var(--mds-line);
	background: var(--mds-panel, #14181f);
	box-shadow: 0 12px 28px rgba(0, 0, 0, .25);
}
.mds-info-card h2,
.mds-info-card h3 { margin-top: 0; }

/* === Pros cards — two-column pros/cons style cards === */
.mds-pros-cards {
	padding: 12px 0 20px;
}
.mds-pros-cards__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 16px;
	margin-top: 14px;
}
.mds-pros-cards__card {
	padding: 20px 22px;
	border-radius: 18px;
	border: 1px solid var(--mds-line);
	background: var(--mds-panel, #14181f);
	box-shadow: 0 10px 24px rgba(0, 0, 0, .22);
}
.mds-pros-cards__card h3,
.mds-pros-cards__card h4 { margin-top: 0; }
.mds-pros-cards__card ul {
	margin: 8px 0 0;
	padding-left: 18px;
}
.mds-pros-cards__card li {
	margin: 6px 0;
	font-size: 14px;
	line-height: 1.55;
}

/* === Table classic — clean borderless data table === */
.mds-table-classic {
	padding: 12px 0 24px;
}
.mds-table-classic table,
table.mdpg-table {
	width: 100%;
	border-collapse: collapse;
	margin-top: 10px;
	border-radius: 12px;
	overflow: hidden;
	background: var(--mds-panel, #14181f);
	border: 1px solid var(--mds-line);
}
.mds-table-classic th,
.mds-table-classic td,
table.mdpg-table th,
table.mdpg-table td {
	padding: 12px 16px;
	text-align: left;
	border-bottom: 1px solid var(--mds-line);
	font-size: 14px;
	line-height: 1.5;
}
.mds-table-classic thead th,
table.mdpg-table thead th {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	background: rgba(255,255,255,.03);
	color: color-mix(in srgb, var(--mds-text, #f0f0f0) 70%, transparent);
}
.mds-table-classic tbody tr:last-child td,
table.mdpg-table tbody tr:last-child td {
	border-bottom: none;
}

/* === Prose wide — flowing long-form text === */
.mds-prose-wide {
	padding: 12px 0 24px;
}
.mds-prose-wide .mds-prose,
.mds-prose-wide h2,
.mds-prose-wide h3,
.mds-prose-wide p,
.mds-prose-wide ul,
.mds-prose-wide ol {
	max-width: 70ch;
}
.mds-prose-wide p,
.mds-prose-wide li {
	font-size: 15px;
	line-height: 1.7;
}

/* === Steps timeline — numbered vertical timeline === */
.mds-steps-timeline {
	padding: 12px 0 24px;
}
.mds-steps-timeline__list {
	position: relative;
	margin: 14px 0 0;
	padding: 0 0 0 32px;
	list-style: none;
}
.mds-steps-timeline__list::before {
	content: "";
	position: absolute;
	left: 12px;
	top: 6px;
	bottom: 6px;
	width: 2px;
	background: color-mix(in srgb, var(--mds-primary) 38%, var(--mds-line));
}
.mds-steps-timeline__item {
	position: relative;
	margin: 0 0 14px;
	padding: 14px 18px;
	border-radius: 14px;
	border: 1px solid var(--mds-line);
	background: var(--mds-panel, #14181f);
}
.mds-steps-timeline__item::before {
	content: counter(timeline-step);
	counter-increment: timeline-step;
	position: absolute;
	left: -32px;
	top: 12px;
	width: 28px;
	height: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: var(--mds-primary);
	color: #1a1408;
	font-weight: 700;
	font-size: 13px;
}
.mds-steps-timeline__list { counter-reset: timeline-step; }

/* === Game thumbnail grid — 6/8 game cards === */
.mds-game-thumbnail-grid {
	padding: 12px 0 24px;
}
.mds-game-thumbnail-grid__list {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
	gap: 12px;
	margin-top: 14px;
	list-style: none;
	padding: 0;
}
.mds-game-thumbnail-grid__item {
	border-radius: 12px;
	overflow: hidden;
	border: 1px solid var(--mds-line);
	aspect-ratio: 3 / 4;
	background: var(--mds-panel-dark, #0e1015);
}
.mds-game-thumbnail-grid__item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* === Provider grid — small logo tiles === */
.mds-provider-grid {
	padding: 12px 0 24px;
}
.mds-provider-grid__list {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
	gap: 12px;
	margin: 14px 0 0;
	list-style: none;
	padding: 0;
}
.mds-provider-grid__item {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	padding: 14px 10px;
	border-radius: 12px;
	border: 1px solid var(--mds-line);
	background: var(--mds-panel, #14181f);
	text-align: center;
}
.mds-provider-grid__logo {
	width: 64px;
	height: 64px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	background: rgba(255,255,255,.04);
	font-weight: 700;
	font-size: 18px;
	color: color-mix(in srgb, var(--mds-primary) 80%, #fff 20%);
}
.mds-provider-grid__logo img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}
.mds-provider-grid__name {
	font-size: 13px;
	font-weight: 600;
	color: var(--mds-text, #f0f0f0);
}
.mds-provider-grid__meta {
	font-size: 11px;
	letter-spacing: .04em;
	color: var(--mds-text-soft, #d4d8e0);
	text-transform: uppercase;
}

/* === Author bio card — styled trust signal at end of page === */
.mds-author-bio__card {
	display: flex;
	align-items: flex-start;
	gap: 20px;
	padding: 22px 24px;
	margin: 12px auto 0;
	border-radius: 18px;
	border: 1px solid var(--mds-line);
	background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(0,0,0,.04)), var(--mds-panel, #14181f);
	box-shadow: 0 14px 30px rgba(0, 0, 0, .25);
}
.mds-author-bio__photo {
	flex-shrink: 0;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	overflow: hidden;
	border: 2px solid color-mix(in srgb, var(--mds-primary) 40%, var(--mds-line));
	background: var(--mds-panel-dark, #14181f);
}
.mds-author-bio__photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.mds-author-bio__body {
	flex: 1;
	min-width: 0;
}
.mds-author-bio__label {
	margin: 0 0 4px;
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .12em;
	color: color-mix(in srgb, var(--mds-text, #f0f0f0) 60%, transparent);
}
.mds-author-bio__name {
	margin: 0 0 8px;
	font-size: 20px;
	font-weight: 700;
	color: var(--mds-text, #f0f0f0);
}
.mds-author-bio__text {
	margin: 0;
	font-size: 14px;
	line-height: 1.6;
	color: color-mix(in srgb, var(--mds-text, #f0f0f0) 85%, transparent);
}
@media (max-width: 640px) {
	.mds-author-bio__card {
		flex-direction: column;
		align-items: center;
		text-align: center;
		gap: 14px;
	}
	.mds-author-bio__photo {
		width: 96px;
		height: 96px;
	}
}
.mds-feature-badges__icon {
	width: 18px;
	height: 18px;
	margin-top: 2px;
	flex-shrink: 0;
	color: color-mix(in srgb, var(--mds-primary) 78%, #fff 22%);
}

@media (max-width: 780px) {
	.mds-feature-badges__top {
		grid-template-columns: 1fr;
	}
	.mds-feature-badges__top--stacked {
		grid-template-columns: 1fr;
	}
}

.mds-info-stripes {
	padding: 20px 0;
}
.mds-info-stripes__list {
	list-style: none;
	margin: 0 0 16px;
	padding: 0;
	display: grid;
	gap: 10px;
}
.mds-info-stripes__row {
	display: grid;
	grid-template-columns: auto 1fr auto;
	gap: 12px;
	align-items: center;
	padding: 14px 16px;
	border-radius: 14px;
	background: linear-gradient(90deg, rgba(18,22,31,.98), rgba(11,13,20,.98));
	border: 1px solid var(--mds-line);
}
.mds-info-stripes__k {
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: color-mix(in srgb, var(--mds-primary) 78%, #fff 22%);
}
.mds-info-stripes__dot {
	height: 1px;
	background: linear-gradient(90deg, color-mix(in srgb, var(--mds-primary) 16%, transparent), rgba(255,255,255,.06));
}
.mds-info-stripes__v {
	font-size: 14px;
	font-weight: 700;
	color: var(--mds-text-soft);
	text-align: right;
}

.mds-prose-quote {
	padding: 22px 0;
}
.mds-prose-quote__grid {
	display: grid;
	grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr);
	gap: 18px;
	align-items: start;
}
.mds-prose-quote__grid--single {
	grid-template-columns: minmax(0, 1fr);
}
.mds-prose-quote__pull {
	margin: 0;
	padding: 22px 20px;
	border-radius: 18px;
	background:
		radial-gradient(circle at top left, color-mix(in srgb, var(--mds-primary) 16%, transparent), transparent 36%),
		linear-gradient(180deg, rgba(27,22,18,.96), rgba(15,13,12,.96));
	border: 1px solid color-mix(in srgb, var(--mds-primary) 16%, transparent);
	box-shadow: var(--mds-shadow-sm);
	color: var(--mds-text);
	font: 700 22px/1.28 "Outfit", sans-serif;
	letter-spacing: -.03em;
}
.mds-prose-quote__grid--single .mds-prose-quote__pull {
	max-width: 860px;
	width: 100%;
}
.mds-prose-quote .mds-prose {
	padding: 20px;
	border-radius: 16px;
	background: linear-gradient(180deg, rgba(17,20,29,.95), rgba(12,14,20,.95));
	border: 1px solid var(--mds-line);
}

.mds-faq--twocol {
	padding: 28px 0 34px;
}
.mds-faq--twocol .mds-faq__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}
/* When the twocol grid only has a single cell, span full width instead of leaving the right half empty. */
.mds-faq--twocol .mds-faq__grid:has(> .mds-faq__cell:only-child) {
	grid-template-columns: 1fr;
}
/* Fallback for browsers without :has() — single-child article via :only-child */
.mds-faq--twocol .mds-faq__grid > .mds-faq__cell:only-child {
	grid-column: 1 / -1;
}
.mds-faq__cell {
	padding: 18px;
	border-radius: 16px;
	background:
		radial-gradient(circle at top right, color-mix(in srgb, var(--mds-primary) 8%, transparent), transparent 24%),
		linear-gradient(180deg, rgba(17,20,29,.96), rgba(12,14,20,.96));
	border: 1px solid var(--mds-line);
	box-shadow: var(--mds-shadow-sm);
}
.mds-faq__cell .mds-faq__q {
	margin: 0 0 10px;
	padding: 0;
	display: block;
	font: 800 18px/1.28 "Outfit", sans-serif;
	color: var(--mds-text);
}
.mds-faq__cell .mds-faq__a {
	margin: 0;
	padding: 0;
	font-size: 14px;
	color: var(--mds-text-soft);
}

.mds-pros-inline {
	padding: 24px 0;
}
.mds-pros-inline__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 12px;
}
.mds-pros-inline__item {
	display: grid;
	grid-template-columns: 118px 1fr;
	gap: 16px;
	align-items: start;
	padding: 14px 16px;
	border-radius: 14px;
	background: linear-gradient(180deg, rgba(17,20,29,.95), rgba(11,13,19,.95));
	border-left: 3px solid color-mix(in srgb, var(--mds-primary) 78%, #fff 22%);
	border-top: 1px solid var(--mds-line);
	border-right: 1px solid var(--mds-line);
	border-bottom: 1px solid var(--mds-line);
}
.mds-pros-inline__label {
	display: inline-flex;
	width: fit-content;
	padding: 6px 8px;
	border-radius: 999px;
	background: color-mix(in srgb, var(--mds-primary) 10%, transparent);
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: color-mix(in srgb, var(--mds-primary) 78%, #fff 22%);
}
.mds-pros-inline__item span {
	color: var(--mds-text-soft);
	font-size: 14px;
}

.mds-steps-numbered {
	padding: 24px 0;
}
.mds-steps-numbered__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 14px;
}
.mds-steps-numbered__card {
	padding: 18px;
	border-radius: 16px;
	background:
		radial-gradient(circle at top right, color-mix(in srgb, var(--mds-accent) 14%, transparent), transparent 24%),
		linear-gradient(180deg, rgba(19,17,23,.96), rgba(11,12,18,.96));
	border: 1px solid color-mix(in srgb, var(--mds-accent) 18%, transparent);
	box-shadow: var(--mds-shadow-sm);
}
.mds-steps-numbered__badge {
	display: inline-flex;
	padding: 6px 10px;
	border-radius: 999px;
	background: rgba(255,255,255,.06);
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: color-mix(in srgb, var(--mds-primary) 78%, #fff 22%);
}
.mds-steps-numbered__card p {
	margin: 14px 0 0;
	font-size: 14px;
	color: var(--mds-text-soft);
}
.mds-hero--centered .mds-hero__inner--center {
	position: relative;
	display: grid;
	grid-template-columns: 1fr;
	justify-items: center;
	text-align: center;
	overflow: hidden;
	padding: 24px 20px;
	border-radius: 22px;
	background:
		radial-gradient(circle at top center, color-mix(in srgb, var(--mds-primary) 12%, transparent), transparent 26%),
		linear-gradient(180deg, rgba(18,20,30,.98), rgba(10,11,17,.98));
	border: 1px solid var(--mds-line);
}
.mds-hero--centered .mds-hero__inner--center::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(180deg, rgba(8,10,15,.46), rgba(8,10,15,.72) 56%, rgba(8,10,15,.88)),
		var(--mds-hero-bg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	opacity: .9;
	filter: saturate(1.04) contrast(1.03);
	pointer-events: none;
}
.mds-hero--centered .mds-hero__inner--center::after {
	content: "";
	position: absolute;
	inset: 0;
	background:
		radial-gradient(circle at top center, color-mix(in srgb, var(--mds-primary) 18%, transparent), transparent 34%),
		linear-gradient(180deg, rgba(7,8,12,.12), rgba(7,8,12,.28) 45%, rgba(7,8,12,.72));
	pointer-events: none;
}
.mds-hero--centered .mds-hero__inner--center > * {
	position: relative;
	z-index: 1;
}
.mds-hero--centered .mds-hero__badge {
	display: inline-flex;
	padding: 6px 10px;
	border-radius: 999px;
	background: color-mix(in srgb, var(--mds-primary) 10%, transparent);
	color: color-mix(in srgb, var(--mds-primary) 78%, #fff 22%);
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .16em;
	text-transform: uppercase;
}
.mds-hero--centered .mds-hero__title,
.mds-hero--centered .mds-hero__intro {
	max-width: 18ch;
}
.mds-hero--centered .mds-hero__intro {
	max-width: 72ch;
}
.mds-hero--centered .mds-hero__cta-row {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
	margin-top: 18px;
}

@media (max-width: 900px) {
	.mds-table-cards__grid,
	.mds-faq--twocol .mds-faq__grid,
	.mds-steps-numbered__grid,
	.mds-prose-quote__grid {
		grid-template-columns: 1fr;
	}
	.mds-feature-badges__list {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 640px) {
	.mds-pros-inline__item {
		grid-template-columns: 1fr;
	}
}

body.mds-pack-light_editorial .mds-header {
	background: rgba(255,255,255,.94) !important;
	border-bottom-color: rgba(22, 89, 168, 0.10) !important;
	box-shadow: 0 12px 28px rgba(22, 89, 168, 0.06) !important;
}

body.mds-pack-light_editorial .mds-main {
	background:
		radial-gradient(circle at top center, color-mix(in srgb, var(--mds-primary) 8%, transparent), transparent 24%),
		linear-gradient(180deg, #fbfdff 0%, #f1f6fb 58%, #e8eef6 100%);
}

body.mds-pack-light_editorial .mds-brand__text,
body.mds-pack-light_editorial .mds-nav a,
body.mds-pack-light_editorial .mds-header__actions .mds-btn--ghost,
body.mds-pack-light_editorial .mds-header__actions .mds-btn--line {
	color: #101622;
}

body.mds-pack-light_editorial .mds-nav a:hover,
body.mds-pack-light_editorial .mds-btn--ghost:hover,
body.mds-pack-light_editorial .mds-btn--line:hover {
	background: rgba(22, 89, 168, 0.06);
	border-color: rgba(22, 89, 168, 0.16);
}

body.mds-pack-light_editorial .mds-btn--ghost,
body.mds-pack-light_editorial .mds-btn--line,
body.mds-pack-light_editorial .mds-btn--light {
	background: rgba(255,255,255,.92) !important;
	border-color: rgba(16, 22, 34, 0.14) !important;
	color: #101622 !important;
}

body.mds-pack-light_editorial .mds-brand__mark {
	background: linear-gradient(180deg, rgba(22,89,168,.18), rgba(22,89,168,.08));
	border-color: rgba(22,89,168,.18);
	color: color-mix(in srgb, var(--mds-primary) 78%, #101622 22%);
}

body.mds-pack-light_editorial .mds-btn--ghost,
body.mds-pack-light_editorial .mds-btn--line {
	background: rgba(255,255,255,.82);
	border-color: rgba(16, 22, 34, 0.14);
	color: #101622;
	box-shadow: 0 8px 18px rgba(22, 89, 168, 0.05);
}

body.mds-pack-light_editorial .mds-header__inner,
body.mds-pack-light_editorial .mds-hero__inner,
body.mds-pack-light_editorial .mds-hero__art,
body.mds-pack-light_editorial .mds-overview__card,
body.mds-pack-light_editorial .mds-overview__body,
body.mds-pack-light_editorial .mds-game,
body.mds-pack-light_editorial .mds-game__visual,
body.mds-pack-light_editorial .mds-table-cards__item,
body.mds-pack-light_editorial .mds-feature-badges__item,
body.mds-pack-light_editorial .mds-info-stripes__row,
body.mds-pack-light_editorial .mds-prose-quote__pull,
body.mds-pack-light_editorial .mds-prose-quote .mds-prose,
body.mds-pack-light_editorial .mds-faq__item,
body.mds-pack-light_editorial .mds-faq__cell,
body.mds-pack-light_editorial .mds-pros-inline__item,
body.mds-pack-light_editorial .mds-steps-numbered__card,
body.mds-pack-light_editorial .mds-provider-card,
body.mds-pack-light_editorial .mds-cta__inner,
body.mds-pack-light_editorial .mds-table-wrap,
body.mds-pack-light_editorial .mds-footer,
body.mds-pack-light_editorial .mds-footer--compact,
body.mds-pack-light_editorial .mds-hero--centered .mds-hero__inner--center {
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0.995), rgba(247, 250, 253, 0.985)) !important;
	border-color: rgba(22, 89, 168, 0.10) !important;
	box-shadow: 0 18px 40px rgba(22, 89, 168, 0.08) !important;
}

body.mds-pack-light_editorial .mds-section__head h2,
body.mds-pack-light_editorial .mds-hero__title,
body.mds-pack-light_editorial .mds-hero__aside-label,
body.mds-pack-light_editorial .mds-overview__label,
body.mds-pack-light_editorial .mds-game__name,
body.mds-pack-light_editorial .mds-game__metric,
body.mds-pack-light_editorial .mds-provider-card__name,
body.mds-pack-light_editorial .mds-faq__q,
body.mds-pack-light_editorial .mds-pros-inline__label,
body.mds-pack-light_editorial .mds-footer__brand-name {
	color: #101622;
}

body.mds-pack-light_editorial .mds-hero__title {
	max-width: 24ch;
}

body.mds-pack-light_editorial .mds-section__head h2 {
	max-width: 18ch;
}

body.mds-pack-light_editorial .mds-hero__intro,
body.mds-pack-light_editorial .mds-hero__aside-text,
body.mds-pack-light_editorial .mds-section__intro,
body.mds-pack-light_editorial .mds-overview__value,
body.mds-pack-light_editorial .mds-game__sub,
body.mds-pack-light_editorial .mds-prose p,
body.mds-pack-light_editorial .mds-prose li,
body.mds-pack-light_editorial .mds-prose-quote .mds-prose,
body.mds-pack-light_editorial .mds-faq__a,
body.mds-pack-light_editorial .mds-pros-inline__item span,
body.mds-pack-light_editorial .mds-steps-numbered__card p,
body.mds-pack-light_editorial .mds-footer__compact-note,
body.mds-pack-light_editorial .mds-footer__copy,
body.mds-pack-light_editorial .mds-footer__legal a,
body.mds-pack-light_editorial .mds-footer__tagline {
	color: #445063;
}

body.mds-pack-light_editorial .mds-hero__inner {
	border-color: rgba(22, 89, 168, 0.12);
}

body.mds-pack-light_editorial .mds-hero__art::after {
	background: linear-gradient(180deg, rgba(247, 250, 253, 0.04), rgba(247, 250, 253, 0.22) 58%, rgba(247, 250, 253, 0.56) 100%);
}

body.mds-pack-light_editorial .mds-hero__image {
	opacity: .88;
}

body.mds-pack-light_editorial .mds-hero__trust li,
body.mds-pack-light_editorial .mds-game__tag,
body.mds-pack-light_editorial .mds-game__metric,
body.mds-pack-light_editorial .mds-info-stripes__k,
body.mds-pack-light_editorial .mds-faq__cell .mds-faq__q,
body.mds-pack-light_editorial .mds-pros-inline__label,
body.mds-pack-light_editorial .mds-steps-numbered__badge {
	background: rgba(22, 89, 168, 0.06);
	border-color: rgba(22, 89, 168, 0.10);
	color: color-mix(in srgb, var(--mds-primary) 72%, #101622 28%);
}

body.mds-pack-light_editorial .mds-overview__card,
body.mds-pack-light_editorial .mds-game,
body.mds-pack-light_editorial .mds-provider-card,
body.mds-pack-light_editorial .mds-info-stripes__row,
body.mds-pack-light_editorial .mds-pros-inline__item,
body.mds-pack-light_editorial .mds-steps-numbered__card,
body.mds-pack-light_editorial .mds-faq__cell,
body.mds-pack-light_editorial .mds-table-wrap {
	border-color: rgba(22, 89, 168, 0.10);
}

body.mds-pack-light_editorial .mds-table-cards__row,
body.mds-pack-light_editorial .mds-feature-badges__item,
body.mds-pack-light_editorial .mds-info-stripes__row,
body.mds-pack-light_editorial .mds-pros-inline__item,
body.mds-pack-light_editorial .mds-steps-numbered__card,
body.mds-pack-light_editorial .mds-faq__item,
body.mds-pack-light_editorial .mds-faq__cell,
body.mds-pack-light_editorial .mds-cta__inner {
	border-color: rgba(22, 89, 168, 0.10);
}

body.mds-pack-light_editorial .mds-table,
body.mds-pack-light_editorial .mds-table tbody td {
	color: #445063;
}

body.mds-pack-light_editorial .mds-table thead th {
	background: rgba(22, 89, 168, 0.06);
	color: #1659a8;
}

body.mds-pack-light_editorial .mds-table-cards__item {
	background:
		radial-gradient(circle at top right, rgba(22, 89, 168, 0.06), transparent 24%),
		linear-gradient(180deg, rgba(255,255,255,.98), rgba(244,249,253,.98));
}

body.mds-pack-light_editorial .mds-table-cards__row {
	border-top-color: rgba(16, 22, 34, 0.08);
}

body.mds-pack-light_editorial .mds-feature-badges__item,
body.mds-pack-light_editorial .mds-info-stripes__row,
body.mds-pack-light_editorial .mds-pros-inline__item,
body.mds-pack-light_editorial .mds-steps-numbered__card,
body.mds-pack-light_editorial .mds-faq__item,
body.mds-pack-light_editorial .mds-faq__cell,
body.mds-pack-light_editorial .mds-prose-quote__pull,
body.mds-pack-light_editorial .mds-prose-quote .mds-prose,
body.mds-pack-light_editorial .mds-provider-card,
body.mds-pack-light_editorial .mds-cta__inner {
	background:
		linear-gradient(180deg, rgba(255,255,255,.99), rgba(247,250,253,.98)) !important;
}

body.mds-pack-light_editorial .mds-feature-badges__item,
body.mds-pack-light_editorial .mds-info-stripes__row,
body.mds-pack-light_editorial .mds-pros-inline__item,
body.mds-pack-light_editorial .mds-steps-numbered__card,
body.mds-pack-light_editorial .mds-faq__item,
body.mds-pack-light_editorial .mds-faq__cell,
body.mds-pack-light_editorial .mds-prose-quote__pull,
body.mds-pack-light_editorial .mds-prose-quote .mds-prose,
body.mds-pack-light_editorial .mds-provider-card,
body.mds-pack-light_editorial .mds-cta__inner {
	border-color: rgba(22, 89, 168, 0.10) !important;
}

body.mds-pack-light_editorial .mds-cta__inner {
	padding: 20px 18px;
}

body.mds-pack-light_editorial .mds-table-cards__title,
body.mds-pack-light_editorial .mds-feature-badges__icon {
	color: color-mix(in srgb, var(--mds-primary) 74%, #101622 26%);
}

body.mds-pack-light_editorial .mds-table tbody tr {
	border-top-color: rgba(22, 89, 168, 0.10);
}

body.mds-pack-light_editorial .mds-footer {
	border-top-color: rgba(22, 89, 168, 0.10);
}

body.mds-pack-light_editorial .mds-footer__legal a,
body.mds-pack-light_editorial .mds-footer__compact-note,
body.mds-pack-light_editorial .mds-footer__copy,
body.mds-pack-light_editorial .mds-footer__tagline {
	color: #445063;
}

body.mds-pack-light_editorial .mds-footer__brand-name,
body.mds-pack-light_editorial .mds-footer__logo {
	color: #101622;
}

body.mds-pack-light_editorial .mds-footer__col h3 {
	color: #6c7485;
}

body.mds-pack-light_editorial .mds-footer__legal a:hover {
	color: #101622;
}

body.mds-pack-light_editorial .mds-header,
body.mds-pack-light_editorial .mds-header__inner,
body.mds-pack-light_editorial .mds-footer,
body.mds-pack-light_editorial .mds-footer--compact,
body.mds-pack-light_editorial .mds-footer--full {
	background: rgba(255,255,255,.97) !important;
	border-color: rgba(22, 89, 168, 0.10) !important;
	box-shadow: 0 18px 40px rgba(22,89,168,.06) !important;
}

body.mds-pack-light_editorial .mds-main {
	background:
		radial-gradient(circle at top center, rgba(22,89,168,.10), transparent 28%),
		linear-gradient(180deg, #f9fbff 0%, #eef4fb 56%, #f6f9fd 100%) !important;
}

body.mds-pack-light_editorial .mds-header__inner,
body.mds-pack-light_editorial .mds-hero__inner,
body.mds-pack-light_editorial .mds-hero__art,
body.mds-pack-light_editorial .mds-overview__card,
body.mds-pack-light_editorial .mds-overview__body,
body.mds-pack-light_editorial .mds-game,
body.mds-pack-light_editorial .mds-game__visual,
body.mds-pack-light_editorial .mds-table-classic__frame,
body.mds-pack-light_editorial .mds-story__body,
body.mds-pack-light_editorial .mds-feature,
body.mds-pack-light_editorial .mds-step,
body.mds-pack-light_editorial .mds-trust__card,
body.mds-pack-light_editorial .mds-provider,
body.mds-pack-light_editorial .mds-reason,
body.mds-pack-light_editorial .mds-cta__inner,
body.mds-pack-light_editorial .mds-table-wrap,
body.mds-pack-light_editorial .mds-footer__compact {
	background: linear-gradient(180deg, rgba(255,255,255,.99), rgba(247,250,253,.98)) !important;
	border-color: rgba(22, 89, 168, 0.10) !important;
}

body.mds-pack-light_editorial .mds-hero__title {
	max-width: 28ch;
	color: #101622;
}

body.mds-pack-light_editorial .mds-section__head h2 {
	max-width: 22ch;
	color: #101622;
}

body.mds-pack-light_editorial .mds-hero__intro,
body.mds-pack-light_editorial .mds-hero__aside-text,
body.mds-pack-light_editorial .mds-section__intro,
body.mds-pack-light_editorial .mds-overview__value,
body.mds-pack-light_editorial .mds-game__sub,
body.mds-pack-light_editorial .mds-prose p,
body.mds-pack-light_editorial .mds-prose li,
body.mds-pack-light_editorial .mds-prose-quote .mds-prose,
body.mds-pack-light_editorial .mds-faq__a,
body.mds-pack-light_editorial .mds-pros-inline__item span,
body.mds-pack-light_editorial .mds-steps-numbered__card p,
body.mds-pack-light_editorial .mds-footer__compact-note,
body.mds-pack-light_editorial .mds-footer__copy,
body.mds-pack-light_editorial .mds-footer__legal a,
body.mds-pack-light_editorial .mds-footer__tagline {
	color: #43556c;
}

body.mds-pack-light_editorial .mds-hero__metric,
body.mds-pack-light_editorial .mds-hero__aside,
body.mds-pack-light_editorial .mds-info-stripes__k,
body.mds-pack-light_editorial .mds-faq__cell .mds-faq__q,
body.mds-pack-light_editorial .mds-pros-inline__label,
body.mds-pack-light_editorial .mds-steps-numbered__badge,
body.mds-pack-light_editorial .mds-game__tag,
body.mds-pack-light_editorial .mds-game__metric {
	background: rgba(22, 89, 168, 0.06) !important;
	border-color: rgba(22, 89, 168, 0.10) !important;
}

body.mds-pack-light_editorial .mds-hero__metric strong,
body.mds-pack-light_editorial .mds-hero__aside-label,
body.mds-pack-light_editorial .mds-overview__label,
body.mds-pack-light_editorial .mds-game__name,
body.mds-pack-light_editorial .mds-game__metric,
body.mds-pack-light_editorial .mds-provider-card__name,
body.mds-pack-light_editorial .mds-faq__q,
body.mds-pack-light_editorial .mds-pros-inline__label,
body.mds-pack-light_editorial .mds-footer__brand-name,
body.mds-pack-light_editorial .mds-footer__logo,
body.mds-pack-light_editorial .mds-table-cards__title,
body.mds-pack-light_editorial .mds-feature-badges__icon {
	color: #101622;
}

body.mds-pack-light_editorial .mds-table,
body.mds-pack-light_editorial .mds-table tbody td {
	color: #43556c;
}

body.mds-pack-light_editorial .mds-table thead th {
	background: rgba(22,89,168,.06);
	color: #1659a8;
}

body.mds-pack-light_editorial .mds-table tbody tr {
	border-top-color: rgba(22,89,168,.10);
}

body.mds-pack-dark_cards {
	--mds-container: 1320px;
	--mds-bg: #090d15;
	--mds-bg-soft: #101827;
	--mds-panel: #151c2a;
	--mds-panel-soft: #1b2232;
	--mds-panel-dark: #080b11;
	--mds-panel-dark-2: #0d1220;
	--mds-line: rgba(255,255,255,.16);
	--mds-line-strong: rgba(240,176,63,.34);
	--mds-text: #f9fbff;
	--mds-text-soft: #dbe3ef;
	--mds-text-dim: #aab5c8;
	background:
		radial-gradient(circle at top left, color-mix(in srgb, var(--mds-primary) 18%, transparent), transparent 26%),
		radial-gradient(circle at top right, color-mix(in srgb, var(--mds-accent) 14%, transparent), transparent 22%),
		radial-gradient(circle at 50% 0%, rgba(255, 255, 255, 0.04), transparent 28%),
		linear-gradient(180deg, #090d15 0%, #0e1420 42%, #080b11 100%);
	color: var(--mds-text);
}

body.mds-pack-dark_cards .mds-main {
	background:
		radial-gradient(circle at top center, rgba(240,176,63,.10), transparent 24%),
		radial-gradient(circle at bottom left, rgba(74,209,140,.08), transparent 26%),
		linear-gradient(180deg, #101827 0%, #0b1019 56%, #080b11 100%);
}

body.mds-pack-dark_cards .mds-header,
body.mds-pack-dark_cards .mds-footer,
body.mds-pack-dark_cards .mds-footer--compact,
body.mds-pack-dark_cards .mds-footer--full {
	background: rgba(12, 16, 25, 0.94) !important;
	border-color: rgba(240,176,63,.16) !important;
	box-shadow: 0 20px 42px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.03) !important;
}

body.mds-pack-dark_cards .mds-section__head h2,
body.mds-pack-dark_cards .mds-hero__title,
body.mds-pack-dark_cards .mds-hero__aside-label,
body.mds-pack-dark_cards .mds-overview__label,
body.mds-pack-dark_cards .mds-game__name,
body.mds-pack-dark_cards .mds-game__metric,
body.mds-pack-dark_cards .mds-provider-card__name,
body.mds-pack-dark_cards .mds-faq__q,
body.mds-pack-dark_cards .mds-pros-inline__label,
body.mds-pack-dark_cards .mds-footer__brand-name,
body.mds-pack-dark_cards .mds-footer__logo {
	color: #f9fbff;
}

body.mds-pack-dark_cards p,
body.mds-pack-dark_cards li,
body.mds-pack-dark_cards td,
body.mds-pack-dark_cards .mds-hero__intro,
body.mds-pack-dark_cards .mds-hero__aside-text,
body.mds-pack-dark_cards .mds-section__intro,
body.mds-pack-dark_cards .mds-overview__value,
body.mds-pack-dark_cards .mds-game__sub,
body.mds-pack-dark_cards .mds-prose p,
body.mds-pack-dark_cards .mds-prose li,
body.mds-pack-dark_cards .mds-prose-quote .mds-prose,
body.mds-pack-dark_cards .mds-faq__a,
body.mds-pack-dark_cards .mds-pros-inline__item span,
body.mds-pack-dark_cards .mds-steps-numbered__card p,
body.mds-pack-dark_cards .mds-footer__compact-note,
body.mds-pack-dark_cards .mds-footer__copy,
body.mds-pack-dark_cards .mds-footer__legal a,
body.mds-pack-dark_cards .mds-footer__tagline {
	color: #dbe3ef;
	font-weight: 540;
}

body.mds-pack-dark_cards .mds-section,
body.mds-pack-dark_cards .mds-hero__inner,
body.mds-pack-dark_cards .mds-hero__art,
body.mds-pack-dark_cards .mds-overview__card,
body.mds-pack-dark_cards .mds-overview__body,
body.mds-pack-dark_cards .mds-game,
body.mds-pack-dark_cards .mds-game__visual,
body.mds-pack-dark_cards .mds-table-classic__frame,
body.mds-pack-dark_cards .mds-story__body,
body.mds-pack-dark_cards .mds-feature,
body.mds-pack-dark_cards .mds-step,
body.mds-pack-dark_cards .mds-trust__card,
body.mds-pack-dark_cards .mds-provider,
body.mds-pack-dark_cards .mds-reason,
body.mds-pack-dark_cards .mds-cta__inner,
body.mds-pack-dark_cards .mds-table-wrap,
body.mds-pack-dark_cards .mds-footer__compact {
	background: linear-gradient(180deg, rgba(24,31,46,.98), rgba(13,17,27,.98)) !important;
	border-color: rgba(240,176,63,.16) !important;
	box-shadow: 0 18px 38px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.03) !important;
}

body.mds-pack-dark_cards .mds-section__head h2 {
	max-width: 42ch;
	text-wrap: balance;
}

body.mds-pack-dark_cards .mds-hero__title {
	max-width: 26ch;
}

body.mds-pack-dark_cards .mds-hero__trust li,
body.mds-pack-dark_cards .mds-game__tag,
body.mds-pack-dark_cards .mds-game__metric,
body.mds-pack-dark_cards .mds-info-stripes__k,
body.mds-pack-dark_cards .mds-faq__cell .mds-faq__q,
body.mds-pack-dark_cards .mds-pros-inline__label,
body.mds-pack-dark_cards .mds-steps-numbered__badge {
	background: rgba(240,176,63,.08) !important;
	border-color: rgba(240,176,63,.16) !important;
	color: color-mix(in srgb, var(--mds-primary) 72%, #f9fbff 28%);
}

body.mds-pack-dark_cards .mds-table thead th {
	background: rgba(240,176,63,.08);
	color: color-mix(in srgb, var(--mds-primary) 72%, #f9fbff 28%);
}

body.mds-pack-dark_cards .mds-nav a {
	color: #dbe3ef;
}

body.mds-pack-dark_cards .mds-nav a:hover {
	background: rgba(255,255,255,.05);
	color: #fff;
}

body.mds-pack-dark_cards .mds-btn--ghost,
body.mds-pack-dark_cards .mds-btn--line {
	color: #f9fbff;
	border-color: rgba(255,255,255,.12);
	background: rgba(255,255,255,.03);
}

body.mds-pack-dark_cards .mds-section:nth-of-type(4n+1) .mds-section__head h2 {
	text-shadow: 0 0 24px color-mix(in srgb, var(--mds-primary) 18%, transparent);
}

body.mds-pack-dark_cards .mds-section:nth-of-type(4n+2) .mds-section__head h2 {
	text-shadow: 0 0 24px color-mix(in srgb, var(--mds-accent) 18%, transparent);
}

body.mds-pack-dark_cards .mds-section:nth-of-type(4n+3) .mds-section__head h2 {
	text-shadow: 0 0 24px rgba(90, 165, 255, 0.16);
}

body.mds-pack-dark_cards .mds-section:nth-of-type(4n+4) .mds-section__head h2 {
	text-shadow: 0 0 24px rgba(255, 124, 178, 0.14);
}

/* === Layout container fix (Apr 2026) ===
   Many blocks (hero, faq--twocol, cta-band, etc.) render without a
   .mds-container wrapper, so they stretch full viewport on wide screens.
   Constrain every page-level block to the standard container width and
   add side padding so content never sits flush against the viewport edge. */
.mds-page > .mds-block {
	max-width: var(--mds-container);
	margin-inline: auto;
	padding-inline: clamp(16px, 3vw, 32px);
	box-sizing: border-box;
}
.mds-page > .mds-block > .mds-container {
	padding-inline: 0;
}

/* === Locale switcher dropdown (flag + code) (Apr 2026) ===
   Compact "🇫🇷 FR ▾" trigger that reveals a dropdown of all locales. */
.mds-locale-switch {
	position: relative;
	display: inline-block;
}
.mds-locale-switch[open] > summary .mds-locale-switch__chevron {
	transform: rotate(180deg);
}
.mds-locale-switch__current {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	height: 36px;
	padding: 0 10px 0 12px;
	border-radius: 999px;
	border: 1px solid var(--mds-line);
	background: rgba(255, 255, 255, .03);
	font-size: 13px;
	font-weight: 600;
	letter-spacing: .03em;
	cursor: pointer;
	user-select: none;
	list-style: none;
	transition: background .15s ease, border-color .15s ease;
}
.mds-locale-switch__current::-webkit-details-marker { display: none; }
.mds-locale-switch__current:hover {
	background: rgba(255, 255, 255, .06);
	border-color: var(--mds-line-strong);
}
.mds-locale-switch__flag {
	font-size: 16px;
	line-height: 1;
}
.mds-locale-switch__chevron {
	transition: transform .15s ease;
	opacity: .7;
}
.mds-locale-switch__list {
	position: absolute;
	top: calc(100% + 6px);
	right: 0;
	min-width: 160px;
	max-height: 360px;
	overflow-y: auto;
	margin: 0;
	padding: 6px;
	list-style: none;
	border-radius: 14px;
	border: 1px solid var(--mds-line-strong);
	background: var(--mds-panel-dark, #14181f);
	box-shadow: 0 18px 40px rgba(0, 0, 0, .4);
	z-index: 100;
}
.mds-locale-switch__list li {
	margin: 0;
}
.mds-locale-switch__opt {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 8px 12px;
	border-radius: 10px;
	color: inherit;
	text-decoration: none;
	font-size: 13px;
	font-weight: 500;
	transition: background .12s ease;
}
.mds-locale-switch__opt:hover {
	background: rgba(255, 255, 255, .05);
}
.mds-locale-switch__opt.is-active {
	background: var(--mds-primary);
	color: #1a1408;
}
.mds-locale-switch__list {
	right: 0;
	left: auto;
}

/* Header CENTERED variant — desktop layout: brand on LEFT, locale + cta on RIGHT,
   nav centered on row 2. The "centered" naming refers to the NAV row, not the brand. */
.mds-header--centered .mds-header__top {
	display: flex;
	align-items: center;
	gap: 12px;
}
.mds-header--centered .mds-header__top > .mds-brand {
	margin-right: auto;
}

/* Hero banner image (centered variant) — make the configured Hero image
   actually appear above the thumb row instead of being invisible. */
.mds-hero__banner {
	margin: 24px auto 0;
	max-width: 720px;
	border-radius: 18px;
	overflow: hidden;
	border: 1px solid var(--mds-line);
	box-shadow: 0 24px 50px rgba(0, 0, 0, .35);
}
.mds-hero__banner img {
	display: block;
	width: 100%;
	height: auto;
}

/* === Long-word overflow protection (Apr 2026) ===
   Prevent unbreakable long words (e.g. "Scommesse" in titles) from pushing
   horizontal scroll on narrow viewports. */
.mds-hero__title,
.mds-hero__intro,
h1, h2, h3 {
	overflow-wrap: break-word;
	word-wrap: break-word;
	hyphens: auto;
}
@media (max-width: 480px) {
	.mds-hero__title {
		font-size: clamp(28px, 9vw, 38px) !important;
		line-height: 1.1 !important;
	}
}

/* === Hero centered thumbnails — image-based (Apr 2026) ===
   Replaces the old letter-on-gradient placeholders. Tiles need explicit size
   because they no longer carry text content to give them intrinsic dimensions. */
.mds-hero__thumbs {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12px;
	margin-top: 28px;
}
.mds-hero__thumb {
	width: 84px;
	height: 84px;
	border-radius: 14px;
	border: 1px solid var(--mds-line);
	box-shadow: 0 8px 22px rgba(0, 0, 0, .35);
}
@media (max-width: 640px) {
	.mds-hero__thumb {
		width: 64px;
		height: 64px;
	}
}

/* === Mobile header order — hamburger first, logo right after (Apr 2026) ===
   DOM order is now hamburger -> brand. Reset flex order at the mobile
   breakpoint so the visual order matches the DOM. */
@media (max-width: 780px) {
	.mds-header__inner,
	.mds-header__top {
		display: flex;
		align-items: center;
		gap: 8px;
		flex-wrap: wrap;
	}
	.mds-header__inner > .mds-hamburger,
	.mds-header__top > .mds-hamburger {
		order: 0;
	}
	.mds-header__inner > .mds-brand,
	.mds-header__top > .mds-brand {
		order: 1;
		margin-right: auto;
	}
	/* Mobile order: hamburger | brand | locale dropdown | CTA buttons */
	.mds-header__inner > .mds-locale-switch,
	.mds-header__top > .mds-locale-switch {
		order: 2;
	}
	.mds-header__inner > .mds-header__cta,
	.mds-header__top > .mds-header__cta {
		order: 3;
	}
	/* Centered variant overrides on mobile: brand keeps auto-margin from above */
	.mds-header--centered .mds-header__top > .mds-brand {
		margin-left: 0;
	}
}