:root {
	color-scheme: light;
}

html {
	scroll-behavior: smooth;
}

body {
	background: #f7faf8;
	color: #1a1f1d;
	margin: 0;
}

.mm-app {
	--mm-primary: #0f5d4e;
	--mm-primary-hover: #0a4a3e;
	--mm-background: #f7faf8;
	--mm-card: #ffffff;
	--mm-text: #1a1f1d;
	--mm-muted: #5d6764;
	--mm-border: #dce5e1;
	--mm-success: #1f8a5b;
	--mm-accent: #cfede2;
	--mm-short-card: rgb(207 237 226 / 66%);
	--mm-surface: #eef6f2;
	--mm-radius-card: 24px;
	--mm-radius-control: 16px;
	--mm-shadow: 0 18px 50px rgb(26 31 29 / 7%);
	background: var(--mm-background);
	color: var(--mm-text);
	font: 400 18px/1.65 "Inter Variable", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	min-height: 100vh;
	padding: 24px;
}

.mm-app * {
	box-sizing: border-box;
}

.mm-shell {
	background: var(--mm-card);
	border: 1px solid var(--mm-border);
	border-radius: 28px;
	margin: 0 auto;
	max-width: 1280px;
	min-height: calc(100vh - 48px);
	overflow: hidden;
	position: relative;
}

.mm-header {
	align-items: center;
	background: rgb(255 255 255 / 92%);
	border-bottom: 1px solid var(--mm-border);
	display: flex;
	justify-content: space-between;
	min-height: 76px;
	padding: 0 40px;
}

.mm-header small {
	color: var(--mm-muted);
	font-size: 15px;
}

.mm-nav {
	align-items: center;
	display: flex;
	gap: 28px;
}

.mm-nav a {
	color: var(--mm-primary);
	font-size: 15px;
	font-weight: 700;
	text-decoration: none;
}

.mm-nav a:hover {
	color: var(--mm-primary-hover);
}

.mm-nav .mm-nav-heart {
	align-items: center;
	background: var(--mm-surface);
	border: 1px solid var(--mm-border);
	border-radius: 999px;
	display: inline-flex;
	gap: 6px;
	padding: 7px 12px;
	transition: background-color 250ms ease, border-color 250ms ease, transform 250ms ease;
}

.mm-nav .mm-nav-heart:hover {
	background: var(--mm-accent);
	border-color: #b7dacf;
	transform: translateY(-1px);
}

.mm-nav-heart span {
	font-size: 17px;
	line-height: 1;
}

.mm-logo {
	align-items: center;
	display: inline-flex;
	text-decoration: none;
}

.mm-logo img {
	display: block;
	height: 42px;
	width: auto;
}

.mm-specialization-marker {
	align-items: center;
	background: var(--mm-primary);
	border-radius: 12px;
	color: #ffffff;
	display: flex;
	font-size: 13px;
	font-weight: 800;
	height: 40px;
	justify-content: center;
	width: 40px;
}

.mm-skip-link {
	background: var(--mm-primary);
	border-radius: 0 0 12px 0;
	color: #ffffff;
	font-weight: 700;
	left: 0;
	padding: 10px 16px;
	position: absolute;
	top: -60px;
	z-index: 20;
}

.mm-skip-link:focus {
	top: 0;
}

.mm-main:focus {
	outline: 0;
}

.mm-back {
	color: var(--mm-primary);
	display: inline-flex;
	font-size: 15px;
	font-weight: 700;
	margin: 28px 40px 0;
	text-decoration: none;
}

.mm-section,
.mm-hero {
	margin: 0 auto;
	max-width: 1280px;
	padding: 120px 40px;
}

.mm-hero {
	align-items: start;
	background:
		radial-gradient(circle at 75% 18%, rgb(207 237 226 / 75%), transparent 30%),
		var(--mm-card);
	display: grid;
	gap: 24px;
	grid-template-columns: minmax(0, .42fr) minmax(0, .58fr);
	max-width: none;
	padding-bottom: 72px;
	padding-left: max(40px, calc((100% - 1200px) / 2));
	padding-right: max(40px, calc((100% - 1200px) / 2));
	padding-top: 40px;
}

.mm-hero-content {
	max-width: 560px;
	padding-top: 104px;
}

.mm-app h1,
.mm-app h2,
.mm-app h3,
.mm-app p {
	overflow-wrap: anywhere;
}

.mm-app h1 {
	font-size: 56px;
	font-weight: 800;
	letter-spacing: -0.04em;
	line-height: 1.05;
	margin: 0 0 28px;
}

.mm-app h2 {
	font-size: 40px;
	font-weight: 700;
	letter-spacing: -0.035em;
	line-height: 1.15;
	margin: 0 0 24px;
}

.mm-app h3 {
	font-size: 28px;
	font-weight: 700;
	letter-spacing: -0.025em;
	line-height: 1.2;
}

.mm-kicker {
	color: var(--mm-primary);
	font-size: 15px;
	font-weight: 700;
	letter-spacing: .08em;
	margin: 0 0 16px;
	text-transform: uppercase;
}

.mm-hero-copy,
.mm-lead {
	color: var(--mm-muted);
	font-size: 22px;
	line-height: 1.55;
	margin: 0 0 18px;
	max-width: 760px;
}

.mm-hero .mm-lead {
	color: var(--mm-text);
	font-weight: 600;
}

.mm-hero-visual {
	margin: -28px 0 0;
	overflow: hidden;
	position: relative;
}

.mm-hero-visual img {
	display: block;
	filter: drop-shadow(0 24px 55px rgb(15 93 78 / 10%));
	height: auto;
	max-width: none;
	transform: translateX(-27%);
	width: 137%;
}

.mm-search,
.mm-booking {
	background: var(--mm-card);
	border: 1px solid var(--mm-border);
	border-radius: var(--mm-radius-card);
	box-shadow: var(--mm-shadow);
	margin-top: 32px;
	padding: 32px;
}

.mm-search label,
.mm-booking label,
.mm-booking legend {
	display: block;
	font-size: 15px;
	font-weight: 700;
}

.mm-search > div {
	display: grid;
	gap: 12px;
	grid-template-columns: 1fr auto;
	margin-top: 8px;
}

.mm-search small {
	color: var(--mm-muted);
	display: block;
	font-size: 15px;
	margin-top: 12px;
}

.mm-hero > .mm-search {
	align-items: center;
	column-gap: 18px;
	display: grid;
	grid-column: 1 / -1;
	grid-template-columns: 160px minmax(0, 1fr);
	justify-self: center;
	margin: -150px auto 0;
	max-width: 840px;
	padding: 14px 16px;
	position: relative;
	row-gap: 6px;
	width: 100%;
	z-index: 2;
}

.mm-hero > .mm-search label {
	grid-column: 1;
	grid-row: 1;
}

.mm-hero > .mm-search > div {
	grid-column: 2;
	grid-row: 1 / 3;
	margin-top: 0;
}

.mm-hero > .mm-search small {
	font-size: 13px;
	grid-column: 1;
	grid-row: 2;
	line-height: 1.35;
	margin-top: 0;
}

.mm-hero > .mm-search input,
.mm-hero > .mm-search .mm-btn {
	min-height: 48px;
}

.mm-app input,
.mm-app textarea {
	background: #ffffff;
	border: 1px solid #b8c5c0;
	border-radius: var(--mm-radius-control);
	color: var(--mm-text);
	font: inherit;
	min-height: 56px;
	padding: 14px 16px;
	width: 100%;
}

.mm-app textarea {
	resize: vertical;
}

.mm-app input:focus,
.mm-app textarea:focus,
.mm-app a:focus-visible,
.mm-app button:focus-visible {
	outline: 3px solid rgb(15 93 78 / 28%);
	outline-offset: 3px;
}

.mm-btn {
	align-items: center;
	background: var(--mm-primary);
	border: 1px solid var(--mm-primary);
	border-radius: var(--mm-radius-control);
	color: #ffffff !important;
	cursor: pointer;
	display: inline-flex;
	font: inherit;
	font-weight: 700;
	justify-content: center;
	min-height: 56px;
	padding: 12px 24px;
	text-decoration: none;
	transition: background-color 250ms ease, border-color 250ms ease, transform 250ms ease;
}

.mm-btn:hover {
	background: var(--mm-primary-hover);
	border-color: var(--mm-primary-hover);
	transform: scale(1.02);
}

.mm-btn-secondary {
	background: var(--mm-card);
	border-color: var(--mm-border);
	color: var(--mm-primary) !important;
}

.mm-btn-secondary:hover {
	background: var(--mm-surface);
	border-color: #a8c9be;
}

.mm-btn-disabled {
	cursor: default;
	opacity: .72;
	pointer-events: none;
}

.mm-mentor-hero,
.mm-mentor-manifesto,
.mm-mentor-final-cta {
	margin: 0 auto;
	max-width: 1280px;
}

.mm-mentor-hero {
	background:
		radial-gradient(circle at 82% 24%, var(--mm-accent), transparent 24%),
		linear-gradient(145deg, var(--mm-card), var(--mm-background));
	display: grid;
	gap: 32px;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	overflow: hidden;
	padding: 80px max(40px, calc((100% - 1120px) / 2)) 64px;
	position: relative;
}

.mm-mentor-hero-copy {
	align-self: center;
	position: relative;
	z-index: 2;
}

.mm-mentor-hero-copy h1,
.mm-mentor-hero-copy .mm-lead {
	max-width: 560px;
}

.mm-mentor-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin-top: 36px;
}

.mm-mentor-hero-visual {
	align-self: center;
	height: 540px;
	margin: -52px -40px -24px -32px;
	overflow: hidden;
	pointer-events: none;
	position: relative;
}

.mm-mentor-hero-visual img {
	display: block;
	height: auto;
	max-width: none;
	transform: translateX(-41%);
	width: 168%;
}

.mm-mentor-section {
	max-width: 1200px;
	padding-bottom: 78px;
	padding-top: 78px;
}

.mm-mentor-section-heading {
	max-width: 820px;
}

.mm-mentor-section-heading h2 {
	margin-bottom: 0;
}

.mm-mentor-section-heading > p {
	color: var(--mm-muted);
	font-size: 19px;
	margin: 18px 0 0;
}

.mm-mentor-readiness-layout {
	align-items: center;
	display: grid;
	gap: clamp(48px, 7vw, 100px);
	grid-template-columns: minmax(0, 1fr) minmax(360px, .82fr);
	margin-top: 48px;
}

.mm-mentor-readiness-copy > p {
	font-size: 20px;
	font-weight: 700;
}

.mm-mentor-plain-list {
	display: grid;
	gap: 12px;
	list-style: none;
	margin: 24px 0 36px;
	padding: 0;
}

.mm-mentor-plain-list li {
	align-items: center;
	display: flex;
	font-size: 18px;
	gap: 13px;
}

.mm-mentor-plain-list li > span {
	align-items: center;
	border-radius: 50%;
	display: inline-flex;
	flex: 0 0 28px;
	height: 28px;
	justify-content: center;
}

.mm-mentor-plain-list-muted li > span {
	background: var(--mm-background);
	color: var(--mm-muted);
}

.mm-mentor-plain-list-positive li > span {
	background: var(--mm-accent);
	color: var(--mm-primary);
	font-weight: 800;
}

.mm-mentor-readiness-turn {
	color: var(--mm-primary);
	margin-top: 40px;
}

.mm-mentor-knowledge-visual {
	margin: 0;
	position: relative;
}

.mm-mentor-knowledge-visual::before {
	background: var(--mm-accent);
	border-radius: 50%;
	content: "";
	inset: 8% 8% 4%;
	opacity: .56;
	position: absolute;
}

.mm-mentor-knowledge-visual svg,
.mm-mentor-change-visual svg {
	display: block;
	height: auto;
	position: relative;
	width: 100%;
}

.mm-mentor-knowledge-visual svg,
.mm-mentor-change-visual svg {
	fill: var(--mm-card);
	stroke: var(--mm-primary);
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 3;
}

.mm-mentor-svg-orbit {
	fill: none;
	opacity: .25;
	stroke-dasharray: 5 12;
	stroke-width: 2;
}

.mm-mentor-svg-accent {
	fill: none;
	stroke: var(--mm-success);
}

.mm-mentor-svg-accent-fill {
	fill: var(--mm-primary);
}

.mm-mentor-svg-light {
	fill: none;
	stroke: var(--mm-accent);
}

.mm-mentor-svg-note {
	fill: var(--mm-card);
}

.mm-mentor-recognize {
	border-top: 1px solid var(--mm-border);
}

.mm-mentor-skill-grid {
	display: grid;
	gap: 14px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	list-style: none;
	margin: 44px 0 0;
	padding: 0;
}

.mm-mentor-skill-grid li {
	align-items: center;
	background: var(--mm-card);
	border: 1px solid var(--mm-border);
	border-radius: 20px;
	display: flex;
	font-size: 16px;
	font-weight: 700;
	gap: 16px;
	min-height: 92px;
	padding: 18px 20px;
	transition: border-color 250ms ease, transform 250ms ease;
}

.mm-mentor-skill-grid li:hover {
	border-color: #a8c9be;
	transform: translateY(-3px);
}

.mm-mentor-skill-icon {
	align-items: center;
	background: var(--mm-accent);
	border-radius: 14px;
	color: var(--mm-primary);
	display: inline-flex;
	flex: 0 0 46px;
	height: 46px;
	justify-content: center;
}

.mm-mentor-skill-icon svg {
	fill: none;
	height: 24px;
	stroke: currentcolor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.8;
	width: 24px;
}

.mm-mentor-section-emphasis {
	color: var(--mm-primary);
	font-size: clamp(22px, 2.4vw, 30px);
	font-weight: 750;
	line-height: 1.35;
	margin: 42px 0 0;
	max-width: 900px;
}

.mm-mentor-change {
	align-items: center;
	background: var(--mm-background);
	display: grid;
	gap: clamp(48px, 7vw, 96px);
	grid-template-columns: minmax(340px, .85fr) minmax(0, 1fr);
	max-width: none;
	padding-left: max(40px, calc((100% - 1200px) / 2));
	padding-right: max(40px, calc((100% - 1200px) / 2));
}

.mm-mentor-change-visual {
	max-width: 520px;
}

.mm-mentor-change-copy {
	max-width: 650px;
}

.mm-mentor-change-copy > p {
	color: var(--mm-muted);
	font-size: 19px;
}

.mm-mentor-change-words {
	color: var(--mm-primary) !important;
	font-size: 22px !important;
	font-weight: 750;
	line-height: 1.4;
}

.mm-mentor-help {
	border-bottom: 1px solid var(--mm-border);
}

.mm-mentor-help-list {
	display: grid;
	gap: 0;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	list-style: none;
	margin: 44px 0 32px;
	padding: 0;
}

.mm-mentor-help-list li {
	align-items: flex-start;
	border-top: 1px solid var(--mm-border);
	display: flex;
	flex-direction: column;
	font-size: 17px;
	font-weight: 700;
	gap: 18px;
	min-height: 142px;
	padding: 24px 20px;
	position: relative;
	transition: background-color 250ms ease, color 250ms ease;
}

.mm-mentor-help-list li:not(:last-child)::after {
	background: var(--mm-border);
	content: "";
	height: 1px;
	position: absolute;
	right: -12px;
	top: 34px;
	width: 24px;
	z-index: 1;
}

.mm-mentor-help-list li > span {
	color: var(--mm-primary);
	font-size: 14px;
	letter-spacing: .08em;
}

.mm-mentor-help-list li:hover {
	background: var(--mm-background);
}

.mm-mentor-help-note {
	color: var(--mm-primary);
	font-size: 20px;
	font-weight: 700;
	margin: 0;
}

.mm-mentor-benefit-list {
	display: grid;
	gap: 0 48px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	list-style: none;
	margin: 52px 0 0;
	padding: 0;
}

.mm-mentor-benefit-list li {
	align-items: center;
	border-bottom: 1px solid var(--mm-border);
	display: flex;
	font-size: 19px;
	font-weight: 650;
	gap: 14px;
	min-height: 72px;
}

.mm-mentor-benefit-list span {
	align-items: center;
	background: var(--mm-accent);
	border-radius: 50%;
	color: var(--mm-primary);
	display: inline-flex;
	flex: 0 0 30px;
	font-size: 16px;
	height: 30px;
	justify-content: center;
}

.mm-mentor-question {
	padding-bottom: 96px;
	padding-top: 96px;
	text-align: center;
}

.mm-mentor-question header,
.mm-mentor-question > p,
.mm-mentor-question blockquote {
	margin-left: auto;
	margin-right: auto;
	max-width: 920px;
}

.mm-mentor-question > p {
	color: var(--mm-muted);
	font-size: 19px;
}

.mm-mentor-question blockquote {
	color: var(--mm-primary);
	font-size: clamp(26px, 3.4vw, 44px);
	font-weight: 750;
	letter-spacing: -.025em;
	line-height: 1.2;
	margin-bottom: 38px;
	margin-top: 38px;
}

.mm-mentor-question-answer {
	color: var(--mm-text) !important;
	font-size: clamp(24px, 2.6vw, 34px) !important;
	font-weight: 750;
}

.mm-mentor-manifesto {
	background: var(--mm-primary);
	color: #f7faf8;
	max-width: none;
	padding: 120px max(40px, calc((100% - 1200px) / 2));
}

.mm-mentor-manifesto h2 {
	color: #f7faf8;
	font-size: clamp(40px, 5vw, 64px);
	margin-bottom: 42px;
	max-width: 900px;
}

.mm-mentor-manifesto-inner {
	max-width: 920px;
}

.mm-mentor-manifesto p {
	color: #dcebe6;
	font-size: clamp(20px, 2.2vw, 28px);
	line-height: 1.45;
	margin: 0 0 24px;
}

.mm-mentor-final-cta {
	background: var(--mm-card);
	padding: 92px 40px;
	text-align: center;
}

.mm-mentor-final-cta > p:not(.mm-kicker) {
	color: var(--mm-muted);
	font-size: 20px;
	margin: 0 auto 18px;
	max-width: 760px;
}

.mm-mentor-final-cta > p:last-of-type {
	margin-bottom: 36px;
}

.mm-mentor-final-cta .mm-mentor-cta-intro {
	color: var(--mm-primary);
	font-size: 16px;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.mm-finder-hero {
	align-items: center;
	background:
		radial-gradient(circle at 82% 28%, var(--mm-accent), transparent 25%),
		linear-gradient(145deg, var(--mm-card), var(--mm-background));
	display: grid;
	gap: 52px;
	grid-template-columns: minmax(0, 1.2fr) minmax(340px, .8fr);
	padding: 88px max(40px, calc((100% - 1120px) / 2));
}

.mm-finder-hero h1 {
	font-size: clamp(44px, 5vw, 62px);
	max-width: 760px;
}

.mm-finder-hero .mm-lead {
	font-size: 19px;
	margin-bottom: 12px;
	max-width: 720px;
}

.mm-finder-hero-claim {
	color: var(--mm-primary);
	font-size: 22px;
	font-weight: 750;
	margin: 28px 0;
	max-width: 660px;
}

.mm-finder-hero small {
	color: var(--mm-muted);
	display: block;
	font-size: 14px;
	margin-top: 14px;
	max-width: 540px;
}

.mm-finder-hero-visual {
	fill: none;
	height: auto;
	opacity: .9;
	stroke: var(--mm-primary);
	stroke-dasharray: 5 9;
	stroke-width: 2;
	width: 100%;
}

.mm-finder-hero-visual .accent {
	fill: var(--mm-primary);
	stroke: var(--mm-accent);
	stroke-dasharray: none;
	stroke-width: 12;
}

.mm-finder-section {
	max-width: 1200px;
	padding-bottom: 84px;
	padding-top: 84px;
}

.mm-finder-heading {
	max-width: 820px;
}

.mm-finder-heading > p {
	color: var(--mm-muted);
	font-size: 20px;
}

.mm-finder-accordion {
	border-bottom: 1px solid var(--mm-border);
	margin-top: 48px;
}

.mm-finder-accordion-item {
	border-top: 1px solid var(--mm-border);
}

.mm-finder-accordion-item h3 {
	margin: 0;
}

.mm-finder-accordion-item button {
	align-items: center;
	background: transparent;
	border: 0;
	color: var(--mm-text);
	cursor: pointer;
	display: grid;
	font: inherit;
	font-size: 20px;
	font-weight: 750;
	gap: 18px;
	grid-template-columns: 44px minmax(0, 1fr) 36px;
	min-height: 84px;
	padding: 16px 10px;
	text-align: left;
	width: 100%;
}

.mm-finder-accordion-item button:hover,
.mm-finder-accordion-item button:focus-visible {
	color: var(--mm-primary);
}

.mm-finder-accordion-item button > span {
	color: var(--mm-primary);
	font-size: 13px;
	letter-spacing: .1em;
}

.mm-finder-accordion-item button i {
	align-items: center;
	background: var(--mm-surface);
	border-radius: 50%;
	display: inline-flex;
	font-size: 22px;
	font-style: normal;
	height: 36px;
	justify-content: center;
	width: 36px;
}

.mm-finder-accordion-panel {
	padding: 0 64px 32px;
}

.mm-finder-accordion-panel ul {
	display: grid;
	gap: 10px 32px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	list-style: none;
	margin: 0;
	padding: 0;
}

.mm-finder-accordion-panel li {
	color: var(--mm-muted);
	padding-left: 18px;
	position: relative;
}

.mm-finder-accordion-panel li::before {
	color: var(--mm-success);
	content: "•";
	left: 0;
	position: absolute;
}

.mm-finder-category-search {
	background: var(--mm-short-card);
	border: 1px solid rgb(28 86 74 / 10%);
	border-radius: 22px;
	box-shadow: none;
	margin-top: 32px;
	padding: 24px;
}

.mm-finder-chaos {
	background: var(--mm-primary);
	color: #f7faf8;
	padding: 96px max(40px, calc((100% - 1000px) / 2));
}

.mm-finder-chaos h2 {
	color: #f7faf8;
	max-width: 820px;
}

.mm-finder-chaos > p {
	color: #dcebe6;
	font-size: 20px;
	max-width: 840px;
}

.mm-finder-chaos .mm-finder-big-claim {
	color: #f7faf8;
	font-size: clamp(40px, 6vw, 70px);
	font-weight: 800;
	letter-spacing: -.04em;
	margin: 20px 0 42px;
}

.mm-finder-experience {
	border-top: 1px solid rgb(220 235 230 / 24%);
	margin-top: 52px;
	max-width: 880px;
	padding-top: 42px;
}

.mm-finder-experience p {
	color: #dcebe6;
	font-size: 20px;
}

.mm-finder-experience > p:first-child,
.mm-finder-experience > p:last-child {
	color: #f7faf8;
	font-size: 24px;
}

.mm-finder-experience ul {
	display: grid;
	gap: 10px;
	list-style: none;
	margin: 24px 0 30px;
	padding: 0;
}

.mm-finder-experience li {
	color: #dcebe6;
	font-size: 19px;
	padding-left: 24px;
	position: relative;
}

.mm-finder-experience li::before {
	color: var(--mm-accent);
	content: "—";
	left: 0;
	position: absolute;
}

.mm-finder-conversation {
	text-align: center;
}

.mm-finder-conversation header,
.mm-finder-conversation > p {
	margin-left: auto;
	margin-right: auto;
	max-width: 820px;
}

.mm-finder-conversation blockquote {
	color: var(--mm-primary);
	font-size: clamp(30px, 4.4vw, 52px);
	font-weight: 750;
	letter-spacing: -.03em;
	line-height: 1.2;
	margin: 46px auto;
	max-width: 920px;
}

.mm-finder-conversation ul,
.mm-finder-cost ul,
.mm-finder-why ul {
	align-items: start;
	display: grid;
	gap: 14px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	list-style: none;
	margin: 42px 0 0;
	padding: 0;
}

.mm-finder-conversation li,
.mm-finder-cost li,
.mm-finder-why li {
	background: var(--mm-card);
	border: 1px solid var(--mm-border);
	border-radius: 18px;
	font-weight: 700;
	padding: 22px;
}

.mm-finder-why li {
	background: var(--mm-short-card);
	border-color: rgb(28 86 74 / 10%);
}

.mm-finder-conversation li,
.mm-finder-cost li {
	align-self: start;
	background: var(--mm-short-card);
	border: 1px solid rgb(28 86 74 / 10%);
	border-radius: 22px;
	box-shadow: 0 8px 24px rgb(0 0 0 / 3%);
	display: flex;
	flex-direction: column;
	font-weight: 400;
	padding: 28px;
	text-align: left;
	transition: border-color 280ms ease, box-shadow 280ms ease, transform 280ms ease;
}

.mm-finder-conversation li:hover,
.mm-finder-cost li:hover {
	border-color: rgb(28 86 74 / 20%);
	box-shadow: 0 14px 32px rgb(15 93 78 / 8%);
	transform: translateY(-4px);
}

.mm-finder-card-icon {
	align-items: center;
	background: rgb(207 237 226 / 66%);
	border-radius: 14px;
	color: var(--mm-primary);
	display: inline-flex;
	height: 46px;
	justify-content: center;
	margin-bottom: 24px;
	width: 46px;
}

.mm-finder-card-icon svg {
	fill: none;
	height: 24px;
	stroke: currentcolor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.8;
	width: 24px;
}

.mm-finder-conversation li strong,
.mm-finder-cost li strong {
	color: var(--mm-text);
	font-size: 18px;
	line-height: 1.35;
}

.mm-finder-conversation li p,
.mm-finder-cost li p {
	color: var(--mm-muted);
	font-size: 15px;
	line-height: 1.55;
	margin: 12px 0 0;
}

.mm-finder-table-wrap {
	border: 1px solid var(--mm-border);
	border-radius: 24px;
	box-shadow: var(--mm-shadow);
	margin-top: 48px;
	overflow: hidden;
}

.mm-finder-table-wrap table {
	border-collapse: collapse;
	font-size: 14px;
	line-height: 1.45;
	table-layout: fixed;
	width: 100%;
}

.mm-finder-table-wrap th,
.mm-finder-table-wrap td {
	border-bottom: 1px solid var(--mm-border);
	padding: 20px 16px;
	text-align: left;
	vertical-align: top;
}

.mm-finder-table-wrap thead th {
	background: var(--mm-background);
	color: var(--mm-primary);
	font-size: 15px;
}

.mm-finder-table-wrap tbody th {
	color: var(--mm-text);
	font-weight: 750;
}

.mm-finder-table-wrap tr:last-child > * {
	border-bottom: 0;
}

.mm-finder-table-wrap .is-highlighted {
	background: #eef8f4;
	border-left: 1px solid #b7dacf;
	border-right: 1px solid #b7dacf;
}

.mm-finder-table-wrap thead .is-highlighted span,
.mm-finder-mobile-comparison header span {
	background: var(--mm-accent);
	border-radius: 999px;
	display: block;
	font-size: 10px;
	letter-spacing: .05em;
	margin-top: 8px;
	padding: 5px 8px;
	text-align: center;
	text-transform: uppercase;
}

.mm-finder-mobile-comparison {
	display: none;
}

.mm-finder-comparison > blockquote {
	color: var(--mm-primary);
	font-size: clamp(26px, 3vw, 38px);
	font-weight: 750;
	line-height: 1.3;
	margin: 56px auto 0;
	max-width: 900px;
	text-align: center;
}

.mm-finder-cost {
	background: var(--mm-background);
	max-width: none;
	padding-left: max(40px, calc((100% - 1200px) / 2));
	padding-right: max(40px, calc((100% - 1200px) / 2));
}

.mm-finder-cost ul {
	grid-template-columns: repeat(5, minmax(0, 1fr));
}

.mm-finder-why ul {
	grid-template-columns: repeat(5, minmax(0, 1fr));
}

.mm-finder-section-claim {
	color: var(--mm-primary);
	font-size: clamp(22px, 2.5vw, 31px);
	font-weight: 750;
	line-height: 1.4;
	margin: 42px 0 0;
	max-width: 900px;
}

.mm-finder-final {
	background: var(--mm-primary);
	color: #f7faf8;
	padding: 92px max(40px, calc((100% - 900px) / 2));
	text-align: center;
}

.mm-finder-final h2 {
	color: #f7faf8;
}

.mm-finder-final p {
	color: #dcebe6;
	font-size: 20px;
	margin: 0 auto 32px;
	max-width: 760px;
}

.mm-finder-final .mm-btn {
	background: var(--mm-accent);
	color: var(--mm-primary) !important;
}

.mm-finder-search {
	background: rgb(247 250 248 / 9%);
	border-color: rgb(220 235 230 / 24%);
	box-shadow: none;
	margin: 0 auto;
	max-width: 760px;
	padding: 18px;
	text-align: left;
}

.mm-finder-search label {
	color: #f7faf8;
}

.mm-finder-search small {
	color: #dcebe6;
}

.mm-finder-search input {
	background: rgb(255 255 255 / 96%);
	border-color: transparent;
}

.mm-finder-search:focus-within {
	border-color: rgb(207 237 226 / 58%);
}

.mm-heart-page {
	--mm-heart-line: #b9d9cf;
}

.mm-heart-hero {
	background:
		radial-gradient(circle at 78% 22%, rgb(207 237 226 / 78%), transparent 25%),
		linear-gradient(145deg, var(--mm-card), var(--mm-background));
	min-height: 570px;
	overflow: hidden;
	padding: 112px max(40px, calc((100% - 1100px) / 2)) 52px;
	position: relative;
}

.mm-heart-hero h1,
.mm-heart-hero .mm-lead {
	max-width: 760px;
}

.mm-heart-thread {
	display: block;
	height: auto;
	margin: 48px auto 0;
	max-width: 1100px;
	overflow: visible;
	width: 100%;
}

.mm-heart-thread path {
	fill: none;
	stroke: var(--mm-heart-line);
	stroke-dasharray: 7 10;
	stroke-linecap: round;
	stroke-width: 2;
}

.mm-heart-thread circle {
	fill: var(--mm-primary);
	stroke: var(--mm-accent);
	stroke-width: 8;
}

.mm-heart-section {
	margin: 0 auto;
	max-width: 1100px;
	padding: 88px 40px;
	position: relative;
}

.mm-heart-section:not(.mm-heart-generations)::before {
	background: linear-gradient(90deg, transparent, var(--mm-heart-line), transparent);
	content: "";
	height: 1px;
	left: 40px;
	opacity: .7;
	position: absolute;
	right: 40px;
	top: 0;
}

.mm-heart-section-split {
	align-items: start;
	display: grid;
	gap: clamp(48px, 8vw, 112px);
	grid-template-columns: minmax(0, 1fr) minmax(320px, .85fr);
}

.mm-heart-section header {
	max-width: 650px;
}

.mm-heart-section h2 {
	margin-bottom: 0;
}

.mm-heart-index {
	color: var(--mm-primary);
	display: block;
	font-size: 13px;
	font-weight: 800;
	letter-spacing: .12em;
	margin-bottom: 18px;
}

.mm-heart-section > p,
.mm-heart-generations-copy p,
.mm-heart-conversation > p {
	color: var(--mm-muted);
	font-size: 20px;
	margin-top: 8px;
}

.mm-heart-generations {
	background: var(--mm-background);
	border-radius: 32px;
	max-width: 1200px;
	overflow: hidden;
	padding-left: 64px;
	padding-right: 64px;
}

.mm-heart-generations-copy {
	display: grid;
	gap: 24px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-top: 36px;
	max-width: 980px;
}

.mm-heart-bridge {
	display: block;
	fill: var(--mm-card);
	height: auto;
	margin: 42px auto 0;
	max-width: 880px;
	stroke: var(--mm-primary);
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 3;
	width: 100%;
}

.mm-heart-bridge-line {
	fill: none;
	opacity: .45;
	stroke: var(--mm-success);
	stroke-dasharray: 6 10;
}

.mm-heart-bridge-dot {
	fill: var(--mm-primary);
	stroke: var(--mm-accent);
	stroke-width: 10;
}

.mm-heart-conversation {
	text-align: center;
}

.mm-heart-conversation header,
.mm-heart-conversation > p {
	margin-left: auto;
	margin-right: auto;
	max-width: 820px;
}

.mm-heart-conversation blockquote {
	color: var(--mm-primary);
	font-size: clamp(42px, 7vw, 76px);
	font-weight: 800;
	letter-spacing: -.04em;
	line-height: 1.1;
	margin: 48px auto;
}

.mm-heart-together {
	padding-bottom: 110px;
	text-align: center;
}

.mm-heart-together header,
.mm-heart-together > p {
	margin-left: auto;
	margin-right: auto;
	max-width: 780px;
}

.mm-heart-together > p {
	color: var(--mm-text);
	font-size: clamp(22px, 3vw, 32px);
	font-weight: 650;
	line-height: 1.45;
}

.mm-heart-cta {
	background: var(--mm-primary);
	color: #f7faf8;
	padding: 96px 40px;
	text-align: center;
}

.mm-heart-cta h2 {
	color: #f7faf8;
	margin-bottom: 36px;
}

.mm-heart-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	justify-content: center;
}

.mm-heart-actions .mm-btn {
	background: var(--mm-accent);
	color: var(--mm-primary) !important;
}

.mm-heart-actions .mm-btn-secondary {
	background: transparent;
	border-color: rgb(247 250 248 / 42%);
	color: #f7faf8 !important;
}

.mm-btn.secondary {
	background: #ffffff;
	color: var(--mm-primary) !important;
}

.mm-home-section {
	border-top: 1px solid var(--mm-border);
	max-width: none;
	padding-bottom: 88px;
	padding-left: max(40px, calc((100% - 1200px) / 2));
	padding-right: max(40px, calc((100% - 1200px) / 2));
	padding-top: 88px;
}

.mm-soft-section {
	background: var(--mm-background);
}

.mm-popular-grid,
.mm-specialization-grid,
.mm-solved-grid,
.mm-mentor-grid,
.mm-list {
	display: grid;
	gap: 24px;
	margin-top: 40px;
}

.mm-popular-grid,
.mm-solved-grid {
	grid-template-columns: repeat(3, 1fr);
}

.mm-specialization-grid {
	grid-template-columns: repeat(2, 1fr);
}

.mm-problem-tile,
.mm-specialization-tile,
.mm-list a,
.mm-mentor,
.mm-solved-grid article,
.mm-info-grid section {
	background: var(--mm-card);
	border: 1px solid var(--mm-border);
	border-radius: var(--mm-radius-card);
	box-shadow: 0 8px 30px rgb(26 31 29 / 4%);
	color: var(--mm-text);
	padding: 32px;
	text-decoration: none;
	transition: border-color 250ms ease, box-shadow 250ms ease, transform 250ms ease;
}

.mm-problem-tile,
.mm-specialization-tile {
	display: flex;
	flex-direction: column;
}

.mm-problem-tile {
	min-height: 220px;
}

.mm-problem-tile small,
.mm-solved-grid small {
	color: var(--mm-primary);
	font-size: 15px;
	font-weight: 700;
}

.mm-problem-tile strong {
	font-size: 20px;
	line-height: 1.4;
	margin: 18px 0 30px;
}

.mm-problem-tile span,
.mm-specialization-tile > strong {
	color: var(--mm-primary);
	font-size: 15px;
	font-weight: 700;
	margin-top: auto;
}

.mm-problem-tile:hover,
.mm-specialization-tile:hover,
.mm-list a:hover {
	border-color: #a8c9be;
	box-shadow: var(--mm-shadow);
	transform: translateY(-3px);
}

.mm-steps {
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(4, 1fr);
	list-style: none;
	margin: 40px 0 0;
	padding: 0;
}

.mm-steps li {
	background: var(--mm-card);
	border: 1px solid var(--mm-border);
	border-radius: var(--mm-radius-card);
	min-height: 190px;
	padding: 32px;
}

.mm-steps span,
.mm-progress span {
	align-items: center;
	background: var(--mm-accent);
	border-radius: 50%;
	color: var(--mm-primary);
	display: flex;
	font-size: 15px;
	font-weight: 800;
	height: 38px;
	justify-content: center;
	width: 38px;
}

.mm-steps strong {
	display: block;
	line-height: 1.5;
	margin-top: 24px;
}

.mm-benefits {
	display: grid;
	gap: 20px;
	grid-template-columns: 1fr 1fr;
	list-style: none;
	margin: 40px 0 0;
	padding: 0;
}

.mm-benefits li {
	border: 1px solid var(--mm-border);
	border-radius: var(--mm-radius-card);
	font-weight: 600;
	padding: 28px 28px 28px 68px;
	position: relative;
}

.mm-benefits li::before {
	align-items: center;
	background: var(--mm-accent);
	border-radius: 50%;
	color: var(--mm-primary);
	content: "âś“";
	display: flex;
	font-weight: 800;
	height: 30px;
	justify-content: center;
	left: 28px;
	position: absolute;
	top: 28px;
	width: 30px;
}

.mm-specialization-tile {
	display: grid;
	grid-template-columns: auto 1fr;
}

.mm-specialization-marker {
	grid-row: 1 / 3;
	margin-right: 16px;
}

.mm-specialization-tile h3 {
	font-size: 24px;
	margin: 2px 0 0;
}

.mm-specialization-tile p {
	color: var(--mm-muted);
	grid-column: 2;
	margin: 6px 0 20px;
}

.mm-specialization-tile ul {
	color: var(--mm-muted);
	grid-column: 1 / -1;
	margin: 0 0 24px;
	padding-left: 22px;
}

.mm-specialization-tile > strong {
	grid-column: 1 / -1;
}

.mm-solved-grid article h3 {
	font-size: 22px;
	margin: 16px 0;
}

.mm-solved-grid article p,
.mm-list p,
.mm-mentor p,
.mm-info-grid p {
	color: var(--mm-muted);
}

.mm-progress {
	border-bottom: 1px solid var(--mm-border);
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	list-style: none;
	margin: 0;
	padding: 24px 40px;
}

.mm-progress li {
	align-items: center;
	color: var(--mm-muted);
	display: flex;
	font-size: 15px;
	font-weight: 600;
	gap: 12px;
}

.mm-progress .active {
	color: var(--mm-primary);
}

.mm-progress .active span {
	background: var(--mm-primary);
	color: #ffffff;
}

.mm-note {
	background: #f2f7f4;
	border: 1px solid var(--mm-border);
	border-radius: var(--mm-radius-control);
	color: var(--mm-muted);
	padding: 14px 18px;
}

.mm-list a {
	align-items: center;
	display: flex;
	gap: 24px;
	justify-content: space-between;
}

.mm-list h2 {
	font-size: 28px;
	margin-bottom: 8px;
}

.mm-list p {
	margin: 0;
}

.mm-info-grid {
	display: grid;
	gap: 24px;
	grid-template-columns: 1fr 1fr;
	margin: 48px 0;
}

.mm-info-grid section h2 {
	font-size: 28px;
}

.mm-info-grid .accent {
	background: var(--mm-surface);
	grid-column: 1 / -1;
}

.mm-cta {
	align-items: center;
	border-top: 1px solid var(--mm-border);
	display: flex;
	gap: 32px;
	justify-content: space-between;
	margin-top: 48px;
	padding-top: 40px;
}

.mm-cta h2 {
	font-size: 28px;
	margin-bottom: 0;
}

.mm-mentor-grid {
	gap: 24px;
}

.mm-mentor {
	display: grid;
	gap: 28px;
	grid-template-columns: auto 1fr;
}

.mm-mentor h2 {
	font-size: 32px;
	margin-bottom: 12px;
}

.mm-avatar {
	align-items: center;
	background: var(--mm-accent);
	border-radius: 20px;
	color: var(--mm-primary);
	display: flex;
	font-size: 20px;
	font-weight: 800;
	height: 88px;
	justify-content: center;
	width: 88px;
}

.mm-avatar.large {
	font-size: 30px;
	height: 132px;
	width: 132px;
}

.mm-rating {
	color: #796019 !important;
	font-weight: 700;
}

.mm-mentor-list-rate {
	align-items: center;
	background: #f4f2ed;
	border: 1px solid rgba(14, 101, 84, 0.12);
	border-radius: 999px;
	color: #0e6554;
	display: inline-flex;
	font-size: 0.92rem;
	font-weight: 700;
	margin: 0;
	padding: 7px 12px;
	width: fit-content;
}

.mm-rating small {
	color: var(--mm-muted);
	font-weight: 400;
}

.mm-profile {
	align-items: center;
	display: flex;
	gap: 32px;
}

.mm-booking fieldset {
	border: 0;
	margin: 0 0 36px;
	padding: 0;
}

.mm-booking legend {
	font-size: 22px;
	margin-bottom: 20px;
}

.mm-slots {
	display: grid;
	gap: 16px;
	grid-template-columns: repeat(3, 1fr);
}

.mm-slots section {
	background: var(--mm-background);
	border: 1px solid var(--mm-border);
	border-radius: var(--mm-radius-control);
	padding: 20px;
}

.mm-slots label {
	margin-top: 10px;
}

.mm-slots input {
	margin-right: 8px;
	min-height: auto;
	width: auto;
}

.mm-form-grid {
	display: grid;
	gap: 20px;
	grid-template-columns: 1fr 1fr;
}

.mm-form-grid label input,
.mm-form-grid label textarea {
	margin-top: 8px;
}

.mm-form-grid .full {
	grid-column: 1 / -1;
}

.mm-application-hero {
	background:
		radial-gradient(circle at 88% 12%, rgb(207 237 226 / 86%), transparent 29%),
		radial-gradient(circle at 9% 92%, rgb(188 132 83 / 12%), transparent 30%),
		linear-gradient(135deg, #ffffff 0%, #f7faf8 58%, #fbf7f2 100%);
	display: grid;
	gap: 54px;
	grid-template-columns: minmax(0, .58fr) minmax(320px, .42fr);
	margin: 0 auto;
	max-width: none;
	padding: 112px max(40px, calc((100% - 1120px) / 2)) 70px;
	position: relative;
}

.mm-application-hero::before {
	background:
		linear-gradient(rgb(15 93 78 / 7%) 1px, transparent 1px),
		linear-gradient(90deg, rgb(15 93 78 / 7%) 1px, transparent 1px);
	background-size: 42px 42px;
	content: "";
	inset: 0;
	mask-image: radial-gradient(circle at 80% 15%, #000 0, transparent 45%);
	pointer-events: none;
	position: absolute;
}

.mm-application-hero-copy,
.mm-application-hero-card {
	position: relative;
	z-index: 1;
}

.mm-application-hero-copy {
	max-width: 840px;
}

.mm-application-hero-copy > p:not(.mm-kicker):not(.mm-lead) {
	color: var(--mm-muted);
	font-size: 20px;
	margin: 0 0 14px;
}

.mm-application-small {
	background: var(--mm-short-card);
	border: 1px solid rgb(28 86 74 / 10%);
	border-radius: 999px;
	color: var(--mm-primary) !important;
	display: inline-flex;
	font-size: 15px !important;
	font-weight: 700;
	margin-top: 14px !important;
	padding: 10px 16px;
}

.mm-application-hero-card {
	align-self: end;
	background: rgb(255 255 255 / 78%);
	backdrop-filter: blur(18px);
	border: 1px solid rgb(28 86 74 / 12%);
	border-radius: 32px;
	box-shadow: 0 30px 80px rgb(15 93 78 / 12%);
	overflow: hidden;
	padding: 34px;
}

.mm-application-hero-card::after {
	background: linear-gradient(135deg, rgb(207 237 226 / 50%), rgb(188 132 83 / 13%));
	border-radius: 999px;
	content: "";
	height: 180px;
	position: absolute;
	right: -70px;
	top: -80px;
	width: 180px;
	z-index: -1;
}

.mm-application-hero-dot {
	background: #bc8453;
	border-radius: 50%;
	box-shadow: 0 0 0 8px rgb(188 132 83 / 12%);
	display: inline-block;
	height: 12px;
	margin-bottom: 28px;
	width: 12px;
}

.mm-application-hero-card p {
	color: var(--mm-primary);
	font-size: 14px;
	font-weight: 800;
	letter-spacing: .04em;
	margin: 0 0 12px;
	text-transform: uppercase;
}

.mm-application-hero-card strong {
	display: block;
	font-size: 28px;
	letter-spacing: -.035em;
	line-height: 1.18;
	max-width: 420px;
}

.mm-application-hero-card ol {
	display: grid;
	gap: 12px;
	list-style: none;
	margin: 30px 0 0;
	padding: 0;
}

.mm-application-hero-card li {
	align-items: center;
	background: rgb(247 250 248 / 78%);
	border: 1px solid rgb(28 86 74 / 9%);
	border-radius: 18px;
	display: flex;
	font-size: 15px;
	font-weight: 800;
	gap: 12px;
	padding: 14px 16px;
}

.mm-application-hero-card li span {
	color: #bc8453;
	font-size: 13px;
	letter-spacing: .08em;
}

.mm-application-form {
	background:
		linear-gradient(180deg, rgb(255 255 255 / 0%) 0%, #f7faf8 18%),
		var(--mm-background);
	counter-reset: application-section;
	display: grid;
	gap: 24px 34px;
	grid-template-columns: minmax(0, 700px) minmax(340px, 410px);
	margin: 0 auto;
	max-width: none;
	padding: 34px max(40px, calc((100% - 1120px) / 2)) 112px;
}

.mm-application-honeypot {
	height: 1px;
	left: -9999px;
	overflow: hidden;
	position: absolute;
	width: 1px;
}

.mm-application-status {
	border-radius: 20px;
	color: var(--mm-muted);
	grid-column: 1 / -1;
	margin-bottom: 24px;
	padding: 0;
}

.mm-application-status:empty {
	display: none;
	margin: 0;
}

.mm-application-status.is-visible {
	background: #fff8f5;
	border: 1px solid rgb(158 78 37 / 18%);
	color: #6d3b21;
	padding: 18px 20px;
}

.mm-application-status.is-success {
	background: var(--mm-short-card);
	border-color: rgb(28 86 74 / 12%);
	color: var(--mm-primary);
}

.mm-application-status strong,
.mm-application-status p {
	display: block;
	margin: 0;
}

.mm-application-status p {
	margin-top: 4px;
}

.mm-application-progress {
	align-self: start;
	background: rgb(255 255 255 / 86%);
	backdrop-filter: blur(14px);
	border: 1px solid rgb(28 86 74 / 10%);
	border-radius: 24px;
	box-shadow: 0 18px 42px rgb(15 93 78 / 5%);
	grid-column: 1;
	margin-bottom: 0;
	padding: 18px 20px;
	position: sticky;
	top: 24px;
	z-index: 5;
}

.mm-application-progress-meta {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin-bottom: 12px;
}

.mm-application-progress-meta span {
	color: var(--mm-muted);
	font-size: 13px;
	font-weight: 700;
}

.mm-application-progress-meta strong {
	color: var(--mm-primary);
	font-size: 14px;
}

.mm-application-progress-track {
	background: #e6efeb;
	border-radius: 999px;
	height: 8px;
	margin-bottom: 14px;
	overflow: hidden;
}

.mm-application-progress-track i {
	background: linear-gradient(90deg, var(--mm-primary), #1f7a5c);
	border-radius: inherit;
	display: block;
	height: 100%;
	transition: width 260ms ease;
	width: 0%;
}

.mm-application-progress ol {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.mm-application-progress li {
	align-items: center;
	background: #f7faf8;
	border: 1px solid rgb(28 86 74 / 8%);
	border-radius: 999px;
	color: var(--mm-muted);
	display: flex;
	font-size: 13px;
	font-weight: 650;
	gap: 8px;
	justify-content: flex-start;
	padding: 11px 12px;
	text-align: left;
}

.mm-application-progress span {
	color: var(--mm-primary);
	font-weight: 800;
}

.mm-application-section {
	background:
		linear-gradient(135deg, rgb(255 255 255 / 98%) 0%, rgb(255 255 255 / 92%) 100%);
	border: 1px solid rgb(28 86 74 / 10%);
	border-radius: 30px;
	box-shadow: 0 18px 48px rgb(15 93 78 / 5%);
	counter-increment: application-section;
	grid-column: 1;
	margin-top: 0;
	padding: 42px;
	position: relative;
	transition: border-color 260ms ease, box-shadow 260ms ease, transform 260ms ease;
}

.mm-application-fields {
	display: grid;
	gap: 22px;
	grid-column: 1;
}

.mm-application-section:hover {
	border-color: rgb(15 93 78 / 18%);
	box-shadow: 0 24px 64px rgb(15 93 78 / 8%);
	transform: translateY(-2px);
}

.mm-application-section > header {
	margin-bottom: 28px;
	max-width: 860px;
	padding-left: 62px;
	position: relative;
}

.mm-application-section > header::before {
	align-items: center;
	background: var(--mm-short-card);
	border: 1px solid rgb(28 86 74 / 10%);
	border-radius: 18px;
	color: var(--mm-primary);
	content: counter(application-section, decimal-leading-zero);
	display: inline-flex;
	font-size: 14px;
	font-weight: 900;
	height: 42px;
	justify-content: center;
	left: 0;
	position: absolute;
	top: 3px;
	width: 42px;
}

.mm-application-section > header h2 {
	font-size: 30px;
	margin-bottom: 14px;
}

.mm-application-section > header p {
	display: none;
}

.mm-application-section label,
.mm-application-section legend {
	color: var(--mm-text);
	display: block;
	font-size: 15px;
	font-weight: 650;
}

.mm-application-section input,
.mm-application-section textarea {
	margin-top: 8px;
}

.mm-application-section input,
.mm-application-section textarea {
	background: #fbfdfb;
	border-color: rgb(28 86 74 / 14%);
	box-shadow: inset 0 1px 0 rgb(255 255 255 / 80%);
}

.mm-application-selected {
	background:
		radial-gradient(circle at 92% 16%, rgb(207 237 226 / 24%), transparent 28%),
		var(--mm-primary);
	border-radius: 24px;
	box-shadow: 0 18px 40px rgb(15 93 78 / 14%);
	color: #ffffff;
	display: grid;
	gap: 18px;
	grid-template-columns: minmax(220px, .32fr) 1fr;
	margin-bottom: 26px;
	padding: 22px;
	position: sticky;
	top: 98px;
	z-index: 4;
}

.mm-application-selected[hidden] {
	display: none;
}

.mm-application-selected strong {
	font-size: 18px;
}

.mm-application-selected p {
	color: rgb(255 255 255 / 72%);
	font-size: 14px;
	margin: 4px 0 0;
}

.mm-application-selected-list {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.mm-application-selected-list button,
.mm-application-custom-chip {
	align-items: center;
	background: rgb(255 255 255 / 12%);
	border: 1px solid rgb(255 255 255 / 22%);
	border-radius: 999px;
	color: #ffffff;
	cursor: pointer;
	display: inline-flex;
	font: inherit;
	font-size: 14px;
	font-weight: 800;
	gap: 8px;
	padding: 8px 12px;
}

.mm-application-category-grid {
	display: grid;
	gap: 18px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mm-application-category {
	background:
		linear-gradient(145deg, #ffffff 0%, #f8fbf9 100%);
	border: 1px solid rgb(28 86 74 / 10%);
	border-radius: 24px;
	overflow: hidden;
	transition: border-color 260ms ease, box-shadow 260ms ease, transform 260ms ease;
}

.mm-application-category:hover {
	border-color: rgb(15 93 78 / 22%);
	box-shadow: 0 18px 42px rgb(15 93 78 / 7%);
	transform: translateY(-3px);
}

.mm-application-category-toggle {
	align-items: center;
	background: transparent;
	border: 0;
	color: var(--mm-text);
	cursor: pointer;
	display: grid;
	gap: 13px;
	grid-template-columns: 44px 1fr 18px;
	min-height: 132px;
	padding: 18px;
	text-align: left;
	width: 100%;
}

.mm-application-category-icon {
	align-items: center;
	background:
		linear-gradient(135deg, var(--mm-short-card), rgb(255 255 255 / 80%));
	border: 1px solid rgb(28 86 74 / 10%);
	border-radius: 16px;
	color: var(--mm-primary);
	display: inline-flex;
	height: 44px;
	justify-content: center;
	width: 44px;
}

.mm-application-category-icon svg,
.mm-application-card-icon svg {
	fill: none;
	height: 22px;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.8;
	width: 22px;
}

.mm-application-category-copy {
	display: grid;
	gap: 5px;
}

.mm-application-category-title {
	font-size: 16px;
	font-weight: 750;
	line-height: 1.22;
}

.mm-application-category-desc,
.mm-application-category-count {
	color: var(--mm-muted);
	font-size: 14px;
	line-height: 1.4;
}

.mm-application-category-count {
	color: #bc8453;
	font-size: 13px;
	font-weight: 700;
}

.mm-application-category-chevron {
	color: var(--mm-primary);
	font-size: 22px;
	transition: transform 250ms ease;
}

.mm-application-category-toggle[aria-expanded="true"] .mm-application-category-chevron {
	transform: rotate(180deg);
}

.mm-application-skill-panel {
	background: #f4f8f6;
	border: 0;
	border-top: 1px solid rgb(28 86 74 / 10%);
	margin: 0;
	padding: 18px 22px 22px;
}

.mm-application-skill-panel legend {
	height: 1px;
	left: -9999px;
	overflow: hidden;
	position: absolute;
	width: 1px;
}

.mm-application-chip-grid,
.mm-application-options {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.mm-application-chip,
.mm-mentor-option,
.mm-application-primary-chip {
	cursor: pointer;
	display: inline-flex !important;
}

.mm-application-chip input,
.mm-mentor-option input,
.mm-application-primary-chip input {
	height: 1px;
	margin: 0;
	opacity: 0;
	position: absolute;
	width: 1px;
}

.mm-application-chip span,
.mm-mentor-option span,
.mm-application-primary-chip span {
	align-items: center;
	background: #ffffff;
	border: 1px solid rgb(28 86 74 / 12%);
	border-radius: 999px;
	color: var(--mm-primary);
	display: inline-flex;
	font-size: 14px;
	font-weight: 650;
	gap: 7px;
	min-height: 42px;
	padding: 9px 13px;
	transition: background-color 250ms ease, border-color 250ms ease, color 250ms ease, transform 250ms ease;
}

.mm-application-chip input:checked + span,
.mm-mentor-option input:checked + span,
.mm-application-primary-chip input:checked + span {
	background:
		linear-gradient(135deg, var(--mm-primary), #1f7a5c);
	border-color: var(--mm-primary);
	color: #ffffff;
	box-shadow: 0 10px 24px rgb(15 93 78 / 16%);
}

.mm-application-chip input:checked + span::before,
.mm-mentor-option input:checked + span::before,
.mm-application-primary-chip input:checked + span::before {
	content: "âś“";
	font-weight: 900;
}

.mm-application-chip input:focus-visible + span,
.mm-mentor-option input:focus-visible + span,
.mm-application-primary-chip input:focus-visible + span {
	outline: 3px solid rgb(15 93 78 / 28%);
	outline-offset: 3px;
}

.mm-application-chip:hover span,
.mm-mentor-option:hover span,
.mm-application-primary-chip:hover span {
	transform: translateY(-2px);
}

.mm-application-custom {
	background:
		radial-gradient(circle at 95% 0%, rgb(188 132 83 / 12%), transparent 25%),
		var(--mm-short-card);
	border: 1px solid rgb(28 86 74 / 10%);
	border-radius: 24px;
	margin-top: 26px;
	padding: 26px;
}

.mm-application-custom h3 {
	margin: 0 0 10px;
}

.mm-application-custom p {
	color: var(--mm-muted);
	margin: 0 0 18px;
}

.mm-application-custom-row {
	align-items: end;
	display: grid;
	gap: 12px;
	grid-template-columns: 1fr auto;
}

.mm-application-custom-list {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 14px;
}

.mm-application-custom-chip {
	background: var(--mm-primary);
	border-color: var(--mm-primary);
}

.mm-application-custom-chip button {
	background: transparent;
	border: 0;
	color: inherit;
	cursor: pointer;
	font: inherit;
	font-weight: 900;
	padding: 0;
}

.mm-application-primary {
	border: 0;
	margin: 0;
	padding: 0;
}

.mm-application-primary legend {
	margin-bottom: 12px;
}

.mm-application-primary-list {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.mm-application-empty,
.mm-application-counter,
.mm-note {
	color: var(--mm-muted);
	font-size: 15px;
}

.mm-application-options {
	border: 0;
	margin: 0;
	padding: 0;
}

.mm-application-options legend {
	margin-bottom: 12px;
	width: 100%;
}

.mm-application-other {
	flex-basis: 100%;
	margin-top: 12px;
	max-width: 520px;
}

.mm-application-file {
	background: var(--mm-short-card);
	border: 1px solid rgb(28 86 74 / 12%);
	border-radius: 22px;
	margin-bottom: 22px;
	padding: 20px;
}

.mm-application-file span {
	color: var(--mm-muted);
	display: block;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.45;
	margin-top: 4px;
}

.mm-application-file input {
	background: #ffffff;
	cursor: pointer;
	margin-top: 14px;
}

.mm-application-consent {
	align-items: start;
	display: flex !important;
	gap: 12px;
	margin-bottom: 22px;
}

.mm-application-consent input {
	flex: 0 0 auto;
	margin-top: 4px;
	min-height: auto;
	width: auto;
}

.mm-application-submit {
	background:
		radial-gradient(circle at 88% 12%, rgb(207 237 226 / 70%), transparent 26%),
		radial-gradient(circle at 8% 90%, rgb(188 132 83 / 10%), transparent 28%),
		#ffffff;
	border-color: rgb(15 93 78 / 18%);
}

.mm-application-preview {
	align-self: start;
	background: #ffffff;
	border: 1px solid rgb(28 86 74 / 10%);
	border-radius: 26px;
	box-shadow: 0 22px 60px rgb(15 93 78 / 8%);
	grid-column: 2;
	grid-row: 1;
	max-height: calc(100vh - 104px);
	overflow: auto;
	position: relative;
	top: auto;
	transition: transform 180ms ease-out;
	will-change: transform;
	width: auto;
	z-index: 3;
}

.mm-application-preview-browser {
	align-items: center;
	background: linear-gradient(180deg, #f7faf8, #eef5f1);
	border-bottom: 1px solid rgb(28 86 74 / 8%);
	display: flex;
	gap: 7px;
	height: 46px;
	padding: 0 20px;
}

.mm-application-preview-browser span {
	background: #b9c9c3;
	border-radius: 50%;
	height: 8px;
	width: 8px;
}

.mm-application-preview-note {
	background: #f4f8f6;
	border: 1px solid rgb(28 86 74 / 10%);
	border-radius: 16px;
	color: var(--mm-muted);
	font-size: 13px;
	font-weight: 600;
	line-height: 1.45;
	margin: 18px 24px 0;
	padding: 12px 14px;
}

.mm-application-preview-head {
	display: grid;
	gap: 16px;
	grid-template-columns: 62px 1fr;
	padding: 24px 24px 20px;
}

.mm-application-preview-avatar {
	background:
		linear-gradient(#b8c9d7 0 0) center 15px / 24px 24px no-repeat,
		linear-gradient(#9eb2c4 0 0) center 45px / 48px 28px no-repeat,
		#eef2f4;
	border-radius: 16px;
	height: 62px;
	width: 62px;
}

.mm-application-preview-head p {
	font-size: 16px;
	font-weight: 750;
	line-height: 1.2;
	margin: 2px 0 4px;
}

.mm-application-preview-head strong,
.mm-application-preview-head span {
	color: var(--mm-muted);
	display: block;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.4;
}

.mm-application-preview-head span {
	color: var(--mm-primary);
	font-weight: 650;
	margin-top: 8px;
}

.mm-application-preview-lines {
	border-bottom: 1px solid rgb(28 86 74 / 8%);
	border-top: 1px solid rgb(28 86 74 / 8%);
	display: grid;
	gap: 10px;
	margin: 0 24px;
	padding: 18px 0;
}

.mm-application-preview-lines span {
	background: #d4ddd9;
	border-radius: 999px;
	display: block;
	height: 8px;
}

.mm-application-preview-lines span:nth-child(1) {
	width: 72%;
}

.mm-application-preview-lines span:nth-child(2) {
	width: 88%;
}

.mm-application-preview-lines span:nth-child(3) {
	width: 54%;
}

.mm-application-preview section {
	padding: 20px 24px 0;
}

.mm-application-preview section h2 {
	color: var(--mm-primary);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .08em;
	margin: 0 0 10px;
	text-transform: uppercase;
}

.mm-application-preview section p,
.mm-application-preview section li {
	color: var(--mm-muted);
	font-size: 14px;
	line-height: 1.5;
}

.mm-application-preview section p {
	margin: 0;
}

.mm-application-preview ul {
	display: grid;
	gap: 8px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.mm-application-preview li {
	align-items: center;
	display: flex;
	gap: 8px;
}

.mm-application-preview li::before {
	background: var(--mm-short-card);
	border-radius: 50%;
	content: "";
	height: 8px;
	width: 8px;
}

.mm-application-preview-audience {
	background: var(--mm-short-card);
	border-radius: 20px;
	margin: 22px 24px 24px;
	padding: 16px;
}

.mm-application-preview-audience span,
.mm-application-preview-audience strong {
	display: block;
}

.mm-application-preview-audience span {
	color: var(--mm-muted);
	font-size: 13px;
	font-weight: 700;
}

.mm-application-preview-audience strong {
	color: var(--mm-primary);
	font-size: 16px;
	margin-top: 4px;
}

.mm-application-thank-you {
	align-items: center;
	background:
		radial-gradient(circle at 78% 20%, rgb(207 237 226 / 70%), transparent 30%),
		linear-gradient(135deg, #ffffff 0%, #f7faf8 100%);
	display: flex;
	flex-direction: column;
	margin: 0 auto;
	min-height: 680px;
	padding: 120px 40px;
	text-align: center;
}

.mm-application-thank-you > * {
	max-width: 780px;
}

.mm-application-success-mark {
	align-items: center;
	background: var(--mm-primary);
	border: 10px solid var(--mm-short-card);
	border-radius: 50%;
	color: #ffffff;
	display: inline-flex;
	font-size: 44px;
	font-weight: 900;
	height: 104px;
	justify-content: center;
	margin-bottom: 28px;
	width: 104px;
}

.mm-application-thank-you > p:not(.mm-kicker):not(.mm-lead) {
	color: var(--mm-muted);
	margin: 0;
}

.mm-application-thank-you-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	justify-content: center;
	margin-top: 34px;
}

.mm-center {
	margin: auto;
	max-width: 780px;
	text-align: center;
}

.mm-success {
	align-items: center;
	background: var(--mm-accent);
	border-radius: 50%;
	color: var(--mm-success);
	display: flex;
	font-size: 32px;
	font-weight: 800;
	height: 88px;
	justify-content: center;
	margin: 0 auto 28px;
	width: 88px;
}

.mm-summary {
	border: 1px solid var(--mm-border);
	border-radius: var(--mm-radius-card);
	margin: 36px 0;
	padding: 18px;
	text-align: left;
}

.mm-summary p {
	border-bottom: 1px solid var(--mm-border);
	display: grid;
	grid-template-columns: 140px 1fr;
	margin: 0;
	padding: 14px;
}

.mm-summary p:last-child {
	border: 0;
}

.mm-summary span {
	color: var(--mm-muted);
}

.mm-site-footer {
	background: #0a4a3e;
	color: #dcebe6;
	font: 400 15px/1.6 "Inter Variable", Inter, system-ui, sans-serif;
	margin-top: 24px;
}

.mm-footer-inner {
	margin: 0 auto;
	max-width: 1280px;
	padding: 72px 40px 28px;
}

.mm-footer-brand {
	border-bottom: 1px solid rgb(220 235 230 / 18%);
	display: flex;
	justify-content: space-between;
	margin-bottom: 52px;
	padding-bottom: 36px;
}

.mm-footer-logo {
	align-items: center;
	display: flex;
	margin: 0;
}

.mm-footer-logo img {
	display: block;
	height: 46px;
	width: auto;
}

.mm-footer-nav {
	display: grid;
	gap: 32px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.mm-footer-nav section {
	background: rgb(247 250 248 / 4%);
	border: 1px solid rgb(220 235 230 / 12%);
	border-radius: 20px;
	padding: 18px;
}

.mm-footer-nav h2 {
	color: #f7faf8;
	font-size: 15px;
	letter-spacing: .02em;
	margin: 0 0 18px;
}

.mm-footer-nav ul {
	display: grid;
	gap: 10px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.mm-footer-nav a {
	color: #bcd4cc;
	text-decoration: none;
	transition: color 250ms ease;
}

.mm-footer-nav a:hover {
	color: #f7faf8;
}

.mm-footer-bottom {
	align-items: center;
	border-top: 1px solid rgb(220 235 230 / 18%);
	color: #a9c7bd;
	display: flex;
	justify-content: space-between;
	margin-top: 48px;
	padding-top: 24px;
}

.mm-footer-bottom p {
	margin: 0;
}

.mm-legal-page {
	margin: 0 auto;
	max-width: 920px;
	padding: 88px 40px 104px;
}

.mm-legal-header {
	border-bottom: 1px solid var(--mm-border);
	margin-bottom: 48px;
	padding-bottom: 36px;
}

.mm-legal-header h1 {
	max-width: 760px;
}

.mm-legal-meta {
	color: var(--mm-muted);
	font-size: 15px;
	margin: 0;
}

.mm-legal-intro {
	font-size: 20px;
	margin-top: 24px;
	max-width: 780px;
}

.mm-legal-section {
	border-bottom: 1px solid var(--mm-border);
	padding: 12px 0 36px;
}

.mm-legal-section:last-child {
	border-bottom: 0;
}

.mm-legal-section h2 {
	font-size: 28px;
	letter-spacing: -.025em;
	margin: 24px 0 16px;
}

.mm-legal-section h3 {
	font-size: 20px;
	margin: 24px 0 10px;
}

.mm-legal-section p,
.mm-legal-section li {
	color: var(--mm-muted);
}

.mm-legal-section ul,
.mm-legal-section ol {
	display: grid;
	gap: 10px;
	padding-left: 24px;
}

.mm-legal-section a {
	color: var(--mm-primary);
}

.mm-legal-contact {
	background: var(--mm-short-card);
	border: 1px solid rgb(28 86 74 / 10%);
	border-radius: 22px;
	padding: 24px 28px;
}

.mm-fallback {
	font: 18px/1.6 system-ui;
	margin: 80px auto;
	max-width: 720px;
	padding: 20px;
}

@media (max-width: 1180px) {
	.mm-application-form {
		display: block;
	}

	.mm-application-preview {
		margin-bottom: 24px;
		max-height: none;
		position: static;
		width: auto;
	}
}

@media (max-width: 1024px) {
	.mm-app {
		padding: 16px;
	}

	.mm-shell {
		min-height: calc(100vh - 32px);
	}

	.mm-section,
	.mm-hero {
		padding-bottom: 80px;
		padding-top: 80px;
	}

	.mm-hero {
		gap: 40px;
		grid-template-columns: 1fr 400px;
		padding-top: 56px;
	}

	.mm-hero-content {
		padding-top: 48px;
	}

	.mm-hero-visual {
		margin-top: -16px;
	}

	.mm-popular-grid,
	.mm-solved-grid {
		grid-template-columns: 1fr 1fr;
	}

	.mm-steps {
		grid-template-columns: 1fr 1fr;
	}

	.mm-mentor-section {
		padding-bottom: 64px;
		padding-top: 64px;
	}

	.mm-mentor-skill-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.mm-mentor-help-list {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.mm-mentor-help-list li:not(:last-child)::after {
		display: none;
	}

	.mm-footer-nav {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.mm-finder-conversation ul {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.mm-finder-cost ul,
	.mm-finder-why ul {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.mm-application-category-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.mm-application-form {
		grid-template-columns: minmax(0, .58fr) minmax(300px, .42fr);
	}

	.mm-application-progress ol {
		gap: 7px;
	}

	.mm-application-progress li {
		flex: 1 1 170px;
	}

	.mm-application-preview {
		top: 108px;
	}

	.mm-application-selected {
		position: static;
	}
}

@media (max-width: 800px) {
	.mm-hero {
		grid-template-columns: 1fr;
	}

	.mm-hero-content {
		order: 1;
		padding-top: 0;
	}

	.mm-hero > .mm-search {
		display: block;
		grid-column: auto;
		margin: 24px 0 0;
		order: 2;
		padding: 24px;
	}

	.mm-hero > .mm-search > div {
		margin-top: 8px;
	}

	.mm-hero > .mm-search small {
		font-size: 15px;
		line-height: inherit;
		margin-top: 12px;
	}

	.mm-hero > .mm-search input,
	.mm-hero > .mm-search .mm-btn {
		min-height: 56px;
	}

	.mm-hero-visual {
		margin: 0 auto;
		max-width: 520px;
		order: 3;
		width: 100%;
	}

	.mm-specialization-grid,
	.mm-slots {
		grid-template-columns: 1fr;
	}

	.mm-progress li {
		font-size: 0;
	}

	.mm-mentor-readiness-layout,
	.mm-mentor-change {
		grid-template-columns: 1fr;
	}

	.mm-mentor-knowledge-visual,
	.mm-mentor-change-visual {
		margin: 0 auto;
		max-width: 520px;
		width: 100%;
	}

	.mm-mentor-change-copy {
		max-width: 760px;
	}

	.mm-heart-section-split,
	.mm-heart-generations-copy {
		grid-template-columns: 1fr;
	}

	.mm-heart-section-split {
		gap: 28px;
	}

	.mm-heart-generations {
		border-radius: 0;
	}

	.mm-finder-hero {
		grid-template-columns: 1fr;
	}

	.mm-application-selected {
		grid-template-columns: 1fr;
	}

	.mm-application-hero {
		grid-template-columns: 1fr;
	}

	.mm-application-hero-card {
		align-self: stretch;
	}

	.mm-application-form {
		display: block;
	}

	.mm-application-progress {
		margin-bottom: 24px;
		position: static;
	}

	.mm-application-progress ol {
		display: flex;
	}

	.mm-application-progress li {
		flex: 1 1 210px;
	}

	.mm-application-preview {
		margin-bottom: 24px;
		position: static;
	}

	.mm-application-category-grid {
		grid-template-columns: 1fr;
	}

	.mm-application-custom-row {
		align-items: stretch;
		grid-template-columns: 1fr;
	}

	.mm-finder-hero-visual {
		margin: -30px auto 0;
		max-width: 470px;
	}

	.mm-finder-table-wrap {
		display: none;
	}

	.mm-finder-mobile-comparison {
		display: grid;
		gap: 18px;
		margin-top: 42px;
	}

	.mm-finder-mobile-comparison article {
		border: 1px solid var(--mm-border);
		border-radius: 22px;
		padding: 24px;
	}

	.mm-finder-mobile-comparison article.is-highlighted {
		background: #eef8f4;
		border-color: #b7dacf;
	}

	.mm-finder-mobile-comparison header {
		align-items: center;
		display: flex;
		justify-content: space-between;
	}

	.mm-finder-mobile-comparison h3 {
		margin: 0;
	}

	.mm-finder-mobile-comparison header span {
		margin: 0;
	}

	.mm-finder-mobile-comparison dl {
		margin: 20px 0 0;
	}

	.mm-finder-mobile-comparison dl > div {
		border-top: 1px solid var(--mm-border);
		padding: 16px 0;
	}

	.mm-finder-mobile-comparison dt {
		color: var(--mm-primary);
		font-size: 13px;
		font-weight: 800;
	}

	.mm-finder-mobile-comparison dd {
		color: var(--mm-muted);
		margin: 5px 0 0;
	}
}

@media (max-width: 600px) {
	.mm-app {
		padding: 0;
	}

	.mm-shell {
		border: 0;
		border-radius: 0;
	}

	.mm-header {
		min-height: 68px;
		padding: 0 20px;
	}

	.mm-header small {
		display: none;
	}

	.mm-back {
		margin: 20px 20px 0;
	}

	.mm-section,
	.mm-hero,
	.mm-home-section {
		padding: 56px 20px;
	}

	.mm-app h1 {
		font-size: 42px;
	}

	.mm-header {
		padding: 0 20px;
	}

	.mm-header small {
		display: none;
	}

	.mm-nav {
		gap: 12px;
	}

	.mm-nav > a[href="/zostan-mentorem/"] {
		display: none;
	}

	.mm-nav .mm-nav-heart {
		padding: 6px 10px;
	}

	.mm-logo img {
		height: 36px;
		max-width: 130px;
	}

	.mm-nav {
		gap: 8px;
	}

	.mm-nav > a:not(.mm-nav-heart) {
		font-size: 13px;
	}

	.mm-mentor-hero,
	.mm-mentor-manifesto,
	.mm-mentor-final-cta {
		padding: 64px 24px;
	}

	.mm-mentor-hero {
		grid-template-columns: 1fr;
		padding: 64px 24px;
	}

	.mm-mentor-hero-visual {
		height: 430px;
		margin: -24px 0 -8px;
		order: 2;
	}

	.mm-mentor-hero-copy {
		order: 1;
	}

	.mm-mentor-benefit-list {
		grid-template-columns: 1fr;
	}

	.mm-mentor-section {
		padding-bottom: 48px;
		padding-top: 48px;
	}

	.mm-mentor-change {
		padding-left: 24px;
		padding-right: 24px;
	}

	.mm-mentor-readiness-layout {
		gap: 30px;
		margin-top: 34px;
	}

	.mm-mentor-skill-grid,
	.mm-mentor-help-list {
		grid-template-columns: 1fr;
		margin-top: 34px;
	}

	.mm-mentor-skill-grid li {
		min-height: 78px;
	}

	.mm-mentor-help-list li {
		font-size: 17px;
		min-height: 86px;
		padding: 20px 14px;
	}

	.mm-mentor-question {
		padding-bottom: 64px;
		padding-top: 64px;
	}

	.mm-mentor-question blockquote {
		margin-bottom: 30px;
		margin-top: 30px;
	}

	.mm-heart-hero {
		min-height: 500px;
		padding: 72px 24px 40px;
	}

	.mm-heart-thread {
		margin-top: 34px;
		min-width: 620px;
		transform: translateX(-25%);
	}

	.mm-heart-section,
	.mm-heart-generations {
		padding: 60px 24px;
	}

	.mm-heart-section:not(.mm-heart-generations)::before {
		left: 24px;
		right: 24px;
	}

	.mm-heart-bridge {
		margin-top: 24px;
		min-width: 620px;
		transform: translateX(-24%);
	}

	.mm-heart-conversation blockquote {
		margin: 34px auto;
	}

	.mm-heart-together {
		padding-bottom: 72px;
	}

	.mm-heart-cta {
		padding: 72px 24px;
	}

	.mm-heart-actions {
		align-items: stretch;
		flex-direction: column;
	}

	.mm-footer-inner {
		padding: 56px 24px 24px;
	}

	.mm-footer-brand,
	.mm-footer-bottom {
		align-items: flex-start;
		flex-direction: column;
		gap: 18px;
	}

	.mm-footer-nav {
		grid-template-columns: 1fr;
	}

	.mm-footer-bottom {
		align-items: flex-start;
	}

	.mm-application-hero {
		padding: 64px 24px 36px;
	}

	.mm-application-small {
		align-items: flex-start;
		border-radius: 18px;
	}

	.mm-application-form {
		padding: 20px 20px 72px;
	}

	.mm-application-progress ol {
		display: grid;
		grid-template-columns: 1fr;
	}

	.mm-application-progress li {
		flex: none;
		justify-content: flex-start;
	}

	.mm-application-preview-head {
		grid-template-columns: 58px 1fr;
		padding: 24px 22px 20px;
	}

	.mm-application-preview-avatar {
		border-radius: 16px;
		height: 58px;
		width: 58px;
	}

	.mm-application-preview-lines {
		margin: 0 22px;
	}

	.mm-application-preview section {
		padding: 22px 22px 0;
	}

	.mm-application-preview-audience {
		margin: 22px;
	}

	.mm-application-section {
		border-radius: 24px;
		padding: 24px;
	}

	.mm-application-section > header {
		padding-left: 0;
	}

	.mm-application-section > header::before {
		margin-bottom: 14px;
		position: static;
	}

	.mm-application-category-toggle {
		grid-template-columns: 44px 1fr 18px;
		padding: 18px;
	}

	.mm-application-category-icon {
		height: 44px;
		width: 44px;
	}

	.mm-finder-hero {
		gap: 22px;
		padding: 64px 24px;
	}

	.mm-finder-hero h1 {
		font-size: 40px;
	}

	.mm-finder-hero-visual {
		margin-top: -16px;
	}

	.mm-finder-section {
		padding: 56px 24px;
	}

	.mm-finder-accordion {
		margin-top: 34px;
	}

	.mm-finder-accordion-item button {
		font-size: 17px;
		gap: 10px;
		grid-template-columns: 30px minmax(0, 1fr) 34px;
		min-height: 74px;
		padding-left: 0;
		padding-right: 0;
	}

	.mm-finder-accordion-panel {
		padding: 0 0 28px 40px;
	}

	.mm-finder-accordion-panel ul {
		grid-template-columns: 1fr;
	}

	.mm-finder-chaos,
	.mm-finder-final {
		padding: 68px 24px;
	}

	.mm-finder-conversation ul,
	.mm-finder-cost ul,
	.mm-finder-why ul {
		grid-template-columns: 1fr;
	}

	.mm-finder-mobile-comparison article {
		padding: 20px;
	}

	.mm-finder-mobile-comparison header {
		align-items: flex-start;
		flex-direction: column;
		gap: 10px;
	}

	.mm-legal-page {
		padding: 56px 20px 72px;
	}

	.mm-legal-header {
		margin-bottom: 32px;
		padding-bottom: 28px;
	}

	.mm-legal-section h2 {
		font-size: 25px;
	}

	.mm-legal-contact {
		padding: 20px;
	}

	.mm-app h2 {
		font-size: 32px;
	}

	.mm-app h3 {
		font-size: 24px;
	}

	.mm-hero-copy,
	.mm-lead {
		font-size: 19px;
	}

	.mm-search,
	.mm-booking,
	.mm-problem-tile,
	.mm-specialization-tile,
	.mm-list a,
	.mm-mentor,
	.mm-solved-grid article,
	.mm-info-grid section {
		padding: 24px;
	}

	.mm-search > div,
	.mm-info-grid,
	.mm-form-grid,
	.mm-popular-grid,
	.mm-solved-grid,
	.mm-steps,
	.mm-benefits {
		grid-template-columns: 1fr;
	}

	.mm-progress {
		padding: 18px 20px;
	}

	.mm-progress li {
		justify-content: center;
	}

	.mm-cta,
	.mm-profile {
		align-items: flex-start;
		flex-direction: column;
	}

	.mm-mentor {
		grid-template-columns: 1fr;
	}

	.mm-summary p {
		grid-template-columns: 1fr;
	}

	.mm-info-grid .accent,
	.mm-form-grid .full {
		grid-column: auto;
	}
}

@media (prefers-reduced-motion: no-preference) {
	.mm-home-section > *,
	.mm-hero-content > *,
	.mm-hero-visual,
	.mm-mentor-section > *,
	.mm-mentor-manifesto-inner,
	.mm-mentor-final-cta > *,
	.mm-heart-hero > *,
	.mm-heart-section > *,
	.mm-heart-cta > *,
	.mm-finder-hero > *,
	.mm-finder-section > *,
	.mm-finder-chaos > *,
	.mm-finder-final > * {
		animation: mm-fade-up 250ms ease both;
	}

	.mm-hero-visual {
		animation-delay: 80ms;
	}

	@keyframes mm-fade-up {
		from {
			opacity: 0;
			transform: translateY(10px);
		}

		to {
			opacity: 1;
			transform: translateY(0);
		}
	}
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}

	.mm-app * {
		animation: none !important;
		transition: none !important;
	}
}

/* Mentor application v2 */
.mm-app:has(.mm-application-form) {
	--mm-form-page: #f6f5f2;
	--mm-form-surface: #ffffff;
	--mm-form-section-alt: #f4f2ed;
	--mm-form-skill-panel: #f1f0ec;
	--mm-form-chip: #ffffff;
	--mm-form-primary: #0e6554;
	--mm-form-primary-dark: #0a4639;
	--mm-form-profile: #123d34;
	--mm-form-text: #17201d;
	--mm-form-muted: #68706c;
	--mm-form-border: #dddcd6;
	--mm-form-border-strong: #bbbeb7;
	--mm-form-accent: #c76b3c;
	background: var(--mm-form-page);
}

.mm-application-hero {
	background: var(--mm-form-page);
	display: block;
	max-width: 1200px;
	padding: 72px 40px 28px;
}

.mm-application-hero::before,
.mm-application-hero-card {
	display: none;
}

.mm-application-hero-copy {
	max-width: 820px;
}

.mm-application-hero h1 {
	color: var(--mm-form-text);
}

.mm-application-hero .mm-lead {
	max-width: 760px;
}

.mm-application-small {
	background: transparent;
	border: 0;
	color: var(--mm-form-muted);
	max-width: 780px;
	padding: 0;
}

.mm-application-form {
	background: var(--mm-form-page);
	grid-template-columns: minmax(0, 65fr) minmax(340px, 35fr);
	max-width: 1200px;
	padding: 22px 40px 104px;
}

.mm-application-section {
	background: var(--mm-form-surface);
	border: 1px solid var(--mm-form-border);
	border-radius: 28px;
	box-shadow: none;
	counter-increment: application-section;
	padding: 34px;
}

.mm-application-section:hover {
	border-color: var(--mm-form-border-strong);
	box-shadow: 0 18px 46px rgb(18 61 52 / 6%);
	transform: none;
}

.mm-application-section > header {
	margin-bottom: 24px;
	max-width: 760px;
	padding-left: 0;
}

.mm-application-section > header::before {
	background: transparent;
	border: 0;
	color: var(--mm-form-accent);
	content: counter(application-section) ".";
	display: block;
	font-size: 14px;
	height: auto;
	justify-content: flex-start;
	left: auto;
	margin-bottom: 8px;
	position: static;
	width: auto;
}

.mm-application-section > header h2 {
	color: var(--mm-form-text);
	font-size: 28px;
	letter-spacing: -.03em;
	margin-bottom: 10px;
}

.mm-application-section > header p {
	color: var(--mm-form-muted);
	display: block;
	font-size: 16px;
	line-height: 1.55;
	margin: 0;
}

.mm-application-section label,
.mm-application-section legend {
	color: var(--mm-form-text);
}

.mm-application-section input,
.mm-application-section textarea {
	background: #ffffff;
	border: 1px solid #d5d4ce;
	border-radius: 16px;
	color: var(--mm-form-text);
}

.mm-application-section input:focus,
.mm-application-section textarea:focus {
	border-color: var(--mm-form-primary);
	box-shadow: 0 0 0 3px rgb(14 101 84 / 10%);
	outline: 0;
}

.mm-application-selected {
	background: var(--mm-form-section-alt);
	border: 1px solid var(--mm-form-border);
	border-radius: 22px;
	box-shadow: none;
	color: var(--mm-form-text);
	display: grid;
	grid-template-columns: minmax(210px, .34fr) 1fr;
	margin-bottom: 24px;
	padding: 18px;
	position: static;
}

.mm-application-selected strong {
	color: var(--mm-form-primary);
	font-size: 16px;
}

.mm-application-selected p {
	color: var(--mm-form-muted);
	font-size: 14px;
	margin: 2px 0 0;
}

.mm-application-selected-list button,
.mm-application-custom-chip {
	background: #ffffff;
	border: 1px solid var(--mm-form-border);
	color: var(--mm-form-primary);
	font-size: 13px;
	font-weight: 750;
}

.mm-application-category-grid {
	gap: 12px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.mm-application-category {
	background: #ffffff;
	border: 1px solid var(--mm-form-border);
	border-radius: 20px;
	overflow: visible;
	position: relative;
}

.mm-application-category:hover {
	background: #faf9f7;
	border-color: var(--mm-form-border-strong);
	box-shadow: none;
	transform: none;
}

.mm-application-category.is-active {
	background: #f4f2ed;
	border-color: var(--mm-form-primary);
}

.mm-application-category.is-selected {
	border-color: rgb(14 101 84 / 42%);
	box-shadow: inset 0 0 0 1px rgb(14 101 84 / 8%);
}

.mm-application-category.is-active::after {
	background: var(--mm-form-accent);
	border-radius: 999px;
	content: "";
	height: 8px;
	position: absolute;
	right: 16px;
	top: 16px;
	width: 8px;
}

.mm-application-category.is-selected:not(.is-active)::after {
	background: var(--mm-form-primary);
	border-radius: 999px;
	content: "";
	height: 7px;
	position: absolute;
	right: 16px;
	top: 16px;
	width: 7px;
}

.mm-application-category-toggle {
	grid-template-columns: 40px 1fr;
	min-height: 116px;
	padding: 18px;
}

.mm-application-category-chevron {
	display: none;
}

.mm-application-category-icon {
	background: var(--mm-form-section-alt);
	border-color: var(--mm-form-border);
	color: var(--mm-form-primary);
	height: 40px;
	width: 40px;
}

.mm-application-category-title {
	color: var(--mm-form-text);
	font-size: 15px;
}

.mm-application-category-count {
	color: var(--mm-form-accent);
}

.mm-application-skill-panels {
	margin-top: 16px;
}

.mm-application-skill-panel {
	background: var(--mm-form-skill-panel);
	border: 1px solid var(--mm-form-border);
	border-radius: 24px;
	margin: 0;
	padding: 24px;
}

.mm-application-tool-panel {
	border-top: 1px solid var(--mm-form-border);
	margin-top: 20px;
	padding-top: 20px;
}

.mm-application-tool-panel .mm-application-panel-head {
	margin-bottom: 14px;
}

.mm-application-panel-head {
	display: grid;
	gap: 4px;
	margin-bottom: 18px;
}

.mm-application-panel-head strong {
	color: var(--mm-form-primary);
	font-size: 18px;
}

.mm-application-panel-head span {
	color: var(--mm-form-muted);
	font-size: 14px;
}

.mm-application-chip span,
.mm-mentor-option span,
.mm-application-primary-chip span {
	background: var(--mm-form-chip);
	border: 1px solid var(--mm-form-border);
	color: #23473e;
}

.mm-application-chip:hover span,
.mm-mentor-option:hover span,
.mm-application-primary-chip:hover span {
	background: var(--mm-form-section-alt);
	border-color: var(--mm-form-border-strong);
	transform: translateY(-1px);
}

.mm-application-chip input:checked + span,
.mm-mentor-option input:checked + span,
.mm-application-primary-chip input:checked + span {
	background: var(--mm-form-primary);
	border-color: var(--mm-form-primary);
	box-shadow: none;
	color: #ffffff;
}

.mm-application-chip input:checked + span::before,
.mm-mentor-option input:checked + span::before,
.mm-application-primary-chip input:checked + span::before {
	content: "âś“";
	font-weight: 900;
}

.mm-application-custom {
	background: var(--mm-form-section-alt);
	border-color: var(--mm-form-border);
	border-radius: 24px;
}

.mm-application-primary-counter {
	color: var(--mm-form-primary);
	font-size: 14px;
	font-weight: 700;
	margin: 0 0 20px;
}

.mm-application-primary-chip span {
	align-items: center;
	background: #fffdf9;
	border-color: rgb(187 190 183 / 58%);
	border-radius: 18px;
	color: var(--mm-form-text);
	font-size: 15px;
	font-weight: 600;
	gap: 10px;
	justify-content: space-between;
	line-height: 1.3;
	max-width: 100%;
	padding: 13px 14px;
	white-space: normal;
}

.mm-application-primary-chip strong {
	font-size: 15px;
	font-weight: 600;
	line-height: 1.3;
	min-width: 0;
}

.mm-application-primary-chip em {
	background: rgb(14 101 84 / 8%);
	border-radius: 999px;
	color: rgb(14 101 84 / 82%);
	flex: 0 0 auto;
	font-size: 11.5px;
	font-style: normal;
	font-weight: 600;
	letter-spacing: .005em;
	margin-left: 6px;
	padding: 4px 8px;
	text-transform: none;
}

.mm-application-primary-chip:hover span {
	background: #faf9f7;
	border-color: rgb(187 190 183 / 85%);
	transform: translateY(-1px);
}

.mm-application-primary-chip input:focus-visible + span {
	box-shadow: 0 0 0 3px rgb(14 101 84 / 10%);
	outline: 0;
}

.mm-application-primary-chip input:checked + span em {
	background: rgb(255 255 255 / 20%);
	color: #ffffff;
}

.mm-application-option-group {
	border: 1px solid var(--mm-form-border);
	border-radius: 22px;
	padding: 18px;
}

.mm-application-option-group + .mm-application-option-group {
	margin-top: 14px;
}

.mm-application-option-group h3 {
	color: var(--mm-form-primary);
	font-size: 15px;
	margin: 0 0 12px;
}

.mm-application-option-grid {
	display: flex;
	flex-wrap: wrap;
	column-gap: 10px;
	row-gap: 12px;
}

.mm-application-chip span,
.mm-mentor-option span,
.mm-application-primary-chip span,
.mm-application-chip strong,
.mm-mentor-option strong,
.mm-application-primary-chip strong {
	-webkit-font-smoothing: antialiased;
	font-family: inherit;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1.45;
	text-rendering: optimizeLegibility;
}

.mm-mentor-option span {
	align-items: flex-start;
	border-radius: 18px;
	flex-direction: column;
	gap: 3px;
	min-height: 54px;
	padding: 12px 15px;
}

.mm-mentor-option strong {
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1.45;
}

.mm-mentor-option small {
	color: inherit;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.35;
	opacity: .78;
}

.mm-application-other {
	margin-top: 16px;
}

.mm-application-other[hidden] {
	display: none !important;
}

.mm-application-file {
	display: none;
}

.mm-application-submit {
	background: #ffffff;
	border-color: var(--mm-form-border);
}

.mm-application-submit .mm-btn {
	background: var(--mm-form-primary);
	border-radius: 16px;
	color: #ffffff;
	min-height: 56px;
}

.mm-application-submit .mm-btn:hover {
	background: var(--mm-form-primary-dark);
	transform: translateY(-1px);
}

.mm-application-preview {
	background: var(--mm-form-profile);
	border: 1px solid rgb(255 255 255 / 10%);
	border-radius: 24px;
	box-shadow: 0 20px 56px rgb(18 61 52 / 16%);
	color: #ffffff;
	max-height: none;
	overflow: visible;
	padding: 16px;
}

.mm-application-preview-top {
	align-items: center;
	display: flex;
	gap: 8px;
	justify-content: space-between;
}

.mm-application-preview-top p {
	color: rgb(255 255 255 / 72%);
	font-size: 11px;
	font-weight: 750;
	margin: 0;
}

.mm-application-preview-dot {
	background: var(--mm-form-accent);
	border-radius: 50%;
	box-shadow: 0 0 0 4px rgb(199 107 60 / 14%);
	display: inline-flex;
	height: 7px;
	width: 7px;
}

.mm-application-preview-bar {
	background: rgb(255 255 255 / 10%);
	border-radius: 999px;
	height: 5px;
	margin: 9px 0 10px;
	overflow: hidden;
}

.mm-application-preview-bar span {
	background: #ffffff;
	border-radius: inherit;
	display: block;
	height: 100%;
	transition: width 250ms ease;
	width: 0;
}

.mm-application-preview-browser,
.mm-application-preview-lines {
	display: none;
}

.mm-application-preview-title {
	margin-bottom: 12px;
}

.mm-application-preview-title h2 {
	color: #ffffff;
	font-size: 18px;
	letter-spacing: -.03em;
	margin: 0 0 3px;
}

.mm-application-preview-title p {
	font-size: 11px;
	line-height: 1.3;
	margin: 0;
}

.mm-application-preview-title p,
.mm-application-preview section p,
.mm-application-preview section li,
.mm-application-preview-head strong {
	color: rgb(255 255 255 / 72%);
}

.mm-application-preview-head {
	background: transparent;
	border: 0;
	border-radius: 0;
	grid-template-columns: 42px 1fr;
	padding: 0;
}

.mm-application-preview-avatar {
	background:
		linear-gradient(#c7d8d2 0 0) center 10px / 16px 16px no-repeat,
		linear-gradient(#9fbdb4 0 0) center 30px / 34px 18px no-repeat,
		rgb(255 255 255 / 12%);
	border-radius: 50%;
	height: 42px;
	width: 42px;
}

.mm-application-preview-head p {
	color: #ffffff;
	font-size: 14px;
	line-height: 1.2;
	margin: 0 0 2px;
}

.mm-application-preview-head strong {
	font-size: 10.5px;
	line-height: 1.25;
}

.mm-application-preview section {
	padding: 11px 0 0;
}

.mm-application-preview section h3 {
	color: #ffffff;
	font-size: 9px;
	font-weight: 850;
	letter-spacing: .08em;
	margin: 0 0 5px;
	text-transform: uppercase;
}

.mm-application-preview section p {
	font-size: 10.5px;
	line-height: 1.28;
	margin: 0;
}

.mm-application-preview ul {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
}

.mm-application-preview li {
	background: rgb(255 255 255 / 10%);
	border: 1px solid rgb(255 255 255 / 18%);
	border-radius: 999px;
	color: #ffffff !important;
	font-size: 9.8px;
	line-height: 1.15;
	padding: 4px 7px;
}

.mm-application-preview li::before {
	display: none;
}

.mm-application-preview-note {
	background: rgb(255 255 255 / 8%);
	border: 1px solid rgb(255 255 255 / 12%);
	color: rgb(255 255 255 / 74%);
	font-size: 9.8px;
	line-height: 1.25;
	margin: 0 0 11px;
	padding: 7px 9px;
}

.mm-application-preview-audience {
	display: none;
}

.mm-application-status.is-info {
	background: var(--mm-form-section-alt);
	border-color: var(--mm-form-border-strong);
	color: var(--mm-form-primary);
}

@media (max-width: 1180px) {
	.mm-application-form {
		display: block;
	}

	.mm-application-preview {
		margin-bottom: 24px;
		max-height: none;
		position: static;
	}

	.mm-application-category-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 720px) {
	.mm-application-hero,
	.mm-application-form {
		padding-left: 20px;
		padding-right: 20px;
	}

	.mm-application-section {
		border-radius: 24px;
		padding: 24px;
	}

	.mm-application-selected {
		grid-template-columns: 1fr;
	}

	.mm-application-category-grid {
		grid-template-columns: 1fr;
	}

	.mm-application-custom-row {
		grid-template-columns: 1fr;
	}

	.mm-application-primary-chip span {
		align-items: flex-start;
		flex-direction: column;
		gap: 7px;
	}

	.mm-application-primary-chip em {
		margin-left: 0;
	}
}

/* Mentor panel v1 */
.mm-mentor-dashboard {
	align-items: start;
	display: grid;
	gap: 28px;
	grid-template-columns: 292px minmax(0, 1fr);
	margin: 0 auto;
	max-width: 1440px;
	padding: 34px 24px 72px;
}

.mm-mentor-dashboard-main {
	min-width: 0;
}

.mm-mentor-sidebar {
	background: linear-gradient(180deg, #123d34 0%, #0e6554 100%);
	border: 1px solid rgba(255, 255, 255, 0.16);
	border-radius: 30px;
	box-shadow: 0 24px 70px rgba(18, 61, 52, 0.20);
	color: #ffffff;
	display: flex;
	flex-direction: column;
	gap: 20px;
	max-height: calc(100vh - 48px);
	overflow: auto;
	padding: 18px;
	position: sticky;
	top: 24px;
}

.mm-mentor-sidebar-brand {
	align-items: center;
	display: flex;
	gap: 12px;
	padding: 6px 6px 14px;
}

.mm-mentor-sidebar-avatar {
	align-items: center;
	background: #d8f1e8;
	border: 1px solid rgba(255, 255, 255, 0.24);
	border-radius: 50%;
	color: #0e6554;
	display: inline-flex;
	font-weight: 800;
	height: 44px;
	justify-content: center;
	overflow: hidden;
	width: 44px;
}

.mm-mentor-sidebar-avatar img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.mm-mentor-sidebar-brand strong,
.mm-mentor-sidebar-brand span,
.mm-mentor-sidebar-status span,
.mm-mentor-sidebar-status em {
	display: block;
}

.mm-mentor-sidebar-brand strong {
	font-size: 18px;
	letter-spacing: -0.02em;
}

.mm-mentor-sidebar-brand span {
	color: rgba(255, 255, 255, 0.68);
	font-size: 12px;
	line-height: 1.35;
	max-width: 180px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.mm-mentor-sidebar-status {
	background: rgba(255, 255, 255, 0.10);
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 20px;
	padding: 14px;
}

.mm-mentor-sidebar-status span {
	font-size: 13px;
	font-weight: 800;
}

.mm-mentor-sidebar-status em {
	color: rgba(255, 255, 255, 0.72);
	font-size: 12px;
	font-style: normal;
	margin-top: 3px;
}

.mm-mentor-sidebar-nav {
	display: grid;
	gap: 7px;
}

.mm-mentor-sidebar-nav a,
.mm-mentor-sidebar-logout {
	align-items: center;
	border-radius: 16px;
	color: rgba(255, 255, 255, 0.82);
	display: flex;
	font-size: 15px;
	font-weight: 750;
	gap: 11px;
	padding: 12px 13px;
	text-decoration: none;
	transition: background 180ms ease, color 180ms ease, transform 180ms ease;
}

.mm-mentor-sidebar-nav a:hover,
.mm-mentor-sidebar-nav a:focus-visible,
.mm-mentor-sidebar-nav a.is-active,
.mm-mentor-sidebar-logout:hover,
.mm-mentor-sidebar-logout:focus-visible {
	background: rgba(255, 255, 255, 0.13);
	color: #ffffff;
	transform: translateX(2px);
}

.mm-mentor-sidebar-nav a span {
	align-items: center;
	background: rgba(255, 255, 255, 0.12);
	border-radius: 10px;
	display: inline-flex;
	font-size: 13px;
	height: 28px;
	justify-content: center;
	width: 28px;
}

.mm-mentor-sidebar-logout {
	border-top: 1px solid rgba(255, 255, 255, 0.14);
	margin-top: auto;
}
.mm-panel-hero {
	align-items: stretch;
	display: grid;
	gap: 32px;
	grid-template-columns: minmax(0, 1.35fr) minmax(320px, .65fr);
	margin: 0 auto;
	max-width: 1200px;
	padding: 96px 24px 56px;
}

.mm-panel-hero > div,
.mm-panel-status,
.mm-panel-card,
.mm-panel-next,
.mm-panel-edit,
.mm-panel-review-cta,
.mm-panel-gate {
	background: #ffffff;
	border: 1px solid var(--mm-border);
	border-radius: 28px;
	box-shadow: 0 18px 48px rgb(15 93 78 / 7%);
}

.mm-panel-hero > div {
	padding: 44px;
}

.mm-panel-hero h1,
.mm-panel-gate h1 {
	font-size: clamp(40px, 5vw, 56px);
	letter-spacing: -.045em;
	line-height: 1.02;
	margin: 0 0 18px;
}

.mm-panel-hero p,
.mm-panel-gate p,
.mm-panel-next p,
.mm-panel-edit p {
	color: var(--mm-muted);
	font-size: 18px;
	line-height: 1.65;
	margin: 0;
	max-width: 720px;
}

.mm-panel-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 28px;
}

.mm-panel-status {
	align-self: stretch;
	background: #123d34;
	color: #ffffff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 32px;
}

.mm-panel-status span {
	color: rgb(255 255 255 / 68%);
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
}

.mm-panel-status strong {
	display: block;
	font-size: 36px;
	letter-spacing: -.04em;
	line-height: 1;
	margin: 10px 0 18px;
}

.mm-panel-status p {
	color: rgb(255 255 255 / 74%);
	font-size: 15px;
	line-height: 1.55;
}

.mm-panel-progress {
	background: rgb(255 255 255 / 14%);
	border-radius: 999px;
	height: 10px;
	margin-bottom: 16px;
	overflow: hidden;
}

.mm-panel-progress i {
	background: #cfeee3;
	border-radius: inherit;
	display: block;
	height: 100%;
}

.mm-panel-grid {
	display: grid;
	gap: 28px;
	grid-template-columns: minmax(0, 1.08fr) minmax(340px, .92fr);
}

.mm-panel-card {
	padding: 34px;
}

.mm-panel-tabs {
	align-items: center;
	background: rgb(255 255 255 / 82%);
	border: 1px solid rgb(15 93 78 / 12%);
	border-radius: 999px;
	box-shadow: 0 18px 48px rgb(18 61 52 / 7%);
	display: flex;
	gap: 6px;
	margin: 0 auto 24px;
	max-width: 1180px;
	overflow-x: auto;
	padding: 8px;
}

.mm-panel-tabs a {
	border-radius: 999px;
	color: #36504a;
	font-size: 14px;
	font-weight: 700;
	padding: 12px 16px;
	text-decoration: none;
	white-space: nowrap;
}

.mm-panel-tabs a:hover,
.mm-panel-tabs a:focus-visible {
	background: #f4f8f6;
	color: var(--mm-primary);
}

.mm-panel-tabs a.is-active {
	background: var(--mm-primary);
	color: #fff;
}

.mm-panel-profile-section {
	margin-left: auto;
	margin-right: auto;
	max-width: 1180px;
}

.mm-panel-profile-card {
	background: linear-gradient(180deg, #fff 0%, #fbfaf7 100%);
	min-height: auto;
}

.mm-panel-profile-hero {
	align-items: center;
	border-bottom: 1px solid rgb(18 61 52 / 10%);
	display: flex;
	gap: 22px;
	margin-bottom: 22px;
	padding-bottom: 24px;
}

.mm-panel-profile-card h2,
.mm-panel-card h2,
.mm-panel-next h2,
.mm-panel-edit h2 {
	font-size: 28px;
	letter-spacing: -.03em;
	line-height: 1.15;
	margin: 0;
}

.mm-panel-profile-hero p {
	color: var(--mm-muted);
	margin: 6px 0 0;
}

.mm-panel-avatar {
	align-items: center;
	background: #e4f4ed;
	border: 1px solid rgb(15 93 78 / 12%);
	border-radius: 50%;
	box-shadow: 0 14px 34px rgb(18 61 52 / 10%);
	color: var(--mm-primary);
	display: inline-flex;
	flex: 0 0 auto;
	font-size: 30px;
	font-weight: 800;
	height: 84px;
	justify-content: center;
	overflow: hidden;
	width: 84px;
}

.mm-panel-avatar img,
.mm-panel-photo-preview img {
	border-radius: inherit;
	display: block;
	height: 100%;
	object-fit: cover;
	transform-origin: center;
	width: 100%;
}

.mm-panel-preview-block,
.mm-panel-data-group {
	border-top: 1px solid rgb(18 61 52 / 10%);
	padding-top: 22px;
}

.mm-panel-preview-block {
	background: rgb(244 242 237 / 42%);
	border: 1px solid rgb(18 61 52 / 8%);
	border-radius: 22px;
	padding: 28px 34px;
}

.mm-panel-profile-content {
	display: grid;
	gap: 16px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-bottom: 22px;
}

.mm-panel-profile-content .mm-panel-preview-block {
	border-top: 0;
	padding-left: clamp(34px, 3vw, 46px);
}

.mm-panel-data-group + .mm-panel-data-group {
	margin-top: 20px;
}

.mm-panel-preview-block h3,
.mm-panel-data-group h3 {
	color: var(--mm-primary);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .055em;
	margin: 0 0 10px;
	text-transform: uppercase;
}

.mm-panel-preview-block p,
.mm-panel-data-group p,
.mm-muted {
	color: var(--mm-muted);
	line-height: 1.62;
	margin: 0;
}

.mm-panel-preview-block p {
	color: #39433f;
	font-size: 17px;
}

.mm-panel-scope-card {
	background: #fff;
	border: 1px solid rgb(18 61 52 / 8%);
	border-radius: 24px;
	box-shadow: 0 18px 46px rgb(18 61 52 / 5%);
	margin-top: 22px;
	padding: 28px;
}

.mm-panel-scope-card .mm-eyebrow {
	margin-bottom: 8px;
}

.mm-panel-scope-grid {
	display: grid;
	gap: 22px 28px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-top: 22px;
}

.mm-panel-scope-grid .mm-panel-data-group {
	border-top: 0;
	margin-top: 0;
	padding-top: 0;
}

.mm-panel-chip-list {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.mm-panel-chip-list li {
	background: #f4f8f6;
	border: 1px solid rgb(15 93 78 / 12%);
	border-radius: 999px;
	color: var(--mm-primary);
	font-size: 13px;
	font-weight: 600;
	line-height: 1.35;
	padding: 7px 11px;
}

.mm-panel-next,
.mm-panel-edit,
.mm-panel-gate {
	margin-left: auto;
	margin-right: auto;
	max-width: 1200px;
	padding: 40px;
}

.mm-panel-notice {
	border-radius: 18px;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.45;
	margin: 0 auto 24px;
	max-width: 1200px;
	padding: 18px 22px;
}

.mm-panel-notice-success {
	background: #e5f5ee;
	border: 1px solid rgb(31 138 91 / 18%);
	color: #0f5d4e;
}

.mm-panel-notice-error {
	background: #fff4ef;
	border: 1px solid rgb(199 107 60 / 22%);
	color: #8b3c19;
}

.mm-panel-edit {
	display: block;
}

.mm-panel-edit-intro {
	border-bottom: 1px solid var(--mm-border);
	margin-bottom: 28px;
	max-width: 760px;
	padding-bottom: 24px;
}

.mm-panel-form {
	display: grid;
	gap: 24px;
	max-width: 860px;
}

.mm-panel-photo-field {
	align-items: start;
	background: #fbfaf7;
	border: 1px solid #dddcd6;
	border-radius: 22px;
	display: grid;
	gap: 22px;
	grid-template-columns: 260px minmax(0, 1fr);
	padding: 20px;
}

.mm-panel-photo-controls {
	align-content: center;
	display: grid;
	gap: 16px;
	min-width: 0;
}

.mm-panel-photo-cropper {
	align-items: center;
	background:
		linear-gradient(rgb(15 93 78 / 7%) 1px, transparent 1px),
		linear-gradient(90deg, rgb(15 93 78 / 7%) 1px, transparent 1px),
		linear-gradient(135deg, #ffffff 0%, #f1f0ec 100%);
	background-size: 32px 32px, 32px 32px, auto;
	border: 1px solid #dddcd6;
	border-radius: 24px;
	cursor: grab;
	display: grid;
	height: 260px;
	justify-items: center;
	max-width: 100%;
	overflow: hidden;
	padding: 22px;
	position: relative;
	touch-action: none;
	width: 260px;
}

.mm-panel-photo-cropper.is-dragging {
	cursor: grabbing;
}

.mm-panel-photo-cropper-grid {
	border: 1px dashed rgb(14 101 84 / 18%);
	border-radius: 50%;
	height: 176px;
	left: 50%;
	pointer-events: none;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 176px;
	z-index: 2;
}

.mm-panel-photo-cropper-grid::before,
.mm-panel-photo-cropper-grid::after {
	background: rgb(14 101 84 / 16%);
	content: "";
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
}

.mm-panel-photo-cropper-grid::before {
	height: 1px;
	width: 100%;
}

.mm-panel-photo-cropper-grid::after {
	height: 100%;
	width: 1px;
}

.mm-panel-photo-preview {
	align-items: center;
	background: #e4f4ed;
	border: 4px solid #ffffff;
	border-radius: 50%;
	box-shadow: 0 18px 45px rgb(18 61 52 / 16%);
	color: var(--mm-primary);
	display: inline-flex;
	font-size: 46px;
	font-weight: 800;
	height: 176px;
	justify-content: center;
	overflow: hidden;
	position: relative;
	width: 176px;
	z-index: 1;
}

.mm-panel-photo-adjustments {
	background: #ffffff;
	border: 1px solid #dddcd6;
	border-radius: 18px;
	display: grid;
	gap: 12px;
	padding: 14px;
}

.mm-panel-photo-adjustments label {
	align-items: center;
	display: grid;
	gap: 12px;
	grid-template-columns: 112px minmax(0, 1fr);
}

.mm-panel-photo-adjustments span {
	color: var(--mm-muted);
	font-size: 13px;
	font-weight: 700;
}

.mm-panel-photo-adjustments input[type="range"] {
	accent-color: var(--mm-primary);
	width: 100%;
}

.mm-panel-field {
	display: grid;
	gap: 9px;
}

.mm-panel-field span {
	color: var(--mm-text);
	font-size: 15px;
	font-weight: 650;
	line-height: 1.35;
}

.mm-panel-field input,
.mm-panel-field textarea {
	background: #ffffff;
	border: 1px solid #dddcd6;
	border-radius: 18px;
	color: var(--mm-text);
	font: inherit;
	font-size: 16px;
	line-height: 1.55;
	outline: none;
	padding: 17px 18px;
	transition: border-color 220ms ease, box-shadow 220ms ease, background 220ms ease;
	width: 100%;
}

.mm-panel-field input[type="file"] {
	cursor: pointer;
	padding: 14px;
}

.mm-panel-field input[type="file"]::file-selector-button {
	background: var(--mm-primary);
	border: 0;
	border-radius: 999px;
	color: #ffffff;
	cursor: pointer;
	font: inherit;
	font-size: 14px;
	font-weight: 700;
	margin-right: 14px;
	padding: 10px 14px;
	transition: background 220ms ease, transform 220ms ease;
}

.mm-panel-field input[type="file"]::file-selector-button:hover {
	background: var(--mm-primary-hover);
	transform: translateY(-1px);
}

.mm-panel-field textarea {
	resize: vertical;
}

.mm-panel-field input:focus,
.mm-panel-field textarea:focus {
	background: #ffffff;
	border-color: var(--mm-primary);
	box-shadow: 0 0 0 4px rgb(15 93 78 / 10%);
}

.mm-panel-field small {
	color: var(--mm-muted);
	font-size: 14px;
	line-height: 1.5;
	max-width: 620px;
}

.mm-panel-field small strong {
	color: var(--mm-primary);
	font-weight: 800;
}

.mm-panel-rate-grid {
	display: grid;
	gap: 18px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.mm-panel-choices {
	border-top: 1px solid var(--mm-border);
	display: grid;
	gap: 24px;
	margin-top: 8px;
	padding-top: 28px;
}

.mm-panel-choice-section {
	display: grid;
	gap: 14px;
}

.mm-panel-choice-section h3 {
	font-size: 20px;
	letter-spacing: -.02em;
	line-height: 1.2;
	margin: 0;
}

.mm-panel-choice-section p {
	font-size: 15px;
	line-height: 1.55;
	max-width: 720px;
}

.mm-panel-choice-group {
	background: #fbfaf7;
	border: 1px solid #dddcd6;
	border-radius: 20px;
	overflow: hidden;
}

.mm-panel-choice-group + .mm-panel-choice-group {
	margin-top: 10px;
}

.mm-panel-choice-group summary {
	align-items: center;
	cursor: pointer;
	display: flex;
	gap: 12px;
	justify-content: space-between;
	list-style: none;
	padding: 16px 18px;
}

.mm-panel-choice-group summary::-webkit-details-marker {
	display: none;
}

.mm-panel-choice-group summary span {
	color: var(--mm-text);
	font-size: 16px;
	font-weight: 750;
}

.mm-panel-choice-group summary small {
	color: var(--mm-muted);
	font-size: 13px;
}

.mm-panel-option-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	padding: 0 18px 18px;
}

.mm-panel-choice-section > .mm-panel-option-grid {
	padding: 0;
}

.mm-panel-choice {
	display: inline-flex;
}

.mm-panel-choice input {
	inline-size: 1px;
	opacity: 0;
	position: absolute;
}

.mm-panel-choice span {
	background: #ffffff;
	border: 1px solid #dddcd6;
	border-radius: 999px;
	color: #174038;
	cursor: pointer;
	display: inline-flex;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.35;
	padding: 10px 14px;
	transition: background 220ms ease, border-color 220ms ease, color 220ms ease, transform 220ms ease;
}

.mm-panel-choice input:focus-visible + span {
	border-color: var(--mm-primary);
	box-shadow: 0 0 0 3px rgb(15 93 78 / 10%);
}

.mm-panel-choice input:checked + span {
	background: var(--mm-primary);
	border-color: var(--mm-primary);
	color: #ffffff;
}

.mm-panel-choice:hover span {
	border-color: rgb(15 93 78 / 32%);
	transform: translateY(-1px);
}

.mm-panel-inline-tools {
	background: #f4f2ed;
	border: 1px solid rgb(18 61 52 / 8%);
	border-radius: 20px;
	margin-top: 18px;
	padding: 20px 22px 22px;
}

.mm-panel-inline-tools p {
	margin: 0 0 14px;
	max-width: 720px;
	color: var(--mm-muted);
	font-size: 15px;
	line-height: 1.5;
}
.mm-panel-submit-box {
	align-items: center;
	background: linear-gradient(135deg, #f4f8f6 0%, #fbfaf7 100%);
	border: 1px solid rgb(15 93 78 / 12%);
	border-radius: 22px;
	display: flex;
	gap: 20px;
	justify-content: space-between;
	padding: 24px;
}

.mm-panel-submit-box h3 {
	font-size: 19px;
	letter-spacing: -.02em;
	margin: 0 0 6px;
}

.mm-panel-submit-box p {
	font-size: 15px;
	line-height: 1.5;
	max-width: 520px;
}

.mm-panel-submit-box .mm-panel-actions {
	justify-content: flex-end;
	margin-top: 0;
	min-width: 330px;
}


.mm-panel-preview-placeholder {
	align-items: center;
	background: #fff;
	border: 1px dashed rgb(15 93 78 / 20%);
	border-radius: 24px;
	display: flex;
	gap: 24px;
	justify-content: space-between;
	margin-left: auto;
	margin-right: auto;
	max-width: 1180px;
	padding: 26px 30px;
}

.mm-panel-preview-placeholder h2 {
	font-size: 24px;
	letter-spacing: -.03em;
	line-height: 1.15;
	margin: 0 0 8px;
}

.mm-panel-preview-placeholder p:last-child {
	color: var(--mm-muted);
	line-height: 1.55;
	margin: 0;
	max-width: 680px;
}

.mm-panel-review-cta {
	align-items: center;
	background: linear-gradient(135deg, #f4f8f6 0%, #ffffff 100%);
	border: 1px solid rgb(15 93 78 / 12%);
	border-radius: 28px;
	box-shadow: 0 24px 70px rgb(18 61 52 / 8%);
	color: #17201d;
	display: flex;
	gap: 28px;
	justify-content: space-between;
	margin-top: 24px;
	padding: 30px 34px;
}

.mm-panel-review-cta .mm-eyebrow {
	color: var(--mm-primary);
}

.mm-panel-review-cta h2 {
	font-size: 28px;
	letter-spacing: -.03em;
	line-height: 1.12;
	margin: 0 0 8px;
}

.mm-panel-review-cta p {
	line-height: 1.55;
	margin: 0;
	max-width: 680px;
	opacity: .82;
}

.mm-panel-review-button {
	background: #0e6554;
	color: #fff;
	flex: 0 0 auto;
}

.mm-panel-review-button:hover,
.mm-panel-review-button:focus-visible {
	background: #0a4a3e;
}

.mm-panel-save-row {
	display: flex;
	justify-content: flex-end;
	padding-top: 10px;
}

.mm-panel-form button:disabled {
	cursor: not-allowed;
	filter: grayscale(.4);
	opacity: .55;
	transform: none;
}

.mm-panel-gate {
	margin-top: 80px;
	text-align: center;
}

.mm-panel-gate .mm-btn {
	margin-top: 24px;
}

@media (max-width: 980px) {
	.mm-panel-hero,
	.mm-panel-grid,
	.mm-panel-edit {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 720px) {
	.mm-panel-hero {
		padding: 56px 20px 32px;
	}

	.mm-panel-hero > div,
	.mm-panel-status,
	.mm-panel-card,
	.mm-panel-next,
	.mm-panel-edit,
	.mm-panel-gate {
		border-radius: 22px;
		padding: 24px;
	}

	.mm-panel-edit,
	.mm-panel-preview-placeholder,
	.mm-panel-review-cta,
	.mm-panel-profile-content,
	.mm-panel-scope-grid,
	.mm-panel-submit-box {
		grid-template-columns: 1fr;
	}

	.mm-panel-photo-field {
		align-items: start;
		grid-template-columns: 1fr;
	}

	.mm-panel-photo-adjustments label {
		grid-template-columns: 1fr;
	}

	.mm-panel-rate-grid {
		grid-template-columns: 1fr;
	}

	.mm-panel-submit-box,
	.mm-panel-preview-placeholder,
	.mm-panel-review-cta {
		align-items: flex-start;
		flex-direction: column;
	}

	.mm-panel-review-button,
	.mm-panel-save-row {
		width: 100%;
	}
}

.mm-mentor-directory-hero {
	background:
		radial-gradient(circle at 82% 12%, rgb(207 237 226 / 80%), transparent 28%),
		linear-gradient(135deg, #ffffff 0%, #f7faf8 72%, #fbf7f2 100%);
	border: 1px solid rgb(15 93 78 / 10%);
	border-radius: 34px;
	box-shadow: 0 24px 80px rgb(18 61 52 / 8%);
	margin-top: 28px;
}

.mm-mentor-directory-hero h1 {
	max-width: 860px;
}

.mm-mentor-directory-filter {
	background: #0e6554;
	border-radius: 28px;
	box-shadow: 0 18px 48px rgb(14 101 84 / 18%);
	color: #fff;
	margin-top: 38px;
	padding: 28px 30px;
}

.mm-mentor-directory-filter strong {
	display: block;
	font-size: 18px;
	margin-bottom: 16px;
}

.mm-mentor-directory-filter div {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.mm-mentor-directory-filter a {
	background: #d9f4ea;
	border-radius: 999px;
	color: #0a4a3e;
	font-size: 16px;
	font-weight: 750;
	padding: 14px 20px;
	text-decoration: none;
	transition: background 250ms ease, transform 250ms ease;
}

.mm-mentor-directory-filter a:hover,
.mm-mentor-directory-filter a:focus-visible {
	background: #ffffff;
	transform: translateY(-2px);
}

.mm-section-heading-row {
	align-items: end;
	display: flex;
	gap: 24px;
	justify-content: space-between;
}

.mm-section-heading-row h2 {
	font-size: clamp(30px, 4vw, 44px);
	letter-spacing: -.04em;
	line-height: 1.08;
	margin: 0;
	max-width: 780px;
}

.mm-mentor-list {
	display: grid;
	gap: 18px;
	margin-top: 34px;
}

.mm-mentor-list-card {
	background: #fff;
	border: 1px solid rgb(15 93 78 / 10%);
	border-radius: 32px;
	box-shadow: 0 18px 55px rgb(18 61 52 / 7%);
	display: grid;
	grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr);
	overflow: hidden;
	transition: border-color 250ms ease, box-shadow 250ms ease, transform 250ms ease;
}

.mm-mentor-list-card:hover {
	border-color: rgb(15 93 78 / 22%);
	box-shadow: 0 24px 70px rgb(18 61 52 / 10%);
	transform: translateY(-2px);
}

.mm-mentor-list-main {
	display: grid;
	gap: 22px;
	grid-template-columns: auto minmax(0, 1fr);
	padding: 30px;
}

.mm-mentor-list-avatar {
	border-radius: 26px;
	flex: 0 0 96px;
	height: 96px;
	overflow: hidden;
	position: relative;
	width: 96px;
}

.mm-mentor-list-copy h2 {
	font-size: 30px;
	letter-spacing: -.035em;
	line-height: 1.08;
	margin: 8px 0 8px;
}

.mm-mentor-list-copy > p:not(.mm-kicker):not(.mm-rating) {
	color: var(--mm-muted);
	font-size: 16px;
	line-height: 1.55;
	margin: 0 0 10px;
	max-width: 620px;
}

.mm-mentor-badge {
	background: #dff6c9;
	border-radius: 999px;
	color: #23720f;
	display: inline-flex;
	font-size: 13px;
	font-weight: 800;
	line-height: 1;
	padding: 8px 12px;
}

.mm-mentor-list-problems {
	margin: 18px 0 22px;
}

.mm-mentor-list-problems strong {
	display: block;
	font-size: 14px;
	letter-spacing: .03em;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.mm-mentor-list-problems ul {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.mm-mentor-list-problems li {
	background: #f4f8f6;
	border: 1px solid rgb(15 93 78 / 10%);
	border-radius: 999px;
	color: #0e6554;
	font-size: 13px;
	font-weight: 650;
	line-height: 1.35;
	padding: 8px 11px;
}

.mm-mentor-list-slots {
	border-left: 1px solid rgb(15 93 78 / 10%);
	display: grid;
	gap: 20px;
	grid-template-columns: minmax(0, 1fr) auto;
	padding: 30px;
	position: relative;
}

.mm-mentor-list-slots-head {
	grid-column: 1 / -1;
}

.mm-mentor-list-slots-head span {
	display: block;
	font-size: 18px;
	font-weight: 800;
	letter-spacing: -.02em;
}

.mm-mentor-list-slots-head small {
	color: var(--mm-muted);
}

.mm-mentor-slot-grid {
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.mm-mentor-slot-day {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 8px;
	text-align: center;
}

.mm-mentor-slot-day strong {
	font-size: 15px;
}

.mm-mentor-slot-day span {
	color: var(--mm-muted);
	font-size: 13px;
}

.mm-mentor-slot-day button {
	background: #d9f4ea;
	border: 0;
	border-radius: 999px;
	color: #0a4a3e;
	font: inherit;
	font-weight: 800;
	min-height: 44px;
	padding: 0 16px;
}

.mm-mentor-slot-next {
	align-items: center;
	align-self: center;
	background: #d9f4ea;
	border-radius: 50%;
	color: #0a4a3e;
	display: flex;
	font-size: 30px;
	height: 48px;
	justify-content: center;
	line-height: 1;
	text-decoration: none;
	width: 48px;
}

@media (max-width: 980px) {
	.mm-section-heading-row,
	.mm-mentor-list-card,
	.mm-mentor-list-main,
	.mm-mentor-list-slots {
		grid-template-columns: 1fr;
	}

	.mm-section-heading-row {
		align-items: flex-start;
		flex-direction: column;
	}

	.mm-mentor-list-slots {
		border-left: 0;
		border-top: 1px solid rgb(15 93 78 / 10%);
	}
}

@media (max-width: 720px) {
	.mm-mentor-directory-filter,
	.mm-mentor-list-main,
	.mm-mentor-list-slots {
		padding: 22px;
	}

	.mm-mentor-slot-grid {
		grid-template-columns: 1fr;
	}
}

.mm-mentor-list-avatar img {
	border-radius: inherit;
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.mm-public-mentor {
	padding-bottom: 88px;
}

.mm-public-mentor-hero {
	align-items: center;
	background:
		radial-gradient(circle at 88% 12%, rgb(207 237 226 / 72%), transparent 30%),
		linear-gradient(135deg, #ffffff 0%, #f7faf8 68%, #fbf7f2 100%);
	border: 1px solid var(--mm-border);
	border-radius: 36px;
	display: grid;
	gap: 56px;
	grid-template-columns: minmax(0, 1.05fr) minmax(330px, .95fr);
	margin-top: 32px;
	overflow: hidden;
	padding: 72px;
	position: relative;
}

.mm-public-mentor-copy h1 {
	max-width: 760px;
}

.mm-public-mentor-specialization {
	color: var(--mm-primary);
	font-size: 18px;
	font-weight: 700;
	margin: -10px 0 18px;
}

.mm-public-mentor-proof {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	list-style: none;
	margin: 28px 0 0;
	padding: 0;
}

.mm-public-mentor-proof li {
	background: #ffffff;
	border: 1px solid rgb(15 93 78 / 12%);
	border-radius: 999px;
	color: var(--mm-primary);
	font-size: 14px;
	font-weight: 650;
	padding: 10px 14px;
}

.mm-public-mentor-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin-top: 30px;
}

.mm-public-mentor-card {
	align-items: center;
	background: #123d34;
	border-radius: 34px;
	box-shadow: 0 24px 60px rgb(15 93 78 / 18%);
	color: #f7faf8;
	display: grid;
	gap: 22px;
	justify-items: center;
	min-height: 360px;
	padding: 42px;
	position: relative;
	text-align: center;
}


.mm-public-mentor-card strong {
	display: block;
	font-size: 26px;
	line-height: 1.15;
	margin-bottom: 8px;
}

.mm-public-mentor-card span {
	color: rgb(247 250 248 / 76%);
}

.mm-public-mentor-photo {
	align-items: center;
	background: rgb(255 255 255 / 10%);
	border: 1px solid rgb(255 255 255 / 16%);
	border-radius: 999px;
	display: flex;
	height: 190px;
	justify-content: center;
	overflow: hidden;
	width: 190px;
}

.mm-public-mentor-photo img {
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.mm-public-mentor-photo span {
	color: #cfeee2;
	font-size: 72px;
	font-weight: 800;
}

.mm-public-mentor-stats {
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	list-style: none;
	margin: 8px 0 0;
	padding: 0;
	width: 100%;
}

.mm-public-mentor-stats li {
	background: rgb(255 255 255 / 8%);
	border: 1px solid rgb(255 255 255 / 12%);
	border-radius: 18px;
	padding: 14px;
}

.mm-public-mentor-stats strong,
.mm-public-mentor-stats span {
	display: block;
}

.mm-public-mentor-stats strong {
	font-size: 28px;
	margin: 0 0 2px;
}

.mm-public-mentor-stats span {
	font-size: 13px;
}

.mm-public-mentor-decision {
	align-items: center;
	background: #123d34;
	border-radius: 30px;
	color: #f7faf8;
	display: grid;
	gap: 32px;
	grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
	padding: 38px 42px;
}

.mm-public-mentor-decision h2,
.mm-public-mentor-decision p {
	color: inherit;
}

.mm-public-mentor-decision h2 {
	font-size: 34px;
	margin-bottom: 0;
}

.mm-public-mentor-decision ul {
	display: grid;
	gap: 12px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.mm-public-mentor-decision li {
	background: rgb(255 255 255 / 9%);
	border: 1px solid rgb(255 255 255 / 12%);
	border-radius: 18px;
	color: rgb(247 250 248 / 84%);
	padding: 14px 16px;
}

.mm-public-mentor-layout {
	display: grid;
	gap: 24px;
	grid-template-columns: minmax(0, .92fr) minmax(360px, .68fr);
}

.mm-public-mentor-main-column {
	display: grid;
	gap: 24px;
}

.mm-public-mentor-panel {
	background: #ffffff;
	border: 1px solid var(--mm-border);
	border-radius: 28px;
	box-shadow: 0 16px 46px rgb(15 35 30 / 5%);
	padding: 34px;
}

.mm-public-mentor-story h2,
.mm-public-mentor-scope h2 {
	color: var(--mm-text);
}

.mm-public-mentor-story p {
	color: var(--mm-muted);
	font-size: 18px;
	line-height: 1.75;
	margin: 0;
}

.mm-public-mentor-outcomes {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	list-style: none;
	margin: 24px 0 0;
	padding: 0;
}

.mm-public-mentor-outcomes li {
	background: #f4f8f6;
	border: 1px solid rgb(15 93 78 / 10%);
	border-radius: 999px;
	color: var(--mm-primary);
	font-size: 14px;
	font-weight: 650;
	padding: 10px 14px;
}

.mm-public-mentor-pricing p {
	color: var(--mm-muted);
	font-size: 17px;
	line-height: 1.65;
	margin: -4px 0 22px;
}

.mm-public-mentor-pricing ul {
	display: grid;
	gap: 12px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.mm-public-mentor-pricing li {
	align-items: center;
	background: #f4f8f6;
	border: 1px solid rgb(15 93 78 / 10%);
	border-radius: 18px;
	display: flex;
	gap: 16px;
	justify-content: space-between;
	padding: 16px 18px;
}

.mm-public-mentor-pricing li span {
	color: var(--mm-muted);
	font-size: 15px;
	line-height: 1.4;
}

.mm-public-mentor-pricing li strong {
	color: var(--mm-primary);
	font-size: 24px;
	white-space: nowrap;
}

.mm-public-mentor-scope {
	align-self: start;
	position: sticky;
	top: 24px;
}

.mm-public-mentor-chip-group + .mm-public-mentor-chip-group {
	border-top: 1px solid var(--mm-border);
	margin-top: 26px;
	padding-top: 26px;
}

.mm-public-mentor-chip-group h2 {
	font-size: 15px;
	letter-spacing: .04em;
	margin: 0 0 14px;
	text-transform: uppercase;
}

.mm-public-mentor-chip-group ul {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.mm-public-mentor-chip-group li {
	background: #eaf7f2;
	border: 1px solid rgb(15 93 78 / 12%);
	border-radius: 999px;
	color: var(--mm-primary);
	font-size: 14px;
	font-weight: 650;
	line-height: 1.35;
	padding: 10px 14px;
}

.mm-public-mentor-cta {
	align-items: center;
	background: #123d34;
	border-radius: 32px;
	color: #f7faf8;
	display: flex;
	gap: 28px;
	justify-content: space-between;
	padding: 42px;
}

.mm-public-mentor-cta h2,
.mm-public-mentor-cta p {
	color: inherit;
}

.mm-public-mentor-cta p:not(.mm-kicker) {
	color: rgb(247 250 248 / 78%);
	max-width: 760px;
}

@media (max-width: 980px) {
	.mm-public-mentor-hero,
	.mm-public-mentor-decision,
	.mm-public-mentor-layout {
		grid-template-columns: 1fr;
		padding: 42px;
	}

	.mm-public-mentor-card {
		min-height: 0;
	}

	.mm-public-mentor-scope {
		position: static;
	}
}

@media (max-width: 720px) {
	.mm-public-mentor-hero,
	.mm-public-mentor-panel,
	.mm-public-mentor-decision,
	.mm-public-mentor-cta {
		border-radius: 24px;
		padding: 26px;
	}

	.mm-public-mentor-cta {
		align-items: flex-start;
		flex-direction: column;
	}

	.mm-public-mentor-photo {
		height: 150px;
		width: 150px;
	}

	.mm-public-mentor-stats,
	.mm-public-mentor-decision {
		grid-template-columns: 1fr;
	}
}

/* mm-mentor-dashboard-mobile-rules */
@media (max-width: 980px) {
	.mm-mentor-dashboard {
		grid-template-columns: 1fr;
		padding: 22px 16px 56px;
	}

	.mm-mentor-sidebar {
		max-height: none;
		position: static;
	}

	.mm-mentor-sidebar-nav {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 640px) {
	.mm-mentor-sidebar-nav {
		grid-template-columns: 1fr;
	}
}
/* Mentor panel v2 - product dashboard */
.mm-mentor-app-shell {
	background: #f6f5f2;
	min-height: 100vh;
	width: 100%;
}

.mm-mentor-dashboard-v2 {
	background: #f6f5f2;
	width: 100%;
	gap: 0;
	grid-template-columns: 300px minmax(0, 1fr);
	max-width: none;
	min-height: calc(100vh - 0px);
	padding: 0;
}

.mm-mentor-dashboard-v2 .mm-mentor-dashboard-main {
	background: #f6f5f2;
	min-height: 100vh;
	padding: 0 32px 56px;
}

.mm-mentor-dashboard-v2 .mm-mentor-sidebar {
	background: radial-gradient(circle at 0 0, rgba(207, 237, 226, .22), transparent 34%), linear-gradient(180deg, #0f5d4e 0%, #123d34 100%);
	border: 0;
	border-radius: 0;
	box-shadow: 18px 0 42px rgba(18, 61, 52, .16);
	gap: 0;
	height: 100vh;
	max-height: none;
	overflow-y: auto;
	padding: 28px 22px;
	top: 0;
}

.mm-mentor-sidebar-logo {
	align-items: center;
	border-bottom: 1px solid rgba(255, 255, 255, .12);
	color: #fff;
	display: flex;
	gap: 13px;
	padding: 0 4px 24px;
	text-decoration: none;
}

.mm-mentor-sidebar-logo span {
	align-items: center;
	background: linear-gradient(135deg, #cfeee2, #77d0af);
	border-radius: 16px;
	display: inline-flex;
	font-size: 24px;
	font-weight: 900;
	height: 48px;
	justify-content: center;
	width: 48px;
}

.mm-mentor-sidebar-logo strong {
	font-size: 18px;
	letter-spacing: .06em;
	line-height: 1.12;
	text-transform: uppercase;
}

.mm-mentor-sidebar-profile {
	align-items: center;
	border-bottom: 1px solid rgba(255, 255, 255, .12);
	display: grid;
	gap: 14px;
	grid-template-columns: 58px minmax(0, 1fr);
	padding: 20px 4px 18px;
}

.mm-mentor-sidebar-profile strong,
.mm-mentor-sidebar-profile span,
.mm-mentor-sidebar-profile em {
	display: block;
}

.mm-mentor-sidebar-profile strong {
	color: #fff;
	font-size: 17px;
	line-height: 1.25;
}

.mm-mentor-sidebar-profile span {
	color: rgba(255, 255, 255, .78);
	font-size: 13px;
	margin-top: 3px;
}

.mm-mentor-sidebar-profile em {
	color: rgba(255, 255, 255, .82);
	font-size: 12px;
	font-style: normal;
	margin-top: 8px;
}

.mm-mentor-dashboard-v2 .mm-mentor-sidebar-avatar {
	background: rgba(255, 255, 255, .12);
	border: 1px solid rgba(255, 255, 255, .22);
	color: #fff;
	height: 58px;
	width: 58px;
}

.mm-mentor-sidebar-progress {
	background: rgba(255, 255, 255, .14);
	border-radius: 999px;
	height: 9px;
	margin: -8px 4px 26px 76px;
	overflow: hidden;
}

.mm-mentor-sidebar-progress i {
	background: linear-gradient(90deg, #cfeee2, #77d0af);
	border-radius: inherit;
	display: block;
	height: 100%;
}

.mm-mentor-dashboard-v2 .mm-mentor-sidebar-nav {
	gap: 8px;
}

.mm-mentor-dashboard-v2 .mm-mentor-sidebar-nav a,
.mm-mentor-dashboard-v2 .mm-mentor-sidebar-logout {
	border-radius: 10px;
	color: rgba(255, 255, 255, .9);
	font-size: 16px;
	font-weight: 650;
	gap: 14px;
	padding: 13px 14px;
}

.mm-mentor-dashboard-v2 .mm-mentor-sidebar-nav a.is-active,
.mm-mentor-dashboard-v2 .mm-mentor-sidebar-nav a:hover,
.mm-mentor-dashboard-v2 .mm-mentor-sidebar-nav a:focus-visible {
	background: rgba(207, 237, 226, .18);
	box-shadow: 0 12px 28px rgba(15, 93, 78, .18);
	transform: none;
}

.mm-mentor-dashboard-v2 .mm-mentor-sidebar-nav a span,
.mm-mentor-dashboard-v2 .mm-mentor-sidebar-logout span {
	align-items: center;
	background: rgba(255, 255, 255, .10);
	border-radius: 8px;
	display: inline-flex;
	font-family: Inter, system-ui, sans-serif;
	font-size: 11px;
	font-weight: 850;
	height: 24px;
	justify-content: center;
	letter-spacing: .02em;
	line-height: 1;
	width: 28px;
}

.mm-mentor-sidebar-section {
	border-top: 1px solid rgba(255, 255, 255, .12);
	color: rgba(255, 255, 255, .45);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .08em;
	margin: 24px 4px 8px;
	padding-top: 20px;
	text-transform: uppercase;
}

.mm-mentor-dashboard-v2 .mm-mentor-sidebar-logout {
	border-top: 1px solid rgba(255, 255, 255, .12);
	margin-top: auto;
	padding-top: 18px;
}

.mm-panel-topbar {
	align-items: center;
	background: rgba(255, 255, 255, .9);
	border-bottom: 1px solid #e5e7eb;
	display: flex;
	justify-content: space-between;
	margin: 0 -32px 28px;
	padding: 28px 32px 22px;
	position: sticky;
	top: 0;
	z-index: 3;
	backdrop-filter: blur(12px);
}

.mm-panel-topbar h1 {
	color: #101828;
	font-size: 30px;
	letter-spacing: -.04em;
	line-height: 1.1;
	margin: 0 0 8px;
}

.mm-panel-topbar p {
	color: #667085;
	font-size: 16px;
	margin: 0;
}

.mm-panel-workspace {
	align-items: start;
	display: grid;
	gap: 30px;
	grid-template-columns: minmax(0, 1fr);
	margin: 0 auto;
	max-width: 1040px;
}

.mm-panel-editor-card,
.mm-panel-public-preview {
	background: #fff;
	border: 1px solid #e4e7ec;
	border-radius: 18px;
	box-shadow: 0 18px 45px rgba(16, 24, 40, .06);
}

.mm-panel-editor-card {
	margin: 0;
	max-width: none;
	padding: 32px 34px 30px;
}

.mm-panel-editor-card .mm-panel-edit-intro {
	border-bottom: 0;
	margin-bottom: 20px;
	padding-bottom: 0;
}

.mm-panel-editor-card .mm-panel-edit-intro h2 {
	font-size: 18px;
	letter-spacing: -.02em;
}

.mm-panel-editor-card .mm-panel-edit-intro p {
	font-size: 14px;
}

.mm-panel-editor-card .mm-panel-form {
	gap: 22px;
	max-width: none;
}

.mm-panel-photo-row {
	align-items: center;
	display: grid;
	gap: 22px;
	grid-template-columns: 96px minmax(0, 1fr);
}

.mm-panel-avatar-edit {
	background: #f6f5f2;
	height: 92px;
	width: 92px;
}

.mm-panel-editor-card .mm-panel-field span {
	color: #101828;
	font-size: 14px;
	font-weight: 650;
}

.mm-panel-editor-card .mm-panel-field input,
.mm-panel-editor-card .mm-panel-field textarea {
	background: #fff;
	border-color: #d0d5dd;
	border-radius: 10px;
	font-size: 15px;
	padding: 13px 15px;
}

.mm-panel-editor-card .mm-panel-field textarea {
	min-height: 164px;
}

.mm-panel-editor-card .mm-panel-rate-grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.mm-panel-editor-card .mm-panel-choice-section {
	background: #fbfcfe;
	border: 1px solid #edf0f5;
	border-radius: 16px;
	padding: 20px;
}

.mm-panel-public-preview {
	overflow: hidden;
	position: sticky;
	top: 118px;
}

.mm-panel-public-cover {
	background: radial-gradient(circle at 72% 25%, rgba(146, 82, 255, .95) 0 0, transparent 34%), linear-gradient(135deg, #0c1644 0%, #17218c 58%, #4d7cff 100%);
	height: 128px;
	position: relative;
}

.mm-panel-public-cover span {
	background-image: radial-gradient(rgba(255, 255, 255, .48) 1.5px, transparent 1.5px);
	background-size: 16px 16px;
	height: 90px;
	opacity: .48;
	position: absolute;
	right: 120px;
	top: 48px;
	width: 120px;
}

.mm-panel-public-cover i {
	background: linear-gradient(135deg, #9d4edd, #38bdf8);
	border-radius: 999px;
	height: 74px;
	position: absolute;
	right: 120px;
	top: 70px;
	width: 74px;
}

.mm-panel-public-body {
	padding: 0 30px 28px;
}

.mm-panel-public-head {
	align-items: end;
	display: grid;
	gap: 22px;
	grid-template-columns: 100px minmax(0, 1fr);
	margin-top: -48px;
}

.mm-panel-public-avatar {
	align-items: center;
	background: #eef2f6;
	border: 5px solid #fff;
	border-radius: 999px;
	box-shadow: 0 14px 34px rgba(16, 24, 40, .12);
	display: inline-flex;
	height: 108px;
	justify-content: center;
	overflow: hidden;
	width: 108px;
}

.mm-panel-public-avatar img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.mm-panel-public-head h2 {
	color: #101828;
	font-size: 27px;
	letter-spacing: -.035em;
	line-height: 1.1;
	margin: 0 0 8px;
}

.mm-panel-public-head p,
.mm-panel-public-section p,
.mm-panel-public-pricing p {
	color: #667085;
	font-size: 15px;
	line-height: 1.55;
	margin: 0;
}

.mm-panel-public-tags,
.mm-panel-public-pricing ul {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	list-style: none;
	margin: 14px 0 0;
	padding: 0;
}

.mm-panel-public-tags li {
	background: #f2f4f7;
	border: 1px solid #e4e7ec;
	border-radius: 999px;
	color: #475467;
	font-size: 12px;
	padding: 7px 10px;
}

.mm-panel-public-section,
.mm-panel-public-columns,
.mm-panel-public-pricing {
	border-top: 1px solid #e4e7ec;
	margin-top: 26px;
	padding-top: 24px;
}

.mm-panel-public-section h3,
.mm-panel-public-columns h3,
.mm-panel-public-pricing h3 {
	color: #101828;
	font-size: 15px;
	letter-spacing: -.01em;
	margin: 0 0 12px;
}

.mm-panel-public-columns {
	display: grid;
	gap: 24px;
	grid-template-columns: 1fr 1fr;
}

.mm-panel-public-preview .mm-panel-chip-list {
	display: grid;
	gap: 8px;
}

.mm-panel-public-preview .mm-panel-chip-list li {
	background: transparent;
	border: 0;
	border-radius: 0;
	color: #344054;
	font-size: 14px;
	font-weight: 500;
	padding: 0 0 0 22px;
	position: relative;
}

.mm-panel-public-preview .mm-panel-chip-list li::before {
	align-items: center;
	border: 1px solid #98a2b3;
	border-radius: 999px;
	color: #667085;
	content: "âś“";
	display: inline-flex;
	font-size: 9px;
	height: 13px;
	justify-content: center;
	left: 0;
	position: absolute;
	top: 3px;
	width: 13px;
}

.mm-panel-public-pricing ul {
	display: grid;
	gap: 11px;
}

.mm-panel-public-pricing li {
	align-items: center;
	display: flex;
	justify-content: space-between;
}

.mm-panel-public-pricing li span {
	color: #344054;
	font-size: 14px;
}

.mm-panel-public-pricing li strong {
	color: #101828;
	font-size: 15px;
}

.mm-panel-public-cta {
	justify-content: center;
	margin-top: 26px;
	width: 100%;
}

@media (max-width: 1180px) {
	.mm-panel-workspace {
		grid-template-columns: 1fr;
	}

	.mm-panel-public-preview {
		position: static;
	}
}

@media (max-width: 980px) {
	.mm-mentor-dashboard-v2 {
		grid-template-columns: 1fr;
	}

	.mm-mentor-dashboard-v2 .mm-mentor-sidebar {
		height: auto;
		position: static;
	}

	.mm-mentor-dashboard-v2 .mm-mentor-dashboard-main {
		padding: 0 18px 44px;
	}

	.mm-panel-topbar {
		margin: 0 -18px 22px;
		padding: 22px 18px;
	}
}

@media (max-width: 640px) {
	.mm-panel-topbar,
	.mm-panel-public-head,
	.mm-panel-photo-row,
	.mm-panel-public-columns,
	.mm-panel-editor-card .mm-panel-rate-grid {
		grid-template-columns: 1fr;
	}

	.mm-panel-topbar {
		align-items: start;
		display: grid;
		gap: 14px;
	}
}
/* Mentor directory taxonomy filters */
.mm-directory-filter-system {
	background: #0e6554;
	border-radius: 30px;
	box-shadow: 0 18px 48px rgb(14 101 84 / 18%);
	color: #fff;
	display: grid;
	gap: 24px;
	margin-top: 38px;
	padding: 30px;
}

.mm-directory-filter-head {
	align-items: flex-start;
	display: flex;
	gap: 20px;
	justify-content: space-between;
}

.mm-directory-filter-head strong {
	display: block;
	font-size: 20px;
	letter-spacing: -.02em;
	margin-bottom: 4px;
}

.mm-directory-filter-head span,
.mm-directory-filter-group p {
	color: rgb(255 255 255 / 78%);
	font-size: 15px;
	line-height: 1.5;
}

.mm-directory-clear {
	background: rgb(255 255 255 / 12%);
	border: 1px solid rgb(255 255 255 / 20%);
	border-radius: 999px;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	padding: 10px 14px;
	text-decoration: none;
	white-space: nowrap;
}

.mm-directory-filter-group {
	border-top: 1px solid rgb(255 255 255 / 14%);
	padding-top: 22px;
}

.mm-directory-filter-group h2 {
	color: #fff;
	font-size: 18px;
	letter-spacing: -.02em;
	margin: 0 0 8px;
}

.mm-directory-filter-group > div {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 14px;
}

.mm-directory-filter-group.is-muted {
	opacity: .92;
}

.mm-directory-filter-chip {
	align-items: center;
	background: #d9f4ea;
	border: 1px solid rgb(255 255 255 / 26%);
	border-radius: 999px;
	color: #0a4a3e;
	display: inline-flex;
	font-size: 14px;
	font-weight: 700;
	gap: 9px;
	line-height: 1.25;
	padding: 11px 14px;
	text-decoration: none;
	transition: background 250ms ease, color 250ms ease, transform 250ms ease, border-color 250ms ease;
}

.mm-directory-filter-chip small {
	align-items: center;
	background: rgb(15 93 78 / 10%);
	border-radius: 999px;
	display: inline-flex;
	font-size: 12px;
	justify-content: center;
	min-width: 22px;
	padding: 3px 7px;
}

.mm-directory-filter-chip:hover,
.mm-directory-filter-chip:focus-visible {
	background: #fff;
	transform: translateY(-2px);
}

.mm-directory-filter-chip.is-active {
	background: #fff;
	border-color: #cfeee3;
	box-shadow: 0 10px 24px rgb(0 0 0 / 12%);
	color: #0e6554;
}

.mm-mentor-list-main-areas,
.mm-mentor-list-tools ul {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	list-style: none;
	margin: 10px 0 0;
	padding: 0;
}

.mm-mentor-list-main-areas li {
	background: #123d34;
	border-radius: 999px;
	color: #fff;
	font-size: 12px;
	font-weight: 750;
	line-height: 1.25;
	padding: 7px 10px;
}

.mm-mentor-list-tools {
	margin: -6px 0 22px;
}

.mm-mentor-list-tools strong {
	display: block;
	font-size: 13px;
	letter-spacing: .03em;
	margin-bottom: 9px;
	text-transform: uppercase;
}

.mm-mentor-list-tools li {
	background: #fff;
	border: 1px solid rgb(15 93 78 / 12%);
	border-radius: 999px;
	color: #5d6764;
	font-size: 12px;
	font-weight: 650;
	padding: 7px 10px;
}

.mm-empty-state {
	background: #fff;
	border: 1px solid rgb(15 93 78 / 10%);
	border-radius: 28px;
	box-shadow: 0 18px 55px rgb(18 61 52 / 7%);
	margin-top: 28px;
	padding: 34px;
}

.mm-empty-state h3 {
	font-size: 26px;
	letter-spacing: -.03em;
	margin: 0 0 10px;
}

.mm-empty-state p {
	color: var(--mm-muted);
	font-size: 17px;
	line-height: 1.6;
	margin: 0 0 22px;
	max-width: 720px;
}

@media (max-width: 720px) {
	.mm-directory-filter-system {
		padding: 22px;
	}

	.mm-directory-filter-head {
		flex-direction: column;
	}

	.mm-directory-clear {
		width: fit-content;
	}
}
/* Homepage full-width purple/yellow visual direction */
body {
	overflow-x: hidden;
}

.mm-app.mm-route-home {
	--mm-primary: #7b00c8;
	--mm-primary-hover: #520073;
	--mm-background: #fff8ed;
	--mm-card: #fffdf8;
	--mm-text: #17111f;
	--mm-muted: #6b6075;
	--mm-border: rgb(123 0 200 / 14%);
	--mm-success: #7b00c8;
	--mm-accent: #ffd400;
	--mm-short-card: rgb(255 212 0 / 18%);
	--mm-surface: #f5e9ff;
	--mm-shadow: 0 24px 70px rgb(82 0 115 / 10%);
	background: #fff8ed;
	overflow-x: hidden;
	padding: 0;
}

.mm-app.mm-route-home .mm-shell {
	background: #fff8ed;
	border: 0;
	border-radius: 0;
	margin: 0;
	max-width: none;
	min-height: 100vh;
	overflow: hidden;
	width: 100%;
}

.mm-app.mm-route-home .mm-header {
	background: rgb(255 248 237 / 94%);
	border-bottom: 1px solid rgb(123 0 200 / 10%);
	padding-left: max(24px, calc((100% - 1360px) / 2));
	padding-right: max(24px, calc((100% - 1360px) / 2));
}

.mm-app.mm-route-home .mm-nav a {
	color: #520073;
}

.mm-app.mm-route-home .mm-nav a:hover {
	color: #7b00c8;
}

.mm-app.mm-route-home .mm-nav .mm-nav-heart {
	background: #fff3b0;
	border-color: rgb(123 0 200 / 16%);
	color: #520073;
}

.mm-app.mm-route-home .mm-main {
	background: #fff8ed;
}

.mm-app.mm-route-home .mm-hero,
.mm-app.mm-route-home .mm-home-section {
	max-width: none;
	padding-left: max(24px, calc((100% - 1360px) / 2));
	padding-right: max(24px, calc((100% - 1360px) / 2));
}

.mm-app.mm-route-home .mm-hero {
	background:
		radial-gradient(circle at 80% 18%, rgb(255 212 0 / 36%), transparent 22%),
		radial-gradient(circle at 18% 86%, rgb(255 212 0 / 22%), transparent 28%),
		linear-gradient(145deg, #9d00d4 0%, #7b00c8 46%, #520073 100%);
	border-radius: 0 0 44px 44px;
	color: #ffffff;
	grid-template-columns: minmax(0, .43fr) minmax(0, .57fr);
	padding-bottom: 88px;
	padding-top: 54px;
	position: relative;
}

.mm-app.mm-route-home .mm-hero::before {
	background:
		linear-gradient(90deg, rgb(255 255 255 / 10%) 1px, transparent 1px),
		linear-gradient(0deg, rgb(255 255 255 / 8%) 1px, transparent 1px);
	background-size: 56px 56px;
	content: "";
	inset: 0;
	mask-image: linear-gradient(135deg, transparent 0%, #000 24%, #000 70%, transparent 100%);
	opacity: .32;
	pointer-events: none;
	position: absolute;
}

.mm-app.mm-route-home .mm-hero > * {
	position: relative;
	z-index: 1;
}

.mm-app.mm-route-home .mm-hero-content {
	max-width: 620px;
	padding-top: 92px;
}

.mm-app.mm-route-home .mm-hero h1,
.mm-app.mm-route-home .mm-hero .mm-lead,
.mm-app.mm-route-home .mm-hero-copy {
	color: #ffffff;
}

.mm-app.mm-route-home .mm-hero-copy {
	opacity: .86;
}

.mm-app.mm-route-home .mm-hero .mm-kicker {
	color: #ffd400;
}

.mm-app.mm-route-home .mm-hero .mm-lead {
	font-weight: 650;
}

.mm-app.mm-route-home .mm-hero-visual img {
	filter: drop-shadow(0 30px 70px rgb(34 0 48 / 34%));
}

.mm-app.mm-route-home .mm-hero > .mm-search {
	background: #fffdf8;
	border: 8px solid rgb(255 255 255 / 30%);
	box-shadow: 0 28px 90px rgb(34 0 48 / 24%);
	color: #17111f;
	max-width: 920px;
}

.mm-app.mm-route-home .mm-hero > .mm-search label {
	color: #520073;
}

.mm-app.mm-route-home .mm-hero > .mm-search small {
	color: #6b6075;
}

.mm-app.mm-route-home .mm-hero > .mm-search .mm-btn,
.mm-app.mm-route-home .mm-btn:not(.mm-btn-secondary):not(.mm-btn-disabled) {
	background: #ffd400;
	border-color: #ffd400;
	color: #17111f !important;
}

.mm-app.mm-route-home .mm-hero > .mm-search .mm-btn:hover,
.mm-app.mm-route-home .mm-btn:not(.mm-btn-secondary):not(.mm-btn-disabled):hover {
	background: #ffe14a;
	border-color: #ffe14a;
}

.mm-app.mm-route-home .mm-btn-secondary {
	background: #ffffff;
	border-color: rgb(123 0 200 / 18%);
	color: #520073 !important;
}

.mm-app.mm-route-home .mm-home-section {
	background: #fff8ed;
	border-top: 0;
	padding-bottom: 96px;
	padding-top: 96px;
}

.mm-app.mm-route-home .mm-home-section:nth-of-type(even),
.mm-app.mm-route-home .mm-soft-section {
	background:
		radial-gradient(circle at 88% 18%, rgb(255 212 0 / 16%), transparent 24%),
		#f5e9ff;
}

.mm-app.mm-route-home .mm-kicker,
.mm-app.mm-route-home .mm-problem-tile small,
.mm-app.mm-route-home .mm-solved-grid small,
.mm-app.mm-route-home .mm-problem-tile span,
.mm-app.mm-route-home .mm-specialization-tile > strong {
	color: #7b00c8;
}

.mm-app.mm-route-home .mm-problem-tile,
.mm-app.mm-route-home .mm-specialization-tile,
.mm-app.mm-route-home .mm-solved-grid article,
.mm-app.mm-route-home .mm-steps li,
.mm-app.mm-route-home .mm-benefits li {
	background: #fffdf8;
	border-color: rgb(123 0 200 / 12%);
	box-shadow: 0 18px 50px rgb(82 0 115 / 7%);
}

.mm-app.mm-route-home .mm-problem-tile:hover,
.mm-app.mm-route-home .mm-specialization-tile:hover {
	border-color: rgb(123 0 200 / 28%);
	box-shadow: 0 28px 70px rgb(82 0 115 / 12%);
}

.mm-app.mm-route-home .mm-steps span,
.mm-app.mm-route-home .mm-benefits li::before,
.mm-app.mm-route-home .mm-specialization-marker {
	background: #ffd400;
	color: #17111f;
}

.mm-app.mm-route-home .mm-benefits li::before {
	content: "✓";
}

.mm-app.mm-route-home .mm-specialization-marker {
	box-shadow: 0 10px 24px rgb(255 212 0 / 24%);
}

.mm-app.mm-route-home input:focus,
.mm-app.mm-route-home textarea:focus,
.mm-app.mm-route-home a:focus-visible,
.mm-app.mm-route-home button:focus-visible {
	outline-color: rgb(255 212 0 / 70%);
}

@media (max-width: 1024px) {
	.mm-app.mm-route-home .mm-hero,
	.mm-app.mm-route-home .mm-home-section {
		padding-left: 24px;
		padding-right: 24px;
	}

	.mm-app.mm-route-home .mm-hero {
		grid-template-columns: 1fr minmax(300px, 420px);
	}
}

@media (max-width: 800px) {
	.mm-app.mm-route-home .mm-header {
		padding-left: 18px;
		padding-right: 18px;
	}

	.mm-app.mm-route-home .mm-hero {
		border-radius: 0 0 30px 30px;
		grid-template-columns: 1fr;
		padding: 44px 18px 60px;
	}

	.mm-app.mm-route-home .mm-hero-content {
		max-width: none;
		padding-top: 0;
	}

	.mm-app.mm-route-home .mm-hero > .mm-search {
		border-width: 5px;
		max-width: none;
	}

	.mm-app.mm-route-home .mm-home-section {
		padding: 64px 18px;
	}
}
/* Homepage category shortcut strip */
.mm-app.mm-route-home .mm-home-category-strip {
	align-items: center;
	background: rgb(255 253 248 / 94%);
	border: 1px solid rgb(255 255 255 / 48%);
	border-radius: 999px;
	box-shadow: 0 28px 90px rgb(45 0 71 / 22%);
	display: grid;
	gap: 12px;
	grid-column: 1 / -1;
	grid-template-columns: auto minmax(0, 1fr) auto;
	margin: 24px auto 0;
	max-width: min(1180px, calc(100vw - 48px));
	overflow: hidden;
	padding: 12px;
	position: relative;
	width: 100%;
	z-index: 4;
	-webkit-backdrop-filter: blur(18px);
	backdrop-filter: blur(18px);
}

.mm-app.mm-route-home .mm-home-category-track {
	display: flex;
	gap: 8px;
	overflow-x: auto;
	overflow-y: hidden;
	overscroll-behavior-x: contain;
	padding: 2px;
	scroll-behavior: smooth;
	scrollbar-width: none;
}

.mm-app.mm-route-home .mm-home-category-track::-webkit-scrollbar {
	display: none;
}

.mm-app.mm-route-home .mm-home-category {
	align-items: center;
	background: transparent;
	border: 1px solid transparent;
	border-radius: 24px;
	color: #4b006f;
	cursor: pointer;
	display: flex;
	flex: 0 0 auto;
	flex-direction: column;
	font: inherit;
	font-size: 13px;
	font-weight: 800;
	gap: 7px;
	justify-content: center;
	letter-spacing: -0.01em;
	min-height: 76px;
	min-width: 96px;
	padding: 10px 13px;
	transition: background-color 220ms ease, border-color 220ms ease, box-shadow 220ms ease, color 220ms ease, transform 220ms ease;
}

.mm-app.mm-route-home .mm-home-category-icon {
	align-items: center;
	display: inline-flex;
	height: 26px;
	justify-content: center;
	width: 26px;
}

.mm-app.mm-route-home .mm-home-category svg {
	display: block;
	height: 25px;
	width: 25px;
}

.mm-app.mm-route-home .mm-home-category:hover,
.mm-app.mm-route-home .mm-home-category:focus-visible,
.mm-app.mm-route-home .mm-home-category.is-selected {
	background: #fff1a8;
	border-color: rgb(255 212 0 / 76%);
	box-shadow: 0 12px 28px rgb(77 0 123 / 12%);
	color: #17111f;
	transform: translateY(-2px);
}

.mm-app.mm-route-home .mm-home-category:focus-visible {
	outline: 3px solid rgb(255 212 0 / 40%);
	outline-offset: 2px;
}

.mm-app.mm-route-home .mm-home-category.is-selected {
	background: linear-gradient(135deg, #ffd400, #fff2a8);
	box-shadow: inset 0 0 0 2px rgb(77 0 123 / 22%), 0 16px 34px rgb(77 0 123 / 16%);
}

.mm-app.mm-route-home .mm-home-category-arrow {
	align-items: center;
	background: #ffd400;
	border: 0;
	border-radius: 999px;
	box-shadow: 0 16px 35px rgb(45 0 71 / 16%);
	color: #4b006f;
	cursor: pointer;
	display: inline-flex;
	font: inherit;
	font-size: 28px;
	font-weight: 800;
	height: 48px;
	justify-content: center;
	line-height: 1;
	transition: transform 220ms ease, box-shadow 220ms ease, background-color 220ms ease;
	width: 48px;
}

.mm-app.mm-route-home .mm-home-category-arrow:hover,
.mm-app.mm-route-home .mm-home-category-arrow:focus-visible {
	background: #ffe56b;
	box-shadow: 0 20px 42px rgb(45 0 71 / 20%);
	outline: none;
	transform: translateY(-1px) scale(1.03);
}

.mm-app.mm-route-home .mm-search input.is-suggesting {
	color: rgb(75 0 111 / 74%);
}

@media (max-width: 980px) {
	.mm-app.mm-route-home .mm-home-category-strip {
		border-radius: 32px;
		grid-template-columns: minmax(0, 1fr);
		margin: 18px auto 0;
		max-width: min(100%, calc(100vw - 28px));
		padding: 10px;
	}

	.mm-app.mm-route-home .mm-home-category-arrow {
		display: none;
	}

	.mm-app.mm-route-home .mm-home-category {
		min-height: 72px;
		min-width: 92px;
	}
}

@media (max-width: 560px) {
	.mm-app.mm-route-home .mm-home-category-strip {
		border-radius: 28px;
		max-width: calc(100vw - 20px);
		padding: 9px;
	}

	.mm-app.mm-route-home .mm-home-category-track {
		gap: 6px;
	}

	.mm-app.mm-route-home .mm-home-category {
		font-size: 12px;
		min-height: 68px;
		min-width: 86px;
		padding: 9px 10px;
	}
}
/* Homepage hero proportion tuning */
.mm-app.mm-route-home .mm-hero {
	align-items: center;
	background:
		radial-gradient(circle at 74% 24%, rgb(255 212 0 / 20%), transparent 20%),
		radial-gradient(circle at 18% 82%, rgb(255 212 0 / 10%), transparent 24%),
		linear-gradient(145deg, #8f00d4 0%, #7200bd 50%, #43006c 100%);
	column-gap: clamp(28px, 4vw, 68px);
	grid-template-columns: minmax(470px, .46fr) minmax(520px, .54fr);
	padding-bottom: clamp(48px, 5vw, 78px);
	padding-top: clamp(48px, 5vw, 76px);
	row-gap: 16px;
}

.mm-app.mm-route-home .mm-hero::before {
	background-image:
		linear-gradient(90deg, rgb(255 255 255 / 5%) 1px, transparent 1px),
		linear-gradient(0deg, rgb(255 255 255 / 4%) 1px, transparent 1px);
	opacity: .5;
}

.mm-app.mm-route-home .mm-hero-content {
	align-self: end;
	max-width: 690px;
	padding-top: 24px;
}

.mm-app.mm-route-home .mm-hero h1 {
	font-size: clamp(64px, 5.8vw, 94px);
	letter-spacing: -0.065em;
	line-height: .93;
	margin-bottom: 22px;
}

.mm-app.mm-route-home .mm-hero-copy {
	font-size: clamp(22px, 1.55vw, 28px);
	line-height: 1.25;
	max-width: 620px;
}

.mm-app.mm-route-home .mm-hero .mm-lead {
	font-size: clamp(20px, 1.28vw, 24px);
	line-height: 1.35;
	max-width: 660px;
}

.mm-app.mm-route-home .mm-hero-visual {
	align-self: center;
	grid-column: 2;
	grid-row: 1 / span 2;
	margin-right: clamp(-28px, -2vw, -8px);
}

.mm-app.mm-route-home .mm-hero-visual img {
	max-height: min(580px, 58vh);
	object-fit: contain;
	object-position: center right;
}

.mm-app.mm-route-home .mm-hero > .mm-search {
	align-self: start;
	border-width: 5px;
	box-shadow: 0 22px 70px rgb(34 0 48 / 20%);
	gap: 10px;
	grid-column: 1;
	grid-row: 2;
	grid-template-columns: minmax(0, 1fr);
	margin-top: 4px;
	max-width: 720px;
	padding: 18px;
}

.mm-app.mm-route-home .mm-hero > .mm-search label {
	font-size: 14px;
	grid-column: auto;
	grid-row: auto;
	letter-spacing: .01em;
	margin: 0 0 -2px 8px;
}

.mm-app.mm-route-home .mm-hero > .mm-search > div {
	align-items: stretch;
	gap: 10px;
	grid-column: auto;
	grid-row: auto;
	grid-template-columns: minmax(0, 1fr) auto;
}

.mm-app.mm-route-home .mm-hero > .mm-search small {
	font-size: 13px;
	grid-column: auto;
	grid-row: auto;
	line-height: 1.35;
	margin-left: 8px;
	max-width: 600px;
}

.mm-app.mm-route-home .mm-hero > .mm-search input,
.mm-app.mm-route-home .mm-hero > .mm-search .mm-btn {
	border-radius: 22px;
	font-size: 17px;
	height: 66px;
}

.mm-app.mm-route-home .mm-hero > .mm-search input {
	padding-left: 24px;
	padding-right: 24px;
}

.mm-app.mm-route-home .mm-hero > .mm-search .mm-btn {
	min-width: 182px;
	padding-left: 28px;
	padding-right: 28px;
}

.mm-app.mm-route-home .mm-home-category-strip {
	background: rgb(255 253 248 / 92%);
	border-color: rgb(255 255 255 / 54%);
	box-shadow: 0 22px 74px rgb(34 0 48 / 19%);
	gap: 18px;
	margin: 10px auto 0;
	max-width: min(1160px, calc(100vw - 64px));
	padding: 13px 16px;
}

.mm-app.mm-route-home .mm-home-category-track {
	gap: 10px;
	overflow-x: hidden;
	padding: 3px;
}

.mm-app.mm-route-home .mm-home-category {
	border-radius: 26px;
	font-size: 14px;
	font-weight: 650;
	gap: 10px;
	letter-spacing: -0.005em;
	min-height: 88px;
	min-width: 126px;
	padding: 12px 15px;
	white-space: nowrap;
}

.mm-app.mm-route-home .mm-home-category-icon {
	height: 34px;
	width: 34px;
}

.mm-app.mm-route-home .mm-home-category svg {
	height: 31px;
	stroke-width: 1.55;
	width: 31px;
}

.mm-app.mm-route-home .mm-home-category:hover,
.mm-app.mm-route-home .mm-home-category:focus-visible {
	background: #ffffff;
	border-color: rgb(255 212 0 / 72%);
	box-shadow: 0 14px 30px rgb(45 0 71 / 13%);
	color: #2d0048;
}

.mm-app.mm-route-home .mm-home-category.is-selected {
	background: linear-gradient(135deg, #ffd400, #fff0a0);
	color: #17111f;
}

.mm-app.mm-route-home .mm-home-category-arrow {
	font-size: 30px;
	height: 54px;
	width: 54px;
}

@media (max-width: 1280px) {
	.mm-app.mm-route-home .mm-hero {
		grid-template-columns: minmax(430px, .47fr) minmax(430px, .53fr);
	}

	.mm-app.mm-route-home .mm-hero h1 {
		font-size: clamp(58px, 5.4vw, 78px);
	}

	.mm-app.mm-route-home .mm-home-category {
		min-width: 122px;
	}
}

@media (max-width: 1100px) {
	.mm-app.mm-route-home .mm-hero {
		grid-template-columns: minmax(390px, .48fr) minmax(370px, .52fr);
		padding-left: 28px;
		padding-right: 28px;
	}

	.mm-app.mm-route-home .mm-hero > .mm-search .mm-btn {
		min-width: 162px;
	}

	.mm-app.mm-route-home .mm-home-category-strip {
		max-width: calc(100vw - 56px);
	}

	.mm-app.mm-route-home .mm-home-category {
		min-width: 118px;
	}
}

@media (max-width: 900px) {
	.mm-app.mm-route-home .mm-hero {
		grid-template-columns: minmax(0, 1fr);
		padding: 42px 18px 54px;
		row-gap: 20px;
	}

	.mm-app.mm-route-home .mm-hero-content,
	.mm-app.mm-route-home .mm-hero > .mm-search,
	.mm-app.mm-route-home .mm-home-category-strip {
		grid-column: 1;
	}

	.mm-app.mm-route-home .mm-hero-content {
		padding-top: 0;
	}

	.mm-app.mm-route-home .mm-hero h1 {
		font-size: clamp(52px, 12vw, 72px);
	}

	.mm-app.mm-route-home .mm-hero-visual {
		grid-column: 1;
		grid-row: auto;
		margin: -8px auto 0;
	}

	.mm-app.mm-route-home .mm-hero-visual img {
		max-height: 360px;
		object-position: center;
	}

	.mm-app.mm-route-home .mm-hero > .mm-search {
		max-width: none;
	}

	.mm-app.mm-route-home .mm-home-category-strip {
		border-radius: 32px;
		grid-template-columns: minmax(0, 1fr);
		margin-top: 0;
		max-width: 100%;
		padding: 10px;
	}

	.mm-app.mm-route-home .mm-home-category-track {
		overflow-x: auto;
	}

	.mm-app.mm-route-home .mm-home-category-arrow {
		display: none;
	}
}

@media (max-width: 560px) {
	.mm-app.mm-route-home .mm-hero {
		padding-left: 14px;
		padding-right: 14px;
	}

	.mm-app.mm-route-home .mm-hero h1 {
		font-size: clamp(46px, 13vw, 58px);
	}

	.mm-app.mm-route-home .mm-hero-copy {
		font-size: 20px;
	}

	.mm-app.mm-route-home .mm-hero .mm-lead {
		font-size: 18px;
	}

	.mm-app.mm-route-home .mm-hero > .mm-search {
		border-width: 4px;
		padding: 14px;
	}

	.mm-app.mm-route-home .mm-hero > .mm-search > div {
		grid-template-columns: minmax(0, 1fr);
	}

	.mm-app.mm-route-home .mm-hero > .mm-search input,
	.mm-app.mm-route-home .mm-hero > .mm-search .mm-btn {
		height: 60px;
		width: 100%;
	}

	.mm-app.mm-route-home .mm-home-category {
		font-size: 13px;
		min-height: 78px;
		min-width: 112px;
	}

	.mm-app.mm-route-home .mm-home-category-icon {
		height: 30px;
		width: 30px;
	}

	.mm-app.mm-route-home .mm-home-category svg {
		height: 28px;
		width: 28px;
	}
}
@media (max-width: 900px) {
	.mm-app.mm-route-home .mm-hero > .mm-search {
		grid-row: 2;
	}

	.mm-app.mm-route-home .mm-home-category-strip {
		grid-row: 3;
	}

	.mm-app.mm-route-home .mm-hero-visual {
		grid-row: 4;
	}
}
/* Homepage immersive animated hero */
.mm-app.mm-route-home .mm-shell {
	background: linear-gradient(145deg, #8f00d4 0%, #7200bd 42%, #43006c 100%);
}

.mm-app.mm-route-home .mm-header {
	background: linear-gradient(145deg, #8f00d4 0%, #7600c2 48%, #520073 100%);
	border-bottom: 0;
	box-shadow: none;
	position: relative;
	z-index: 5;
}

.mm-app.mm-route-home .mm-logo img {
	filter: brightness(0) invert(1);
}

.mm-app.mm-route-home .mm-nav a {
	color: #ffffff;
}

.mm-app.mm-route-home .mm-nav a:hover,
.mm-app.mm-route-home .mm-nav a:focus-visible {
	color: #ffd400;
}

.mm-app.mm-route-home .mm-nav a:not(.mm-nav-heart)::after {
	background: #ffd400;
}

.mm-app.mm-route-home .mm-nav .mm-nav-heart {
	background: #ffd400;
	border-color: rgb(255 255 255 / 28%);
	box-shadow: 0 14px 32px rgb(34 0 48 / 18%);
	color: #2d0048;
}

.mm-app.mm-route-home .mm-main {
	background: #fff8ed;
}

.mm-app.mm-route-home .mm-hero {
	align-items: center;
	background:
		radial-gradient(circle at 76% 24%, rgb(255 212 0 / 16%), transparent 18%),
		radial-gradient(circle at 26% 88%, rgb(255 212 0 / 8%), transparent 22%),
		linear-gradient(145deg, #8e00d5 0%, #7200bd 46%, #43006c 100%);
	border-radius: 0 0 42px 42px;
	column-gap: clamp(28px, 4vw, 72px);
	grid-template-columns: minmax(440px, .47fr) minmax(520px, .53fr);
	margin-top: -1px;
	min-height: clamp(720px, calc(100vh - 86px), 850px);
	padding-bottom: clamp(38px, 4.2vw, 72px);
	padding-left: max(24px, calc((100% - 1480px) / 2));
	padding-right: max(24px, calc((100% - 1480px) / 2));
	padding-top: clamp(34px, 4vw, 58px);
	row-gap: clamp(14px, 2vw, 24px);
}

.mm-app.mm-route-home .mm-hero::before {
	background-image:
		linear-gradient(90deg, rgb(255 255 255 / 3.5%) 1px, transparent 1px),
		linear-gradient(0deg, rgb(255 255 255 / 3%) 1px, transparent 1px);
	background-size: 64px 64px;
	mask-image: linear-gradient(135deg, transparent 0%, #000 30%, #000 64%, transparent 100%);
	opacity: .35;
}

.mm-app.mm-route-home .mm-hero-content {
	align-self: end;
	max-width: 720px;
	padding-top: 0;
}

.mm-app.mm-route-home .mm-hero h1 {
	font-size: clamp(68px, 6vw, 104px);
	letter-spacing: -0.068em;
	line-height: .92;
	margin-bottom: 24px;
	text-wrap: balance;
}

.mm-app.mm-route-home .mm-hero-copy {
	font-size: clamp(22px, 1.45vw, 28px);
	line-height: 1.24;
	max-width: 650px;
	opacity: .9;
}

.mm-app.mm-route-home .mm-hero .mm-lead {
	font-size: clamp(20px, 1.18vw, 24px);
	line-height: 1.35;
	max-width: 680px;
}

.mm-app.mm-route-home .mm-hero-visual {
	align-self: center;
	grid-column: 2;
	grid-row: 1;
	margin: 0;
	pointer-events: none;
}

.mm-app.mm-route-home .mm-hero-animation {
	align-items: center;
	display: flex;
	justify-content: center;
	min-height: 470px;
	position: relative;
}

.mm-app.mm-route-home .mm-hero-animation-svg {
	display: block;
	filter: drop-shadow(0 28px 68px rgb(34 0 48 / 26%));
	height: auto;
	max-height: min(590px, 62vh);
	max-width: 100%;
	pointer-events: none;
	width: min(720px, 100%);
}

.mm-app.mm-route-home .mm-anim-line {
	animation: mmLinePulse 7.2s ease-in-out infinite;
	stroke: #ffd400;
	stroke-dasharray: 10 18;
	stroke-width: 4;
	opacity: .34;
}

.mm-app.mm-route-home .mm-anim-line-phone { animation-delay: 1.8s; }
.mm-app.mm-route-home .mm-anim-line-shop { animation-delay: 3.6s; }
.mm-app.mm-route-home .mm-anim-line-design { animation-delay: 5.4s; }

.mm-app.mm-route-home .mm-anim-node {
	animation: mmNodeFocus 7.2s ease-in-out infinite;
	filter: drop-shadow(0 16px 26px rgb(34 0 48 / 14%));
	transform-box: fill-box;
	transform-origin: center;
}

.mm-app.mm-route-home .mm-anim-node-phone { animation-delay: 1.8s; }
.mm-app.mm-route-home .mm-anim-node-shop { animation-delay: 3.6s; }
.mm-app.mm-route-home .mm-anim-node-design { animation-delay: 5.4s; }

.mm-app.mm-route-home .mm-anim-node text {
	fill: #ffffff;
	font-family: Inter, system-ui, sans-serif;
	font-size: 20px;
	font-weight: 780;
}

.mm-app.mm-route-home .mm-anim-match {
	animation: mmMatchCheck 7.2s ease-in-out infinite;
	stroke-dasharray: 72;
	stroke-dashoffset: 72;
}

.mm-app.mm-route-home .mm-hero-animation-toggle {
	background: rgb(255 255 255 / 13%);
	border: 1px solid rgb(255 255 255 / 22%);
	border-radius: 999px;
	bottom: 18px;
	color: #ffffff;
	cursor: pointer;
	font: inherit;
	font-size: 13px;
	font-weight: 650;
	padding: 9px 14px;
	pointer-events: auto;
	position: absolute;
	right: 22px;
	transition: background-color 200ms ease, border-color 200ms ease, color 200ms ease;
}

.mm-app.mm-route-home .mm-hero-animation-toggle:hover,
.mm-app.mm-route-home .mm-hero-animation-toggle:focus-visible {
	background: #ffd400;
	border-color: #ffd400;
	color: #2d0048;
}

.mm-app.mm-route-home .mm-hero-animation.is-paused .mm-anim-line,
.mm-app.mm-route-home .mm-hero-animation.is-paused .mm-anim-node,
.mm-app.mm-route-home .mm-hero-animation.is-paused .mm-anim-match {
	animation-play-state: paused;
}

.mm-app.mm-route-home .mm-hero > .mm-search {
	align-self: start;
	border-width: 5px;
	box-shadow: 0 24px 72px rgb(34 0 48 / 22%);
	gap: 10px;
	grid-column: 1 / -1;
	grid-row: 2;
	grid-template-columns: minmax(0, 1fr);
	justify-self: center;
	margin-top: clamp(4px, 1.5vw, 16px);
	max-width: min(960px, 100%);
	padding: 18px;
	width: 100%;
}

.mm-app.mm-route-home .mm-hero > .mm-search label {
	font-size: 14px;
	grid-column: auto;
	grid-row: auto;
	letter-spacing: .01em;
	margin: 0 0 -2px 8px;
}

.mm-app.mm-route-home .mm-hero > .mm-search > div {
	align-items: stretch;
	gap: 12px;
	grid-column: auto;
	grid-row: auto;
	grid-template-columns: minmax(0, 1fr) auto;
}

.mm-app.mm-route-home .mm-hero > .mm-search small {
	font-size: 13px;
	grid-column: auto;
	grid-row: auto;
	line-height: 1.35;
	margin-left: 8px;
	max-width: 760px;
}

.mm-app.mm-route-home .mm-hero > .mm-search input,
.mm-app.mm-route-home .mm-hero > .mm-search .mm-btn {
	border-radius: 22px;
	font-size: 17px;
	height: 68px;
}

.mm-app.mm-route-home .mm-hero > .mm-search input {
	min-width: 0;
	padding-left: 24px;
	padding-right: 24px;
}

.mm-app.mm-route-home .mm-hero > .mm-search .mm-btn {
	min-width: 190px;
	padding-left: 30px;
	padding-right: 30px;
}

.mm-app.mm-route-home .mm-home-category-strip {
	background: rgb(255 253 248 / 93%);
	border-color: rgb(255 255 255 / 58%);
	box-shadow: 0 22px 74px rgb(34 0 48 / 18%);
	gap: 20px;
	grid-column: 1 / -1;
	grid-row: 3;
	justify-self: center;
	margin-top: 4px;
	max-width: min(1180px, 100%);
	padding: 13px 18px;
}

.mm-app.mm-route-home .mm-home-category-track {
	gap: 12px;
	overflow-x: hidden;
	padding: 3px;
}

.mm-app.mm-route-home .mm-home-category {
	border-radius: 26px;
	font-size: 14px;
	font-weight: 620;
	gap: 10px;
	letter-spacing: 0;
	min-height: 88px;
	min-width: 132px;
	padding: 12px 16px;
	white-space: nowrap;
}

.mm-app.mm-route-home .mm-home-category-icon {
	height: 36px;
	width: 36px;
}

.mm-app.mm-route-home .mm-home-category svg {
	height: 32px;
	stroke-width: 1.5;
	width: 32px;
}

.mm-app.mm-route-home .mm-home-category:hover,
.mm-app.mm-route-home .mm-home-category:focus-visible {
	background: #ffffff;
	border-color: rgb(255 212 0 / 72%);
	box-shadow: 0 14px 30px rgb(45 0 71 / 13%);
	color: #2d0048;
}

.mm-app.mm-route-home .mm-home-category.is-selected {
	background: linear-gradient(135deg, #ffd400, #fff0a0);
	color: #17111f;
}

.mm-app.mm-route-home .mm-home-category-arrow {
	font-size: 30px;
	height: 54px;
	width: 54px;
}

@keyframes mmLinePulse {
	0%, 16%, 100% { opacity: .24; stroke-dashoffset: 34; stroke-width: 4; }
	26%, 42% { opacity: .94; stroke-dashoffset: 0; stroke-width: 6; }
	56% { opacity: .3; stroke-dashoffset: -20; stroke-width: 4; }
}

@keyframes mmNodeFocus {
	0%, 18%, 100% { opacity: .82; transform: scale(1); }
	28%, 44% { opacity: 1; transform: scale(1.045); }
	58% { opacity: .84; transform: scale(1); }
}

@keyframes mmMatchCheck {
	0%, 22%, 100% { opacity: 0; stroke-dashoffset: 72; }
	34%, 48% { opacity: 1; stroke-dashoffset: 0; }
	62% { opacity: 0; stroke-dashoffset: 0; }
}

@media (prefers-reduced-motion: reduce) {
	.mm-app.mm-route-home .mm-anim-line,
	.mm-app.mm-route-home .mm-anim-node,
	.mm-app.mm-route-home .mm-anim-match {
		animation: none !important;
	}

	.mm-app.mm-route-home .mm-anim-line {
		opacity: .42;
		stroke-dashoffset: 0;
	}

	.mm-app.mm-route-home .mm-anim-match {
		opacity: 1;
		stroke-dashoffset: 0;
	}
}

@media (max-width: 1440px) {
	.mm-app.mm-route-home .mm-hero {
		grid-template-columns: minmax(420px, .47fr) minmax(500px, .53fr);
		min-height: clamp(700px, calc(100vh - 82px), 820px);
	}

	.mm-app.mm-route-home .mm-hero h1 {
		font-size: clamp(64px, 5.5vw, 90px);
	}

	.mm-app.mm-route-home .mm-home-category {
		min-width: 128px;
	}
}

@media (max-width: 1280px) {
	.mm-app.mm-route-home .mm-hero {
		grid-template-columns: minmax(390px, .47fr) minmax(430px, .53fr);
		min-height: auto;
	}

	.mm-app.mm-route-home .mm-hero h1 {
		font-size: clamp(58px, 5.3vw, 78px);
	}

	.mm-app.mm-route-home .mm-hero-animation-svg {
		max-height: 500px;
	}
}

@media (max-width: 1024px) {
	.mm-app.mm-route-home .mm-hero {
		grid-template-columns: minmax(0, 1fr);
		padding-left: 24px;
		padding-right: 24px;
	}

	.mm-app.mm-route-home .mm-hero-content {
		grid-column: 1;
		grid-row: 1;
	}

	.mm-app.mm-route-home .mm-hero-visual {
		grid-column: 1;
		grid-row: 2;
		min-height: 380px;
	}

	.mm-app.mm-route-home .mm-hero > .mm-search {
		grid-column: 1;
		grid-row: 3;
	}

	.mm-app.mm-route-home .mm-home-category-strip {
		grid-column: 1;
		grid-row: 4;
	}
}

@media (max-width: 900px) {
	.mm-app.mm-route-home .mm-header {
		background: #7200bd;
	}

	.mm-app.mm-route-home .mm-hero {
		padding: 34px 18px 52px;
		row-gap: 18px;
	}

	.mm-app.mm-route-home .mm-hero h1 {
		font-size: clamp(52px, 12vw, 72px);
	}

	.mm-app.mm-route-home .mm-hero-visual {
		min-height: 320px;
	}

	.mm-app.mm-route-home .mm-hero-animation-svg {
		max-height: 360px;
	}

	.mm-app.mm-route-home .mm-home-category-strip {
		border-radius: 32px;
		grid-template-columns: minmax(0, 1fr);
		max-width: 100%;
		padding: 10px;
	}

	.mm-app.mm-route-home .mm-home-category-track {
		overflow-x: auto;
	}

	.mm-app.mm-route-home .mm-home-category-arrow {
		display: none;
	}
}

@media (max-width: 560px) {
	.mm-app.mm-route-home .mm-hero {
		border-radius: 0 0 30px 30px;
		padding-left: 14px;
		padding-right: 14px;
	}

	.mm-app.mm-route-home .mm-hero h1 {
		font-size: clamp(46px, 13vw, 58px);
	}

	.mm-app.mm-route-home .mm-hero-copy {
		font-size: 20px;
	}

	.mm-app.mm-route-home .mm-hero .mm-lead {
		font-size: 18px;
	}

	.mm-app.mm-route-home .mm-hero-visual {
		min-height: 250px;
	}

	.mm-app.mm-route-home .mm-hero-animation-svg {
		max-height: 285px;
	}

	.mm-app.mm-route-home .mm-hero-animation-toggle {
		bottom: 6px;
		right: 8px;
	}

	.mm-app.mm-route-home .mm-hero > .mm-search {
		border-width: 4px;
		padding: 14px;
	}

	.mm-app.mm-route-home .mm-hero > .mm-search > div {
		grid-template-columns: minmax(0, 1fr);
	}

	.mm-app.mm-route-home .mm-hero > .mm-search input,
	.mm-app.mm-route-home .mm-hero > .mm-search .mm-btn {
		height: 60px;
		width: 100%;
	}

	.mm-app.mm-route-home .mm-home-category {
		font-size: 13px;
		min-height: 78px;
		min-width: 116px;
	}
}
/* Homepage mentor matching animation — one-shot */
.mm-app.mm-route-home .mm-header {
	padding-left: clamp(28px, 4.5vw, 72px);
	padding-right: clamp(28px, 4.5vw, 72px);
}

.mm-app.mm-route-home .mm-mentor-match-animation {
	isolation: isolate;
	min-height: 500px;
}

.mm-app.mm-route-home .mm-mentor-match-animation .mm-hero-animation-svg {
	max-height: min(610px, 64vh);
	width: min(760px, 100%);
}

.mm-app.mm-route-home .mm-match-background ellipse {
	transform-origin: center;
}

.mm-app.mm-route-home .mm-match-message {
	animation: mmMentorMessageTravel 8.8s cubic-bezier(.19, 1, .22, 1) 1 forwards;
	transform-box: fill-box;
	transform-origin: center;
}

.mm-app.mm-route-home .mm-match-problem {
	fill: #520073;
	font-family: inherit;
	font-size: 17px;
	font-weight: 720;
	letter-spacing: -.01em;
}

.mm-app.mm-route-home .mm-match-problem-sale,
.mm-app.mm-route-home .mm-match-problem-social {
	display: none;
}

.mm-app.mm-route-home .mm-match-laptop {
	animation: mmMentorLaptopGlow 8.8s ease 1 forwards;
	transform-box: fill-box;
	transform-origin: center;
}

.mm-app.mm-route-home .mm-match-scan {
	animation: mmMentorScan 8.8s ease 1 forwards;
	stroke-dasharray: 180;
	stroke-dashoffset: 180;
}

.mm-app.mm-route-home .mm-match-line {
	stroke: rgb(255 255 255 / 58%);
	stroke-dasharray: 360;
	stroke-dashoffset: 360;
	stroke-width: 3;
}

.mm-app.mm-route-home .mm-line-ai {
	animation: mmMentorLineAi 8.8s ease 1 forwards;
}

.mm-app.mm-route-home .mm-line-social,
.mm-app.mm-route-home .mm-line-sale {
	animation: mmMentorLineMuted 8.8s ease 1 forwards;
}

.mm-app.mm-route-home .mm-match-mentor {
	animation: mmMentorAvatarEnter 8.8s ease 1 forwards;
	opacity: 0;
	transform-box: fill-box;
	transform-origin: center;
}

.mm-app.mm-route-home .mm-mentor-ai {
	animation-name: mmMentorAvatarMatched;
}

.mm-app.mm-route-home .mm-mentor-social {
	animation-delay: .1s;
}

.mm-app.mm-route-home .mm-mentor-sale {
	animation-delay: .2s;
}

.mm-app.mm-route-home .mm-match-mentor text,
.mm-app.mm-route-home .mm-match-badge text,
.mm-app.mm-route-home .mm-match-result text {
	fill: #520073;
	font-family: inherit;
	font-size: 16px;
	font-weight: 760;
}

.mm-app.mm-route-home .mm-match-badge {
	animation: mmMentorBadge 8.8s ease 1 forwards;
	opacity: 0;
	transform-box: fill-box;
	transform-origin: center;
}

.mm-app.mm-route-home .mm-match-badge text {
	fill: #2d0048;
	font-size: 14px;
}

.mm-app.mm-route-home .mm-match-avatar-ring {
	fill: none;
	stroke: rgb(255 255 255 / 70%);
	stroke-width: 3;
}

.mm-app.mm-route-home .mm-mentor-ai .mm-match-avatar-ring {
	animation: mmMentorRingMatched 8.8s ease 1 forwards;
}

.mm-app.mm-route-home .mm-match-result {
	animation: mmMentorResult 8.8s ease 1 forwards;
	opacity: 0;
	transform-box: fill-box;
	transform-origin: center;
}

.mm-app.mm-route-home .mm-match-result text {
	font-size: 17px;
}

.mm-page-hidden .mm-app.mm-route-home .mm-mentor-match-animation *,
.mm-app.mm-route-home .mm-mentor-match-animation.is-paused * {
	animation-play-state: paused !important;
}

@keyframes mmMentorMessageTravel {
	0% { opacity: 0; transform: translateX(-34px) translateY(4px) scale(.97); }
	10% { opacity: 1; transform: translateX(0) translateY(0) scale(1); }
	28% { opacity: 1; transform: translateX(116px) translateY(-2px) scale(.98); }
	64% { opacity: .92; transform: translateX(116px) translateY(-2px) scale(.98); }
	78%, 100% { opacity: 0; transform: translateX(134px) translateY(-2px) scale(.96); }
}

@keyframes mmMentorLaptopGlow {
	0%, 22% { filter: drop-shadow(0 18px 28px rgb(34 0 48 / 10%)); transform: scale(1); }
	34%, 58% { filter: drop-shadow(0 0 28px rgb(255 212 0 / 34%)) drop-shadow(0 22px 42px rgb(82 0 115 / 18%)); transform: scale(1.025); }
	78%, 100% { filter: drop-shadow(0 0 18px rgb(255 212 0 / 22%)) drop-shadow(0 20px 36px rgb(82 0 115 / 14%)); transform: scale(1); }
}

@keyframes mmMentorScan {
	0%, 26% { opacity: 0; stroke-dashoffset: 180; }
	38%, 58% { opacity: 1; stroke-dashoffset: 0; }
	78%, 100% { opacity: .72; stroke-dashoffset: 0; }
}

@keyframes mmMentorLineMuted {
	0%, 34% { opacity: 0; stroke-dashoffset: 360; }
	48% { opacity: .76; stroke-dashoffset: 0; }
	64%, 100% { opacity: .16; stroke-dashoffset: 0; }
}

@keyframes mmMentorLineAi {
	0%, 34% { opacity: 0; stroke: rgb(255 255 255 / 58%); stroke-dashoffset: 360; stroke-width: 3; }
	48% { opacity: .82; stroke: rgb(255 255 255 / 72%); stroke-dashoffset: 0; stroke-width: 3; }
	66%, 100% { opacity: 1; stroke: #ffd400; stroke-dashoffset: 0; stroke-width: 5; }
}

@keyframes mmMentorAvatarEnter {
	0%, 38% { opacity: 0; transform: translateY(12px) scale(.94); }
	52% { opacity: 1; transform: translateY(0) scale(1); }
	68%, 100% { opacity: .45; transform: translateY(0) scale(.985); }
}

@keyframes mmMentorAvatarMatched {
	0%, 38% { opacity: 0; transform: translateY(12px) scale(.94); }
	52% { opacity: 1; transform: translateY(0) scale(1); }
	68%, 100% { opacity: 1; transform: translateY(0) scale(1.045); }
}

@keyframes mmMentorRingMatched {
	0%, 58% { stroke: rgb(255 255 255 / 70%); stroke-width: 3; }
	68%, 100% { stroke: #ffd400; stroke-width: 6; }
}

@keyframes mmMentorBadge {
	0%, 58% { opacity: 0; transform: translateY(8px) scale(.94); }
	70%, 100% { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes mmMentorResult {
	0%, 66% { opacity: 0; transform: translateY(12px) scale(.97); }
	78%, 100% { opacity: 1; transform: translateY(0) scale(1); }
}

@media (prefers-reduced-motion: reduce) {
	.mm-app.mm-route-home .mm-mentor-match-animation * {
		animation: none !important;
	}

	.mm-app.mm-route-home .mm-match-message {
		opacity: 1;
		transform: translateX(108px);
	}

	.mm-app.mm-route-home .mm-match-scan,
	.mm-app.mm-route-home .mm-line-ai,
	.mm-app.mm-route-home .mm-match-result,
	.mm-app.mm-route-home .mm-match-badge,
	.mm-app.mm-route-home .mm-match-mentor {
		opacity: 1;
		stroke-dashoffset: 0;
	}

	.mm-app.mm-route-home .mm-line-ai {
		stroke: #ffd400;
		stroke-width: 5;
	}

	.mm-app.mm-route-home .mm-line-social,
	.mm-app.mm-route-home .mm-line-sale {
		opacity: .18;
		stroke-dashoffset: 0;
	}

	.mm-app.mm-route-home .mm-mentor-social,
	.mm-app.mm-route-home .mm-mentor-sale {
		opacity: .45;
	}

	.mm-app.mm-route-home .mm-mentor-ai .mm-match-avatar-ring {
		stroke: #ffd400;
		stroke-width: 6;
	}
}

@media (max-width: 900px) {
	.mm-app.mm-route-home .mm-header {
		padding-left: 18px;
		padding-right: 18px;
	}

	.mm-app.mm-route-home .mm-mentor-match-animation {
		min-height: 330px;
	}
}

@media (max-width: 560px) {
	.mm-app.mm-route-home .mm-mentor-match-animation {
		min-height: 270px;
	}
}
/* Homepage transparent hero graphic */
.mm-app.mm-route-home .mm-hero-transparent-graphic {
	align-items: center;
	display: flex;
	justify-content: flex-end;
	min-height: 500px;
	position: relative;
}

.mm-app.mm-route-home .mm-hero-transparent-graphic img {
	animation: mmHeroTransparentGraphicIntro 1100ms cubic-bezier(.19, 1, .22, 1) 1 forwards;
	display: block;
	filter: drop-shadow(0 34px 76px rgb(34 0 48 / 26%));
	height: auto;
	max-height: min(640px, 66vh);
	max-width: min(790px, 112%);
	object-fit: contain;
	object-position: center right;
	opacity: 0;
	transform: translateY(16px) scale(.98);
	width: 100%;
}

@keyframes mmHeroTransparentGraphicIntro {
	0% { opacity: 0; transform: translateY(16px) scale(.98); }
	100% { opacity: 1; transform: translateY(0) scale(1); }
}

@media (prefers-reduced-motion: reduce) {
	.mm-app.mm-route-home .mm-hero-transparent-graphic img {
		animation: none !important;
		opacity: 1;
		transform: none;
	}
}

@media (max-width: 1024px) {
	.mm-app.mm-route-home .mm-hero-transparent-graphic {
		justify-content: center;
		min-height: 380px;
	}

	.mm-app.mm-route-home .mm-hero-transparent-graphic img {
		max-height: 440px;
		max-width: min(740px, 100%);
		object-position: center;
	}
}

@media (max-width: 560px) {
	.mm-app.mm-route-home .mm-hero-transparent-graphic {
		min-height: 270px;
	}

	.mm-app.mm-route-home .mm-hero-transparent-graphic img {
		max-height: 320px;
	}
}
/* Homepage hero composition refinement */
.mm-app.mm-route-home .mm-header,
.mm-app.mm-route-home .mm-hero {
	padding-left: max(24px, calc((100% - 1360px) / 2));
	padding-right: max(24px, calc((100% - 1360px) / 2));
}

.mm-app.mm-route-home .mm-hero {
	align-items: center;
	background:
		radial-gradient(circle at 74% 24%, rgb(255 212 0 / 13%), transparent 18%),
		radial-gradient(circle at 22% 86%, rgb(255 212 0 / 5%), transparent 20%),
		linear-gradient(145deg, #8e00d5 0%, #7200bd 46%, #43006c 100%);
	column-gap: clamp(18px, 2.6vw, 44px);
	grid-template-columns: minmax(0, .48fr) minmax(0, .52fr);
	min-height: auto;
	padding-bottom: clamp(34px, 4vw, 56px);
	padding-top: clamp(20px, 2.6vw, 34px);
	row-gap: clamp(10px, 1.4vw, 18px);
}

.mm-app.mm-route-home .mm-hero-content {
	align-self: center;
	max-width: 650px;
	padding-top: 0;
	transform: translateY(-18px);
}

.mm-app.mm-route-home .mm-hero h1 {
	font-size: clamp(62px, 5.2vw, 92px);
	margin-bottom: 16px;
}

.mm-app.mm-route-home .mm-hero-copy {
	font-size: clamp(21px, 1.35vw, 26px);
	line-height: 1.22;
	margin-bottom: 10px;
	max-width: 620px;
}

.mm-app.mm-route-home .mm-hero .mm-lead {
	font-size: clamp(19px, 1.1vw, 23px);
	line-height: 1.3;
	max-width: 640px;
}

.mm-app.mm-route-home .mm-hero-visual {
	align-self: center;
	justify-self: start;
	margin-left: clamp(-34px, -2.2vw, -14px);
	margin-right: 0;
	transform: translateY(26px);
}

.mm-app.mm-route-home .mm-hero-transparent-graphic {
	justify-content: flex-start;
	min-height: clamp(500px, 54vh, 620px);
}

.mm-app.mm-route-home .mm-hero-transparent-graphic::before {
	background: radial-gradient(circle, rgb(185 91 255 / 20%), transparent 64%);
	border-radius: 999px;
	content: "";
	filter: blur(24px);
	height: 66%;
	left: 9%;
	opacity: .9;
	position: absolute;
	top: 18%;
	width: 72%;
	z-index: -1;
}

.mm-app.mm-route-home .mm-hero-transparent-graphic img {
	filter: none;
	max-height: none;
	max-width: none;
	object-fit: contain;
	object-position: center;
	width: clamp(540px, 43vw, 620px);
}

.mm-app.mm-route-home .mm-hero > .mm-search {
	align-self: start;
	grid-column: 1 / -1;
	grid-row: 2;
	justify-self: center;
	margin-top: clamp(-36px, -2.6vw, -18px);
	max-width: min(920px, 100%);
	padding: 16px 18px;
	width: 100%;
}

.mm-app.mm-route-home .mm-hero > .mm-search input,
.mm-app.mm-route-home .mm-hero > .mm-search .mm-btn {
	height: 66px;
}

.mm-app.mm-route-home .mm-home-category-strip {
	grid-column: 1 / -1;
	grid-row: 3;
	margin-top: clamp(18px, 1.5vw, 24px);
	max-width: min(1120px, 100%);
	padding: 10px 14px;
}

.mm-app.mm-route-home .mm-home-category {
	font-size: 13px;
	gap: 8px;
	min-height: 76px;
	min-width: 124px;
	padding: 10px 14px;
}

.mm-app.mm-route-home .mm-home-category-icon {
	height: 32px;
	width: 32px;
}

.mm-app.mm-route-home .mm-home-category svg {
	height: 28px;
	width: 28px;
}

@media (max-width: 1366px) {
	.mm-app.mm-route-home .mm-hero {
		padding-top: 18px;
		padding-bottom: 34px;
	}

	.mm-app.mm-route-home .mm-hero h1 {
		font-size: clamp(56px, 5vw, 74px);
	}

	.mm-app.mm-route-home .mm-hero-transparent-graphic {
		min-height: clamp(420px, 48vh, 510px);
	}

	.mm-app.mm-route-home .mm-hero-transparent-graphic img {
		width: clamp(500px, 42vw, 575px);
	}

	.mm-app.mm-route-home .mm-hero > .mm-search {
		margin-top: -28px;
	}

	.mm-app.mm-route-home .mm-home-category {
		min-height: 72px;
		min-width: 118px;
	}
}

@media (max-width: 1024px) {
	.mm-app.mm-route-home .mm-header,
	.mm-app.mm-route-home .mm-hero {
		padding-left: 24px;
		padding-right: 24px;
	}

	.mm-app.mm-route-home .mm-hero {
		grid-template-columns: minmax(0, 1fr);
		padding-top: 34px;
		row-gap: 18px;
	}

	.mm-app.mm-route-home .mm-hero-content {
		grid-column: 1;
		grid-row: 1;
		max-width: 720px;
		transform: none;
	}

	.mm-app.mm-route-home .mm-hero-visual {
		grid-column: 1;
		grid-row: 2;
		justify-self: center;
		margin-left: 0;
		transform: none;
	}

	.mm-app.mm-route-home .mm-hero-transparent-graphic {
		justify-content: center;
		min-height: 360px;
	}

	.mm-app.mm-route-home .mm-hero-transparent-graphic img {
		width: min(90vw, 620px);
	}

	.mm-app.mm-route-home .mm-hero > .mm-search {
		grid-column: 1;
		grid-row: 3;
		margin-top: 0;
		max-width: 920px;
	}

	.mm-app.mm-route-home .mm-home-category-strip {
		grid-column: 1;
		grid-row: 4;
		max-width: 100%;
	}
}

@media (max-width: 560px) {
	.mm-app.mm-route-home .mm-header,
	.mm-app.mm-route-home .mm-hero {
		padding-left: 14px;
		padding-right: 14px;
	}

	.mm-app.mm-route-home .mm-hero {
		padding-top: 28px;
		padding-bottom: 42px;
	}

	.mm-app.mm-route-home .mm-hero h1 {
		font-size: clamp(44px, 12vw, 56px);
	}

	.mm-app.mm-route-home .mm-hero-transparent-graphic {
		min-height: 260px;
	}

	.mm-app.mm-route-home .mm-hero-transparent-graphic img {
		width: min(90vw, 390px);
	}

	.mm-app.mm-route-home .mm-home-category-strip {
		margin-top: 18px;
		padding: 9px;
	}

	.mm-app.mm-route-home .mm-home-category {
		min-height: 74px;
		min-width: 112px;
	}
}
/* Homepage search microcopy removal */
.mm-app.mm-route-home .mm-hero > .mm-search {
	gap: 8px;
	padding-bottom: 14px;
	padding-top: 14px;
}

.mm-app.mm-route-home .mm-hero > .mm-search > div {
	margin-bottom: 0;
}
/* Homepage search overlap refinement */
.mm-app.mm-route-home .mm-hero > .mm-search {
	margin-top: clamp(-58px, -4vw, -36px);
	position: relative;
	z-index: 3;
}

.mm-app.mm-route-home .mm-home-category-strip {
	margin-top: clamp(-8px, -0.6vw, 6px);
	position: relative;
	z-index: 4;
}

.mm-app.mm-route-home .mm-hero-transparent-graphic {
	z-index: 1;
}

@media (max-width: 1366px) {
	.mm-app.mm-route-home .mm-hero > .mm-search {
		margin-top: -46px;
	}

	.mm-app.mm-route-home .mm-home-category-strip {
		margin-top: 0;
	}
}

@media (max-width: 1024px) {
	.mm-app.mm-route-home .mm-hero > .mm-search,
	.mm-app.mm-route-home .mm-home-category-strip {
		margin-top: 0;
	}
}
/* Homepage Von Halsky inspired purple background */
.mm-app.mm-route-home .mm-shell {
	background: linear-gradient(180deg, #a000b9 0%, #82009a 42%, #4d0065 74%, #17001f 100%);
}

.mm-app.mm-route-home .mm-header {
	background: linear-gradient(180deg, #a000b9 0%, #a000c8 100%);
}

.mm-app.mm-route-home .mm-hero {
	background:
		radial-gradient(circle at 72% 22%, rgb(255 212 0 / 10%), transparent 18%),
		radial-gradient(circle at 24% 84%, rgb(255 212 0 / 4%), transparent 20%),
		linear-gradient(180deg, #a000b9 0%, #84009d 38%, #54006f 68%, #21002c 100%);
}
/* Homepage full-page purple surface */
.mm-app.mm-route-home .mm-main {
	background: linear-gradient(180deg, #a000b9 0%, #84009d 34%, #54006f 68%, #17001f 100%);
}

.mm-app.mm-route-home .mm-home-section,
.mm-app.mm-route-home .mm-soft-section {
	background:
		radial-gradient(circle at 88% 18%, rgb(255 212 0 / 8%), transparent 24%),
		linear-gradient(180deg, rgb(160 0 185 / 98%) 0%, rgb(84 0 111 / 96%) 100%);
	border-top: 1px solid rgb(255 255 255 / 10%);
	color: #ffffff;
}

.mm-app.mm-route-home .mm-home-section h2,
.mm-app.mm-route-home .mm-home-section h3,
.mm-app.mm-route-home .mm-home-section p,
.mm-app.mm-route-home .mm-home-section li,
.mm-app.mm-route-home .mm-soft-section h2,
.mm-app.mm-route-home .mm-soft-section p {
	color: #ffffff;
}

.mm-app.mm-route-home .mm-home-section .mm-kicker,
.mm-app.mm-route-home .mm-soft-section .mm-kicker {
	color: #ffd400;
}

.mm-app.mm-route-home .mm-problem-tile,
.mm-app.mm-route-home .mm-specialization-tile,
.mm-app.mm-route-home .mm-solved-grid article,
.mm-app.mm-route-home .mm-steps li,
.mm-app.mm-route-home .mm-benefits li {
	background: rgb(255 253 248 / 96%);
	color: #17111f;
}

.mm-app.mm-route-home .mm-problem-tile h3,
.mm-app.mm-route-home .mm-problem-tile strong,
.mm-app.mm-route-home .mm-problem-tile p,
.mm-app.mm-route-home .mm-specialization-tile h3,
.mm-app.mm-route-home .mm-specialization-tile p,
.mm-app.mm-route-home .mm-specialization-tile li,
.mm-app.mm-route-home .mm-solved-grid article h3,
.mm-app.mm-route-home .mm-solved-grid article p,
.mm-app.mm-route-home .mm-steps li,
.mm-app.mm-route-home .mm-benefits li {
	color: #17111f;
}
/* Homepage footer integrated with purple surface */
.mm-app.mm-route-home .mm-site-footer {
	background: linear-gradient(180deg, #17001f 0%, #100016 100%);
	border-top: 2px solid #ffd400;
	box-shadow: none;
	color: #ffffff;
}

.mm-app.mm-route-home .mm-site-footer h2,
.mm-app.mm-route-home .mm-site-footer p,
.mm-app.mm-route-home .mm-site-footer a,
.mm-app.mm-route-home .mm-footer-bottom {
	color: #ffffff;
}

.mm-app.mm-route-home .mm-site-footer a:hover,
.mm-app.mm-route-home .mm-site-footer a:focus-visible {
	color: #ffd400;
}
/* Homepage remove light section bands */
.mm-app.mm-route-home .mm-home-section,
.mm-app.mm-route-home .mm-home-section:nth-of-type(even),
.mm-app.mm-route-home .mm-soft-section {
	background:
		radial-gradient(circle at 86% 16%, rgb(255 212 0 / 7%), transparent 23%),
		linear-gradient(180deg, #a000b9 0%, #84009d 44%, #54006f 100%) !important;
	color: #ffffff;
}

.mm-app.mm-route-home .mm-home-section + .mm-home-section {
	border-top: 1px solid rgb(255 255 255 / 8%);
}

.mm-app.mm-route-home .mm-home-section::before,
.mm-app.mm-route-home .mm-soft-section::before {
	display: none;
}
/* Homepage footer final purple override */
body .mm-app.mm-route-home footer.mm-site-footer,
body .mm-app.mm-route-home .mm-site-footer {
	background: linear-gradient(180deg, #54006f 0%, #21002c 48%, #100016 100%) !important;
	border-top: 2px solid #ffd400 !important;
	box-shadow: none !important;
	color: #ffffff !important;
	margin-top: 0;
}

body .mm-app.mm-route-home .mm-footer-brand,
body .mm-app.mm-route-home .mm-footer-bottom {
	border-color: rgb(255 212 0 / 24%) !important;
}

body .mm-app.mm-route-home .mm-footer-nav section {
	background: rgb(255 255 255 / 7%) !important;
	border-color: rgb(255 255 255 / 14%) !important;
}

body .mm-app.mm-route-home .mm-footer-nav h2,
body .mm-app.mm-route-home .mm-footer-nav a,
body .mm-app.mm-route-home .mm-footer-bottom,
body .mm-app.mm-route-home .mm-footer-bottom p,
body .mm-app.mm-route-home .mm-site-footer p {
	color: #ffffff !important;
}

body .mm-app.mm-route-home .mm-footer-nav a:hover,
body .mm-app.mm-route-home .mm-footer-nav a:focus-visible {
	color: #ffd400 !important;
}

/* Homepage editorial purple flow */
body .mm-app.mm-route-home,
body .mm-app.mm-route-home .mm-shell,
body .mm-app.mm-route-home .mm-main {
	background:
		radial-gradient(circle at 84% 16%, rgb(255 212 0 / 8%), transparent 22%),
		radial-gradient(circle at 12% 54%, rgb(255 255 255 / 7%), transparent 20%),
		linear-gradient(180deg, #a000b9 0%, #8b009f 24%, #61007f 54%, #310041 78%, #120018 100%) !important;
}

body .mm-app.mm-route-home .mm-home-section,
body .mm-app.mm-route-home .mm-home-section:nth-of-type(even),
body .mm-app.mm-route-home .mm-soft-section {
	background: transparent !important;
	border-top: 0 !important;
	box-shadow: none !important;
	color: #ffffff !important;
}

body .mm-app.mm-route-home .mm-home-section + .mm-home-section {
	border-top: 0 !important;
}

body .mm-app.mm-route-home .mm-home-section h2 {
	color: #ffffff !important;
	font-size: clamp(2.6rem, 5vw, 5.4rem);
	font-weight: 900;
	letter-spacing: -0.055em;
	line-height: 0.96;
	max-width: 900px;
	text-transform: none;
}

body .mm-app.mm-route-home .mm-home-section h3,
body .mm-app.mm-route-home .mm-home-section p,
body .mm-app.mm-route-home .mm-home-section li,
body .mm-app.mm-route-home .mm-home-section strong,
body .mm-app.mm-route-home .mm-home-section small,
body .mm-app.mm-route-home .mm-home-section a {
	color: #ffffff !important;
}

body .mm-app.mm-route-home .mm-home-section .mm-kicker {
	color: #ffd400 !important;
	letter-spacing: 0.12em;
}

body .mm-app.mm-route-home .mm-popular-grid,
body .mm-app.mm-route-home .mm-specialization-grid,
body .mm-app.mm-route-home .mm-solved-grid {
	gap: clamp(1.2rem, 2.2vw, 2.5rem);
}

body .mm-app.mm-route-home .mm-problem-tile,
body .mm-app.mm-route-home .mm-specialization-tile,
body .mm-app.mm-route-home .mm-solved-grid article,
body .mm-app.mm-route-home .mm-steps li,
body .mm-app.mm-route-home .mm-benefits li {
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	color: #ffffff !important;
	padding: 0 !important;
	transform: none !important;
}

body .mm-app.mm-route-home .mm-problem-tile,
body .mm-app.mm-route-home .mm-specialization-tile {
	border-top: 1px solid rgb(255 255 255 / 22%) !important;
	padding-top: 1.25rem !important;
}

body .mm-app.mm-route-home .mm-problem-tile:hover,
body .mm-app.mm-route-home .mm-problem-tile:focus-visible,
body .mm-app.mm-route-home .mm-specialization-tile:hover,
body .mm-app.mm-route-home .mm-specialization-tile:focus-visible {
	border-color: #ffd400 !important;
	color: #ffd400 !important;
}

body .mm-app.mm-route-home .mm-problem-tile span,
body .mm-app.mm-route-home .mm-specialization-tile strong,
body .mm-app.mm-route-home .mm-specialization-marker,
body .mm-app.mm-route-home .mm-solved-grid small,
body .mm-app.mm-route-home .mm-steps li span {
	color: #ffd400 !important;
}

body .mm-app.mm-route-home .mm-steps,
body .mm-app.mm-route-home .mm-benefits {
	display: grid;
	gap: clamp(1.35rem, 2.4vw, 2.7rem);
}

body .mm-app.mm-route-home .mm-steps li,
body .mm-app.mm-route-home .mm-benefits li {
	align-items: flex-start;
	font-size: clamp(1.2rem, 2vw, 1.75rem);
	line-height: 1.35;
	max-width: 920px;
}

body .mm-app.mm-route-home .mm-steps li span {
	font-size: clamp(3.2rem, 8vw, 8rem);
	font-weight: 900;
	letter-spacing: -0.08em;
	line-height: 0.85;
	min-width: clamp(4rem, 10vw, 9rem);
	text-shadow: 0 16px 44px rgb(0 0 0 / 18%);
}

body .mm-app.mm-route-home .mm-benefits {
	grid-template-columns: 1fr;
}

body .mm-app.mm-route-home .mm-benefits li {
	position: relative;
	padding-left: 2.4rem !important;
}

body .mm-app.mm-route-home .mm-benefits li::before {
	background: #ffd400;
	border-radius: 999px;
	color: #2b003a;
	content: "✓";
	display: grid;
	font-size: 0.95rem;
	font-weight: 900;
	height: 1.65rem;
	left: 0;
	place-items: center;
	position: absolute;
	top: 0.08rem;
	width: 1.65rem;
}

body .mm-app.mm-route-home .mm-solved-grid article {
	border-left: 2px solid rgb(255 212 0 / 55%) !important;
	padding-left: clamp(1rem, 1.8vw, 1.5rem) !important;
}

body .mm-app.mm-route-home .mm-site-footer {
	background: transparent !important;
	border-top: 2px solid #ffd400 !important;
}

body .mm-app.mm-route-home .mm-footer-nav section {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

@media (max-width: 700px) {
	body .mm-app.mm-route-home .mm-home-section h2 {
		font-size: clamp(2.25rem, 12vw, 3.8rem);
	}

	body .mm-app.mm-route-home .mm-steps li {
		display: grid;
		gap: 0.65rem;
	}
}

/* Homepage editorial polish: visible white icons and stable process numbers */
body .mm-app.mm-route-home .mm-home-category-icon {
	background: rgb(255 255 255 / 12%) !important;
	border: 1px solid rgb(255 255 255 / 22%) !important;
	box-shadow: none !important;
	color: #ffffff !important;
}

body .mm-app.mm-route-home .mm-home-category svg,
body .mm-app.mm-route-home .mm-home-category-icon svg {
	color: #ffffff !important;
	stroke: currentColor !important;
}

body .mm-app.mm-route-home .mm-home-category:hover .mm-home-category-icon,
body .mm-app.mm-route-home .mm-home-category:focus-visible .mm-home-category-icon,
body .mm-app.mm-route-home .mm-home-category.is-selected .mm-home-category-icon {
	background: #ffffff !important;
	color: #4b0066 !important;
}

body .mm-app.mm-route-home .mm-specialization-marker {
	background: transparent !important;
	border: 1px solid rgb(255 255 255 / 34%) !important;
	border-radius: 999px !important;
	box-shadow: none !important;
	color: #ffffff !important;
	font-size: 0.85rem !important;
	font-weight: 800 !important;
	height: 2.25rem !important;
	letter-spacing: 0.08em !important;
	width: 2.75rem !important;
}

body .mm-app.mm-route-home .mm-steps {
	align-items: start;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: clamp(1.25rem, 3vw, 3rem);
}

body .mm-app.mm-route-home .mm-steps li {
	display: grid !important;
	gap: 1rem;
	justify-items: start;
	min-height: 0 !important;
}

body .mm-app.mm-route-home .mm-steps li span {
	background: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	color: #ffd400 !important;
	display: block !important;
	font-size: clamp(4.5rem, 8vw, 7rem) !important;
	font-weight: 900 !important;
	height: auto !important;
	letter-spacing: -0.08em !important;
	line-height: 0.82 !important;
	min-width: 0 !important;
	text-align: left !important;
	text-shadow: 0 18px 42px rgb(0 0 0 / 18%) !important;
	width: auto !important;
}

body .mm-app.mm-route-home .mm-steps li strong {
	font-size: clamp(1.25rem, 1.7vw, 1.7rem);
	line-height: 1.18;
	margin-top: 0 !important;
}

@media (max-width: 900px) {
	body .mm-app.mm-route-home .mm-steps {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 560px) {
	body .mm-app.mm-route-home .mm-steps {
		grid-template-columns: 1fr;
	}

	body .mm-app.mm-route-home .mm-steps li span {
		font-size: clamp(3.4rem, 18vw, 5rem) !important;
	}
}

/* Homepage category strip icon contrast fix */
body .mm-app.mm-route-home .mm-home-category-icon {
	background: rgb(75 0 102 / 8%) !important;
	border: 1px solid rgb(75 0 102 / 12%) !important;
	color: #4b0066 !important;
}

body .mm-app.mm-route-home .mm-home-category svg,
body .mm-app.mm-route-home .mm-home-category-icon svg {
	color: #4b0066 !important;
	stroke: currentColor !important;
	stroke-width: 2 !important;
}

body .mm-app.mm-route-home .mm-home-category:hover .mm-home-category-icon,
body .mm-app.mm-route-home .mm-home-category:focus-visible .mm-home-category-icon,
body .mm-app.mm-route-home .mm-home-category.is-selected .mm-home-category-icon {
	background: #ffd400 !important;
	border-color: #ffd400 !important;
	color: #2b003a !important;
}

body .mm-app.mm-route-home .mm-home-category:hover svg,
body .mm-app.mm-route-home .mm-home-category:focus-visible svg,
body .mm-app.mm-route-home .mm-home-category.is-selected svg {
	color: #2b003a !important;
}

/* Homepage PHP footer purple surface */
body.mm-route-homepage footer.mm-site-footer,
body.home footer.mm-site-footer,
body.front-page footer.mm-site-footer {
	background:
		radial-gradient(circle at 86% 0%, rgb(255 212 0 / 8%), transparent 24%),
		linear-gradient(180deg, #21002c 0%, #120018 100%) !important;
	border-top: 2px solid #ffd400 !important;
	box-shadow: none !important;
	color: #ffffff !important;
}

body.mm-route-homepage .mm-site-footer .mm-footer-inner,
body.home .mm-site-footer .mm-footer-inner,
body.front-page .mm-site-footer .mm-footer-inner {
	background: transparent !important;
}

body.mm-route-homepage .mm-site-footer .mm-footer-brand,
body.mm-route-homepage .mm-site-footer .mm-footer-bottom,
body.home .mm-site-footer .mm-footer-brand,
body.home .mm-site-footer .mm-footer-bottom,
body.front-page .mm-site-footer .mm-footer-brand,
body.front-page .mm-site-footer .mm-footer-bottom {
	border-color: rgb(255 212 0 / 26%) !important;
}

body.mm-route-homepage .mm-site-footer .mm-footer-nav section,
body.home .mm-site-footer .mm-footer-nav section,
body.front-page .mm-site-footer .mm-footer-nav section {
	background: rgb(255 255 255 / 6%) !important;
	border: 1px solid rgb(255 255 255 / 14%) !important;
	box-shadow: none !important;
}

body.mm-route-homepage .mm-site-footer h2,
body.mm-route-homepage .mm-site-footer p,
body.mm-route-homepage .mm-site-footer a,
body.home .mm-site-footer h2,
body.home .mm-site-footer p,
body.home .mm-site-footer a,
body.front-page .mm-site-footer h2,
body.front-page .mm-site-footer p,
body.front-page .mm-site-footer a {
	color: #ffffff !important;
}

body.mm-route-homepage .mm-site-footer a:hover,
body.mm-route-homepage .mm-site-footer a:focus-visible,
body.home .mm-site-footer a:hover,
body.home .mm-site-footer a:focus-visible,
body.front-page .mm-site-footer a:hover,
body.front-page .mm-site-footer a:focus-visible {
	color: #ffd400 !important;
}

/* Product-wide purple visual system v1 */
.mm-app:not(.mm-route-home) {
	--mm-primary: #6500d4;
	--mm-primary-hover: #4b00a8;
	--mm-background: #f7f1ff;
	--mm-card: #fffdf8;
	--mm-text: #17111f;
	--mm-muted: #655b70;
	--mm-border: #e7dcef;
	--mm-success: #6500d4;
	--mm-accent: #ffd400;
	--mm-short-card: rgb(255 212 0 / 14%);
	--mm-surface: #f1e5ff;
	--mm-shadow: 0 22px 60px rgb(75 0 102 / 9%);
	background:
		radial-gradient(circle at 86% 0%, rgb(255 212 0 / 14%), transparent 20rem),
		radial-gradient(circle at 12% 14%, rgb(160 0 185 / 12%), transparent 18rem),
		#f7f1ff;
}

.mm-app:not(.mm-route-home) .mm-shell {
	background: rgb(255 253 248 / 96%);
	border-color: rgb(101 0 212 / 12%);
	box-shadow: 0 32px 80px rgb(75 0 102 / 8%);
}

.mm-app:not(.mm-route-home) .mm-header {
	background: rgb(255 253 248 / 88%);
	backdrop-filter: blur(18px);
	border-bottom-color: rgb(101 0 212 / 12%);
}

.mm-app:not(.mm-route-home) .mm-nav a,
.mm-app:not(.mm-route-home) .mm-logo,
.mm-app:not(.mm-route-home) .mm-back {
	color: #4b0066;
}

.mm-app:not(.mm-route-home) .mm-nav a:hover,
.mm-app:not(.mm-route-home) .mm-nav a:focus-visible {
	color: #6500d4;
}

.mm-app:not(.mm-route-home) .mm-nav .mm-nav-heart {
	background: rgb(255 212 0 / 18%);
	border-color: rgb(255 212 0 / 52%);
	color: #4b0066;
}

.mm-app:not(.mm-route-home) .mm-main {
	background:
		radial-gradient(circle at 84% 10%, rgb(255 212 0 / 10%), transparent 19rem),
		linear-gradient(180deg, #fffdf8 0%, #f7f1ff 100%);
}

.mm-app:not(.mm-route-home) .mm-section,
.mm-app:not(.mm-route-home) .mm-card,
.mm-app:not(.mm-route-home) .mm-info-grid article,
.mm-app:not(.mm-route-home) .mm-list a,
.mm-app:not(.mm-route-home) .mm-mentor,
.mm-app:not(.mm-route-home) .mm-booking-card,
.mm-app:not(.mm-route-home) .mm-problem-card,
.mm-app:not(.mm-route-home) .mm-profile-card,
.mm-app:not(.mm-route-home) .mm-legal-section,
.mm-app:not(.mm-route-home) .mm-legal-intro,
.mm-app:not(.mm-route-home) .mm-legal-contact {
	border-color: rgb(101 0 212 / 12%);
	box-shadow: 0 18px 54px rgb(75 0 102 / 7%);
}

.mm-app:not(.mm-route-home) .mm-kicker,
.mm-app:not(.mm-route-home) .mm-eyebrow,
.mm-app:not(.mm-route-home) small,
.mm-app:not(.mm-route-home) .mm-heart-index {
	color: #6500d4;
}

.mm-app:not(.mm-route-home) h1,
.mm-app:not(.mm-route-home) h2,
.mm-app:not(.mm-route-home) h3,
.mm-app:not(.mm-route-home) strong {
	color: #17111f;
}

.mm-app:not(.mm-route-home) .mm-btn,
.mm-app:not(.mm-route-home) button.mm-btn,
.mm-app:not(.mm-route-home) input[type="submit"].mm-btn {
	background: #ffd400;
	border-color: #ffd400;
	box-shadow: 0 14px 34px rgb(255 212 0 / 28%);
	color: #2b003a !important;
}

.mm-app:not(.mm-route-home) .mm-btn:hover,
.mm-app:not(.mm-route-home) button.mm-btn:hover {
	background: #ffe45c;
	border-color: #ffe45c;
	transform: translateY(-1px);
}

.mm-app:not(.mm-route-home) .mm-btn-secondary,
.mm-app:not(.mm-route-home) .mm-secondary,
.mm-app:not(.mm-route-home) .mm-ghost {
	background: #ffffff;
	border-color: rgb(101 0 212 / 20%);
	box-shadow: none;
	color: #4b0066 !important;
}

.mm-app:not(.mm-route-home) svg,
.mm-app:not(.mm-route-home) [class*="icon"] svg {
	stroke: currentColor;
}

.mm-app:not(.mm-route-home) .mm-mentor-skill-icon,
.mm-app:not(.mm-route-home) .mm-application-category-icon,
.mm-app:not(.mm-route-home) .mm-application-card-icon,
.mm-app:not(.mm-route-home) .mm-profile-icon,
.mm-app:not(.mm-route-home) .mm-info-icon,
.mm-app:not(.mm-route-home) .mm-feature-icon {
	background: rgb(101 0 212 / 9%) !important;
	border-color: rgb(101 0 212 / 14%) !important;
	color: #6500d4 !important;
}

.mm-app:not(.mm-route-home) input,
.mm-app:not(.mm-route-home) textarea,
.mm-app:not(.mm-route-home) select {
	border-color: rgb(101 0 212 / 16%);
}

.mm-app:not(.mm-route-home) input:focus,
.mm-app:not(.mm-route-home) textarea:focus,
.mm-app:not(.mm-route-home) select:focus,
.mm-app:not(.mm-route-home) a:focus-visible,
.mm-app:not(.mm-route-home) button:focus-visible {
	border-color: #6500d4 !important;
	box-shadow: 0 0 0 3px rgb(101 0 212 / 14%) !important;
	outline-color: rgb(255 212 0 / 75%) !important;
}

/* Purple skin for mentor application form */
.mm-app:has(.mm-application-form) {
	--mm-form-page: #f7f1ff;
	--mm-form-surface: #fffdf8;
	--mm-form-section-alt: #f3e8ff;
	--mm-form-skill-panel: #f1e9f8;
	--mm-form-chip: #ffffff;
	--mm-form-primary: #6500d4;
	--mm-form-primary-dark: #4b00a8;
	--mm-form-profile: #21002c;
	--mm-form-text: #17111f;
	--mm-form-muted: #665b72;
	--mm-form-border: #e2d6ec;
	--mm-form-border-strong: #bfa8d6;
	--mm-form-accent: #ffd400;
}

.mm-app:has(.mm-application-form) .mm-main,
.mm-app:has(.mm-application-form) .mm-application-hero,
.mm-app:has(.mm-application-form) .mm-application-form {
	background:
		radial-gradient(circle at 90% 2%, rgb(255 212 0 / 12%), transparent 18rem),
		radial-gradient(circle at 8% 8%, rgb(160 0 185 / 12%), transparent 20rem),
		var(--mm-form-page) !important;
}

.mm-application-category.is-active {
	background: #fff7d0 !important;
	border-color: #ffd400 !important;
}

.mm-application-category.is-active::after,
.mm-application-category.is-selected:not(.is-active)::after {
	background: #ffd400 !important;
}

.mm-application-chip input:checked + span,
.mm-application-primary-chip input:checked + span,
.mm-panel-choice input:checked + span {
	background: #6500d4 !important;
	border-color: #6500d4 !important;
	color: #ffffff !important;
}

.mm-application-preview,
.mm-application-progress,
.mm-application-submit,
.mm-application-selected {
	border-color: rgb(101 0 212 / 14%) !important;
}

.mm-application-preview-browser,
.mm-application-preview-avatar {
	background: rgb(255 212 0 / 16%) !important;
}

/* Become mentor and Heart pages */
.mm-become-page .mm-mentor-hero,
.mm-heart-hero {
	background:
		radial-gradient(circle at 78% 22%, rgb(255 212 0 / 16%), transparent 22rem),
		linear-gradient(135deg, #a000b9 0%, #6500d4 52%, #310041 100%) !important;
	color: #ffffff;
}

.mm-become-page .mm-mentor-hero h1,
.mm-become-page .mm-mentor-hero p,
.mm-heart-hero h1,
.mm-heart-hero .mm-lead {
	color: #ffffff !important;
}

.mm-heart-page {
	--mm-heart-line: rgb(255 212 0 / 46%);
}

.mm-heart-thread path {
	stroke: rgb(255 212 0 / 52%) !important;
}

.mm-heart-thread circle,
.mm-heart-bridge-dot {
	fill: #ffd400 !important;
}

.mm-heart-cta {
	background: linear-gradient(135deg, #6500d4, #310041) !important;
}

/* Mentor panel purple polish */
.mm-panel-layout,
.mm-panel-shell,
.mm-app:has(.mm-panel-topbar) {
	--mm-primary: #6500d4;
	--mm-primary-hover: #4b00a8;
	--mm-accent: #ffd400;
}

.mm-panel-sidebar,
.mm-panel-public-cover {
	background:
		radial-gradient(circle at 74% 0%, rgb(255 212 0 / 14%), transparent 16rem),
		linear-gradient(180deg, #21002c 0%, #070011 100%) !important;
}

.mm-panel-tabs a.is-active,
.mm-panel-nav a.is-active,
.mm-panel-review-button {
	background: linear-gradient(135deg, #6500d4, #4b00a8) !important;
	color: #ffffff !important;
}

.mm-panel-chip-list li,
.mm-panel-public-tags li,
.mm-panel-choice span,
.mm-panel-field input,
.mm-panel-field textarea {
	border-color: rgb(101 0 212 / 14%) !important;
}

.mm-panel-review-cta,
.mm-panel-submit-box {
	background: rgb(255 212 0 / 12%) !important;
	border-color: rgb(255 212 0 / 45%) !important;
}

/* PHP footer outside SPA on non-home routes */
body:not(.mm-route-homepage) footer.mm-site-footer {
	background:
		radial-gradient(circle at 86% 0%, rgb(255 212 0 / 8%), transparent 24%),
		linear-gradient(180deg, #21002c 0%, #120018 100%) !important;
	border-top: 2px solid #ffd400 !important;
	color: #ffffff !important;
}

body:not(.mm-route-homepage) .mm-site-footer .mm-footer-nav section {
	background: rgb(255 255 255 / 6%) !important;
	border-color: rgb(255 255 255 / 14%) !important;
}

body:not(.mm-route-homepage) .mm-site-footer h2,
body:not(.mm-route-homepage) .mm-site-footer p,
body:not(.mm-route-homepage) .mm-site-footer a {
	color: #ffffff !important;
}

body:not(.mm-route-homepage) .mm-site-footer a:hover,
body:not(.mm-route-homepage) .mm-site-footer a:focus-visible {
	color: #ffd400 !important;
}