/*
Theme product/productivity page.
File: assets/product-page.css
*/

:root {
	--mtp-ink: #07010f;
	--mtp-muted: #6f6a78;
	--mtp-purple: #7139d1;
	--mtp-purple-2: #9b4df4;
	--mtp-pink: #f53df2;
	--mtp-night: #07002f;
	--mtp-panel: #f3ecff;
	--mtp-line: rgba(113, 57, 209, 0.16);
	--mtp-shadow: 0 30px 80px rgba(74, 35, 142, 0.16);
	--mtp-font: "Poppins", "Inter", Arial, sans-serif;
}


body.mt-product-page {
	margin: 0;
	background: #ffffff;
	color: var(--mtp-ink);
	font-family: var(--mtp-font);
	overflow-x: hidden;
}

body.mt-product-page.body-no-scroll {
	height: 100vh;
	overflow: hidden;
}

body.mt-product-page-2 {
	background: #1b1c48;
}

body.mt-product-page .mtp-page,
body.mt-product-page .mtp-page * {
	box-sizing: border-box;
}

body.mt-product-page img {
	display: block;
	max-width: 100%;
}

.mtp-shell {
	width: min(1568px, calc(100% - 96px));
	margin: 0 auto;
}

.mtp-page {
	position: relative;
	background: #ffffff;
}

body.mt-product-page-2 .mtp-page {
	background:
		radial-gradient(circle at 8% 26%, rgba(113, 57, 209, 0.12), transparent 32%),
		radial-gradient(circle at 92% 52%, rgba(255, 210, 191, 0.12), transparent 36%),
		#1b1c48;
}

.mtp-page section {
	position: relative;
}

.mtp-nav {
	position: relative;
	z-index: 50;
	background: var(--mtp-night);
	border-bottom: 1px solid rgba(255, 255, 255, 0.12);
	font-family: var(--mtp-font);
}

.mtp-nav__inner {
	min-height: 90px;
	display: flex;
	align-items: center;
	gap: 42px;
}

.mtp-brand {
	display: flex;
	align-items: center;
	text-decoration: none;
	flex: 0 0 auto;
}

.mtp-brand img {
	width: 210px;
	height: auto;
	object-fit: contain;
}

.mtp-nav__menu {
	display: flex;
	align-items: center;
	gap: 36px;
	flex: 1 1 auto;
}

.mtp-drawer-header,
.mtp-drawer-actions,
.mtp-brand--drawer,
.mtp-drawer-close {
	display: none;
}

.mtp-nav__item {
	position: relative;
}

.mtp-nav__link {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 10px 0;
	border: 0;
	background: transparent;
	color: #ffffff;
	font: 700 14px/1 var(--mtp-font);
	text-decoration: none;
	cursor: pointer;
}

.mtp-dropdown {
	position: absolute;
	top: calc(100% + 20px);
	left: 50%;
	width: 240px;
	padding: 28px 28px 26px;
	border: 2px solid rgba(164, 99, 255, 0.55);
	border-radius: 0 0 18px 18px;
	background: #08003a;
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.25);
	opacity: 0;
	pointer-events: none;
	transform: translate(-50%, -8px);
	transition: opacity 180ms ease, transform 180ms ease;
}

.mtp-nav__item:hover .mtp-dropdown,
.mtp-nav__item.is-open .mtp-dropdown {
	opacity: 1;
	pointer-events: auto;
	transform: translate(-50%, 0);
}

.mtp-dropdown__label {
	display: block;
	margin-bottom: 18px;
	color: rgba(255, 255, 255, 0.72);
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 6px;
}

.mtp-dropdown__link {
	display: flex;
	align-items: center;
	min-height: 34px;
	color: #ffffff;
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
}

.mtp-dropdown__link::before {
	content: "";
	width: 15px;
	height: 15px;
	margin-right: 9px;
	border-radius: 50%;
	background: linear-gradient(135deg, #ffffff, #a974ff);
	box-shadow: inset 0 0 0 4px rgba(113, 57, 209, 0.45);
}

.mtp-dropdown__link.is-active {
	color: #b991ff;
	font-weight: 700;
}

.mtp-nav__actions {
	display: flex;
	align-items: center;
	gap: 34px;
	flex: 0 0 auto;
	margin-left: auto;
}

.mtp-nav__support {
	color: #ffffff;
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
}

.mtp-nav__cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 154px;
	min-height: 50px;
	padding: 0 24px;
	border-radius: 999px;
	background: linear-gradient(135deg, #793bdc, #a64ef5);
	color: #ffffff;
	font-size: 14px;
	font-weight: 800;
	text-decoration: none;
	box-shadow: 0 18px 38px rgba(113, 57, 209, 0.36);
}

.mtp-menu-toggle {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 48px;
	height: 48px;
	position: relative;
	border: 1px solid rgba(255, 255, 255, 0.24);
	border-radius: 16px;
	background:
		linear-gradient(#ffffff, #ffffff) center calc(50% - 8px) / 24px 2px no-repeat,
		linear-gradient(#ffffff, #ffffff) center center / 24px 2px no-repeat,
		linear-gradient(#ffffff, #ffffff) center calc(50% + 8px) / 24px 2px no-repeat,
		rgba(255, 255, 255, 0.05);
	padding: 12px;
	cursor: pointer;
}

.mtp-menu-toggle::before,
.mtp-menu-toggle::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 24px;
	height: 2px;
	border-radius: 999px;
	background: #ffffff;
	opacity: 0;
	transform-origin: center;
	transition: opacity 180ms ease, transform 180ms ease;
}

.mtp-drawer-close {
	position: relative;
	width: 32px;
	height: 32px;
	border: 0;
	background: transparent;
	cursor: pointer;
	padding: 0;
}

.mtp-drawer-close span {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 30px;
	height: 2px;
	border-radius: 999px;
	background: #ffffff;
}

.mtp-drawer-close span:first-child {
	transform: translate(-50%, -50%) rotate(45deg);
}

.mtp-drawer-close span:last-child {
	transform: translate(-50%, -50%) rotate(-45deg);
}

@media (min-width: 768px) {
	.mtp-menu-toggle {
		display: none;
	}
}

.mtp-menu-toggle span {
	display: block;
	width: 24px;
	height: 2px;
	margin: 4px 0;
	border-radius: 999px;
	background: #ffffff;
	transition: opacity 180ms ease, transform 180ms ease;
}

.mtp-menu-toggle.is-open span:nth-child(1) {
	transform: translateY(10px) rotate(45deg);
}

.mtp-menu-toggle.is-open span:nth-child(2) {
	opacity: 0;
	transform: translateX(12px);
}

.mtp-menu-toggle.is-open span:nth-child(3) {
	transform: translateY(-10px) rotate(-45deg);
}

.mtp-menu-toggle.is-open {
	background: rgba(255, 255, 255, 0.08);
}

.mtp-menu-toggle.is-open::before {
	opacity: 1;
	transform: translate(-50%, -50%) rotate(45deg);
}

.mtp-menu-toggle.is-open::after {
	opacity: 1;
	transform: translate(-50%, -50%) rotate(-45deg);
}

.mtp-hero {
	min-height: 680px;
	padding: 132px 0 112px;
	overflow: hidden;
}

.mtp-hero__cloud {
	position: absolute;
	z-index: 0;
	width: min(470px, 44vw);
	opacity: 0.8;
	pointer-events: none;
}

.mtp-hero__cloud--left {
	left: -60px;
	bottom: 52px;
}

.mtp-hero__cloud--right {
	right: -56px;
	bottom: 74px;
}

body.mt-product-page:not(.mt-product-page-2):not(.mt-product-page-3):not(.mt-product-page-2-custom) .mtp-hero__cloud {
	opacity: 1;
	filter: none;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
}

.mtp-hero__content {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.mtp-hero h1 {
	margin: 0;
	width: 100%;
	max-width: 1240px;
	color: #05020a;
	font-size: clamp(52px, 4.1vw, 78px);
	font-weight: 500;
	line-height: 1.12;
	letter-spacing: 0;
	white-space: normal !important;
}

.mtp-hero h1 strong {
	color: var(--mtp-purple);
	font-weight: 800;
}

.mtp-hero p {
	width: 100%;
	max-width: 980px;
	margin: 78px 0 70px;
	color: #05020a;
	font-size: clamp(20px, 1.1vw, 28px);
	font-style: italic;
	font-weight: 500;
	line-height: 1.45;
	white-space: normal !important;
}

/* ── CTA Button — realm-style pill animation ── */
.mtp-arrow-btn {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	border-radius: 999px;
	cursor: pointer;
	background: transparent;
	border: none;
	position: relative;
	min-height: 72px;
	color: var(--mtp-ink);
	font-size: 20px;
	font-weight: 800;
	text-decoration: none;
	padding: 0 20px 0 34px;
	transition: background 0.45s ease, filter 0.45s ease, transform 0.45s ease;
}

/* Gradient border via mask trick */
.mtp-arrow-btn::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 999px;
	padding: 2px;
	background: linear-gradient(90deg, var(--mtp-purple), var(--mtp-pink));
	-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	pointer-events: none;
}

.mtp-arrow-btn:hover {
	background: #ffffff;
	filter: drop-shadow(0 0 18px rgba(113, 57, 209, 0.45));
	transform: translateY(-2px);
}

.mtp-arrow-btn:hover .mtp-btn-text {
	background: linear-gradient(90deg, var(--mtp-purple), var(--mtp-pink));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}

/* Icon: absolutely positioned right, slides left on hover */
.mtp-arrow-btn .mtp-btn-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	transition: right 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}

.mtp-arrow-btn .mtp-btn-icon img {
	width: 50px;
	height: 50px;
	object-fit: contain;
	display: block;
}

.mtp-arrow-btn:hover .mtp-btn-icon {
	right: calc(100% - 50px - 10px);
}

.mtp-btn-text {
	white-space: nowrap;
	padding-right: 64px;
	/* 50px icon + 14px gap */
	transition: padding 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}

.mtp-arrow-btn:hover .mtp-btn-text {
	padding-right: 0;
	padding-left: 64px;
}

/* Solid variant — gradient fill, lift+glow on hover */
.mtp-arrow-btn--solid {
	background: linear-gradient(135deg, var(--mtp-purple), var(--mtp-pink));
	color: #ffffff;
	box-shadow: 0 18px 42px rgba(113, 57, 209, 0.28);
}

.mtp-arrow-btn--solid::before {
	display: none;
}

.mtp-arrow-btn--solid:hover {
	background: linear-gradient(135deg, var(--mtp-purple), var(--mtp-pink));
	box-shadow: 0 24px 56px rgba(113, 57, 209, 0.42);
}

.mtp-arrow-btn--solid:hover .mtp-btn-text {
	background: none;
	-webkit-text-fill-color: #ffffff;
}

.mtp-hero small {
	display: block;
	text-align: center;
	margin-top: 30px;
	color: #868088;
	font-size: 18px;
	font-weight: 500;
}

.mtp-process {
	padding: 56px 0 118px;
	background:
		linear-gradient(rgba(113, 57, 209, 0.04) 1px, transparent 1px),
		linear-gradient(90deg, rgba(113, 57, 209, 0.04) 1px, transparent 1px);
	background-size: 96px 96px;
}

.mtp-process__grid {
	display: flex;
	flex-wrap: wrap;
	gap: 38px;
	justify-content: center;
}

.mtp-process__card,
.mtp-process__mark {
	min-height: 294px;
	border: 1px solid rgba(113, 57, 209, 0.16);
	border-radius: 22px;
	background: linear-gradient(135deg, rgba(245, 241, 255, 0.96), rgba(255, 255, 255, 0.8));
	box-shadow: inset 0 1px 5px rgba(113, 57, 209, 0.08);
}

.mtp-process__card {
	flex: 1 1 calc(50% - 20px);
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 48px;
}

.mtp-process__card:nth-child(n + 3),
.mtp-process__mark {
	flex-basis: calc(33.333% - 26px);
}

.mtp-process__card--right {
	align-items: flex-end;
	text-align: right;
}

.mtp-process__card h2 {
	margin: 0 0 42px;
	color: var(--mtp-purple);
	font-size: 31px;
	font-weight: 800;
	line-height: 1.1;
}

.mtp-process__card p {
	margin: 0;
	max-width: 535px;
	color: #09050e;
	font-size: 23px;
	font-weight: 500;
	line-height: 1.45;
}

.mtp-process__mark {
	display: flex;
	align-items: center;
	justify-content: center;
}

.mtp-process__mark img {
	width: 152px;
	height: 152px;
	object-fit: contain;
}

body.mt-product-page:not(.mt-product-page-2):not(.mt-product-page-3):not(.mt-product-page-2-custom) .mtp-process__grid > .mtp-process__card:nth-child(1),
body.mt-product-page:not(.mt-product-page-2):not(.mt-product-page-3):not(.mt-product-page-2-custom) .mtp-process__grid > .mtp-process__card:nth-child(3) {
	border-radius: 24.39px;
	padding: 24px;
	overflow: hidden;
	background: linear-gradient(334deg, rgba(113, 57, 209, 0.15) 0%, rgba(187, 147, 255, 0) 100%);
	border: 1px solid rgba(255, 255, 255, 0.26);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.28),
		0 18px 34px rgba(78, 44, 146, 0.08);
	backdrop-filter: blur(18px);
	-webkit-backdrop-filter: blur(18px);
}

body.mt-product-page:not(.mt-product-page-2):not(.mt-product-page-3):not(.mt-product-page-2-custom) .mtp-process__grid > .mtp-process__card:nth-child(2),
body.mt-product-page:not(.mt-product-page-2):not(.mt-product-page-3):not(.mt-product-page-2-custom) .mtp-process__grid > .mtp-process__card:nth-child(5) {
	border-radius: 24.39px;
	padding: 24px;
	background: linear-gradient(
		73.44deg,
		rgba(113, 57, 209, 0.15) 13.26%,
		rgba(187, 147, 255, 0) 96.68%
	);
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.26);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.28),
		0 18px 34px rgba(78, 44, 146, 0.08);
	backdrop-filter: blur(18px);
	-webkit-backdrop-filter: blur(18px);
}

body.mt-product-page:not(.mt-product-page-2):not(.mt-product-page-3):not(.mt-product-page-2-custom) .mtp-process__mark {
	border-radius: 24.39px;
	padding: 24px;
	overflow: hidden;
	background: linear-gradient(
		-180deg,
		rgba(187, 147, 255, 0.15) 0%,
		rgba(187, 147, 255, 0.15) 100%
	);
	border: 1px solid rgba(255, 255, 255, 0.26);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.28),
		0 18px 34px rgba(78, 44, 146, 0.08);
	backdrop-filter: blur(18px);
	-webkit-backdrop-filter: blur(18px);
}

.mtp-progress {
	padding: 56px 0 160px;
}

.mtp-section-heading {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 18px;
	margin-bottom: 104px;
	text-align: center;
}

.mtp-section-heading span,
.mtp-speed__copy>span,
.mtp-focus__heading>span {
	color: #08030d;
	font-size: 24px;
	font-weight: 800;
	letter-spacing: 5px;
}

.mtp-section-heading h2 {
	margin: 0;
	color: var(--mtp-purple);
	font-size: clamp(44px, 3vw, 62px);
	font-weight: 500;
	line-height: 1.12;
}

.mtp-progress__grid {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	justify-content: center;
}

.mtp-progress-card {
	flex: 1 1 0;
	min-width: 0;
	max-width: 360px;
	min-height: 565px;
	display: flex;
	flex-direction: column;
	padding: 34px 28px 42px;
	border-radius: 22px;
	background: #ffffff;
	box-shadow: 0 34px 90px rgba(76, 50, 132, 0.12);
	overflow: hidden;
}

.mtp-progress-card--sun {
	background: linear-gradient(180deg, #fff0c8 0%, #ffffff 62%);
}

.mtp-progress-card--sky {
	background: linear-gradient(180deg, #bad2ff 0%, #ffffff 62%);
}

.mtp-progress-card--peach {
	background: linear-gradient(180deg, #ffd0bd 0%, #ffffff 62%);
}

.mtp-progress-card--violet {
	background: linear-gradient(180deg, #b69cff 0%, #ffffff 62%);
}

.mtp-progress-card__image {
	height: 166px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 44px;
}

.mtp-progress-card__image img {
	width: 100%;
	max-height: 150px;
	object-fit: contain;
}

.mtp-progress-card h3 {
	margin: 0 0 12px;
	color: #08030d;
	font-size: 24px;
	font-weight: 800;
	line-height: 1.45;
}

.mtp-progress-card p {
	margin: 0;
	color: #6b6670;
	font-size: 22px;
	font-weight: 500;
	line-height: 1.56;
}

.mtp-level {
	padding: 0 0 178px;
}

.mtp-level__panel {
	position: relative;
	min-height: 520px;
	border-radius: 42px;
	overflow: hidden;
	background: #220746;
	box-shadow: var(--mtp-shadow);
}

.mtp-level__bg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.mtp-level__copy {
	position: relative;
	z-index: 2;
	padding-top: 74px;
	text-align: center;
	color: #ffffff;
}

.mtp-level__copy h2 {
	margin: 0 0 10px;
	font-size: clamp(34px, 2.6vw, 52px);
	font-weight: 800;
	line-height: 1.1;
}

.mtp-level__copy p {
	margin: 0;
	font-size: clamp(18px, 1.35vw, 30px);
	font-weight: 500;
}

.mtp-level__badges {
	position: absolute;
	z-index: 2;
	left: 108px;
	top: 124px;
	width: 260px;
}

.mtp-level__dashboard {
	position: absolute;
	z-index: 3;
	left: 50%;
	top: 198px;
	width: min(700px, 48%);
	transform: translateX(-44%) translateY(18px) scale(0.92);
	opacity: 0;
	transform-origin: 80% 100%;
	transition: opacity 760ms ease 220ms, transform 760ms ease 220ms;
}

.mtp-level__character {
	position: absolute;
	z-index: 4;
	right: 146px;
	bottom: 0;
	width: 330px;
	opacity: 0;
	transform: translateY(28px) translateX(24px) scale(0.94);
	transform-origin: 70% 100%;
	transition: opacity 680ms ease, transform 680ms ease;
}

.mtp-clarity {
	padding: 0 0 166px;
}

.mtp-clarity__panel {
	position: relative;
	min-height: 100%;
	display: flex;
	align-items: flex-start;
	gap: 70px;
	padding: 82px 0 0 119px;
	border-radius: 50px;
	background: linear-gradient(180deg, rgba(248, 244, 255, 0) 0%, #F8F4FF 100%);
}

.mtp-clarity__copy {
	position: relative;
	z-index: 4;
	flex: 0 0 455px;
	padding-top: 0;
}

.mtp-clarity h2 {
	margin: 0 0 64px;
	color: var(--mtp-purple);
	font-size: clamp(44px, 3vw, 58px);
	font-weight: 500;
	line-height: 1.18;
	letter-spacing: 0;
}

.mtp-clarity h2 strong {
	font-weight: 800;
}

.mtp-clarity h2 span {
	display: block;
}

.mtp-clarity__headline-top {
	white-space: nowrap;
}

.mtp-clarity__tabs {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 54px;
}

.mtp-tab {
	min-width: 205px;
	min-height: 70px;
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	gap: 13px;
	padding: 0 31px;
	border: 1px solid rgba(91, 73, 116, 0.22);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.42);
	color: #414141;
	font: 600 20px/1.1 var(--mtp-font);
	white-space: nowrap;
	cursor: pointer;
	transition: border-color 180ms ease, color 180ms ease, box-shadow 180ms ease, background 180ms ease;
}

.mtp-tab:hover,
.mtp-tab.is-active {
	border-color: rgba(113, 57, 209, 0.58);
	background: rgba(255, 255, 255, 0.76);
	color: var(--mtp-purple);
	box-shadow: 0 18px 46px rgba(113, 57, 209, 0.12);
}

.mtp-tab__icon {
	position: relative;
	width: 17px;
	height: 17px;
	flex: 0 0 17px;
	opacity: 0.78;
}

.mtp-tab__icon::before,
.mtp-tab__icon::after {
	content: "";
	position: absolute;
	inset: 2px;
	border: 2px solid currentColor;
	border-radius: 3px;
	opacity: 0.65;
}

.mtp-tab__icon--board::before {
	box-shadow: 8px 0 0 -3px currentColor, 0 8px 0 -3px currentColor, 8px 8px 0 -3px currentColor;
}

.mtp-tab__icon--movement::before {
	border: 0;
	border-left: 3px solid currentColor;
	border-bottom: 3px solid currentColor;
	transform: rotate(-36deg);
}

.mtp-tab__icon--switch::before {
	border-style: dashed;
}

.mtp-clarity__visual {
	position: relative;
	z-index: 2;
	flex: 1 1 auto;
	min-width: 0;
	height: 610px;
	margin-top: 118px;
	overflow: visible;
}

.mtp-clarity__visual::after {
	content: "";
	position: absolute;
	inset: 12% 10% 14% 8%;
	border-radius: 28px;
	background: radial-gradient(circle at 50% 50%, rgba(123, 63, 228, 0.14), transparent 68%);
	opacity: 0.7;
	pointer-events: none;
	transition: opacity 420ms ease, transform 620ms ease;
	transform: scale(1);
}

.mtp-clarity__visual.is-switching::after {
	opacity: 0.32;
	transform: scale(0.96);
}

.mtp-clarity__dashboard {
	position: absolute;
	top: 56px;
	left: 37%;
	width: min(1040px, 80vw);
	height: auto;
	border-radius: 20px;
	filter: drop-shadow(0 32px 56px rgba(55, 35, 102, 0.11));
	transform: translateX(-50%);
	transition: opacity 420ms ease, transform 620ms cubic-bezier(0.22, 1, 0.36, 1), filter 620ms ease;
}

.mtp-clarity__character {
	position: absolute;
	z-index: 4;
	top: auto;
	bottom: 0;
	right: -20px;
	width: 565px;
	max-width: none;
	opacity: 0;
	transform: translateY(28px) translateX(22px) scale(0.95);
	transform-origin: 70% 100%;
	transition: opacity 680ms ease, transform 680ms cubic-bezier(0.22, 1, 0.36, 1);
}

.mtp-clarity__bubble {
	position: absolute;
	z-index: 5;
	top: 414px;
	left: 82px;
	width: 430px;
	min-height: 80px;
	display: flex;
	align-items: center;
	padding: 16px 32px;
	border: 1px solid rgba(255, 255, 255, 0.72);
	border-radius: 18px;
	background: linear-gradient(135deg, rgba(145, 79, 235, 0.94), rgba(113, 57, 209, 0.86));
	box-shadow: 0 13px 24px rgba(38, 21, 76, 0.28);
	opacity: 0;
	transform: translateY(22px) translateX(18px) scale(0.96);
	transform-origin: 100% 100%;
	transition: opacity 680ms ease 120ms, transform 680ms cubic-bezier(0.22, 1, 0.36, 1) 120ms, box-shadow 420ms ease;
}

.mtp-clarity__bubble p {
	margin: 0;
	color: #ffffff;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.18;
	transition: opacity 220ms ease, transform 320ms ease;
}

/* Dashboard: zoom out on switch, zoom in on new view */
.mtp-clarity__visual.is-switching .mtp-clarity__dashboard {
	opacity: 0.5;
	transform: translateX(-50%) scale(0.93);
	filter: drop-shadow(0 10px 20px rgba(55, 35, 102, 0.07));
	transition: opacity 260ms ease, transform 300ms cubic-bezier(0.4, 0, 1, 1), filter 260ms ease;
}

/* Character: fly out to the right */
.mtp-clarity__visual.is-switching .mtp-clarity__character,
.mtp-clarity.is-visible .mtp-clarity__visual.is-switching .mtp-clarity__character {
	opacity: 0;
	transform: translateY(0) translateX(90px) scale(0.96);
	transition: opacity 220ms ease, transform 300ms cubic-bezier(0.4, 0, 1, 1);
}

/* Bubble: fly out to the left */
.mtp-clarity__visual.is-switching .mtp-clarity__bubble,
.mtp-clarity.is-visible .mtp-clarity__visual.is-switching .mtp-clarity__bubble {
	opacity: 0;
	transform: translateY(0) translateX(-90px) scale(0.96);
	box-shadow: none;
	transition: opacity 220ms ease, transform 300ms cubic-bezier(0.4, 0, 1, 1), box-shadow 220ms ease;
}

.mtp-clarity__visual[data-view="list"] .mtp-clarity__dashboard {
	transform: translateX(-50%) translateY(0) scale(1);
}

.mtp-clarity__visual[data-view="board"] .mtp-clarity__dashboard {
	transform: translateX(-50%) translateY(-8px) scale(1.012);
}

.mtp-clarity__visual[data-view="movement"] .mtp-clarity__dashboard {
	transform: translateX(-50%) translateX(-10px) scale(0.994);
}

.mtp-clarity__visual[data-view="switch"] .mtp-clarity__dashboard {
	transform: translateX(-50%) translateY(6px) scale(1.006);
}

.mtp-clarity__visual[data-view="list"] .mtp-clarity__character {
	transform: translateY(0) translateX(0) scale(1);
}

.mtp-clarity__visual[data-view="board"] .mtp-clarity__character {
	transform: translateY(-8px) translateX(-8px) scale(1.02);
}

.mtp-clarity__visual[data-view="movement"] .mtp-clarity__character {
	transform: translateY(2px) translateX(10px) scale(0.985);
}

.mtp-clarity__visual[data-view="switch"] .mtp-clarity__character {
	transform: translateY(-2px) translateX(16px) scale(1.012);
}

.mtp-clarity__visual[data-view="list"] .mtp-clarity__bubble {
	transform: translateY(0) translateX(0) scale(1);
}

.mtp-clarity__visual[data-view="board"] .mtp-clarity__bubble {
	transform: translateY(-6px) translateX(8px) scale(1.01);
}

.mtp-clarity__visual[data-view="movement"] .mtp-clarity__bubble {
	transform: translateY(4px) translateX(-10px) scale(0.992);
}

.mtp-clarity__visual[data-view="switch"] .mtp-clarity__bubble {
	transform: translateY(6px) translateX(14px) scale(1.008);
}

.mtp-speed {
	padding: 90px 0 172px;
}

.mtp-speed__layout {
	display: flex;
	align-items: center;
	gap: 105px;
}

.mtp-speed__copy {
	flex: 0 0 45%;
	padding-left: 104px;
}

.mtp-speed__copy h2 {
	margin: 38px 0 0;
	max-width: 600px;
	color: #06020a;
	font-size: clamp(44px, 3vw, 62px);
	font-weight: 500;
	line-height: 1.28;
}

.mtp-speed__copy h2 strong {
	color: var(--mtp-purple);
	font-weight: 800;
}

.mtp-speed__cards {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
}

@media (min-width: 768px) {
	.mtp-speed__cards.is-looping {
		width: 100%;
	}

	.mtp-speed__cards.is-looping .mtp-speed-card {
		transition:
			opacity 420ms ease,
			filter 420ms ease,
			background 220ms ease;
		will-change: opacity, filter;
	}

	.mtp-speed__cards.is-looping .mtp-speed-card.is-slot-top {
		opacity: 0.42;
		filter: blur(10px);
	}

	.mtp-speed__cards.is-looping .mtp-speed-card.is-slot-middle {
		opacity: 1;
		filter: none;
	}

	.mtp-speed__cards.is-looping .mtp-speed-card.is-slot-bottom {
		opacity: 0.42;
		filter: blur(10px);
	}
}

.mtp-speed__cards.is-looping {
	width: 100%;
}

.mtp-speed__cards.is-looping .mtp-speed-card {
	transition:
		opacity 420ms ease,
		filter 420ms ease,
		background 220ms ease;
	will-change: opacity, filter;
}

.mtp-speed__cards.is-looping .mtp-speed-card.is-slot-top {
	opacity: 0.42;
	filter: blur(10px);
}

.mtp-speed__cards.is-looping .mtp-speed-card.is-slot-middle {
	opacity: 1;
	filter: none;
}

.mtp-speed__cards.is-looping .mtp-speed-card.is-slot-bottom {
	opacity: 0.42;
	filter: blur(10px);
}

.mtp-speed-card {
	min-height: 240px;
	padding: 44px 70px;
	border: 1px solid rgba(113, 57, 209, 0.10);
	background: linear-gradient(180deg, rgba(102, 105, 254, 0) 0%, rgba(102, 105, 254, 0) 100%);
	filter: blur(10px);
	opacity: 0.42;
}

.mtp-speed-card.is-active,
.mtp-speed-card:hover {
	background: linear-gradient(180deg, rgba(102, 105, 254, 0) 0%, rgba(102, 105, 254, 0.16) 100%);
	filter: none;
	opacity: 1;
}

.mtp-speed-card img {
	width: 72px;
	height: 72px;
	margin-bottom: 32px;
	object-fit: contain;
}

.mtp-speed-card h3 {
	margin: 0 0 8px;
	color: #08030d;
	font-size: 25px;
	font-weight: 800;
	line-height: 1.2;
}

.mtp-speed-card p {
	margin: 0;
	max-width: 580px;
	color: #08030d;
	font-size: 22px;
	font-weight: 500;
	line-height: 1.45;
}

body.mt-product-page .mtp-speed-card h3 {
	margin: 0 0 2px;
	font-size: 26px;
	font-weight: 600;
	line-height: 40px;
	letter-spacing: 0;
}

body.mt-product-page .mtp-speed-card p {
	max-width: 538px;
	font-size: 26px;
	font-weight: 400;
	line-height: 40px;
	letter-spacing: 0;
}

body.mt-product-page .mtp-speed-card img {
	width: 96px;
	height: 86px;
	padding: 22px 36px;
	border-radius: 40px;
	background: #ffffff;
	object-fit: contain;
	box-sizing: border-box;
}

.mtp-focus {
	padding: 0 0 128px;
}

.mtp-focus__panel {
	padding: 84px 118px 0;
	border-radius: 42px;
	background: #1c0733;
	color: #ffffff;
	overflow: hidden;
}

.mtp-focus__heading {
	margin-bottom: 112px;
	text-align: center;
}

.mtp-focus__heading>span {
	color: #ffffff;
}

.mtp-focus__heading h2 {
	margin: 28px 0 0;
	color: var(--mtp-purple);
	font-size: clamp(42px, 3vw, 62px);
	font-weight: 500;
	line-height: 1.2;
}

.mtp-focus__grid {
	position: relative;
	display: flex;
	flex-wrap: wrap;
}

.mtp-focus__grid::before,
.mtp-focus__grid::after {
	content: "";
	position: absolute;
	pointer-events: none;
	background: rgba(255, 255, 255, 0.10);
}

.mtp-focus__grid::before {
	top: 0;
	bottom: 0;
	left: 50%;
	width: 1px;
	transform: translateX(-50%);
}

.mtp-focus__grid::after {
	left: 0;
	right: 0;
	top: 50%;
	height: 1px;
	transform: translateY(-50%);
}

.mtp-focus-card {
	flex: 1 1 50%;
	min-height: 265px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 42px;
	text-align: center;
	color: rgba(255, 255, 255, 0.38);
	filter: blur(10px);
	transition: color 180ms ease, filter 180ms ease, background 180ms ease;
}

.mtp-focus-card.is-active,
.mtp-focus-card:hover,
.mtp-focus-card:focus {
	background: linear-gradient(180deg, rgba(10, 10, 25, 0.26) 0%, rgba(117, 120, 254, 0.26) 100%);
	color: #ffffff;
	filter: none;
	outline: 0;
	border-radius: 0;
	mix-blend-mode: lighten;
}

.mtp-focus-card h3 {
	margin: 0 0 12px;
	font-size: 22px;
	font-weight: 800;
	line-height: 1.2;
}

.mtp-focus-card p {
	margin: 0;
	font-size: 22px;
	font-weight: 500;
	line-height: 1.45;
}

.mtp-system {
	padding: 10px 0 98px;
}

.mtp-system .mtp-section-heading {
	margin-bottom: 78px;
}

.mtp-system__panel {
	position: relative;
	display: flex;
	border-top: 1px solid rgba(8, 3, 13, 0.12);
}

.mtp-system__panel::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	width: 1px;
	background: rgba(8, 3, 13, 0.12);
}

.mtp-system__column {
	flex: 1 1 50%;
	padding: 56px 110px 0 230px;
}

.mtp-system__column+.mtp-system__column {
	padding-left: 164px;
	padding-right: 160px;
}

.mtp-system__column h3 {
	margin: 0 0 42px;
	color: #59545d;
	font-size: 23px;
	font-weight: 800;
	line-height: 1.2;
}

.mtp-list {
	display: flex;
	flex-direction: column;
	gap: 30px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.mtp-list li {
	position: relative;
	padding-left: 54px;
	color: #5a5660;
	font-size: 24px;
	font-weight: 500;
	line-height: 1.25;
}

.mtp-list li::before {
	position: absolute;
	left: 0;
	top: -1px;
	font-size: 26px;
	line-height: 1;
}

.mtp-list--bad li::before {
	content: "\00D7";
	color: #ff3232;
}

.mtp-list--good li::before {
	content: "";
	top: 2px;
	width: 20px;
	height: 20px;
	background: center / contain no-repeat url("../images/productivity/icon-chevron.png");
}

.mtp-level.is-visible .mtp-level__character,
.mtp-clarity.is-visible .mtp-clarity__character,
.mtp-clarity.is-visible .mtp-clarity__bubble {
	opacity: 1;
	transform: translateY(0) scale(1);
}

.mtp-level.is-visible .mtp-level__dashboard {
	opacity: 1;
	transform: translateX(-50%) translateY(0) scale(1);
}

.mtp-system__cta {
	display: flex;
	justify-content: center;
	margin-top: 82px;
}

.mtp-content {
	padding: 80px 0;
}

@media (max-width: 1500px) {
	.mtp-shell {
		width: min(1230px, calc(100% - 64px));
	}

	.mtp-nav__inner {
		min-height: 76px;
		gap: 28px;
	}

	.mtp-hero {
		min-height: 560px;
		padding: 100px 0 86px;
	}

	.mtp-hero p {
		margin: 52px 0 46px;
	}

	.mtp-process__card,
	.mtp-process__mark {
		min-height: 230px;
	}

	.mtp-process__card h2 {
		margin-bottom: 28px;
		font-size: 25px;
	}

	.mtp-process__card p,
	.mtp-progress-card p,
	.mtp-speed-card p,
	.mtp-focus-card p,
	.mtp-list li {
		font-size: 18px;
	}

	.mtp-progress-card {
		min-height: 460px;
	}

	.mtp-level__panel {
		min-height: 410px;
	}

	.mtp-level__badges {
		left: 70px;
		top: 112px;
		width: 200px;
	}

	.mtp-level__dashboard {
		top: 166px;
		width: 560px;
	}

	.mtp-level__character {
		right: 92px;
		width: 270px;
	}

	.mtp-clarity__panel {
		min-height: 700px;
		padding: 66px 0 0 70px;
		gap: 34px;
	}

	.mtp-clarity__copy {
		flex-basis: 340px;
	}

	.mtp-clarity h2 {
		margin-bottom: 42px;
		font-size: 40px;
	}

	.mtp-clarity__tabs {
		gap: 34px;
	}

	.mtp-tab {
		min-height: 56px;
		min-width: 170px;
		font-size: 16px;
	}

	.mtp-clarity__visual {
		height: 475px;
		margin-top: 92px;
	}

	.mtp-clarity__dashboard {
		top: 34px;
		left: 38%;
		width: min(840px, 76vw);
		transform: translateX(-50%);
	}

	.mtp-clarity__bubble {
		top: 322px;
		left: 90px;
		width: 332px;
		min-height: 78px;
		padding: 16px 26px;
	}

	.mtp-clarity__character {
		top: auto;
		bottom: -64px;
		right: -18px;
		width: 500px;
	}

	.mtp-clarity__bubble p {
		font-size: 15px;
	}

	.mtp-speed__copy {
		padding-left: 50px;
	}

	.mtp-system__column {
		padding-left: 120px;
	}

	.mtp-system__column+.mtp-system__column {
		padding-left: 100px;
		padding-right: 80px;
	}
}

@media (max-width: 1100px) {
	.mtp-shell {
		width: min(900px, calc(100% - 42px));
	}

	.mtp-nav__menu {
		gap: 24px;
	}

	.mtp-nav__actions {
		gap: 18px;
	}

	.mtp-nav__support {
		display: none;
	}

	.mtp-process__card,
	.mtp-process__card:nth-child(n + 3),
	.mtp-process__mark {
		flex-basis: calc(50% - 19px);
	}

	.mtp-progress-card {
		flex: 1 1 calc(50% - 20px);
		max-width: none;
	}

	.mtp-level__badges {
		width: 168px;
	}

	.mtp-level__dashboard {
		width: 500px;
	}

	.mtp-level__character {
		right: 42px;
		width: 245px;
	}

	.mtp-clarity__panel {
		display: flex;
		flex-direction: column;
		min-height: auto;
		padding: 64px 56px 56px;
	}

	.mtp-clarity__copy {
		flex: 0 0 auto;
		width: 100%;
	}

	.mtp-clarity h2 {
		max-width: 680px;
		margin-bottom: 36px;
	}

	.mtp-clarity__tabs {
		flex-direction: row;
		flex-wrap: wrap;
		gap: 18px;
	}

	.mtp-clarity__visual {
		width: 100%;
		height: 470px;
		margin-top: 26px;
	}

	.mtp-clarity__dashboard {
		top: 22px;
		width: 98%;
		left: 36%;
		transform: translateX(-50%);
	}

	.mtp-clarity__character {
		top: 114px;
		left: auto;
		right: -32px;
		width: 320px;
	}

	.mtp-clarity__bubble {
		top: 248px;
		left: 4%;
		width: 338px;
		min-height: 74px;
		padding: 14px 24px;
	}

	.mtp-speed__layout,
	.mtp-system__panel {
		flex-direction: column;
	}

	.mtp-speed__copy {
		flex: 0 0 auto;
		width: 100%;
		padding-left: 0;
	}

	.mtp-speed__cards {
		width: 100%;
	}

	.mtp-system__panel::before {
		display: none;
	}

	.mtp-system__column,
	.mtp-system__column+.mtp-system__column {
		width: 100%;
		padding: 46px 72px 0;
	}
}

@media (max-width: 767px) {
	.mtp-shell {
		width: calc(100% - 32px);
	}

	.mtp-nav__inner {
		min-height: 74px;
		position: relative;
	}

	.mtp-menu-toggle {
		display: inline-flex !important;
		position: fixed;
		right: 24px;
		top: 25px;
		z-index: 1100;
		width: 32px;
		height: 22px;
		padding: 0;
		border: 0;
		border-radius: 0;
		transform: none;
		margin-left: auto;
		justify-content: space-between;
		background: transparent;
		box-shadow: none;
	}

	.mtp-menu-toggle span {
		display: block;
		width: 100%;
		height: 2px;
		margin: 0;
		border-radius: 4px;
		background: #ffffff;
		transition: all 400ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
	}

	.mtp-menu-toggle span:nth-child(2) {
		width: 70%;
		margin-right: auto;
	}

	.mtp-menu-toggle.is-open {
		background: transparent;
	}

	.mtp-menu-toggle.is-open span:nth-child(1) {
		transform: translateY(10px) rotate(-45deg);
	}

	.mtp-menu-toggle.is-open span:nth-child(2) {
		opacity: 0;
		transform: translateX(-20px);
	}

	.mtp-menu-toggle.is-open span:nth-child(3) {
		transform: translateY(-10px) rotate(45deg);
	}

	.mtp-menu-toggle.is-open::before,
	.mtp-menu-toggle.is-open::after {
		display: none;
	}

	.mtp-nav.is-open::before {
		content: "";
		position: fixed;
		inset: 0;
		z-index: 90;
		background: rgba(0, 0, 0, 0.6);
		opacity: 1;
	}

	.mtp-nav__menu {
		position: fixed;
		left: -320px;
		z-index: 100;
		width: 300px;
		max-width: calc(100vw - 72px);
		background: #000022;
		transform: none;
		transition: left 400ms ease;
	}

	.mtp-nav__menu {
		top: 0;
		bottom: 0;
		flex-direction: column;
		align-items: stretch;
		gap: 20px;
		padding: 0 0 34px;
		border-radius: 0;
		box-shadow: none;
		overflow-y: auto;
	}

	.mtp-nav__menu.is-open {
		box-shadow: 5px 0 25px rgba(0, 0, 0, 0.5);
	}

	.mtp-nav__menu.is-open {
		display: flex;
		left: 0;
	}

	.mtp-nav__actions {
		display: none;
	}

	.mtp-drawer-header,
	.mtp-drawer-actions,
	.mtp-brand--drawer,
	.mtp-drawer-close {
		display: flex;
	}

	.mtp-drawer-header {
		align-items: center;
		justify-content: space-between;
		padding: 20px 16px;
		background: #050033;
	}

	.mtp-brand--drawer img {
		width: 190px;
	}

	.mtp-drawer-actions {
		flex-direction: column;
		align-items: stretch;
		gap: 18px;
		padding: 4px 24px 0;
		margin-top: 8px;
	}

	.mtp-nav__menu>.mtp-nav__item,
	.mtp-nav__menu>.mtp-nav__link,
	.mtp-nav__menu>a.mtp-nav__link {
		margin: 0 24px;
	}

	.mtp-nav__link {
		width: 100%;
		min-height: 34px;
		justify-content: space-between;
		font-size: 20px;
		font-weight: 500;
	}

	.mtp-dropdown {
		position: static;
		width: 100%;
		margin: 0;
		padding: 0 0 0 16px;
		border: 0;
		border-radius: 0;
		background: transparent;
		box-shadow: none;
		opacity: 1;
		pointer-events: auto;
		transform: none;
		display: none;
	}

	.mtp-nav__item.is-open .mtp-dropdown {
		display: block;
	}

	.mtp-dropdown__label {
		margin: 4px 0 8px;
		font-size: 10px;
		letter-spacing: 3px;
	}

	.mtp-dropdown__link {
		min-height: 32px;
		font-size: 18px;
	}

	.mtp-nav__cta {
		width: 100%;
		min-height: 46px;
	}

	.mtp-nav__support {
		display: block;
		width: 100%;
		color: #ffffff;
		font-size: 18px;
		font-weight: 500;
		text-decoration: none;
	}

	.mtp-nav__support--drawer {
		display: inline-flex;
		align-items: center;
		justify-content: flex-start;
	}

	.mtp-nav__cta--drawer {
		width: 100%;
		min-height: 52px;
	}

	.mtp-hero {
		min-height: auto;
		padding: 78px 0 76px;
	}

	.mtp-hero h1 {
		font-size: clamp(38px, 8vw, 56px);
		max-width: 720px;
	}

	.mtp-hero p {
		max-width: 620px;
		margin: 34px 0 34px;
		font-size: 17px;
	}

	.mtp-arrow-btn {
		min-height: 58px;
		padding: 0 16px 0 24px;
		font-size: 16px;
	}

	.mtp-btn-text {
		padding-right: 54px;
		/* 40px icon + 14px gap */
	}

	.mtp-arrow-btn:hover .mtp-btn-text {
		padding-right: 0;
		padding-left: 54px;
	}

	.mtp-arrow-btn .mtp-btn-icon img {
		width: 40px;
		height: 40px;
	}

	.mtp-arrow-btn:hover .mtp-btn-icon {
		right: calc(100% - 40px - 10px);
	}

	.mtp-process,
	.mtp-progress,
	.mtp-level,
	.mtp-clarity,
	.mtp-speed,
	.mtp-focus,
	.mtp-system {
		padding-top: 56px;
		padding-bottom: 72px;
	}

	.mtp-process__card,
	.mtp-process__card:nth-child(n + 3),
	.mtp-process__mark,
	.mtp-progress-card {
		flex-basis: 100%;
	}

	.mtp-process__card {
		min-height: 190px;
		padding: 32px;
		align-items: flex-start;
		text-align: left;
	}

	.mtp-process__mark {
		min-height: 180px;
	}

	.mtp-section-heading {
		margin-bottom: 42px;
	}

	.mtp-section-heading span,
	.mtp-speed__copy>span,
	.mtp-focus__heading>span {
		font-size: 14px;
		letter-spacing: 3px;
	}

	.mtp-section-heading h2,
	.mtp-focus__heading h2 {
		font-size: 34px;
	}

	.mtp-speed__copy h2 {
		font-size: 44px;
	}

	.mtp-progress-card {
		min-height: 0;
	}

	.mtp-level__panel {
		min-height: 470px;
		border-radius: 28px;
	}

	.mtp-level__copy {
		padding: 42px 24px 0;
	}

	.mtp-level__badges {
		left: 24px;
		top: 150px;
		width: 132px;
	}

	.mtp-level__dashboard {
		top: 230px;
		width: 78%;
	}

	.mtp-level__character {
		right: 4px;
		width: 205px;
	}

	.mtp-clarity__panel {
		padding: 42px 28px 38px;
		border-radius: 50px;
	}

	.mtp-clarity h2 {
		font-size: 34px;
		line-height: 1.08;
		margin-bottom: 28px;
	}

	.mtp-clarity__headline-top {
		white-space: normal;
	}

	.mtp-clarity__tabs {
		gap: 12px;
	}

	.mtp-tab {
		flex: 1 1 calc(50% - 8px);
		min-width: 0;
		min-height: 50px;
		justify-content: center;
		padding: 0 12px;
		font-size: 13px;
	}

	.mtp-clarity__visual {
		height: 380px;
		margin-top: 20px;
	}

	.mtp-clarity__dashboard {
		left: 0;
		width: 100%;
	}

	.mtp-clarity__character {
		top: 102px;
		right: -30px;
		width: 240px;
	}

	.mtp-clarity__bubble {
		top: 210px;
		left: 8%;
		width: 66%;
		min-height: 66px;
		padding: 12px 18px;
	}

	.mtp-clarity__bubble p {
		font-size: 13px;
	}

	.mtp-speed__layout {
		gap: 32px;
	}

	.mtp-speed-card {
		min-height: 0;
		padding: 30px;
	}

	.mtp-focus__panel {
		padding: 48px 24px 0;
		border-radius: 28px;
	}

	.mtp-focus__heading {
		margin-bottom: 48px;
	}

	.mtp-focus__grid::before,
	.mtp-focus__grid::after {
		display: none;
	}

	.mtp-focus-card {
		flex-basis: 100%;
		min-height: 180px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.10);
	}

	.mtp-focus-card:last-child {
		border-bottom: 0;
	}

	.mtp-system__column,
	.mtp-system__column+.mtp-system__column {
		padding: 34px 18px 0;
	}
}

@media (max-width: 425px) {

	.mtp-page h1,
	.mtp-page h2,
	.mtp-page h3,
	.mtp-page h4,
	.mtp-page h5,
	.mtp-page h6,
	.mtp-hero h1,
	.mtp-process__card h2,
	.mtp-section-heading h2,
	.mtp-focus__heading h2,
	.mtp-speed__copy h2,
	.mtp-progress-card h3,
	.mtp-level__copy h2,
	.mtp-clarity h2,
	.mtp-speed-card h3,
	.mtp-focus-card h3,
	.mtp-system__column h3 {
		font-size: 18px !important;
		line-height: 1.25 !important;
	}

	.mtp-page p,
	.mtp-hero p,
	.mtp-process__card p,
	.mtp-progress-card p,
	.mtp-level__copy p,
	.mtp-clarity__bubble p,
	.mtp-speed-card p,
	.mtp-focus-card p {
		font-size: 12px !important;
		line-height: 1.5 !important;
	}
}



@media (max-width: 375px) {

	.mtp-page h1,
	.mtp-page h2,
	.mtp-page h3,
	.mtp-page h4,
	.mtp-page h5,
	.mtp-page h6,
	.mtp-hero h1,
	.mtp-process__card h2,
	.mtp-section-heading h2,
	.mtp-focus__heading h2,
	.mtp-speed__copy h2,
	.mtp-progress-card h3,
	.mtp-level__copy h2,
	.mtp-clarity h2,
	.mtp-speed-card h3,
	.mtp-focus-card h3,
	.mtp-system__column h3 {
		font-size: 15px !important;
		line-height: 1.25 !important;
	}

	.mtp-page p,
	.mtp-hero p,
	.mtp-process__card p,
	.mtp-progress-card p,
	.mtp-level__copy p,
	.mtp-clarity__bubble p,
	.mtp-speed-card p,
	.mtp-focus-card p {
		font-size: 10px !important;
		line-height: 1.5 !important;
	}

}

@media (max-width: 540px) {
	.mtp-shell {
		width: calc(100% - 24px);
	}

	.mtp-brand img {
		width: 185px;
	}

	.mtp-hero__cloud {
		width: 280px;
	}

	.mtp-hero h1,
	.mtp-clarity h2 {
		font-size: 23px;
	}

	.mtp-hero p {
		max-width: 310px;
		font-size: 12px;
	}

	.mtp-hero p br {
		display: none;
	}

	.mtp-process__card h2 {
		font-size: 22px;
	}

	.mtp-process__card p,
	.mtp-progress-card p,
	.mtp-speed-card p,
	.mtp-focus-card p,
	.mtp-list li {
		font-size: 14px;
	}

	.mtp-progress-card h3,
	.mtp-speed-card h3,
	.mtp-focus-card h3 {
		font-size: 18px;
	}

	.mtp-clarity__panel {
		padding: 34px 25px 28px;
	}

	.mtp-clarity__tabs {
		flex-direction: row;
	}

	.mtp-tab {
		flex: 1 1 calc(50% - 6px);
		font-size: 12px;
	}

	.mtp-tab__icon {
		width: 14px;
		height: 14px;
		flex-basis: 14px;
	}

	.mtp-clarity__visual {
		height: 315px;
	}

	.mtp-clarity__character {
		top: 104px;
		right: -28px;
		width: 190px;
	}

	.mtp-clarity__bubble {
		top: 202px;
		left: 4%;
		width: 70%;
		min-height: 60px;
		padding: 10px 14px;
		border-radius: 8px;
	}

	.mtp-clarity__bubble p {
		font-size: 10px;
		line-height: 1.15;
	}

	.mtp-level__dashboard {
		top: 244px;
		width: 90%;
	}

	.mtp-level__character {
		width: 178px;
	}
}

@media (max-width: 425px) {
	.mtp-shell {
		width: calc(100% - 28px);
	}

	.mtp-nav__inner {
		min-height: 74px;
	}

	.mtp-brand img {
		width: 180px;
	}

	.mtp-menu-toggle {
		width: 42px;
		height: 42px;
		border-radius: 14px;
	}

	.mtp-hero {
		padding: 64px 0 58px;
	}

	.mtp-hero h1 {
		max-width: 310px;
		font-size: 23px;
		line-height: 1.18;
	}

	.mtp-hero p,
	.mtp-hero small {
		max-width: 310px;
		font-size: 12px;
	}

	.mtp-process,
	.mtp-progress,
	.mtp-level,
	.mtp-clarity,
	.mtp-speed,
	.mtp-focus,
	.mtp-system {
		padding-top: 44px;
		padding-bottom: 58px;
	}

	.mtp-clarity__panel {
		min-height: 552px;
		padding: 28px 20px 24px;
		border-radius: 50px;
	}

	.mtp-clarity h2 {
		max-width: 260px;
		font-size: 28px;
		line-height: 1.12;
		margin: 0 auto 24px;
		text-align: left;
	}

	.mtp-clarity__headline-top {
		white-space: normal;
	}

	.mtp-clarity__tabs {
		gap: 9px;
	}

	.mtp-tab {
		flex: 1 1 calc(50% - 5px);
		min-height: 43px;
		padding: 0 8px;
		font-size: 11px;
	}

	.mtp-tab:nth-child(3),
	.mtp-tab:nth-child(4) {
		flex-basis: calc(50% - 5px);
	}

	.mtp-clarity__visual {
		height: 255px;
		margin-top: 12px;
	}

	.mtp-clarity__dashboard {
		top: 18px;
		left: -2px;
		width: calc(100% + 4px);
		border-radius: 12px;
	}

	.mtp-clarity__character {
		top: 62px;
		right: -34px;
		width: 188px;
	}

	.mtp-clarity__bubble {
		top: 170px;
		left: 4%;
		width: 70%;
		min-height: 49px;
		padding: 8px 12px;
	}

	.mtp-progress-card {
		padding: 24px 20px 30px;
	}

	.mtp-progress-card__image {
		height: 120px;
		margin-bottom: 24px;
	}

	.mtp-level__panel {
		min-height: 430px;
	}

	.mtp-level__badges {
		top: 128px;
		width: 110px;
	}

	.mtp-level__dashboard {
		top: 220px;
	}

	.mtp-level__character {
		width: 156px;
	}

	.mtp-system__cta {
		margin-top: 48px;
	}
}

@media (max-width: 360px) {
	.mtp-shell {
		width: calc(100% - 20px);
	}

	.mtp-brand img {
		width: 160px;
	}

	.mtp-clarity__panel {
		min-height: 510px;
		padding-left: 14px;
		padding-right: 14px;
	}

	.mtp-clarity h2 {
		font-size: 25px;
		max-width: 236px;
	}

	.mtp-clarity__headline-top {
		white-space: normal;
	}

	.mtp-hero h1 {
		max-width: 300px;
		font-size: 24px;
	}

	.mtp-hero p {
		max-width: 300px;
		font-size: 13px;
	}

	.mtp-tab {
		min-height: 40px;
		font-size: 10px;
		gap: 6px;
	}

	.mtp-tab__icon {
		display: none;
	}

	.mtp-clarity__visual {
		height: 230px;
	}

	.mtp-clarity__character {
		top: 62px;
		right: -28px;
		width: 150px;
	}

	.mtp-clarity__bubble {
		top: auto;
		bottom: 12px;
		width: 70%;
	}
}

/* Product page 2: 8-bit dark theme. */
body.mt-product-page-2 {
	--mtp-ink: #ffffff;
	--mtp-muted: rgba(255, 255, 255, 0.74);
	--mtp-purple: #7b3fe4;
	--mtp-purple-2: #7578fe;
	--mtp-night: #050033;
	background: #1b1c48;
	color: #ffffff;
}

body.mt-product-page-2 .mtp-page {
	background: #1B1C48;
	color: #ffffff;
}

body.mt-product-page-2 .mtp-nav {
	background: #050033;
	border-bottom-color: rgba(255, 255, 255, 0.08);
}

body.mt-product-page-2 .mtp-nav__inner {
	min-height: 86px;
}

body.mt-product-page-2 .mtp-brand img {
	filter: brightness(0) invert(1);
}

body.mt-product-page-2 .mtp-nav__cta {
	background: linear-gradient(135deg, #6f38d2, #9a4ef0);
	box-shadow: none;
}

body.mt-product-page-2 .mtp-nav__item--dropdown:first-child .mtp-dropdown {
	opacity: 1;
	pointer-events: auto;
	transform: translate(-50%, 0);
}

body.mt-product-page-2 .mtp-dropdown {
	background: #070039;
	border-color: #7139d1;
	box-shadow: 0 18px 46px rgba(0, 0, 0, 0.28);
}

body.mt-product-page-2 .mtp-hero {
	min-height: 780px;
	padding-top: 145px;
}

body.mt-product-page-2 .mtp-hero__cloud {
	display: none;
}

body.mt-product-page-2 .mtp-hero h1 {
	max-width: 1170px;
	color: #ffffff;
	font-size: clamp(62px, 4.4vw, 88px);
	line-height: 1.16;
}

body.mt-product-page-2 .mtp-hero h1 strong,
body.mt-product-page-2 .mtp-section-heading h2,
body.mt-product-page-2 .mtp-speed__copy h2 strong,
body.mt-product-page-2 .mtp-focus__heading h2 {
	color: #7b3fe4;
}

body.mt-product-page-2 .mtp-hero p,
body.mt-product-page-2 .mtp-hero small {
	color: #ffffff;
}

body.mt-product-page-2 .mtp-arrow-btn {
	color: #ffffff;
}

body.mt-product-page-2 .mtp-process {
	padding-top: 90px;
	background-size: 144px 92px;
}

body.mt-product-page-2 .mtp-process__card,
body.mt-product-page-2 .mtp-process__mark {
	border: 0;
	background: linear-gradient(135deg, rgba(55, 47, 116, 0.72), rgba(42, 42, 94, 0.92));
	box-shadow: 0 28px 70px rgba(4, 3, 30, 0.18);
}

body.mt-product-page-2 .mtp-process__card h2 {
	color: #7b3fe4;
}

body.mt-product-page-2 .mtp-process__card p {
	color: #ffffff;
}

body.mt-product-page-2 .mtp-progress {
	padding-top: 70px;
	background:
		radial-gradient(circle at 85% 0%, rgba(124, 60, 160, 0.26), transparent 34%),
		#1b1c48;
}

body.mt-product-page-2 .mtp-section-heading span,
body.mt-product-page-2 .mtp-speed__copy>span,
body.mt-product-page-2 .mtp-focus__heading>span {
	color: #ffffff;
}

body.mt-product-page-2 .mtp-level {
	padding-top: 84px;
	background: #1b1c48;
}

body.mt-product-page-2 .mtp-level__panel {
	min-height: 530px;
	background: #1b103f;
}

body.mt-product-page-2 .mtp-level__bg {
	content: url("../images/productivity/level-up-bg.png");
}

body.mt-product-page-2 .mtp-level__dashboard {
	top: 210px;
	left: 51%;
	width: min(780px, 52%);
	opacity: 0;
	border-radius: 16px;
	filter: drop-shadow(0 20px 38px rgba(0, 0, 0, 0.28));
}

body.mt-product-page-2 .mtp-level__character {
	right: 105px;
	bottom: -30px;
	width: 330px;
}

body.mt-product-page-2 .mtp-clarity {
	background: #1b1c48;
}

body.mt-product-page-2 .mtp-clarity__panel {
	min-height: 795px;
	padding-top: 88px;
	background: linear-gradient(180deg, rgba(23, 9, 46, 0) 0%, #17092E 100%);
	box-shadow: 0 32px 82px rgba(3, 2, 28, 0.2);
}

body.mt-product-page-2 .mtp-clarity h2 {
	color: #7b3fe4;
}

body.mt-product-page-2 .mtp-tab {
	border-color: rgba(255, 255, 255, 0.72);
	background: transparent;
	color: #ffffff;
}

body.mt-product-page-2 .mtp-tab.is-active,
body.mt-product-page-2 .mtp-tab:hover {
	background: #ffffff;
	color: #7b3fe4;
	box-shadow: none;
}

body.mt-product-page-2 .mtp-clarity__dashboard {
	top: 92px;
	left: 41%;
	width: min(920px, 70vw);
	border-radius: 8px;
	filter: none;
}

body.mt-product-page-2 .mtp-clarity__character {
	right: -6px;
	bottom: -42px;
	width: 330px;
}

body.mt-product-page-2 .mtp-clarity__bubble {
	top: 418px;
	left: 250px;
	width: 455px;
	min-height: 94px;
	border-color: rgba(255, 255, 255, 0.8);
	background: linear-gradient(135deg, rgba(111, 45, 223, 0.96), rgba(76, 20, 190, 0.86));
	box-shadow: 0 14px 28px rgba(4, 2, 25, 0.28);
}

body.mt-product-page-2 .mtp-speed {
	background: #1b1c48;
}

body.mt-product-page-2 .mtp-speed__copy h2,
body.mt-product-page-2 .mtp-speed-card h3,
body.mt-product-page-2 .mtp-speed-card p {
	color: #ffffff;
}

body.mt-product-page-2 .mtp-speed-card {
	border-color: rgba(255, 255, 255, 0.08);
	background: rgba(17, 18, 60, 0.42);
	color: #ffffff;
}

body.mt-product-page-2 .mtp-speed-card.is-active,
body.mt-product-page-2 .mtp-speed-card:hover {
	background: linear-gradient(135deg, rgba(45, 44, 115, 0.95), rgba(35, 35, 91, 0.9));
}

body.mt-product-page-2 .mtp-focus {
	background: #1b1c48;
}

body.mt-product-page-2 .mtp-focus__panel {
	background: #1b062f;
	box-shadow: none;
}

body.mt-product-page-2 .mtp-system {
	padding-top: 80px;
	background: #1b1c48;
}

body.mt-product-page-2 .mtp-system__panel {
	border-top-color: rgba(255, 255, 255, 0.28);
}

body.mt-product-page-2 .mtp-system__panel::before {
	background: rgba(255, 255, 255, 0.18);
}

body.mt-product-page-2 .mtp-system__column h3,
body.mt-product-page-2 .mtp-list li {
	color: #ffffff;
}

body.mt-product-page-2 .mtp-arrow-btn--solid {
	background: linear-gradient(135deg, #7139d1, #f53df2);
}

@media (max-width: 1500px) {
	body.mt-product-page-2 .mtp-hero {
		min-height: 620px;
	}

	body.mt-product-page-2 .mtp-level__dashboard {
		width: min(610px, 52%);
	}

	body.mt-product-page-2 .mtp-level__character {
		right: 80px;
		width: 270px;
	}

	body.mt-product-page-2 .mtp-clarity__dashboard {
		width: min(720px, 66vw);
	}

	body.mt-product-page-2 .mtp-clarity__bubble {
		left: 150px;
	}
}

@media (max-width: 1100px) {
	body.mt-product-page-2 .mtp-nav__item--dropdown:first-child .mtp-dropdown {
		opacity: 1;
		transform: none;
	}

	body.mt-product-page-2 .mtp-hero h1 {
		font-size: 52px;
	}

	body.mt-product-page-2 .mtp-level__dashboard,
	body.mt-product-page-2 .mtp-clarity__dashboard {
		width: 82%;
		left: 46%;
	}

	body.mt-product-page-2 .mtp-clarity__bubble {
		left: 6%;
	}
}

@media (max-width: 767px) {
	body.mt-product-page-2 .mtp-hero {
		min-height: auto;
		padding: 78px 0 76px;
	}

	body.mt-product-page-2 .mtp-hero h1 {
		font-size: clamp(38px, 8vw, 56px);
		max-width: 720px;
	}

	body.mt-product-page-2 .mtp-nav__item--dropdown:first-child .mtp-dropdown {
		display: none;
	}

	body.mt-product-page-2 .mtp-nav__item--dropdown:first-child.is-open .mtp-dropdown {
		display: block;
	}

	body.mt-product-page-2 .mtp-level__dashboard,
	body.mt-product-page-2 .mtp-clarity__dashboard {
		width: 100%;
		left: 0;
	}

	body.mt-product-page-2 .mtp-level__character {
		right: -20px;
		width: 210px;
	}

	body.mt-product-page-2 .mtp-clarity__character {
		right: -30px;
		width: 240px;
	}

	body.mt-product-page-2 .mtp-clarity__bubble {
		left: 6%;
		width: 68%;
	}
}

@media (max-width: 425px) {
	body.mt-product-page-2 .mtp-hero h1 {
		font-size: 32px;
	}

	body.mt-product-page-2 .mtp-level__character {
		width: 160px;
	}

	body.mt-product-page-2 .mtp-clarity__character {
		width: 178px;
	}
}

/* Product page 3: neon glitch theme. */
body.mt-product-page-3 {
	--mtp-ink: #ffffff;
	--mtp-muted: rgba(255, 255, 255, 0.72);
	--mtp-purple: #7b3fe4;
	--mtp-purple-2: #7578fe;
	--mtp-night: #050033;
	background: #040512;
	color: #ffffff;
}

body.mt-product-page-3 .mtp-page {
	background:
		radial-gradient(circle at 80% 18%, rgba(90, 32, 122, 0.16), transparent 30%),
		radial-gradient(circle at 10% 52%, rgba(24, 28, 86, 0.42), transparent 34%),
		#040512;
	color: #ffffff;
	overflow: hidden;
}

body.mt-product-page-3 .mtp-page::before {
	top: 84px;
}

body.mt-product-page-3 .mtp-page::after {
	bottom: 250px;
	transform: scaleY(-1);
}

body.mt-product-page-3 .mtp-page>section,
body.mt-product-page-3 .mtp-nav {
	z-index: 1;
}

body.mt-product-page-3 .mtp-nav {
	background: #050033;
	border-bottom-color: rgba(255, 255, 255, 0.08);
}

body.mt-product-page-3 .mtp-nav__inner {
	min-height: 72px;
}

body.mt-product-page-3 .mtp-nav__cta {
	background: linear-gradient(135deg, #6f38d2, #9a4ef0);
	box-shadow: none;
}

body.mt-product-page-3 .mtp-dropdown {
	background: #070039;
	border-color: #7139d1;
}

body.mt-product-page-3 .mtp-hero {
	min-height: 660px;
	padding: 150px 0 105px;
	background:
		linear-gradient(rgba(6, 7, 22, 0.18), rgba(6, 7, 22, 0.18)),
		url("../images/productivity/realm-page-bg.png") center top / cover no-repeat;
}

body.mt-product-page-3 .mtp-hero__cloud {
	display: none;
}

body.mt-product-page-3 .mtp-hero h1 {
	max-width: 1110px;
	color: #ffffff;
	font-size: clamp(56px, 4.1vw, 82px);
	line-height: 1.15;
}

body.mt-product-page-3 .mtp-hero h1 strong,
body.mt-product-page-3 .mtp-section-heading h2,
body.mt-product-page-3 .mtp-speed__copy h2 strong,
body.mt-product-page-3 .mtp-focus__heading h2 {
	color: #7b3fe4;
}

body.mt-product-page-3 .mtp-hero p,
body.mt-product-page-3 .mtp-hero small {
	color: #ffffff;
}

body.mt-product-page-3 .mtp-arrow-btn {
	color: #ffffff;
}

body.mt-product-page-3 .mtp-process {
	padding-top: 24px;
	position: relative;
	overflow: hidden;
	background:
		radial-gradient(circle at 50% 100%, rgba(79, 33, 130, 0.18), transparent 42%),
		#040512;
}

body.mt-product-page-3 .mtp-process::before,
body.mt-product-page-3 .mtp-process::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
}

body.mt-product-page-3 .mtp-process::before {
	background:
		linear-gradient(90deg, transparent 0 4%, rgba(90, 98, 232, 0.28) 4% 14%, transparent 14% 100%),
		linear-gradient(90deg, transparent 0 72%, rgba(80, 88, 214, 0.34) 72% 90%, transparent 90% 100%),
		linear-gradient(90deg, transparent 0 12%, rgba(182, 51, 255, 0.36) 12% 22%, transparent 22% 100%),
		linear-gradient(90deg, transparent 0 84%, rgba(93, 110, 255, 0.30) 84% 98%, transparent 98% 100%);
	background-size: 100% 4px, 100% 5px, 100% 4px, 100% 4px;
	background-position: 0 8%, 0 12%, 0 18%, 0 6%;
	background-repeat: no-repeat;
	opacity: 0.7;
}

body.mt-product-page-3 .mtp-process::after {
	background:
		linear-gradient(90deg, transparent 0 6%, rgba(80, 94, 245, 0.30) 6% 18%, transparent 18% 100%),
		linear-gradient(90deg, transparent 0 60%, rgba(93, 110, 255, 0.28) 60% 86%, transparent 86% 100%),
		linear-gradient(90deg, transparent 0 24%, rgba(164, 51, 255, 0.26) 24% 34%, transparent 34% 100%),
		linear-gradient(90deg, transparent 0 76%, rgba(103, 112, 255, 0.22) 76% 100%, transparent 100% 100%);
	background-size: 100% 3px, 100% 3px, 100% 2px, 100% 2px;
	background-position: 0 30%, 0 48%, 0 60%, 0 70%;
	background-repeat: no-repeat;
	opacity: 0.55;
}

body.mt-product-page-3 .mtp-process__grid {
	position: relative;
	z-index: 1;
}

body.mt-product-page-3 .mtp-process__card,
body.mt-product-page-3 .mtp-process__mark {
	position: relative;
	overflow: hidden;
	border: 1px solid rgba(86, 88, 176, 0.10);
	border-radius: 22px;
	background: linear-gradient(180deg, rgba(24, 18, 52, 0.96), rgba(18, 14, 40, 0.98));
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

body.mt-product-page-3 .mtp-process__card::before,
body.mt-product-page-3 .mtp-process__mark::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		radial-gradient(circle at 82% 12%, rgba(122, 63, 228, 0.14), transparent 28%),
		radial-gradient(circle at 16% 84%, rgba(59, 71, 184, 0.10), transparent 30%);
	pointer-events: none;
}

body.mt-product-page-3 .mtp-process__card::after,
body.mt-product-page-3 .mtp-process__mark::after {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg, transparent 0 8%, rgba(109, 82, 229, 0.34) 8% 22%, transparent 22% 100%),
		linear-gradient(90deg, transparent 0 58%, rgba(103, 112, 255, 0.24) 58% 82%, transparent 82% 100%),
		linear-gradient(90deg, transparent 0 26%, rgba(199, 46, 255, 0.18) 26% 44%, transparent 44% 100%),
		linear-gradient(90deg, transparent 0 68%, rgba(112, 124, 255, 0.18) 68% 92%, transparent 92% 100%);
	background-size: 100% 2px, 100% 2px, 100% 2px, 100% 2px;
	background-position: 0 14%, 0 34%, 0 54%, 0 78%;
	background-repeat: no-repeat;
	opacity: 0.9;
	pointer-events: none;
}

body.mt-product-page-3 .mtp-process__card h2 {
	color: #7b3fe4;
	position: relative;
	z-index: 1;
}

body.mt-product-page-3 .mtp-process__card p {
	color: #ffffff;
	position: relative;
	z-index: 1;
}

body.mt-product-page-3 .mtp-process__mark {
	background: linear-gradient(180deg, rgba(42, 36, 78, 0.98), rgba(33, 28, 64, 0.98));
}

body.mt-product-page-3 .mtp-process__mark img {
	position: relative;
	z-index: 1;
}

body.mt-product-page-3 .mtp-progress {
	padding-top: 68px;
	background: #040512;
}

body.mt-product-page-3 .mtp-section-heading span,
body.mt-product-page-3 .mtp-speed__copy>span,
body.mt-product-page-3 .mtp-focus__heading>span {
	color: #ffffff;
}

body.mt-product-page-3 .mtp-level {
	padding-top: 70px;
	background: #040512;
}

body.mt-product-page-3 .mtp-level__panel {
	min-height: 432px;
	background: #1b103f;
}

body.mt-product-page-3 .mtp-level__bg {
	content: url("../images/productivity/level-up-card-bg.png");
}

body.mt-product-page-3 .mtp-level__dashboard {
	top: 190px;
	left: 51%;
	width: min(740px, 52%);
	border-radius: 14px;
	filter: drop-shadow(0 18px 38px rgba(0, 0, 0, 0.28));
}

body.mt-product-page-3 .mtp-level__character {
	right: 108px;
	bottom: -24px;
	width: 318px;
}

body.mt-product-page-3 .mtp-clarity {
	background: #040512;
}

body.mt-product-page-3 .mtp-clarity__panel {
	min-height: 800px;
	padding-top: 88px;
	background:
		radial-gradient(circle at 17% 14%, rgba(91, 68, 171, 0.28), transparent 30%),
		linear-gradient(135deg, #120c38 0%, #09091f 68%, #111238 100%);
	box-shadow: 0 32px 82px rgba(3, 2, 28, 0.28);
}

body.mt-product-page-3 .mtp-clarity h2 {
	color: #7b3fe4;
}

body.mt-product-page-3 .mtp-tab {
	border-color: rgba(255, 255, 255, 0.72);
	background: transparent;
	color: #ffffff;
}

body.mt-product-page-3 .mtp-tab.is-active,
body.mt-product-page-3 .mtp-tab:hover {
	background: #ffffff;
	color: #7b3fe4;
	box-shadow: none;
}

body.mt-product-page-3 .mtp-clarity__dashboard {
	top: 56px;
	left: 37%;
	width: min(1040px, 80vw);
	border-radius: 12px;
	filter: none;
}

body.mt-product-page-3 .mtp-clarity__character {
	right: -20px;
	bottom: 0;
	width: 330px;
}

body.mt-product-page-3 .mtp-clarity__bubble {
	top: 414px;
	left: 82px;
	width: 430px;
	min-height: 80px;
	border-color: rgba(255, 255, 255, 0.8);
	background: linear-gradient(135deg, rgba(111, 45, 223, 0.96), rgba(76, 20, 190, 0.86));
	box-shadow: 0 14px 28px rgba(4, 2, 25, 0.3);
}

body.mt-product-page-3 .mtp-speed {
	background: #040512;
}

body.mt-product-page-3 .mtp-speed__copy h2,
body.mt-product-page-3 .mtp-speed-card h3,
body.mt-product-page-3 .mtp-speed-card p {
	color: #ffffff;
}

body.mt-product-page-3 .mtp-speed-card {
	border-color: rgba(255, 255, 255, 0.08);
	background: rgba(17, 18, 60, 0.42);
	color: #ffffff;
}

body.mt-product-page-3 .mtp-speed-card.is-active,
body.mt-product-page-3 .mtp-speed-card:hover {
	background: linear-gradient(135deg, rgba(45, 44, 115, 0.95), rgba(35, 35, 91, 0.9));
}

body.mt-product-page-3 .mtp-focus {
	background: #040512;
}

body.mt-product-page-3 .mtp-focus__panel {
	background: #1b062f;
	box-shadow: none;
}

body.mt-product-page-3 .mtp-system {
	padding-top: 74px;
	background:
		linear-gradient(rgba(4, 5, 18, 0.28), rgba(4, 5, 18, 0.28)),
		url("../images/productivity/realm-page-bg.png") center center / cover no-repeat;
}

body.mt-product-page-3 .mtp-system__panel {
	border-top-color: rgba(255, 255, 255, 0.28);
}

body.mt-product-page-3 .mtp-system__panel::before {
	background: rgba(255, 255, 255, 0.18);
}

body.mt-product-page-3 .mtp-system__column h3,
body.mt-product-page-3 .mtp-list li {
	color: #ffffff;
}

body.mt-product-page-3 .mtp-list--good li::before {
	width: 22px;
	height: 22px;
	background: center / contain no-repeat url("../images/productivity/process-center-icon-page2.png");
}

body.mt-product-page-3 .mtp-arrow-btn--solid {
	background: linear-gradient(135deg, #7139d1, #f53df2);
}

@media (max-width: 1500px) {
	body.mt-product-page-3 .mtp-hero {
		min-height: 560px;
	}

	body.mt-product-page-3 .mtp-level__dashboard {
		width: min(600px, 52%);
	}

	body.mt-product-page-3 .mtp-level__character {
		right: 70px;
		width: 270px;
	}

	body.mt-product-page-3 .mtp-clarity__dashboard {
		width: min(720px, 66vw);
	}

	body.mt-product-page-3 .mtp-clarity__character {
		bottom: 0;
	}

	body.mt-product-page-3 .mtp-clarity__bubble {
		left: 150px;
	}
}


@media (max-width: 1100px) {
	body.mt-product-page-3 .mtp-hero h1 {
		font-size: 52px;
	}

	body.mt-product-page-3 .mtp-level__dashboard,
	body.mt-product-page-3 .mtp-clarity__dashboard {
		width: 82%;
		left: 46%;
	}

	body.mt-product-page-3 .mtp-clarity__dashboard {
		top: 22px;
	}

	body.mt-product-page-3 .mtp-clarity__bubble {
		top: 248px;
		left: 6%;
	}
}

@media (max-width: 767px) {
	body.mt-product-page-3 .mtp-hero {
		min-height: auto;
		padding: 78px 0 76px;
	}

	body.mt-product-page-3 .mtp-hero h1 {
		font-size: clamp(38px, 6vw, 56px);
		max-width: 720px;
	}

	body.mt-product-page-3 .mtp-level__dashboard,
	body.mt-product-page-3 .mtp-clarity__dashboard {
		width: 100%;
		left: 0;
	}

	body.mt-product-page-3 .mtp-level__character {
		right: -20px;
		width: 210px;
	}

	body.mt-product-page-3 .mtp-clarity__character {
		right: -30px;
		width: 240px;
	}

	body.mt-product-page-3 .mtp-clarity__bubble {
		left: 6%;
		width: 68%;
	}
}

@media (max-width: 425px) {
	body.mt-product-page-3 .mtp-hero h1 {
		font-size: 32px;
	}

	body.mt-product-page-3 .mtp-level__character {
		width: 160px;
	}

	body.mt-product-page-3 .mtp-clarity__character {
		width: 178px;
	}
}

/* Final responsive pass for image-heavy sections across all product variants. */
@media (max-width: 1400px) {
	.mtp-shell {
		width: min(1180px, calc(100% - 56px));
	}

	.mtp-level__panel {
		min-height: 420px;
	}

	.mtp-level__badges {
		left: 6%;
		width: clamp(150px, 16vw, 220px);
	}

	.mtp-level__dashboard {
		top: 44%;
		width: min(620px, 52%);
	}

	.mtp-level__character {
		right: 7%;
		width: clamp(240px, 22vw, 320px);
	}

	.mtp-clarity__panel {
		min-height: 700px;
		padding-left: 70px;
		gap: 40px;
	}

	.mtp-clarity__copy {
		flex-basis: 380px;
	}

	.mtp-clarity__visual {
		height: 520px;
		margin-top: 96px;
	}

	.mtp-clarity__dashboard {
		left: 45%;
		width: min(880px, 72vw);
	}

	.mtp-clarity__character {
		right: 1%;
		width: clamp(330px, 31vw, 460px);
	}

	.mtp-clarity__bubble {
		top: auto;
		bottom: 88px;
		left: 7%;
		width: min(420px, 45vw);
	}
}

@media (max-width: 1100px) {
	.mtp-process__grid {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 30px;
	}

	.mtp-process__card,
	.mtp-process__card:nth-child(n + 3),
	.mtp-process__mark {
		flex-basis: auto;
		width: 100%;
	}

	.mtp-process__card {
		min-height: 210px;
	}

	.mtp-process__mark img {
		width: 128px;
		height: 128px;
	}

	.mtp-level__panel {
		min-height: 390px;
		border-radius: 34px;
	}

	.mtp-level__copy {
		padding: 52px 28px 0;
	}

	.mtp-level__badges {
		left: 7%;
		top: 150px;
		width: 150px;
	}

	.mtp-level__dashboard {
		top: 194px;
		left: 48%;
		width: min(470px, 58%);
	}

	.mtp-level__character {
		right: 5%;
		width: 220px;
	}

	.mtp-clarity__panel {
		display: flex;
		flex-direction: column;
		min-height: auto;
		padding: 64px 56px 58px;
	}

	.mtp-clarity__copy {
		width: 100%;
		flex: 0 0 auto;
	}

	.mtp-clarity__tabs {
		flex-direction: row;
		flex-wrap: wrap;
		gap: 18px;
	}

	.mtp-tab {
		min-width: 0;
		min-height: 54px;
		padding: 0 24px;
		font-size: 15px;
	}

	.mtp-clarity__visual {
		width: 100%;
		height: clamp(390px, 45vw, 470px);
		margin-top: 22px;
	}

	.mtp-clarity__dashboard,
	body.mt-product-page-2 .mtp-clarity__dashboard {
		top: 18px;
		left: 50%;
		width: min(820px, 100%);
		transform: translateX(-50%);
	}

	.mtp-clarity__character,
	body.mt-product-page-2 .mtp-clarity__character {
		top: auto;
		right: 3%;
		bottom: 0px;
		width: clamp(230px, 30vw, 310px);
	}

	.mtp-clarity__bubble,
	body.mt-product-page-2 .mtp-clarity__bubble {
		top: auto;
		bottom: -38px;
		left: 42%;
		width: min(330px, 52%);
		min-height: 70px;
		padding: 14px 24px;
	}
}

@media (max-width:768px) {
	.mtp-clarity__bubble {
		top: auto;
		bottom: -38px;
		left: 42%;
		width: min(330px, 52%);
		min-height: 70px;
		padding: 14px 24px;
	}
}

@media (max-width: 767px) {
	.mtp-shell {
		width: calc(100% - 28px);
	}

	.mtp-process__grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.mtp-focus__heading h2 {
		margin: 28px 0 0;
		color: var(--mtp-purple);
		font-size: clamp(33px, 3vw, 62px);
		font-weight: 500;
		line-height: 1.2;
	}

	.mtp-process__card,
	.mtp-process__mark {
		width: 100%;
		max-width: 100%;
		min-width: 0;
		min-height: 170px;
		padding: 28px;
		align-items: flex-start;
		text-align: left;
		overflow: hidden;
	}

	.mtp-process__card p,
	.mtp-process__card h2 {
		width: 100%;
		max-width: 100%;
		white-space: normal !important;
		overflow-wrap: anywhere;
		word-break: normal;
	}

	.mtp-process__mark {
		align-items: center;
		justify-content: center;
	}

	.mtp-progress__grid {
		gap: 16px;
		justify-content: space-between;
	}

	.mtp-progress-card {
		flex: 0 0 calc(50% - 8px);
		width: calc(50% - 8px);
		max-width: calc(50% - 8px);
		min-width: 0;
		margin: 0;
	}

	.mtp-progress-card h3,
	.mtp-progress-card p {
		width: 100%;
		max-width: 100%;
		white-space: normal !important;
		overflow-wrap: anywhere;
		word-break: normal;
	}

	.mtp-progress-card h3 {
		font-size: 18px;
		line-height: 1.3;
	}

	.mtp-progress-card p {
		font-size: 14px;
		line-height: 1.45;
	}

	.mtp-level__panel {
		min-height: 420px;
		border-radius: 28px;
	}

	.mtp-level__copy {
		padding-top: 36px;
	}

	.mtp-level__copy h2,
	.mtp-level__copy p {
		max-width: 86%;
		margin-left: auto;
		margin-right: auto;
		overflow-wrap: anywhere;
	}

	.mtp-level__badges {
		left: 24px;
		top: 132px;
		width: 120px;
	}

	.mtp-level__dashboard,
	body.mt-product-page-2 .mtp-level__dashboard,
	body.mt-product-page-3 .mtp-level__dashboard {
		top: 208px;
		left: 47%;
		width: min(420px, 76%);
		transform: translateX(-50%) translateY(18px) scale(0.92);
	}

	.mtp-level.is-visible .mtp-level__dashboard {
		transform: translateX(-50%) translateY(0) scale(1);
	}

	.mtp-level__character,
	body.mt-product-page-2 .mtp-level__character,
	body.mt-product-page-3 .mtp-level__character {
		right: -4px;
		width: 180px;
	}

	.mtp-clarity__panel {
		padding: 38px 22px 28px;
		border-radius: 34px;
	}

	.mtp-clarity h2 {
		max-width: 560px;
		font-size: clamp(30px, 7vw, 40px);
		margin-bottom: 24px;
	}

	.mtp-clarity__headline-top {
		white-space: normal;
	}

	.mtp-tab {
		flex: 1 1 calc(50% - 8px);
		justify-content: center;
		min-height: 46px;
		padding: 0 10px;
		font-size: 12px;
	}

	.mtp-clarity__visual {
		height: 380px;
		margin-top: 18px;
	}

	.mtp-clarity__dashboard,
	body.mt-product-page-2 .mtp-clarity__dashboard {
		top: 8px;
		left: 50%;
		width: 124%;
		max-width: none;
		border-radius: 14px;
	}

	.mtp-clarity__character,
	body.mt-product-page-2 .mtp-clarity__character {
		right: -20px;
		bottom: -2px;
		width: min(198px, 42vw);
	}

	.mtp-clarity__bubble,
	body.mt-product-page-2 .mtp-clarity__bubble {
		left: 50%;
		bottom: 16px;
		width: min(270px, 78%);
		min-height: 56px;
		padding: 10px 16px;
		border-radius: 12px;
		transform: translateX(-50%) translateY(22px) scale(0.96);
	}

	.mtp-clarity.is-visible .mtp-clarity__bubble,
	body.mt-product-page-2 .mtp-clarity.is-visible .mtp-clarity__bubble {
		transform: translateX(-50%) translateY(0) scale(1);
	}

	.mtp-clarity__bubble p {
		font-size: 12px;
		line-height: 1.18;
	}

	.mtp-speed__layout {
		gap: 28px;
	}

	.mtp-speed-card {
		padding: 28px;
	}

	.mtp-focus__panel {
		padding: 44px 22px 0;
	}
}

@media (max-width: 540px) {
	.mtp-level__panel {
		min-height: 390px;
	}

	.mtp-level__copy h2 {
		font-size: 22px;
		line-height: 1.16;
	}

	.mtp-level__copy p {
		font-size: 14px;
	}

	.mtp-level__badges {
		top: 126px;
		width: 96px;
	}

	.mtp-level__dashboard,
	body.mt-product-page-2 .mtp-level__dashboard,
	body.mt-product-page-3 .mtp-level__dashboard {
		top: 204px;
		width: 86%;
	}

	.mtp-level__character,
	body.mt-product-page-2 .mtp-level__character,
	body.mt-product-page-3 .mtp-level__character {
		width: 146px;
	}

	.mtp-clarity__panel {
		padding: 32px 16px 22px;
	}

	.mtp-clarity h2 {
		font-size: 28px;
		max-width: 330px;
		margin-left: 0;
		margin-right: 0;
	}

	.mtp-tab {
		font-size: 11px;
		gap: 7px;
	}

	.mtp-tab__icon {
		width: 13px;
		height: 13px;
		flex-basis: 13px;
	}

	.mtp-clarity__visual {
		height: 300px;
	}

	.mtp-clarity__dashboard,
	body.mt-product-page-2 .mtp-clarity__dashboard {
		width: 118%;
	}

	.mtp-clarity__character,
	body.mt-product-page-2 .mtp-clarity__character {
		right: -24px;
		width: 150px;
	}

	.mtp-clarity__bubble,
	body.mt-product-page-2 .mtp-clarity__bubble {
		width: 72%;
		padding: 9px 12px;
	}
}

@media (max-width: 425px) {
	.mtp-shell {
		width: calc(100% - 20px);
	}

	.mtp-process__card,
	.mtp-process__mark {
		padding: 24px;
	}

	.mtp-progress-card {
		flex: 0 0 calc(50% - 8px);
		max-width: calc(50% - 8px);
		padding: 18px 14px 24px;
		border-radius: 18px;
	}

	.mtp-progress-card h3 {
		font-size: 17px;
		line-height: 1.28;
	}

	.mtp-progress-card p {
		font-size: 13px;
		line-height: 1.45;
	}

	.mtp-progress-card__image {
		height: 118px;
		margin-bottom: 22px;
	}

	.mtp-progress-card__image img {
		max-height: 112px;
	}

	.mtp-level__panel {
		min-height: 360px;
	}

	.mtp-level__badges {
		left: 16px;
		top: 68px;
		width: 82px;
	}

	.mtp-level__dashboard,
	body.mt-product-page-2 .mtp-level__dashboard,
	body.mt-product-page-3 .mtp-level__dashboard {
		top: 190px;
		width: 92%;
	}

	.mtp-level__character,
	body.mt-product-page-2 .mtp-level__character,
	body.mt-product-page-3 .mtp-level__character {
		width: 126px;
	}

	.mtp-clarity__panel {
		min-height: auto;
		border-radius: 28px;
	}

	.mtp-clarity h2 {
		font-size: 25px;
		max-width: 280px;
	}

	.mtp-clarity__tabs {
		gap: 8px;
	}

	.mtp-tab {
		min-height: 40px;
		font-size: 10px;
	}

	.mtp-clarity__visual {
		height: 260px;
	}

	.mtp-clarity__dashboard,
	body.mt-product-page-2 .mtp-clarity__dashboard {
		width: 126%;
	}

	.mtp-clarity__character,
	body.mt-product-page-2 .mtp-clarity__character {
		width: 160px;
		right: -22px;
	}

	.mtp-clarity__character {
		width: 220px;
		right: -22px;
		top: 114px;
	}

	.mtp-clarity__bubble,
	body.mt-product-page-2 .mtp-clarity__bubble {
		bottom: 12px;
		left: 50%;
		width: 74%;
		min-height: 48px;
	}

	.mtp-clarity__bubble p {
		font-size: 10px;
		line-height: 1.2;
	}

	.mtp-clarity__copy h3 {
		font-size: 10px;
		line-height: 1.2;
	}
}

@media (max-width: 360px) {

	.mtp-level__dashboard,
	body.mt-product-page-2 .mtp-level__dashboard,
	body.mt-product-page-3 .mtp-level__dashboard {
		top: 184px;
	}

	.mtp-level__character,
	body.mt-product-page-2 .mtp-level__character,
	body.mt-product-page-3 .mtp-level__character {
		width: 112px;
	}

	.mtp-clarity__visual {
		height: 235px;
	}

	.mtp-clarity__bubble p {
		font-size: 9px;
	}
}

body.mt-product-page-2 .mtp-clarity,
body.mt-product-page-2 .mtp-clarity__panel {
	min-height: 805px;
	display: flex;
	align-items: flex-start;
	gap: 70px;
	padding: 82px 0 0 119px;
	background:
		radial-gradient(circle at 8% 50%, rgba(113, 57, 209, 0.13), transparent 42%),
		linear-gradient(90deg, #f3edff 0%, #ffffff 52%, #fff8f6 100%);
	box-shadow: 0 20px 68px rgba(93, 59, 137, 0.08);
}

body.mt-product-page-2 .mtp-clarity h2 {
	color: var(--mtp-purple);
}

body.mt-product-page-2 .mtp-tab {
	border-color: rgba(91, 73, 116, 0.22);
	background: rgba(255, 255, 255, 0.42);
	color: #414141;
}

body.mt-product-page-2 .mtp-tab.is-active,
body.mt-product-page-2 .mtp-tab:hover {
	border-color: rgba(113, 57, 209, 0.58);
	background: rgba(255, 255, 255, 0.76);
	color: var(--mtp-purple);
	box-shadow: 0 18px 46px rgba(113, 57, 209, 0.12);
}

body.mt-product-page-2 .mtp-clarity__dashboard {
	top: 56px;
	left: 37%;
	width: min(1040px, 80vw);
	border-radius: 20px;
	filter: drop-shadow(0 32px 56px rgba(55, 35, 102, 0.11));
}

body.mt-product-page-2 .mtp-clarity__character {
	right: -20px;
	bottom: 0px;
	width: 460px;
}

body.mt-product-page-2 .mtp-clarity__bubble {
	top: 414px;
	left: 82px;
	width: 430px;
	min-height: 80px;
	border-color: rgba(255, 255, 255, 0.72);
	background: linear-gradient(135deg, rgba(145, 79, 235, 0.94), rgba(113, 57, 209, 0.86));
	box-shadow: 0 13px 24px rgba(38, 21, 76, 0.28);
}

@media (max-width: 1400px) {
	body.mt-product-page-2 .mtp-clarity__panel {
		min-height: 700px;
		padding-left: 70px;
		gap: 40px;
	}

	body.mt-product-page-2 .mtp-clarity__dashboard {
		left: 45%;
		width: min(880px, 72vw);
	}

	body.mt-product-page-2 .mtp-clarity__character {
		right: 1%;
		width: clamp(330px, 31vw, 460px);
	}

	body.mt-product-page-2 .mtp-clarity__bubble {
		top: auto;
		bottom: 88px;
		left: 7%;
		width: min(420px, 45vw);
	}
}

@media (max-width: 1100px) {
	body.mt-product-page-2 .mtp-clarity__panel {
		flex-direction: column;
		min-height: auto;
		padding: 64px 56px 58px;
	}

	body.mt-product-page-2 .mtp-clarity__dashboard {
		top: 18px;
		left: 43%;
		width: min(720px, 100%);
		transform: translateX(-50%);
	}

	body.mt-product-page-2 .mtp-clarity__character {
		top: auto;
		right: 3%;
		bottom: -57px;
		width: clamp(230px, 30vw, 310px);
	}

	body.mt-product-page-2 .mtp-clarity__bubble {
		top: auto;
		bottom: 0px;
		left: 36%;
		width: min(380px, 52%);
		min-height: 70px;
		padding: 14px 24px;
	}
}

@media (max-width: 767px) {
	body.mt-product-page-2 .mtp-clarity__panel {
		padding: 38px 22px 28px;
		border-radius: 34px;
	}

	body.mt-product-page-2 .mtp-clarity__dashboard {
		top: 0;
		left: 50%;
		width: 100%;
		max-width: none;
		border-radius: 14px;
	}

	body.mt-product-page-2 .mtp-clarity__character {
		right: -18px;
		top: 48%;
		width: clamp(150px, 34vw, 230px);
	}

	body.mt-product-page-2 .mtp-clarity__bubble {
		bottom: 18px;
		left: 60%;
		width: min(320px, 68%);
		min-height: 56px;
		padding: 10px 16px;
		border-radius: 12px;
	}
}

@media (min-width: 541px) and (max-width: 640px) {
	body.mt-product-page-2 .mtp-clarity__character {
		top: 51%;
	}
}

@media (max-width: 540px) {
	body.mt-product-page:not(.mt-product-page-2):not(.mt-product-page-3):not(.mt-product-page-2-custom) .mtp-clarity__panel {
		padding: 28px 18px 16px !important;
		min-height: auto !important;
	}

	body.mt-product-page:not(.mt-product-page-2):not(.mt-product-page-3):not(.mt-product-page-2-custom) .mtp-clarity h2 {
		max-width: 440px !important;
		font-size: 26px !important;
		line-height: 1.12 !important;
		margin-bottom: 16px !important;
	}

	body.mt-product-page:not(.mt-product-page-2):not(.mt-product-page-3):not(.mt-product-page-2-custom) .mtp-clarity__tabs {
		flex-direction: row !important;
		flex-wrap: wrap !important;
		gap: 8px !important;
	}

	body.mt-product-page:not(.mt-product-page-2):not(.mt-product-page-3):not(.mt-product-page-2-custom) .mtp-tab {
		flex: 0 0 calc(50% - 5px) !important;
		min-height: 40px !important;
		padding: 0 10px !important;
		font-size: 10px !important;
		justify-content: center !important;
	}

	body.mt-product-page:not(.mt-product-page-2):not(.mt-product-page-3):not(.mt-product-page-2-custom) .mtp-clarity__visual {
		height: 270px !important;
		margin-top: 10px !important;
	}

	body.mt-product-page:not(.mt-product-page-2):not(.mt-product-page-3):not(.mt-product-page-2-custom) .mtp-clarity__dashboard {
		width: 96% !important;
		top: 0 !important;
		left: 50% !important;
		transform: translateX(-50%) !important;
	}

	body.mt-product-page:not(.mt-product-page-2):not(.mt-product-page-3):not(.mt-product-page-2-custom) .mtp-clarity__character {
		right: -8px !important;
		top: auto !important;
		bottom: 0 !important;
		width: 200px !important;
	}

	body.mt-product-page:not(.mt-product-page-2):not(.mt-product-page-3):not(.mt-product-page-2-custom) .mtp-clarity__bubble {
		top: auto !important;
		bottom: 8px !important;
		left: 58% !important;
		width: 205px !important;
		min-height: 42px !important;
		padding: 7px 10px !important;
	}

	body.mt-product-page-2 .mtp-clarity__panel {
		padding: 32px 16px 22px;
	}

	body.mt-product-page-2 .mtp-clarity__dashboard {
		width: 100%;
	}

	body.mt-product-page-2 .mtp-clarity__character {
		right: -24px;
		width: 150px;
		top: 58%;
	}

	body.mt-product-page-2 .mtp-clarity__bubble {
		width: 72%;
		padding: 9px 12px;
		left: 54%;
	}

	body.mt-product-page-2 .mtp-clarity__panel {
		padding: 28px 18px 16px !important;
		min-height: auto !important;
	}

	body.mt-product-page-2 .mtp-clarity h2 {
		max-width: 440px !important;
		font-size: 26px !important;
		line-height: 1.12 !important;
		margin-bottom: 16px !important;
	}

	body.mt-product-page-2 .mtp-clarity__tabs {
		flex-direction: row !important;
		flex-wrap: wrap !important;
		gap: 8px !important;
	}

	body.mt-product-page-2 .mtp-tab {
		flex: 0 0 calc(50% - 5px) !important;
		min-height: 40px !important;
		padding: 0 10px !important;
		font-size: 10px !important;
		justify-content: center !important;
	}

	body.mt-product-page-2 .mtp-clarity__visual {
		height: 270px !important;
		margin-top: 10px !important;
	}

	body.mt-product-page-2 .mtp-clarity__dashboard {
		width: 96% !important;
		top: 0 !important;
		left: 50% !important;
		transform: translateX(-50%) !important;
	}

	body.mt-product-page-2 .mtp-clarity__character {
		right: -8px !important;
		top: auto !important;
		bottom: 0 !important;
		width: 132px !important;
	}

	body.mt-product-page-2 .mtp-clarity__bubble {
		top: auto !important;
		bottom: 8px !important;
		left: 58% !important;
		width: 205px !important;
		min-height: 42px !important;
		padding: 7px 10px !important;
	}

	body.mt-product-page-3 .mtp-level__badges {
		left: 24px;
		top: 100px !important;
		width: 132px;
	}

	body.mt-product-page:not(.mt-product-page-2-custom) .mtp-level__character {
		right: -16px;
		width: min(280px, 75%) !important;
	}

	body.mt-product-page-2-custom .mtp-clarity__character {
		right: -20px;
		bottom: 0;
		top: auto;
		width: min(200px, 50vw);
	}

}

@media (max-width: 425px) {
	body.mt-product-page-2 .mtp-clarity__panel {
		min-height: auto;
		border-radius: 28px;
	}

	body.mt-product-page-2 .mtp-clarity__dashboard {
		width: 126%;
	}

	body.mt-product-page-2 .mtp-clarity__character {
		width: 128px;
		right: -22px;
	}

	body.mt-product-page-2 .mtp-clarity__bubble {
		bottom: 12px;
		left: 3%;
		width: 74%;
		min-height: 48px;
	}

}

@media (max-width:1024px) {
	body.mt-product-page-2-custom .mtp-clarity__character {
		right: -8px;
		bottom: 0;
		top: auto;
		width: min(280px, 28vw);
	}

}

@media (min-width: 768px) {

	body.mt-product-page-2 .mtp-nav,
	body.mt-product-page-3 .mtp-nav {
		background: #07002f;
		border-bottom: 1px solid rgba(255, 255, 255, 0.12);
	}

	.mtp-focus__heading h2 {
		margin: 28px 0 0;
		color: var(--mtp-purple);
		font-size: clamp(33px, 3vw, 62px);
		font-weight: 500;
		line-height: 1.2;
	}

	body.mt-product-page-2 .mtp-nav__inner,
	body.mt-product-page-3 .mtp-nav__inner {
		min-height: 90px;
	}

	body.mt-product-page-2 .mtp-brand img,
	body.mt-product-page-3 .mtp-brand img {
		filter: none;
	}

	body.mt-product-page-2 .mtp-nav__cta,
	body.mt-product-page-3 .mtp-nav__cta {
		background: linear-gradient(135deg, #793bdc, #a64ef5);
		box-shadow: 0 18px 38px rgba(113, 57, 209, 0.36);
	}

	body.mt-product-page-2 .mtp-dropdown,
	body.mt-product-page-3 .mtp-dropdown {
		background: #08003a;
		border-color: rgba(164, 99, 255, 0.55);
		box-shadow: 0 20px 50px rgba(0, 0, 0, 0.25);
	}

	body.mt-product-page-2 .mtp-nav__menu,
	body.mt-product-page-3 .mtp-nav__menu {
		position: static;
		left: auto;
		top: auto;
		bottom: auto;
		width: auto;
		max-width: none;
		padding: 0;
		background: transparent;
		box-shadow: none;
		overflow: visible;
	}

	body.mt-product-page-2 .mtp-drawer-header,
	body.mt-product-page-2 .mtp-drawer-actions,
	body.mt-product-page-2 .mtp-brand--drawer,
	body.mt-product-page-2 .mtp-drawer-close,
	body.mt-product-page-3 .mtp-drawer-header,
	body.mt-product-page-3 .mtp-drawer-actions,
	body.mt-product-page-3 .mtp-brand--drawer,
	body.mt-product-page-3 .mtp-drawer-close {
		display: none;
	}

	body.mt-product-page-2 .mtp-nav__item--dropdown:first-child .mtp-dropdown,
	body.mt-product-page-3 .mtp-nav__item--dropdown:first-child .mtp-dropdown {
		opacity: 0;
		pointer-events: none;
		transform: translate(-50%, -8px);
	}

	body.mt-product-page-2 .mtp-nav__item--dropdown:first-child:hover .mtp-dropdown,
	body.mt-product-page-2 .mtp-nav__item--dropdown:first-child.is-open .mtp-dropdown,
	body.mt-product-page-3 .mtp-nav__item--dropdown:first-child:hover .mtp-dropdown,
	body.mt-product-page-3 .mtp-nav__item--dropdown:first-child.is-open .mtp-dropdown {
		opacity: 1;
		pointer-events: auto;
		transform: translate(-50%, 0);
	}
}

/* Final stability fixes for nav, sidebar, icons, and theme collisions. */
.mtp-nav__menu {
	min-width: 0;
}

.mtp-dropdown__link::before {
	flex: 0 0 15px;
}

.mtp-focus-card.is-active,
.mtp-focus-card:hover,
.mtp-focus-card:focus {
	background: linear-gradient(180deg, rgba(10, 10, 25, 0.26) 0%, rgba(117, 120, 254, 0.26) 100%);
	border-radius: 24px;
	mix-blend-mode: lighten;
}

@media (max-width: 767px) {
	body.mt-product-page {
		padding-top: 74px;
	}

	.mtp-nav {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 1000;
	}

	.mtp-nav__inner {
		min-height: 74px;
		padding-right: 56px;
	}

	.mtp-menu-toggle {
		appearance: none;
		-webkit-appearance: none;
		position: absolute;
		top: 50%;
		right: 0;
		z-index: 120;
		width: 44px;
		height: 22px;
		padding: 0;
		border: 0;
		border-radius: 0;
		align-items: stretch;
		justify-content: space-between;
		gap: 6px;
		transform: translateY(-50%);
		margin-left: 0;
		background: transparent;
		backdrop-filter: none;
		box-shadow: none;
	}

	.mtp-menu-toggle span {
		width: 100%;
		height: 2px;
	}

	.mtp-menu-toggle.is-open span:nth-child(1) {
		transform: translateY(10px) rotate(-45deg);
	}

	.mtp-menu-toggle.is-open span:nth-child(3) {
		transform: translateY(-10px) rotate(45deg);
	}

	.mtp-nav.is-open .mtp-menu-toggle {
		opacity: 0;
		pointer-events: none;
	}

	.mtp-nav__menu {
		position: fixed;
		top: 0;
		right: -320px;
		left: auto;
		z-index: 100;
		width: 300px;
		max-width: calc(100vw - 72px);
		height: 100vh;
		max-height: 100vh;
		padding: 0 0 34px;
		background: #000022;
		box-shadow: -5px 0 25px rgba(0, 0, 0, 0.5);
		flex-direction: column;
		align-items: stretch;
		gap: 20px;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		transform: none;
		visibility: hidden;
		transition: right 320ms ease, visibility 0s linear 320ms;
		overscroll-behavior: contain;
	}

	.mtp-nav__menu.is-open {
		right: 0;
		visibility: visible;
		transition: right 320ms ease;
	}

	.mtp-dropdown__link::before {
		width: 12px;
		height: 12px;
		margin-right: 10px;
	}

	.mtp-nav__menu>.mtp-nav__item,
	.mtp-nav__menu>.mtp-nav__link,
	.mtp-nav__menu>a.mtp-nav__link {
		margin: 0 24px;
	}

	.mtp-nav__item {
		overflow: visible;
	}

	.mtp-dropdown {
		position: static;
		width: 100%;
		margin: 0;
		padding: 0 0 0 16px;
		border: 0;
		border-radius: 0;
		background: transparent;
		box-shadow: none;
		opacity: 1;
		pointer-events: auto;
		transform: none;
		display: none;
	}

	.mtp-nav__item.is-open .mtp-dropdown {
		display: flex;
		flex-direction: column;
		gap: 14px;
		padding-top: 8px;
		padding-bottom: 10px;
	}

	.mtp-dropdown__label {
		margin: 0 0 2px;
		padding-left: 18px;
		color: rgba(255, 255, 255, 0.42);
		font-size: 11px;
		font-weight: 700;
		letter-spacing: 0.18em;
	}

	.mtp-dropdown__link {
		min-height: 32px;
		padding-left: 18px;
		font-size: 18px;
		font-weight: 500;
	}

	.mtp-drawer-header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 20px 16px;
		background: #050033;
	}

	.mtp-brand--drawer img {
		width: 190px;
	}

	.mtp-drawer-actions {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		gap: 18px;
		padding: 4px 24px 0;
		margin-top: 8px;
	}

	.mtp-nav__link {
		width: 100%;
		min-height: 34px;
		justify-content: space-between;
		font-size: 20px;
		font-weight: 500;
	}

	.mtp-nav__cta {
		width: 100%;
		min-height: 50px;
	}

	.mtp-nav__support {
		display: block;
		width: 100%;
		color: #ffffff;
		font-size: 20px;
		font-weight: 500;
		text-decoration: none;
	}

	.mtp-nav__support--drawer {
		display: inline-flex;
		align-items: center;
		justify-content: flex-start;
	}
}

body.mt-product-page-2 .mtp-clarity {
	background: #1b1c48;
}

body.mt-product-page-3 .mtp-clarity {
	background: #040512;
}

body.mt-product-page-2 .mtp-clarity__panel {
	background: linear-gradient(180deg, rgba(23, 9, 46, 0) 0%, #17092e 100%);
	box-shadow: 0 32px 82px rgba(3, 2, 28, 0.2);
}

body.mt-product-page-3 .mtp-clarity__panel {
	background: linear-gradient(180deg, rgba(23, 9, 46, 0) 0%, #17092E 100%);
}

body.mt-product-page-2 .mtp-tab,
body.mt-product-page-3 .mtp-tab {
	border-color: rgba(255, 255, 255, 0.72);
	background: transparent;
	color: #ffffff;
}

body.mt-product-page-2 .mtp-tab.is-active,
body.mt-product-page-2 .mtp-tab:hover,
body.mt-product-page-3 .mtp-tab.is-active,
body.mt-product-page-3 .mtp-tab:hover {
	background: #ffffff;
	color: #7b3fe4;
	box-shadow: none;
}

/* Clean mobile navbar/sidebar replacement based on the Realm pattern. */
@media (max-width: 767px) {
	body.mt-product-page {
		padding-top: 74px !important;
	}

	.mtp-nav {
		position: fixed !important;
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		z-index: 1000 !important;
		background: #050033 !important;
	}

	.mtp-nav__inner {
		position: relative !important;
		min-height: 74px !important;
		gap: 0 !important;
		padding-right: 56px !important;
	}

	.mtp-nav__actions {
		display: none !important;
	}

	.mtp-menu-toggle {
		display: flex !important;
		position: absolute !important;
		top: 50% !important;
		right: 0 !important;
		z-index: 120 !important;
		width: 32px !important;
		height: 22px !important;
		padding: 0 !important;
		margin: 0 !important;
		border: 0 !important;
		border-radius: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
		flex-direction: column !important;
		align-items: stretch !important;
		justify-content: space-between !important;
		gap: 0 !important;
		transform: translateY(-50%) !important;
		appearance: none;
		-webkit-appearance: none;
	}

	.mtp-menu-toggle::before,
	.mtp-menu-toggle::after {
		display: none !important;
	}

	.mtp-menu-toggle span {
		display: block !important;
		width: 100% !important;
		height: 2px !important;
		margin: 0 !important;
		border-radius: 4px !important;
		background: #ffffff !important;
		transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important;
	}

	.mtp-menu-toggle span:nth-child(2) {
		width: 70% !important;
		margin-left: auto !important;
		margin-right: 0 !important;
	}

	.mtp-menu-toggle.is-open span:nth-child(1) {
		transform: translateY(10px) rotate(-45deg) !important;
	}

	.mtp-menu-toggle.is-open span:nth-child(2) {
		opacity: 0 !important;
		transform: translateX(-20px) !important;
	}

	.mtp-menu-toggle.is-open span:nth-child(3) {
		transform: translateY(-10px) rotate(45deg) !important;
	}

	.mtp-nav.is-open .mtp-menu-toggle {
		opacity: 1 !important;
		pointer-events: auto !important;
	}

	.mtp-nav.is-open::before {
		content: "" !important;
		position: fixed !important;
		top: 74px !important;
		left: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		z-index: 90 !important;
		background: rgba(0, 0, 0, 0.6) !important;
	}

	.mtp-nav__menu {
		position: fixed !important;
		top: 74px !important;
		right: -320px !important;
		left: auto !important;
		bottom: auto !important;
		z-index: 100 !important;
		width: 300px !important;
		max-width: calc(100vw - 72px) !important;
		height: calc(100vh - 74px) !important;
		max-height: calc(100vh - 74px) !important;
		padding: 28px 0 34px !important;
		background: #000022 !important;
		box-shadow: -5px 0 25px rgba(0, 0, 0, 0.5) !important;
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 20px !important;
		overflow-y: auto !important;
		overflow-x: hidden !important;
		visibility: hidden !important;
		transform: none !important;
		transition: right 0.4s ease, visibility 0s linear 0.4s !important;
		-webkit-overflow-scrolling: touch;
		overscroll-behavior: contain;
	}

	.mtp-nav__menu.is-open {
		right: 0 !important;
		visibility: visible !important;
		transition: right 0.4s ease !important;
	}

	.mtp-drawer-header {
		display: none !important;
	}

	.mtp-drawer-close {
		display: none !important;
	}

	.mtp-nav.is-open .mtp-brand--drawer {
		display: none !important;
	}

	.mtp-nav.is-open .mtp-drawer-close {
		display: none !important;
		position: fixed !important;
		top: 21px !important;
		right: 20px !important;
		z-index: 121 !important;
		width: 32px !important;
		height: 32px !important;
		padding: 0 !important;
		border: 0 !important;
		background: transparent !important;
	}

	.mtp-nav.is-open .mtp-drawer-close span {
		position: absolute !important;
		left: 50% !important;
		top: 50% !important;
		width: 30px !important;
		height: 2px !important;
		border-radius: 999px !important;
		background: #ffffff !important;
	}

	.mtp-nav.is-open .mtp-drawer-close span:first-child {
		transform: translate(-50%, -50%) rotate(45deg) !important;
	}

	.mtp-nav.is-open .mtp-drawer-close span:last-child {
		transform: translate(-50%, -50%) rotate(-45deg) !important;
	}

	.mtp-drawer-actions {
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 18px !important;
		padding: 4px 24px 0 !important;
		margin-top: 12px !important;
	}

	.mtp-nav__menu>.mtp-nav__item,
	.mtp-nav__menu>.mtp-nav__link,
	.mtp-nav__menu>a.mtp-nav__link {
		margin: 0 24px !important;
	}

	.mtp-nav__item {
		position: relative !important;
		overflow: visible !important;
	}

	.mtp-nav__link {
		width: 100% !important;
		min-height: 34px !important;
		padding: 10px 0 !important;
		justify-content: space-between !important;
		font-size: 20px !important;
		font-weight: 500 !important;
	}

	.mtp-dropdown {
		position: static !important;
		width: 100% !important;
		min-width: 0 !important;
		margin: 0 !important;
		padding: 0 0 0 16px !important;
		border: 0 !important;
		border-radius: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
		opacity: 1 !important;
		pointer-events: auto !important;
		transform: none !important;
		display: none !important;
	}

	.mtp-nav__item.is-open .mtp-dropdown {
		display: flex !important;
		flex-direction: column !important;
		gap: 14px !important;
		padding-top: 8px !important;
		padding-bottom: 10px !important;
	}

	.mtp-dropdown__label {
		margin: 0 0 2px !important;
		padding-left: 18px !important;
		color: rgba(255, 255, 255, 0.42) !important;
		font-size: 11px !important;
		font-weight: 700 !important;
		letter-spacing: 0.18em !important;
	}

	.mtp-dropdown__link {
		min-height: 32px !important;
		padding-left: 18px !important;
		font-size: 18px !important;
		font-weight: 500 !important;
	}

	.mtp-dropdown__link::before {
		width: 12px !important;
		height: 12px !important;
		margin-right: 10px !important;
		flex: 0 0 12px !important;
	}

	.mtp-nav__cta {
		width: 100% !important;
		min-height: 50px !important;
	}

	.mtp-nav__support {
		display: block !important;
		width: 100% !important;
		color: #ffffff !important;
		font-size: 20px !important;
		font-weight: 500 !important;
		text-decoration: none !important;
	}

	.mtp-nav__support--drawer {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: flex-start !important;
	}
}

/* Product page 2 custom theme: keep main layout, switch to dark color system. */
body.mt-product-page-2-custom {
	background: #1b1c48;
	color: #ffffff;
}

body.mt-product-page-2-custom .mtp-page,
body.mt-product-page-2-custom .mtp-process,
body.mt-product-page-2-custom .mtp-progress,
body.mt-product-page-2-custom .mtp-level,
body.mt-product-page-2-custom .mtp-clarity,
body.mt-product-page-2-custom .mtp-speed,
body.mt-product-page-2-custom .mtp-focus,
body.mt-product-page-2-custom .mtp-system {
	background: #1b1c48;
	color: #ffffff;
}

body.mt-product-page-2-custom .mtp-nav {
	background: #050033;
	border-bottom-color: rgba(255, 255, 255, 0.10);
}

body.mt-product-page-2-custom .mtp-hero h1,
body.mt-product-page-2-custom .mtp-hero p,
body.mt-product-page-2-custom .mtp-hero small,
body.mt-product-page-2-custom .mtp-speed__copy h2,
body.mt-product-page-2-custom .mtp-speed-card h3,
body.mt-product-page-2-custom .mtp-speed-card p,
body.mt-product-page-2-custom .mtp-system__column h3,
body.mt-product-page-2-custom .mtp-list li {
	color: #ffffff;
	padding-left: 42px;
	line-height: 1.35;
}

body.mt-product-page-2-custom .mtp-hero small {
	padding-left: 0;
}

body.mt-product-page-2-custom .mtp-hero h1 strong,
body.mt-product-page-2-custom .mtp-section-heading h2,
body.mt-product-page-2-custom .mtp-speed__copy h2 strong,
body.mt-product-page-2-custom .mtp-focus__heading h2,
body.mt-product-page-2-custom .mtp-clarity h2,
body.mt-product-page-2-custom .mtp-process__card h2 {
	color: #7b3fe4;
}

body.mt-product-page-2-custom .mtp-section-heading span,
body.mt-product-page-2-custom .mtp-speed__copy>span,
body.mt-product-page-2-custom .mtp-focus__heading>span {
	color: #ffffff;
}

body.mt-product-page-2-custom .mtp-speed-card h3 {
	margin: 0 0 2px;
	font-size: 26px;
	font-weight: 600;
	line-height: 40px;
	letter-spacing: 0;
}

body.mt-product-page-2-custom .mtp-speed-card p {
	max-width: 538px;
	font-size: 26px;
	font-weight: 400;
	line-height: 40px;
	letter-spacing: 0;
}

body.mt-product-page-2-custom .mtp-arrow-btn {
	color: #ffffff;
}

body.mt-product-page-2-custom .mtp-arrow-btn--solid,
body.mt-product-page-2-custom .mtp-nav__cta {
	background: linear-gradient(135deg, #7139d1, #9a4ef0);
	color: #ffffff;
}

body.mt-product-page-2-custom .mtp-process__card,
body.mt-product-page-2-custom .mtp-process__mark,
body.mt-product-page-2-custom .mtp-progress-card,
body.mt-product-page-2-custom .mtp-speed-card {
	border-color: rgba(255, 255, 255, 0.08);
	background: linear-gradient(135deg, rgba(33, 26, 84, 0.9), rgba(24, 20, 68, 0.96));
	box-shadow: 0 28px 70px rgba(4, 3, 30, 0.18);
}

@media (min-width: 768px) {

	body.mt-product-page-2-custom .mtp-speed-card--top,
	body.mt-product-page-2-custom .mtp-speed-card--bottom {
		background: linear-gradient(180deg, rgba(102, 105, 254, 0) 0%, rgba(102, 105, 254, 0) 100%);
	}

	body.mt-product-page-2-custom .mtp-speed-card--middle,
	body.mt-product-page-2-custom .mtp-speed-card--middle:hover {
		background: linear-gradient(180deg, rgba(102, 105, 254, 0) 0%, rgba(102, 105, 254, 0.16) 100%);
	}
}

body.mt-product-page-2-custom .mtp-process__card p,
body.mt-product-page-2-custom .mtp-progress-card p,
body.mt-product-page-2-custom .mtp-progress-card h3 {
	color: #ffffff;
}

body.mt-product-page-2-custom .mtp-process {
	background: #1b1c48;
}

body.mt-product-page-2-custom .mtp-process__card,
body.mt-product-page-2-custom .mtp-process__mark {
	border: 0;
	border-radius: 22px;
	background: rgba(52, 41, 110, 0.78);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

body.mt-product-page-2-custom .mtp-process__card h2 {
	color: #7b3fe4;
}

body.mt-product-page-2-custom .mtp-process__card p {
	color: #ffffff;
}

body.mt-product-page-2-custom .mtp-process__card,
body.mt-product-page-2-custom .mtp-process__mark {
	border: 2.89px solid transparent;
	border-radius: 24.39px;
	background-clip: padding-box;
	box-shadow: none;
}

body.mt-product-page-2-custom .mtp-process__card:nth-child(1),
body.mt-product-page-2-custom .mtp-process__card:nth-child(3) {
	background: linear-gradient(180deg, rgba(187, 147, 255, 0.15) 0%, rgba(113, 57, 209, 0.15) 100%);
}

body.mt-product-page-2-custom .mtp-process__card:nth-child(1)::before,
body.mt-product-page-2-custom .mtp-process__card:nth-child(3)::before {
	background: linear-gradient(180deg, #320088 0%, rgba(68, 30, 133, 0.14) 100%);
}

body.mt-product-page-2-custom .mtp-process__card:nth-child(2),
body.mt-product-page-2-custom .mtp-process__card:nth-child(5) {
	background: linear-gradient(180deg, rgba(113, 57, 209, 0.15) 0%, rgba(187, 147, 255, 0.15) 100%);
}

body.mt-product-page-2-custom .mtp-process__mark {
	background: linear-gradient(180deg, rgba(187, 147, 255, 0.15) 0%, rgba(187, 147, 255, 0.15) 100%);
}

body.mt-product-page-2-custom .mtp-process__mark::before {
	background: linear-gradient(180deg, #320088, rgba(68, 30, 133, 0.14));
}

body.mt-product-page-2-custom .mtp-process__mark img {
	width: 180px;
	height: 180px;
}

body.mt-product-page-2-custom .mtp-progress {
	background: #1b1c48;
}

body.mt-product-page-2-custom .mtp-progress-card {
	background: #ffffff;
	box-shadow: 0 34px 90px rgba(76, 50, 132, 0.12);
}

body.mt-product-page-2-custom .mtp-progress-card--sun {
	background: linear-gradient(180deg, #fff0c8 0%, #ffffff 62%);
}

body.mt-product-page-2-custom .mtp-progress-card--sky {
	background: linear-gradient(180deg, #bad2ff 0%, #ffffff 62%);
}

body.mt-product-page-2-custom .mtp-progress-card--peach {
	background: linear-gradient(180deg, #ffd0bd 0%, #ffffff 62%);
}

body.mt-product-page-2-custom .mtp-progress-card--violet {
	background: linear-gradient(180deg, #b69cff 0%, #ffffff 62%);
}

body.mt-product-page-2-custom .mtp-progress-card h3 {
	color: #08030d;
}

body.mt-product-page-2-custom .mtp-progress-card p {
	color: #6b6670;
}

body.mt-product-page-2-custom .mtp-level__panel {
	background: #1b103f;
}

body.mt-product-page-2-custom .mtp-level__bg {
	object-position: center;
}

body.mt-product-page-2-custom .mtp-level__badges {
	left: 78px;
	top: 132px;
	width: 168px;
}

body.mt-product-page-2-custom .mtp-level__copy {
	z-index: 5;
}

body.mt-product-page-2-custom .mtp-level__dashboard {
	top: 188px;
	left: 47.5%;
	width: min(710px, 54%);
	border-radius: 18px;
	filter: drop-shadow(0 22px 40px rgba(7, 4, 30, 0.34));
	transform: translateX(-50%) translateY(18px) scale(0.92);
}

body.mt-product-page-2-custom .mtp-level__character {
	right: 26px;
	bottom: -10px;
	width: min(500px, 36%);
	max-width: none;
	transform: translateY(28px) translateX(24px) scale(0.94);
}

body.mt-product-page-2-custom .mtp-clarity__panel {
	min-height: 795px;
	padding-top: 88px;
	background: linear-gradient(180deg, rgba(23, 9, 46, 0) 0%, #17092E 100%);
}

body.mt-product-page-2-custom .mtp-clarity__visual {
	height: 610px;
	margin-top: 118px;
}

body.mt-product-page-2-custom .mtp-clarity__dashboard {
	top: 56px;
	left: 37%;
	width: min(1040px, 80vw);
	border-radius: 12px;
	filter: none;
}

body.mt-product-page-2-custom .mtp-clarity__character {
	right: -20px;
	bottom: 0;
	width: 330px;
}

body.mt-product-page-2-custom .mtp-clarity__bubble {
	top: 414px;
	left: 82px;
	bottom: auto;
	width: 430px;
	min-height: 80px;
	padding: 16px 32px;
	border-radius: 18px;
}

body.mt-product-page-2-custom .mtp-tab {
	border-color: rgba(255, 255, 255, 0.72);
	background: transparent;
	color: #ffffff;
}

body.mt-product-page-2-custom .mtp-tab.is-active,
body.mt-product-page-2-custom .mtp-tab:hover {
	background: #ffffff;
	color: #7b3fe4;
	box-shadow: none;
}

body.mt-product-page-2-custom .mtp-focus__panel {
	background: #17092E;
}

body.mt-product-page-2-custom .mtp-focus-card {
	border-color: rgba(255, 255, 255, 0.10);
	color: rgba(255, 255, 255, 0.42);
}

body.mt-product-page-2-custom .mtp-focus-card.is-active,
body.mt-product-page-2-custom .mtp-focus-card:hover,
body.mt-product-page-2-custom .mtp-focus-card:focus {
	color: #ffffff;
	background: linear-gradient(180deg, rgba(10, 10, 25, 0.26) 0%, rgba(117, 120, 254, 0.26) 100%);
	mix-blend-mode: lighten;
	border-radius: 24px;
	border-top: 0;
}

body.mt-product-subpage .mtp-focus-card.is-active,
body.mt-product-subpage .mtp-focus-card:hover,
body.mt-product-subpage .mtp-focus-card:focus {
	border-radius: 24px;
}

body.mt-product-page-2-custom .mtp-system__panel {
	border-top-color: rgba(255, 255, 255, 0.20);
}

body.mt-product-page-2-custom .mtp-system__panel::before {
	background: rgba(255, 255, 255, 0.18);
}

body.mt-product-page-2-custom .mtp-list--bad li::before {
	color: #ff6b6b;
}

body.mt-product-page-2-custom .mtp-list--good li::before {
	left: 0;
	top: 50%;
	width: 22px;
	height: 22px;
	transform: translateY(-50%);
	border-radius: 0;
	background: center / contain no-repeat url("../images/productivity/process-center-icon-page2.png");
}

@media (max-width: 1500px) {
	body.mt-product-page-2-custom .mtp-level__badges {
		left: 64px;
		width: 150px;
	}

	body.mt-product-page-2-custom .mtp-level__dashboard {
		top: 168px;
		width: min(610px, 54%);
	}

	body.mt-product-page-2-custom .mtp-level__character {
		right: 18px;
		bottom: -6px;
		width: min(390px, 32%);
	}

	body.mt-product-page-2-custom .mtp-clarity__dashboard {
		width: min(720px, 66vw);
	}
}

@media (max-width: 1100px) {
	body.mt-product-page-2-custom .mtp-level__badges {
		left: 36px;
		top: 146px;
		width: 126px;
	}

	body.mt-product-page-2-custom .mtp-level__dashboard {
		top: 192px;
		left: 46%;
		width: min(520px, 62%);
	}

	body.mt-product-page-2-custom .mtp-level__character {
		right: 4px;
		bottom: -6px;
		width: min(300px, 33%);
	}

	body.mt-product-page-2-custom .mtp-clarity__dashboard {
		top: 22px;
		width: 82%;
		left: 46%;
	}

	body.mt-product-page-2-custom .mtp-clarity__bubble {
		top: 248px;
		left: 6%;
	}
}

@media (max-width: 767px) {
	body.mt-product-page-2-custom .mtp-level__badges {
		left: 24px;
		top: 136px;
		width: 108px;
	}

	body.mt-product-page-2-custom .mtp-level__dashboard {
		top: 208px;
		left: 47%;
		width: min(420px, 76%);
	}

	body.mt-product-page-2-custom .mtp-level__character {
		right: -10px;
		bottom: -4px;
		width: min(190px, 42%);
	}

	body.mt-product-page-2-custom .mtp-clarity__dashboard {
		width: 100%;
		left: 0;
	}

	body.mt-product-page-2-custom .mtp-clarity__character {
		right: -30px;
		width: 240px;
	}

	body.mt-product-page-2-custom .mtp-clarity__bubble {
		left: 6%;
		width: 68%;
	}

	body.mt-product-page-2-custom .mtp-hero h1,
	body.mt-product-page-2-custom .mtp-hero p,
	body.mt-product-page-2-custom .mtp-hero small,
	body.mt-product-page-2-custom .mtp-speed__copy h2,
	body.mt-product-page-2-custom .mtp-speed-card h3,
	body.mt-product-page-2-custom .mtp-speed-card p,
	body.mt-product-page-2-custom .mtp-system__column h3 {
		padding-left: 0;
	}
}

@media (max-width: 425px) {
	body.mt-product-page-2-custom .mtp-level__badges {
		top: 72px;
		width: 88px;
		left: 9px;
	}

	body.mt-product-page-2-custom .mtp-level__dashboard {
		top: 190px;
		width: 92%;
	}

	body.mt-product-page-2-custom .mtp-level__character {
		width: 132px;
	}

	body.mt-product-page-2-custom .mtp-clarity__character {
		width: 178px;
	}

	body.mt-product-page-2-custom .mtp-clarity__bubble {
		width: 74%;
	}
}

/* Final shared level-character treatment across product pages. */
.mtp-level__character,
body.mt-product-page-2 .mtp-level__character,
body.mt-product-page-3 .mtp-level__character {
	right: 118px;
	width: 360px;
}

body.mt-product-page:not(.mt-product-page-2-custom) .mtp-level__character {
	right: 6px;
	width: min(478px, 39%);
}

body.mt-product-page-2-custom .mtp-level__character {
	right: 6px;
	width: min(540px, 39%);
}

@media (max-width: 1500px) {

	.mtp-level__character,
	body.mt-product-page-2 .mtp-level__character,
	body.mt-product-page-3 .mtp-level__character {
		right: 56px;
		width: 292px;
	}

	body.mt-product-page:not(.mt-product-page-2-custom) .mtp-level__character {
		right: 94px;
		width: min(420px, 27%);
	}

	body.mt-product-page-2-custom .mtp-level__character {
		right: 94px;
		width: min(420px, 34%);
	}

	body.mt-product-page:not(.mt-product-page-2):not(.mt-product-page-3):not(.mt-product-page-2-custom) .mtp-clarity__panel {
		min-height: 620px;
		padding-top: 56px;
	}

	body.mt-product-page:not(.mt-product-page-2):not(.mt-product-page-3):not(.mt-product-page-2-custom) .mtp-clarity__visual {
		height: 420px;
		margin-top: 64px;
	}

	body.mt-product-page:not(.mt-product-page-2):not(.mt-product-page-3):not(.mt-product-page-2-custom) .mtp-clarity__dashboard {
		top: 24px;
	}

	body.mt-product-page:not(.mt-product-page-2):not(.mt-product-page-3):not(.mt-product-page-2-custom) .mtp-clarity__character {
		bottom: -77px;
		width: 510px;
	}
}

@media (max-width: 1100px) {

	.mtp-level__character,
	body.mt-product-page-2 .mtp-level__character,
	body.mt-product-page-3 .mtp-level__character {
		right: 14px;
		width: 258px;
	}

	body.mt-product-page:not(.mt-product-page-2-custom) .mtp-level__character {
		right: -4px;
		width: min(323px, 65%);
	}

	body.mt-product-page-2-custom .mtp-level__character {
		right: -4px;
		width: min(320px, 35%);
	}
}

@media (max-width: 767px) {

	.mtp-level__character,
	body.mt-product-page-2 .mtp-level__character,
	body.mt-product-page-3 .mtp-level__character {
		right: -16px;
		width: 196px;
	}

	body.mt-product-page:not(.mt-product-page-2-custom) .mtp-level__character {
		right: -16px;
		width: min(210px, 45%);
	}

	body.mt-product-page-2-custom .mtp-level__character {
		right: -16px;
		width: min(210px, 45%);
	}
}

@media (max-width: 425px) {

	.mtp-level__character,
	body.mt-product-page-2 .mtp-level__character,
	body.mt-product-page-3 .mtp-level__character {
		right: -18px;
		width: 142px;
	}

	body.mt-product-page:not(.mt-product-page-2-custom) .mtp-level__character {
		right: -18px;
		width: 30% !important;
	}

	body.mt-product-page-2-custom .mtp-level__character {
		right: -18px;
		width: 142px;
	}
}

/* Product page 3 level-up card tuning. */
body.mt-product-page-3 .mtp-level__panel {
	min-height: 520px;
	background: #220746;
	box-shadow: var(--mtp-shadow);
}

body.mt-product-page-3 .mtp-level__badges {
	left: 108px;
	top: 124px;
	width: 260px;
}

body.mt-product-page-3 .mtp-level__dashboard {
	top: 198px;
	left: 50%;
	width: min(700px, 48%);
	border-radius: 0;
	filter: none;
	transform: translateX(-44%) translateY(18px) scale(0.92);
}

body.mt-product-page-3 .mtp-level__character {
	right: 146px;
	bottom: 0;
	width: 330px;
	transform: translateY(28px) translateX(24px) scale(0.94);
}

@media (max-width: 1500px) {
	body.mt-product-page-3 .mtp-level__badges {
		left: 70px;
		top: 112px;
		width: 200px;
	}

	body.mt-product-page-3 .mtp-level__dashboard {
		top: 166px;
		left: 50%;
		width: 560px;
	}

	body.mt-product-page-3 .mtp-level__character {
		right: 92px;
		bottom: 0;
		width: 270px;
	}
}

@media (max-width: 1100px) {
	body.mt-product-page-3 .mtp-level__badges {
		left: 70px;
		top: 112px;
		width: 168px;
	}

	body.mt-product-page-3 .mtp-level__dashboard {
		top: 166px;
		left: 50%;
		width: 500px;
	}

	body.mt-product-page-3 .mtp-level__character {
		right: 42px;
		bottom: 0;
		width: 245px;
	}
}

@media (max-width: 767px) {
	body.mt-product-page-3 .mtp-level__badges {
		left: 24px;
		top: 150px;
		width: 132px;
	}

	body.mt-product-page-3 .mtp-level__dashboard {
		top: 230px;
		left: 50%;
		width: 78%;
	}

	body.mt-product-page-3 .mtp-level__character {
		right: 4px;
		bottom: 0;
		width: 205px;
	}
}

@media (max-width: 425px) {
	body.mt-product-page-3 .mtp-level__badges {
		top: 128px;
		width: 80px;
	}

	body.mt-product-page-3 .mtp-level__dashboard {
		top: 220px;
		left: 50%;
		width: 95%;
	}

	body.mt-product-page-3 .mtp-level__character {
		right: 4px;
		bottom: 0;
		width: 156px;
	}
}

@media (width: 768px) {
	.mtp-shell {
		width: calc(100% - 48px);
	}

	.mtp-hero {
		min-height: 520px;
		padding: 92px 0 84px;
	}

	.mtp-hero h1 {
		max-width: 760px;
		font-size: 44px;
		line-height: 1.14;
	}

	.mtp-hero p {
		max-width: 680px;
		margin: 36px 0 36px;
		font-size: 16px;
	}

	.mtp-process,
	.mtp-progress,
	.mtp-level,
	.mtp-clarity,
	.mtp-speed,
	.mtp-focus,
	.mtp-system {
		padding-top: 64px;
		padding-bottom: 84px;
	}

	.mtp-process__grid {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 24px;
	}

	.mtp-process__card,
	.mtp-process__mark {
		flex-basis: auto;
		min-height: 210px;
	}

	.mtp-process__card {
		padding: 34px;
	}

	.mtp-process__card:nth-child(n + 3),
	.mtp-process__mark {
		flex-basis: auto;
	}

	.mtp-process__card h2 {
		font-size: 26px;
	}

	.mtp-process__card p {
		font-size: 18px;
	}

	.mtp-progress__grid {
		gap: 20px;
	}

	.mtp-progress-card {
		flex: 0 0 calc(50% - 10px);
		max-width: calc(50% - 10px);
		min-height: 420px;
		padding: 26px 20px 30px;
	}

	.mtp-progress-card__image {
		height: 126px;
		margin-bottom: 26px;
	}

	.mtp-progress-card h3 {
		font-size: 20px;
	}

	.mtp-progress-card p {
		font-size: 15px;
		line-height: 1.45;
	}

	.mtp-level__panel {
		min-height: 390px;
		border-radius: 30px;
	}

	.mtp-level__copy {
		padding: 34px 24px 0;
	}

	.mtp-level__badges {
		left: 28px;
		top: 126px;
		width: 102px;
	}

	body.mt-product-page-2-custom .mtp-level__badges,
	body.mt-product-page-3 .mtp-level__badges {
		left: 28px;
		top: 126px;
		width: 102px;
	}

	.mtp-level__dashboard,
	body.mt-product-page-2 .mtp-level__dashboard,
	body.mt-product-page-3 .mtp-level__dashboard {
		top: 190px;
		left: 48%;
		width: min(400px, 70%);
	}

	body.mt-product-page-2-custom .mtp-level__dashboard {
		top: 190px;
		left: 48%;
		width: min(400px, 70%);
	}

	.mtp-level__character,
	body.mt-product-page-2 .mtp-level__character,
	body.mt-product-page-3 .mtp-level__character {
		right: -6px;
		bottom: 0;
		width: 176px !important;
	}

	body.mt-product-page-2-custom .mtp-level__character {
		right: -6px;
		bottom: 0;
		width: 310px !important;
	}

	body.mt-product-page-3 .mtp-level__panel {
		min-height: 350px;
	}

	body.mt-product-page-3 .mtp-level__copy {
		padding: 26px 24px 0;
	}

	body.mt-product-page-3 .mtp-level__badges {
		top: 112px;
	}

	body.mt-product-page-3 .mtp-level__dashboard {
		top: 172px;
	}

	.mtp-clarity__panel,
	body.mt-product-page-2 .mtp-clarity__panel,
	body.mt-product-page-3 .mtp-clarity__panel {
		min-height: 470px;
		display: flex;
		flex-direction: row;
		align-items: flex-start;
		gap: 16px;
		padding: 28px 20px 18px;
		border-radius: 34px;
	}

	.mtp-clarity__copy {
		flex: 0 0 220px;
		width: 220px;
	}

	.mtp-clarity h2 {
		font-size: 26px;
		margin-bottom: 18px;
	}

	.mtp-clarity__tabs {
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
	}

	.mtp-tab {
		flex: 0 0 auto;
		width: auto;
		min-height: 46px;
		padding: 0 12px;
		font-size: 12px;
	}

	.mtp-clarity__visual,
	body.mt-product-page-2 .mtp-clarity__visual,
	body.mt-product-page-3 .mtp-clarity__visual {
		flex: 1 1 auto;
		height: 270px;
		margin-top: 24px;
	}

	.mtp-clarity__dashboard,
	body.mt-product-page-2 .mtp-clarity__dashboard,
	body.mt-product-page-3 .mtp-clarity__dashboard {
		top: 8px;
		left: 50%;
		width: 108%;
	}

	body.mt-product-page-3 .mtp-clarity__dashboard {
		left: 50%;
		width: 108%;
		top: 8px;
		transform: translateX(-50%);
	}

	.mtp-clarity__character,
	body.mt-product-page-2 .mtp-clarity__character,
	body.mt-product-page-3 .mtp-clarity__character {
		right: -12px;
		width: 168px;
	}

	body.mt-product-page-3 .mtp-clarity__character {
		right: -12px;
		bottom: 0;
		top: auto;
		width: 200px;
		transform: translateY(0) scale(1);
	}

	.mtp-clarity__bubble,
	body.mt-product-page-2 .mtp-clarity__bubble,
	body.mt-product-page-3 .mtp-clarity__bubble {
		left: 50%;
		bottom: 8px;
		width: min(240px, 58%);
		padding: 8px 12px;
	}

	body.mt-product-page-3 .mtp-clarity__bubble {
		top: auto;
		left: 4%;
		bottom: 8px;
		width: min(240px, 58%);
		transform: translateY(0) scale(1);
	}

	body.mt-product-page:not(.mt-product-page-2):not(.mt-product-page-3):not(.mt-product-page-2-custom) .mtp-clarity__panel {
		min-height: 390px;
		padding: 24px 18px 12px;
	}

	body.mt-product-page:not(.mt-product-page-2):not(.mt-product-page-3):not(.mt-product-page-2-custom) .mtp-clarity__copy {
		flex: 0 0 210px;
		width: 210px;
	}

	body.mt-product-page:not(.mt-product-page-2):not(.mt-product-page-3):not(.mt-product-page-2-custom) .mtp-clarity h2 {
		font-size: 24px;
		margin-bottom: 14px;
	}

	body.mt-product-page:not(.mt-product-page-2):not(.mt-product-page-3):not(.mt-product-page-2-custom) .mtp-clarity__tabs {
		gap: 10px;
	}

	body.mt-product-page:not(.mt-product-page-2):not(.mt-product-page-3):not(.mt-product-page-2-custom) .mtp-tab {
		min-height: 42px;
		font-size: 11px;
	}

	body.mt-product-page:not(.mt-product-page-2):not(.mt-product-page-3):not(.mt-product-page-2-custom) .mtp-clarity__visual {
		height: 224px;
		margin-top: 18px;
	}


	body.mt-product-page:not(.mt-product-page-2):not(.mt-product-page-3):not(.mt-product-page-2-custom) .mtp-clarity__character {
		right: -26px;
		bottom: -119px;
		width: 316px;
	}

	body.mt-product-page:not(.mt-product-page-2):not(.mt-product-page-3):not(.mt-product-page-2-custom) .mtp-clarity__bubble {
		bottom: -88px;
		width: 281px;
		left: 13%;
		padding: 7px 10px;
	}

	body.mt-product-page-2 .mtp-clarity__panel {
		min-height: 390px !important;
		padding: 24px 18px 12px !important;
	}

	body.mt-product-page-2 .mtp-clarity__copy {
		flex: 0 0 210px !important;
		width: 210px !important;
	}

	body.mt-product-page-2 .mtp-clarity h2 {
		font-size: 24px !important;
		margin-bottom: 14px !important;
	}

	body.mt-product-page-2 .mtp-clarity__tabs {
		gap: 10px !important;
	}

	body.mt-product-page-2 .mtp-tab {
		min-height: 42px !important;
		font-size: 11px !important;
	}

	body.mt-product-page-2 .mtp-clarity__visual {
		height: 224px !important;
		margin-top: 18px !important;
	}

	body.mt-product-page-2 .mtp-clarity__character {
		right: -26px !important;
		bottom: -119px !important;
		width: 316px !important;
	}

	body.mt-product-page-2 .mtp-clarity__bubble {
		bottom: -88px !important;
		width: 281px !important;
		left: 13% !important;
		padding: 7px 10px !important;
	}

	.mtp-speed__layout {
		flex-direction: column;
		align-items: center;
		gap: 24px;
	}

	.mtp-speed__copy {
		flex: 0 0 auto;
		width: 100%;
		padding-left: 0;
		text-align: center;
	}

	.mtp-speed__copy h2 {
		max-width: 520px;
		margin: 18px auto 0;
		font-size: 44px;
		line-height: 1.2;
	}

	.mtp-speed__copy>span {
		display: block;
		font-size: 13px;
		letter-spacing: 0.18em;
	}

	.mtp-speed__cards {
		width: 100%;
		flex: 0 0 auto;
		display: flex;
		flex-direction: column;
		gap: 0;
	}

	.mtp-speed__cards.is-looping {
		min-height: 0;
	}

	.mtp-speed-card {
		min-height: 0;
		padding: 30px;
	}

	.mtp-speed-card img {
		width: 72px;
		height: 72px;
		margin: 0 0 24px;
	}

	.mtp-speed-card h3 {
		font-size: 20px;
		line-height: 1.3;
		text-align: left;
	}

	.mtp-speed-card p {
		max-width: 100%;
		font-size: 16px;
		line-height: 1.42;
		text-align: left;
	}

	.mtp-focus__panel {
		padding: 44px 22px 0;
		border-radius: 28px;
	}

	.mtp-focus__heading {
		margin-bottom: 48px;
	}

	.mtp-focus__grid::before,
	.mtp-focus__grid::after {
		display: none;
	}

	.mtp-focus-card {
		flex-basis: 100%;
		min-height: 180px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.10);
	}

	.mtp-focus-card:last-child {
		border-bottom: 0;
	}

	.mtp-system__panel {
		flex-direction: column;
	}

	.mtp-system__panel::before {
		display: none;
	}

	.mtp-system__column,
	.mtp-system__column+.mtp-system__column {
		width: 100%;
		padding: 34px 18px 0;
	}
}

@media (width: 1024px) {

	.mtp-clarity,
	body.mt-product-page-2 .mtp-clarity,
	body.mt-product-page-3 .mtp-clarity {
		padding-top: 72px !important;
		padding-bottom: 96px !important;
	}

	.mtp-clarity__panel,
	body.mt-product-page-2 .mtp-clarity__panel,
	body.mt-product-page-3 .mtp-clarity__panel {
		min-height: 620px !important;
		display: flex !important;
		flex-direction: row !important;
		align-items: flex-start !important;
		gap: 28px !important;
		padding: 44px 36px 30px !important;
		border-radius: 38px !important;
	}

	.mtp-clarity__copy {
		flex: 0 0 260px !important;
		width: 260px !important;
	}

	.mtp-clarity h2 {
		font-size: 38px !important;
		line-height: 1.12 !important;
		margin-bottom: 28px !important;
	}

	.mtp-clarity__tabs {
		flex-direction: column !important;
		align-items: flex-start !important;
		gap: 16px !important;
	}

	.mtp-tab {
		min-height: 54px !important;
		padding: 0 18px !important;
		font-size: 15px !important;
	}

	.mtp-clarity__visual {
		flex: 1 1 auto !important;
		height: 420px !important;
		margin-top: 36px !important;
	}

	body.mt-product-page-2 .mtp-clarity__visual {
		flex: 1 1 auto !important;
		height: 420px !important;
		margin-top: 36px !important;
	}

	body.mt-product-page-3 .mtp-clarity__visual {
		flex: 1 1 auto !important;
		height: 420px !important;
		margin-top: 36px !important;
	}

	.mtp-clarity__dashboard {
		top: 20% !important;
		left: 50% !important;
		width: 102% !important;
		transform: translateX(-50%) !important;
	}

	body.mt-product-page-2 .mtp-clarity__dashboard {
		top: 20% !important;
		left: 50% !important;
		width: 102% !important;
		transform: translateX(-50%) !important;
	}

	body.mt-product-page-3 .mtp-clarity__dashboard {
		top: 20% !important;
		left: 50% !important;
		width: 102% !important;
		transform: translateX(-50%) !important;
	}

	.mtp-clarity__character {
		right: -48px !important;
		bottom: -118px !important;
		width: 374px !important;
	}

	body.mt-product-page-2 .mtp-clarity__character {
		right: -48px !important;
		bottom: 0 !important;
		width: 374px !important;
	}

	body.mt-product-page-3 .mtp-clarity__character {
		right: -20px !important;
		bottom: 0 !important;
		top: auto !important;
		width: 280px !important;
	}

	.mtp-clarity__bubble {
		left: 54% !important;
		bottom: -90px !important;
		width: 300px !important;
		padding: 12px 18px !important;
		transform: translateX(-50%) !important;
	}

	body.mt-product-page-2 .mtp-clarity__bubble {
		left: 48% !important;
		bottom: -40px !important;
		width: 300px !important;
		padding: 12px 18px !important;
		transform: translateX(-50%) !important;
	}

	body.mt-product-page-3 .mtp-clarity__bubble {
		top: 340px !important;
		left: 36px !important;
		bottom: auto !important;
		width: 360px !important;
		padding: 12px 18px !important;
		transform: translateY(0) scale(1) !important;
	}
}

@media (max-width: 425px) {
	body.mt-product-page-3 .mtp-clarity h2 {
		max-width: 300px;
		line-height: 1.14;
		margin-bottom: 20px;
	}

	body.mt-product-page-3 .mtp-clarity__headline-top {
		font-size: 20px;

	}

	body.mt-product-page-3 .mtp-clarity__dashboard {
		top: 2px;
		width: 96%;
		left: 50%;
		transform: translateX(-50%);
	}

	body.mt-product-page-3 .mtp-clarity__visual {
		height: 232px;
	}

	body.mt-product-page-3 .mtp-clarity__character {
		right: -10px;
		bottom: 0;
		top: auto;
		width: 142px;
		transform: translateY(0) scale(1);
	}

	body.mt-product-page-3 .mtp-clarity__bubble {
		top: auto;
		left: 4%;
		right: auto;
		bottom: 8px;
		width: 68%;
		padding: 8px 10px;
		transform: translateY(0) scale(1);
	}

	body.mt-product-page-3 .mtp-hero h1 {
		font-size: clamp(28px, 6vw, 56px) !important;
		max-width: 720px;
	}

	body.mt-product-page-2-custom .mtp-hero h1 {
		font-size: clamp(28px, 6vw, 56px) !important;
		max-width: 720px;
	}

	body.mt-product-page .mtp-hero h1 {
		font-size: clamp(28px, 6vw, 56px) !important;
		max-width: 720px;
	}
}


@media (max-width: 768px) {
	body.mt-product-page-2-custom .mtp-clarity__dashboard {
		width: 100%;
		left: 0;
	}

	body.mt-product-page-2-custom .mtp-clarity__character {
		right: -30px;
		bottom: 0;
		top: auto;
		width: 240px;
	}

	body.mt-product-page-2-custom .mtp-clarity__bubble {
		top: auto;
		left: 6%;
		bottom: 8px;
		width: 68%;
	}
}

@media (max-width: 425px) {
	body.mt-product-page-2-custom .mtp-clarity__character {
		width: 178px;
	}
}

/* ── All-theme clarity: mobile overrides ───────────────────────────────────
   Dark theme base rules (specificity 0,2,1) outrank generic mobile rules
   (0,1,0). All overrides below use the same 0,2,1 specificity and appear
   LATER in the file so they win the cascade.
   Light theme needs the transform reset so [data-view] rules (0,1,1) don't
   override the mobile left:0 / width:100%.
── */

/* ── ≤ 767px ── */
@media (max-width: 767px) {

	/* Panel: explicit column layout + proper mobile padding.
	   Sets flex-direction directly so we're not relying on cascade inheritance
	   from the generic 1100px rule (which could be disrupted by specificity). */
	body.mt-product-page-3 .mtp-clarity__panel,
	body.mt-product-page-2-custom .mtp-clarity__panel {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		min-height: auto;
		padding: 42px 28px 38px;
		border-radius: 50px;
	}

	/* Copy: full width inside the column stack */
	body.mt-product-page-3 .mtp-clarity__copy,
	body.mt-product-page-2-custom .mtp-clarity__copy {
		flex: 0 0 auto;
		width: 100%;
	}

	/* Tabs: 2-column grid matching light theme layout */
	body.mt-product-page-3 .mtp-clarity__tabs,
	body.mt-product-page-2-custom .mtp-clarity__tabs {
		flex-direction: row;
		flex-wrap: wrap;
		gap: 12px;
	}

	body.mt-product-page-3 .mtp-tab,
	body.mt-product-page-2-custom .mtp-tab {
		flex: 1 1 calc(50% - 8px);
		min-width: 0;
		min-height: 50px;
		justify-content: center;
		padding: 0 12px;
		font-size: 13px;
	}

	/* Visual: explicit mobile height (base 610px overrides generic 380px) */
	body.mt-product-page-3 .mtp-clarity__visual,
	body.mt-product-page-2-custom .mtp-clarity__visual {
		flex: 0 0 auto;
		width: 100%;
		height: 380px;
		margin-top: 20px;
	}

	/* Dashboard: full width at left:0, transform reset below */
	body.mt-product-page-3 .mtp-clarity__dashboard,
	body.mt-product-page-2-custom .mtp-clarity__dashboard {
		top: 22px;
		left: 0;
		width: 100%;
		transform: translateX(0);
	}

	/* Character: bottom-anchored, right side */
	body.mt-product-page-3 .mtp-clarity__character,
	body.mt-product-page-2-custom .mtp-clarity__character {
		top: auto;
		bottom: 0;
		right: -30px;
		width: 240px;
	}

	/* Bubble: bottom-anchored, left side. Override dark-theme base padding/
	   min-height (set at spec 0,2,1) so the bubble doesn't stay oversized. */
	body.mt-product-page-3 .mtp-clarity__bubble,
	body.mt-product-page-2-custom .mtp-clarity__bubble {
		top: auto;
		bottom: 8px;
		left: 8%;
		width: 66%;
		min-height: 66px;
		padding: 12px 18px;
		transform: translateY(0) scale(1);
	}
}

/* ── ≤ 540px ── */
@media (max-width: 540px) {
	body.mt-product-page-3 .mtp-clarity__visual,
	body.mt-product-page-2-custom .mtp-clarity__visual {
		height: 315px;
		margin-top: 16px;
	}

	body.mt-product-page-3 .mtp-clarity__character,
	body.mt-product-page-2-custom .mtp-clarity__character {
		width: 190px;
	}
}

/* ── ≤ 425px ── */
@media (max-width: 425px) {
	body.mt-product-page-3 .mtp-clarity__panel,
	body.mt-product-page-2-custom .mtp-clarity__panel {
		padding: 32px 20px 30px;
	}

	body.mt-product-page-3 .mtp-clarity__visual,
	body.mt-product-page-2-custom .mtp-clarity__visual {
		height: 255px;
		margin-top: 12px;
	}

	body.mt-product-page-3 .mtp-clarity__bubble,
	body.mt-product-page-2-custom .mtp-clarity__bubble {
		left: 4%;
		width: 70%;
		min-height: 49px;
		padding: 8px 12px;
	}

	body.mt-product-page-3 .mtp-clarity__character,
	body.mt-product-page-2-custom .mtp-clarity__character {
		width: 178px;
	}
}

/* ── ≤ 360px ── */
@media (max-width: 360px) {
	body.mt-product-page-3 .mtp-clarity__visual,
	body.mt-product-page-2-custom .mtp-clarity__visual {
		height: 230px;
	}
}

/* ── All themes: reset translateX(-50%) on mobile ──────────────────────────
   Base .mtp-clarity__dashboard uses left:37% + transform:translateX(-50%)
   to centre the image. Mobile rules set left:0 / width:100% but never clear
   the transform → dashboard shifts ~50vw off the left edge. The [data-view]
   attribute selectors (specificity 0,1,1) also bake in translateX(-50%) and
   beat generic mobile rules (0,1,0) — hence the [data-view] selectors below.
── */
@media (max-width: 768px) {

	/* Light theme */
	.mtp-clarity__dashboard {
		transform: translateX(0);
	}
	.mtp-clarity__visual[data-view] .mtp-clarity__dashboard {
		transform: translateX(0) !important;
	}

	/* Glitch + Arcade dark themes (belt-and-suspenders alongside the 767px block) */
	body.mt-product-page-3 .mtp-clarity__dashboard,
	body.mt-product-page-2-custom .mtp-clarity__dashboard {
		transform: translateX(0);
	}
	body.mt-product-page-3 .mtp-clarity__visual[data-view] .mtp-clarity__dashboard,
	body.mt-product-page-2-custom .mtp-clarity__visual[data-view] .mtp-clarity__dashboard {
		transform: translateX(0) !important;
	}
}