/*
 * Marketing & Advertising realm themes.
 * This file only changes presentation; template.php remains the shared source
 * for the light, futuristic, and retro pages.
 */

body.mtma-themed {
	--mtma-bg: #040512;
	--mtma-bg-soft: #0b0920;
	--mtma-panel: #1b1439;
	--mtma-panel-strong: #27134d;
	--mtma-line: rgba(139, 75, 238, .46);
	--mtma-ink: #fff;
	--mtma-muted: rgba(255, 255, 255, .76);
	--mtma-accent: #9d4cff;
	--mtma-accent-2: #ef32ef;
	background: var(--mtma-bg);
	color: var(--mtma-ink);
}

body.mtma-themed #wrapper,
body.mtma-themed .site-main,
body.mtma-themed .mtma-light-page {
	background: var(--mtma-bg);
	color: var(--mtma-ink);
}

body.mtma-themed .navbar {
	background: #050033;
	box-shadow: none;
}

body.mtma-themed .mtma-hero {
	position: relative;
	overflow: hidden;
	padding-top: 68px;
	padding-bottom: 54px;
	background:
		linear-gradient(180deg, rgba(4, 5, 18, .12), rgba(4, 5, 18, .24) 72%, var(--mtma-bg) 100%),
		url("../images/header-glitch.png") center 42% / cover no-repeat;
}

body.mtma-themed .mtma-hero .mtp-shell {
	position: relative;
	z-index: 1;
}

body.mtma-themed .mtma-eyebrow {
	border: 1px solid var(--mtma-line);
	background: rgba(7, 5, 30, .72);
	color: var(--mtma-ink);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
	backdrop-filter: blur(10px);
}

body.mtma-themed .mtma-hero h1,
body.mtma-themed .mtma-hero p,
body.mtma-themed .mtma-showcase__note {
	color: var(--mtma-ink);
}

body.mtma-themed .mtma-hero h1 strong {
	color: var(--mtma-accent);
}

body.mtma-themed .mtma-hero p {
	text-shadow: 0 2px 14px rgba(0, 0, 0, .58);
}

body.mtma-themed .mtma-cta--secondary {
	border-color: rgba(255, 255, 255, .58);
	background: rgba(5, 3, 25, .68);
	color: var(--mtma-ink);
	backdrop-filter: blur(10px);
}

body.mtma-themed .mtma-showcase {
	background:
		linear-gradient(180deg, var(--mtma-bg), rgba(9, 7, 31, .9)),
		url("../images/productivity/realm-page-bg.png") center / cover no-repeat;
	color: var(--mtma-ink);
}

body.mtma-themed .mtma-showcase__grid {
	opacity: .44;
	filter: hue-rotate(18deg) saturate(1.25);
}

body.mtma-themed .mtma-showcase__dashboard {
	filter: drop-shadow(0 24px 30px rgba(0, 0, 0, .5)) drop-shadow(0 0 22px rgba(132, 74, 238, .26));
}

body.mtma-themed .mtma-float {
	filter: drop-shadow(0 10px 12px rgba(0, 0, 0, .35)) drop-shadow(0 0 12px rgba(159, 83, 245, .24));
}

body.mtma-themed .mtma-why,
body.mtma-themed .mtma-problem,
body.mtma-themed .mtma-platform,
body.mtma-themed .mtma-comparison {
	background: var(--mtma-bg);
	color: var(--mtma-ink);
}

body.mtma-themed .mtma-why__panel {
	border: 1px solid var(--mtma-line);
	background: linear-gradient(135deg, rgba(42, 15, 76, .98), rgba(15, 10, 42, .98) 55%, rgba(49, 15, 73, .98));
	box-shadow: 0 24px 64px rgba(0, 0, 0, .28);
}

body.mtma-themed .mtma-problem__eyebrow,
body.mtma-themed .mtma-platform__eyebrow,
body.mtma-themed .mtma-comparison__eyebrow {
	color: var(--mtma-ink);
}

body.mtma-themed .mtma-problem h2,
body.mtma-themed .mtma-platform h2,
body.mtma-themed .mtma-comparison h2 {
	color: var(--mtma-accent);
}

body.mtma-themed .mtma-problem__card {
	border-left-color: var(--mtma-accent);
	background: linear-gradient(105deg, rgba(39, 21, 74, .96), rgba(20, 15, 49, .98));
}

body.mtma-themed .mtma-problem__card h3,
body.mtma-themed .mtma-problem__card p,
body.mtma-themed .mtma-platform__copy h3,
body.mtma-themed .mtma-platform__copy p {
	color: var(--mtma-ink);
}

body.mtma-themed .mtma-problem__card p,
body.mtma-themed .mtma-platform__copy p {
	color: var(--mtma-muted);
}

body.mtma-themed .mtma-platform__copy h3 {
	background: var(--mtma-panel);
}

body.mtma-themed .mtma-platform__copy h3::before {
	background: var(--mtma-accent);
	box-shadow: 0 0 12px color-mix(in srgb, var(--mtma-accent) 70%, transparent);
}

body.mtma-themed .mtma-platform__media,
body.mtma-themed .mtma-platform__feature--campaigns .mtma-platform__media,
body.mtma-themed .mtma-platform__feature--views .mtma-platform__media,
body.mtma-themed .mtma-platform__feature--feedback .mtma-platform__media,
body.mtma-themed .mtma-platform__feature--search .mtma-platform__media {
	border: 0;
	background: var(--mtma-panel);
	box-shadow: none;
}

body.mtma-themed .mtma-platform__feature--campaigns .mtma-platform__copy h3,
body.mtma-themed .mtma-platform__feature--views .mtma-platform__copy h3,
body.mtma-themed .mtma-platform__feature--feedback .mtma-platform__copy h3,
body.mtma-themed .mtma-platform__feature--search .mtma-platform__copy h3 {
	background: var(--mtma-panel);
}

body.mtma-themed .mtma-gamified {
	background:
		radial-gradient(circle at 84% 18%, rgba(157, 76, 255, .22), transparent 32%),
		linear-gradient(135deg, #180a2d, #080619 58%, #120723);
}

body.mtma-themed .mtma-game-card {
	border-color: var(--mtma-line);
	background: rgba(91, 45, 155, .2);
}

body.mtma-themed .mtma-game-card__label {
	color: color-mix(in srgb, var(--mtma-accent) 65%, white);
}

body.mtma-themed .mtma-payoff {
	background:
		radial-gradient(circle at 20% 58%, rgba(113, 57, 209, .22), transparent 28%),
		var(--mtma-bg-soft);
}

body.mtma-themed .mtma-comparison__card {
	border: 0;
	background: var(--mtma-panel);
	color: var(--mtma-ink);
	box-shadow: none;
	transition: none;
}

body.mtma-themed .mtma-comparison__card--magictask {
	background: var(--mtma-panel-strong);
}

body.mtma-themed .mtma-comparison__card:hover {
	transform: none;
	box-shadow: none;
}

body.mtma-themed .mtma-platform__media img,
body.mtma-themed .mtma-comparison__card {
	transition: none;
}

/* Futuristic: near-black neon treatment shared with Team Lead. */
body.mtma-futuristic {
	--mtma-bg: #040512;
	--mtma-bg-soft: #09091f;
	--mtma-panel: #1b1439;
	--mtma-panel-strong: #281050;
	--mtma-line: rgba(123, 63, 228, .5);
	--mtma-accent: #9d4cff;
	--mtma-accent-2: #ef32ef;
}

/* Retro: lighter indigo and pixel-art treatment shared with Team Lead. */
body.mtma-retro {
	--mtma-bg: #1b1c48;
	--mtma-bg-soft: #201c50;
	--mtma-panel: #342768;
	--mtma-panel-strong: #48227f;
	--mtma-line: rgba(142, 81, 239, .56);
	--mtma-accent: #b15bf2;
	--mtma-accent-2: #dc43ef;
}

body.mtma-retro .mtma-hero {
	background:
		linear-gradient(180deg, rgba(20, 17, 61, .05), rgba(27, 28, 72, .2) 72%, var(--mtma-bg) 100%),
		url("../images/hero-arcade-first.png") center 42% / cover no-repeat;
}

body.mtma-retro .mtma-showcase {
	background:
		linear-gradient(180deg, rgba(27, 28, 72, .82), var(--mtma-bg)),
		url("../images/bg-arcade-1.png") center / cover no-repeat;
}

body.mtma-retro .mtma-problem {
	background-color: #1b1c48;
	background-image: url("../images/productivity/hero-space-bg.png");
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

body.mtma-retro .mtma-why {
	padding-inline: 20px;
	background: #1b1c48;
}

body.mtma-retro .mtma-why__panel {
	width: min(100%, 1130px);
	margin: 0 auto;
	padding-inline: 72px;
	border: 0;
	border-radius: 19px;
	background:
		radial-gradient(circle at 86% 48%, rgba(113, 57, 209, .26), transparent 37%),
		linear-gradient(100deg, #2f1856 0%, #202152 52%, #2f1856 100%);
	box-shadow: 6px 6px 0 rgba(7, 8, 35, .28);
	text-align: center;
}

body.mtma-retro .mtma-why__eyebrow {color: #fff;
}

body.mtma-retro .mtma-why h2 {color: #fff;
}

body.mtma-retro .mtma-why__benefits {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.mtma-retro .mtma-why__benefit {
	justify-content: center;
	padding-inline: 34px;
	border-radius: 0;
	background: transparent;
}

body.mtma-retro .mtma-why__benefit + .mtma-why__benefit {
	border-left: 1px solid rgba(255, 255, 255, .28);
}

body.mtma-retro .mtma-why__benefit img {
	width: 48px;
	height: 48px;
}

body.mtma-retro .mtma-why__benefit p {
	max-width: 320px;
	color: #fff;
	font-size: clamp(16px, 1.18vw, 18px);
	line-height: 1.28;
	text-align: left;
}

body.mtma-retro .mtma-gamified {
	background:
		linear-gradient(rgba(27, 28, 72, .76), rgba(27, 28, 72, .9)),
		url("../images/bg-arcade-2.png") center / cover no-repeat;
}

body.mtma-retro .mtma-platform__feature--capture .mtma-platform__media { background: #4a2b51; }
body.mtma-retro .mtma-platform__feature--campaigns .mtma-platform__media,
body.mtma-retro .mtma-platform__feature--views .mtma-platform__media { background: #2d3767; }
body.mtma-retro .mtma-platform__feature--feedback .mtma-platform__media { background: #493465; }
body.mtma-retro .mtma-platform__feature--search .mtma-platform__media { background: #31533f; }

body.mtma-retro .mtma-platform {
	background: #1b1c48;
}

body.mtma-retro .mtma-platform__eyebrow {
	color: #fff;
}

body.mtma-retro .mtma-platform h2 {
	color: #7139d1;
}

body.mtma-retro .mtma-platform__copy h3 {
	color: #000;
	background: #ffeee8;
	box-shadow: none;
}

body.mtma-retro .mtma-platform__copy h3::before {
	background: #ffcdbf;
	box-shadow: none;
}

body.mtma-retro .mtma-platform__copy p {
	color: #fff;
}

body.mtma-retro .mtma-platform__media {
	border: 0;
	background: #ffeee8;
	box-shadow: none;
}

body.mtma-retro .mtma-platform__feature--campaigns .mtma-platform__copy h3 {
	background: #dae6ff;
}

body.mtma-retro .mtma-platform__feature--campaigns .mtma-platform__copy h3::before {
	background: #b9d2ff;
}

body.mtma-retro .mtma-platform__feature--campaigns .mtma-platform__media {
	background: #dae6ff;
}

body.mtma-retro .mtma-platform__feature--views .mtma-platform__copy h3 {
	background: #ede9ff;
}

body.mtma-retro .mtma-platform__feature--views .mtma-platform__copy h3::before {
	background: #d7cdfd;
}

body.mtma-retro .mtma-platform__feature--views .mtma-platform__media {
	background: #ede9ff;
}

body.mtma-retro .mtma-platform__feature--feedback .mtma-platform__copy h3 {
	background: #fff4df;
}

body.mtma-retro .mtma-platform__feature--feedback .mtma-platform__copy h3::before {
	background: #ffdb91;
}

body.mtma-retro .mtma-platform__feature--feedback .mtma-platform__media {
	background: #fff4df;
}

body.mtma-retro .mtma-platform__feature--search .mtma-platform__copy h3 {
	background: #e9ffda;
}

body.mtma-retro .mtma-platform__feature--search .mtma-platform__copy h3::before {
	background: #c8f5ad;
}

body.mtma-retro .mtma-platform__feature--search .mtma-platform__media {
	background: #e9ffda;
}

body.mtma-retro .mtma-platform__feature--reassign .mtma-platform__copy h3 {
	background: #dae6ff;
}

body.mtma-retro .mtma-platform__feature--reassign .mtma-platform__copy h3::before {
	background: #b9d2ff;
}

body.mtma-retro .mtma-platform__feature--reassign .mtma-platform__media {
	background: #dae6ff;
}

@media (max-width: 767px) {
	body.mtma-themed {
		padding-top: 0 !important;
	}

	body.mtma-themed .mtma-hero {
		padding-top: 78px;
		padding-bottom: 42px;
		background-position: center top;
	}

}

@media (prefers-reduced-motion: reduce) {
	body.mtma-themed .mtma-light-page *,
	body.mtma-themed .mtma-light-page *::before,
	body.mtma-themed .mtma-light-page *::after {
		animation: none !important;
		transition-duration: .01ms !important;
	}
}


/* 2026-09-24 — unify hero backgrounds with Task Management ----------------- */
body.mtma-futuristic .mtma-hero {
  background-color: #040512;
  background-image: url('../images/task-management/realm-page-bg.png');
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
}

body.mtma-retro .mtma-hero {
  background-color: #1B1C48;
  background-image: url('../images/task-management/Frame 2147237506.png');
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
}

/* Retro Payoff treatment shared with the Construction reference. */
body.mt-marketing-advertising-page.mtma-retro .mtp-speed {
	background:
		radial-gradient(circle at 0% 48%, rgba(94, 45, 160, .34), transparent 34%),
		radial-gradient(circle at 76% 58%, rgba(76, 83, 180, .13), transparent 32%),
		linear-gradient(180deg, #1b1c48 0%, #202052 54%, #1b1c48 100%) !important;
	color: #fff;
}

body.mt-marketing-advertising-page.mtma-retro .mtp-speed__copy > span,
body.mt-marketing-advertising-page.mtma-retro .mtp-speed__copy h2,
body.mt-marketing-advertising-page.mtma-retro .mtp-speed-card h3,
body.mt-marketing-advertising-page.mtma-retro .mtp-speed-card p {
	color: #fff !important;
}

body.mt-marketing-advertising-page.mtma-retro .mtp-speed__copy h2 strong {
	color: #7139d1 !important;
}

body.mt-marketing-advertising-page.mtma-retro .mtp-speed-card {
	border: 1px solid rgba(155, 127, 247, .18) !important;
	border-radius: 10px;
	background: linear-gradient(135deg, rgba(63, 45, 124, .96) 0%, rgba(37, 23, 84, .98) 38%, rgba(12, 3, 28, .99) 100%) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 8px 8px 0 rgba(7, 8, 35, .22) !important;
}

body.mt-marketing-advertising-page.mtma-retro .mtp-speed-card.is-active,
body.mt-marketing-advertising-page.mtma-retro .mtp-speed-card:hover {
	background: linear-gradient(135deg, rgba(75, 57, 143, .97) 0%, rgba(45, 28, 100, .99) 42%, rgba(12, 3, 28, 1) 100%) !important;
}

/* ==========================================================================
   MARKETING & ADVERTISING — FUTURISTIC DARK CANVAS
   2026-09-24
   Keep the existing Light-page geometry. Futuristic changes presentation only:
   one near-black canvas, the supplied Union line grid for the showcase, and
   dark/purple surfaces throughout. Retro and the other industry pages are
   intentionally untouched.
   ========================================================================== */

body.mt-product-page.mt-marketing-advertising-page.mtma-futuristic,
body.mt-product-page.mt-marketing-advertising-page.mtma-futuristic #wrapper,
body.mt-product-page.mt-marketing-advertising-page.mtma-futuristic .site-main,
body.mt-product-page.mt-marketing-advertising-page.mtma-futuristic .mtma-light-page {
	background-color: #040512;
	color: #fff;
}

/* Hero: restore the original futuristic glitch background while keeping the dark theme. */
body.mt-marketing-advertising-page.mtma-futuristic .mtma-hero {
	background-color: #040512;
	background:
		linear-gradient(180deg, rgba(4, 5, 18, .16), rgba(4, 5, 18, .28) 72%, #040512 100%),
		url('../images/marketing-futuristic-hero-glitch-user.png') center 42% / cover no-repeat;
	color: #fff;
}

body.mt-marketing-advertising-page.mtma-futuristic .mtma-eyebrow {
	border: 1px solid rgba(123, 63, 228, .48);
	background: rgba(21, 16, 47, .88);
	color: #fff;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07);
}

body.mt-marketing-advertising-page.mtma-futuristic .mtma-hero h1,
body.mt-marketing-advertising-page.mtma-futuristic .mtma-hero p {
	color: #fff;
}

body.mt-marketing-advertising-page.mtma-futuristic .mtma-hero h1 strong {
	color: #9d4cff;
}

body.mt-marketing-advertising-page.mtma-futuristic .mtma-cta--secondary {
	border-color: rgba(255, 255, 255, .34);
	background: #15102f;
	color: #fff;
}

/* Showcase: use the supplied Union artwork as the ONLY grid/line layer. */
body.mt-marketing-advertising-page.mtma-futuristic .mtma-showcase {
	background-color: #040512;
	background-image: url('../images/marketing-futuristic-grid.png');
	background-position: center center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	color: #fff;
}

body.mt-marketing-advertising-page.mtma-futuristic .mtma-showcase__grid {
	display: none;
}

body.mt-marketing-advertising-page.mtma-futuristic .mtma-showcase__note {
	color: rgba(255, 255, 255, .90);
}

body.mt-marketing-advertising-page.mtma-futuristic .mtma-showcase__dashboard {
	filter:
		drop-shadow(0 24px 30px rgba(0, 0, 0, .52))
		drop-shadow(0 0 22px rgba(132, 74, 238, .30));
}

body.mt-marketing-advertising-page.mtma-futuristic .mtma-float {
	filter:
		drop-shadow(0 10px 12px rgba(0, 0, 0, .38))
		drop-shadow(0 0 12px rgba(159, 83, 245, .28));
}

/* One continuous dark canvas across every main Marketing section. */
body.mt-marketing-advertising-page.mtma-futuristic .mtma-why,
body.mt-marketing-advertising-page.mtma-futuristic .mtma-problem,
body.mt-marketing-advertising-page.mtma-futuristic .mtma-platform,
body.mt-marketing-advertising-page.mtma-futuristic .mtma-gamified,
body.mt-marketing-advertising-page.mtma-futuristic .mtma-comparison {
	background-color: #040512;
	background-image: none;
	color: #fff;
}

body.mt-marketing-advertising-page.mtma-futuristic .mtma-why__panel {
	border: 1px solid rgba(123, 63, 228, .34);
	background: linear-gradient(135deg, #211044 0%, #15102f 52%, #211044 100%);
	box-shadow: 0 24px 64px rgba(0, 0, 0, .30);
}

body.mt-marketing-advertising-page.mtma-futuristic .mtma-why__eyebrow,
body.mt-marketing-advertising-page.mtma-futuristic .mtma-why h2,
body.mt-marketing-advertising-page.mtma-futuristic .mtma-why__benefit p,
body.mt-marketing-advertising-page.mtma-futuristic .mtma-problem__eyebrow,
body.mt-marketing-advertising-page.mtma-futuristic .mtma-platform__eyebrow,
body.mt-marketing-advertising-page.mtma-futuristic .mtma-comparison__eyebrow {
	color: #fff;
}

body.mt-marketing-advertising-page.mtma-futuristic .mtma-problem h2,
body.mt-marketing-advertising-page.mtma-futuristic .mtma-platform h2,
body.mt-marketing-advertising-page.mtma-futuristic .mtma-comparison h2 {
	color: #9d4cff;
}

body.mt-marketing-advertising-page.mtma-futuristic .mtma-problem__card {
	border-left-color: #9d4cff;
	background: linear-gradient(105deg, #211044, #15102f);
}

body.mt-marketing-advertising-page.mtma-futuristic .mtma-problem__card h3,
body.mt-marketing-advertising-page.mtma-futuristic .mtma-problem__card p,
body.mt-marketing-advertising-page.mtma-futuristic .mtma-platform__copy h3,
body.mt-marketing-advertising-page.mtma-futuristic .mtma-platform__copy p {
	color: #fff;
}

body.mt-marketing-advertising-page.mtma-futuristic .mtma-problem__card p,
body.mt-marketing-advertising-page.mtma-futuristic .mtma-platform__copy p {
	color: rgba(255, 255, 255, .78);
}

/* Override the Light page's pastel platform surfaces. */
body.mt-marketing-advertising-page.mtma-futuristic .mtma-platform__copy h3,
body.mt-marketing-advertising-page.mtma-futuristic .mtma-platform__feature--campaigns .mtma-platform__copy h3,
body.mt-marketing-advertising-page.mtma-futuristic .mtma-platform__feature--views .mtma-platform__copy h3,
body.mt-marketing-advertising-page.mtma-futuristic .mtma-platform__feature--feedback .mtma-platform__copy h3,
body.mt-marketing-advertising-page.mtma-futuristic .mtma-platform__feature--search .mtma-platform__copy h3,
body.mt-marketing-advertising-page.mtma-futuristic .mtma-platform__feature--reassign .mtma-platform__copy h3 {
	background: #1b1439;
	color: #fff;
}

body.mt-marketing-advertising-page.mtma-futuristic .mtma-platform__copy h3::before,
body.mt-marketing-advertising-page.mtma-futuristic .mtma-platform__feature--campaigns .mtma-platform__copy h3::before,
body.mt-marketing-advertising-page.mtma-futuristic .mtma-platform__feature--views .mtma-platform__copy h3::before,
body.mt-marketing-advertising-page.mtma-futuristic .mtma-platform__feature--feedback .mtma-platform__copy h3::before,
body.mt-marketing-advertising-page.mtma-futuristic .mtma-platform__feature--search .mtma-platform__copy h3::before,
body.mt-marketing-advertising-page.mtma-futuristic .mtma-platform__feature--reassign .mtma-platform__copy h3::before {
	background: #9d4cff;
	box-shadow: 0 0 12px rgba(157, 76, 255, .42);
}

body.mt-marketing-advertising-page.mtma-futuristic .mtma-platform__media,
body.mt-marketing-advertising-page.mtma-futuristic .mtma-platform__feature--campaigns .mtma-platform__media,
body.mt-marketing-advertising-page.mtma-futuristic .mtma-platform__feature--views .mtma-platform__media,
body.mt-marketing-advertising-page.mtma-futuristic .mtma-platform__feature--feedback .mtma-platform__media,
body.mt-marketing-advertising-page.mtma-futuristic .mtma-platform__feature--search .mtma-platform__media,
body.mt-marketing-advertising-page.mtma-futuristic .mtma-platform__feature--reassign .mtma-platform__media {
	border-color: rgba(123, 63, 228, .24);
	background: #15102f;
	box-shadow: none;
}

/* Gamified layer remains dark; cards are purple-black instead of light/glassy. */
body.mt-marketing-advertising-page.mtma-futuristic .mtma-gamified__eyebrow,
body.mt-marketing-advertising-page.mtma-futuristic .mtma-gamified h2,
body.mt-marketing-advertising-page.mtma-futuristic .mtma-gamified__intro,
body.mt-marketing-advertising-page.mtma-futuristic .mtma-game-card p {
	color: #fff;
}

body.mt-marketing-advertising-page.mtma-futuristic .mtma-gamified h2,
body.mt-marketing-advertising-page.mtma-futuristic .mtma-game-card__label {
	color: #9d4cff;
}

body.mt-marketing-advertising-page.mtma-futuristic .mtma-game-card {
	border-color: rgba(123, 63, 228, .34);
	background: #15102f;
}

/* Payoff uses Product-page CSS, so beat its Light-theme restore explicitly. */
body.mt-product-page.mt-marketing-advertising-page.mtma-futuristic .mtp-speed {
	background: #040512 !important;
	color: #fff !important;
}

body.mt-product-page.mt-marketing-advertising-page.mtma-futuristic .mtp-speed__copy > span,
body.mt-product-page.mt-marketing-advertising-page.mtma-futuristic .mtp-speed__copy h2,
body.mt-product-page.mt-marketing-advertising-page.mtma-futuristic .mtp-speed-card h3,
body.mt-product-page.mt-marketing-advertising-page.mtma-futuristic .mtp-speed-card p {
	color: #fff !important;
}

body.mt-product-page.mt-marketing-advertising-page.mtma-futuristic .mtp-speed__copy h2 strong {
	color: #9d4cff !important;
}

body.mt-product-page.mt-marketing-advertising-page.mtma-futuristic .mtp-speed__cards::before,
body.mt-product-page.mt-marketing-advertising-page.mtma-futuristic .mtp-speed__cards::after {
	opacity: .16 !important;
}

body.mt-product-page.mt-marketing-advertising-page.mtma-futuristic .mtp-speed-card {
	border-color: rgba(123, 63, 228, .22) !important;
	background: #15102f !important;
	box-shadow: none !important;
}

body.mt-product-page.mt-marketing-advertising-page.mtma-futuristic .mtp-speed-card.is-active,
body.mt-product-page.mt-marketing-advertising-page.mtma-futuristic .mtp-speed-card:hover {
	background: #211044 !important;
}

/* Comparison stays on the same dark canvas. */
body.mt-marketing-advertising-page.mtma-futuristic .mtma-comparison__card {
	border: 1px solid rgba(123, 63, 228, .20);
	background: #15102f;
	color: #fff;
	box-shadow: none;
}

body.mt-marketing-advertising-page.mtma-futuristic .mtma-comparison__card--magictask {
	background: #211044;
}

body.mt-marketing-advertising-page.mtma-futuristic .mtma-comparison__card h3,
body.mt-marketing-advertising-page.mtma-futuristic .mtma-comparison__card p,
body.mt-marketing-advertising-page.mtma-futuristic .mtma-comparison__note {
	color: #fff;
}

@media (max-width: 767px) {
	body.mt-marketing-advertising-page.mtma-futuristic .mtma-showcase {
		background-position: center top;
		background-size: cover;
	}
}


/* 2026-09-24 — Marketing Futuristic platform cards use the Light-theme card colors. */
body.mt-marketing-advertising-page.mtma-futuristic .mtma-platform__copy h3 {
	background: #FFEEE8;
	color: #000;
}

body.mt-marketing-advertising-page.mtma-futuristic .mtma-platform__copy h3::before {
	background: #ffcdbf;
	box-shadow: none;
}

body.mt-marketing-advertising-page.mtma-futuristic .mtma-platform__feature--campaigns .mtma-platform__copy h3,
body.mt-marketing-advertising-page.mtma-futuristic .mtma-platform__feature--campaigns .mtma-platform__media {
	background: #DAE6FF;
}

body.mt-marketing-advertising-page.mtma-futuristic .mtma-platform__feature--campaigns .mtma-platform__copy h3::before {
	background: #b9d2ff;
}

body.mt-marketing-advertising-page.mtma-futuristic .mtma-platform__feature--views .mtma-platform__copy h3,
body.mt-marketing-advertising-page.mtma-futuristic .mtma-platform__feature--views .mtma-platform__media {
	background: #EDE9FF;
}

body.mt-marketing-advertising-page.mtma-futuristic .mtma-platform__feature--views .mtma-platform__copy h3::before {
	background: #d7cdfd;
}

body.mt-marketing-advertising-page.mtma-futuristic .mtma-platform__feature--feedback .mtma-platform__copy h3,
body.mt-marketing-advertising-page.mtma-futuristic .mtma-platform__feature--feedback .mtma-platform__media {
	background: #FFF4DF;
}

body.mt-marketing-advertising-page.mtma-futuristic .mtma-platform__feature--feedback .mtma-platform__copy h3::before {
	background: #ffdb91;
}

body.mt-marketing-advertising-page.mtma-futuristic .mtma-platform__feature--search .mtma-platform__copy h3,
body.mt-marketing-advertising-page.mtma-futuristic .mtma-platform__feature--search .mtma-platform__media,
body.mt-marketing-advertising-page.mtma-futuristic .mtma-platform__feature--reassign .mtma-platform__copy h3,
body.mt-marketing-advertising-page.mtma-futuristic .mtma-platform__feature--reassign .mtma-platform__media {
	background: #E9FFDA;
}

body.mt-marketing-advertising-page.mtma-futuristic .mtma-platform__feature--search .mtma-platform__copy h3::before,
body.mt-marketing-advertising-page.mtma-futuristic .mtma-platform__feature--reassign .mtma-platform__copy h3::before {
	background: #c8f5ad;
}

body.mt-marketing-advertising-page.mtma-futuristic .mtma-platform__media {
	box-shadow: none;
}


/* 2026-09-24 — FINAL FIX: exact Light-theme platform card colors on Futuristic.
   These selectors intentionally match/exceed the earlier theme-specific
   selectors so no individual card falls back to the dark theme. */
body.mt-marketing-advertising-page.mtma-futuristic .mtma-platform__feature--capture .mtma-platform__copy h3,
body.mt-marketing-advertising-page.mtma-futuristic .mtma-platform__feature--capture .mtma-platform__media {
	background: #FFEEE8;
}
body.mt-marketing-advertising-page.mtma-futuristic .mtma-platform__feature--capture .mtma-platform__copy h3 {
	color: #000;
}
body.mt-marketing-advertising-page.mtma-futuristic .mtma-platform__feature--capture .mtma-platform__copy h3::before {
	background: #ffcdbf;
	box-shadow: none;
}

body.mt-marketing-advertising-page.mtma-futuristic .mtma-platform__feature--campaigns .mtma-platform__copy h3,
body.mt-marketing-advertising-page.mtma-futuristic .mtma-platform__feature--campaigns .mtma-platform__media {
	background: #DAE6FF;
}
body.mt-marketing-advertising-page.mtma-futuristic .mtma-platform__feature--campaigns .mtma-platform__copy h3 {
	color: #000;
}
body.mt-marketing-advertising-page.mtma-futuristic .mtma-platform__feature--campaigns .mtma-platform__copy h3::before {
	background: #b9d2ff;
	box-shadow: none;
}

body.mt-marketing-advertising-page.mtma-futuristic .mtma-platform__feature--views .mtma-platform__copy h3,
body.mt-marketing-advertising-page.mtma-futuristic .mtma-platform__feature--views .mtma-platform__media {
	background: #EDE9FF;
}
body.mt-marketing-advertising-page.mtma-futuristic .mtma-platform__feature--views .mtma-platform__copy h3 {
	color: #000;
}
body.mt-marketing-advertising-page.mtma-futuristic .mtma-platform__feature--views .mtma-platform__copy h3::before {
	background: #d7cdfd;
	box-shadow: none;
}

body.mt-marketing-advertising-page.mtma-futuristic .mtma-platform__feature--feedback .mtma-platform__copy h3,
body.mt-marketing-advertising-page.mtma-futuristic .mtma-platform__feature--feedback .mtma-platform__media {
	background: #FFF4DF;
}
body.mt-marketing-advertising-page.mtma-futuristic .mtma-platform__feature--feedback .mtma-platform__copy h3 {
	color: #000;
}
body.mt-marketing-advertising-page.mtma-futuristic .mtma-platform__feature--feedback .mtma-platform__copy h3::before {
	background: #ffdb91;
	box-shadow: none;
}

body.mt-marketing-advertising-page.mtma-futuristic .mtma-platform__feature--search .mtma-platform__copy h3,
body.mt-marketing-advertising-page.mtma-futuristic .mtma-platform__feature--search .mtma-platform__media,
body.mt-marketing-advertising-page.mtma-futuristic .mtma-platform__feature--reassign .mtma-platform__copy h3,
body.mt-marketing-advertising-page.mtma-futuristic .mtma-platform__feature--reassign .mtma-platform__media {
	background: #E9FFDA;
}
body.mt-marketing-advertising-page.mtma-futuristic .mtma-platform__feature--search .mtma-platform__copy h3,
body.mt-marketing-advertising-page.mtma-futuristic .mtma-platform__feature--reassign .mtma-platform__copy h3 {
	color: #000;
}
body.mt-marketing-advertising-page.mtma-futuristic .mtma-platform__feature--search .mtma-platform__copy h3::before,
body.mt-marketing-advertising-page.mtma-futuristic .mtma-platform__feature--reassign .mtma-platform__copy h3::before {
	background: #c8f5ad;
	box-shadow: none;
}

/* Keep descriptions readable on the dark page; only cards/pills use Light colors. */
body.mt-marketing-advertising-page.mtma-futuristic .mtma-platform__feature .mtma-platform__copy > p {
	color: rgba(255, 255, 255, .82);
}

body.mt-marketing-advertising-page.mtma-futuristic .mtma-platform__feature .mtma-platform__media {
	border: 0;
	box-shadow: none;
}


/* 2026-09-24 — Dark-theme comparison logos.
   Light keeps the original CMS/theme logos. Futuristic + Retro use the
   supplied white-on-transparent company marks for contrast on dark cards. */
body.mt-marketing-advertising-page.mtma-futuristic .mtma-comparison__logo--asana,
body.mt-marketing-advertising-page.mtma-retro .mtma-comparison__logo--asana {
	background: url('../images/dark-comparison-logos/asana-dark.png') left center / 190px auto no-repeat;
}

body.mt-marketing-advertising-page.mtma-futuristic .mtma-comparison__logo--monday,
body.mt-marketing-advertising-page.mtma-retro .mtma-comparison__logo--monday {
	background: url('../images/dark-comparison-logos/monday-dark.png') left center / 205px auto no-repeat;
}

body.mt-marketing-advertising-page.mtma-futuristic .mtma-comparison__logo--trello,
body.mt-marketing-advertising-page.mtma-retro .mtma-comparison__logo--trello {
	background: url('../images/dark-comparison-logos/trello-dark.png') left center / 170px auto no-repeat;
}

body.mt-marketing-advertising-page.mtma-futuristic .mtma-comparison__logo--asana > img,
body.mt-marketing-advertising-page.mtma-retro .mtma-comparison__logo--asana > img,
body.mt-marketing-advertising-page.mtma-futuristic .mtma-comparison__logo--monday > img,
body.mt-marketing-advertising-page.mtma-retro .mtma-comparison__logo--monday > img,
body.mt-marketing-advertising-page.mtma-futuristic .mtma-comparison__logo--trello > img,
body.mt-marketing-advertising-page.mtma-retro .mtma-comparison__logo--trello > img {
	opacity: 0;
	visibility: hidden;
}

@media (max-width: 600px) {
	body.mt-marketing-advertising-page.mtma-futuristic .mtma-comparison__logo--asana,
	body.mt-marketing-advertising-page.mtma-retro .mtma-comparison__logo--asana,
	body.mt-marketing-advertising-page.mtma-futuristic .mtma-comparison__logo--monday,
	body.mt-marketing-advertising-page.mtma-retro .mtma-comparison__logo--monday,
	body.mt-marketing-advertising-page.mtma-futuristic .mtma-comparison__logo--trello,
	body.mt-marketing-advertising-page.mtma-retro .mtma-comparison__logo--trello {
		background-size: contain;
		background-position: left center;
	}
}


/* 2026-09-24 — Marketing Retro showcase only.
   Use the same supplied lining/boxes grid artwork as the Futuristic showcase.
   IMPORTANT: the Retro hero remains completely untouched. */
body.mt-marketing-advertising-page.mtma-retro .mtma-showcase {
	background-color: #1B1C48;
	background-image:
		linear-gradient(180deg, rgba(27, 28, 72, .10), rgba(27, 28, 72, .16)),
		url('../images/marketing-futuristic-grid.png');
	background-position: center center, center center;
	background-size: 100% 100%, 100% 100%;
	background-repeat: no-repeat, no-repeat;
	color: #fff;
}

/* Prevent the old showcase grid/image layer from merging with the new background. */
body.mt-marketing-advertising-page.mtma-retro .mtma-showcase__grid {
	display: none;
}

@media (max-width: 767px) {
	body.mt-marketing-advertising-page.mtma-retro .mtma-showcase {
		background-position: center top, center top;
		background-size: cover, cover;
	}
}


/* 2026-09-24 — Marketing Retro cleanup.
   Problem section: remove the legacy pixel/arcade background artwork and keep
   the clean Retro canvas. */
body.mt-marketing-advertising-page.mtma-retro .mtma-problem {
	background-color: #1B1C48;
	background-image: none;
	background-position: initial;
	background-size: auto;
	background-repeat: repeat;
}

/* Keep every Retro Payoff card on the same purple gradient. */
body.mt-marketing-advertising-page.mtma-retro .mtp-speed-card,
body.mt-marketing-advertising-page.mtma-retro .mtp-speed-card.is-active,
body.mt-marketing-advertising-page.mtma-retro .mtp-speed-card:hover {
	background: linear-gradient(135deg, #3f2d7c 0%, #251754 45%, #160c37 100%) !important;
}

/* Shared industry sections: dark realm canvas, Light-style inner cards.
   Keep these rules here so every page using the shared template parts gets
   the same Futuristic/Retro treatment without changing component layout. */
body.mt-product-page.mt-industry-page.mtma-themed.mtma-futuristic .mtp-speed {
	background:
		radial-gradient(circle at 18% 58%, rgba(113, 57, 209, .18), transparent 30%),
		linear-gradient(180deg, #040512 0%, #09091f 58%, #040512 100%) !important;
	color: #fff !important;
}

body.mt-product-page.mt-industry-page.mtma-themed.mtma-retro .mtp-speed {
	background:
		radial-gradient(circle at 18% 52%, rgba(94, 45, 160, .24), transparent 34%),
		linear-gradient(180deg, #1b1c48 0%, #242052 56%, #1b1c48 100%) !important;
	color: #fff !important;
}

body.mt-product-page.mt-industry-page.mtma-themed.mtma-futuristic .mtp-speed__copy > span,
body.mt-product-page.mt-industry-page.mtma-themed.mtma-futuristic .mtp-speed__copy h2,
body.mt-product-page.mt-industry-page.mtma-themed.mtma-futuristic .mtp-speed-card h3,
body.mt-product-page.mt-industry-page.mtma-themed.mtma-futuristic .mtp-speed-card p,
body.mt-product-page.mt-industry-page.mtma-themed.mtma-retro .mtp-speed__copy > span,
body.mt-product-page.mt-industry-page.mtma-themed.mtma-retro .mtp-speed__copy h2,
body.mt-product-page.mt-industry-page.mtma-themed.mtma-retro .mtp-speed-card h3,
body.mt-product-page.mt-industry-page.mtma-themed.mtma-retro .mtp-speed-card p {
	color: #fff !important;
}

body.mt-product-page.mt-industry-page.mtma-themed.mtma-futuristic .mtp-speed__copy h2 strong {
	color: #9d4cff !important;
}

body.mt-product-page.mt-industry-page.mtma-themed.mtma-retro .mtp-speed__copy h2 strong {
	color: #b15bf2 !important;
}

body.mt-product-page.mt-industry-page.mtma-themed.mtma-futuristic .mtp-speed-card,
body.mt-product-page.mt-industry-page.mtma-themed.mtma-retro .mtp-speed-card {
	border: 0 !important;
	background: linear-gradient(180deg, rgba(102, 105, 254, 0), rgba(102, 105, 254, 0)) !important;
	box-shadow: none !important;
}

body.mt-product-page.mt-industry-page.mtma-themed.mtma-futuristic .mtp-speed-card.is-active,
body.mt-product-page.mt-industry-page.mtma-themed.mtma-futuristic .mtp-speed-card:hover,
body.mt-product-page.mt-industry-page.mtma-themed.mtma-retro .mtp-speed-card.is-active,
body.mt-product-page.mt-industry-page.mtma-themed.mtma-retro .mtp-speed-card:hover {
	background: linear-gradient(180deg, rgba(102, 105, 254, 0), rgba(102, 105, 254, .12)) !important;
}

body.mt-product-page.mt-industry-page.mtma-themed.mtma-futuristic .mtma-platform,
body.mt-product-page.mt-industry-page.mtma-themed.mtma-retro .mtma-platform {
	background: var(--mtma-bg) !important;
	color: #fff !important;
}

body.mt-product-page.mt-industry-page.mtma-themed.mtma-futuristic .mtma-platform h2 {
	color: #9d4cff !important;
}

body.mt-product-page.mt-industry-page.mtma-themed.mtma-retro .mtma-platform h2 {
	color: #b15bf2 !important;
}

body.mt-product-page.mt-industry-page.mtma-themed.mtma-futuristic .mtma-platform__copy p,
body.mt-product-page.mt-industry-page.mtma-themed.mtma-retro .mtma-platform__copy p {
	color: var(--mtma-muted) !important;
}

body.mt-product-page.mt-industry-page.mtma-themed.mtma-futuristic .mtma-platform__copy h3,
body.mt-product-page.mt-industry-page.mtma-themed.mtma-retro .mtma-platform__copy h3 {
	color: #000 !important;
	background: #ffeee8 !important;
}

body.mt-product-page.mt-industry-page.mtma-themed.mtma-futuristic .mtma-platform__copy h3::before,
body.mt-product-page.mt-industry-page.mtma-themed.mtma-retro .mtma-platform__copy h3::before {
	background: #ffcdbf !important;
	box-shadow: none !important;
}

body.mt-product-page.mt-industry-page.mtma-themed.mtma-futuristic .mtma-platform__media,
body.mt-product-page.mt-industry-page.mtma-themed.mtma-retro .mtma-platform__media {
	border: 0 !important;
	background: #ffeee8 !important;
	box-shadow: none !important;
}

body.mt-product-page.mt-industry-page.mtma-themed .mtma-platform__feature--campaigns .mtma-platform__copy h3,
body.mt-product-page.mt-industry-page.mtma-themed .mtma-platform__feature--campaigns .mtma-platform__media {
	background: #dae6ff !important;
}

body.mt-product-page.mt-industry-page.mtma-themed .mtma-platform__feature--campaigns .mtma-platform__copy h3::before {
	background: #b9d2ff !important;
}

body.mt-product-page.mt-industry-page.mtma-themed .mtma-platform__feature--views .mtma-platform__copy h3,
body.mt-product-page.mt-industry-page.mtma-themed .mtma-platform__feature--views .mtma-platform__media {
	background: #ede9ff !important;
}

body.mt-product-page.mt-industry-page.mtma-themed .mtma-platform__feature--views .mtma-platform__copy h3::before {
	background: #d7cdfd !important;
}

body.mt-product-page.mt-industry-page.mtma-themed .mtma-platform__feature--feedback .mtma-platform__copy h3,
body.mt-product-page.mt-industry-page.mtma-themed .mtma-platform__feature--feedback .mtma-platform__media {
	background: #fff4df !important;
}

body.mt-product-page.mt-industry-page.mtma-themed .mtma-platform__feature--feedback .mtma-platform__copy h3::before {
	background: #ffdb91 !important;
}

body.mt-product-page.mt-industry-page.mtma-themed .mtma-platform__feature--search .mtma-platform__copy h3,
body.mt-product-page.mt-industry-page.mtma-themed .mtma-platform__feature--search .mtma-platform__media,
body.mt-product-page.mt-industry-page.mtma-themed .mtma-platform__feature--reassign .mtma-platform__copy h3,
body.mt-product-page.mt-industry-page.mtma-themed .mtma-platform__feature--reassign .mtma-platform__media {
	background: #e9ffda !important;
}

body.mt-product-page.mt-industry-page.mtma-themed .mtma-platform__feature--search .mtma-platform__copy h3::before,
body.mt-product-page.mt-industry-page.mtma-themed .mtma-platform__feature--reassign .mtma-platform__copy h3::before {
	background: #c8f5ad !important;
}

/* Shared workstream cards stay on the dark canvas on Education and Professional Services. */
body.mt-product-page.mt-industry-page.mtma-themed.mt-education-page .mte-run,
body.mt-product-page.mt-industry-page.mtma-themed.mt-professional-services-page .mte-run {
	background: var(--mtma-bg) !important;
	color: var(--mtma-ink) !important;
}

body.mt-product-page.mt-industry-page.mtma-themed.mt-education-page .mte-run__eyebrow,
body.mt-product-page.mt-industry-page.mtma-themed.mt-professional-services-page .mte-run__eyebrow {
	color: var(--mtma-ink) !important;
}

body.mt-product-page.mt-industry-page.mtma-themed.mt-futuristic.mt-education-page .mte-run h2,
body.mt-product-page.mt-industry-page.mtma-themed.mt-futuristic.mt-professional-services-page .mte-run h2 {
	color: #9d4cff !important;
}

body.mt-product-page.mt-industry-page.mtma-themed.mt-retro.mt-education-page .mte-run h2,
body.mt-product-page.mt-industry-page.mtma-themed.mt-retro.mt-professional-services-page .mte-run h2 {
	color: #b15bf2 !important;
}

body.mt-product-page.mt-industry-page.mtma-themed.mt-education-page .mte-run__card,
body.mt-product-page.mt-industry-page.mtma-themed.mt-professional-services-page .mte-run__card {
	border: 1px solid var(--mtma-line) !important;
	border-bottom: 2px solid var(--mtma-accent) !important;
	background: linear-gradient(155deg, var(--mtma-panel-strong), var(--mtma-bg-soft)) !important;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 12px 28px rgba(0, 0, 0, .2) !important;
}

body.mt-product-page.mt-industry-page.mtma-themed.mt-education-page .mte-run__card h3,
body.mt-product-page.mt-industry-page.mtma-themed.mt-professional-services-page .mte-run__card h3 {
	background: rgba(157, 76, 255, .18) !important;
	color: var(--mtma-accent) !important;
}

body.mt-product-page.mt-industry-page.mtma-themed.mt-education-page .mte-run__card p,
body.mt-product-page.mt-industry-page.mtma-themed.mt-professional-services-page .mte-run__card p {
	color: var(--mtma-ink) !important;
}