
/* ── Marketing & Advertising: Light / Minimalistic hero ───────────────────── */
body.mt-industry-page .mtma-hero {
	min-height: auto;
	margin-top: 79px;
	padding: 40px 20px 23px;
	border-top: 0;
	background: #fff;
}

@media (min-width: 768px) and (max-width: 1100px) {
	body.mt-industry-page .mtma-hero {
		margin-top: 69px;
	}
}


body.mt-industry-page .mtma-eyebrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 38px;
	margin: 0 0 25px;
	padding: 8px 18px;
	border-radius: 999px;
	background: linear-gradient(180deg, #f3eafb 0%, #e9dbf3 100%);
	color: #3f3b45;
	font-family: "Poppins", sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 22px;
	letter-spacing: .14em;
	text-transform: uppercase;
}

body.mt-industry-page .mtma-hero h1 {
	max-width: 1120px;
	color: #05040a;
	font-size: clamp(46px, 4.45vw, 64px);
	font-weight: 400;
	line-height: 1.18;
	letter-spacing: 0;
}

body.mt-industry-page .mtma-hero h1 strong {
	color: #7139d1;
	font-size: inherit;
	font-weight: 700;
	line-height: inherit;
	letter-spacing: 0;
}

body.mt-industry-page .mtma-hero p {
	max-width: 1040px;
	margin: 26px 0 37px;
	color: #111016;
	font-size: clamp(20px, 1.75vw, 25px);
	font-style: italic;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0;
}

body.mt-industry-page .mtma-actions {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
}

body.mt-industry-page .mtma-cta {
	min-height: 64px;
	height: 64px;
	padding: 0 7px 0 24px;
	font-size: 20px;
}

body.mt-industry-page .mtma-cta--primary {
	min-width: 304px;
	box-shadow: none;
}

body.mt-industry-page .mtma-cta--secondary {
	min-width: 268px;
	color: #56555a;
}

body.mt-industry-page .mtma-cta .mtp-btn-text {
	padding-right: 61px;
}

body.mt-industry-page .mtma-cta .mtp-btn-icon img {
	width: 48px;
	height: 48px;
}

body.mt-industry-page .mtma-cta:hover .mtp-btn-text {
	padding-right: 0;
	padding-left: 61px;
}

body.mt-industry-page .mtma-cta:hover .mtp-btn-icon {
	right: calc(100% - 58px);
}

body.mt-industry-page .mtma-showcase {
	position: relative;
	overflow: hidden;
	min-height: 646px;
	background: #fff;
	color: #08070e;
}

body.mt-industry-page .mtma-showcase__note {
	position: relative;
	z-index: 8;
	margin: 17px 0 0;
	color: #08070e;
	font-family: "Poppins", sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5;
	text-align: center;
}

body.mt-industry-page .mtma-showcase__stage {
	position: relative;
	width: min(100%, 1380px);
	height: 610px;
	margin: 0 auto;
}

body.mt-industry-page .mtma-showcase__grid {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 3.5%;
	width: 93%;
	height: 100%;
	object-fit: fill;
	pointer-events: none;
}

body.mt-industry-page .mtma-showcase__dashboard {
	position: absolute;
	z-index: 2;
	top: 89px;
	left: 20.7%;
	width: 58.6%;
	height: auto;
	filter: drop-shadow(0 18px 18px rgba(113, 57, 209, .2));
}

body.mt-industry-page .mtma-float {
	position: absolute;
	z-index: 5;
	height: auto;
	filter: drop-shadow(0 7px 8px rgba(68, 33, 132, .2));
	animation: mtma-float-bob 4.8s ease-in-out infinite;
	will-change: transform;
}

@keyframes mtma-float-bob {
	0%, 100% {
		transform: translateY(8px);
	}

	50% {
		transform: translateY(-18px);
	}
}

body.mt-industry-page .mtma-float--calendar { top: 37px; left: 13.9%; width: 4.6%; animation-duration: 4.2s; animation-delay: -.6s; }
body.mt-industry-page .mtma-float--review { top: 37px; left: 49.2%; width: 11.7%; animation-duration: 5.4s; animation-delay: -2.1s; animation-direction: reverse; }
body.mt-industry-page .mtma-float--campaign { top: 157px; right: 9.7%; width: 20.2%; animation-duration: 5.8s; animation-delay: -1.4s; }
body.mt-industry-page .mtma-float--video { top: 315px; right: 14.5%; width: 9.7%; animation-duration: 4.6s; animation-delay: -3.2s; animation-direction: reverse; }
body.mt-industry-page .mtma-float--target { top: 369px; left: 17.4%; width: 5.3%; animation-duration: 4s; animation-delay: -1.8s; }
body.mt-industry-page .mtma-float--engagement { top: 420px; left: 33.6%; width: 14%; animation-duration: 5.2s; animation-delay: -4s; animation-direction: reverse; }

@media (prefers-reduced-motion: reduce) {
	body.mt-industry-page .mtma-float {
		animation: none;
	}
}

body.mt-industry-page .mtma-why {
	padding-inline: 20px;
	background: #fff;
	color: #fff;
}

body.mt-industry-page .mtma-why__panel {
	width: min(100%, 1130px);
	margin: 0 auto;
	padding-inline: 72px;
	border-radius: 19px;
	background:
		radial-gradient(circle at 86% 48%, rgba(113, 57, 209, .26), transparent 37%),
		linear-gradient(100deg, #241039 0%, #160923 47%, #32103e 100%);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
	text-align: center;
}

body.mt-industry-page .mtma-why__eyebrow {color: #fff;
}

body.mt-industry-page .mtma-why h2 {color: #fff;
}

body.mt-industry-page .mtma-why__benefits {
	display: grid;
	grid-template-columns: minmax(0, 1.25fr) minmax(0, 1.1fr) minmax(0, .95fr);
}

body.mt-industry-page .mtma-why__benefit {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 0;
	padding-inline: 25px;
	text-align: left;
}

body.mt-industry-page .mtma-why__benefit + .mtma-why__benefit {
	border-left: 1px solid rgba(255, 255, 255, .38);
}

body.mt-industry-page .mtma-why__benefit img {
	width: 48px;
	height: 48px;
	margin-right: 14px;
	object-fit: contain;
	flex: 0 0 48px;
}

body.mt-industry-page .mtma-why__benefit p {
	min-width: 0;
	margin: 0;
	color: #fff;
	font-family: "Poppins", sans-serif;
	font-size: clamp(17px, 1.25vw, 18px);
	font-style: normal;
	font-weight: 400;
	line-height: 1.28;
	letter-spacing: 0;
	text-transform: none;
}

body.mt-industry-page .mtma-why__benefit strong {
	font-weight: 700;
	line-height: 1.28;
	letter-spacing: 0;
}

body.mt-industry-page .mtma-why__benefit:first-child p {
	max-width: 360px;
}

body.mt-industry-page .mtma-why__benefit:nth-child(2) p,
body.mt-industry-page .mtma-why__benefit:nth-child(3) p {
	max-width: 260px;
}

body.mt-industry-page .mtma-why__benefit:nth-child(3) strong {
	display: inline;
}

body.mt-industry-page .mtma-why__benefit:nth-child(3) br {
	display: block;
}

body.mt-industry-page .mtma-problem {
	padding-inline: 20px;
	background: #fff;
	color: #09070e;
}

body.mt-industry-page .mtma-problem__inner {
	width: min(100%, 1200px);
	margin: 0 auto;
}

body.mt-industry-page .mtma-problem__eyebrow {color: #09070e;
	text-align: center;
}

body.mt-industry-page .mtma-problem h2 {color: #7139d1;
	text-align: center;
}

body.mt-industry-page .mtma-problem__layout {
	display: grid;
	grid-template-columns: minmax(360px, 472px) minmax(0, 1fr);
	align-items: center;
	column-gap: 28px;
}

body.mt-industry-page .mtma-problem__list {
	display: flex;
	flex-direction: column;
}

body.mt-industry-page .mtma-problem__card {
	padding-inline: 24px;
	border-left: 5px solid #7139d1;
	border-radius: 12px;
	background: linear-gradient(100deg, #f1efff 0%, #e7e5fb 100%);
}

body.mt-industry-page .mtma-problem__card h3 {
	margin-inline: 0;
	color: #09070e;
	font-family: "Poppins", sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.3;
}

body.mt-industry-page .mtma-problem__card p {
	margin: 0;
	color: #09070e;
	font-family: "Poppins", sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.38;
}

body.mt-industry-page .mtma-problem__visual {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 0;
}

body.mt-industry-page .mtma-problem__visual img {
	display: block;
	width: 88%;
	max-width: 560px;
	height: auto;
}

@media (min-width: 768px) and (max-width: 1024px) {body.mt-industry-page .mtma-problem__layout {
		grid-template-columns: 1fr;
		column-gap: 38px;
	}

	body.mt-industry-page .mtma-problem__visual img {
		width: min(82%, 560px);
	}
}

body.mt-industry-page .mtma-platform {
	padding-inline: 24px;
	background: #fff;
}

body.mt-industry-page .mtma-platform__inner {
	max-width: 940px;
	margin: 0 auto;
}

body.mt-industry-page .mtma-platform__eyebrow {color: #0b0912;
	text-align: center;
}

body.mt-industry-page .mtma-platform h2 {
	color: #7139d1;
	text-align: center;
}

body.mt-industry-page .mtma-platform__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: 46px;
}

body.mt-industry-page .mtma-platform__copy,
body.mt-industry-page .mtma-platform__media {
	min-width: 0;
}

body.mt-industry-page .mtma-platform__feature {
	display: contents;
}

body.mt-industry-page .mtma-platform__feature--capture .mtma-platform__copy { grid-column: 1; grid-row: 1; }
body.mt-industry-page .mtma-platform__feature--capture .mtma-platform__media { grid-column: 2; grid-row: 1; }
body.mt-industry-page .mtma-platform__feature--campaigns .mtma-platform__media { grid-column: 1; grid-row: 2; }
body.mt-industry-page .mtma-platform__feature--campaigns .mtma-platform__copy { grid-column: 2; grid-row: 2; }
body.mt-industry-page .mtma-platform__feature--views .mtma-platform__copy { grid-column: 1; grid-row: 3; }
body.mt-industry-page .mtma-platform__feature--views .mtma-platform__media { grid-column: 2; grid-row: 3; }
body.mt-industry-page .mtma-platform__feature--feedback .mtma-platform__media { grid-column: 1; grid-row: 4; }
body.mt-industry-page .mtma-platform__feature--feedback .mtma-platform__copy { grid-column: 2; grid-row: 4; }
body.mt-industry-page .mtma-platform__feature--search .mtma-platform__copy { grid-column: 1; grid-row: 5; }
body.mt-industry-page .mtma-platform__feature--search .mtma-platform__media { grid-column: 2; grid-row: 5; }

body.mt-industry-page .mtma-platform__copy h3 {
	position: relative;
	margin: 0 0 12px;
	padding: 9px 14px 9px 34px;
	border-radius: 999px;
	background: #FFEEE8;
	color: #000;
	font-family: "Poppins", sans-serif;
	font-size: clamp(15px, 1.1vw, 18px);
	font-style: normal;
	font-weight: 600;
	line-height: 1.25;
	letter-spacing: 0;
	width: max-content;
	max-width: 100%;
	white-space: nowrap;
}

body.mt-industry-page .mtma-platform__copy h3::before {
	position: absolute;
	top: 50%;
	left: 13px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #ffcdbf;
	content: "";
	transform: translateY(-50%);
}

body.mt-industry-page .mtma-platform__copy p {
	margin: 0;
	padding: 0 10px 0 34px;
	color: #000;
	font-family: "Poppins", sans-serif;
	font-size: clamp(15px, 1.1vw, 17px);
	font-style: normal;
	font-weight: 400;
	line-height: 1.38;
	letter-spacing: 0;
}

body.mt-industry-page .mtma-platform__media {
	display: grid;
	min-height: 204px;
	padding: 22px;
	place-items: center;
	overflow: hidden;
	border-radius: 18px;
	background: #FFEEE8;
}

body.mt-industry-page .mtma-platform__media img {
	display: block;
	max-width: 100%;
	max-height: 160px;
	object-fit: contain;
}

body.mt-industry-page .mtma-platform__feature--campaigns .mtma-platform__copy h3 { background: #DAE6FF; }
body.mt-industry-page .mtma-platform__feature--views .mtma-platform__copy h3 { background: #EDE9FF; }
body.mt-industry-page .mtma-platform__feature--campaigns .mtma-platform__copy h3::before { background: #b9d2ff; }
body.mt-industry-page .mtma-platform__feature--views .mtma-platform__copy h3::before { background: #d7cdfd; }
body.mt-industry-page .mtma-platform__feature--feedback .mtma-platform__copy h3 { background: #FFF4DF; }
body.mt-industry-page .mtma-platform__feature--feedback .mtma-platform__copy h3::before { background: #ffdb91; }
body.mt-industry-page .mtma-platform__feature--search .mtma-platform__copy h3 { background: #E9FFDA; }
body.mt-industry-page .mtma-platform__feature--search .mtma-platform__copy h3::before { background: #c8f5ad; }
body.mt-industry-page .mtma-platform__feature--campaigns .mtma-platform__media { background: #DAE6FF; }
body.mt-industry-page .mtma-platform__feature--views .mtma-platform__media { background: #EDE9FF; }
body.mt-industry-page .mtma-platform__feature--feedback .mtma-platform__media { background: #FFF4DF; }
body.mt-industry-page .mtma-platform__feature--search .mtma-platform__media { background: #E9FFDA; }
body.mt-industry-page .mtma-platform__feature--reassign .mtma-platform__media { background: #E9FFDA; }
body.mt-industry-page .mtma-platform__feature--reassign .mtma-platform__copy h3 { background: #E9FFDA; }
body.mt-industry-page .mtma-platform__feature--reassign .mtma-platform__copy h3::before { background: #c8f5ad; }

@media (max-width: 767px) {body.mt-industry-page .mtma-platform { padding-inline: 18px; }


body.mt-industry-page .mtma-platform__grid { grid-template-columns: minmax(0, 1fr); }

body.mt-industry-page .mtma-platform__feature { display: flex; flex-direction: column; }
	body.mt-industry-page .mtma-platform__copy h3 { width: fit-content; white-space: normal; }
	body.mt-industry-page .mtma-platform__feature .mtma-platform__copy,
	body.mt-industry-page .mtma-platform__feature .mtma-platform__media { grid-column: auto; grid-row: auto; }
	body.mt-industry-page .mtma-platform__feature .mtma-platform__copy { order: 1; }
	body.mt-industry-page .mtma-platform__feature .mtma-platform__media { order: 2; }
	body.mt-industry-page .mtma-platform__media { min-height: 200px; }
}

@media (min-width: 768px) and (max-width: 1024px) {
	body.mt-industry-page .mtma-float--engagement {
		top: 315px;
	}

body.mt-industry-page .mtma-platform {
		padding-inline: 28px;
	}

body.mt-industry-page .mtma-platform__grid {
		grid-template-columns: minmax(0, 1fr);
	}

body.mt-industry-page .mtma-platform__feature {
		display: flex;
		flex-direction: column;
	}

	body.mt-industry-page .mtma-platform__feature .mtma-platform__copy,
	body.mt-industry-page .mtma-platform__feature .mtma-platform__media {
		grid-column: auto;
		grid-row: auto;
	}

	body.mt-industry-page .mtma-platform__feature .mtma-platform__copy { order: 1; }
	body.mt-industry-page .mtma-platform__feature .mtma-platform__media { order: 2; min-height: 280px; }
}

body.mt-industry-page .mtma-gamified {
	position: relative;
	padding-inline: 24px;
	overflow: hidden;
	background:
		radial-gradient(circle at 84% 18%, rgba(163, 72, 190, .23), transparent 32%),
		linear-gradient(135deg, #291039 0%, #170726 56%, #11021f 100%);
	color: #fff;
}

body.mt-industry-page .mtma-gamified__inner {
	max-width: 1440px;
	margin: 0 auto;
}

body.mt-industry-page .mtma-gamified__eyebrow {color: #fff;
	text-align: center;
}

body.mt-industry-page .mtma-gamified h2 {color: #fff;
	text-align: center;
}

body.mt-industry-page .mtma-gamified__intro {
	max-width: 1160px;
	margin-inline: auto;
	color: #fff;
	font-family: "Poppins", sans-serif;
	font-size: clamp(20px, 1.65vw, 24px);
	font-style: italic;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0;
	text-align: center;
}

body.mt-industry-page .mtma-gamified__grid {
	display: grid;
	grid-template-columns: repeat(24, minmax(0, 1fr));
	column-gap: 0;
	row-gap: 32px;
}

body.mt-industry-page .mtma-game-card {
	position: relative;
	min-width: 0;
	padding: 32px;
	overflow: hidden;
	border: 1px solid rgba(206, 153, 246, .42);
	border-radius: 30px;
	background: rgba(161, 97, 209, .19);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
}

body.mt-industry-page .mtma-game-card__label {
	margin: 0 0 12px;
	color: #b998f4;
	font-family: "Poppins", sans-serif;
	font-size: clamp(16px, 1.38vw, 20px);
	font-style: normal;
	font-weight: 600;
	letter-spacing: .08em;
	line-height: 1.84;
	text-transform: uppercase;
}

body.mt-industry-page .mtma-game-card > p:not(.mtma-game-card__label),
body.mt-industry-page .mtma-game-card > div p:not(.mtma-game-card__label) {
	margin: 0;
	color: #fff;
	font-family: "Poppins", sans-serif;
	font-size: clamp(17px, 1.42vw, 20px);
	font-style: normal;
	font-weight: 500;
	line-height: 1.38;
	letter-spacing: 0;
}

body.mt-industry-page .mtma-game-card--realms {
	grid-column: 1 / 16;
	margin-right: 16px;
	min-height: 500px;
}
body.mt-industry-page .mtma-game-card--realms > p:not(.mtma-game-card__label) { max-width: 500px; }
body.mt-industry-page .mtma-realms-stage {
	position: relative;
	width: 94%;
	height: 285px;
	margin: 14px auto -24px;
	pointer-events: none;
}

body.mt-industry-page .mtma-realm {
	position: absolute;
	display: block;
	height: auto;
	object-fit: contain;
}

body.mt-industry-page .mtma-realm--center {
	top: 16px;
	left: 50%;
	z-index: 2;
	width: 48%;
	max-height: 270px;
	transform: translateX(-50%);
}

body.mt-industry-page .mtma-realm--left {
	top: 88px;
	left: 5%;
	z-index: 1;
	width: 17%;
}

body.mt-industry-page .mtma-realm--right {
	top: 82px;
	right: 5%;
	z-index: 1;
	width: 17%;
}

body.mt-industry-page .mtma-game-card--progress {
	grid-column: 16 / 25;
	margin-left: 16px;
	min-height: 500px;
}
body.mt-industry-page .mtma-game-card--progress img {
	display: block;
	width: 104%;
	margin: 45px -2% 0;
}

body.mt-industry-page .mtma-game-card--chests {
	grid-column: 1 / 10;
	grid-row: 2;
	margin-right: 16px;
	min-height: 760px;
	background: rgba(161, 97, 209, .19);
}

body.mt-industry-page .mtma-game-card--chests::before {
	display: none;
}

body.mt-industry-page .mtma-game-card--chests::after {
	display: none;
}

body.mt-industry-page .mtma-game-card--chests .mtma-game-card__chest-scene {
	position: absolute;
	right: 0;
	bottom: -38px;
	left: 0;
	z-index: 1;
	display: block;
	width: 100%;
	height: 56%;
	max-width: none;
	border-radius: 22px;
	object-fit: cover;
	object-position: center bottom;
	opacity: .34;
}

body.mt-industry-page .mtma-game-card--chests .mtma-game-card__chest {
	position: absolute;
	top: 215px;
	left: 50%;
	z-index: 2;
	display: block;
	width: 84%;
	height: auto;
	max-width: none;
	margin: 0;
	object-fit: contain;
	transform: translateX(-50%);
}

body.mt-industry-page .mtma-game-card--chests span {
	position: absolute;
	bottom: 68px;
	left: 50%;
	z-index: 3;
	display: block;
	margin: 0;
	padding: 12px 24px;
	border-radius: 7px;
	background: rgba(159, 111, 187, .55);
	color: #fff;
	font-size: 12px;
	transform: translateX(-50%);
	white-space: nowrap;
}

body.mt-industry-page .mtma-gamified__stack {
	display: grid;
	grid-column: 10 / 25;
	grid-row: 2;
	margin-left: 16px;
	gap: 32px;
}

body.mt-industry-page .mtma-game-card--avatars,
body.mt-industry-page .mtma-game-card--badges {
	display: grid;
	grid-template-columns: .9fr 1.4fr;
	align-items: center;
	min-height: 364px;
}

body.mt-industry-page .mtma-game-card--avatars img,
body.mt-industry-page .mtma-game-card--badges img {
	display: block;
	width: 100%;
	max-height: 210px;
	object-fit: contain;
}

body.mt-industry-page .mtma-game-card--badges img { max-height: 225px; }

@media (max-width: 767px) {body.mt-industry-page .mtma-gamified { padding-inline: 16px; }

body.mt-industry-page .mtma-gamified__intro { margin-inline: auto; font-size: 18px; }
	body.mt-industry-page .mtma-gamified__grid { grid-template-columns: 1fr; gap: 16px; }
	body.mt-industry-page .mtma-game-card--realms,
	body.mt-industry-page .mtma-game-card--progress,
	body.mt-industry-page .mtma-game-card--chests,
	body.mt-industry-page .mtma-gamified__stack { grid-column: auto; grid-row: auto; margin-right: 0; margin-left: 0; }
	body.mt-industry-page .mtma-game-card { padding: 24px; border-radius: 20px; }
	body.mt-industry-page .mtma-game-card__label { font-size: 16px; }
	body.mt-industry-page .mtma-game-card > p:not(.mtma-game-card__label),
	body.mt-industry-page .mtma-game-card > div p:not(.mtma-game-card__label) { font-size: 18px; line-height: 1.5; }
	body.mt-industry-page .mtma-game-card--realms,
	body.mt-industry-page .mtma-game-card--progress { min-height: 390px; }
	body.mt-industry-page .mtma-game-card--chests { min-height: 500px; }
	body.mt-industry-page .mtma-game-card--avatars,
	body.mt-industry-page .mtma-game-card--badges { grid-template-columns: 1fr; gap: 20px; }
	body.mt-industry-page .mtma-realms-stage { height: 240px; margin-top: 10px; margin-bottom: 0; }
	body.mt-industry-page .mtma-realm--center { top: 18px; width: 58%; }
	body.mt-industry-page .mtma-realm--left { top: 86px; left: 0; width: 21%; }
	body.mt-industry-page .mtma-realm--right { top: 82px; right: 0; width: 21%; }
}

@media (min-width: 768px) and (max-width: 1024px) {body.mt-industry-page .mtma-gamified {
		padding-inline: 28px;
	}

	body.mt-industry-page .mtma-gamified__grid {
		grid-template-columns: 1fr;
		gap: 22px;
	}

	body.mt-industry-page .mtma-game-card--realms,
	body.mt-industry-page .mtma-game-card--progress,
	body.mt-industry-page .mtma-game-card--chests,
	body.mt-industry-page .mtma-gamified__stack {
		grid-column: auto;
		grid-row: auto;
		margin-right: 0;
		margin-left: 0;
	}

	body.mt-industry-page .mtma-game-card--realms,
	body.mt-industry-page .mtma-game-card--progress { min-height: 460px; }
	body.mt-industry-page .mtma-game-card--chests { min-height: 620px; }
}

body.mt-industry-page .mtma-comparison {
	padding-inline: 24px;
	background: #fff;
}

body.mt-industry-page .mtma-comparison__inner {
	max-width: 1320px;
	margin: 0 auto;
}

body.mt-industry-page .mtma-comparison__eyebrow {color: #0a0710;
	text-align: center;
}

body.mt-industry-page .mtma-comparison h2 {color: #7139d1;
	text-align: center;
}

body.mt-industry-page .mtma-comparison__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	column-gap: 28px;
}

body.mt-industry-page .mtma-comparison__card {
	min-height: 310px;
	padding-inline: 24px;
	border: 1px solid #dcd2ed;
	border-radius: 22px;
	background: #f1ebfa;
	color: #100b17;
}

body.mt-industry-page .mtma-comparison__logo {
	display: flex;
	align-items: center;
	height: 54px;
	margin-bottom: 27px;
}

body.mt-industry-page .mtma-comparison__logo img {
	display: block;
	width: auto;
	max-width: 100%;
	max-height: 42px;
	object-fit: contain;
	object-position: left center;
}

body.mt-industry-page .mtma-comparison__logo--asana img { max-width: 190px; }
body.mt-industry-page .mtma-comparison__logo--monday img { max-width: 205px; }
body.mt-industry-page .mtma-comparison__logo--trello img { max-width: 170px; }
body.mt-industry-page .mtma-comparison__logo--magictask img { max-width: 220px; }
body.mt-industry-page .mtma-comparison__logo--jira img { max-width: 170px; }
body.mt-industry-page .mtma-comparison__logo--linear img { max-width: 190px; }

body.mt-industry-page .mtma-comparison__card p {
	margin: 0;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.75;
}

body.mt-industry-page .mtma-comparison__card--magictask {
	border-color: #1b0735;
	background: #1b0735;
	color: #fff;
}

body.mt-industry-page .mtma-comparison__note {
	margin-inline: 0;
	color: #090912;
	font-family: "Poppins", sans-serif;
	font-size: clamp(16px, 1.35vw, 20px);
	font-style: italic;
	font-weight: 500;
	line-height: 1.4;
	text-align: center;
}

@media (min-width: 981px) and (max-width: 1100px) {body.mt-industry-page .mtma-comparison {
		padding-inline: 20px;
	}

body.mt-industry-page .mtma-comparison__grid {
		column-gap: 18px;
	}

body.mt-industry-page .mtma-comparison__card {
		min-height: 286px;
		padding-inline: 20px;
		border-radius: 18px;
	}

	body.mt-industry-page .mtma-comparison__logo {
		height: 48px;
		margin-bottom: 20px;
	}

	body.mt-industry-page .mtma-comparison__logo img {
		max-width: 100%;
		max-height: 38px;
	}

	body.mt-industry-page .mtma-comparison__card p {
		font-size: 13px;
		line-height: 1.68;
	}
}

@media (max-width: 980px) {body.mt-industry-page .mtma-comparison__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap: 20px;
	}
	body.mt-industry-page .mtma-comparison__logo img { max-width: 100%; }
	body.mt-industry-page .mtma-comparison__card p { font-size: 14px; }
}

@media (max-width: 540px) {body.mt-industry-page .mtma-comparison { padding-inline: 18px; }

body.mt-industry-page .mtma-comparison__grid { grid-template-columns: 1fr; column-gap: 16px; }
	body.mt-industry-page .mtma-comparison__card { min-height: 0; }
}

@media (max-width: 767px) {
	body.mt-industry-page .mtma-hero {
		margin-top: 24px;
		padding: 54px 16px 40px;
	}

	body.mt-industry-page .mtma-eyebrow {
		min-height: 32px;
		margin-bottom: 22px;
		padding: 5px 13px;
		font-size: 11px;
	}

	body.mt-industry-page .mtma-hero h1 {
		font-size: clamp(34px, 10vw, 44px);
	}

	body.mt-industry-page .mtma-hero p {
		margin: 22px 0 30px;
		font-size: 16px;
	}

	body.mt-industry-page .mtma-actions {
		flex-direction: column;
		gap: 14px;
		width: 100%;
	}

	body.mt-industry-page .mtma-cta {
		width: min(100%, 304px);
		min-width: 0;
		min-height: 58px;
		height: 58px;
		font-size: 18px;
	}

	body.mt-industry-page .mtma-showcase {
		min-height: clamp(305px, 91.8vw, 390px);
	}

	body.mt-industry-page .mtma-showcase__note {
		margin-top: 14px;
		padding: 0 16px;
		font-size: 10px;
	}

	body.mt-industry-page .mtma-showcase__stage {
		width: clamp(520px, 170.6%, 700px);
		height: clamp(253px, 80vw, 340px);
		margin-left: 50%;
		transform: translateX(-50%);
	}

	body.mt-industry-page .mtma-showcase__dashboard { top: clamp(47px, 14.8vw, 63px); }
	body.mt-industry-page .mtma-float--calendar {
		display: block;
		top: clamp(16px, 5.2vw, 22px);
		left: 21.5%;
		width: 5%;
	}
	body.mt-industry-page .mtma-float--review { top: clamp(27px, 8.5vw, 36px); }
	body.mt-industry-page .mtma-float--campaign {
		top: clamp(77px, 24.2vw, 103px);
		right: 21.5%;
		width: 15.5%;
	}
	body.mt-industry-page .mtma-float--video {
		top: clamp(143px, 44.9vw, 191px);
		right: 22%;
		width: 8.5%;
	}
	body.mt-industry-page .mtma-float--target {
		top: clamp(161px, 50.6vw, 215px);
		left: 21.5%;
	}
	body.mt-industry-page .mtma-float--engagement { top: clamp(204px, 64vw, 272px); }

body.mt-industry-page .mtma-why {
		padding-inline: 16px;
	}

body.mt-industry-page .mtma-why__panel {
		padding-inline: 22px;
		border-radius: 16px;
	}

body.mt-industry-page .mtma-why__benefits {
		grid-template-columns: 1fr;
	}

body.mt-industry-page .mtma-why__benefit {
		justify-content: flex-start;
		padding-inline: 6px;
	}

	body.mt-industry-page .mtma-why__benefit + .mtma-why__benefit {
		border-top: 1px solid rgba(255, 255, 255, .28);
		border-left: 0;
	}

body.mt-industry-page .mtma-problem {
		padding-inline: 16px;
	}



	body.mt-industry-page .mtma-problem h2 br {
		display: none;
	}

body.mt-industry-page .mtma-problem__layout {
		grid-template-columns: 1fr;
		column-gap: 32px;
	}


body.mt-industry-page .mtma-problem__card {
		padding-inline: 18px;
	}

	body.mt-industry-page .mtma-problem__visual img {
		width: min(100%, 540px);
		max-width: 540px;
	}
}

/* WordPress's fixed admin toolbar must not cover the fixed site navigation. */
body.admin-bar.mt-industry-page .navbar {
	top: 32px;
}

@media (max-width: 782px) {
	body.admin-bar.mt-industry-page .navbar {
		top: 46px;
	}
}

@media (max-width: 540px) {
	body.mt-industry-page .btn-change-realms-img {
		right: 10px;
		bottom: 14px;
	}

	body.mt-industry-page .btn-change-realms-img img {
		height: 44px;
	}
}

/* Marketing page typography: keep every section readable on tablet screens. */
@media (min-width: 768px) and (max-width: 1024px) {
	body.mt-industry-page .mtma-eyebrow { font-size: 13px; }
	body.mt-industry-page .mtma-hero h1 { font-size: 46px; }
	body.mt-industry-page .mtma-hero p { font-size: 18px; }
	body.mt-industry-page .mtma-cta { font-size: 18px; }
	body.mt-industry-page .mtma-showcase__note { font-size: 13px; }

	body.mt-industry-page .mtma-problem__card h3 { font-size: 20px; }
	body.mt-industry-page .mtma-platform__copy h3 { font-size: 17px; }

	body.mt-industry-page .mtma-problem__card p,
	body.mt-industry-page .mtma-platform__copy p,
	body.mt-industry-page .mtma-comparison__card p {
		font-size: 16px;
		line-height: 1.55;
	}
	body.mt-industry-page .mtma-gamified__intro { font-size: 20px; }
	body.mt-industry-page .mtma-game-card__label { font-size: 18px; }
	body.mt-industry-page .mtma-game-card > p:not(.mtma-game-card__label),
	body.mt-industry-page .mtma-game-card > div p:not(.mtma-game-card__label) { font-size: 18px; line-height: 1.38; }

	body.mt-industry-page .footer-tagline { font-size: 17px; }
	body.mt-industry-page .footer-credit,
	body.mt-industry-page .footer-nav a { font-size: 14px; }
	body.mt-industry-page .footer-col-heading { font-size: 12px; }
}

@media (min-width: 901px) and (max-width: 1024px) {
	body.mt-industry-page .mtma-float--engagement { top: 420px; }
}

/* Override the shared product page's overly-small phone type scale. */
@media (max-width: 425px) {
	body.mt-industry-page .mtma-hero h1 {
		font-size: clamp(25px, 6.2vw, 28px) !important;
		line-height: 1.2 !important;
	}
	body.mt-industry-page .mtma-hero h1 br { display: none; }
	body.mt-industry-page.mt-professional-services-page .mtma-hero h1 .ps-hero-mobile-break br { display: inline; }
	body.mt-industry-page .mtma-hero p { font-size: 15px !important; line-height: 1.55 !important; }

	body.mt-industry-page .mtma-problem__card h3,
	body.mt-industry-page .mtma-platform__copy h3 {
		font-size: 18px !important;
		line-height: 1.4 !important;
		white-space: normal !important;
	}

	body.mt-industry-page .mtma-why__benefit p,
	body.mt-industry-page .mtma-problem__card p,
	body.mt-industry-page .mtma-platform__copy p,
	body.mt-industry-page .mtma-comparison__card p {
		font-size: 16px !important;
		line-height: 1.55 !important;
	}
}

/* Marketing page motion, adapted from the existing Productivity/Gamification pages. */
@keyframes mtma-ui-float {
	0%, 100% { transform: translateY(10px); }
	50% { transform: translateY(-18px); }
}

@keyframes mtma-chest-float {
	0%, 100% { transform: translate(-50%, 9px); }
	50% { transform: translate(-50%, -19px); }
}

@keyframes mtma-badge-drift {
	0%, 100% { transform: translate(5px, 10px) rotate(-2deg); }
	50% { transform: translate(-7px, -18px) rotate(2deg); }
}

@keyframes mtma-glow-breathe {
	0%, 100% { opacity: .72; filter: brightness(.92); }
	50% { opacity: 1; filter: brightness(1.12); }
}

@keyframes mtma-hero-enter {
	from { opacity: 0; transform: translateY(24px) scale(.985); }
	to { opacity: 1; transform: translateY(0) scale(1); }
}

body.mt-industry-page .mtma-hero .mtma-eyebrow,
body.mt-industry-page .mtma-hero h1,
body.mt-industry-page .mtma-hero p,
body.mt-industry-page .mtma-hero .mtma-actions {
	animation: mtma-hero-enter .75s cubic-bezier(.22, 1, .36, 1) both;
}

body.mt-industry-page .mtma-hero h1 { animation-delay: .08s; }
body.mt-industry-page .mtma-hero p { animation-delay: .16s; }
body.mt-industry-page .mtma-hero .mtma-actions { animation-delay: .24s; }

body.mt-industry-page .mtma-problem__visual img {
	animation: mtma-ui-float 4.8s ease-in-out -1.2s infinite;
	will-change: transform;
}

body.mt-industry-page .mtma-comparison__card {
	transition: transform .32s cubic-bezier(.22, 1, .36, 1), box-shadow .32s ease;
}

body.mt-industry-page .mtma-comparison__card:hover {
	transform: translateY(-8px);
	box-shadow: 0 18px 38px rgba(75, 37, 130, .14);
}

body.mt-industry-page.motion-ready .mtma-why__panel,
body.mt-industry-page.motion-ready .mtma-problem__inner,
body.mt-industry-page.motion-ready .mtma-platform__inner,
body.mt-industry-page.motion-ready .mtma-gamified__inner,
body.mt-industry-page.motion-ready .mtc-momentum__inner,
body.mt-industry-page.motion-ready .mtst-game-layer__heading,
body.mt-industry-page.motion-ready .mtst-game-layer__grid,
body.manager-page-template.motion-ready .mtst-game-layer__heading,
body.manager-page-template.motion-ready .mtst-game-layer__grid,
body.mt-industry-page.motion-ready .mtst-toolkit__inner,
body.mt-industry-page.motion-ready .mtp-speed .mtp-speed__layout,
body.mt-industry-page.motion-ready .mtma-comparison__inner {
	opacity: 0;
	transform: translateY(34px);
	transition: opacity .75s ease, transform .85s cubic-bezier(.22, 1, .36, 1);
}

body.mt-constructions-page .mtma-showcase {
	padding-top: 10px;
}

body.mt-constructions-page .mtma-construction-hero-wrap {
	position: relative;
	overflow: hidden;
	background: #fff;
}

body.mt-constructions-page .mtma-construction-bg {
	position: absolute;
	left: 0;
	top: 20px;
	width: 100%;
	height: calc(100% + 60px);
	max-width: none;
	object-fit: fill;
	object-position: center bottom;
	filter: contrast(1.45) brightness(.92);
	opacity: .38;
	pointer-events: none;
	z-index: 0;
}

body.mt-constructions-page .mtma-construction-hero-wrap .mtma-hero,
body.mt-constructions-page .mtma-construction-hero-wrap .mtma-showcase {
	position: relative;
	z-index: 1;
	background: transparent;
}

body.mt-constructions-page .mtma-showcase__stage {
	max-width: 1180px;
}

body.mt-constructions-page .mtma-showcase__grid {
	display: none;
}

body.mt-constructions-page .mtma-showcase__dashboard {
	top: 0;
	left: 6%;
	width: 88%;
}

body.mt-constructions-page .mtma-hero p {
	max-width: 1220px;
	font-size: clamp(20px, 1.58vw, 23px);
}

@media (min-width: 761px) and (max-width: 820px) {
	body.mt-constructions-page .mtma-hero p {
		max-width: 690px;
		font-size: 18px;
		line-height: 1.42;
	}

	body.mt-constructions-page .mtma-hero p br {
		display: none;
	}

	body.mt-constructions-page .mtma-float--calendar {
		bottom: 20%;
		left: 20%;
		width: 8%;
	}

	body.mt-constructions-page .mtma-float--construction {
		right: 7%;
		bottom: 14%;
		width: 24%;
	}
}

@media (max-width: 425px) {
	body.mt-constructions-page .mtma-hero h1 {
		max-width: 390px;
		font-size: clamp(28px, 7vw, 30px) !important;
		line-height: 1.18;
	}

	body.mt-software-technology-page .mtma-hero h1 {
		max-width: 390px;
		font-size: clamp(26px, 6.4vw, 28px) !important;
		line-height: 1.18;
	}
}

body.mt-constructions-page .mtma-why h2 strong {
	font-weight: 700;
}

@media (min-width: 768px) {
	body.mt-constructions-page .mtma-why__benefits {
		grid-template-columns: 1.18fr 1fr 1fr;
	}

body.mt-constructions-page .mtma-why__benefit {
		justify-content: center;
		padding-inline: 34px;
	}

	body.mt-constructions-page .mtma-why__benefit p {
		max-width: 275px;
		font-size: clamp(17px, 1.25vw, 18px);
	}

	body.mt-constructions-page .mtma-why__benefit:first-child p {
		max-width: 360px;
		font-size: clamp(16px, 1.18vw, 17px);
	}
}

@media (min-width: 768px) and (max-width: 900px) {
	body.mt-constructions-page .mtma-why__benefits {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

body.mt-constructions-page .mtma-why__benefit {
		min-width: 0;
		padding-inline: 8px;
	}

	body.mt-constructions-page .mtma-why__benefit img {
		width: 32px;
		height: 32px;
		flex-basis: 32px;
		margin-right: 8px;
	}

	body.mt-constructions-page .mtma-why__benefit p,
	body.mt-constructions-page .mtma-why__benefit:first-child p {
		min-width: 0;
		font-size: 14px;
		overflow-wrap: anywhere;
	}
}


body.mt-constructions-page .mtma-problem__inner {
	opacity: 1;
	transform: none;
}

@media (min-width: 1025px) {body.mt-constructions-page .mtma-problem__layout {
		grid-template-columns: minmax(360px, 500px) minmax(0, 1fr);
		column-gap: 52px;
	}
}


body.mt-constructions-page .mtma-problem__card {
	padding-inline: 26px;
}

body.mt-constructions-page .mtma-problem__visual img {
	width: 78%;
	max-width: 500px;
}

body.mt-constructions-page .mtma-float--calendar {
	top: auto;
	bottom: 3%;
	left: 19%;
	width: 10%;
}

body.mt-constructions-page .mtma-float--campaign {
	top: 0;
	left: 54%;
	right: auto;
	width: 9%;
}

body.mt-constructions-page .mtma-float--construction {
	top: auto;
	right: 4%;
	bottom: 1%;
	left: auto;
	width: 30%;
	z-index: 4;
	animation-duration: 5.2s;
	animation-delay: -1.2s;
}

body.mt-constructions-page .mtc-momentum {
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
	min-height: 660px;
	padding-inline: 20px;
	background: #220c34;
	color: #fff;
}

body.mt-constructions-page .mtc-momentum__bg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: .7;
	pointer-events: none;
}

body.mt-constructions-page .mtc-momentum::before {
	position: absolute;
	inset: 0;
	background:
		radial-gradient(circle at 16% 60%, rgba(161, 97, 209, .19), transparent 36%),
		radial-gradient(circle at 86% 82%, rgba(161, 97, 209, .19), transparent 34%),
		linear-gradient(180deg, rgba(28, 9, 45, .38), rgba(28, 9, 45, .62));
	content: "";
	pointer-events: none;
}

body.mt-constructions-page .mtc-momentum__inner {
	position: relative;
	z-index: 1;
	width: min(100%, 1180px);
	margin: 0 auto;
	text-align: center;
}

body.mt-constructions-page .mtc-momentum__progress {
	display: block;
	width: min(100%, 330px);
	height: auto;
	margin-inline: auto;
}

body.mt-constructions-page .mtc-momentum__cards {
	position: relative;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 104px;
	align-items: center;
	width: min(100%, 1040px);
	margin: 0 auto;
}

body.mt-constructions-page .mtc-momentum__card {
	display: flex;
	align-items: center;
	min-height: 190px;
	padding: 44px 48px;
	border: 1px solid rgba(255, 255, 255, .22);
	border-radius: 10px;
	background: rgba(161, 97, 209, .19);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, .14),
		0 18px 48px rgba(0, 0, 0, .16);
	text-align: left;
	backdrop-filter: blur(5px);
}

body.mt-constructions-page .mtc-momentum__card--right {
	text-align: right;
}

body.mt-constructions-page .mtc-momentum__card p {
	margin: 0;
	font-family: "Poppins", sans-serif;
	font-size: clamp(13px, .92vw, 15px);
	font-weight: 400;
	line-height: 1.36;
	letter-spacing: 0;
}

body.mt-constructions-page .mtc-momentum__card strong {
	color: #c68cff;
	font-size: 22px;
	font-weight: 700;
}

body.mt-constructions-page .mtc-momentum__shield {
	position: absolute;
	z-index: 2;
	left: 50%;
	top: 50%;
	width: min(24vw, 220px);
	height: auto;
	transform: translate(-50%, -26%);
	filter: drop-shadow(0 22px 30px rgba(0, 0, 0, .35));
	pointer-events: none;
}

@media (min-width: 768px) {
	body.mt-software-technology-page .mtma-showcase {
		min-height: 560px;
	}

	body.mt-software-technology-page .mtma-showcase__stage {
		width: min(100%, 1320px);
		height: 520px;
	}
}

body.mt-software-technology-page .mtma-showcase__grid {
	left: 0;
	width: 100%;
}

body.mt-software-technology-page .mtma-showcase__dashboard {
	top: 56px;
	left: 19.4%;
	width: 62.2%;
	border-radius: 0;
	filter: drop-shadow(0 24px 20px rgba(113, 57, 209, .28));
}

body.mt-software-technology-page .mtma-float {
	filter: none;
}

body.mt-software-technology-page .mtma-float--code,
body.mt-software-technology-page .mtma-float--idea {
	box-sizing: border-box;
	padding: 12px;
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 9px 18px rgba(113, 57, 209, .20), 0 0 18px rgba(168, 112, 255, .14);
	object-fit: contain;
}

body.mt-software-technology-page .mtma-float--stack {
	top: 10px;
	left: 8.2%;
	width: 8.3%;
}

body.mt-software-technology-page .mtma-float--circuit {
	top: 36px;
	right: 6.8%;
	width: 8%;
	animation-delay: -1.3s;
	animation-direction: reverse;
}

body.mt-software-technology-page .mtma-float--code {
	top: 226px;
	right: 13.5%;
	width: 5.9%;
	animation-delay: -2.6s;
}

body.mt-software-technology-page .mtma-float--cloud {
	top: 384px;
	left: 7.2%;
	width: 7%;
	animation-delay: -3.1s;
	animation-direction: reverse;
}

body.mt-software-technology-page .mtma-float--idea {
	top: 396px;
	left: 35.6%;
	width: 5.9%;
	animation-delay: -1.9s;
}

body.mt-software-technology-page .mtma-float--settings {
	top: 406px;
	right: 8.8%;
	width: 6.7%;
	animation-delay: -3.7s;
	animation-direction: reverse;
}

@media (max-width: 767px) {
	body.mt-software-technology-page .mtma-float--stack { top: 2%; left: 28%; width: 9%; }
	body.mt-software-technology-page .mtma-float--circuit { top: 7%; right: 22%; width: 9%; }
	body.mt-software-technology-page .mtma-float--code { top: 43%; right: 23%; width: 8%; }
	body.mt-software-technology-page .mtma-float--cloud { top: 74%; left: 28%; width: 9%; }
	body.mt-software-technology-page .mtma-float--idea { top: 76%; left: 45%; width: 8%; }
	body.mt-software-technology-page .mtma-float--settings { top: 78%; right: 26%; width: 8%; }
	body.mt-software-technology-page .mtma-float--code,
	body.mt-software-technology-page .mtma-float--idea { padding: 4px; }
}

:is(body.mt-software-technology-page, body.manager-page-template) .mtst-game-layer {
	position: relative;
	overflow: hidden;
	padding-inline: 24px;
	background:
		radial-gradient(circle at 28% 18%, rgba(125, 59, 177, .34), transparent 28%),
		radial-gradient(circle at 80% 78%, rgba(168, 42, 154, .28), transparent 30%),
		#17052c;
	color: #fff;
}

@media (min-width: 1025px) {
	body.mt-software-technology-page .mtma-platform__feature--reassign .mtma-platform__media {
		grid-column: 1;
		grid-row: 6;
	}

	body.mt-software-technology-page .mtma-platform__feature--reassign .mtma-platform__copy {
		grid-column: 2;
		grid-row: 6;
	}
}

body.mt-software-technology-page .mtma-platform__feature--reassign .mtma-platform__media {
	background: #FAF0FF;
}

body.mt-software-technology-page .mtma-platform__feature--reassign .mtma-platform__copy h3 {
	background: #FAF0FF;
}

body.mt-software-technology-page .mtma-platform__feature--reassign .mtma-platform__copy h3::before {
	background: #efc9ff;
}

@media (min-width: 1025px) {body.mt-software-technology-page .mtma-problem__layout {
		grid-template-columns: minmax(0, .95fr) minmax(0, .9fr);
		column-gap: clamp(42px, 5vw, 72px);
		align-items: center;
	}
}

body.mt-software-technology-page .mtma-problem__list {
	max-width: 470px;
}


body.mt-software-technology-page .mtma-problem__visual img {
	width: 96%;
	max-width: 590px;
}

:is(body.mt-software-technology-page, body.manager-page-template) .mtst-game-layer__heading {
	width: min(100%, 820px);
	margin-inline: auto;
	text-align: center;
}

:is(body.mt-software-technology-page, body.manager-page-template) .mtst-game-layer__intro {
	max-width: 690px;
	margin-inline: auto;
	font-family: "Poppins", sans-serif;
	font-size: clamp(14px, 1.15vw, 17px);
	font-style: italic;
	font-weight: 500;
	line-height: 1.45;
}

:is(body.mt-software-technology-page, body.manager-page-template) .mtst-game-layer__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 657.98px));
	gap: 34px 68px;
	width: min(100%, 1384px);
	margin: 0 auto;
	justify-content: center;
}

:is(body.mt-software-technology-page, body.manager-page-template) .mtst-game-layer__step {
	position: relative;
	min-height: 246px;
}

:is(body.mt-software-technology-page, body.manager-page-template) .mtst-game-layer__step--copy {
	align-self: center;
	padding: 44px 0 28px 6px;
}

:is(body.mt-software-technology-page, body.manager-page-template) .mtst-game-layer__step--right {
	text-align: right;
}

:is(body.mt-software-technology-page, body.manager-page-template) .mtst-game-layer__number {
	position: absolute;
	z-index: 0;
	top: -10px;
	left: 0;
	color: rgba(113, 57, 209, .54);
	font-family: "Poppins", sans-serif;
	font-size: 76px;
	font-weight: 800;
	line-height: .75;
}

:is(body.mt-software-technology-page, body.manager-page-template) .mtst-game-layer__step--right .mtst-game-layer__number {
	right: 0;
	left: auto;
}

:is(body.mt-software-technology-page, body.manager-page-template) .mtst-game-layer__label {
	margin: 0 0 20px;
	color: rgba(255, 255, 255, .82);
	font-family: "Poppins", sans-serif;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .12em;
	line-height: 1.2;
	text-transform: uppercase;
}

:is(body.mt-software-technology-page, body.manager-page-template) .mtst-game-layer__step h3 {
	position: relative;
	z-index: 1;
	margin: 0 0 18px;
	color: #fff;
	font-family: "Poppins", sans-serif;
	font-size: 17px;
	font-style: italic;
	font-weight: 700;
	line-height: 1.3;
}

:is(body.mt-software-technology-page, body.manager-page-template) .mtst-game-layer__step p:not(.mtst-game-layer__label) {
	position: relative;
	z-index: 1;
	margin: 0;
	color: #fff;
	font-family: "Poppins", sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.55;
}

@media (max-width: 900px) {
	:is(body.mt-software-technology-page, body.manager-page-template) .mtst-game-layer__step p:not(.mtst-game-layer__label) br {
		display: none;
	}
}

:is(body.mt-software-technology-page, body.manager-page-template) .mtst-game-layer__step--visual {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 0;
	aspect-ratio: 657.98 / 468.38;
	padding: 36px;
	border: 0;
	border-radius: 27.23px;
	background:
		linear-gradient(135deg, rgba(184, 147, 255, .11), rgba(113, 57, 209, .11)) padding-box,
		linear-gradient(#17052c, #17052c) padding-box;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
	overflow: hidden;
}

:is(body.mt-software-technology-page, body.manager-page-template) .mtst-game-layer__step--visual img {
	display: block;
	width: auto;
	max-width: 88%;
	max-height: 78%;
	height: auto;
	margin: auto;
	object-fit: contain;
	object-position: center;
	filter: drop-shadow(0 18px 30px rgba(0, 0, 0, .28));
}

:is(body.mt-software-technology-page, body.manager-page-template) .mtst-game-layer__step--visual:nth-child(2) {
	align-items: flex-end;
	justify-content: flex-start;
	padding: 36px 36px 0 0;
}

:is(body.mt-software-technology-page, body.manager-page-template) .mtst-game-layer__step--visual:nth-child(2) img {
	max-width: 92%;
	max-height: 82%;
	margin: auto auto 0 0;
	object-position: left bottom;
}

@media (max-width: 767px) {:is(body.mt-software-technology-page, body.manager-page-template) .mtst-game-layer {
		padding-inline: 18px;
	}



	:is(body.mt-software-technology-page, body.manager-page-template) .mtst-game-layer__grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 16px;
	}

	:is(body.mt-software-technology-page, body.manager-page-template) .mtst-game-layer__step {
		min-height: 0;
	}

	:is(body.mt-software-technology-page, body.manager-page-template) .mtst-game-layer__step--copy {
		padding: 38px 6px 8px;
	}

	:is(body.mt-software-technology-page, body.manager-page-template) .mtst-game-layer__step--right {
		text-align: left;
	}

	:is(body.mt-software-technology-page, body.manager-page-template) .mtst-game-layer__step--right .mtst-game-layer__number {
		left: 0;
		right: auto;
	}

	:is(body.mt-software-technology-page, body.manager-page-template) .mtst-game-layer__step--visual {
		min-height: 0;
		padding: 22px;
	}

	:is(body.mt-software-technology-page, body.manager-page-template) .mtst-game-layer__step--visual:nth-child(2) {
		padding: 22px 22px 0 0;
	}

	:is(body.mt-software-technology-page, body.manager-page-template) .mtst-game-layer__step:nth-child(1) { order: 1; }
	:is(body.mt-software-technology-page, body.manager-page-template) .mtst-game-layer__step:nth-child(2) { order: 2; }
	:is(body.mt-software-technology-page, body.manager-page-template) .mtst-game-layer__step:nth-child(4) { order: 3; }
	:is(body.mt-software-technology-page, body.manager-page-template) .mtst-game-layer__step:nth-child(3) { order: 4; }
	:is(body.mt-software-technology-page, body.manager-page-template) .mtst-game-layer__step:nth-child(5) { order: 5; }
	:is(body.mt-software-technology-page, body.manager-page-template) .mtst-game-layer__step:nth-child(6) { order: 6; }
	:is(body.mt-software-technology-page, body.manager-page-template) .mtst-game-layer__step:nth-child(8) { order: 7; }
	:is(body.mt-software-technology-page, body.manager-page-template) .mtst-game-layer__step:nth-child(7) { order: 8; }
	:is(body.mt-software-technology-page, body.manager-page-template) .mtst-game-layer__step:nth-child(9) { order: 9; }
	:is(body.mt-software-technology-page, body.manager-page-template) .mtst-game-layer__step:nth-child(10) { order: 10; }
}

body.mt-software-technology-page .mtst-toolkit {
	padding-inline: 24px;
	background: #fff;
	color: #090912;
}

body.mt-software-technology-page .mtst-toolkit__inner {
	max-width: 1320px;
	margin: 0 auto;
	text-align: center;
}

body.mt-software-technology-page .mtst-toolkit__eyebrow {color: #090912;
}

body.mt-software-technology-page .mtst-toolkit h2 {color: #7139d1;
}

body.mt-software-technology-page .mtst-toolkit__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 28px;
}

body.mt-software-technology-page .mtst-toolkit__card {
	overflow: hidden;
	border: 1px solid #dcd2ed;
	border-bottom: 4px solid #b98cff;
	border-radius: 14px;
	background: #fff;
	text-align: left;
}

body.mt-software-technology-page .mtst-toolkit__head {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 58px;
	padding: 14px 88px 14px 36px;
	background: #e6e3ff;
}

body.mt-software-technology-page .mtst-toolkit__head h3 {
	margin: 0;
	color: #7139d1;
	font-family: "Poppins", sans-serif;
	font-size: 18px;
	font-weight: 800;
	line-height: 1.2;
}

body.mt-software-technology-page .mtst-toolkit__head img {
	position: absolute;
	right: 28px;
	bottom: 0;
	width: 54px;
	height: 54px;
	object-fit: contain;
}

body.mt-software-technology-page .mtst-toolkit__card ul {
	margin: 0;
	padding: 28px 30px 36px 42px;
}

body.mt-software-technology-page .mtst-toolkit__card li {
	margin: 0 0 9px;
	font-family: "Poppins", sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.3;
}

body.mt-software-technology-page .mtst-toolkit__card li:last-child {
	margin-bottom: 0;
}

@media (max-width: 1024px) {
	body.mt-software-technology-page .mtst-toolkit__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 24px;
	}
}

@media (min-width: 901px) and (max-width: 1100px) {body.mt-software-technology-page .mtst-toolkit {
		padding-inline: 22px;
	}

body.mt-software-technology-page .mtst-toolkit__grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 18px;
	}

	body.mt-software-technology-page .mtst-toolkit__head {
		min-height: 54px;
		padding: 12px 58px 12px 20px;
	}

	body.mt-software-technology-page .mtst-toolkit__head h3 {
		font-size: 15px;
	}

	body.mt-software-technology-page .mtst-toolkit__head img {
		right: 18px;
		width: 44px;
		height: 44px;
	}

	body.mt-software-technology-page .mtst-toolkit__card ul {
		padding: 22px 18px 28px 28px;
	}

	body.mt-software-technology-page .mtst-toolkit__card li {
		margin-bottom: 8px;
		font-size: 13px;
		line-height: 1.3;
	}
}

@media (max-width: 600px) {body.mt-software-technology-page .mtst-toolkit {
		padding-inline: 18px;
	}

body.mt-software-technology-page .mtst-toolkit__grid {
		grid-template-columns: minmax(0, 1fr);
	}

	body.mt-software-technology-page .mtst-toolkit__head {
		padding-left: 24px;
	}
}


body.mt-constructions-page .mtc-comparison .mtma-comparison__inner {
	max-width: 1320px;
}


body.mt-constructions-page .mtc-comparison h2 {
	font-size: clamp(30px, 2.75vw, 42px);
	line-height: 1.18;
}

body.mt-constructions-page .mtc-comparison .mtma-comparison__grid {
	align-items: stretch;
	column-gap: 28px;
}

body.mt-constructions-page .mtc-comparison .mtma-comparison__card {
	height: 100%;
	min-height: 310px;
	padding-inline: 24px;
	border-radius: 22px;
	background: #f1ebfa;
}

body.mt-constructions-page .mtc-comparison .mtma-comparison__card:nth-child(1),
body.mt-constructions-page .mtc-comparison .mtma-comparison__card:nth-child(3) {
	align-self: start;
	height: auto;
	min-height: 252px;
}

body.mt-constructions-page .mtc-comparison .mtma-comparison__card h3 {
	margin: 0 0 34px;
	color: #7139d1;
	font-family: "Poppins", sans-serif;
	font-size: 18px;
	font-weight: 800;
	line-height: 1.2;
	letter-spacing: .08em;
	text-transform: uppercase;
}

body.mt-constructions-page .mtc-comparison .mtma-comparison__card p {
	color: #090912;
	font-family: "Poppins", sans-serif;
	font-size: 15px;
	line-height: 1.75;
}

body.mt-constructions-page .mtc-comparison .mtma-comparison__card p strong {
	font-weight: 800;
}

body.mt-constructions-page .mtc-comparison .mtc-comparison__icon {
	position: absolute;
	top: 34px;
	right: 26px;
	width: 74px;
	height: 74px;
	margin: 0;
	opacity: .18;
}

body.mt-constructions-page .mtc-comparison .mtc-comparison__icon img {
	width: 100%;
	height: 100%;
	max-height: none;
	object-fit: contain;
}

body.mt-constructions-page .mtc-comparison .mtma-comparison__card {
	position: relative;
}

body.mt-constructions-page .mtc-comparison .mtma-comparison__card--magictask {
	background: #1b0735;
}

body.mt-constructions-page .mtc-comparison .mtma-comparison__card--magictask p {
	color: #fff;
}

body.mt-constructions-page .mtc-comparison .mtma-comparison__logo--magictask {
	height: 54px;
	margin-bottom: 42px;
}

body.mt-constructions-page .mtc-comparison .mtma-comparison__logo--magictask img {
	width: 100%;
	max-width: 220px;
	max-height: 42px;
	object-fit: contain;
	object-position: left center;
}

@media (max-width: 767px) {body.mt-constructions-page .mtc-momentum {
		padding-inline: 18px;
	}

	body.mt-constructions-page .mtma-showcase__dashboard {
		top: clamp(47px, 14.8vw, 63px);
		left: 20%;
		width: 60%;
	}

	body.mt-constructions-page .mtma-float--campaign {
		top: clamp(22px, 6vw, 30px);
		left: 57%;
		width: 8.5%;
	}

	body.mt-constructions-page .mtma-float--calendar {
		left: 25%;
		bottom: 2%;
		width: 8.5%;
	}

	body.mt-constructions-page .mtma-float--construction {
		right: 17%;
		bottom: 2%;
		width: 24%;
	}

body.mt-constructions-page .mtc-momentum__progress {
		width: min(100%, 300px);
		margin-inline: auto;
	}

	body.mt-constructions-page .mtc-momentum__cards {
		grid-template-columns: 1fr;
		gap: 22px;
	}

	body.mt-constructions-page .mtc-momentum__card,
	body.mt-constructions-page .mtc-momentum__card--right {
		padding: 26px 24px;
		text-align: center;
	}

	body.mt-constructions-page .mtc-momentum__shield {
		position: relative;
		left: auto;
		top: auto;
		width: 160px;
		margin: -8px auto;
		transform: none;
	}
}

body.mt-industry-page .mtma-why.is-visible .mtma-why__panel,
body.mt-industry-page .mtma-problem.is-visible .mtma-problem__inner,
body.mt-industry-page .mtma-platform.is-visible .mtma-platform__inner,
body.mt-industry-page .mtma-gamified.is-visible .mtma-gamified__inner,
body.mt-industry-page .mtc-momentum.is-visible .mtc-momentum__inner,
body.mt-industry-page .mtst-game-layer.is-visible .mtst-game-layer__heading,
body.mt-industry-page .mtst-game-layer.is-visible .mtst-game-layer__grid,
body.manager-page-template .mtst-game-layer.is-visible .mtst-game-layer__heading,
body.manager-page-template .mtst-game-layer.is-visible .mtst-game-layer__grid,
body.mt-industry-page .mtst-toolkit.is-visible .mtst-toolkit__inner,
body.mt-industry-page .mtp-speed.is-visible .mtp-speed__layout,
body.mt-industry-page .mtma-comparison.is-visible .mtma-comparison__inner {
	opacity: 1;
	transform: translateY(0);
}

body.mt-software-technology-page .mtma-why__benefit p {
	max-width: none;
}

body.mt-software-technology-page .mtma-why__benefit .mtst-why-line {
	display: block;
	white-space: normal;
}

@media (min-width: 768px) and (max-width: 900px) {body.mt-software-technology-page .mtma-problem {
		padding-inline: 20px;
	}

	body.mt-software-technology-page .mtma-problem__inner {
		max-width: 1120px;
	}

	body.mt-software-technology-page .mtma-problem h2 {max-width: 980px;
	}

body.mt-software-technology-page .mtma-problem__layout {
		grid-template-columns: minmax(300px, .86fr) minmax(0, 1fr);
		align-items: center;
		column-gap: 24px;
	}

body.mt-software-technology-page .mtma-problem__list {
		max-width: none;
	}

body.mt-software-technology-page .mtma-problem__card {
		padding-inline: 20px;
	}

	body.mt-software-technology-page .mtma-problem__card h3 {
		font-size: 18px;
		line-height: 1.28;
	}

	body.mt-software-technology-page .mtma-problem__card p {
		font-size: 15px;
		line-height: 1.42;
	}

	body.mt-software-technology-page .mtma-problem__visual img {
		width: min(100%, 470px);
		max-width: 470px;
	}

body.mt-software-technology-page .mtma-why__panel {
		padding-inline: 42px;
	}

	body.mt-software-technology-page .mtma-why h2 {max-width: 860px;
	}

body.mt-software-technology-page .mtma-why__benefits {
		grid-template-columns: 1fr;
		gap: 0;
		max-width: 620px;
		margin-inline: auto;
	}

body.mt-software-technology-page .mtma-why__benefit {
		justify-content: flex-start;
		padding-inline: 0;
	}

	body.mt-software-technology-page .mtma-why__benefit + .mtma-why__benefit {
		border-top: 1px solid rgba(255, 255, 255, .28);
		border-left: 0;
	}

	body.mt-software-technology-page .mtma-why__benefit p,
	body.mt-software-technology-page .mtma-why__benefit:first-child p,
	body.mt-software-technology-page .mtma-why__benefit:nth-child(2) p,
	body.mt-software-technology-page .mtma-why__benefit:nth-child(3) p {
		max-width: none;
		font-size: 24px;
		line-height: 1.32;
	}
}

@media (min-width: 901px) and (max-width: 1100px) {body.mt-software-technology-page .mtma-problem {
		padding-inline: 22px;
	}

	body.mt-software-technology-page .mtma-problem__inner {
		max-width: 1120px;
	}

	body.mt-software-technology-page .mtma-problem h2 {max-width: 980px;
	}

body.mt-software-technology-page .mtma-problem__layout {
		grid-template-columns: minmax(420px, .95fr) minmax(0, .8fr);
		align-items: center;
		column-gap: 24px;
	}

body.mt-software-technology-page .mtma-problem__list {
		max-width: none;
	}

body.mt-software-technology-page .mtma-problem__card {
		padding-inline: 20px;
	}

	body.mt-software-technology-page .mtma-problem__card h3 {
		font-size: 18px;
		line-height: 1.25;
	}

	body.mt-software-technology-page .mtma-problem__card p {
		font-size: 14px;
		line-height: 1.4;
	}

	body.mt-software-technology-page .mtma-problem__visual img {
		width: min(100%, 360px);
		max-width: 360px;
	}

body.mt-software-technology-page .mtma-why__panel {
		padding-inline: 48px;
	}

	body.mt-software-technology-page .mtma-why h2 {max-width: 900px;
	}

body.mt-software-technology-page .mtma-why__benefits {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 0;
		max-width: 930px;
		margin-inline: auto;
	}

body.mt-software-technology-page .mtma-why__benefit {
		justify-content: center;
		padding-inline: 6px;
	}

	body.mt-software-technology-page .mtma-why__benefit img {
		width: 40px;
		height: 40px;
		margin-right: 8px;
		flex-basis: 40px;
	}

	body.mt-software-technology-page .mtma-why__benefit + .mtma-why__benefit {
		border-top: 0;
		border-left: 1px solid rgba(255, 255, 255, .28);
	}

	body.mt-software-technology-page .mtma-why__benefit p {
		max-width: 252px;
		font-size: 14px;
		line-height: 1.24;
	}

	body.mt-software-technology-page .mtma-why__benefit .mtst-why-line {
		display: inline;
	}

	body.mt-software-technology-page .mtma-why__benefit .mtst-why-line + .mtst-why-line::before {
		content: " ";
	}
}

@media (prefers-reduced-motion: reduce) {
	body.mt-industry-page .mtma-hero .mtma-eyebrow,
	body.mt-industry-page .mtma-hero h1,
	body.mt-industry-page .mtma-hero p,
	body.mt-industry-page .mtma-hero .mtma-actions,
	body.mt-industry-page .mtma-why__benefit img,
	body.mt-industry-page .mtma-problem__visual img,
	body.mt-industry-page .mtma-platform__media img,
	body.mt-industry-page .mtma-game-card--progress > img,
	body.mt-industry-page .mtma-game-card--chests .mtma-game-card__chest,
	body.mt-industry-page .mtma-game-card--chests .mtma-game-card__chest-scene,
	body.mt-industry-page .mtma-game-card--avatars > img,
	body.mt-industry-page .mtma-game-card--badges > img,
	body.mt-software-technology-page .mtst-game-layer__step--visual img,
	body.manager-page-template .mtst-game-layer__step--visual img {
		animation: none;
	}

	body.mt-industry-page .mtma-why__panel,
	body.mt-industry-page .mtma-problem__inner,
	body.mt-industry-page .mtma-platform__inner,
	body.mt-industry-page .mtma-gamified__inner,
	body.mt-industry-page .mtc-momentum__inner,
	body.mt-industry-page .mtst-game-layer__heading,
	body.mt-industry-page .mtst-game-layer__grid,
	body.manager-page-template .mtst-game-layer__heading,
	body.manager-page-template .mtst-game-layer__grid,
	body.mt-industry-page .mtst-toolkit__inner,
	body.mt-industry-page .mtp-speed .mtp-speed__layout,
	body.mt-industry-page .mtma-comparison__inner {
		opacity: 1;
		transform: none;
		transition: none;
	}
}

/* 2026-09-24 — solution hero mobile navbar clearance + strict two-line titles
   Shared by Marketing, Constructions and Software Technology. */
@media (max-width: 767px) {
  body.mt-marketing-advertising-page .mtma-hero,
  body.mt-constructions-page .mtma-hero,
  body.mt-software-technology-page .mtma-hero {
    margin-top: 0 !important;
    padding-top: 92px !important;
  }
}

@media (max-width: 540px) {
  body.mt-marketing-advertising-page .mtma-hero h1,
  body.mt-constructions-page .mtma-hero h1,
  body.mt-software-technology-page .mtma-hero h1 {
    width: 100% !important;
    max-width: none !important;
    font-size: clamp(17px, 5.4vw, 28px) !important;
    line-height: 1.22 !important;
    letter-spacing: -0.01em !important;
    white-space: nowrap !important;
  }

  body.mt-marketing-advertising-page .mtma-hero h1 br,
  body.mt-constructions-page .mtma-hero h1 br,
  body.mt-software-technology-page .mtma-hero h1 br {
    display: block !important;
  }

  body.mt-software-technology-page .mtma-hero h1 .mtst-hero-line {
    display: block !important;
    white-space: nowrap !important;
  }
}


/* 2026-09-24 — Software & Technology hero heading hard-fix
   Keep the title on two real lines and prevent MagicTask/keeps from merging. */
body.mt-software-technology-page .mtma-hero h1 .mtst-hero-line {
  display: block !important;
}

@media (min-width: 541px) {
  body.mt-software-technology-page .mtma-hero h1 .mtst-hero-line {
    white-space: nowrap !important;
  }
}

@media (max-width: 540px) {
  body.mt-software-technology-page .mtma-hero h1 {
    white-space: normal !important;
  }

  body.mt-software-technology-page .mtma-hero h1 .mtst-hero-line {
    white-space: nowrap !important;
  }
}

/* Keep shared Problem content readable on tablet and mobile. */
@media (max-width: 900px) {
  body.mt-constructions-page .mtma-problem__layout,
  body.mt-software-technology-page .mtma-problem__layout {
    grid-template-columns: 1fr !important;
    column-gap: 34px !important;
  }

  body.mt-constructions-page .mtma-problem__visual img,
  body.mt-software-technology-page .mtma-problem__visual img {
    width: min(100%, 560px) !important;
    max-width: 560px !important;
  }
}

/* 2026-09-24 — Software game-layer tablet copy width.
   Keep body copy to a natural 2-3 lines beside the visual cards. */
@media (min-width: 768px) and (max-width: 900px) {
  :is(body.mt-software-technology-page, body.manager-page-template) .mtst-game-layer {
    padding-left: 28px;
    padding-right: 28px;
  }

  :is(body.mt-software-technology-page, body.manager-page-template) .mtst-game-layer__grid {
    grid-template-columns: minmax(360px, .98fr) minmax(280px, .78fr) !important;
    gap: 28px 28px !important;
    width: 100%;
  }

  :is(body.mt-software-technology-page, body.manager-page-template) .mtst-game-layer__step--copy {
    padding-left: 0;
    padding-right: 0;
  }

  :is(body.mt-software-technology-page, body.manager-page-template) .mtst-game-layer__step p:not(.mtst-game-layer__label) {
    max-width: 430px;
    font-size: 17px;
    line-height: 1.45;
  }

  :is(body.mt-software-technology-page, body.manager-page-template) .mtst-game-layer__step--right p:not(.mtst-game-layer__label) {
    margin-left: auto;
  }
}
/* Gaming showcase artwork uses the same shared stage with its own transparent assets. */
body.mt-industry-page.mt-gaming-page .mtma-showcase {
	z-index: 1;
	overflow: visible;
	border-radius: 0 0 72px 72px;
}

body.mt-industry-page.mt-gaming-page .mtma-showcase::before {
	position: absolute;
	z-index: 1;
	inset: 0 0 -100px;
	border-radius: inherit;
	background: linear-gradient(
		180deg,
		rgba(174, 128, 239, 0) 4%,
		rgba(174, 128, 239, .18) 42%,
		rgba(123, 54, 211, .94) 100%
	);
	content: '';
	pointer-events: none;
}

body.mt-industry-page.mt-gaming-page .mtma-showcase__grid {
	z-index: 2;
}

body.mt-industry-page.mt-gaming-page .mtma-why {
	position: relative;
	z-index: 2;
	background: transparent;
}

body.mt-product-page.mt-industry-page.mt-gaming-page .mtma-problem .mtma-problem__visual img {
	width: 80%;
	max-width: 450px;
}

body.mt-industry-page.mt-gaming-page .mtma-float--calendar {
	top: 38%;
	left: 13%;
	width: 5%;
}

body.mt-industry-page.mt-gaming-page .mtma-float--review {
	top: 12%;
	left: 15%;
	width: 5%;
}

body.mt-industry-page.mt-gaming-page .mtma-float--campaign {
	top: 31%;
	right: 7%;
	width: 29%;
}

body.mt-industry-page.mt-gaming-page .mtma-float--target {
	top: auto;
	bottom: 2%;
	left: 5%;
	width: 22%;
}

body.mt-industry-page.mt-gaming-page .mtma-float--engagement {
	top: auto;
	bottom: 19%;
	left: 20%;
	width: 6%;
}

/* Keep the gaming hero composition readable at tablet widths. */
@media (min-width: 768px) and (max-width: 900px) {
	body.mt-industry-page.mt-gaming-page .mtma-showcase {
		min-height: 500px;
	}

	body.mt-industry-page.mt-gaming-page .mtma-showcase__stage {
		width: 100%;
		height: 460px;
	}

	body.mt-industry-page.mt-gaming-page .mtma-showcase__dashboard {
		top: 72px;
		left: 20%;
		width: 60%;
	}

	body.mt-industry-page.mt-gaming-page .mtma-float--calendar {
		top: 33%;
		left: 8%;
		width: 5%;
	}

	body.mt-industry-page.mt-gaming-page .mtma-float--review {
		top: 12%;
		left: 29%;
		width: 5%;
	}

	body.mt-industry-page.mt-gaming-page .mtma-float--campaign {
		top: 41%;
		right: 10%;
		width: 23%;
	}

	body.mt-industry-page.mt-gaming-page .mtma-float--target {
		bottom: 19%;
		left: 3%;
		width: 24%;
	}

	body.mt-industry-page.mt-gaming-page .mtma-float--engagement {
		bottom: 39%;
		left: 25%;
		width: 8%;
	}
}

body.mt-industry-page.mt-healthcare-page .mtma-hero__note {
	margin: 20px 0 0;
	color: #111016;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.4;
}

/* Healthcare showcase: original full workspace with the supplied medical art. */
body.mt-industry-page.mt-healthcare-page .mtma-showcase__stage {
	height: 540px;
}

body.mt-industry-page.mt-healthcare-page .mtma-showcase__dashboard {
	top: 65px;
	left: 10%;
	width: 80%;
	max-height: 500px;
	object-fit: contain;
	object-position: top center;
}

body.mt-industry-page.mt-healthcare-page .mtma-float--healthcare-chat {
	top: 7%;
	left: 8%;
	width: 6%;
}

body.mt-industry-page.mt-healthcare-page .mtma-float--healthcare-chat,
body.mt-industry-page.mt-healthcare-page .mtma-float--healthcare-clipboard,
body.mt-industry-page.mt-healthcare-page .mtma-float--healthcare-calendar {
	box-sizing: border-box;
	padding: 4px;
	border: 1px solid #eadff8;
	border-radius: 18px;
	background: #fff;
}

body.mt-industry-page.mt-healthcare-page .mtma-float--healthcare-clipboard {
	top: 4%;
	left: 33%;
	width: 5%;
}

body.mt-industry-page.mt-healthcare-page .mtma-float--healthcare-engagement {
	top: 7%;
	left: 48%;
	width: 11.5%;
}

body.mt-industry-page.mt-healthcare-page .mtma-float--healthcare-heart {
	top: 4%;
	right: 11%;
	width: 8%;
}

body.mt-industry-page.mt-healthcare-page .mtma-float--healthcare-calendar {
	top: 48%;
	left: 18%;
	width: 4.5%;
}

body.mt-industry-page.mt-healthcare-page .mtma-float--healthcare-review {
	bottom: -2%;
	left: 35%;
	width: 9%;
}

body.mt-industry-page.mt-healthcare-page .mtma-float--healthcare-orb {
	bottom: -9%;
	right: 11%;
	width: 16%;
}

@media (min-width: 768px) and (max-width: 1024px) {
	body.mt-industry-page.mt-healthcare-page .mtma-showcase {
		min-height: 520px;
	}

	body.mt-industry-page.mt-healthcare-page .mtma-showcase__stage {
		width: 100%;
		height: 460px;
	}

	body.mt-industry-page.mt-healthcare-page .mtma-showcase__dashboard {
		top: 58px;
		left: 9%;
		width: 82%;
		max-height: 380px;
	}

	body.mt-industry-page.mt-healthcare-page .mtma-float--healthcare-chat { top: 10%; left: 8%; width: 7%; }
	body.mt-industry-page.mt-healthcare-page .mtma-float--healthcare-clipboard { top: 6%; left: 37%; width: 6%; }
	body.mt-industry-page.mt-healthcare-page .mtma-float--healthcare-engagement { top: 5%; left: 51%; width: 13%; }
	body.mt-industry-page.mt-healthcare-page .mtma-float--healthcare-heart { top: 8%; right: 9%; width: 9%; }
	body.mt-industry-page.mt-healthcare-page .mtma-float--healthcare-calendar { top: 48%; left: 14%; width: 5%; }
	body.mt-industry-page.mt-healthcare-page .mtma-float--healthcare-review { bottom: 2%; left: 30%; width: 10%; }
	body.mt-industry-page.mt-healthcare-page .mtma-float--healthcare-orb { bottom: 2%; right: 5%; width: 14%; }
}

body.mt-industry-page.mt-healthcare-page .tm-cta.tm-cta--solution .tm-cta__heading {
	width: min(100%, 58rem);
	max-width: 58rem;
}

body.mt-industry-page.mt-education-page .tm-cta.tm-cta--solution .tm-cta__heading {
	width: min(100%, 46rem);
	max-width: 46rem;
}

body.mt-industry-page.mt-education-page .mtma-comparison__card:first-child h3 {
	font-size: 24px !important;
}

body.mt-industry-page.mt-education-page .mtma-comparison__card:first-child .mte-comparison__title-line {
	white-space: nowrap;
}

body.mt-software-technology-page .tm-cta.tm-cta--solution.mtst-final-cta .tm-cta__heading {
	width: min(100%, 46rem);
	max-width: 46rem;
}

@media (max-width: 767px) {
	body.mt-industry-page.mt-healthcare-page .mtma-showcase {
		min-height: 470px;
	}
	body.mt-industry-page.mt-healthcare-page .mtma-showcase__stage {
		width: 100%;
		height: 410px;
		margin-left: 0;
		transform: none;
	}
	body.mt-industry-page.mt-healthcare-page .mtma-showcase__dashboard {
		top: 64px;
		left: 0;
		width: 100%;
		max-height: 330px;
		object-fit: contain;
		object-position: top center;
	}
	body.mt-industry-page.mt-healthcare-page .mtma-float--healthcare-chat { top: 10%; left: 6%; width: 8%; }
	body.mt-industry-page.mt-healthcare-page .mtma-float--healthcare-clipboard { top: 7%; left: 31%; width: 7%; }
	body.mt-industry-page.mt-healthcare-page .mtma-float--healthcare-engagement { top: 5%; left: 48%; width: 14%; }
	body.mt-industry-page.mt-healthcare-page .mtma-float--healthcare-heart { top: 8%; right: 5%; width: 11%; }
	body.mt-industry-page.mt-healthcare-page .mtma-float--healthcare-calendar { top: 43%; left: 5%; width: 7%; }
	body.mt-industry-page.mt-healthcare-page .mtma-float--healthcare-review { bottom: 2%; left: 24%; width: 13%; }
	body.mt-industry-page.mt-healthcare-page .mtma-float--healthcare-orb { bottom: 2%; right: 3%; width: 17%; }

	body.mt-industry-page.mt-gaming-page .mtma-showcase {
		min-height: 390px;
		border-radius: 0 0 42px 42px;
	}
	body.mt-industry-page.mt-gaming-page .mtma-showcase::before { bottom: -64px; }
	body.mt-industry-page.mt-gaming-page .mtma-showcase__stage {
		width: 100%;
		height: 340px;
		margin-left: 0;
		transform: none;
	}
	body.mt-industry-page.mt-gaming-page .mtma-showcase__dashboard {
		top: 48px;
		left: 7%;
		width: 86%;
	}
	body.mt-industry-page.mt-gaming-page .mtma-float--calendar { top: 14%; left: 8%; width: 9%; }
	body.mt-industry-page.mt-gaming-page .mtma-float--review { top: 8%; left: 46%; width: 12%; }
	body.mt-industry-page.mt-gaming-page .mtma-float--campaign {
		top: 38%;
		right: 4%;
		z-index: 6;
		width: 34%;
	}
	body.mt-industry-page.mt-gaming-page .mtma-float--target { top: auto; bottom: 0; left: 4%; width: 38%; }
	body.mt-industry-page.mt-gaming-page .mtma-float--engagement { top: auto; bottom: 14%; left: 20%; width: 10%; }
}

body.mt-industry-page.mt-education-page .mte-run {
	padding: 28px 24px 48px;
	background: #fff;
}

body.mt-industry-page.mt-education-page .mte-run__inner {
	width: min(100%, 1200px);
	margin: 0 auto;
}

body.mt-industry-page.mt-education-page .mte-run__eyebrow,
body.mt-industry-page.mt-education-page .mte-run h2 {
	text-align: center;
}

body.mt-industry-page.mt-education-page .mte-run__eyebrow {
	margin-bottom: 8px;
	color: #09070e;
	font-size: 15px;
}
body.mt-industry-page.mt-education-page .mte-run h2 {
	margin-bottom: 40px;
	color: #7139d1;
}

body.mt-industry-page.mt-education-page .mte-run__grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 11px;
}

body.mt-industry-page.mt-education-page .mte-run__card {
	display: flex;
	flex-direction: column;
	min-width: 0;
	min-height: 270px;
	overflow: hidden;
	border: 1px solid #dcd2ed;
	border-bottom: 2px solid #c58cff;
	border-radius: 22px;
	background: #fcfbff;
	text-align: center;
}

body.mt-industry-page.mt-education-page .mte-run__card h3 {
	display: flex;
	min-height: 70px;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 10px 10px;
	background: #e7e7ff;
	color: #7139d1;
	font-family: "Poppins", sans-serif;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.2;
}

body.mt-industry-page.mt-education-page .mte-run__card p {
	display: flex;
	flex: 1;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 20px 10px;
	color: #09070e;
	font-family: "Poppins", sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.3;
}

/* Keep the Professional Services workstream cards on the same shared layout as Education. */
body.mt-industry-page.mt-professional-services-page .mte-run {
	padding: 28px 24px 48px;
	background: #fff;
}

body.mt-industry-page.mt-education-page .education-game-layer {
	position: relative;
	min-height: 800px;
	padding: 58px 24px 220px;
	overflow: hidden;
	background: linear-gradient(115deg, #170927 0%, #160827 55%, #170927 100%);
	color: #fff;
}

body.mt-industry-page.mt-education-page .education-game-layer::before {
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(115deg, rgba(23, 9, 39, .34), rgba(22, 8, 39, .42), rgba(23, 9, 39, .34));
	content: "";
	pointer-events: none;
}

body.mt-industry-page.mt-education-page .education-game-layer__backdrop {
	position: absolute;
	inset: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center 55%;
	display: block;
	opacity: 1;
	pointer-events: none;
}

/* Healthcare reuses the Software & Technology game progression layout. */
body.mt-healthcare-page .mtst-game-layer {
	position: relative;
	overflow: hidden;
	padding-inline: 24px;
	background:
		radial-gradient(circle at 28% 18%, rgba(125, 59, 177, .34), transparent 28%),
		radial-gradient(circle at 80% 78%, rgba(168, 42, 154, .28), transparent 30%),
		#17052c;
	color: #fff;
}

body.mt-healthcare-page .mtst-game-layer__heading {
	width: min(100%, 820px);
	margin-inline: auto;
	text-align: center;
}

body.mt-healthcare-page .mtst-game-layer__intro {
	max-width: 690px;
	margin-inline: auto;
	font-family: "Poppins", sans-serif;
	font-size: clamp(14px, 1.15vw, 17px);
	font-style: italic;
	font-weight: 500;
	line-height: 1.45;
}

body.mt-healthcare-page .mtst-game-layer__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 657.98px));
	gap: 34px 68px;
	width: min(100%, 1384px);
	margin: 0 auto;
	justify-content: center;
}

body.mt-healthcare-page .mtst-game-layer__step { position: relative; min-height: 246px; }
body.mt-healthcare-page .mtst-game-layer__step--copy { align-self: center; padding: 44px 0 28px 6px; }
body.mt-healthcare-page .mtst-game-layer__step--right { text-align: right; }

body.mt-healthcare-page .mtst-game-layer__number {
	position: absolute;
	z-index: 0;
	top: -10px;
	left: 0;
	color: rgba(113, 57, 209, .54);
	font-family: "Poppins", sans-serif;
	font-size: 76px;
	font-weight: 800;
	line-height: .75;
}

body.mt-healthcare-page .mtst-game-layer__step--right .mtst-game-layer__number { right: 0; left: auto; }
body.mt-healthcare-page .mtst-game-layer__label { margin: 0 0 20px; color: rgba(255, 255, 255, .82); font-family: "Poppins", sans-serif; font-size: 11px; font-weight: 700; letter-spacing: .12em; line-height: 1.2; text-transform: uppercase; }

body.mt-healthcare-page .mtst-game-layer__step h3 {
	position: relative;
	z-index: 1;
	margin: 0 0 18px;
	color: #fff;
	font-family: "Poppins", sans-serif;
	font-size: 17px;
	font-style: italic;
	font-weight: 700;
	line-height: 1.3;
}

body.mt-healthcare-page .mtst-game-layer__step p:not(.mtst-game-layer__label) { position: relative; z-index: 1; margin: 0; color: #fff; font-family: "Poppins", sans-serif; font-size: 16px; font-weight: 400; line-height: 1.55; }

body.mt-healthcare-page .mtst-game-layer__step--visual {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 0;
	aspect-ratio: 657.98 / 468.38;
	padding: 36px;
	border: 0;
	border-radius: 27.23px;
	background: linear-gradient(135deg, rgba(184, 147, 255, .11), rgba(113, 57, 209, .11)) padding-box, linear-gradient(#17052c, #17052c) padding-box;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
	overflow: hidden;
}

body.mt-healthcare-page .mtst-game-layer__step--visual img { display: block; width: auto; max-width: 88%; max-height: 78%; height: auto; margin: auto; object-fit: contain; object-position: center; filter: drop-shadow(0 18px 30px rgba(0, 0, 0, .28)); }
body.mt-healthcare-page .mtst-game-layer__step--visual:nth-child(2) { align-items: flex-end; justify-content: flex-start; padding: 36px 36px 0 0; }
body.mt-healthcare-page .mtst-game-layer__step--visual:nth-child(2) img { max-width: 92%; max-height: 82%; margin: auto auto 0 0; object-position: left bottom; }

:is(body.mt-software-technology-page, body.manager-page-template) .mtst-game-layer__step--visual:nth-child(7),
body.mt-healthcare-page .mtst-game-layer__step--visual:nth-child(7) {
	align-items: flex-end;
	justify-content: flex-end;
	padding: 0;
}

:is(body.mt-software-technology-page, body.manager-page-template) .mtst-game-layer__step--visual:nth-child(7) img,
body.mt-healthcare-page .mtst-game-layer__step--visual:nth-child(7) img {
	width: 82%;
	max-width: 82%;
	max-height: 74%;
	height: auto;
	margin: 0;
	object-fit: contain;
	object-position: right bottom;
	filter: none;
}

body.manager-page-template .use-case-page--gamified-productivity .mtst-game-layer__step--visual:nth-child(7) {
	align-items: center;
	justify-content: center;
}

body.manager-page-template .use-case-page--gamified-productivity .mtst-game-layer__step--visual:nth-child(7) img {
	margin: auto;
	object-position: center;
}

body.manager-page-template .use-case-page--team-culture .mtst-game-layer__step--visual:nth-child(7) {
	align-items: center;
	justify-content: center;
}

body.manager-page-template .use-case-page--team-culture .mtst-game-layer__step--visual:nth-child(7) img {
	margin: auto;
	object-position: center;
}

/* Team Culture: center the progress bar and pin the leaderboard to its frame. */
body.manager-page-template .use-case-page--team-culture .mtst-game-layer__step--visual:nth-child(2) {
	align-items: center;
	justify-content: center;
	padding: 36px;
}

body.manager-page-template .use-case-page--team-culture .mtst-game-layer__step--visual:nth-child(2) img {
	max-width: 88%;
	max-height: 78%;
	margin: auto;
	object-position: center;
}

body.manager-page-template .use-case-page--team-culture .mtst-game-layer__step--visual:nth-child(3) {
	align-items: flex-end;
	justify-content: flex-end;
	padding: 0;
}

body.manager-page-template .use-case-page--team-culture .mtst-game-layer__step--visual:nth-child(3) img {
	max-width: 58%;
	max-height: 78%;
	margin: 0;
	object-position: right bottom;
}

body.mt-healthcare-page .mth-game-layer__closing,
body.manager-page-template .use-case-page--gamified-productivity .mth-game-layer__closing {
	width: fit-content;
	max-width: 100%;
	margin: 76px auto 0;
	padding: 22px 28px;
	border: 1px solid rgba(199, 151, 255, .2);
	border-radius: 16px;
	background: linear-gradient(135deg, rgba(119, 69, 157, .28), rgba(60, 30, 86, .38));
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
	color: #d77aff;
	font-family: "Poppins", sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: 600;
	line-height: 1.4;
	text-align: center;
	white-space: nowrap;
}

body.manager-page-template .use-case-page--gamified-productivity .mth-game-layer__closing {
	width: min(100%, 780px);
	padding: 0;
	border: 0;
	background: none;
	box-shadow: none;
	font-size: clamp(18px, 1.55vw, 22px);
	line-height: 1.5;
	white-space: normal;
}

@media (max-width: 900px) {
	body.mt-healthcare-page .mtst-game-layer__step p:not(.mtst-game-layer__label) br { display: none; }
}

@media (max-width: 767px) {
	body.mt-healthcare-page .mtst-game-layer { padding-inline: 18px; }
	body.mt-healthcare-page .mtst-game-layer__grid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
	body.mt-healthcare-page .mtst-game-layer__step { min-height: 0; }
	body.mt-healthcare-page .mtst-game-layer__step--copy { padding: 38px 6px 8px; }
	body.mt-healthcare-page .mtst-game-layer__step--right { text-align: left; }
	body.mt-healthcare-page .mtst-game-layer__step--right .mtst-game-layer__number { left: 0; right: auto; }
	body.mt-healthcare-page .mtst-game-layer__step--visual { min-height: 0; padding: 22px; }
	body.mt-healthcare-page .mtst-game-layer__step--visual:nth-child(2) { padding: 22px 22px 0 0; }
	body.mt-healthcare-page .mtst-game-layer__step:nth-child(1) { order: 1; }
	body.mt-healthcare-page .mtst-game-layer__step:nth-child(2) { order: 2; }
	body.mt-healthcare-page .mtst-game-layer__step:nth-child(4) { order: 3; }
	body.mt-healthcare-page .mtst-game-layer__step:nth-child(3) { order: 4; }
	body.mt-healthcare-page .mtst-game-layer__step:nth-child(5) { order: 5; }
	body.mt-healthcare-page .mtst-game-layer__step:nth-child(6) { order: 6; }
	body.mt-healthcare-page .mtst-game-layer__step:nth-child(8) { order: 7; }
	body.mt-healthcare-page .mtst-game-layer__step:nth-child(7) { order: 8; }
	body.mt-healthcare-page .mth-game-layer__closing,
	body.manager-page-template .use-case-page--gamified-productivity .mth-game-layer__closing { margin-top: 38px; padding: 18px 14px; font-size: 11px; }
}

body.mt-industry-page.mt-education-page .education-game-layer__inner {
	position: relative;
	z-index: 2;
	width: min(100%, 1280px);
	margin: 0 auto;
}

body.mt-industry-page.mt-education-page .education-game-layer__eyebrow,
body.mt-industry-page.mt-education-page .education-game-layer h2 {
	color: #fff;
	text-align: center;
}

body.mt-industry-page.mt-education-page .education-game-layer h2 {
	max-width: 900px;
	margin: 16px auto 48px;
	font-size: clamp(28px, 3vw, 40px);
	line-height: 1.18;
}

body.mt-industry-page.mt-education-page .education-game-layer__cards {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
}

body.mt-industry-page.mt-education-page .education-game-layer__card {
	position: relative;
	z-index: 1;
	min-height: 262px;
	padding: 27px 25px;
	border: 1px solid rgba(219, 168, 245, .3);
	border-radius: 16px;
	background: rgba(130, 69, 157, .34);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
}

body.mt-industry-page.mt-education-page .education-game-layer__card h3 {
	margin: 0 0 16px;
	color: #c59bea;
	font-family: "Poppins", sans-serif;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: .075em;
	line-height: 1.35;
}

body.mt-industry-page.mt-education-page .education-game-layer__card p {
	margin: 0;
	color: #fff;
	font-family: "Poppins", sans-serif;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.52;
}

body.mt-industry-page.mt-education-page .education-game-layer__rewards {
	position: absolute;
	inset: 0;
	z-index: 2;
	pointer-events: none;
}

body.mt-industry-page.mt-education-page .education-game-layer__progress {
	position: absolute;
	bottom: -122px;
	left: 7%;
	width: clamp(180px, 22%, 280px);
	height: auto;
	filter: drop-shadow(0 10px 16px rgba(0, 0, 0, .32));
	animation: mtma-ui-float 4.8s ease-in-out -1.2s infinite;
	will-change: transform;
}

body.mt-industry-page.mt-education-page .education-game-layer__chest {
	position: absolute;
	bottom: -250px;
	left: 67%;
	width: clamp(280px, 29%, 380px);
	height: auto;
	filter: drop-shadow(0 12px 18px rgba(0, 0, 0, .4));
	transform: translateX(-50%);
	animation: mtma-chest-float 4.8s ease-in-out -2.1s infinite;
	will-change: transform;
}

@media (max-width: 767px) {
	body.mt-industry-page.mt-education-page .education-game-layer {
		min-height: 0;
		padding: 44px 18px 130px;
	}
	body.mt-industry-page.mt-education-page .education-game-layer__backdrop { object-position: center; }
	body.mt-industry-page.mt-education-page .education-game-layer h2 { margin-bottom: 32px; }
	body.mt-industry-page.mt-education-page .education-game-layer__cards { grid-template-columns: 1fr; gap: 14px; }
	body.mt-industry-page.mt-education-page .education-game-layer__card { min-height: 0; padding: 23px; }
	body.mt-industry-page.mt-education-page .education-game-layer__progress { bottom: -100px; left: 3%; width: 40%; }
	body.mt-industry-page.mt-education-page .education-game-layer__chest { bottom: -145px; right: 4%; left: auto; width: 55%; }
}

@media (prefers-reduced-motion: reduce) {
	body.mt-industry-page.mt-education-page .education-game-layer__progress,
	body.mt-industry-page.mt-education-page .education-game-layer__chest { animation: none; }
}

body.mt-industry-page.mt-professional-services-page .ps-game-layer {
	position: relative;
	padding: 68px 24px 96px;
	overflow: hidden;
	background:
		radial-gradient(ellipse at 0% 78%, rgba(116, 35, 105, .42), transparent 42%),
		radial-gradient(ellipse at 100% 82%, rgba(135, 31, 111, .38), transparent 40%),
		linear-gradient(115deg, #170927 0%, #160827 55%, #170927 100%);
	color: #fff;
}

body.mt-industry-page.mt-professional-services-page .ps-game-layer__inner {
	max-width: 1100px;
	margin: 0 auto;
}

body.mt-industry-page.mt-professional-services-page .ps-game-layer__eyebrow,
body.mt-industry-page.mt-professional-services-page .ps-game-layer h2 {
	color: #fff;
	text-align: center;
}

body.mt-industry-page.mt-professional-services-page .ps-game-layer h2 {
	max-width: 850px;
	margin: 20px auto 24px;
	font-size: clamp(30px, 3.1vw, 42px);
	line-height: 1.12;
}

body.mt-industry-page.mt-professional-services-page .ps-game-layer__intro {
	max-width: 850px;
	margin: 0 auto 68px;
	color: #fff;
	font-family: "Poppins", sans-serif;
	font-size: clamp(16px, 1.6vw, 20px);
	font-weight: 500;
	line-height: 1.52;
	text-align: center;
}

body.mt-industry-page.mt-professional-services-page .ps-game-layer__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 22px;
}

body.mt-industry-page.mt-professional-services-page .ps-game-layer__card {
	min-height: 194px;
	padding: 27px 28px;
	border: 1px solid rgba(207, 159, 239, .28);
	border-radius: 15px;
	background: rgba(132, 74, 162, .24);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
}

body.mt-industry-page.mt-professional-services-page .ps-game-layer__card h3 {
	min-height: 44px;
	margin: 0 0 14px;
	color: #bd9bea;
	font-family: "Poppins", sans-serif;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: .08em;
	line-height: 1.35;
}

body.mt-industry-page.mt-professional-services-page .ps-game-layer__card p {
	margin: 0;
	color: #fff;
	font-family: "Poppins", sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.45;
}

@media (max-width: 767px) {
	body.mt-industry-page.mt-professional-services-page .ps-game-layer { padding: 52px 18px 60px; }
	body.mt-industry-page.mt-professional-services-page .ps-game-layer__intro { margin-bottom: 34px; }
	body.mt-industry-page.mt-professional-services-page .ps-game-layer__grid { grid-template-columns: 1fr; gap: 14px; }
	body.mt-industry-page.mt-professional-services-page .ps-game-layer__card { min-height: 0; padding: 22px; }
}

body.mt-industry-page.mt-professional-services-page .mte-run__inner {
	width: min(100%, 1200px);
	margin: 0 auto;
}

body.mt-industry-page.mt-professional-services-page .mte-run__eyebrow,
body.mt-industry-page.mt-professional-services-page .mte-run h2 {
	text-align: center;
}

body.mt-industry-page.mt-professional-services-page .mte-run__eyebrow {
	margin-bottom: 8px;
	color: #09070e;
	font-size: 15px;
}

body.mt-industry-page.mt-professional-services-page .mte-run h2 {
	margin-bottom: 40px;
	color: #7139d1;
}

body.mt-industry-page.mt-professional-services-page .mte-run__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 11px;
}

body.mt-industry-page.mt-professional-services-page .mte-run__card {
	display: flex;
	flex-direction: column;
	min-width: 0;
	min-height: 270px;
	overflow: hidden;
	border: 1px solid #dcd2ed;
	border-bottom: 2px solid #c58cff;
	border-radius: 22px;
	background: #fcfbff;
	text-align: center;
}

body.mt-industry-page.mt-professional-services-page .mte-run__card h3 {
	display: flex;
	min-height: 70px;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 10px;
	background: #e7e7ff;
	color: #7139d1;
	font-family: "Poppins", sans-serif;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.2;
}

body.mt-industry-page.mt-professional-services-page .mte-run__card p {
	display: flex;
	flex: 1;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 20px 10px;
	color: #09070e;
	font-family: "Poppins", sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.3;
}

body.mt-industry-page.mt-professional-services-page .ps-hero-mobile-break br {
	display: none;
}

body.mt-industry-page.mt-professional-services-page .mtma-showcase__dashboard {
	top: 6.6%;
}

body.mt-industry-page.mt-professional-services-page .mtma-float--ps-team { top: 1.6%; left: 50.8%; width: 4.3%; }
body.mt-industry-page.mt-professional-services-page .mtma-float--ps-briefcase { top: 37.6%; left: 15%; width: 6%; }
body.mt-industry-page.mt-professional-services-page .mtma-float--ps-proposal { top: 26.6%; right: 6.9%; width: 12.1%; }
body.mt-industry-page.mt-professional-services-page .mtma-float--ps-projects { top: 71.8%; left: 4.1%; width: 12.1%; }
body.mt-industry-page.mt-professional-services-page .mtma-float--ps-document { top: 66.6%; right: 18.4%; width: 6%; }

@media (min-width: 768px) and (max-width: 900px) {
	body.mt-industry-page.mt-professional-services-page .mtma-hero {
		padding: 24px 18px 18px;
	}

	body.mt-industry-page.mt-professional-services-page .mtma-hero .mtma-actions {
		gap: 14px;
	}

	body.mt-industry-page.mt-professional-services-page .mtma-hero .mtma-cta {
		width: min(40vw, 304px);
		min-width: 0;
		min-height: 58px;
		height: 58px;
		padding-left: 18px;
		font-size: clamp(15px, 2.15vw, 18px);
	}

	body.mt-industry-page.mt-professional-services-page .mtma-hero .mtma-cta .mtp-btn-icon img {
		width: 42px;
		height: 42px;
	}

	body.mt-industry-page.mt-professional-services-page .mtma-showcase {
		min-height: 560px;
	}

	body.mt-industry-page.mt-professional-services-page .mtma-showcase__stage {
		width: 100%;
		height: 520px;
	}

	body.mt-industry-page.mt-professional-services-page .mtma-showcase__dashboard {
		top: 7%;
		left: 16%;
		width: 68%;
	}

	body.mt-industry-page.mt-professional-services-page .mtma-float--ps-team { top: 2%; left: 50%; width: 5.5%; }
	body.mt-industry-page.mt-professional-services-page .mtma-float--ps-briefcase { top: 38%; left: 11%; width: 7.5%; }
	body.mt-industry-page.mt-professional-services-page .mtma-float--ps-proposal { top: 27%; right: 5%; width: 14%; }
	body.mt-industry-page.mt-professional-services-page .mtma-float--ps-projects { top: 74%; left: 5%; width: 14%; }
	body.mt-industry-page.mt-professional-services-page .mtma-float--ps-document { top: 78%; right: 16%; width: 7%; }
	body.mt-industry-page.mt-professional-services-page .btn-change-realms-img {
		right: 18px;
		bottom: 18px;
	}

	body.mt-industry-page.mt-professional-services-page .btn-change-realms-img img {
		height: 56px;
	}
}

@media (min-width: 901px) and (max-width: 1100px) {
	body.mt-industry-page.mt-professional-services-page .mtma-showcase {
		min-height: 610px;
	}

	body.mt-industry-page.mt-professional-services-page .mtma-showcase__stage {
		height: 560px;
	}

	body.mt-industry-page.mt-professional-services-page .mtma-showcase__dashboard {
		top: 6%;
		left: 14%;
		width: 72%;
	}

	body.mt-industry-page.mt-professional-services-page .mtma-float--ps-team { top: 2%; left: 50%; width: 5%; }
	body.mt-industry-page.mt-professional-services-page .mtma-float--ps-briefcase { top: 39%; left: 8%; width: 7%; }
	body.mt-industry-page.mt-professional-services-page .mtma-float--ps-proposal { top: 27%; right: 4%; width: 13%; }
	body.mt-industry-page.mt-professional-services-page .mtma-float--ps-projects { top: 70%; left: 3%; width: 13%; }
	body.mt-industry-page.mt-professional-services-page .mtma-float--ps-document { top: 65%; right: 12%; width: 6.5%; }
}

body.mt-industry-page.mt-education-page .mtma-showcase__dashboard {
	top: 66px;
	left: 15.2%;
	width: 68%;
}

body.mt-industry-page.mt-education-page .mtma-float--education-book { top: 5.5%; left: 6.5%; width: 7%; }
body.mt-industry-page.mt-education-page .mtma-float--education-pencil { top: 7%; left: 56.8%; width: 5.2%; }
body.mt-industry-page.mt-education-page .mtma-float--education-bulb { top: 24%; right: 4.2%; width: 7.3%; }
body.mt-industry-page.mt-education-page .mtma-float--education-cap { top: 51.5%; left: 1.2%; width: 7.4%; }
body.mt-industry-page.mt-education-page .mtma-float--education-certificate { bottom: 9.5%; left: 28%; width: 4.8%; }
body.mt-industry-page.mt-education-page .mtma-float--education-check { top: 63%; right: 12.8%; width: 6.4%; }

@media (min-width: 768px) and (max-width: 1024px) {
	body.mt-industry-page.mt-education-page .mtma-showcase {
		min-height: 550px;
	}

	body.mt-industry-page.mt-education-page .mtma-showcase__stage {
		width: 100%;
		height: 500px;
	}

	body.mt-industry-page.mt-education-page .mtma-showcase__dashboard {
		top: 70px;
		left: 10%;
		width: 80%;
	}

	body.mt-industry-page.mt-education-page .mtma-float--education-book { top: 12%; left: 6%; width: 7%; }
	body.mt-industry-page.mt-education-page .mtma-float--education-pencil { top: 12%; left: 61%; width: 5.5%; }
	body.mt-industry-page.mt-education-page .mtma-float--education-bulb { top: 34%; right: 5%; width: 7.5%; }
	body.mt-industry-page.mt-education-page .mtma-float--education-cap { top: 55%; left: 3%; width: 8%; }
	body.mt-industry-page.mt-education-page .mtma-float--education-certificate { bottom: 12%; left: 31%; width: 5.5%; }
	body.mt-industry-page.mt-education-page .mtma-float--education-check { top: 62%; right: 9%; width: 7%; }
}

body.mt-industry-page.mt-education-page .mtma-platform__feature--views .mte-platform__image-pair {
	position: relative;
	width: 100%;
	height: 160px;
}

body.mt-industry-page.mt-education-page .mtma-platform__feature--views .mte-platform__image-pair-image {
	position: absolute;
	display: block;
	width: 62%;
	max-width: none;
	max-height: 138px;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	object-fit: contain;
}

body.mt-industry-page.mt-education-page .mtma-platform__feature--views .mte-platform__image-pair-image--1 {
	top: 8px;
	left: 2%;
	z-index: 2;
}

body.mt-industry-page.mt-education-page .mtma-platform__feature--views .mte-platform__image-pair-image--2 {
	right: 2%;
	bottom: 8px;
	z-index: 1;
}

body.mt-industry-page.mt-education-page .mtma-platform__feature--views .mtma-platform__media {
	background: #EDE9FF;
}

@media (max-width: 767px) {
	body.mt-industry-page.mt-education-page .mte-run { padding-inline: 18px; }
	body.mt-industry-page.mt-education-page .mte-run__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	body.mt-industry-page.mt-education-page .mte-run__card { min-height: 230px; }
	body.mt-industry-page.mt-education-page .mte-run__card h3 { font-size: 13px; }
	body.mt-industry-page.mt-education-page .mte-run__card p { font-size: 13px; padding: 28px 10px 14px; }
	body.mt-industry-page.mt-professional-services-page .mte-run { padding-inline: 18px; }
	body.mt-industry-page.mt-professional-services-page .mte-run__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	body.mt-industry-page.mt-professional-services-page .mte-run__card { min-height: 230px; }
	body.mt-industry-page.mt-professional-services-page .mte-run__card h3 { font-size: 13px; }
	body.mt-industry-page.mt-professional-services-page .mte-run__card p { font-size: 13px; padding: 28px 10px 14px; }
	body.mt-industry-page.mt-education-page .mtma-platform__feature--views .mte-platform__image-pair { height: 150px; }
	body.mt-industry-page.mt-education-page .mtma-platform__feature--views .mte-platform__image-pair-image { width: 72%; max-height: 132px; }
	body.mt-industry-page.mt-education-page .mtma-showcase { min-height: 390px; }
	body.mt-industry-page.mt-education-page .mtma-showcase__stage {
		width: 100%;
		height: 340px;
		margin-left: 0;
		transform: none;
	}
	body.mt-industry-page.mt-education-page .mtma-showcase__dashboard {
		top: 54px;
		left: 4%;
		width: 92%;
		max-height: 270px;
		object-fit: contain;
		object-position: top center;
	}
	body.mt-industry-page.mt-education-page .mtma-float--education-book { top: 3%; left: 5%; width: 9%; }
	body.mt-industry-page.mt-education-page .mtma-float--education-pencil { top: 3%; left: 76%; width: 8%; }
	body.mt-industry-page.mt-education-page .mtma-float--education-bulb { top: 38%; right: 1%; width: 9%; }
	body.mt-industry-page.mt-education-page .mtma-float--education-cap { top: 57%; left: 1%; width: 9%; }
	body.mt-industry-page.mt-education-page .mtma-float--education-certificate { bottom: 2%; left: 23%; width: 7%; }
	body.mt-industry-page.mt-education-page .mtma-float--education-check { top: 68%; right: 3%; width: 8%; }
	body.mt-industry-page.mt-professional-services-page .mtma-showcase__dashboard { top: clamp(47px, 14.8vw, 63px); }
	body.mt-industry-page.mt-professional-services-page .mtma-float--ps-team { top: 3%; left: 48%; width: 7%; }
	body.mt-industry-page.mt-professional-services-page .mtma-float--ps-briefcase { top: 38%; left: 22%; width: 9%; }
	body.mt-industry-page.mt-professional-services-page .mtma-float--ps-proposal { top: 26%; right: 18%; width: 18%; }
	body.mt-industry-page.mt-professional-services-page .mtma-float--ps-projects { top: 68%; left: 13%; width: 17%; }
	body.mt-industry-page.mt-professional-services-page .mtma-float--ps-document { top: 62%; right: 18%; width: 9%; }
	body.mt-industry-page.mt-professional-services-page .mtma-showcase {
		min-height: 390px;
	}
	body.mt-industry-page.mt-professional-services-page .mtma-showcase__stage {
		width: 100%;
		height: 340px;
		margin-left: 0;
		transform: none;
	}
	body.mt-industry-page.mt-professional-services-page .mtma-showcase__dashboard {
		top: 52px;
		left: 4%;
		width: 92%;
		max-height: 270px;
		object-fit: contain;
		object-position: top center;
	}
	body.mt-industry-page.mt-professional-services-page .mtma-float--ps-team { top: 2%; left: 48%; width: 9%; }
	body.mt-industry-page.mt-professional-services-page .mtma-float--ps-briefcase { top: 39%; left: 3%; width: 11%; }
	body.mt-industry-page.mt-professional-services-page .mtma-float--ps-proposal { top: 28%; right: 3%; width: 22%; }
	body.mt-industry-page.mt-professional-services-page .mtma-float--ps-projects { top: 76%; left: 3%; width: 19%; }
	body.mt-industry-page.mt-professional-services-page .mtma-float--ps-document { top: 66%; right: 3%; width: 11%; }
}

/* Gaming audience Game Layer section. */
body.mt-industry-page.mt-gaming-page .mtg-game-layer {
	padding: 0 0 64px;
	overflow: hidden;
	background: #12051f;
	color: #fff;
}

body.mt-industry-page.mt-gaming-page .mtg-game-layer__arena {
	position: relative;
	height: clamp(440px, 48vw, 620px);
	min-height: 440px;
	overflow: hidden;
	background: #1a0a2a;
}

body.mt-industry-page.mt-gaming-page .mtg-game-layer__background {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center 48%;
}

body.mt-industry-page.mt-gaming-page .mtg-game-layer__arena::after {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(24, 5, 38, .1) 0%, rgba(18, 5, 31, .04) 70%, #12051f 100%);
	content: "";
	pointer-events: none;
}

body.mt-industry-page.mt-gaming-page .mtg-game-layer__heading {
	position: relative;
	z-index: 2;
	width: min(100% - 36px, 900px);
	margin: 0 auto;
	padding-top: 30px;
	text-align: center;
}

body.mt-industry-page.mt-gaming-page .mtg-game-layer__eyebrow,
body.mt-industry-page.mt-gaming-page .mtg-game-layer h2 { color: #fff; }

body.mt-industry-page.mt-gaming-page .mtg-game-layer h2 {
	margin: 10px 0 0;
	font-size: clamp(24px, 3vw, 34px);
	line-height: 1.2;
}

body.mt-industry-page.mt-gaming-page .mtg-game-layer__scene {
	position: absolute;
	inset: 106px max(24px, calc((100% - 1120px) / 2)) 0;
	z-index: 1;
}

body.mt-industry-page.mt-gaming-page .mtg-game-layer__float {
	position: absolute;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(195, 143, 236, .22);
	border-radius: 10px;
	background: rgba(69, 34, 94, .56);
	box-shadow: 0 12px 28px rgba(10, 1, 19, .22), inset 0 1px 0 rgba(255, 255, 255, .04);
	animation: mtg-game-float 5.5s ease-in-out infinite;
}

body.mt-industry-page.mt-gaming-page .mtg-game-layer__float img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

body.mt-industry-page.mt-gaming-page .mtg-game-layer__float--avatars { top: 16%; left: 16%; width: 230px; height: 152px; padding: 12px; }
body.mt-industry-page.mt-gaming-page .mtg-game-layer__float--progress { top: 5%; right: 4%; width: 280px; padding: 11px; animation-delay: -1.3s; }
body.mt-industry-page.mt-gaming-page .mtg-game-layer__float--dungeon { z-index: 4; bottom: 8%; left: 34%; width: 142px; height: 170px; padding: 10px; animation-delay: -2.5s; }
body.mt-industry-page.mt-gaming-page .mtg-game-layer__float--shield { right: 16%; bottom: 25%; width: 190px; height: 190px; padding: 14px; animation-delay: -3.7s; }

body.mt-industry-page.mt-gaming-page .mtg-game-layer__warrior {
	position: absolute;
	bottom: 4%;
	left: 50%;
	z-index: 3;
	width: clamp(280px, 31vw, 390px);
	max-height: 100%;
	object-fit: contain;
	object-position: center bottom;
	transform: translateX(-50%);
}

body.mt-industry-page.mt-gaming-page .mtg-game-layer__cards {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
	width: min(100% - 48px, 1180px);
	margin: -4px auto 0;
}

body.mt-industry-page.mt-gaming-page .mtg-game-layer__card {
	min-height: 82px;
	padding: 15px 20px;
	border: 1px solid rgba(191, 143, 232, .2);
	border-left: 3px solid #7139d1;
	border-radius: 11px;
	background: rgba(70, 34, 94, .48);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
}

body.mt-industry-page.mt-gaming-page .mtg-game-layer__card p {
	margin: 0;
	color: #fff;
	font-family: "Poppins", sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.35;
}

@keyframes mtg-game-float {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-7px); }
}

@media (max-width: 767px) {
	body.mt-industry-page.mt-gaming-page .mtg-game-layer { padding-bottom: 42px; }
	body.mt-industry-page.mt-gaming-page .mtg-game-layer__arena { height: 470px; min-height: 0; }
	body.mt-industry-page.mt-gaming-page .mtg-game-layer__heading { padding-top: 28px; }
	body.mt-industry-page.mt-gaming-page .mtg-game-layer h2 { font-size: 25px; }
	body.mt-industry-page.mt-gaming-page .mtg-game-layer__scene { inset: 132px 14px 0; }
	body.mt-industry-page.mt-gaming-page .mtg-game-layer__float--avatars { top: 10%; left: 6%; width: 156px; height: 104px; padding: 6px; }
	body.mt-industry-page.mt-gaming-page .mtg-game-layer__float--progress { top: 2%; right: 0; width: 176px; padding: 6px; }
	body.mt-industry-page.mt-gaming-page .mtg-game-layer__float--dungeon { bottom: 7%; left: 27%; width: 94px; height: 112px; padding: 5px; }
	body.mt-industry-page.mt-gaming-page .mtg-game-layer__float--shield { right: 6%; bottom: 21%; width: 128px; height: 128px; padding: 7px; }
	body.mt-industry-page.mt-gaming-page .mtg-game-layer__warrior { bottom: 2%; width: 270px; }
	body.mt-industry-page.mt-gaming-page .mtg-game-layer__cards { grid-template-columns: 1fr; gap: 12px; width: min(100% - 36px, 520px); }
	body.mt-industry-page.mt-gaming-page .mtg-game-layer__card { min-height: 0; padding: 17px 18px; }
	body.mt-industry-page.mt-gaming-page .mtg-game-layer__copy-break { display: none; }
}

@media (min-width: 768px) and (max-width: 900px) {
	body.mt-industry-page.mt-gaming-page .mtg-game-layer__scene { inset: 106px 14px 0; }
	body.mt-industry-page.mt-gaming-page .mtg-game-layer__float--avatars { top: 20%; left: 1%; width: 150px; height: 100px; padding: 7px; }
	body.mt-industry-page.mt-gaming-page .mtg-game-layer__float--progress { top: 5%; right: 1%; width: 190px; padding: 7px; }
	body.mt-industry-page.mt-gaming-page .mtg-game-layer__float--dungeon { bottom: 7%; left: 27%; width: 100px; height: 120px; padding: 6px; }
	body.mt-industry-page.mt-gaming-page .mtg-game-layer__float--shield { right: 3%; bottom: 22%; width: 112px; height: 112px; padding: 7px; }
	body.mt-industry-page.mt-gaming-page .mtg-game-layer__warrior { bottom: 2%; width: 260px; }
}

@media (prefers-reduced-motion: reduce) {
	body.mt-industry-page.mt-gaming-page .mtg-game-layer__float { animation: none; }
}
