/* MechaTeams product-led homepage. */

:root {
	--h3-max: 1180px;
	--h3-pad: clamp(1rem, 3vw, 2rem);
	--h3-ink: #0a1720;
	--h3-muted: #52636f;
	--h3-accent: #0e7490;
	--h3-accent-light: #22a6c5;
	--h3-line: rgba(10, 23, 32, 0.11);
	--h3-surface: #f3f6f7;
	--h3-panel: #ffffff;
	--h3-band-light: rgba(255, 255, 255, 0.82);
	--h3-band-soft: rgba(238, 244, 248, 0.84);
	--h3-accent-tint: #e9f7fa;
	--h3-on-accent: #ffffff;
	--h3-display: "Vazirmatn", Tahoma, sans-serif;
}

html[data-theme="dark"],
html.mt-theme-dark {
	--h3-ink: #eef3f6;
	--h3-muted: #a9b8c2;
	--h3-accent: #22d3ee;
	--h3-accent-light: #67e2f2;
	--h3-line: rgba(232, 238, 245, 0.14);
	--h3-surface: #0b1220;
	--h3-panel: #121a26;
	--h3-band-light: rgba(30, 42, 58, 0.9);
	--h3-band-soft: rgba(8, 13, 21, 0.92);
	--h3-accent-tint: rgba(34, 211, 238, 0.14);
	--h3-on-accent: #041018;
}

.mt-h3 {
	position: relative;
	z-index: 1;
	color: var(--h3-ink);
	background: transparent;
	font-family: var(--h3-display);
	overflow: hidden;
}

body.mt-is-home {
	background: var(--h3-surface) !important;
}

html[data-theme="dark"] body.mt-is-home,
html.mt-theme-dark body.mt-is-home {
	background:
		radial-gradient(1200px 680px at 8% 35%, rgba(34, 211, 238, 0.20), transparent 55%),
		radial-gradient(950px 620px at 112% 40%, rgba(124, 92, 246, 0.17), transparent 58%),
		radial-gradient(900px 640px at 50% 100%, rgba(236, 72, 153, 0.08), transparent 65%),
		repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.014) 0px, rgba(255, 255, 255, 0.014) 1px, transparent 1px, transparent 3px),
		radial-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px) 0 0 / 26px 26px,
		var(--h3-surface) !important;
	background-repeat: no-repeat, no-repeat, no-repeat, repeat, repeat, no-repeat !important;
	background-position: 8% 35%, 112% 40%, 50% 100%, 0 0, 0 0, 0 0 !important;
	background-size: auto, auto, auto, auto, 26px 26px, auto !important;
	background-attachment: fixed, fixed, fixed, fixed, fixed, fixed !important;
}

html:not([data-theme="dark"]):not(.mt-theme-dark) body.mt-is-home {
	background:
		radial-gradient(1200px 680px at 8% 35%, rgba(14, 116, 144, 0.22), transparent 55%),
		radial-gradient(950px 620px at 112% 40%, rgba(124, 92, 246, 0.19), transparent 58%),
		radial-gradient(900px 640px at 50% 100%, rgba(236, 72, 153, 0.12), transparent 65%),
		repeating-linear-gradient(135deg, rgba(10, 23, 32, 0.028) 0px, rgba(10, 23, 32, 0.028) 1px, transparent 1px, transparent 3px),
		radial-gradient(rgba(10, 23, 32, 0.09) 1px, transparent 1px) 0 0 / 26px 26px,
		var(--h3-surface) !important;
	background-repeat: no-repeat, no-repeat, no-repeat, repeat, repeat, no-repeat !important;
	background-position: 8% 35%, 112% 40%, 50% 100%, 0 0, 0 0, 0 0 !important;
	background-size: auto, auto, auto, auto, 26px 26px, auto !important;
	background-attachment: fixed, fixed, fixed, fixed, fixed, fixed !important;
}

/* Background logo watermark: a dedicated fixed overlay (not part of the body background stack
   above) so it can fade in/out independently, based on hero visibility — see home-fx-bg-logo.js.
   Starts hidden; JS adds/removes .is-visible as the hero section scrolls out of/into view. */
.mt-h3-bg-logo {
	position: fixed;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.7s ease;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: min(56vw, 760px) auto;
}

.mt-h3-bg-logo.is-visible {
	opacity: 1;
}

html[data-theme="dark"] .mt-h3-bg-logo,
html.mt-theme-dark .mt-h3-bg-logo {
	background-image: url("../images/logo_gray_mechateams_watermark.png");
}

html:not([data-theme="dark"]):not(.mt-theme-dark) .mt-h3-bg-logo {
	background-image: url("../images/logo_gray_mechateams_watermark_light.png");
}


/* These sections must stay transparent (no `background`) so the single
   background+watermark painted once on body.mt-is-home shows through the
   whole page continuously, instead of each section painting its own copy. */
html[data-theme="dark"] body.mt-is-home .mt-h3-difference,
html[data-theme="dark"] body.mt-is-home .mt-h3-about-teaser,
html[data-theme="dark"] body.mt-is-home .mt-h3-journey--timeline,
html[data-theme="dark"] body.mt-is-home .mt-h3-roles,
html[data-theme="dark"] body.mt-is-home .mt-h3-domains,
html[data-theme="dark"] body.mt-is-home .mt-h3-industries,
html[data-theme="dark"] body.mt-is-home .mt-h3-audience,
html[data-theme="dark"] body.mt-is-home .mt-h3-trust,
html[data-theme="dark"] body.mt-is-home .mt-h3-projects-rail,
html[data-theme="dark"] body.mt-is-home .mt-h3-executors,
html[data-theme="dark"] body.mt-is-home .mt-h3-designs,
html[data-theme="dark"] body.mt-is-home .mt-h3-features,
html[data-theme="dark"] body.mt-is-home .mt-h3-blog,
html[data-theme="dark"] body.mt-is-home .mt-h3-faq,
html[data-theme="dark"] body.mt-is-home .mt-h3-close,
html[data-theme="dark"] body.mt-is-home .mt-h3-proof,
html.mt-theme-dark body.mt-is-home .mt-h3-difference,
html.mt-theme-dark body.mt-is-home .mt-h3-about-teaser,
html.mt-theme-dark body.mt-is-home .mt-h3-journey--timeline,
html.mt-theme-dark body.mt-is-home .mt-h3-roles,
html.mt-theme-dark body.mt-is-home .mt-h3-domains,
html.mt-theme-dark body.mt-is-home .mt-h3-industries,
html.mt-theme-dark body.mt-is-home .mt-h3-audience,
html.mt-theme-dark body.mt-is-home .mt-h3-trust,
html.mt-theme-dark body.mt-is-home .mt-h3-projects-rail,
html.mt-theme-dark body.mt-is-home .mt-h3-executors,
html.mt-theme-dark body.mt-is-home .mt-h3-designs,
html.mt-theme-dark body.mt-is-home .mt-h3-features,
html.mt-theme-dark body.mt-is-home .mt-h3-blog,
html.mt-theme-dark body.mt-is-home .mt-h3-faq,
html.mt-theme-dark body.mt-is-home .mt-h3-close,
html.mt-theme-dark body.mt-is-home .mt-h3-proof,
html:not([data-theme="dark"]):not(.mt-theme-dark) body.mt-is-home .mt-h3-difference,
html:not([data-theme="dark"]):not(.mt-theme-dark) body.mt-is-home .mt-h3-about-teaser,
html:not([data-theme="dark"]):not(.mt-theme-dark) body.mt-is-home .mt-h3-journey--timeline,
html:not([data-theme="dark"]):not(.mt-theme-dark) body.mt-is-home .mt-h3-roles,
html:not([data-theme="dark"]):not(.mt-theme-dark) body.mt-is-home .mt-h3-domains,
html:not([data-theme="dark"]):not(.mt-theme-dark) body.mt-is-home .mt-h3-industries,
html:not([data-theme="dark"]):not(.mt-theme-dark) body.mt-is-home .mt-h3-audience,
html:not([data-theme="dark"]):not(.mt-theme-dark) body.mt-is-home .mt-h3-trust,
html:not([data-theme="dark"]):not(.mt-theme-dark) body.mt-is-home .mt-h3-projects-rail,
html:not([data-theme="dark"]):not(.mt-theme-dark) body.mt-is-home .mt-h3-executors,
html:not([data-theme="dark"]):not(.mt-theme-dark) body.mt-is-home .mt-h3-designs,
html:not([data-theme="dark"]):not(.mt-theme-dark) body.mt-is-home .mt-h3-features,
html:not([data-theme="dark"]):not(.mt-theme-dark) body.mt-is-home .mt-h3-blog,
html:not([data-theme="dark"]):not(.mt-theme-dark) body.mt-is-home .mt-h3-faq,
html:not([data-theme="dark"]):not(.mt-theme-dark) body.mt-is-home .mt-h3-close,
html:not([data-theme="dark"]):not(.mt-theme-dark) body.mt-is-home .mt-h3-proof {
	background: transparent;
}

/* Shared section divider — same hairline treatment as the site footer's top edge,
   used instead of alternating band colors to separate consecutive dark sections. */
.mt-h3-difference,
.mt-h3-about-teaser,
.mt-h3-journey--timeline,
.mt-h3-roles,
.mt-h3-domains,
.mt-h3-industries,
.mt-h3-audience,
.mt-h3-trust,
.mt-h3-projects-rail,
.mt-h3-executors,
.mt-h3-designs,
.mt-h3-features,
.mt-h3-blog,
.mt-h3-faq,
.mt-h3-close,
.mt-h3-proof,
.mt-h3-cl-hero,
.mt-h3-cl-pain,
.mt-h3-cl-benefits,
.mt-h3-cl-usecases {
	position: relative;
	isolation: isolate;
	background: var(--h3-surface);
}

.mt-h3-difference::before,
.mt-h3-about-teaser::before,
.mt-h3-journey--timeline::before,
.mt-h3-roles::before,
.mt-h3-domains::before,
.mt-h3-industries::before,
.mt-h3-audience::before,
.mt-h3-trust::before,
.mt-h3-projects-rail::before,
.mt-h3-executors::before,
.mt-h3-designs::before,
.mt-h3-features::before,
.mt-h3-blog::before,
.mt-h3-faq::before,
.mt-h3-close::before,
.mt-h3-proof::before,
.mt-h3-cl-hero::before,
.mt-h3-cl-pain::before,
.mt-h3-cl-benefits::before,
.mt-h3-cl-usecases::before {
	content: "";
	position: absolute;
	z-index: 2;
	inset-inline: 0;
	top: 0;
	height: 1px;
	background: linear-gradient(
		90deg,
		transparent 0%,
		rgba(34, 211, 238, 0.12) 18%,
		rgba(34, 211, 238, 0.4) 50%,
		rgba(34, 211, 238, 0.12) 82%,
		transparent 100%
	);
	pointer-events: none;
}

.mt-h3-below {
	position: relative;
	isolation: isolate;
}

.mt-h3-net {
	position: absolute;
	inset: 0;
	z-index: 3;
	width: 100%;
	height: 100%;
	pointer-events: none;
	overflow: hidden;
}

.mt-h3-net canvas {
	display: block;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.mt-h3-model {
	position: absolute;
	inset: 0;
	z-index: 3;
	width: 100%;
	height: 100%;
	pointer-events: none;
	overflow: hidden;
}

.mt-h3-model canvas {
	display: block;
	width: 100%;
	height: 100%;
	pointer-events: auto;
	cursor: grab;
	/* pan-y (not none): a vertical swipe still scrolls the page by default — only a
	   drag with real horizontal movement gets treated as "rotate the model" by the JS
	   pointer handlers. Without this, touch users could only scroll past the hero by
	   using the buttons, since every touch was captured as a rotation gesture. */
	touch-action: pan-y;
}

.mt-h3-model canvas:active {
	cursor: grabbing;
}

.mt-h3-below > section {
	position: relative;
	z-index: 1;
}

.mt-h3 *,
.mt-h3 *::before,
.mt-h3 *::after {
	box-sizing: border-box;
}

.mt-h3 a {
	color: inherit;
	text-decoration: none;
}

.mt-h3-wrap {
	width: min(var(--h3-max), calc(100% - 2 * var(--h3-pad)));
	margin-inline: auto;
}

.mt-h3-kicker,
.mt-h3-eyebrow {
	margin: 0 0 0.65rem;
	color: var(--h3-accent);
	font-size: 0.78rem;
	font-weight: 800;
	letter-spacing: 0.02em;
}

.mt-h3-heading {
	max-width: 45rem;
	margin-bottom: clamp(1.8rem, 4vw, 3rem);
}

.mt-h3-heading--center {
	margin-inline: auto;
	text-align: center;
}

.mt-h3-heading--row {
	display: flex;
	max-width: none;
	align-items: end;
	justify-content: space-between;
	gap: 1rem;
}

.mt-h3-heading h2,
.mt-h3-trust h2 {
	margin: 0;
	color: var(--h3-ink);
	font-size: clamp(1.65rem, 3.2vw, 2.5rem);
	font-weight: 800;
	line-height: 1.45;
	letter-spacing: -0.025em;
}

.mt-h3-final h2 {
	margin: 0;
	color: #fff;
	font-size: clamp(1.65rem, 3.2vw, 2.5rem);
	font-weight: 800;
	line-height: 1.45;
	letter-spacing: -0.025em;
}

.mt-h3-heading > p:not(.mt-h3-kicker),
.mt-h3-heading > div > p:not(.mt-h3-kicker) {
	margin: 0.65rem 0 0;
	color: var(--h3-muted);
	font-size: clamp(0.92rem, 1.4vw, 1.02rem);
	line-height: 1.9;
}

/* Hero story — pinned with a simple crossfade */
.mt-h3-story {
	position: relative;
	height: 100vh;
	height: 100dvh;
	overflow: hidden;
	color: #fff;
	background: #03090e;
}

.mt-h3-story__sticky {
	position: absolute;
	inset: 0;
	z-index: 2;
	height: 100%;
	overflow: hidden;
}

.mt-h3-story__viewport {
	position: absolute;
	inset: 0;
	overflow: hidden;
}

.mt-h3-slide {
	position: absolute;
	inset: 0;
	display: grid;
	align-items: center;
	padding-top: var(--mt-header-h, 4.75rem);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	will-change: opacity;
	transition:
		opacity 0.4s cubic-bezier(0.22, 1, 0.36, 1),
		visibility 0s linear 0.4s;
	z-index: 1;
}

.mt-h3-slide.is-visible {
	visibility: visible;
	transition-delay: 0s;
}

.mt-h3-slide.is-active {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	z-index: 3;
}

.mt-h3-slide__media,
.mt-h3-slide__texture,
.mt-h3-slide__veil {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.mt-h3-slide__media {
	z-index: 0;
	overflow: hidden;
}

/* Industrial grain + fine metal hatch over every slide photo */
.mt-h3-slide__texture {
	z-index: 1;
	opacity: 0.55;
	mix-blend-mode: soft-light;
	background-image:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.85 0 0 0 0 0.9 0 0 0 0 0.95 0 0 0 0.55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),
		repeating-linear-gradient(
			135deg,
			rgba(255, 255, 255, 0.045) 0 1px,
			transparent 1px 7px
		),
		repeating-linear-gradient(
			45deg,
			rgba(0, 0, 0, 0.035) 0 1px,
			transparent 1px 11px
		);
	background-size: 180px 180px, 14px 14px, 22px 22px;
}

.mt-h3-slide__veil {
	z-index: 2;
	background:
		linear-gradient(90deg, rgba(2, 9, 14, 0.28) 0%, rgba(2, 9, 14, 0.4) 48%, rgba(2, 9, 14, 0.66) 100%),
		linear-gradient(180deg, rgba(2, 9, 14, 0.4) 0%, rgba(2, 9, 14, 0.24) 42%, rgba(2, 9, 14, 0.52) 100%);
}

.mt-h3-slide__media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: var(--mt-slide-pos, center);
	transform: none;
	transition: none;
}

/* First slide: machining sits on the right of the source photo —
   mirror it so the action lands on the left of the hero, clear of the text. */
.mt-h3-slide[data-slide="0"] .mt-h3-slide__media img {
	transform: scaleX(-1);
	object-position: 42% 45%;
}

.mt-h3-slide__content {
	position: relative;
	z-index: 4;
	padding-block: clamp(3rem, 8vh, 5.5rem) clamp(4.5rem, 10vh, 6.5rem);
	opacity: 1;
	filter: none;
	transform: none;
}

.mt-h3-slide.is-active .mt-h3-eyebrow,
.mt-h3-slide.is-active .mt-h3-hero__title,
.mt-h3-slide.is-active .mt-h3-hero__lead,
.mt-h3-slide.is-active .mt-h3-actions,
.mt-h3-slide.is-active .mt-h3-hero__assurances {
	animation: none;
}

.mt-h3-slide.is-active .mt-h3-hero__title,
.mt-h3-slide.is-active .mt-h3-hero__lead,
.mt-h3-slide.is-active .mt-h3-actions,
.mt-h3-slide.is-active .mt-h3-hero__assurances {
	animation-delay: 0s;
}

.mt-h3-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 0.6rem;
	color: #9ae4f2 !important;
}

.mt-h3-eyebrow::before {
	width: 2.6rem;
	height: 1px;
	content: "";
	background: currentColor;
}

.mt-h3-slide .mt-h3-hero__title,
.mt-h3-slide h1.mt-h3-hero__title,
.mt-h3-slide h2.mt-h3-hero__title,
body.mt-is-home .mt-h3-slide .mt-h3-hero__title {
	max-width: 14ch;
	margin: 0;
	color: #ffffff !important;
	font-size: clamp(1.4rem, 3.6vw, 3rem);
	font-weight: 900;
	line-height: 1.23;
	letter-spacing: -0.045em;
	text-wrap: balance;
	text-shadow: 0 2px 28px rgba(0, 0, 0, 0.45);
}

.mt-h3-hero__lead {
	max-width: 42rem;
	margin: 1.15rem 0 0;
	color: rgba(255, 255, 255, 0.9) !important;
	font-size: clamp(1rem, 1.8vw, 1.2rem);
	line-height: 1.95;
	text-shadow: 0 1px 18px rgba(0, 0, 0, 0.35);
}

.mt-h3-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	margin-top: 1.75rem;
}

.mt-h3 .mt-h3-btn-main {
	min-width: 10.5rem;
}

.mt-h3 .mt-h3-btn-glass,
.mt-h3 .mt-h3-btn-outline-light {
	border: 1px solid rgba(255, 255, 255, 0.38) !important;
	background: rgba(255, 255, 255, 0.09) !important;
	color: #fff !important;
	box-shadow: none !important;
	backdrop-filter: blur(10px);
}

.mt-h3 .mt-h3-btn-glass:hover,
.mt-h3 .mt-h3-btn-outline-light:hover {
	border-color: rgba(255, 255, 255, 0.62) !important;
	background: rgba(255, 255, 255, 0.16) !important;
}

.mt-h3-hero__assurances {
	display: flex;
	flex-wrap: wrap;
	gap: 0.65rem 1.5rem;
	margin: 1.4rem 0 0;
	padding: 0;
	list-style: none;
	color: rgba(255, 255, 255, 0.74);
	font-size: 0.82rem;
}

.mt-h3-hero__assurances li {
	display: flex;
	align-items: center;
	gap: 0.4rem;
}

.mt-h3-hero__assurances li::before {
	width: 0.35rem;
	height: 0.35rem;
	border-radius: 50%;
	content: "";
	background: #61cee5;
	box-shadow: 0 0 0 4px rgba(97, 206, 229, 0.12);
}

/* Single centered hero (learn-anything.xyz-style layout) */
.mt-h3-story--single {
	background: #030608;
}

.mt-h3-story--single .mt-h3-story__viewport {
	display: grid;
	place-items: center;
}

.mt-h3-story--single .mt-h3-slide {
	display: grid;
	place-items: center;
	padding-top: 0;
}

.mt-h3-slide__content--centered {
	position: relative;
	display: grid;
	justify-items: center;
	text-align: center;
	padding-block: 0;
	/* Let drags on the logo/heading whitespace fall through to the 3D
	   model canvas layered underneath; only the actual links stay clickable. */
	pointer-events: none;
}

.mt-h3-slide__content--centered a {
	pointer-events: auto;
}

.mt-h3-slide__content--centered::before {
	position: absolute;
	inset: -12% -18%;
	z-index: -1;
	content: "";
	background: radial-gradient(closest-side, rgba(3, 6, 8, 0.82) 0%, rgba(3, 6, 8, 0.55) 55%, rgba(3, 6, 8, 0) 100%);
	pointer-events: none;
}

.mt-h3-hero__logo {
	width: min(78vw, 28rem);
	height: auto;
	margin: 0 0 clamp(1.5rem, 4vw, 2.5rem);
	filter: brightness(0) invert(1) drop-shadow(0 10px 40px rgba(0, 0, 0, 0.5));
}

.mt-h3-hero__title--centered {
	max-width: 22ch;
}

.mt-h3-actions--centered {
	justify-content: center;
	margin-top: clamp(1.75rem, 4vw, 2.5rem);
}

.mt-h3-story__ui {
	position: absolute;
	z-index: 4;
	right: 0;
	left: 0;
	bottom: 1.35rem;
	display: grid;
	justify-items: center;
	gap: 0.55rem;
	pointer-events: none;
}

.mt-h3-story__progress {
	display: flex;
	gap: 0.45rem;
	pointer-events: auto;
}

.mt-h3-story__dot {
	width: 2.1rem;
	height: 0.22rem;
	border: 0;
	border-radius: 999px;
	padding: 0;
	background: rgba(255, 255, 255, 0.28);
	cursor: pointer;
	transition: background 0.25s ease, transform 0.25s ease, width 0.25s ease;
}

.mt-h3-story__dot.is-active {
	width: 2.8rem;
	background: #7dd3e8;
}

.mt-h3-story__hint {
	margin: 0;
	color: rgba(255, 255, 255, 0.62);
	font-size: 0.72rem;
	letter-spacing: 0.01em;
}

body.mt-story-locking {
	/* reserved for temporary interaction lock */
}

/* Difference */
.mt-h3-difference {
	overflow: hidden;
	padding-block: clamp(4.5rem, 9vw, 7rem);
}

.mt-h3-difference > .mt-h3-wrap {
	position: relative;
	z-index: 2;
}

.mt-h3-values {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	border-top: 1px solid var(--h3-line);
	border-bottom: 1px solid var(--h3-line);
}

.mt-h3-values article {
	display: flex;
	gap: 1rem;
	padding: clamp(1.5rem, 3vw, 2.3rem);
	border-inline-start: 1px solid var(--h3-line);
}

.mt-h3-values article:first-child {
	border-inline-start: 0;
}

.mt-h3-values__icon {
	display: grid;
	width: 3rem;
	height: 3rem;
	flex: 0 0 3rem;
	border-radius: 0.7rem;
	background: var(--h3-accent-tint);
	color: var(--h3-accent);
	place-items: center;
}

/* Icons are drawn from CSS masks: WP content filtering strips inline <svg>. */
.mt-h3-values__icon::before,
.mt-h3-escrow__icon::before {
	display: block;
	width: 1.6rem;
	height: 1.6rem;
	background-color: currentColor;
	content: "";
	-webkit-mask: var(--mt-icon) center / contain no-repeat;
	mask: var(--mt-icon) center / contain no-repeat;
}

.mt-h3-values__icon--team {
	--mt-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='5.6' r='2.6'/%3E%3Ccircle cx='4.9' cy='16.4' r='2.4'/%3E%3Ccircle cx='19.1' cy='16.4' r='2.4'/%3E%3Cpath d='M12 8.2v3.4M10.7 11.9 6.6 14.4M13.3 11.9l4.1 2.5M7.3 16.4h9.4'/%3E%3C/svg%3E");
}

.mt-h3-values__icon--make {
	--mt-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.2 3.6h8.6L18.6 9v11.4H4.2z'/%3E%3Cpath d='M12.8 3.6V9h5.8'/%3E%3Ccircle cx='11.4' cy='14.6' r='2.5'/%3E%3Cpath d='M11.4 10.5v1.3M11.4 17.4v1.3M7.3 14.6h1.3M14.2 14.6h1.3'/%3E%3C/svg%3E");
}

.mt-h3-values__icon--secure,
.mt-h3-escrow__icon {
	--mt-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 4.8 5.9v5.2c0 4.4 2.9 8.1 7.2 9.8 4.3-1.7 7.2-5.4 7.2-9.8V5.9z'/%3E%3Cpath d='m8.9 11.9 2.2 2.2 4.2-4.4'/%3E%3C/svg%3E");
}

.mt-h3-values__icon--measure {
	--mt-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 19.5 19.5 4.5M8.2 19.5h.01M11 19.5h.01M13.8 19.5h.01M16.6 19.5h.01M7 8.5h.01M9.8 11.3h.01M12.6 14.1h.01'/%3E%3Cpath d='M4.5 14.2V19.5H9.8'/%3E%3C/svg%3E");
}

.mt-h3-values h3 {
	margin: 0 0 0.45rem;
	color: var(--h3-ink);
	font-size: 1.05rem;
	font-weight: 800;
}

.mt-h3-values p {
	margin: 0;
	color: var(--h3-muted);
	font-size: 0.89rem;
	line-height: 1.8;
}

/* Project lifecycle timeline (replaces 4-step process) */
.mt-h3-journey--timeline {
	padding-block: clamp(4.5rem, 9vw, 7rem);
}

.mt-h3-timeline {
	position: relative;
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 0.75rem;
	margin: clamp(1.6rem, 3vw, 2.4rem) 0 0;
	padding: 0;
	list-style: none;
}

.mt-h3-timeline::before {
	position: absolute;
	top: 1.35rem;
	right: 8%;
	left: 8%;
	height: 2px;
	content: "";
	background: linear-gradient(
		90deg,
		rgba(14, 116, 144, 0.15),
		rgba(14, 116, 144, 0.45) 20%,
		rgba(14, 116, 144, 0.45) 80%,
		rgba(14, 116, 144, 0.15)
	);
	pointer-events: none;
}

.mt-h3-timeline__step {
	position: relative;
	z-index: 1;
	display: grid;
	justify-items: center;
	gap: 0.7rem;
	text-align: center;
}

.mt-h3-timeline__node {
	display: grid;
	width: 2.7rem;
	height: 2.7rem;
	border: 2px solid color-mix(in srgb, var(--h3-accent) 28%, transparent);
	border-radius: 999px;
	background: var(--h3-panel, #fff);
	color: var(--h3-accent);
	font-size: 0.82rem;
	font-weight: 800;
	place-items: center;
	box-shadow: 0 0 0 6px var(--h3-band-soft);
}

.mt-h3-timeline__step--start .mt-h3-timeline__node {
	border-color: var(--h3-accent);
	background: var(--h3-accent);
	color: var(--h3-on-accent, #fff);
	box-shadow: 0 0 0 6px color-mix(in srgb, var(--h3-accent) 12%, transparent);
}

.mt-h3-timeline__step--end .mt-h3-timeline__node {
	border-color: var(--h3-accent-light);
	background: linear-gradient(160deg, var(--h3-accent), var(--h3-accent-light));
	color: var(--h3-on-accent, #fff);
	box-shadow: 0 0 0 6px color-mix(in srgb, var(--h3-accent) 10%, transparent);
}

.mt-h3-timeline__title {
	display: block;
	font-size: 0.92rem;
	font-weight: 800;
	line-height: 1.4;
	letter-spacing: -0.01em;
}

.mt-h3-timeline__desc {
	margin: 0;
	max-width: 11.5rem;
	color: var(--h3-muted);
	font-size: 0.78rem;
	font-weight: 500;
	line-height: 1.7;
}

.mt-h3-journey__link {
	margin: 2.2rem 0 0;
	text-align: center;
}

.mt-h3-journey__link a,
.mt-h3-text-link {
	color: var(--h3-accent) !important;
	font-size: 0.9rem;
	font-weight: 750;
}

.mt-h3-journey__link a:hover,
.mt-h3-text-link:hover {
	text-decoration: underline;
	text-underline-offset: 0.3rem;
}

@media (max-width: 900px) {
	.mt-h3-timeline {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		row-gap: 1.6rem;
	}

	.mt-h3-timeline::before {
		display: none;
	}
}

@media (max-width: 560px) {
	.mt-h3-timeline {
		grid-template-columns: 1fr;
		gap: 1.1rem;
	}

	.mt-h3-timeline__step {
		grid-template-columns: 2.7rem 1fr;
		justify-items: start;
		align-items: start;
		gap: 0.35rem 1rem;
		text-align: start;
	}

	.mt-h3-timeline__node {
		grid-row: span 2;
	}

	.mt-h3-timeline__desc {
		max-width: none;
	}
}

/* Roles */
.mt-h3-roles {
	padding-block: clamp(4.5rem, 9vw, 7rem) 0;
}

.mt-h3-roles__grid {
	display: grid;
	grid-template-columns: 1.15fr repeat(4, minmax(0, 1fr));
	border-top: 1px solid var(--h3-line);
	border-bottom: 1px solid var(--h3-line);
}

.mt-h3-roles__item {
	display: grid;
	justify-items: center;
	align-content: start;
	gap: 0.55rem;
	padding: clamp(1.35rem, 2.4vw, 1.9rem) clamp(0.9rem, 1.6vw, 1.35rem);
	border-inline-start: 1px solid var(--h3-line);
	min-width: 0;
	text-align: center;
}

.mt-h3-roles__item:first-child {
	border-inline-start: 0;
	background: linear-gradient(180deg, rgba(14, 116, 144, 0.06), transparent 72%);
}

.mt-h3-roles__icon {
	display: grid;
	width: 2.75rem;
	height: 2.75rem;
	margin-bottom: 0.35rem;
	border-radius: 0.65rem;
	background: var(--h3-accent-tint);
	color: var(--h3-accent);
	place-items: center;
}

.mt-h3-roles__icon::before {
	display: block;
	width: 1.45rem;
	height: 1.45rem;
	background-color: currentColor;
	content: "";
	-webkit-mask: var(--mt-icon) center / contain no-repeat;
	mask: var(--mt-icon) center / contain no-repeat;
}

.mt-h3-roles__icon--client {
	--mt-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='7' width='16' height='13' rx='1.5'/%3E%3Cpath d='M8 7V5.8A1.8 1.8 0 0 1 9.8 4h4.4A1.8 1.8 0 0 1 16 5.8V7M4 12h16'/%3E%3C/svg%3E");
}

.mt-h3-roles__icon--design {
	--mt-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20 14.5 9.5M16.2 7.8l1.5-1.5a1.5 1.5 0 0 1 2.1 2.1L18.3 9.9M8 20h12'/%3E%3Cpath d='m14.5 9.5 2.2 2.2'/%3E%3C/svg%3E");
}

.mt-h3-roles__icon--make {
	--mt-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M12 3.5v2.2M12 18.3v2.2M3.5 12h2.2M18.3 12h2.2M6.1 6.1l1.6 1.6M16.3 16.3l1.6 1.6M17.9 6.1l-1.6 1.6M7.7 16.3l-1.6 1.6'/%3E%3C/svg%3E");
}

.mt-h3-roles__icon--both {
	--mt-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h8v8H4zM13.5 11.5H20V20h-8v-6.5'/%3E%3Cpath d='M8 8h.01M16.5 16h.01'/%3E%3C/svg%3E");
}

.mt-h3-roles__icon--inspect {
	--mt-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10' cy='10' r='5.2'/%3E%3Cpath d='m14 14 5.5 5.5M8 10h4M10 8v4'/%3E%3C/svg%3E");
}

.mt-h3-roles__tag {
	margin: 0;
	color: var(--h3-accent);
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.02em;
}

.mt-h3-roles__item h3 {
	margin: 0;
	color: var(--h3-ink);
	font-size: 1.05rem;
	font-weight: 850;
	line-height: 1.35;
}

.mt-h3-roles__item > p:not(.mt-h3-roles__tag) {
	margin: 0;
	color: var(--h3-muted);
	font-size: 0.86rem;
	line-height: 1.85;
}

/* Domains marquee — continues the light band under roles */
.mt-h3-domains {
	width: 100%;
	margin-inline: 0;
	padding-block: clamp(1.8rem, 3.8vw, 2.8rem) clamp(1.6rem, 3.5vw, 2.4rem);
	overflow: hidden;
}

.mt-h3-domains__head {
	margin-bottom: clamp(1rem, 2.2vw, 1.45rem);
	text-align: center;
}

.mt-h3-domains__head h2 {
	margin: 0 0 0.45rem;
	color: var(--h3-ink);
	font-size: clamp(1.25rem, 2.4vw, 1.7rem);
	font-weight: 800;
	letter-spacing: -0.02em;
	line-height: 1.45;
}

.mt-h3-domains__head p {
	margin: 0 auto;
	max-width: 36rem;
	color: var(--h3-muted);
	font-size: 0.9rem;
	line-height: 1.8;
}

.mt-h3-domains__viewport {
	width: min(var(--h3-max), calc(100% - 2 * var(--h3-pad)));
	margin-inline: auto;
	direction: ltr;
	overflow: hidden;
	mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
	-webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
}

.mt-h3-domains__track {
	display: flex;
	direction: ltr;
	width: max-content;
	/*
	 * The first frame already contains a full viewport. After a short pause,
	 * the two identical lists loop continuously from left to right.
	 */
	animation: mtH3DomainsMarquee 109.2s linear 0.7s infinite both;
	will-change: transform;
}

.mt-h3-domains__list {
	display: flex;
	flex: 0 0 auto;
	direction: rtl;
	align-items: center;
	gap: clamp(2.4rem, 4.5vw, 4rem);
	margin: 0;
	padding: 0.35rem clamp(1.2rem, 2.5vw, 2.2rem);
	list-style: none;
}

.mt-h3-domains__item {
	display: grid;
	flex: 0 0 auto;
	justify-items: center;
	gap: 0.5rem;
	min-width: 8.8rem;
	max-width: 11rem;
	color: var(--h3-ink);
	text-align: center;
}

.mt-h3-domains__icon {
	display: grid;
	width: 2.35rem;
	height: 2.35rem;
	color: var(--h3-muted);
	place-items: center;
}

.mt-h3-domains__icon::before {
	display: block;
	width: 1.75rem;
	height: 1.75rem;
	background-color: currentColor;
	content: "";
	-webkit-mask: var(--mt-icon) center / contain no-repeat;
	mask: var(--mt-icon) center / contain no-repeat;
}

.mt-h3-domains__icon--cad {
	--mt-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='2.2'/%3E%3Cpath d='M12 3.2v3.2M12 17.6v3.2M3.2 12h3.2M17.6 12h3.2M6.2 6.2l2.3 2.3M15.5 15.5l2.3 2.3M17.8 6.2l-2.3 2.3M8.5 15.5l-2.3 2.3'/%3E%3C/svg%3E");
}

.mt-h3-domains__icon--cae {
	--mt-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 18V6M4 18h16'/%3E%3Cpath d='m7.5 14 3-5 3.2 3.5L18 7.5'/%3E%3C/svg%3E");
}

.mt-h3-domains__icon--cnc {
	--mt-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='8' width='17' height='10' rx='1.2'/%3E%3Cpath d='M7 8V5.8h10V8M12 11.2v4.6M9.5 13.5h5'/%3E%3C/svg%3E");
}

.mt-h3-domains__icon--tool {
	--mt-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 5.2 18.8 9.5M5.5 18.5l5.8-5.8M9.2 7.8l2.3-2.3a3.1 3.1 0 0 1 4.4 4.4L13.6 12'/%3E%3Cpath d='m8.2 13.2-3.8 3.8a1.5 1.5 0 0 0 2.1 2.1l3.8-3.8'/%3E%3C/svg%3E");
}

.mt-h3-domains__icon--machine {
	--mt-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M12 3.5v2.2M12 18.3v2.2M3.5 12h2.2M18.3 12h2.2M6.1 6.1l1.6 1.6M16.3 16.3l1.6 1.6M17.9 6.1l-1.6 1.6M7.7 16.3l-1.6 1.6'/%3E%3C/svg%3E");
}

.mt-h3-domains__icon--sheet {
	--mt-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 16.5 9 8.5l3.2 4.8L16 7.5l3.5 9'/%3E%3Cpath d='M3.8 18.5h16.4'/%3E%3C/svg%3E");
}

.mt-h3-domains__icon--proto {
	--mt-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 4.5h10v4.2H7zM8.2 8.7h7.6V19H8.2z'/%3E%3Cpath d='M10 11.2h4M10 14h4M10 16.8h2.6'/%3E%3C/svg%3E");
}

.mt-h3-domains__icon--qc {
	--mt-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10' cy='10' r='5.2'/%3E%3Cpath d='m14 14 5.5 5.5M8 10h4M10 8v4'/%3E%3C/svg%3E");
}

.mt-h3-domains__label {
	max-width: 11rem;
	font-size: 0.78rem;
	font-weight: 700;
	line-height: 1.4;
	white-space: normal;
}

@keyframes mtH3DomainsMarquee {
	from {
		transform: translateX(-50%);
	}
	to {
		transform: translateX(0);
	}
}

@media (prefers-reduced-motion: reduce) {
	.mt-h3-domains__track {
		animation: none;
		transform: none;
		justify-content: center;
		width: 100%;
		flex-wrap: wrap;
	}

	.mt-h3-domains__list[aria-hidden="true"] {
		display: none;
	}

	.mt-h3-domains__list {
		flex-wrap: wrap;
		justify-content: center;
		width: 100%;
	}
}

/* Industries marquee (application industries from project registration) */
.mt-h3-industries {
	padding-block: clamp(2.2rem, 4.5vw, 3.2rem);
	color: var(--h3-ink);
	font-family: var(--h3-display);
	overflow: hidden;
}

.mt-h3-industries__head {
	margin-bottom: clamp(1.2rem, 2.5vw, 1.7rem);
	text-align: center;
}

.mt-h3-industries__head h2 {
	margin: 0 0 0.5rem;
	color: var(--h3-ink);
	font-size: clamp(1.35rem, 2.6vw, 1.85rem);
	font-weight: 800;
	letter-spacing: -0.02em;
	line-height: 1.45;
}

.mt-h3-industries__head p {
	margin: 0 auto;
	max-width: 38rem;
	color: var(--h3-muted);
	font-size: 0.92rem;
	line-height: 1.85;
}

.mt-h3-industries__viewport {
	width: min(var(--h3-max), calc(100% - 2 * var(--h3-pad)));
	margin-inline: auto;
	direction: ltr;
	overflow: hidden;
	mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
	-webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
}

.mt-h3-industries__track {
	display: flex;
	direction: ltr;
	width: max-content;
	animation: mtH3IndustriesMarquee 95.2s linear 0.7s infinite both;
	will-change: transform;
}

.mt-h3-industries__list {
	display: flex;
	flex: 0 0 auto;
	direction: rtl;
	align-items: center;
	gap: clamp(2.4rem, 4.5vw, 4rem);
	margin: 0;
	padding: 0.35rem clamp(1.2rem, 2.5vw, 2.2rem);
	list-style: none;
}

.mt-h3-industries__item {
	display: grid;
	flex: 0 0 auto;
	justify-items: center;
	gap: 0.5rem;
	min-width: 8.8rem;
	max-width: 11rem;
	color: var(--h3-ink);
	text-align: center;
}

.mt-h3-industries__icon {
	display: grid;
	width: 2.55rem;
	height: 2.55rem;
	border-radius: 0.65rem;
	background: var(--h3-accent-tint);
	color: var(--h3-accent);
	place-items: center;
}

.mt-h3-industries__icon::before {
	display: block;
	width: 1.55rem;
	height: 1.55rem;
	background-color: currentColor;
	content: "";
	-webkit-mask: var(--mt-icon) center / contain no-repeat;
	mask: var(--mt-icon) center / contain no-repeat;
}

.mt-h3-industries__icon--automotive {
	--mt-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 15.5h16l-1.2-4.2A2.2 2.2 0 0 0 16.7 9.5H7.3a2.2 2.2 0 0 0-2.1 1.8z'/%3E%3Cpath d='M7.2 9.5 8.5 6.8h7L17 9.5M6.2 18.2a1.4 1.4 0 1 0 0-2.8 1.4 1.4 0 0 0 0 2.8zM17.8 18.2a1.4 1.4 0 1 0 0-2.8 1.4 1.4 0 0 0 0 2.8z'/%3E%3C/svg%3E");
}

.mt-h3-industries__icon--oil_gas {
	--mt-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5c2.8 3.4 5 6.4 5 9.2a5 5 0 1 1-10 0c0-2.8 2.2-5.8 5-9.2z'/%3E%3Cpath d='M10.2 14.2c.5 1.2 1.5 1.9 1.8 1.9'/%3E%3C/svg%3E");
}

.mt-h3-industries__icon--aerospace {
	--mt-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.8 13.2 12 4.5l8.2 8.7-2.4.5-2.3 5.8h-1.8l-1.2-3.8H9.5L8.3 19.5H6.5l-2.3-5.8z'/%3E%3Cpath d='M12 4.5v8.2'/%3E%3C/svg%3E");
}

.mt-h3-industries__icon--rail {
	--mt-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='4' width='12' height='12.5' rx='2'/%3E%3Cpath d='M6 10.5h12M9 16.5l-2 3M15 16.5l2 3M8.2 19.5h7.6M9.2 13.2h.01M14.8 13.2h.01'/%3E%3C/svg%3E");
}

.mt-h3-industries__icon--marine {
	--mt-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 16.5h16l-1.8 2.8H5.8zM12 4.5v8M8.5 12.5H12M12 7.8h3.2'/%3E%3Cpath d='M5.5 12.5 12 4.5l6.5 8'/%3E%3C/svg%3E");
}

.mt-h3-industries__icon--medical {
	--mt-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4.5' y='4.5' width='15' height='15' rx='2.2'/%3E%3Cpath d='M12 8.2v7.6M8.2 12h7.6'/%3E%3C/svg%3E");
}

.mt-h3-industries__icon--agriculture {
	--mt-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 18.5c2.2-4.8 5.2-7.5 9.5-8.8'/%3E%3Cpath d='M9.5 18.5c1.2-2.4 2.8-3.9 5.2-4.8M14.2 5.5c.2 2.6 1.5 4.6 3.8 5.8'/%3E%3Ccircle cx='17.5' cy='7.2' r='1.4'/%3E%3Cpath d='M4.5 18.5h15'/%3E%3C/svg%3E");
}

.mt-h3-industries__icon--energy {
	--mt-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13.2 3.5 7.5 13h4.2l-1 7.5 6.4-10.2h-4.2z'/%3E%3C/svg%3E");
}

.mt-h3-industries__icon--mining_steel {
	--mt-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m8.2 14.8-3.5 3.5M15.8 14.8 19.3 18.3M12 4.5v8.2'/%3E%3Cpath d='M7.5 9.2h9'/%3E%3Cpath d='M6.2 14.8h11.6l-1.8-4.6H8z'/%3E%3C/svg%3E");
}

.mt-h3-industries__icon--home_appliances {
	--mt-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5.5' y='3.8' width='13' height='16.4' rx='1.6'/%3E%3Ccircle cx='12' cy='12.2' r='3.6'/%3E%3Ccircle cx='12' cy='12.2' r='1.2'/%3E%3Cpath d='M8.2 6.2h.01M10 6.2h.01'/%3E%3C/svg%3E");
}

.mt-h3-industries__icon--electronics {
	--mt-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7.5' y='7.5' width='9' height='9' rx='1.2'/%3E%3Cpath d='M12 3.8v3.7M12 16.5v3.7M3.8 12h3.7M16.5 12h3.7M6.4 6.4l2.2 2.2M15.4 15.4l2.2 2.2M17.6 6.4l-2.2 2.2M8.6 15.4l-2.2 2.2'/%3E%3C/svg%3E");
}

.mt-h3-industries__icon--construction {
	--mt-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 19.5h15M7 19.5V9.8l5-4.3 5 4.3v9.7'/%3E%3Cpath d='M10 19.5v-5h4v5M10.5 11h.01M13.5 11h.01M10.5 13.5h.01M13.5 13.5h.01'/%3E%3C/svg%3E");
}

.mt-h3-industries__icon--food_packaging {
	--mt-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.2 8.2h9.6v11.3H7.2z'/%3E%3Cpath d='M9.2 8.2V5.8h5.6v2.4M10.5 12.2h3M10.5 15h3'/%3E%3C/svg%3E");
}

.mt-h3-industries__icon--tooling {
	--mt-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 5.2 18.8 9.5M5.5 18.5l5.8-5.8M9.2 7.8l2.3-2.3a3.1 3.1 0 0 1 4.4 4.4L13.6 12'/%3E%3Cpath d='m8.2 13.2-3.8 3.8a1.5 1.5 0 0 0 2.1 2.1l3.8-3.8'/%3E%3C/svg%3E");
}

.mt-h3-industries__icon--robotics {
	--mt-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8' y='7.2' width='8' height='6.2' rx='1.2'/%3E%3Cpath d='M12 4.5v2.7M10.2 10.2h.01M13.8 10.2h.01M9.2 13.4v2.2h5.6v-2.2M7.2 9.5H5.5v3.2M16.8 9.5h1.7v3.2M8.2 18.5h7.6'/%3E%3C/svg%3E");
}

.mt-h3-industries__icon--defense {
	--mt-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.2 4.8 5.9v5.2c0 4.4 2.9 8.1 7.2 9.8 4.3-1.7 7.2-5.4 7.2-9.8V5.9z'/%3E%3Cpath d='m9 11.8 2.1 2.1 4-4.1'/%3E%3C/svg%3E");
}

.mt-h3-industries__icon--textile {
	--mt-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='6.2'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3Cpath d='M12 5.8v2.2M12 16v2.2M5.8 12h2.2M16 12h2.2'/%3E%3C/svg%3E");
}

.mt-h3-industries__label {
	max-width: 11rem;
	font-size: 0.78rem;
	font-weight: 700;
	line-height: 1.4;
	white-space: normal;
}

@keyframes mtH3IndustriesMarquee {
	from {
		transform: translateX(-50%);
	}
	to {
		transform: translateX(0);
	}
}

@media (prefers-reduced-motion: reduce) {
	.mt-h3-industries__track {
		animation: none;
		transform: none;
		justify-content: center;
		width: 100%;
		flex-wrap: wrap;
	}

	.mt-h3-industries__list[aria-hidden="true"] {
		display: none;
	}

	.mt-h3-industries__list {
		flex-wrap: wrap;
		justify-content: center;
		width: 100%;
	}
}

/* Audience — same band as trust */
.mt-h3-audience {
	padding-block: clamp(1rem, 3vw, 2rem);
}

.mt-h3-audience__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1rem;
}

.mt-h3-role {
	position: relative;
	isolation: isolate;
	display: grid;
	min-height: 34rem;
	align-items: end;
	overflow: hidden;
	border-radius: 0.8rem;
	color: #fff;
	background: #0b1b24;
}

.mt-h3-role > img,
.mt-h3-role__veil {
	position: absolute;
	z-index: -2;
	width: 100%;
	height: 100%;
	inset: 0;
	object-fit: cover;
	transition: transform 0.7s ease;
}

.mt-h3-role:hover > img {
	transform: scale(1.035);
}

.mt-h3-role__veil {
	z-index: -1;
	background: linear-gradient(180deg, rgba(7, 18, 25, 0.18) 8%, rgba(7, 18, 25, 0.78) 52%, rgba(7, 18, 25, 0.94) 100%);
}

.mt-h3-role__content {
	position: relative;
	z-index: 1;
	padding: clamp(1.6rem, 4vw, 3rem);
	color: #fff;
}

.mt-h3-role__content > p {
	margin: 0 0 0.45rem;
	color: #85d9eb;
	font-size: 0.8rem;
	font-weight: 750;
}

.mt-h3-role h2 {
	max-width: 16ch;
	margin: 0;
	color: #fff;
	font-size: clamp(1.45rem, 2.6vw, 2rem);
	font-weight: 850;
	line-height: 1.45;
	text-shadow: 0 1px 12px rgba(0, 0, 0, 0.35);
}

.mt-h3-role ul {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem 1.2rem;
	margin: 1rem 0 1.4rem;
	padding: 0;
	list-style: none;
	color: rgba(255, 255, 255, 0.88);
	font-size: 0.82rem;
}

.mt-h3-role li::before {
	margin-inline-end: 0.35rem;
	content: "✓";
	color: #78d7e9;
}

.mt-h3-audience a.mt-btn.mt-btn--outline {
	border: 0 !important;
	background: #fff !important;
	color: #0a1720 !important;
	-webkit-text-fill-color: #0a1720 !important;
	box-shadow: none !important;
}

.mt-h3-audience a.mt-btn.mt-btn--outline:hover {
	background: #f3f7f9 !important;
	color: #0a1720 !important;
	-webkit-text-fill-color: #0a1720 !important;
}

/* Counters */
.mt-h3-counters {
	width: 100%;
	padding-block: clamp(2.6rem, 5.5vw, 4.2rem);
}

.mt-h3-counters__head {
	margin-bottom: clamp(1.8rem, 4vw, 2.6rem);
	text-align: center;
}

.mt-h3-counters__head h2 {
	margin: 0 0 0.45rem;
	color: var(--h3-ink);
	font-size: clamp(1.25rem, 2.4vw, 1.7rem);
	font-weight: 800;
	letter-spacing: -0.02em;
	line-height: 1.45;
}

.mt-h3-counters__head p {
	margin: 0 auto;
	max-width: 36rem;
	color: var(--h3-muted);
	font-size: 0.9rem;
	line-height: 1.8;
}

.mt-h3-counters__grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 1px;
	background: var(--h3-line);
	border: 1px solid var(--h3-line);
	border-radius: 1.1rem;
	overflow: hidden;
	backdrop-filter: blur(18px) saturate(140%);
	-webkit-backdrop-filter: blur(18px) saturate(140%);
}

.mt-h3-counters__item {
	display: grid;
	justify-items: center;
	gap: 0.55rem;
	padding: clamp(1.8rem, 4vw, 2.6rem) 1rem;
	background: color-mix(in srgb, var(--h3-panel) 38%, transparent);
	text-align: center;
	opacity: 0;
	transform: translateY(18px);
	transition: opacity 0.6s ease, transform 0.6s ease;
}

.mt-h3-counters__item.is-visible {
	opacity: 1;
	transform: none;
}

.mt-h3-counters__item:nth-child(2) { transition-delay: 0.06s; }
.mt-h3-counters__item:nth-child(3) { transition-delay: 0.12s; }
.mt-h3-counters__item:nth-child(4) { transition-delay: 0.18s; }
.mt-h3-counters__item:nth-child(5) { transition-delay: 0.24s; }

.mt-h3-counters__num {
	font-variant-numeric: tabular-nums;
	color: var(--h3-accent);
	font-size: clamp(2.4rem, 5.5vw, 3.6rem);
	font-weight: 800;
	line-height: 1;
	letter-spacing: -0.02em;
}

.mt-h3-counters__num::after {
	content: "+";
	margin-inline-start: 0.1em;
	color: var(--h3-accent-light);
}

.mt-h3-counters__label {
	color: var(--h3-muted);
	font-size: 0.92rem;
	font-weight: 600;
}

@media (max-width: 900px) {
	.mt-h3-counters__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.mt-h3-counters__item:nth-child(4),
	.mt-h3-counters__item:nth-child(5) {
		border-top: 1px solid var(--h3-line);
	}
}

@media (max-width: 560px) {
	.mt-h3-counters__grid {
		grid-template-columns: 1fr;
	}

	.mt-h3-counters__item {
		border-bottom: 1px solid var(--h3-line);
		border-top: 0 !important;
	}

	.mt-h3-counters__item:last-child {
		border-bottom: 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	.mt-h3-counters__item {
		opacity: 1;
		transform: none;
		transition: none;
	}
}

/* Trust */
.mt-h3-trust {
	padding-block: clamp(4.5rem, 9vw, 7rem);
	color: var(--h3-ink);
}

.mt-h3-trust h2 {
	color: var(--h3-ink);
}

.mt-h3-trust__grid {
	display: grid;
	grid-template-columns: 1fr 0.92fr;
	align-items: center;
	gap: clamp(2rem, 7vw, 6rem);
}

.mt-h3-trust__copy > p:not(.mt-h3-kicker) {
	margin: 1rem 0 0;
	color: var(--h3-muted);
	font-size: clamp(0.92rem, 1.4vw, 1.02rem);
	line-height: 1.9;
	text-align: justify;
	text-align-last: right;
}

.mt-h3-trust__points {
	display: grid;
	gap: 0;
	margin-block: 1.8rem;
	border-top: 1px solid var(--h3-line);
}

.mt-h3-trust__points > div {
	display: grid;
	grid-template-columns: 7.5rem 1fr;
	gap: 1rem;
	padding-block: 0.95rem;
	border-bottom: 1px solid var(--h3-line);
}

.mt-h3-trust__points strong {
	color: var(--h3-accent);
	font-size: 0.88rem;
}

.mt-h3-trust__points span {
	color: var(--h3-muted);
	font-size: 0.86rem;
}

.mt-h3-trust .mt-h3-text-link {
	color: var(--h3-accent) !important;
}

.mt-h3-trust__visual {
	position: relative;
	width: 100%;
	padding: 0 0 2.4rem;
}

.mt-h3-trust__visual > img {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 4.5;
	border-radius: 0.6rem;
	object-fit: cover;
	object-position: center 35%;
	filter: saturate(0.8);
}

.mt-h3-escrow {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;
	padding: 1.1rem;
	border: 1px solid rgba(255, 255, 255, 0.13);
	border-radius: 0.55rem;
	background: rgba(18, 43, 55, 0.92);
	color: #fff;
	box-shadow: 0 1.5rem 3rem rgba(0, 0, 0, 0.25);
	backdrop-filter: blur(14px);
	font-size: 0.78rem;
}

.mt-h3-escrow strong {
	display: grid;
	gap: 0.3rem;
	color: #8adeee;
	text-align: center;
}

.mt-h3-escrow__icon {
	display: block;
	margin-inline: auto;
}

.mt-h3-escrow i {
	color: rgba(255, 255, 255, 0.35);
	font-style: normal;
}

/* Proof */
.mt-h3-proof {
	padding-block: clamp(4.5rem, 9vw, 7rem);
	background: var(--h3-surface);
}

.mt-h3-proof__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0.9rem;
}

.mt-h3-proof__grid a {
	display: grid;
	gap: 0.25rem;
	min-width: 0;
}

.mt-h3-proof figure {
	margin: 0 0 0.55rem;
	overflow: hidden;
	border-radius: 0.4rem;
	aspect-ratio: 4 / 3;
	background: var(--h3-surface);
}

.mt-h3-proof img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.45s ease;
}

.mt-h3-proof a:hover img {
	transform: scale(1.045);
}

.mt-h3-proof strong {
	overflow: hidden;
	font-size: 0.9rem;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.mt-h3-proof span {
	overflow: hidden;
	color: var(--h3-muted);
	font-size: 0.76rem;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* Latest projects: 2×4 grid carousel */
.mt-h3-projects-rail {
	padding-block: clamp(2.6rem, 5.5vw, 4.2rem);
	color: var(--h3-ink);
	font-family: var(--h3-display);
	overflow: visible;
}

.mt-h3-projects-rail__head {
	margin-bottom: clamp(1.4rem, 3vw, 2rem);
	text-align: center;
}

.mt-h3-projects-rail__head h2 {
	margin: 0 0 0.55rem;
	color: var(--h3-ink);
}

.mt-h3-projects-rail__head > p:not(.mt-h3-kicker) {
	margin: 0 auto;
	max-width: 42rem;
	color: var(--h3-muted);
	font-size: 0.95rem;
	line-height: 1.85;
}

.mt-h3-projects-rail__stage {
	position: relative;
	display: block;
}

.mt-h3-projects-rail__nav {
	position: absolute;
	top: 50%;
	z-index: 3;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.75rem;
	height: 2.75rem;
	padding: 0;
	border: 1px solid color-mix(in srgb, var(--h3-accent) 22%, transparent);
	border-radius: 999px;
	background: var(--h3-panel, #fff);
	color: var(--h3-accent);
	box-shadow: 0 8px 20px rgba(15, 40, 55, 0.08);
	cursor: pointer;
	transform: translateY(-50%);
	transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, opacity 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

.mt-h3-projects-rail__nav--prev {
	inset-inline-start: calc(-2.75rem - 0.75rem);
	transform: translateY(-50%);
}

.mt-h3-projects-rail__nav--next {
	inset-inline-end: calc(-2.75rem - 0.75rem);
	transform: translateY(-50%);
}

.mt-h3-projects-rail__nav:hover:not(:disabled) {
	background: rgba(14, 116, 144, 0.08);
	border-color: rgba(14, 116, 144, 0.4);
	box-shadow: 0 10px 24px rgba(15, 40, 55, 0.14);
}

.mt-h3-projects-rail__nav--prev:hover:not(:disabled) {
	transform: translateY(calc(-50% - 1px));
}

.mt-h3-projects-rail__nav--next:hover:not(:disabled) {
	transform: translateY(calc(-50% - 1px));
}

.mt-h3-projects-rail__nav:disabled {
	opacity: 0.35;
	cursor: default;
	box-shadow: none;
}

.mt-h3-projects-rail__viewport {
	overflow: hidden;
	width: 100%;
	min-width: 0;
	border-radius: 1rem;
	direction: ltr;
}

.mt-h3-projects-rail__track {
	display: flex;
	width: 100%;
	direction: ltr;
	transition: transform 0.45s cubic-bezier(0.22, 0.8, 0.28, 1);
	will-change: transform;
}

.mt-h3-projects-rail__page {
	flex: 0 0 100%;
	min-width: 0;
	padding: 0.15rem 0.1rem;
	box-sizing: border-box;
	direction: rtl;
}

.mt-h3-projects-rail__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	grid-auto-rows: 1fr;
	gap: 0.85rem;
	margin: 0;
	padding: 0;
	list-style: none;
	align-items: stretch;
}

.mt-h3-projects-rail__grid > li {
	display: flex;
	min-width: 0;
	min-height: 0;
}

.mt-h3-projects-rail__ghost {
	visibility: hidden;
	pointer-events: none;
}

.mt-h3-projects-rail .mt-projcard,
.mt-h3-projcard {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	min-width: 0;
	min-height: 15.5rem;
	padding: 1.1rem 1.2rem 1rem;
	overflow: hidden;
	border: 1px solid var(--h3-line);
	border-radius: 1.1rem;
	background: var(--h3-panel, #fff);
	box-shadow: 0 6px 18px rgba(15, 40, 55, 0.05);
	color: var(--h3-ink);
	text-decoration: none;
	transition: transform 0.24s cubic-bezier(0.22, 0.8, 0.28, 1), border-color 0.24s ease, box-shadow 0.24s ease, background-color 0.2s ease;
}

.mt-h3-projects-rail .mt-projcard:hover,
.mt-h3-projcard:hover {
	transform: translateY(-4px);
	border-color: color-mix(in srgb, var(--h3-accent) 28%, var(--h3-line));
	box-shadow: 0 18px 40px rgba(15, 40, 55, 0.13);
	color: var(--h3-ink);
}

/* Left accent bar keyed to lifecycle */
.mt-projcard__accent {
	position: absolute;
	inset-inline-start: 0;
	inset-block: 0;
	width: 3px;
	background: #0e7490;
	opacity: 0.85;
	transition: width 0.24s ease;
}

.mt-projcard--running .mt-projcard__accent {
	background: #d97706;
}

.mt-projcard--closed .mt-projcard__accent {
	background: #64748b;
}

.mt-h3-projcard:hover .mt-projcard__accent,
.mt-h3-projects-rail .mt-projcard:hover .mt-projcard__accent {
	width: 5px;
}

.mt-projcard__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.45rem;
	min-height: 1.45rem;
}

.mt-projcard__chip {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	width: fit-content;
	padding: 0.2rem 0.6rem;
	border-radius: 999px;
	font-size: 0.7rem;
	font-weight: 800;
	line-height: 1.35;
}

.mt-projcard__chip-dot {
	width: 0.42rem;
	height: 0.42rem;
	border-radius: 999px;
	background: currentColor;
}

.mt-projcard__chip--open {
	background: color-mix(in srgb, var(--h3-accent) 12%, transparent);
	color: var(--h3-accent);
}

.mt-projcard__chip--running {
	background: rgba(217, 119, 6, 0.14);
	color: #b45309;
}

.mt-projcard__chip--closed {
	background: color-mix(in srgb, var(--h3-muted) 20%, transparent);
	color: var(--h3-muted);
}

.mt-projcard__time {
	display: inline-flex;
	align-items: center;
	gap: 0.25rem;
	color: var(--h3-muted);
	font-size: 0.7rem;
	font-weight: 600;
	line-height: 1.4;
	white-space: nowrap;
}

.mt-projcard__time-icon {
	opacity: 0.8;
}

.mt-projcard__status,
.mt-h3-projcard__status {
	display: inline-flex;
	width: fit-content;
	padding: 0.18rem 0.55rem;
	border-radius: 999px;
	background: color-mix(in srgb, var(--h3-accent) 10%, transparent);
	color: var(--h3-accent);
	font-size: 0.72rem;
	font-weight: 700;
}

.mt-projcard__title,
.mt-h3-projcard__title {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	max-width: 100%;
	font-size: 1rem;
	font-weight: 800;
	line-height: 1.5;
	letter-spacing: -0.01em;
	overflow-wrap: anywhere;
}

.mt-projcard__excerpt {
	margin: 0;
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	max-width: 100%;
	color: var(--h3-muted);
	font-size: 0.79rem;
	line-height: 1.65;
	overflow-wrap: anywhere;
}

/* Highlighted budget band */
.mt-projcard__budget {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 0.5rem;
	margin-top: 0.15rem;
	padding: 0.5rem 0.7rem;
	border-radius: 0.6rem;
	background: linear-gradient(180deg, rgba(14, 116, 144, 0.08), rgba(14, 116, 144, 0.04));
	border: 1px solid rgba(14, 116, 144, 0.12);
}

.mt-projcard__budget-label {
	color: var(--h3-muted);
	font-size: 0.7rem;
	font-weight: 700;
	white-space: nowrap;
}

.mt-projcard__budget-value {
	min-width: 0;
	color: var(--h3-accent);
	font-size: 0.82rem;
	font-weight: 800;
	text-align: end;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	direction: rtl;
}

/* Icon meta tags */
.mt-projcard__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0.3rem 0.35rem;
	margin-top: 0.15rem;
}

.mt-projcard__tag {
	display: inline-flex;
	align-items: center;
	gap: 0.28rem;
	max-width: 100%;
	padding: 0.2rem 0.5rem;
	border-radius: 0.5rem;
	background: color-mix(in srgb, var(--h3-ink) 6%, transparent);
	color: var(--h3-muted);
	font-size: 0.7rem;
	font-weight: 600;
	line-height: 1.4;
}

.mt-projcard__tag svg {
	flex: 0 0 auto;
	opacity: 0.7;
}

.mt-projcard__tag > span {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.mt-projcard__tag--roles {
	background: color-mix(in srgb, var(--h3-accent) 9%, transparent);
	color: var(--h3-accent);
}

/* Footer: city + view CTA */
.mt-projcard__foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.5rem;
	margin-top: auto;
	padding-top: 0.7rem;
	border-top: 1px solid rgba(15, 40, 55, 0.08);
}

.mt-projcard__city {
	display: inline-flex;
	align-items: center;
	gap: 0.28rem;
	min-width: 0;
	color: var(--h3-muted);
	font-size: 0.72rem;
	font-weight: 600;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.mt-projcard__city svg {
	flex: 0 0 auto;
	opacity: 0.75;
}

.mt-projcard__cta {
	display: inline-flex;
	align-items: center;
	gap: 0.2rem;
	flex: 0 0 auto;
	color: var(--h3-accent);
	font-size: 0.76rem;
	font-weight: 800;
	white-space: nowrap;
	transition: gap 0.2s ease;
}

.mt-projcard__cta svg {
	transition: transform 0.2s ease;
}

.mt-h3-projcard:hover .mt-projcard__cta svg,
.mt-h3-projects-rail .mt-projcard:hover .mt-projcard__cta svg {
	transform: translateX(-3px);
}

/* Legacy facts list (kept for directory / other variants) */
.mt-projcard__facts {
	display: grid;
	gap: 0.28rem;
	margin: auto 0 0;
	padding: 0.55rem 0 0;
	border-top: 1px solid rgba(14, 116, 144, 0.1);
	list-style: none;
	min-width: 0;
	width: 100%;
	box-sizing: border-box;
}

.mt-projcard__facts li {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	align-items: baseline;
	column-gap: 0.65rem;
	min-width: 0;
	font-size: 0.72rem;
	line-height: 1.45;
}

.mt-projcard__facts strong {
	min-width: 0;
	color: var(--h3-ink);
	font-weight: 700;
	white-space: nowrap;
}

.mt-projcard__facts span {
	min-width: 0;
	max-width: 100%;
	color: var(--h3-muted);
	font-weight: 500;
	text-align: start;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.mt-h3-projcard__meta {
	color: var(--h3-muted);
	font-size: 0.78rem;
	line-height: 1.5;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.mt-h3-projects-rail__meta:not([hidden]) {
	display: flex;
	justify-content: center;
	margin-top: 0.95rem;
}

.mt-h3-projects-rail__dots {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
}

.mt-h3-projects-rail__dot {
	width: 0.55rem;
	height: 0.55rem;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: rgba(14, 116, 144, 0.22);
	cursor: pointer;
	transition: width 0.2s ease, background 0.2s ease;
}

.mt-h3-projects-rail__dot.is-active {
	width: 1.35rem;
	background: var(--h3-accent);
}

.mt-h3-projects-rail__foot {
	display: flex;
	justify-content: center;
	margin-top: clamp(1.2rem, 2.5vw, 1.8rem);
}

.mt-h3-projects-rail__empty {
	margin: 0 0 1rem;
	color: var(--h3-muted);
	text-align: center;
}

/* Top executors by domain (Ponisha-like cards + tabs) */
.mt-h3-executors {
	padding-block: clamp(2.6rem, 5.5vw, 4.2rem);
	color: var(--h3-ink);
	font-family: var(--h3-display);
}

.mt-h3-executors__head {
	margin-bottom: 1.35rem;
	text-align: center;
}

.mt-h3-executors__head h2 {
	margin: 0.2rem 0 0.45rem;
	color: var(--h3-ink);
}

.mt-h3-executors__head > p:not(.mt-h3-kicker) {
	margin: 0 auto;
	max-width: 36rem;
	color: var(--h3-muted);
}

.mt-h3-executors__tabs {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.15rem 0.35rem;
	margin: 0 0 1.5rem;
	padding: 0;
	border-bottom: 1px solid var(--h3-line);
}

.mt-h3-executors__tab {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	margin: 0;
	padding: 0.7rem 0.85rem 0.85rem;
	border: 0;
	border-bottom: 2px solid transparent;
	background: transparent;
	color: var(--h3-muted);
	font: inherit;
	font-size: 0.84rem;
	font-weight: 700;
	line-height: 1.3;
	cursor: pointer;
	transition: color 0.2s ease, border-color 0.2s ease;
}

.mt-h3-executors__tab:hover {
	color: var(--h3-ink);
}

.mt-h3-executors__tab.is-active {
	color: var(--h3-accent);
	border-bottom-color: var(--h3-accent);
}

.mt-h3-executors__tab-icon {
	display: inline-flex;
	opacity: 0.75;
}

.mt-h3-executors__tab.is-active .mt-h3-executors__tab-icon {
	opacity: 1;
}

.mt-h3-executors__panel[hidden] {
	display: none !important;
}

.mt-h3-executors__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.mt-h3-executors__grid > li {
	min-width: 0;
}

.mt-execard {
	display: flex;
	flex-direction: column;
	align-items: center;
	height: 100%;
	padding: 1.35rem 1.15rem 1.15rem;
	border: 1px solid var(--h3-line);
	border-radius: 0.75rem;
	background: var(--h3-panel, #fff);
	text-align: center;
	box-shadow: 0 8px 24px rgba(18, 48, 64, 0.04);
}

.mt-execard__avatar {
	width: 5.5rem;
	height: 5.5rem;
	margin-bottom: 0.75rem;
	border-radius: 50%;
	overflow: hidden;
	border: 1px solid var(--h3-line);
	background: var(--h3-surface);
}

.mt-execard__avatar img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.mt-execard__name {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.3rem;
	margin: 0 0 0.55rem;
	color: var(--h3-ink);
	font-size: 0.98rem;
	font-weight: 800;
	line-height: 1.4;
}

.mt-execard__verified {
	display: inline-flex;
	color: #2563eb;
}

.mt-execard__badges {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.3rem;
	margin-bottom: 0.65rem;
}

.mt-execard__badge {
	display: inline-flex;
	align-items: center;
	padding: 0.18rem 0.55rem;
	border-radius: 999px;
	font-size: 0.72rem;
	font-weight: 700;
	line-height: 1.4;
}

.mt-execard__badge--top {
	background: linear-gradient(180deg, #fff8e8, #fde9b8);
	color: #8a5a00;
	border: 1px solid rgba(196, 140, 20, 0.28);
}

.mt-execard__stats {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 0.25rem 0.35rem;
	margin: 0 0 0.7rem;
	color: var(--h3-muted);
	font-size: 0.78rem;
	line-height: 1.5;
}

.mt-execard__star {
	color: #e0a800;
	font-size: 0.9rem;
}

.mt-execard__stats strong {
	color: var(--h3-ink);
	font-weight: 800;
}

.mt-execard__rating-scale {
	font-size: 0.68rem;
	font-weight: 600;
	color: var(--h3-muted);
	margin-inline-start: 0.1rem;
}

.mt-execard__dot {
	opacity: 0.55;
}

.mt-execard__done {
	color: var(--h3-accent);
}

.mt-execard__bio {
	flex: 1 1 auto;
	margin: 0 0 1rem;
	color: var(--h3-muted);
	font-size: 0.8rem;
	line-height: 1.75;
}

.mt-execard__cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 2.4rem;
	margin-top: auto;
	padding: 0.45rem 0.75rem;
	border: 1px solid var(--h3-line);
	border-radius: 0.45rem;
	background: var(--h3-panel, #fff);
	color: var(--h3-ink);
	font-size: 0.84rem;
	font-weight: 700;
	text-decoration: none;
	transition: background 0.2s ease, border-color 0.2s ease;
}

.mt-execard__cta:hover {
	background: var(--h3-surface);
	border-color: color-mix(in srgb, var(--h3-accent) 35%, var(--h3-line));
	color: var(--h3-accent);
}

.mt-h3-executors__empty {
	margin: 0;
	padding: 1.5rem;
	border: 1px dashed rgba(18, 48, 64, 0.16);
	border-radius: 0.75rem;
	color: var(--h3-muted);
	text-align: center;
}

/* Design store promo + popular products */
.mt-h3-designs {
	padding-block: clamp(2.6rem, 5.5vw, 4.4rem);
	background:
		radial-gradient(ellipse 70% 50% at 100% 0%, rgba(34, 211, 238, 0.07), transparent 55%),
		radial-gradient(ellipse 55% 45% at 0% 100%, rgba(45, 212, 191, 0.05), transparent 50%),
		var(--h3-surface);
	color: var(--h3-ink);
	font-family: var(--h3-display);
}

.mt-h3-designs__intro {
	margin-bottom: clamp(1.75rem, 3.5vw, 2.5rem);
	text-align: center;
}

.mt-h3-designs__intro h2 {
	margin: 0.2rem 0 0.55rem;
	color: var(--h3-ink);
}

.mt-h3-designs__lead {
	margin: 0 auto 1.25rem;
	max-width: 38rem;
	color: var(--h3-muted);
	line-height: 1.75;
}

.mt-h3-designs__actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.65rem;
}

.mt-h3-designs__popular-head {
	margin-bottom: 1.15rem;
	text-align: center;
}

.mt-h3-designs__popular-head h3 {
	margin: 0 0 0.35rem;
	color: var(--h3-ink);
	font-size: clamp(1.15rem, 2vw, 1.35rem);
}

.mt-h3-designs__popular-head p {
	margin: 0;
	color: var(--h3-muted);
}

.mt-h3-designs__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1rem;
}

.mt-h3-designs__foot {
	display: flex;
	justify-content: center;
	margin-top: 1.5rem;
}

.mt-h3-designs__empty {
	margin: 0;
	padding: 1.5rem 1rem;
	color: var(--h3-muted);
	text-align: center;
	border: 1px dashed rgba(18, 48, 64, 0.18);
	border-radius: 12px;
}

@media (max-width: 1100px) {
	.mt-h3-designs__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 780px) {
	.mt-h3-designs__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 480px) {
	.mt-h3-designs__grid {
		grid-template-columns: 1fr;
	}

	.mt-h3-designs__actions {
		flex-direction: column;
		align-items: stretch;
	}
}

.mt-h3-blog {
	padding-block: clamp(2.6rem, 5.5vw, 4.4rem);
	background:
		radial-gradient(ellipse 70% 50% at 100% 0%, rgba(34, 211, 238, 0.07), transparent 55%),
		radial-gradient(ellipse 55% 45% at 0% 100%, rgba(45, 212, 191, 0.05), transparent 50%),
		var(--h3-surface);
	color: var(--h3-ink);
	font-family: var(--h3-display);
}

.mt-h3-blog__intro {
	margin-bottom: clamp(1.75rem, 3.5vw, 2.5rem);
	text-align: center;
}

.mt-h3-blog__intro h2 {
	margin: 0.2rem 0 0.55rem;
	color: var(--h3-ink);
}

.mt-h3-blog__lead {
	margin: 0 auto;
	max-width: 38rem;
	color: var(--h3-muted);
	line-height: 1.75;
}

.mt-h3-blog__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1.1rem;
}

.mt-h3-blog__foot {
	display: flex;
	justify-content: center;
	margin-top: 1.75rem;
}

@media (max-width: 1100px) {
	.mt-h3-blog__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 640px) {
	.mt-h3-blog__grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 1100px) {
	.mt-h3-projects-rail__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-template-rows: repeat(4, auto);
	}

	.mt-h3-executors__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 720px) {
	.mt-h3-projects-rail__stage {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		gap: 0.75rem;
	}

	.mt-h3-projects-rail__viewport {
		flex: 1 1 100%;
		order: 1;
	}

	.mt-h3-projects-rail__nav {
		position: static;
		transform: none;
		order: 2;
	}

	.mt-h3-projects-rail__nav--prev,
	.mt-h3-projects-rail__nav--next {
		inset: auto;
		transform: none;
	}

	.mt-h3-projects-rail__nav--prev:hover:not(:disabled),
	.mt-h3-projects-rail__nav--next:hover:not(:disabled) {
		transform: translateY(-1px);
	}

	.mt-h3-projects-rail__nav--prev {
		order: 2;
	}

	.mt-h3-projects-rail__nav--next {
		order: 3;
	}

	.mt-h3-projects-rail__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0.75rem;
	}

	.mt-h3-executors__tabs {
		gap: 0;
	}

	.mt-h3-executors__tab {
		flex: 1 1 calc(50% - 0.2rem);
		justify-content: center;
		font-size: 0.78rem;
		padding-inline: 0.4rem;
	}

	.mt-h3-executors__grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.mt-h3-projects-rail__ghost {
		display: none;
	}

	.mt-h3-projects-rail .mt-projcard {
		min-height: 12rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.mt-h3-projects-rail__track {
		transition: none;
	}
}

/* Features bento */
.mt-h3-features {
	padding-block: clamp(2.4rem, 5vw, 3.6rem);
}

.mt-h3-features__grid {
	display: grid;
	grid-template-columns: 1.2fr 1fr 1fr;
	grid-template-rows: auto auto;
	gap: 0.95rem;
	grid-template-areas:
		"hero chat pay"
		"hero access access";
}

.mt-h3-features__card {
	display: flex;
	flex-direction: column;
	min-width: 0;
	padding: clamp(1.25rem, 2.4vw, 1.75rem);
	border-radius: 1.15rem;
	background: var(--h3-panel, #f4f7f9);
	color: var(--h3-ink);
}

.mt-h3-features__card--hero {
	grid-area: hero;
	padding: 0.85rem;
	gap: 0;
	overflow: hidden;
}

.mt-h3-features__card--chat {
	grid-area: chat;
	align-items: center;
	justify-content: center;
	text-align: center;
	gap: 0.7rem;
}

.mt-h3-features__card--pay {
	grid-area: pay;
	align-items: center;
	justify-content: center;
	text-align: center;
	gap: 0.7rem;
}

.mt-h3-features__card--access {
	grid-area: access;
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(9rem, 0.85fr);
	align-items: center;
	gap: 1rem 1.4rem;
	padding-block: clamp(1.35rem, 2.5vw, 1.8rem);
}

.mt-h3-features__media {
	margin: 0;
	overflow: hidden;
	border-radius: 0.9rem;
	aspect-ratio: 16 / 11;
	background: var(--h3-surface);
}

.mt-h3-features__media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.mt-h3-features__body {
	padding: 1.15rem 0.85rem 0.95rem;
}

.mt-h3-features__card h3 {
	margin: 0;
	color: var(--h3-ink);
	font-size: clamp(1rem, 1.6vw, 1.15rem);
	font-weight: 800;
	line-height: 1.55;
	letter-spacing: -0.015em;
}

.mt-h3-features__card p {
	margin: 0.55rem 0 0;
	color: var(--h3-muted);
	font-size: 0.88rem;
	line-height: 1.85;
}

.mt-h3-features__card--chat p,
.mt-h3-features__card--pay p {
	max-width: 18rem;
}

.mt-h3-features__icon {
	display: grid;
	width: 3.1rem;
	height: 3.1rem;
	margin-bottom: 0.15rem;
	border-radius: 0.85rem;
	background: var(--h3-accent-tint);
	color: var(--h3-accent);
	place-items: center;
}

.mt-h3-features__icon::before {
	display: block;
	width: 1.65rem;
	height: 1.65rem;
	background-color: currentColor;
	content: "";
	-webkit-mask: var(--mt-icon) center / contain no-repeat;
	mask: var(--mt-icon) center / contain no-repeat;
}

.mt-h3-features__icon--chat {
	--mt-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.5 17.5 4.8 19.2V7.8A2.3 2.3 0 0 1 7.1 5.5h9.8A2.3 2.3 0 0 1 19.2 7.8v5.4a2.3 2.3 0 0 1-2.3 2.3H9z'/%3E%3Cpath d='M9 10.2h6.2M9 13h4'/%3E%3C/svg%3E");
}

.mt-h3-features__icon--pay {
	--mt-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10' cy='10' r='5.2'/%3E%3Cpath d='m14 14 5.5 5.5M8 10h4M10 8v4'/%3E%3C/svg%3E");
}

.mt-h3-features__access-copy {
	min-width: 0;
}

.mt-h3-features__avatars {
	position: relative;
	min-height: 7.5rem;
}

.mt-h3-features__avatar {
	position: absolute;
	overflow: hidden;
	border: 3px solid var(--h3-panel, #fff);
	border-radius: 50%;
	background: var(--h3-surface);
	box-shadow: 0 8px 18px rgba(15, 40, 55, 0.12);
}

.mt-h3-features__avatar img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.mt-h3-features__avatar--ph {
	background: linear-gradient(145deg, #c5d8e0, #e8f1f5);
}

.mt-h3-features__avatar--1 {
	inset-inline-end: 8%;
	inset-block-start: 6%;
	width: 3.4rem;
	height: 3.4rem;
	z-index: 3;
}

.mt-h3-features__avatar--2 {
	inset-inline-start: 8%;
	inset-block-start: 18%;
	width: 2.7rem;
	height: 2.7rem;
	z-index: 2;
}

.mt-h3-features__avatar--3 {
	inset-inline-end: 28%;
	inset-block-end: 4%;
	width: 3.9rem;
	height: 3.9rem;
	z-index: 4;
}

.mt-h3-features__avatar--4 {
	inset-inline-start: 30%;
	inset-block-start: 0;
	width: 2.3rem;
	height: 2.3rem;
	z-index: 1;
}

.mt-h3-features__avatar--5 {
	inset-inline-start: 2%;
	inset-block-end: 10%;
	width: 3rem;
	height: 3rem;
	z-index: 3;
}

.mt-h3-features__avatar--6 {
	inset-inline-end: 0;
	inset-block-end: 28%;
	width: 2.5rem;
	height: 2.5rem;
	z-index: 2;
}

@media (max-width: 900px) {
	.mt-h3-features__grid {
		grid-template-columns: 1fr 1fr;
		grid-template-areas:
			"hero hero"
			"chat pay"
			"access access";
	}

	.mt-h3-features__media {
		aspect-ratio: 21 / 10;
	}
}

@media (max-width: 560px) {
	.mt-h3-features__grid {
		grid-template-columns: 1fr;
		grid-template-areas:
			"hero"
			"chat"
			"pay"
			"access";
	}

	.mt-h3-features__card--access {
		grid-template-columns: 1fr;
	}

	.mt-h3-features__avatars {
		min-height: 6.5rem;
		margin-top: 0.35rem;
	}
}

/* From blueprint to part (legacy styles; section removed) */
.mt-h3-journey {
	padding-block: clamp(2.8rem, 5.5vw, 4.2rem);
	background: var(--h3-surface);
}

.mt-h3-journey__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1rem;
}

.mt-h3-journey__item {
	display: grid;
	gap: 0.85rem;
	padding: 0.85rem;
	border-radius: 1.1rem;
	background: var(--h3-panel, #fff);
	border: 1px solid var(--h3-line);
	box-shadow: 0 8px 22px rgba(15, 40, 55, 0.04);
}

.mt-h3-journey__pair {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	gap: 0.45rem;
}

.mt-h3-journey__pair figure {
	margin: 0;
	min-width: 0;
}

.mt-h3-journey__pair img {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	border-radius: 0.75rem;
	background: var(--h3-surface);
}

.mt-h3-journey__pair figcaption {
	margin-top: 0.4rem;
	color: var(--h3-muted);
	font-size: 0.72rem;
	font-weight: 700;
	text-align: center;
}

.mt-h3-journey__arrow {
	display: grid;
	width: 1.6rem;
	height: 1.6rem;
	border-radius: 999px;
	background: var(--h3-accent-tint);
	color: var(--h3-accent);
	font-size: 0.85rem;
	font-weight: 800;
	place-items: center;
}

.mt-h3-journey__item h3 {
	margin: 0;
	padding-inline: 0.25rem;
	color: var(--h3-ink);
	font-size: 1rem;
	font-weight: 800;
}

.mt-h3-journey__item > p {
	margin: 0;
	padding-inline: 0.25rem;
	padding-bottom: 0.35rem;
	color: var(--h3-muted);
	font-size: 0.86rem;
	line-height: 1.75;
}

/* FAQ */
.mt-h3-faq {
	padding-block: clamp(2.8rem, 5.5vw, 4.2rem);
}

.mt-h3-faq__inner {
	max-width: 46rem;
}

.mt-h3-faq__list {
	display: grid;
	gap: 0.7rem;
}

.mt-h3-faq__item {
	border: 1px solid var(--h3-line);
	border-radius: 0.95rem;
	background: var(--h3-panel, #f7fafc);
	overflow: hidden;
}

.mt-h3-faq__item summary {
	position: relative;
	cursor: pointer;
	list-style: none;
	padding: 1rem 2.8rem 1rem 1.15rem;
	color: var(--h3-ink);
	font-size: 0.98rem;
	font-weight: 800;
	line-height: 1.55;
}

.mt-h3-faq__item summary::-webkit-details-marker {
	display: none;
}

.mt-h3-faq__item summary::after {
	position: absolute;
	inset-inline-end: 1.1rem;
	top: 50%;
	width: 0.55rem;
	height: 0.55rem;
	border-inline-end: 2px solid var(--h3-accent);
	border-block-end: 2px solid var(--h3-accent);
	content: "";
	transform: translateY(-65%) rotate(45deg);
	transition: transform 0.2s ease;
}

.mt-h3-faq__item[open] summary::after {
	transform: translateY(-20%) rotate(225deg);
}

.mt-h3-faq__item p {
	margin: 0;
	padding: 0 1.15rem 1.15rem;
	color: var(--h3-muted);
	font-size: 0.9rem;
	line-height: 1.9;
}

/* Closing CTA */
.mt-h3-close {
	padding-block: clamp(2.6rem, 5vw, 3.8rem);
}

/* Sits right after .mt-h3-industries, which already carries its own bottom
   padding — use a smaller top padding here so the gap above the card matches
   the gap below it instead of stacking two full paddings. */
.mt-h3-b2b-teaser {
	padding-block: clamp(1rem, 2vw, 1.5rem) clamp(2.6rem, 5vw, 3.8rem);
}

.mt-h3-b2b-teaser__inner {
	display: block;
	padding: clamp(1.6rem, 3.5vw, 2.5rem);
	border: 1px solid color-mix(in srgb, var(--h3-accent) 16%, var(--h3-line));
	border-radius: 1.2rem;
	background: var(--h3-panel, #fff);
	box-shadow: 0 12px 30px rgba(15, 40, 55, 0.05);
}

.mt-h3-b2b-teaser__copy h2 {
	margin: 0.25rem 0 0.9rem;
	color: var(--h3-ink);
	font-size: clamp(1.3rem, 2.5vw, 1.75rem);
	font-weight: 850;
	line-height: 1.4;
}

.mt-h3-b2b-teaser__copy p {
	margin: 0 0 1rem;
	color: var(--h3-muted);
	font-size: 0.95rem;
	line-height: 1.9;
	text-align: justify;
	text-align-last: right;
}

.mt-h3-b2b-teaser__copy p:last-of-type {
	margin-bottom: 0;
}

.mt-h3-b2b-teaser__actions {
	margin-top: 1.5rem;
	padding-top: 1.5rem;
	border-top: 1px solid var(--h3-line);
}

.mt-h3-close__inner {
	display: grid;
	grid-template-columns: minmax(0, 1.2fr) auto;
	align-items: center;
	gap: clamp(1.4rem, 3vw, 2.5rem);
	padding: clamp(1.4rem, 3vw, 2rem);
	border: 1px solid color-mix(in srgb, var(--h3-accent) 16%, var(--h3-line));
	border-radius: 1.2rem;
	background: var(--h3-panel, #fff);
	box-shadow: 0 12px 30px rgba(15, 40, 55, 0.05);
}

.mt-h3-close__copy h2 {
	margin: 0.25rem 0 0.55rem;
	color: var(--h3-ink);
	font-size: clamp(1.3rem, 2.5vw, 1.75rem);
	font-weight: 800;
	letter-spacing: -0.02em;
	line-height: 1.45;
}

.mt-h3-close__copy p:not(.mt-h3-kicker) {
	margin: 0;
	max-width: 34rem;
	color: var(--h3-muted);
	font-size: 0.92rem;
	line-height: 1.85;
}

.mt-h3-close__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 0.65rem;
}

.mt-h3-close__login {
	width: 100%;
	color: var(--h3-muted);
	font-size: 0.84rem;
	font-weight: 700;
	text-align: end;
}

.mt-h3-close__login:hover {
	color: var(--h3-accent);
	text-decoration: underline;
	text-underline-offset: 0.25rem;
}

@media (max-width: 900px) {
	.mt-h3-journey__grid {
		grid-template-columns: 1fr;
	}

	.mt-h3-close__inner {
		grid-template-columns: 1fr;
		text-align: center;
	}

	.mt-h3-close__copy p:not(.mt-h3-kicker) {
		margin-inline: auto;
	}

	.mt-h3-close__actions {
		justify-content: center;
	}

	.mt-h3-close__login {
		text-align: center;
	}
}

/* Final CTA */
.mt-h3-final {
	position: relative;
	isolation: isolate;
	padding-block: clamp(4rem, 8vw, 6rem);
	overflow: hidden;
	background:
		radial-gradient(ellipse 80% 80% at 15% 15%, rgba(14, 116, 144, 0.4), transparent 60%),
		radial-gradient(ellipse 65% 60% at 90% 90%, rgba(15, 118, 110, 0.28), transparent 55%),
		linear-gradient(155deg, #071018 0%, #0c1822 48%, #102a33 100%);
	color: #fff;
}

.mt-h3-final__shape {
	position: absolute;
	z-index: -1;
	top: -16rem;
	left: -8rem;
	width: 34rem;
	height: 34rem;
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 50%;
	box-shadow: 0 0 0 5rem rgba(255, 255, 255, 0.025), 0 0 0 10rem rgba(255, 255, 255, 0.018);
}

.mt-h3-final__inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	gap: 3rem;
}

.mt-h3-final .mt-h3-kicker {
	color: #a6ebf7;
}

.mt-h3-final p:not(.mt-h3-kicker) {
	margin: 0.75rem 0 0;
	color: rgba(255, 255, 255, 0.78);
	line-height: 1.8;
}

.mt-h3-final__actions {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 0.9rem;
}

.mt-h3-final__actions .mt-btn {
	height: 3.1rem;
	min-height: 3.1rem;
	max-height: none;
	padding: 0 2rem;
	font-size: 0.98rem;
}

.mt-h3-final__actions > a:not(.mt-btn) {
	color: #fff;
	font-size: 0.85rem;
	font-weight: 600;
	text-align: center;
	text-decoration: underline;
	text-decoration-color: rgba(255, 255, 255, 0.45);
	text-underline-offset: 0.25rem;
}

.mt-h3-final__actions > a:not(.mt-btn):hover {
	text-decoration-color: #fff;
}

@keyframes mt-h3-rise {
	from { opacity: 0; transform: translateY(18px); }
	to { opacity: 1; transform: none; }
}

@media (max-width: 900px) {
	.mt-h3-values,
	.mt-h3-audience__grid,
	.mt-h3-trust__grid,
	.mt-h3-final__inner {
		grid-template-columns: 1fr;
	}

	.mt-h3-roles__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.mt-h3-roles__item--client {
		grid-column: 1 / -1;
	}

	.mt-h3-roles__item {
		border-inline-start: 0;
		border-top: 1px solid var(--h3-line);
	}

	.mt-h3-roles__item:nth-child(2),
	.mt-h3-roles__item:nth-child(4) {
		border-inline-start: 1px solid var(--h3-line);
	}

	.mt-h3-roles__item--client {
		border-top: 0;
	}

	.mt-h3-values article {
		border-inline-start: 0;
		border-top: 1px solid var(--h3-line);
	}

	.mt-h3-values article:first-child {
		border-top: 0;
	}

	.mt-h3-proof__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.mt-h3-trust__visual {
		width: min(100%, 34rem);
		margin-inline: auto;
	}

	.mt-h3-final__actions {
		align-items: flex-start;
	}
}

@media (max-width: 560px) {
	.mt-h3-slide .mt-h3-hero__title,
	body.mt-is-home .mt-h3-slide .mt-h3-hero__title {
		font-size: clamp(1.3rem, 6.6vw, 1.9rem);
	}

	.mt-h3-slide__veil {
		background: linear-gradient(180deg, rgba(2, 9, 14, 0.42), rgba(2, 9, 14, 0.54) 48%, rgba(2, 9, 14, 0.72) 100%);
	}

	.mt-h3-actions,
	.mt-h3-actions .mt-btn {
		width: 100%;
	}

	.mt-h3-hero__assurances {
		display: grid;
	}

	.mt-h3-story__hint {
		display: none;
	}

	.mt-h3-heading--row {
		display: grid;
		align-items: start;
	}

	.mt-h3-proof__grid,
	.mt-h3-roles__grid {
		grid-template-columns: 1fr;
	}

	.mt-h3-roles__item,
	.mt-h3-roles__item:nth-child(2),
	.mt-h3-roles__item:nth-child(4) {
		border-inline-start: 0;
	}

	.mt-h3-role {
		min-height: 30rem;
	}

	.mt-h3-role ul {
		display: grid;
	}

	.mt-h3-trust__points > div {
		grid-template-columns: 1fr;
		gap: 0.3rem;
	}

	.mt-h3-escrow {
		padding: 0.85rem 0.65rem;
	}

	.mt-h3-final__actions,
	.mt-h3-final__actions .mt-btn {
		width: 100%;
	}
}

@media (prefers-reduced-motion: reduce) {
	.mt-h3 *,
	.mt-h3 *::before,
	.mt-h3 *::after {
		scroll-behavior: auto !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}
}

/* ==========================================================================
   Client landing page (/for-employers/) — reuses .mt-h3-* tokens/sections
   (trust, timeline, faq, final) and adds a few page-specific blocks below.
   ========================================================================== */

.mt-h3-page {
	padding-top: clamp(2.5rem, 5vw, 4rem);
	background: var(--h3-surface);
}

.mt-h3-cl-hero {
	padding-block: clamp(1rem, 3vw, 2rem) clamp(3.5rem, 7vw, 5.5rem);
}

.mt-h3-cl-hero__grid {
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
	align-items: center;
	gap: clamp(2rem, 6vw, 4.5rem);
}

.mt-h3-cl-hero__copy h1 {
	margin: 0;
	color: var(--h3-ink);
	font-size: clamp(2rem, 4vw, 2.9rem);
	font-weight: 850;
	line-height: 1.3;
	letter-spacing: -0.03em;
}

.mt-h3-cl-hero__copy > p {
	margin: 1.1rem 0 0;
	max-width: 34rem;
	color: var(--h3-muted);
	font-size: clamp(0.95rem, 1.4vw, 1.05rem);
	line-height: 1.9;
	text-align: justify;
	text-align-last: right;
}

.mt-h3-cl-hero__stats {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.9rem;
	margin: 2.1rem 0 0;
	padding: 1.1rem 0 0;
	border-top: 1px solid var(--h3-line);
	list-style: none;
}

.mt-h3-cl-hero__stats strong {
	display: block;
	color: var(--h3-accent);
	font-size: 1.02rem;
	font-weight: 850;
}

.mt-h3-cl-hero__stats span {
	display: block;
	margin-top: 0.25rem;
	color: var(--h3-muted);
	font-size: 0.78rem;
	line-height: 1.6;
}

.mt-h3-cl-hero__media img {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 3.2;
	border-radius: 0.85rem;
	object-fit: cover;
	box-shadow: 0 2rem 4rem rgba(10, 23, 32, 0.14);
}

/* Traditional-vs-platform comparison */
.mt-h3-cl-pain {
	padding-block: clamp(3.5rem, 7vw, 5.5rem);
}

.mt-h3-cl-compare {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1.1rem;
}

.mt-h3-cl-compare__col {
	padding: clamp(1.5rem, 2.6vw, 2rem);
	border-radius: 1rem;
}

.mt-h3-cl-compare__col--old {
	background: color-mix(in srgb, #a3442a 8%, var(--h3-panel));
	border: 1px solid rgba(163, 68, 42, 0.14);
}

.mt-h3-cl-compare__col--new {
	background: color-mix(in srgb, var(--h3-accent) 8%, var(--h3-panel));
	border: 1px solid rgba(14, 116, 144, 0.18);
}

.mt-h3-cl-compare__col h3 {
	margin: 0 0 1rem;
	color: var(--h3-ink);
	font-size: 1.05rem;
	font-weight: 850;
}

.mt-h3-cl-compare__col--old h3 {
	color: #a3442a;
}

.mt-h3-cl-compare__col--new h3 {
	color: var(--h3-accent);
}

.mt-h3-cl-compare__col ul {
	display: grid;
	gap: 0.75rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.mt-h3-cl-compare__col li {
	position: relative;
	padding-inline-end: 1.6rem;
	color: var(--h3-ink);
	font-size: 0.9rem;
	line-height: 1.8;
	text-align: justify;
	text-align-last: right;
}

.mt-h3-cl-compare__col li::before {
	position: absolute;
	inset-inline-end: 0;
	top: 0.35rem;
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
	content: "";
}

.mt-h3-cl-compare__col--old li::before {
	background: rgba(163, 68, 42, 0.14);
	-webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a3442a' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E") center / 0.6rem no-repeat;
	mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a3442a' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E") center / 0.6rem no-repeat;
}

.mt-h3-cl-compare__col--new li::before {
	background: rgba(14, 116, 144, 0.16);
	-webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230e7490' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='4 12 9 17 20 6'/%3E%3C/svg%3E") center / 0.65rem no-repeat;
	mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230e7490' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='4 12 9 17 20 6'/%3E%3C/svg%3E") center / 0.65rem no-repeat;
}

/* Benefits grid */
.mt-h3-cl-benefits {
	padding-block: clamp(4rem, 8vw, 6.5rem);
}

.mt-h3-cl-benefits__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1rem;
}

.mt-h3-cl-benefit {
	padding: clamp(1.4rem, 2.2vw, 1.75rem);
	border: 1px solid var(--h3-line);
	border-radius: 0.9rem;
	background: var(--h3-panel, #fff);
}

.mt-h3-cl-benefit__icon {
	display: grid;
	width: 2.6rem;
	height: 2.6rem;
	margin-bottom: 0.9rem;
	border-radius: 0.65rem;
	background: var(--h3-accent-tint);
	color: var(--h3-accent);
	place-items: center;
}

.mt-h3-cl-benefit__icon::before {
	display: block;
	width: 1.35rem;
	height: 1.35rem;
	background-color: currentColor;
	content: "";
	-webkit-mask: var(--mt-icon) center / contain no-repeat;
	mask: var(--mt-icon) center / contain no-repeat;
}

.mt-h3-cl-benefit__icon--team {
	--mt-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3'/%3E%3Cpath d='M2.5 20c0-3.6 2.9-6 6.5-6s6.5 2.4 6.5 6'/%3E%3Ccircle cx='17.5' cy='8.5' r='2.3'/%3E%3Cpath d='M15.7 14.3c2.7.4 4.3 2.3 4.3 5.2'/%3E%3C/svg%3E");
}

.mt-h3-cl-benefit__icon--compare {
	--mt-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3v14M16 7v14M4 13l4 4 4-4M20 11l-4-4-4 4'/%3E%3C/svg%3E");
}

.mt-h3-cl-benefit__icon--shield {
	--mt-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l7 3v6c0 4.5-3 7.7-7 9-4-1.3-7-4.5-7-9V6z'/%3E%3Cpath d='m9.2 12.2 1.9 1.9 3.7-4'/%3E%3C/svg%3E");
}

.mt-h3-cl-benefit__icon--track {
	--mt-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3.5 2'/%3E%3C/svg%3E");
}

.mt-h3-cl-benefit__icon--inspect {
	--mt-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10' cy='10' r='5.2'/%3E%3Cpath d='m14 14 5.5 5.5M8 10h4M10 8v4'/%3E%3C/svg%3E");
}

.mt-h3-cl-benefit__icon--speed {
	--mt-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='13' r='7.5'/%3E%3Cpath d='M12 13 15.5 9M9 3.5h6'/%3E%3C/svg%3E");
}

.mt-h3-cl-benefit h3 {
	margin: 0 0 0.5rem;
	color: var(--h3-ink);
	font-size: 1.02rem;
	font-weight: 800;
	line-height: 1.4;
}

.mt-h3-cl-benefit p {
	margin: 0;
	color: var(--h3-muted);
	font-size: 0.87rem;
	line-height: 1.85;
	text-align: justify;
	text-align-last: right;
}

/* Use-cases split */
.mt-h3-cl-usecases {
	padding-block: clamp(4rem, 8vw, 6.5rem);
}

.mt-h3-cl-usecases__grid {
	display: grid;
	grid-template-columns: 0.85fr 1.15fr;
	align-items: center;
	gap: clamp(2rem, 6vw, 4rem);
}

/* WordPress's own global-styles preset (theme.json) sets a fixed, theme-unaware
   color on bare h1–h6 — this heading needs its own explicit color, same as the
   other section headings on this page, or it inherits that fixed dark color and
   vanishes against a dark background (role pages, dark theme). */
.mt-h3-cl-usecases__copy h2 {
	color: var(--h3-ink);
}

.mt-h3-cl-usecases__media img {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 4.6;
	border-radius: 0.7rem;
	object-fit: cover;
	box-shadow: 0 1.5rem 3rem rgba(10, 23, 32, 0.12);
}

.mt-h3-cl-usecases__list {
	display: grid;
	gap: 0.85rem;
	margin: 1.2rem 0 1.6rem;
	padding: 0;
	list-style: none;
}

.mt-h3-cl-usecases__list li {
	position: relative;
	padding-inline-end: 1.7rem;
	color: var(--h3-ink);
	font-size: 0.92rem;
	line-height: 1.85;
	text-align: justify;
	text-align-last: right;
}

.mt-h3-cl-usecases__list li::before {
	position: absolute;
	inset-inline-end: 0;
	top: 0.4rem;
	width: 1.1rem;
	height: 1.1rem;
	border-radius: 50%;
	background-color: var(--h3-accent-tint);
	content: "";
}

.mt-h3-cl-usecases__list li::after {
	position: absolute;
	inset-inline-end: 0.25rem;
	top: 0.65rem;
	width: 0.6rem;
	height: 0.6rem;
	background-color: var(--h3-accent);
	content: "";
	-webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='4 12 9 17 20 6'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='4 12 9 17 20 6'/%3E%3C/svg%3E") center / contain no-repeat;
}

.mt-h3-b2b-teaser__points {
	display: block;
	width: 100%;
	margin: 1.2rem 0 1.6rem;
}

.mt-h3-b2b-teaser__points p {
	margin: 0 0 0.85rem;
	color: var(--h3-ink);
	font-size: 0.92rem;
	line-height: 1.85;
	text-align: justify;
	text-align-last: right;
}

.mt-h3-b2b-teaser__points p:last-child {
	margin-bottom: 0;
}

@media (max-width: 980px) {
	.mt-h3-cl-hero__grid,
	.mt-h3-cl-usecases__grid {
		grid-template-columns: 1fr;
	}

	.mt-h3-cl-hero__media {
		order: -1;
	}

	.mt-h3-cl-compare,
	.mt-h3-cl-benefits__grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 640px) {
	.mt-h3-cl-hero__stats {
		grid-template-columns: 1fr;
		gap: 0.6rem;
	}
}

/*
 * Justify homepage body copy. Scoped to the actual multi-line paragraph
 * text (role descriptions, feature-card copy, FAQ answers) — kickers, tags,
 * headings and other short single-line labels are intentionally left out
 * since justify has no visible effect on a single line and they read
 * better centered/as-is.
 */
.mt-h3-roles__item > p:not(.mt-h3-roles__tag),
.mt-h3-features__body p,
.mt-h3-features__card--chat > p,
.mt-h3-features__card--pay > p,
.mt-h3-features__access-copy > p,
.mt-h3-faq__item p {
	text-align: justify;
	text-align-last: right;
}

/* Final CTA, centered variant: no action buttons, single centered column. */
.mt-h3-final--centered .mt-h3-final__inner {
	grid-template-columns: 1fr;
	max-width: 42rem;
	margin-inline: auto;
	text-align: center;
}

/* Final CTA, boxed variant: role pages (client/designer/manufacturer/supervisor/
   design-build) don't need a separate full-bleed dark section for their closing CTA —
   it reads as a mismatched banner against the rest of the page's light theme. This
   collapses the section down to a themed card, same content width as the page's own
   text, with no page-edge-to-edge background and no decorative ring. */
.mt-h3-final--boxed {
	padding-block: clamp(2.5rem, 5vw, 3.5rem);
	background: transparent;
}

.mt-h3-final--boxed .mt-h3-final__shape {
	display: none;
}

.mt-h3-final--boxed .mt-h3-final__inner {
	max-width: var(--h3-max);
	padding: clamp(1.75rem, 3.5vw, 2.75rem);
	border: 1px solid var(--h3-line);
	border-radius: 1.25rem;
	background: var(--h3-panel, #fff);
	box-shadow: 0 1px 3px rgba(10, 23, 32, 0.05);
	color: var(--h3-ink);
}

.mt-h3-final--boxed .mt-h3-kicker {
	color: var(--h3-accent);
}

.mt-h3-final--boxed h2 {
	color: var(--h3-ink);
}

.mt-h3-final--boxed p:not(.mt-h3-kicker) {
	color: var(--h3-muted);
}

.mt-h3-final--boxed .mt-h3-final__actions > a:not(.mt-btn) {
	color: var(--h3-ink);
	text-decoration-color: var(--h3-line);
}

.mt-h3-final--boxed .mt-h3-final__actions > a:not(.mt-btn):hover {
	text-decoration-color: var(--h3-ink);
}

/* Homepage teaser of the About-page story, placed before the journey timeline. */
.mt-h3-about-teaser {
	padding-block: clamp(3.5rem, 7vw, 5.5rem);
}

.mt-h3-about-teaser__grid {
	display: grid;
	grid-template-columns: 1.55fr 1fr;
	align-items: start;
	gap: clamp(2rem, 5vw, 3.5rem);
}

.mt-h3-about-teaser__copy h2 {
	color: var(--h3-ink);
}

.mt-h3-about-teaser__copy p {
	margin: 0 0 1.1rem;
	color: var(--h3-muted);
	font-size: 0.95rem;
	line-height: 1.95;
	text-align: justify;
	text-align-last: right;
}

.mt-h3-about-teaser__stats {
	display: grid;
	gap: 0.85rem;
	padding: clamp(1.4rem, 2.4vw, 1.75rem);
	border: 1px solid var(--h3-line);
	border-radius: 1rem;
	background: var(--h3-panel, #fff);
}

.mt-h3-about-teaser__stats .mt-h3-about-stat {
	text-align: center;
}

/* No top hairline divider on this section — it sits right after the hero,
   which already has its own bottom edge. */
.mt-h3-about-teaser::before {
	display: none;
}

@media (max-width: 900px) {
	.mt-h3-about-teaser__grid {
		grid-template-columns: 1fr;
	}
}

/* ===================== About page ===================== */

.mt-h3-about-story {
	padding-block: clamp(3.5rem, 7vw, 5.5rem);
}

.mt-h3-about-hero {
	padding-bottom: clamp(1.5rem, 3vw, 2.25rem);
}

.mt-h3-about-hero + .mt-h3-about-story {
	padding-top: clamp(1.25rem, 2.5vw, 2rem);
	padding-bottom: clamp(2rem, 4vw, 3rem);
}

.mt-h3-about-story__grid {
	display: grid;
	grid-template-columns: 1.55fr 1fr;
	align-items: start;
	gap: clamp(2rem, 5vw, 3.5rem);
}

.mt-h3-about-story__copy h2,
.mt-h3-about-team__copy h2 {
	color: var(--h3-ink);
}

.mt-h3-about-story__copy p {
	margin: 0 0 1.1rem;
	color: var(--h3-muted);
	font-size: 0.95rem;
	line-height: 1.95;
	text-align: justify;
	text-align-last: right;
}

.mt-h3-about-story__copy p:last-child {
	margin-bottom: 0;
}

.mt-h3-about-story__stats {
	display: grid;
	gap: 0.85rem;
	padding: clamp(1.4rem, 2.4vw, 1.75rem);
	border: 1px solid var(--h3-line);
	border-radius: 1rem;
	background: var(--h3-panel, #fff);
}

.mt-h3-about-stat {
	padding-block: 0.6rem;
	border-bottom: 1px solid var(--h3-line);
}

.mt-h3-about-stat:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}

.mt-h3-about-stat strong {
	display: block;
	color: var(--h3-accent);
	font-size: 1.3rem;
	font-weight: 850;
}

.mt-h3-about-stat span {
	display: block;
	margin-top: 0.3rem;
	color: var(--h3-muted);
	font-size: 0.82rem;
	line-height: 1.7;
}

/* Founder quote */
.mt-h3-about-quote {
	padding-block: clamp(3rem, 6vw, 4.5rem);
}

.mt-h3-about-quote__inner {
	position: relative;
	max-width: 46rem;
	margin-inline: auto;
	padding: clamp(2rem, 4vw, 3rem) clamp(1.5rem, 4vw, 3rem);
	border: 1px solid var(--h3-line);
	border-radius: 1.1rem;
	background: color-mix(in srgb, var(--h3-accent) 6%, var(--h3-panel));
	text-align: center;
}

.mt-h3-about-quote__mark {
	position: absolute;
	top: 0.4rem;
	inset-inline-start: 1.3rem;
	color: var(--h3-accent);
	font-family: Georgia, "Times New Roman", serif;
	font-size: 4.5rem;
	line-height: 1;
	opacity: 0.35;
	pointer-events: none;
}

.mt-h3-about-quote blockquote {
	margin: 0;
}

.mt-h3-about-quote blockquote p {
	margin: 0;
	color: var(--h3-ink);
	font-size: clamp(1.02rem, 1.6vw, 1.18rem);
	font-weight: 600;
	line-height: 2;
	text-align: justify;
	text-align-last: center;
}

.mt-h3-about-quote footer {
	margin-top: 1.4rem;
}

.mt-h3-about-quote footer strong {
	display: block;
	color: var(--h3-accent);
	font-size: 0.95rem;
	font-weight: 800;
}

.mt-h3-about-quote footer span {
	display: block;
	margin-top: 0.2rem;
	color: var(--h3-muted);
	font-size: 0.82rem;
}

/* Vision / mission / values */
.mt-h3-about-vmv {
	padding-block: clamp(3.5rem, 7vw, 5.5rem);
}

.mt-h3-about-vmv__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1rem;
}

.mt-h3-about-vmv__card {
	padding: clamp(1.6rem, 2.6vw, 2.1rem);
	border: 1px solid var(--h3-line);
	border-radius: 1rem;
	background: var(--h3-panel, #fff);
	text-align: center;
}

.mt-h3-about-vmv__icon {
	display: grid;
	width: 3rem;
	height: 3rem;
	margin: 0 auto 1.1rem;
	border-radius: 0.75rem;
	background: var(--h3-accent-tint);
	color: var(--h3-accent);
	place-items: center;
}

.mt-h3-about-vmv__icon::before {
	display: block;
	width: 1.5rem;
	height: 1.5rem;
	background-color: currentColor;
	content: "";
	-webkit-mask: var(--mt-icon) center / contain no-repeat;
	mask: var(--mt-icon) center / contain no-repeat;
}

.mt-h3-about-vmv__icon--vision {
	--mt-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1.5 12S5 5 12 5s10.5 7 10.5 7-3.5 7-10.5 7S1.5 12 1.5 12Z'/%3E%3Ccircle cx='12' cy='12' r='3.2'/%3E%3C/svg%3E");
}

.mt-h3-about-vmv__icon--mission {
	--mt-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Ccircle cx='12' cy='12' r='5'/%3E%3Ccircle cx='12' cy='12' r='1'/%3E%3C/svg%3E");
}

.mt-h3-about-vmv__icon--values {
	--mt-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5l2.4 5 5.6.6-4.1 3.8 1.1 5.5L12 15.9l-5 2.5 1.1-5.5-4.1-3.8 5.6-.6z'/%3E%3C/svg%3E");
}

.mt-h3-about-vmv__card h3 {
	margin: 0 0 0.55rem;
	color: var(--h3-ink);
	font-size: 1.05rem;
	font-weight: 850;
}

.mt-h3-about-vmv__card p {
	margin: 0;
	color: var(--h3-muted);
	font-size: 0.88rem;
	line-height: 1.9;
	text-align: justify;
	text-align-last: right;
}

/* Team split */
.mt-h3-about-team {
	padding-block: clamp(4rem, 8vw, 6.5rem);
}

.mt-h3-about-team__grid {
	display: grid;
	grid-template-columns: 0.85fr 1.15fr;
	align-items: center;
	gap: clamp(2rem, 6vw, 4rem);
}

.mt-h3-about-team__media img {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 4.6;
	border-radius: 0.7rem;
	object-fit: cover;
	box-shadow: 0 1.5rem 3rem rgba(10, 23, 32, 0.12);
}

.mt-h3-about-team__copy p {
	margin: 1.1rem 0 1.6rem;
	color: var(--h3-muted);
	font-size: 0.93rem;
	line-height: 1.9;
	text-align: justify;
	text-align-last: right;
}

/* About page: center the "زیر پوست پلتفرم" value cards under their icon. */
.mt-h3-about-values .mt-h3-cl-benefit,
.mt-h3-b2b-services .mt-h3-cl-benefit {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.mt-h3-about-values .mt-h3-cl-benefit__icon,
.mt-h3-b2b-services .mt-h3-cl-benefit__icon {
	margin-inline: auto;
}

.mt-h3-about-values .mt-h3-cl-benefit p,
.mt-h3-b2b-services .mt-h3-cl-benefit p {
	text-align: center;
	text-align-last: center;
}

/* About page: center the intro stat strip (کارگاه تا کارخانه، بدون حاشیه، دیدِ دو سویه). */
.mt-h3-about-story__stats .mt-h3-about-stat {
	text-align: center;
}

.mt-h3-about-roadmap__grid {
	grid-template-columns: 1fr 1.55fr;
}

/* About page closing CTA: match the page's own background/theme exactly
   instead of a separate dark block, no color glow, no decorative ring. */
.mt-h3-page .mt-h3-about-final.mt-h3-final {
	background: var(--h3-surface);
	color: var(--h3-ink);
}

.mt-h3-page .mt-h3-about-final.mt-h3-final .mt-h3-final__shape {
	display: none;
}

/* The base .mt-h3-final h2 rule hardcodes #fff for the dark gradient CTA used
   elsewhere; this about-page variant swaps to a light surface, so the heading
   needs its own override too or it renders white-on-white in light theme. */
.mt-h3-page .mt-h3-about-final.mt-h3-final h2 {
	color: var(--h3-ink);
}

.mt-h3-page .mt-h3-about-final.mt-h3-final .mt-h3-kicker {
	color: var(--h3-accent);
}

.mt-h3-page .mt-h3-about-final.mt-h3-final p:not(.mt-h3-kicker) {
	color: var(--h3-muted);
}

.mt-h3-page .mt-h3-about-final.mt-h3-final .mt-h3-final__actions > a:not(.mt-btn) {
	color: var(--h3-ink);
	text-decoration-color: var(--h3-line);
}

.mt-h3-page .mt-h3-about-final.mt-h3-final .mt-h3-final__actions > a:not(.mt-btn):hover {
	text-decoration-color: var(--h3-ink);
}

.mt-h3-about-roadmap__grid .mt-h3-about-team__media img {
	aspect-ratio: 4 / 3.4;
}

/* About page: tighten the stacked section padding so consecutive sections
   don't add up to an oversized gap (the shared .mt-h3-cl-benefits/.mt-h3-*
   base padding is tuned for landing pages with fewer, larger sections). */
.mt-h3-page .mt-h3-about-quote {
	padding-block: clamp(2rem, 4vw, 3rem);
}

.mt-h3-page .mt-h3-about-vmv {
	padding-block: clamp(2.25rem, 4.5vw, 3.5rem);
}

.mt-h3-page .mt-h3-about-values.mt-h3-cl-benefits {
	padding-block: clamp(2.25rem, 4.5vw, 3.5rem);
}

.mt-h3-page .mt-h3-about-team {
	padding-block: clamp(2.5rem, 5vw, 4rem);
}

.mt-h3-page .mt-h3-about-roadmap.mt-h3-about-story {
	padding-block: clamp(2.5rem, 5vw, 4rem);
}

@media (max-width: 900px) {
	.mt-h3-about-story__grid,
	.mt-h3-about-team__grid,
	.mt-h3-about-roadmap__grid {
		grid-template-columns: 1fr;
	}

	.mt-h3-about-team__media {
		order: -1;
	}

	.mt-h3-about-vmv__grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 640px) {
	.mt-h3-about-quote__mark {
		font-size: 3.2rem;
	}
}

.mt-h3-final--centered .mt-h3-kicker,
.mt-h3-final--centered p:not(.mt-h3-kicker) {
	margin-inline: auto;
}

/* ===================== Contact page ===================== */

.mt-h3-contact-channels__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1rem;
}

.mt-h3-contact-channel {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: clamp(1.6rem, 2.6vw, 2.1rem);
	border: 1px solid var(--h3-line);
	border-radius: 1rem;
	background: var(--h3-panel, #fff);
	text-align: center;
}

.mt-h3-contact-channel__icon {
	display: grid;
	width: 2.8rem;
	height: 2.8rem;
	flex: none;
	margin-bottom: 1rem;
	border-radius: 0.7rem;
	background: var(--h3-accent-tint);
	color: var(--h3-accent);
	place-items: center;
}

.mt-h3-contact-channel__icon::before {
	display: block;
	width: 1.4rem;
	height: 1.4rem;
	background-color: currentColor;
	content: "";
	-webkit-mask: var(--mt-icon) center / contain no-repeat;
	mask: var(--mt-icon) center / contain no-repeat;
}

.mt-h3-contact-channel__icon--offers {
	--mt-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.5l2.4 5 5.6.6-4.1 3.8 1.1 5.5L12 15.9l-5 2.5 1.1-5.5-4.1-3.8 5.6-.6z'/%3E%3C/svg%3E");
}

.mt-h3-contact-channel__icon--b2b {
	--mt-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='8' width='7' height='12'/%3E%3Crect x='14' y='4' width='7' height='16'/%3E%3Cpath d='M6.5 12v.01M17.5 8v.01M17.5 12v.01M17.5 16v.01'/%3E%3C/svg%3E");
}

.mt-h3-contact-channel__icon--phone {
	--mt-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.6 10.8c1.4 2.8 3.8 5.2 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1v3.5c0 .6-.4 1-1 1C10.9 21.1 2.9 13.1 2.9 3c0-.6.4-1 1-1H7.4c.6 0 1 .4 1 1 0 1.3.2 2.5.6 3.6.1.3 0 .7-.2 1z'/%3E%3C/svg%3E");
}

.mt-h3-contact-channel h3 {
	margin: 0 0 0.5rem;
	color: var(--h3-ink);
	font-size: 1.05rem;
	font-weight: 850;
}

.mt-h3-contact-channel p {
	margin: 0 0 1.1rem;
	color: var(--h3-muted);
	font-size: 0.9rem;
	line-height: 1.9;
	text-align: center;
}

.mt-h3-contact-channel__email {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.4rem;
	color: var(--h3-accent);
	font-weight: 800;
	font-size: 1.15rem;
	direction: ltr;
	text-decoration: none;
}

.mt-h3-contact-channel__email:hover {
	text-decoration: underline;
}

.mt-h3-contact-channel__email--secondary {
	margin-top: 0.5rem;
	direction: rtl;
	color: var(--h3-muted);
	font-weight: 600;
	font-size: 0.92rem;
}

.mt-h3-contact-channel__email--secondary a {
	color: var(--h3-accent);
	font-weight: 800;
	direction: ltr;
	unicode-bidi: isolate;
	text-decoration: none;
}

.mt-h3-contact-channel__email--secondary a:hover {
	text-decoration: underline;
}

/* Quick request form */
.mt-h3-contact-form-section {
	padding-block: clamp(3rem, 6vw, 4.5rem);
}

.mt-h3-contact-form__grid {
	display: grid;
	grid-template-columns: 0.85fr 1.15fr;
	align-items: start;
	gap: clamp(2rem, 5vw, 3.5rem);
}

/* WordPress's own global-styles preset (theme.json) sets a fixed, theme-unaware
   color on bare h1–h6 — headings need their own explicit color here, same as
   .mt-h3-heading h2 elsewhere, or they inherit that fixed dark color and vanish
   against a dark background. */
.mt-h3-contact-form__intro h2 {
	color: var(--h3-ink);
}

.mt-h3-contact-form__intro p {
	margin: 0 0 1.1rem;
	color: var(--h3-muted);
	font-size: 0.93rem;
	line-height: 1.9;
	text-align: justify;
	text-align-last: right;
}

.mt-h3-contact-form__points {
	display: grid;
	gap: 0.7rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.mt-h3-contact-form__points li {
	position: relative;
	padding-inline-end: 1.5rem;
	color: var(--h3-ink);
	font-size: 0.86rem;
	line-height: 1.8;
}

.mt-h3-contact-form__points li::before {
	position: absolute;
	inset-inline-end: 0;
	top: 0.4rem;
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
	background: rgba(14, 116, 144, 0.16);
	content: "";
	-webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230e7490' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='4 12 9 17 20 6'/%3E%3C/svg%3E") center / 0.6rem no-repeat;
	mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230e7490' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='4 12 9 17 20 6'/%3E%3C/svg%3E") center / 0.6rem no-repeat;
}

.mt-h3-contact-form {
	padding: clamp(1.6rem, 3vw, 2.25rem);
	border: 1px solid var(--h3-line);
	border-radius: 1.1rem;
	background: var(--h3-panel, #fff);
}

.mt-h3-contact-form__row {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1rem;
}

.mt-h3-contact-form__field {
	margin-bottom: 1.1rem;
}

.mt-h3-contact-form__field:last-of-type {
	margin-bottom: 0;
}

.mt-h3-contact-form label {
	display: block;
	margin-bottom: 0.4rem;
	color: var(--h3-ink);
	font-size: 0.85rem;
	font-weight: 700;
}

.mt-h3-contact-form input,
.mt-h3-contact-form textarea {
	width: 100%;
	padding: 0.7rem 0.85rem;
	border: 1px solid var(--h3-line);
	border-radius: 0.6rem;
	background: var(--h3-surface);
	color: var(--h3-ink);
	font: inherit;
	font-size: 0.9rem;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.mt-h3-contact-form textarea {
	resize: vertical;
	min-height: 9rem;
}

.mt-h3-contact-form input:focus,
.mt-h3-contact-form textarea:focus {
	border-color: var(--h3-accent);
	box-shadow: 0 0 0 3px var(--h3-accent-tint);
	outline: none;
}

.mt-h3-contact-form__honeypot {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

.mt-h3-contact-form__foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	margin-top: 1.4rem;
}

.mt-h3-contact-form__status {
	margin: 0;
	color: var(--h3-muted);
	font-size: 0.85rem;
}

.mt-h3-contact-form__status[data-state="ok"] {
	color: #1a9e6a;
	font-weight: 700;
}

.mt-h3-contact-form__status[data-state="error"] {
	color: #d24545;
	font-weight: 700;
}

.mt-h3-contact-form button[disabled] {
	opacity: 0.65;
	pointer-events: none;
}

@media (max-width: 1024px) {
	.mt-h3-contact-channels__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 900px) {
	.mt-h3-contact-channels__grid {
		grid-template-columns: 1fr;
	}

	.mt-h3-contact-form__grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 560px) {
	.mt-h3-contact-form__row {
		grid-template-columns: 1fr;
	}

	.mt-h3-contact-form__foot {
		flex-direction: column;
		align-items: stretch;
		text-align: center;
	}
}