@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url("../fonts/inter-400-900.woff2") format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face { font-family: 'MT Mark'; font-style: normal; font-weight: 900; src: url("../fonts/mark-900.woff2") format('woff2'); }

:root {
	--black: #000;
	--night: #090e09;
	--night-2: #101710;
	--night-3: #182118;
	--green: #24ff00;
	--green-2: #1fdc00;
	--green-ink: #0d6b00;
	--gray: #f1f1f1;
	--paper: #f6f8f6;
	--line: #e2e4e2;
	--ink: #0b0f0b;
	--text: #3f453f;
	--muted: #6b716b;
	--on-dark: #e8ede8;
	--on-dark-soft: #a9b3a9;
	--gold: #fbbc04;
	--sans: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
	--wrap: 1240px;
	--gutter: clamp(16px, 4.4vw, 48px);
	--head: 84px;
	--radius: 20px;
	--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06), 0 4px 12px rgba(0, 0, 0, .06);
	--shadow: 0 2px 4px rgba(0, 0, 0, .05), 0 12px 28px rgba(0, 0, 0, .08), 0 30px 60px rgba(0, 0, 0, .08);
	--shadow-dark: 0 2px 6px rgba(0, 0, 0, .3), 0 20px 50px rgba(0, 0, 0, .45);
	--ease: cubic-bezier(.22, .61, .36, 1);
	--soft: cubic-bezier(.25, .8, .25, 1);
	--star: polygon(50% 0, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}

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

html {
	-webkit-text-size-adjust: 100%;
	scroll-padding-top: calc(var(--head) + 12px);
}

body.mt-site {
	margin: 0;
	overflow-x: hidden;
	background: #fff;
	color: var(--text);
	font-family: var(--sans);
	font-size: 1rem;
	line-height: 1.65;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

.mt-site :where(img, video, svg) {
	max-width: 100%;
}

.mt-site :where(img, video) {
	display: block;
	height: auto;
}

.mt-site :where(figure, blockquote) {
	margin: 0;
}

.mt-site :where(a) {
	color: inherit;
}

.mt-site :where(p) {
	margin: 0 0 1em;
}

.mt-site :where(h1, h2, h3) {
	margin: 0;
	color: var(--ink);
	font-weight: 800;
	letter-spacing: -.03em;
	line-height: 1.12;
	text-wrap: balance;
}

.mt-site :where(ul, ol) {
	margin: 0;
	padding: 0;
	list-style: none;
}

.mt-site :where(button, input, select, textarea) {
	font: inherit;
	color: inherit;
}

.mt-site :where(button) {
	-webkit-tap-highlight-color: transparent;
}

.mt-i {
	flex: none;
	width: 1.15em;
	height: 1.15em;
	fill: currentColor;
}

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

.mt-skip {
	position: absolute;
	z-index: 200;
	left: 12px;
	top: -60px;
	padding: 10px 16px;
	border-radius: 10px;
	background: var(--green);
	color: var(--black);
	font-weight: 700;
	text-decoration: none;
}

.mt-skip:focus {
	top: 12px;
}

.mt-wrap {
	width: 100%;
	max-width: calc(var(--wrap) + var(--gutter) * 2);
	margin: 0 auto;
	padding: 0 var(--gutter);
}

.mt-eyebrow {
	margin: 0 0 16px;
	color: var(--green-ink);
	font-size: .8rem;
	font-weight: 700;
	letter-spacing: .16em;
	line-height: 1.3;
	text-transform: uppercase;
}

.mt-eyebrow--green {
	color: var(--green);
}

.mt-eyebrow--dark {
	color: var(--black);
}

.mt-h2 {
	font-size: clamp(2rem, 3.6vw, 3rem);
}

.mt-head {
	max-width: 780px;
	margin: 0 auto clamp(40px, 5vw, 56px);
	text-align: center;
}

.mt-head .mt-h2 {
	margin-bottom: 18px;
}

.mt-head__sub {
	max-width: 640px;
	margin: 0 auto;
	color: var(--muted);
	font-size: 1.1rem;
}

.mt-sec {
	position: relative;
	padding: clamp(72px, 9vw, 120px) 0;
}

.mt-sec--dark {
	overflow: hidden;
	background: var(--night);
	color: var(--on-dark-soft);
}

.mt-sec--dark :where(h2, h3) {
	color: #fff;
}

.mt-sec--dark .mt-head__sub {
	color: var(--on-dark-soft);
}

.mt-sec--dark > .mt-wrap {
	position: relative;
	z-index: 1;
}

.mt-sec--gray {
	background: var(--gray);
}

.mt-tag {
	display: inline-block;
	margin: 0 0 14px;
	padding: 5px 12px;
	border-radius: 999px;
	background: var(--black);
	color: var(--green);
	font-size: .74rem;
	font-weight: 800;
	letter-spacing: .1em;
	line-height: 1.3;
	text-transform: uppercase;
}

.mt-stars {
	display: inline-flex;
	gap: 2px;
	color: var(--gold);
}

.mt-stars .mt-i {
	width: 18px;
	height: 18px;
}

.mt-btn {
	--bx: 0px;
	--by: 0px;
	position: relative;
	isolation: isolate;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .55em;
	min-height: 54px;
	padding: .85em 1.6em;
	overflow: hidden;
	border: 2px solid transparent;
	border-radius: 999px;
	font-size: 1rem;
	font-weight: 700;
	letter-spacing: -.01em;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	translate: var(--bx) var(--by);
	transition: translate .35s var(--soft), color .3s var(--ease), border-color .3s var(--ease), box-shadow .3s var(--ease), scale .2s var(--ease);
}

.mt-btn::before {
	content: '';
	position: absolute;
	z-index: -1;
	inset: -2px;
	border-radius: inherit;
	background: var(--sweep, #fff);
	transform: scaleX(0);
	transform-origin: 0 50%;
	transition: transform .45s var(--ease);
}

.mt-btn .mt-i {
	width: 1.1em;
	height: 1.1em;
	transition: transform .35s var(--soft);
}

.mt-btn:active {
	scale: .97;
}

.mt-btn--sm {
	min-height: 44px;
	padding: .6em 1.25em;
	font-size: .94rem;
}

.mt-btn--green {
	--sweep: #fff;
	border-color: var(--green);
	background: var(--green);
	color: var(--black);
}

.mt-btn--ghost {
	--sweep: var(--green);
	border-color: rgba(255, 255, 255, .32);
	background: transparent;
	color: #fff;
}

.mt-btn--dark {
	--sweep: var(--green);
	border-color: var(--black);
	background: var(--black);
	color: #fff;
}

.mt-btn--line {
	--sweep: var(--black);
	border-color: var(--black);
	background: transparent;
	color: var(--black);
}

.mt-site a.mt-btn:focus-visible,
.mt-site button:focus-visible,
.mt-site a:focus-visible,
.mt-site summary:focus-visible,
.mt-switch input:focus-visible + .mt-switch__ui,
.mt-addon input:focus-visible + .mt-switch__ui {
	outline: 3px solid var(--green);
	outline-offset: 3px;
}

@media (hover: hover) and (pointer: fine) {
	.mt-btn:hover::before {
		transform: scaleX(1);
	}

	.mt-btn:hover .mt-i {
		transform: translateX(4px);
	}

	.mt-btn--green:hover {
		border-color: #fff;
		color: var(--black);
		box-shadow: 0 10px 24px rgba(0, 0, 0, .2);
	}

	.mt-btn--ghost:hover {
		border-color: var(--green);
		color: var(--black);
	}

	.mt-btn--dark:hover {
		color: var(--black);
		box-shadow: 0 10px 24px rgba(0, 0, 0, .18);
	}

	.mt-btn--line:hover {
		color: var(--green);
	}
}

.mt-btn:focus-visible::before {
	transform: scaleX(1);
}

.mt-btn--green:focus-visible,
.mt-btn--dark:focus-visible,
.mt-btn--ghost:focus-visible {
	color: var(--black);
}

.mt-btn--line:focus-visible {
	color: var(--green);
}

.mt-util {
	position: relative;
	z-index: 60;
	background: var(--green);
	color: var(--black);
	font-size: .86rem;
	font-weight: 600;
}

.mt-util__row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	min-height: 40px;
}

.mt-util__mail {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	text-decoration: none;
}

.mt-util__note {
	margin: 0;
	text-align: center;
}

.mt-util__social,
.mt-footer__social {
	display: flex;
	gap: 6px;
	margin: 0;
}

.mt-util__social a {
	display: grid;
	place-items: center;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	transition: background-color .25s var(--ease), color .25s var(--ease);
}

.mt-util__social .mt-i {
	width: 17px;
	height: 17px;
}

@media (hover: hover) and (pointer: fine) {
	.mt-util__mail:hover span {
		text-decoration: underline;
		text-underline-offset: 3px;
	}

	.mt-util__social a:hover {
		background: var(--black);
		color: var(--green);
	}
}

@media (max-width: 1024px) {
	.mt-util__note {
		display: none;
	}
}

@media (max-width: 767px) {
	.mt-util__row {
		justify-content: center;
	}

	.mt-util__mail {
		min-height: 44px;
	}

	.mt-util__social {
		display: none;
	}
}

.mt-header {
	position: sticky;
	top: 0;
	z-index: 50;
	border-bottom: 1px solid rgba(255, 255, 255, .06);
	background: rgba(0, 0, 0, .94);
	-webkit-backdrop-filter: blur(14px);
	backdrop-filter: blur(14px);
	transition: box-shadow .3s var(--ease);
}

.mt-header.is-scrolled {
	box-shadow: 0 10px 30px rgba(0, 0, 0, .35);
}

.mt-progress {
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 100%;
	height: 3px;
	background: var(--green);
	transform: scaleX(var(--read, 0));
	transform-origin: 0 50%;
	pointer-events: none;
}

.mt-header__row {
	display: flex;
	align-items: center;
	gap: 28px;
	min-height: var(--head);
}

.mt-logo {
	flex: none;
	margin-right: auto;
}

.mt-logo img {
	width: auto;
	height: 52px;
}

.mt-nav {
	display: flex;
	align-items: center;
	gap: 4px;
}

.mt-nav__link {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 10px 14px;
	border: 0;
	background: none;
	color: var(--on-dark);
	font: inherit;
	font-size: .97rem;
	font-weight: 600;
	line-height: 1.5;
	text-decoration: none;
	cursor: pointer;
	transition: color .25s var(--ease);
}

.mt-nav__link::after {
	content: '';
	position: absolute;
	left: 14px;
	right: 14px;
	bottom: 4px;
	height: 2px;
	border-radius: 2px;
	background: var(--green);
	transform: scaleX(0);
	transform-origin: 0 50%;
	transition: transform .35s var(--ease);
}

.mt-nav__link:focus-visible,
.mt-nav__drop.is-open > .mt-nav__link {
	color: var(--green);
}

.mt-nav__drop {
	position: relative;
	display: flex;
	align-items: center;
}

.mt-nav__drop > a.mt-nav__link {
	padding-right: 2px;
}

.mt-nav__drop > a.mt-nav__link::after {
	right: 2px;
}

.mt-nav__toggle::after {
	right: 36px;
}

.mt-nav .mt-i {
	width: 16px;
	height: 16px;
	transition: transform .25s var(--ease);
}

.mt-nav__drop.is-open .mt-i {
	transform: rotate(180deg);
}

.mt-nav__caret {
	display: grid;
	place-items: center;
	width: 30px;
	height: 44px;
	padding: 0;
	border: 0;
	background: none;
	color: var(--on-dark);
	cursor: pointer;
	transition: color .25s var(--ease);
}

.mt-nav__caret:focus-visible,
.mt-nav__drop.is-open .mt-nav__caret {
	color: var(--green);
}

.mt-nav__panel {
	position: absolute;
	top: calc(100% + 12px);
	left: 0;
	z-index: 60;
	display: grid;
	min-width: 250px;
	padding: 8px;
	border: 1px solid rgba(255, 255, 255, .1);
	border-radius: 16px;
	background: #0b0f0b;
	box-shadow: 0 24px 48px -18px rgba(0, 0, 0, .85);
	opacity: 0;
	visibility: hidden;
	transform: translateY(6px);
	transition: opacity .2s var(--ease), transform .2s var(--ease), visibility 0s linear .2s;
}

.mt-nav__panel::before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: -14px;
	height: 14px;
}

.mt-nav__drop.is-open .mt-nav__panel {
	opacity: 1;
	visibility: visible;
	transform: none;
	transition: opacity .2s var(--ease), transform .2s var(--ease), visibility 0s;
}

.mt-nav__drop.is-instant .mt-nav__panel,
.mt-nav__drop.is-instant .mt-i {
	transition: none;
}

.mt-nav__panel a {
	padding: 11px 14px;
	border-radius: 10px;
	color: var(--on-dark);
	font-size: .95rem;
	font-weight: 600;
	line-height: 1.4;
	text-decoration: none;
	white-space: nowrap;
	transition: color .2s var(--ease), background-color .2s var(--ease);
}

.mt-nav__panel a:focus-visible {
	background: rgba(36, 255, 0, .08);
	color: var(--green);
}

@media (hover: hover) and (pointer: fine) {
	.mt-nav__link:hover,
	.mt-nav__caret:hover {
		color: var(--green);
	}

	.mt-nav__link:hover::after,
	.mt-nav__drop.is-open > .mt-nav__link::after {
		transform: scaleX(1);
	}

	.mt-nav__panel a:hover {
		background: rgba(36, 255, 0, .08);
		color: var(--green);
	}
}

.mt-menu-btn {
	display: none;
	place-items: center;
	width: 48px;
	height: 48px;
	padding: 0;
	border: 1px solid rgba(255, 255, 255, .18);
	border-radius: 12px;
	background: transparent;
	color: #fff;
	cursor: pointer;
	transition: border-color .25s var(--ease), color .25s var(--ease);
}

.mt-menu-btn .mt-i {
	width: 24px;
	height: 24px;
}

.mt-menu-btn__close,
.mt-header.is-open .mt-menu-btn__open {
	display: none;
}

.mt-header.is-open .mt-menu-btn__close {
	display: inline;
}

.mt-header.is-open .mt-menu-btn {
	border-color: var(--green);
	color: var(--green);
}

@media (hover: hover) and (pointer: fine) {
	.mt-menu-btn:hover {
		border-color: var(--green);
		color: var(--green);
	}
}

.mt-menu {
	max-height: calc(100vh - var(--head));
	overflow-y: auto;
	border-top: 1px solid rgba(255, 255, 255, .08);
	background: var(--black);
}

.mt-menu__nav {
	display: flex;
	flex-direction: column;
	padding-top: 8px;
	padding-bottom: 24px;
}

.mt-menu__nav > a:not(.mt-btn) {
	padding: 15px 0;
	border-bottom: 1px solid rgba(255, 255, 255, .08);
	color: #fff;
	font-size: 1.1rem;
	font-weight: 600;
	text-decoration: none;
}

.mt-menu__nav > .mt-btn {
	margin-top: 20px;
}

.mt-menu__group {
	border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.mt-menu__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	width: 100%;
}

.mt-menu__head > a,
button.mt-menu__head {
	padding: 15px 0;
	border: 0;
	background: none;
	color: #fff;
	font: inherit;
	font-size: 1.1rem;
	font-weight: 600;
	text-align: left;
	text-decoration: none;
	cursor: pointer;
}

.mt-menu__more {
	display: grid;
	place-items: center;
	width: 48px;
	height: 48px;
	margin-right: -12px;
	padding: 0;
	border: 0;
	background: none;
	color: #fff;
	cursor: pointer;
}

.mt-menu__nav .mt-i {
	width: 20px;
	height: 20px;
	transition: transform .25s var(--ease);
}

.mt-menu__nav [aria-expanded="true"] .mt-i {
	transform: rotate(180deg);
}

.mt-menu__nav [aria-expanded="true"] {
	color: var(--green);
}

.mt-menu__sub {
	display: grid;
	padding: 0 0 14px 2px;
}

.mt-menu__sub[hidden] {
	display: none;
}

.mt-menu__sub a {
	display: flex;
	align-items: center;
	min-height: 46px;
	padding-left: 16px;
	border-left: 2px solid rgba(36, 255, 0, .35);
	color: var(--on-dark-soft);
	font-size: 1rem;
	font-weight: 600;
	text-decoration: none;
}

@media (hover: hover) and (pointer: fine) {
	.mt-menu__nav > a:not(.mt-btn):hover,
	.mt-menu__head > a:hover,
	button.mt-menu__head:hover,
	.mt-menu__more:hover,
	.mt-menu__sub a:hover {
		color: var(--green);
	}
}

@media (max-width: 1180px) {
	.mt-nav,
	.mt-header__cta {
		display: none;
	}

	.mt-menu-btn {
		display: grid;
	}
}

@media (min-width: 1181px) {
	.mt-menu {
		display: none;
	}
}

@media (max-width: 680px) {
	.mt-site {
		--head: 72px;
	}

	.mt-logo img {
		height: 44px;
	}
}

[data-mt-spot] {
	--sx: -999px;
	--sy: -999px;
}

.mt-grid {
	position: absolute;
	inset: 0;
	background-image: linear-gradient(rgba(36, 255, 0, .05) 1px, transparent 1px), linear-gradient(90deg, rgba(36, 255, 0, .05) 1px, transparent 1px);
	background-size: 56px 56px;
	pointer-events: none;
}

.mt-grid--lit {
	background-image: linear-gradient(rgba(36, 255, 0, .5) 1px, transparent 1px), linear-gradient(90deg, rgba(36, 255, 0, .5) 1px, transparent 1px);
	-webkit-mask-image: radial-gradient(260px circle at var(--sx) var(--sy), #000, transparent 70%);
	mask-image: radial-gradient(260px circle at var(--sx) var(--sy), #000, transparent 70%);
	opacity: 0;
	transition: opacity .4s var(--ease);
}

.mt-grid--soft {
	background-size: 64px 64px;
}

.is-spot > .mt-grid--lit,
.is-spot > .mt-hero__bg > .mt-grid--lit {
	opacity: 1;
}

.mt-sec--dark[data-mt-spot]::after {
	content: '';
	position: absolute;
	inset: 0;
	background: radial-gradient(520px circle at var(--sx) var(--sy), rgba(36, 255, 0, .09), transparent 60%);
	opacity: 0;
	transition: opacity .5s var(--ease);
	pointer-events: none;
}

.mt-sec--dark.is-spot::after {
	opacity: 1;
}

.mt-hero {
	position: relative;
	overflow: hidden;
	padding: clamp(56px, 8vw, 104px) 0 clamp(96px, 10vw, 140px);
	background: var(--black);
	color: var(--on-dark-soft);
}

.mt-hero__bg {
	position: absolute;
	inset: 0;
	pointer-events: none;
}

.mt-hero__bg img {
	position: absolute;
	top: 0;
	right: 0;
	width: 72%;
	height: 100%;
	object-fit: cover;
	opacity: .36;
	-webkit-mask-image: radial-gradient(ellipse 70% 80% at 70% 45%, #000 20%, transparent 75%);
	mask-image: radial-gradient(ellipse 70% 80% at 70% 45%, #000 20%, transparent 75%);
}

.mt-hero__bg > .mt-grid:not(.mt-grid--lit) {
	-webkit-mask-image: linear-gradient(180deg, #000, transparent 85%);
	mask-image: linear-gradient(180deg, #000, transparent 85%);
}

.mt-hero__layout {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
	gap: clamp(40px, 5vw, 80px);
	align-items: center;
}

.mt-hero__layout > * {
	min-width: 0;
}

.mt-hero__title {
	margin-bottom: 24px;
	color: #fff;
	font-size: clamp(2.3rem, 3.6vw, 3.3rem);
	font-weight: 850;
	letter-spacing: -.045em;
	line-height: 1.08;
}

.mt-mark {
	position: relative;
	display: inline-block;
	padding: 0 .2em;
	color: var(--green);
	white-space: nowrap;
}

.mt-mark::before {
	content: '';
	position: absolute;
	z-index: 0;
	left: 0;
	right: 0;
	top: .04em;
	bottom: -.12em;
	border-radius: .12em;
	background: var(--green);
	transform: scaleX(0) skewX(-6deg);
	transform-origin: 0 50%;
	animation: mt-mark-in .9s var(--ease) .6s forwards;
}

.mt-mark + .mt-mark::before {
	animation-delay: 1.1s;
}

.mt-mark__text {
	position: relative;
	z-index: 1;
	display: block;
	background: linear-gradient(96deg, var(--black) 50%, var(--green) 50%) no-repeat;
	background-size: calc(200% + 1em) 100%;
	background-position: calc(100% + .3em) 0;
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	animation: mt-mark-ink .9s var(--ease) .6s forwards;
}

.mt-mark + .mt-mark .mt-mark__text {
	animation-delay: 1.1s;
}

@media (forced-colors: active) {
	.mt-mark__text {
		background: none;
		-webkit-text-fill-color: currentColor;
	}
}

.mt-hero__lead {
	max-width: 580px;
	margin-bottom: 32px;
	color: #c9d1c9;
	font-size: 1.12rem;
}

.mt-hero__ctas {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin-bottom: 28px;
}

.mt-hero__rating {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 12px;
	margin: 0;
	font-size: .95rem;
}

.mt-hero__rating strong {
	color: #fff;
}

.mt-hero__demo {
	position: relative;
	padding: 0 40px 64px 0;
}

.mt-hero__try {
	display: flex;
	align-items: center;
	gap: 8px;
	max-width: 500px;
	margin: 0 0 14px auto;
	color: var(--green);
	font-size: .92rem;
	font-weight: 700;
}

.mt-hero__try .mt-i {
	width: 20px;
	height: 20px;
	animation: mt-nudge 1.6s ease-in-out infinite;
}

.mt-serp {
	position: relative;
	z-index: 1;
	max-width: 500px;
	margin-left: auto;
	padding: 18px;
	border: 1px solid rgba(36, 255, 0, .22);
	border-radius: 20px;
	background: linear-gradient(160deg, rgba(24, 33, 24, .96), rgba(10, 14, 10, .96));
	box-shadow: 0 30px 80px rgba(0, 0, 0, .6), 0 0 0 6px rgba(255, 255, 255, .02);
}

.mt-serp__bar {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0 0 12px;
}

.mt-serp__dots {
	display: flex;
	flex: none;
	gap: 6px;
}

.mt-serp__dots i {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #2e382e;
}

.mt-serp__dots i:first-child {
	background: var(--green);
}

.mt-serp__field {
	display: flex;
	flex: 1;
	align-items: center;
	gap: 10px;
	min-width: 0;
	height: 46px;
	padding: 0 16px;
	border-radius: 999px;
	background: #fff;
	color: #4b524b;
	transition: box-shadow .3s var(--ease);
}

.mt-serp__field:focus-within {
	box-shadow: 0 0 0 3px var(--green);
}

.mt-serp__field .mt-i {
	width: 18px;
	height: 18px;
}

.mt-serp__input {
	flex: 1;
	width: 100%;
	min-width: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
	color: var(--ink);
	font-size: 1rem;
	font-weight: 500;
}

.mt-serp__go {
	display: grid;
	flex: none;
	place-items: center;
	width: 46px;
	height: 46px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: var(--green);
	color: var(--black);
	cursor: pointer;
	transition: background-color .25s var(--ease), color .25s var(--ease);
}

.mt-serp__go .mt-i {
	width: 20px;
	height: 20px;
}

@media (hover: hover) and (pointer: fine) {
	.mt-serp__go:hover {
		background: #fff;
	}
}

.mt-serp__tabs {
	display: flex;
	gap: 18px;
	margin: 0 0 14px;
	padding: 0 6px 10px;
	border-bottom: 1px solid rgba(255, 255, 255, .08);
	color: #7d877d;
	font-size: .82rem;
	font-weight: 600;
}

.mt-serp__tabs .is-on {
	color: var(--green);
}

.mt-serp__list {
	--row: 68px;
	position: relative;
	height: calc(var(--row) * 5);
}

.mt-serp__row {
	--y: 0;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	display: flex;
	align-items: center;
	gap: 14px;
	height: calc(var(--row) - 10px);
	padding: 0 14px;
	border: 1px solid rgba(255, 255, 255, .06);
	border-radius: 14px;
	background: rgba(255, 255, 255, .03);
	transform: translateY(calc(var(--y) * var(--row)));
	transition: transform .7s var(--ease), background-color .4s var(--ease), border-color .4s var(--ease);
}

.mt-serp__fav {
	display: grid;
	flex: none;
	place-items: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: #263026;
}

.mt-serp__lines {
	display: grid;
	flex: 1;
	gap: 7px;
}

.mt-serp__lines b,
.mt-serp__lines i {
	display: block;
	height: 8px;
	border-radius: 4px;
	background: #2a332a;
}

.mt-serp__lines b {
	width: 70%;
}

.mt-serp__lines i {
	width: 45%;
	height: 6px;
}

.mt-serp__row--you {
	z-index: 2;
	border-color: rgba(36, 255, 0, .4);
	background: rgba(36, 255, 0, .08);
}

.mt-serp__row--you .mt-serp__fav {
	background: var(--green);
	color: var(--black);
}

.mt-serp__row--you .mt-serp__fav .mt-i {
	width: 18px;
	height: 18px;
}

.mt-serp__name {
	display: grid;
	flex: 1;
	min-width: 0;
	line-height: 1.3;
}

.mt-serp__name strong {
	overflow: hidden;
	color: #fff;
	font-size: .98rem;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.mt-serp__name em {
	color: var(--green);
	font-size: .82rem;
	font-style: normal;
}

.mt-serp__rank {
	flex: none;
	padding: 6px 12px;
	border-radius: 999px;
	background: rgba(36, 255, 0, .14);
	color: var(--green);
	font-size: .95rem;
	font-weight: 800;
	transition: background-color .3s var(--ease), color .3s var(--ease);
}

.mt-serp.is-top .mt-serp__row--you {
	border-color: var(--green);
	box-shadow: 0 0 0 1px var(--green), 0 12px 30px rgba(36, 255, 0, .2);
}

.mt-serp.is-top .mt-serp__rank {
	background: var(--green);
	color: var(--black);
}

.mt-serp__toast {
	position: absolute;
	z-index: 3;
	top: 74px;
	right: -14px;
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	padding: 10px 14px;
	border-radius: 14px;
	background: #fff;
	color: var(--ink);
	font-size: .85rem;
	font-weight: 700;
	box-shadow: 0 16px 36px rgba(0, 0, 0, .4);
	opacity: 0;
	transform: translateY(-8px) scale(.94);
	transition: opacity .35s var(--ease), transform .45s var(--soft);
	pointer-events: none;
}

.mt-serp__toast .mt-i {
	color: var(--green-2);
}

.mt-serp.is-top .mt-serp__toast {
	opacity: 1;
	transform: none;
}

.mt-serp__chart {
	position: relative;
	margin-top: 6px;
	padding: 10px 12px 4px;
	border-radius: 14px;
	background: rgba(255, 255, 255, .03);
}

.mt-serp__chart-label {
	display: flex;
	align-items: center;
	gap: 6px;
	color: #8a948a;
	font-size: .78rem;
	font-weight: 700;
}

.mt-serp__chart-label .mt-i {
	width: 14px;
	height: 14px;
	color: var(--green);
}

.mt-serp__chart svg {
	display: block;
	width: 100%;
	height: 54px;
}

.mt-serp__line {
	fill: none;
	stroke: var(--green);
	stroke-width: 3;
	stroke-linecap: round;
	stroke-dasharray: 360;
	stroke-dashoffset: 360;
	transition: stroke-dashoffset 1.2s var(--ease);
}

.mt-serp.is-top .mt-serp__line {
	stroke-dashoffset: 0;
}

.mt-hero__magni {
	position: absolute;
	z-index: 2;
	right: -6px;
	bottom: 0;
	width: clamp(150px, 15vw, 210px);
	pointer-events: none;
}

.mt-hero__magni img {
	width: 100%;
	filter: drop-shadow(0 18px 24px rgba(0, 0, 0, .55));
	transform-origin: 50% 100%;
}

.mt-hero__magni.is-cheer img {
	animation: mt-cheer .9s var(--ease) 1;
}

.mt-sparks i {
	position: absolute;
	left: 50%;
	top: 40%;
	width: 22px;
	height: 22px;
	background: var(--green);
	clip-path: var(--star);
	opacity: 0;
}

.mt-hero__magni.is-cheer .mt-sparks i {
	animation: mt-spark .9s var(--ease) 1;
}

.mt-sparks i:nth-child(1) { --tx: -70px; --ty: -60px; }
.mt-sparks i:nth-child(2) { --tx: 64px; --ty: -70px; animation-delay: .05s; }
.mt-sparks i:nth-child(3) { --tx: -86px; --ty: 4px; animation-delay: .1s; }
.mt-sparks i:nth-child(4) { --tx: 84px; --ty: -6px; animation-delay: .08s; }
.mt-sparks i:nth-child(5) { --tx: 0; --ty: -96px; animation-delay: .03s; }

@media (max-width: 960px) {
	.mt-hero__layout {
		grid-template-columns: minmax(0, 1fr);
	}

	.mt-hero__copy {
		text-align: center;
	}

	.mt-hero__lead {
		margin-left: auto;
		margin-right: auto;
	}

	.mt-hero__ctas,
	.mt-hero__rating {
		justify-content: center;
	}

	.mt-hero__demo {
		max-width: 540px;
		width: 100%;
		margin: 0 auto;
		padding: 0 0 64px;
	}

	.mt-hero__try {
		justify-content: center;
		margin-right: auto;
	}

	.mt-serp {
		margin: 0 auto;
	}

	.mt-hero__magni {
		right: -10px;
	}
}

@media (max-width: 680px) {
	.mt-hero__title {
		font-size: clamp(2.1rem, 9.4vw, 2.6rem);
	}

	.mt-mark {
		white-space: normal;
	}

	.mt-hero__lead {
		font-size: 1.05rem;
	}

	.mt-hero__ctas .mt-btn {
		width: 100%;
	}

	.mt-serp {
		padding: 14px;
	}

	.mt-serp__dots {
		display: none;
	}

	.mt-serp__list {
		--row: 60px;
	}

	.mt-serp__toast {
		right: 8px;
		top: 64px;
	}

	.mt-hero__magni {
		right: -4px;
		width: 128px;
	}
}

.mt-band {
	position: relative;
	z-index: 4;
	height: 0;
}

.mt-band__clip {
	position: absolute;
	left: 0;
	right: 0;
	top: -90px;
	height: 180px;
	overflow: hidden;
	pointer-events: none;
}

.mt-band__strip {
	position: absolute;
	left: -5%;
	right: -5%;
	top: 50%;
	display: flex;
	overflow: hidden;
	padding: 18px 0;
	background: var(--green);
	box-shadow: 0 14px 30px rgba(0, 0, 0, .25);
	transform: translateY(-50%) rotate(-1.5deg);
}

.mt-band__run {
	display: flex;
	flex: none;
	align-items: center;
	animation: mt-marquee 70s linear infinite;
}

.mt-band__word {
	flex: none;
	padding: 0 22px;
	color: var(--black);
	font-size: clamp(1.4rem, 2.6vw, 2.2rem);
	font-weight: 900;
	letter-spacing: -.02em;
	line-height: 1.2;
	text-transform: uppercase;
	white-space: nowrap;
}

.mt-band__sep {
	flex: none;
	width: clamp(26px, 3vw, 40px);
	height: clamp(26px, 3vw, 40px);
	animation: mt-spin 9s linear infinite;
}

@media (max-width: 680px) {
	.mt-band__clip {
		top: -60px;
		height: 120px;
	}

	.mt-band__strip {
		padding: 11px 0;
	}
}

.mt-clients {
	position: relative;
	overflow: hidden;
	padding: calc(clamp(64px, 8vw, 110px) + 30px) 0 clamp(64px, 8vw, 110px);
	background: var(--paper);
}

.mt-clients__grid {
	display: grid;
	grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
	gap: clamp(32px, 5vw, 72px);
	align-items: center;
}

.mt-clients__grid > * {
	min-width: 0;
}

.mt-clients__text .mt-h2 {
	margin-bottom: 18px;
}

.mt-clients__text > p:last-child {
	max-width: 460px;
	margin: 0;
	font-size: 1.1rem;
}

.mt-carousel {
	--card: clamp(150px, 15vw, 200px);
	--gap: 18px;
	overflow: hidden;
	padding: 10px 0;
	-webkit-mask-image: linear-gradient(90deg, transparent, #000 9%, #000 91%, transparent);
	mask-image: linear-gradient(90deg, transparent, #000 9%, #000 91%, transparent);
}

.mt-carousel__rows {
	display: grid;
	gap: var(--gap);
}

.mt-carousel__row {
	display: flex;
	gap: var(--gap);
	width: max-content;
	padding: 6px var(--gap) 14px 0;
	animation: mt-glide calc(var(--n) * 4.5s) linear infinite;
	will-change: transform;
}

.mt-carousel__row[data-dir="right"] {
	animation-direction: reverse;
}

.mt-carousel:has(:focus-visible) .mt-carousel__row,
.mt-carousel.is-off .mt-carousel__row {
	animation-play-state: paused;
}

@media (hover: hover) and (pointer: fine) {
	.mt-carousel:hover .mt-carousel__row {
		animation-play-state: paused;
	}
}

.mt-client {
	flex: none;
	width: var(--card);
}

.mt-client__card {
	display: grid;
	color: inherit;
	text-decoration: none;
	place-items: center;
	aspect-ratio: 5 / 3;
	padding: 8% 10%;
	border: 1px solid var(--line);
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 8px 20px rgba(0, 0, 0, .07);
}

@media (max-width: 1024px) {
	.mt-clients__grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.mt-clients__text {
		max-width: 640px;
		margin: 0 auto;
		text-align: center;
	}

	.mt-clients__text > p:last-child {
		margin: 0 auto;
	}

	.mt-carousel {
		--card: clamp(130px, 22vw, 190px);
	}
}

a.mt-client__card:focus-visible {
	outline: 3px solid var(--green);
	outline-offset: 3px;
}

@keyframes mt-glide {
	from {
		transform: translateX(0);
	}

	to {
		transform: translateX(-50%);
	}
}

@media (prefers-reduced-motion: reduce) {
	.mt-carousel {
		-webkit-mask-image: none;
		mask-image: none;
	}

	.mt-carousel__row {
		flex-wrap: wrap;
		justify-content: center;
		width: auto;
		padding-right: 0;
		animation: none;
	}

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

@media (max-width: 680px) {
	.mt-clients {
		padding-top: 84px;
	}

	.mt-carousel {
		--card: clamp(116px, 38vw, 150px);
		--gap: 12px;
	}
}

.mt-climb {
	--p: 0;
	position: relative;
	padding-top: clamp(72px, 9vw, 120px);
	background: #fff;
}

.mt-dots {
	position: absolute;
	inset: 0;
	z-index: 0;
	background-image: radial-gradient(circle, #c9d1c9 1.2px, transparent 1.7px);
	background-size: 26px 26px;
	background-attachment: fixed;
	pointer-events: none;
}

.mt-dots--lit {
	background-image: radial-gradient(circle, var(--green-2) 2px, transparent 2.6px);
	-webkit-mask-image: linear-gradient(180deg, transparent, #000 220px), radial-gradient(230px circle at var(--sx) var(--sy), #000, transparent 72%);
	-webkit-mask-composite: source-in;
	mask-image: linear-gradient(180deg, transparent, #000 220px), radial-gradient(230px circle at var(--sx) var(--sy), #000, transparent 72%);
	mask-composite: intersect;
	opacity: 0;
	transition: opacity .4s var(--ease);
}

.mt-climb.is-spot > .mt-dots--lit {
	opacity: 1;
}

.mt-climb::after {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 0;
	background: radial-gradient(460px circle at var(--sx) var(--sy), rgba(36, 255, 0, .12), transparent 60%);
	-webkit-mask-image: linear-gradient(180deg, transparent, #000 220px);
	mask-image: linear-gradient(180deg, transparent, #000 220px);
	opacity: 0;
	transition: opacity .5s var(--ease);
	pointer-events: none;
}

.mt-climb.is-spot::after {
	opacity: 1;
}

.mt-climb__head,
.mt-climb__track {
	position: relative;
	z-index: 1;
}

.mt-climb__head {
	max-width: 820px;
	text-align: center;
}

.mt-climb__head .mt-h2 {
	margin-bottom: 18px;
}

.mt-climb__track {
	padding: 48px 0 clamp(72px, 9vw, 120px);
}

.mt-climb__layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: clamp(40px, 6vw, 96px);
	align-items: center;
}

.mt-climb__layout > * {
	min-width: 0;
}

.mt-climb__stages {
	display: grid;
	gap: 40px;
}

.mt-climb__stage h3 {
	margin-bottom: 14px;
	font-size: clamp(1.6rem, 2.8vw, 2.4rem);
}

.mt-climb__stage p:not(.mt-tag) {
	max-width: 500px;
	font-size: 1.1rem;
}

.mt-climb__stage .mt-btn {
	margin-top: 6px;
}

.mt-climb__visual {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 30px;
	transform-origin: 50% 0;
}

.mt-rail2 {
	position: relative;
	z-index: 3;
	flex: none;
	width: 8px;
	height: min(480px, 58vh);
	margin-left: 56px;
	border-radius: 8px;
	background: var(--gray);
}

.mt-rail2__fill {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: calc(var(--p) * 100%);
	border-radius: 8px;
	background: var(--green);
}

.mt-rail2__stop {
	--at: 0;
	position: absolute;
	right: 48px;
	bottom: calc(var(--at) * 100%);
	margin-bottom: -.7em;
	color: #a0a7a0;
	font-size: .82rem;
	font-weight: 800;
	line-height: 1.4;
	white-space: nowrap;
	transition: color .3s var(--ease);
}

.mt-rail2__stop::after {
	content: '';
	position: absolute;
	right: -48px;
	top: 50%;
	width: 16px;
	height: 16px;
	margin: -8px -4px 0 0;
	border: 3px solid #fff;
	border-radius: 50%;
	background: #d3d8d3;
	box-shadow: 0 0 0 1px var(--line);
	transition: background-color .3s var(--ease), transform .4s var(--ease);
}

.mt-rail2__stop[data-at="1"] { --at: .3333; }
.mt-rail2__stop[data-at="2"] { --at: .6667; }
.mt-rail2__stop[data-at="3"] { --at: 1; }

.mt-rail2__stop.is-hit {
	color: var(--ink);
}

.mt-rail2__stop.is-hit::after {
	background: var(--green);
	transform: scale(1.2);
}

.mt-rail2__magni {
	position: absolute;
	left: 50%;
	bottom: calc(var(--p) * 100%);
	width: 74px;
	max-width: none;
	margin: 0 0 -26px -37px;
	filter: drop-shadow(0 8px 10px rgba(0, 0, 0, .25));
	animation: mt-bob 2.4s ease-in-out infinite;
}

.mt-phone {
	position: relative;
	flex: none;
	width: min(340px, 100%);
	padding: 14px;
	border-radius: 46px;
	background: #0d120d;
	box-shadow: 0 0 0 2px #2a322a, var(--shadow-dark);
}

.mt-phone::before {
	content: '';
	position: absolute;
	z-index: 2;
	left: 50%;
	top: 22px;
	width: 92px;
	height: 24px;
	margin-left: -46px;
	border-radius: 20px;
	background: #0d120d;
}

.mt-phone__screen {
	--row: 58px;
	--pad-b: 18px;
	position: relative;
	overflow: hidden;
	padding: 54px 16px var(--pad-b);
	border-radius: 34px;
	background: #fff;
}

.mt-phone__search {
	display: flex;
	align-items: center;
	gap: 8px;
	height: 42px;
	margin: 0;
	padding: 0 14px;
	border-radius: 999px;
	background: #f1f3f4;
	color: #202124;
	font-size: .92rem;
	font-weight: 500;
}

.mt-phone__search .mt-i {
	width: 16px;
	height: 16px;
	color: #5f6368;
}

.mt-phone__spot {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	margin: 14px 4px 10px;
	color: var(--muted);
	font-size: .8rem;
	font-weight: 700;
	letter-spacing: .08em;
	line-height: 1;
	text-transform: uppercase;
}

.mt-phone__spot strong {
	color: var(--ink);
	font-size: 2.2rem;
	font-weight: 900;
	letter-spacing: -.04em;
	transition: color .3s var(--ease);
}

.mt-climb.is-top .mt-phone__spot strong {
	color: var(--green-2);
}

.mt-phone__list {
	position: relative;
	height: calc(6 * var(--row));
}

.mt-phone__row {
	--y: 0;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	display: flex;
	align-items: center;
	gap: 10px;
	height: calc(var(--row) - 10px);
	padding: 0 12px;
	border-radius: 12px;
	background: #f6f7f6;
	transform: translateY(calc(var(--y) * var(--row)));
	transition: transform .5s var(--ease), opacity .4s var(--ease);
}

.mt-phone__row span {
	flex: none;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: #e1e5e1;
}

.mt-phone__row i {
	display: block;
	width: 62%;
	height: 9px;
	border-radius: 9px;
	background: #dfe3df;
}

.mt-phone__row:nth-child(2n) i {
	width: 48%;
}

.mt-phone__row--you {
	z-index: 2;
	border: 2px solid var(--green);
	background: #fff;
	color: var(--ink);
	box-shadow: 0 10px 24px rgba(0, 0, 0, .12);
}

.mt-phone__row--you .mt-i {
	box-sizing: content-box;
	width: 15px;
	height: 15px;
	padding: 5px;
	border-radius: 50%;
	background: var(--green);
	color: var(--black);
}

.mt-phone__row--you strong {
	font-size: .95rem;
	font-weight: 800;
}

.mt-climb.is-low .mt-phone__row--you {
	opacity: .6;
	box-shadow: none;
}

.mt-phone__page2 {
	position: absolute;
	left: 16px;
	right: 16px;
	top: calc(100% - var(--pad-b) - var(--row) - 4px);
	margin: 0;
	padding-top: 2px;
	border-top: 2px dashed #d6dbd6;
	color: #9aa19a;
	font-size: .72rem;
	font-weight: 800;
	letter-spacing: .1em;
	line-height: 1.4;
	text-align: center;
	text-transform: uppercase;
	transition: opacity .4s var(--ease);
}

.mt-climb:not(.is-low) .mt-phone__page2 {
	opacity: 0;
}

.mt-climb.is-live .mt-climb__track {
	height: 380vh;
	padding: 0;
}

.mt-climb.is-live .mt-climb__stick {
	position: sticky;
	top: calc(var(--head) + 8px);
	display: flex;
	align-items: center;
	height: calc(100vh - var(--head) - 16px);
	height: calc(100svh - var(--head) - 16px);
}

.mt-climb.is-live .mt-climb__stages {
	position: relative;
	display: block;
	min-height: 330px;
}

.mt-climb.is-live .mt-climb__stage {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	opacity: 0;
	visibility: hidden;
	transform: translateY(calc(-50% + 30px));
	transition: opacity .45s var(--ease), transform .55s var(--ease), visibility .45s;
}

.mt-climb.is-live .mt-climb__stage.is-on {
	opacity: 1;
	visibility: visible;
	transform: translateY(-50%);
}

.mt-climb.is-live .mt-climb__stage.is-past {
	transform: translateY(calc(-50% - 30px));
}

@media (max-width: 860px) {
	.mt-climb__layout {
		grid-template-columns: minmax(0, 1fr);
		gap: 18px;
		text-align: center;
	}

	.mt-climb__visual {
		gap: 18px;
	}


	.mt-climb__stage p:not(.mt-tag) {
		margin-left: auto;
		margin-right: auto;
	}

	.mt-rail2 {
		height: 300px;
		margin-left: 70px;
	}

	.mt-rail2__stop {
		right: 36px;
		font-size: .72rem;
	}

	.mt-rail2__stop::after {
		right: -36px;
	}

	.mt-rail2__magni {
		width: 52px;
		margin: 0 0 -18px -26px;
	}

	.mt-phone {
		width: min(250px, calc(100% - 120px));
		padding: 9px;
		border-radius: 34px;
	}

	.mt-phone::before {
		top: 15px;
		width: 66px;
		height: 18px;
		margin-left: -33px;
	}

	.mt-phone__screen {
		--row: 40px;
		--pad-b: 12px;
		padding: 38px 10px var(--pad-b);
		border-radius: 26px;
	}

	.mt-phone__search {
		height: 32px;
		font-size: .78rem;
	}

	.mt-phone__spot {
		margin: 10px 2px 8px;
		font-size: .66rem;
	}

	.mt-phone__spot strong {
		font-size: 1.6rem;
	}

	.mt-phone__row {
		gap: 8px;
		padding: 0 8px;
	}

	.mt-phone__row span {
		width: 18px;
		height: 18px;
	}

	.mt-phone__row--you strong {
		font-size: .78rem;
	}

	.mt-phone__row--you .mt-i {
		width: 11px;
		height: 11px;
		padding: 3px;
	}

	.mt-phone__page2 {
		left: 10px;
		right: 10px;
		font-size: .6rem;
	}
}

@media (min-width: 768px) and (max-width: 860px) and (max-height: 800px) {
	.mt-rail2 {
		height: 230px;
	}

	.mt-phone__screen {
		--row: 32px;
		padding-top: 30px;
	}

	.mt-phone__search {
		display: none;
	}

	.mt-climb__stage h3 {
		font-size: 1.4rem;
	}

	.mt-climb__stage p:not(.mt-tag) {
		font-size: 1rem;
	}
}

@media (max-width: 767px) {
	.mt-climb.is-live .mt-climb__stick {
		align-items: stretch;
		padding-top: 6px;
	}

	.mt-climb.is-live .mt-climb__layout {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		gap: 18px;
		height: 100%;
	}

	.mt-climb.is-live .mt-climb__stages {
		flex: none;
	}

	.mt-climb.is-live .mt-climb__stage {
		top: 0;
		transform: translateY(30px);
	}

	.mt-climb.is-live .mt-climb__stage.is-on {
		transform: none;
	}

	.mt-climb.is-live .mt-climb__stage.is-past {
		transform: translateY(-30px);
	}

	.mt-climb.is-live .mt-climb__visual {
		flex: 1 1 auto;
		align-items: flex-start;
		min-height: 0;
	}

	.mt-climb.is-compact .mt-phone__search {
		display: none;
	}

	.mt-climb.is-compact .mt-phone__screen {
		padding-top: 30px;
	}

	.mt-climb.is-compact .mt-phone__page2 {
		font-size: 0;
	}
}

@media (max-width: 767px) and (max-height: 700px) {
	.mt-climb__stage h3 {
		font-size: 1.4rem;
	}

	.mt-climb__stage p:not(.mt-tag) {
		font-size: 1rem;
	}
}

@media (max-width: 480px) {
	.mt-climb__visual {
		justify-content: flex-start;
		gap: 12px;
	}

	.mt-rail2 {
		margin-left: calc(106px - var(--gutter));
	}

	.mt-phone__search {
		gap: 6px;
		padding: 0 10px;
		overflow: hidden;
		font-size: .74rem;
		white-space: nowrap;
	}

	.mt-phone__row {
		gap: 6px;
		padding: 0 7px;
	}

	.mt-phone__row--you strong {
		font-size: .72rem;
		white-space: nowrap;
	}

	.mt-rail2__stop {
		font-size: 0;
	}

	.mt-rail2__magni {
		width: 58px;
		margin: 0 0 -20px -29px;
	}

	.mt-phone {
		width: min(220px, calc(100vw - 220px));
	}
}

.mt-services__grid {
	position: relative;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 22px;
}

.mt-card {
	--rx: 0deg;
	--ry: 0deg;
	--cx: 50%;
	--cy: 50%;
	position: relative;
	overflow: hidden;
	padding: 34px 30px 30px;
	border: 1px solid #1f2a1f;
	border-radius: 18px;
	background: linear-gradient(180deg, var(--night-2), #0c120c);
	transform: perspective(900px) rotateX(var(--rx)) rotateY(var(--ry));
	transition: translate .5s var(--soft), border-color .4s var(--ease), box-shadow .4s var(--ease);
}

.mt-card::before {
	content: '';
	position: absolute;
	inset: 0;
	background: radial-gradient(320px circle at var(--cx) var(--cy), rgba(36, 255, 0, .14), transparent 55%);
	opacity: 0;
	transition: opacity .4s var(--ease);
	pointer-events: none;
}

.mt-card.is-hot {
	translate: 0 -6px;
	border-color: rgba(36, 255, 0, .55);
	box-shadow: 0 24px 50px rgba(0, 0, 0, .45);
}

.mt-card.is-hot::before {
	opacity: 1;
}

.mt-card__num {
	position: absolute;
	top: 18px;
	right: 22px;
	color: transparent;
	font-family: 'MT Mark', var(--sans);
	font-size: 3.2rem;
	font-weight: 900;
	letter-spacing: -.04em;
	line-height: 1;
	-webkit-text-stroke: 1px rgba(36, 255, 0, .22);
	transition: -webkit-text-stroke-color .4s var(--ease);
}

.mt-card.is-hot .mt-card__num {
	-webkit-text-stroke-color: rgba(36, 255, 0, .6);
}

.mt-card__icon {
	position: relative;
	display: grid;
	place-items: center;
	width: 52px;
	height: 52px;
	margin-bottom: 22px;
	border-radius: 14px;
	background: rgba(36, 255, 0, .12);
	color: var(--green);
	transition: background-color .4s var(--ease), color .4s var(--ease);
}

.mt-card.is-hot .mt-card__icon {
	background: var(--green);
	color: var(--black);
}

.mt-card__icon .mt-i {
	width: 26px;
	height: 26px;
}

.mt-card h3 {
	position: relative;
	margin-bottom: 10px;
	font-size: 1.22rem;
	letter-spacing: -.02em;
}

.mt-card p {
	position: relative;
	margin: 0;
	font-size: .98rem;
}

.mt-ai {
	position: relative;
	display: flex;
	align-items: center;
	gap: 26px;
	margin-top: 22px;
	padding: 30px 34px;
	border: 1px solid rgba(36, 255, 0, .45);
	border-radius: 18px;
	background: linear-gradient(120deg, rgba(36, 255, 0, .16), rgba(36, 255, 0, .04) 55%, rgba(16, 23, 16, .9));
}

.mt-ai__icon {
	display: grid;
	flex: none;
	place-items: center;
	width: 64px;
	height: 64px;
	border-radius: 18px;
	background: var(--green);
	color: var(--black);
}

.mt-ai__icon .mt-i {
	width: 32px;
	height: 32px;
}

.mt-ai h3 {
	margin-bottom: 8px;
	font-size: 1.35rem;
}

.mt-ai p {
	max-width: 900px;
	margin: 0;
	color: var(--on-dark);
}

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

	.mt-card__num {
		top: 34px;
		right: auto;
		left: 30px;
		line-height: 52px;
	}

	.mt-card__icon {
		margin-left: auto;
	}
}

@media (max-width: 680px) {
	.mt-services__grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.mt-card {
		text-align: center;
	}

	.mt-card__num {
		top: 18px;
		left: 22px;
		line-height: 1;
	}

	.mt-card__icon {
		margin-left: auto;
		margin-right: auto;
	}

	.mt-ai {
		flex-direction: column;
		padding: 28px 22px;
		text-align: center;
	}
}

.mt-quiz {
	overflow: hidden;
	background: #fff;
}

.mt-quiz__grid {
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
	gap: clamp(40px, 6vw, 88px);
	align-items: center;
}

.mt-quiz__grid > * {
	min-width: 0;
}

.mt-quiz__q .mt-h2 {
	margin-bottom: 16px;
}

.mt-quiz__intro {
	max-width: 540px;
	margin-bottom: 22px;
	color: var(--muted);
	font-size: 1.1rem;
}

.mt-quiz__cue {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	margin: 0 0 16px;
	padding: 8px 16px 8px 12px;
	border-radius: 999px;
	background: var(--black);
	color: var(--green);
	font-size: .92rem;
	font-weight: 800;
	line-height: 1.3;
}

.mt-quiz__cue .mt-i {
	width: 20px;
	height: 20px;
	animation: mt-nudge 1.6s ease-in-out infinite;
}

.mt-quiz__list {
	display: grid;
	gap: 12px;
}

.mt-switch,
.mt-addon {
	position: relative;
	display: flex;
	align-items: center;
	gap: 16px;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}

.mt-switch input,
.mt-addon input {
	position: absolute;
	width: 1px;
	height: 1px;
	opacity: 0;
}

.mt-switch__ui {
	position: relative;
	flex: none;
	width: 56px;
	height: 32px;
	border-radius: 999px;
	background: #d7dcd7;
	transition: background-color .3s var(--ease);
}

.mt-switch__ui::after {
	content: '';
	position: absolute;
	left: 4px;
	top: 4px;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .25);
	transition: transform .35s var(--soft), background-color .3s var(--ease);
}

input:checked + .mt-switch__ui {
	background: var(--black);
}

input:checked + .mt-switch__ui::after {
	background: var(--green);
	transform: translateX(24px);
}

.mt-switch__text {
	color: var(--ink);
	font-weight: 600;
	line-height: 1.4;
}

.mt-quiz__list .mt-switch {
	padding: 16px 20px;
	border: 1px solid var(--line);
	border-radius: 16px;
	background: #fff;
	transition: border-color .3s var(--ease), background-color .3s var(--ease), translate .45s var(--soft), box-shadow .3s var(--ease);
}

.mt-quiz__list .mt-switch:has(input:checked) {
	border-color: var(--green-2);
	background: #f3ffef;
}

@media (hover: hover) and (pointer: fine) {
	.mt-quiz__list .mt-switch:hover {
		border-color: var(--black);
		translate: 6px 0;
		box-shadow: var(--shadow-sm);
	}
}

.mt-quiz:not(.is-used) .mt-quiz__list .mt-switch__ui {
	animation: mt-attn 1.8s ease-out infinite;
}

.mt-quiz__list li:nth-child(2) .mt-switch__ui { animation-delay: .3s; }
.mt-quiz__list li:nth-child(3) .mt-switch__ui { animation-delay: .6s; }
.mt-quiz__list li:nth-child(4) .mt-switch__ui { animation-delay: .9s; }
.mt-quiz__list li:nth-child(5) .mt-switch__ui { animation-delay: 1.2s; }

.mt-tap {
	position: absolute;
	left: 52px;
	top: 32px;
	color: var(--black);
	filter: drop-shadow(0 0 2px #fff) drop-shadow(0 0 2px #fff);
	animation: mt-tap 1.4s ease-in-out infinite;
	pointer-events: none;
}

.mt-tap .mt-i {
	width: 26px;
	height: 26px;
}

.mt-quiz.is-used .mt-tap {
	display: none;
}

.mt-score {
	position: relative;
	overflow: hidden;
	padding: 40px 34px 34px;
	border-radius: 28px;
	background: var(--black);
	color: var(--on-dark-soft);
	text-align: center;
	box-shadow: var(--shadow-dark);
}

.mt-score::before {
	content: '';
	position: absolute;
	inset: 0;
	background: radial-gradient(120% 80% at 100% 100%, rgba(36, 255, 0, .9), transparent 60%);
	opacity: 0;
	transition: opacity .7s var(--ease);
	pointer-events: none;
}

.mt-score[data-level="3"]::before {
	opacity: 1;
}

.mt-score > * {
	position: relative;
}

.mt-gauge {
	position: relative;
	width: min(280px, 100%);
	margin: 0 auto 6px;
}

.mt-gauge svg {
	display: block;
	width: 100%;
	height: auto;
}

.mt-gauge__track,
.mt-gauge__fill {
	fill: none;
	stroke-width: 16;
	stroke-linecap: round;
}

.mt-gauge__track {
	stroke: #1f2a1f;
}

.mt-gauge__fill {
	stroke: var(--green);
	stroke-dasharray: 264;
	stroke-dashoffset: var(--off, 264);
	filter: drop-shadow(0 0 8px rgba(36, 255, 0, .6));
	transition: stroke-dashoffset .8s var(--ease);
}

.mt-gauge__num {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 4px;
	margin: 0;
	color: #fff;
	font-size: 3.4rem;
	font-weight: 900;
	letter-spacing: -.05em;
	line-height: 1;
}

.mt-gauge__num small {
	color: var(--on-dark-soft);
	font-size: 1.1rem;
	letter-spacing: 0;
}

.mt-score__magni {
	width: 150px;
	margin: 6px auto 4px;
}

.mt-score__magni img {
	width: 100%;
	filter: drop-shadow(0 12px 16px rgba(0, 0, 0, .4));
}

.mt-score__magni img.is-swap {
	animation: mt-pop .5s var(--soft) 1;
}

.mt-score__title {
	margin-bottom: 8px;
	color: #fff;
	font-size: 1.55rem;
}

.mt-score__msg {
	max-width: 400px;
	margin: 0 auto 22px;
}

@media (max-width: 960px) {
	.mt-quiz__grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.mt-quiz__q {
		text-align: center;
	}

	.mt-quiz__intro {
		margin-left: auto;
		margin-right: auto;
	}

	.mt-quiz__list {
		max-width: 620px;
		margin: 0 auto;
		text-align: left;
	}

	.mt-score {
		max-width: 520px;
		margin: 0 auto;
	}
}

@media (max-width: 420px) {
	.mt-quiz__list .mt-switch {
		gap: 12px;
		padding: 14px;
	}

	.mt-score {
		padding: 32px 20px 26px;
	}
}

.mt-addon-cta {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-top: 34px;
}

.mt-addon-cta__magni {
	position: relative;
	flex: none;
	width: 104px;
	margin-bottom: -14px;
}

.mt-addon-cta__magni img {
	width: 100%;
	transform-origin: 50% 90%;
	filter: drop-shadow(0 10px 12px rgba(0, 0, 0, .18));
	animation: mt-wave 3s ease-in-out infinite;
}

.mt-say {
	position: absolute;
	z-index: 3;
	right: 60%;
	bottom: 84%;
	pointer-events: none;
}

.mt-bubble {
	position: relative;
	margin: 0;
	padding: 10px 16px;
	border-radius: 16px 16px 4px 16px;
	background: #fff;
	color: var(--black);
	font-size: .95rem;
	font-weight: 800;
	line-height: 1.3;
	white-space: nowrap;
	box-shadow: 0 12px 30px rgba(0, 0, 0, .2);
	transform-origin: 100% 100%;
}

.mt-say.is-go .mt-bubble {
	animation: mt-psst 6s var(--ease) infinite, mt-float 2.4s ease-in-out infinite;
}

.mt-burst {
	position: absolute;
	inset: 0;
}

.mt-burst i {
	position: absolute;
	width: 14px;
	height: 3px;
	margin-top: -1.5px;
	border-radius: 3px;
	background: var(--green-2);
	opacity: 0;
	transform-origin: 0 50%;
}

.mt-burst i:nth-child(1) { --a: 100deg; left: 40%; top: 129%; }
.mt-burst i:nth-child(2) { --a: 140deg; left: 7%; top: 101%; }
.mt-burst i:nth-child(3) { --a: 180deg; left: -6%; top: 50%; }
.mt-burst i:nth-child(4) { --a: 220deg; left: 7%; top: -1%; }
.mt-burst i:nth-child(5) { --a: 260deg; left: 40%; top: -29%; }
.mt-burst i:nth-child(6) { --a: 300deg; left: 78%; top: -19%; }
.mt-burst i:nth-child(7) { --a: 340deg; left: 102%; top: 23%; }

.mt-say.is-go .mt-burst i {
	animation: mt-psst-line 6s ease-out infinite;
}

.mt-plans.has-site .mt-say.is-go .mt-bubble {
	animation-iteration-count: 1, infinite;
}

.mt-plans.has-site .mt-say.is-go .mt-burst i {
	animation-iteration-count: 1;
}

.mt-addon {
	padding: 14px 26px 14px 16px;
	border: 2px solid var(--black);
	border-radius: 999px;
	background: #fff;
	color: var(--ink);
	font-weight: 700;
	line-height: 1.35;
	text-align: left;
	box-shadow: var(--shadow-sm);
	animation: mt-attn 1.8s ease-out infinite;
	transition: background-color .3s var(--ease);
}

.mt-addon:has(input:checked) {
	background: var(--green);
	animation: none;
}

.mt-addon .mt-tap {
	left: 50px;
	top: 32px;
}

.mt-addon:has(input:checked) .mt-tap {
	display: none;
}

.mt-plans__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 20px;
	align-items: stretch;
}

.mt-plan {
	--rx: 0deg;
	--ry: 0deg;
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 34px 26px 28px;
	border: 1px solid var(--line);
	border-radius: 24px;
	background: #fff;
	box-shadow: var(--shadow-sm);
	transform: perspective(1000px) rotateX(var(--rx)) rotateY(var(--ry));
	transition: translate .5s var(--soft), box-shadow .5s var(--ease);
}

.mt-plan.is-hot {
	translate: 0 -8px;
	box-shadow: var(--shadow);
}

.mt-plan--feature {
	isolation: isolate;
	border: 0;
	background: var(--black);
	color: var(--on-dark-soft);
	box-shadow: var(--shadow-dark);
}

.mt-plan--feature::before {
	content: '';
	position: absolute;
	z-index: -2;
	inset: -3px;
	border-radius: 27px;
	background: conic-gradient(from var(--spin, 0deg), var(--green), #0a3d00 25%, var(--green) 50%, #0a3d00 75%, var(--green));
	animation: mt-border-spin 5s linear infinite;
}

.mt-plan--feature::after {
	content: '';
	position: absolute;
	z-index: -1;
	inset: 0;
	border-radius: 24px;
	background: var(--black);
}

.mt-plan--feature.is-hot {
	box-shadow: var(--shadow-dark);
}

.mt-plan__tag {
	position: absolute;
	top: -14px;
	left: 50%;
	padding: 6px 14px;
	border-radius: 999px;
	background: var(--green);
	color: var(--black);
	font-size: .74rem;
	font-weight: 800;
	letter-spacing: .08em;
	line-height: 1.3;
	text-transform: uppercase;
	white-space: nowrap;
	box-shadow: 0 8px 18px rgba(0, 0, 0, .25);
	transform: translateX(-50%);
}

.mt-plan__name {
	margin-bottom: 12px;
	font-size: 1.28rem;
	letter-spacing: -.02em;
}

.mt-plan--feature .mt-plan__name {
	color: #fff;
}

.mt-plan__price {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 4px;
	margin: 0 0 12px;
}

.mt-plan__price strong {
	color: var(--ink);
	font-size: clamp(2.2rem, 2.8vw, 2.7rem);
	font-weight: 850;
	letter-spacing: -.05em;
	line-height: 1;
}

.mt-plan--feature .mt-plan__price strong {
	color: var(--green);
}

.mt-plan__price span {
	color: var(--muted);
	font-weight: 600;
}

.mt-plan--feature .mt-plan__price span {
	color: var(--on-dark-soft);
}

.mt-plan__for {
	min-height: 4.6em;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid var(--line);
	font-size: .95rem;
	line-height: 1.55;
}

.mt-plan--feature .mt-plan__for {
	border-color: rgba(255, 255, 255, .12);
}

.mt-plan__list {
	display: grid;
	gap: 11px;
	margin-bottom: 28px;
}

.mt-plan__list li {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	color: var(--ink);
	font-size: .94rem;
	font-weight: 500;
	line-height: 1.45;
}

.mt-plan--feature .mt-plan__list li {
	color: #fff;
}

.mt-plan__list .mt-i {
	box-sizing: content-box;
	width: 14px;
	height: 14px;
	margin-top: 1px;
	padding: 3px;
	border-radius: 50%;
	background: var(--green);
	color: var(--black);
}

.mt-plan__extra {
	display: none !important;
}

.mt-plans.has-site .mt-plan__extra {
	display: flex !important;
	margin: -4px -10px 0;
	padding: 8px 10px;
	border-radius: 10px;
	background: var(--green);
	color: var(--black) !important;
	font-weight: 800 !important;
	animation: mt-extra-in .55s var(--soft);
}

.mt-plans.has-site .mt-plan__extra .mt-i {
	margin-top: 0;
	background: var(--black);
	color: var(--green);
}

.mt-plan__list .mt-plan__extra {
	align-items: center;
}

.mt-plan__extra-text {
	display: grid;
}

.mt-plan__extra-text > span {
	white-space: nowrap;
}

.mt-plan .mt-btn {
	width: 100%;
	margin-top: auto;
}

@media (max-width: 1199px) {
	.mt-plans__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 28px 22px;
		max-width: 820px;
		margin: 0 auto;
	}
}

@media (max-width: 900px) {
	.mt-addon-cta {
		flex-direction: column;
		gap: 0;
	}

	.mt-addon-cta__magni {
		width: 86px;
		margin: 0 0 -8px;
		padding-top: 52px;
	}

	.mt-say {
		right: 46%;
		bottom: calc(100% - 56px);
	}

	.mt-bubble {
		width: max-content;
		max-width: 150px;
		padding: 8px 13px;
		font-size: .84rem;
		white-space: normal;
	}

	.mt-addon {
		padding: 12px 18px 12px 12px;
	}

	.mt-addon .mt-tap {
		left: 44px;
		top: 30px;
	}
}

@media (max-width: 380px) {
	.mt-say {
		right: 30%;
	}
}

@media (max-width: 680px) {
	.mt-plans__grid {
		grid-template-columns: minmax(0, 1fr);
		max-width: 460px;
	}

	.mt-plan {
		text-align: center;
	}

	.mt-plan__price {
		justify-content: center;
	}

	.mt-plan__for {
		min-height: 0;
	}

	.mt-plan__list {
		width: fit-content;
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	.mt-plan__list li {
		text-align: left;
	}
}

.mt-nd {
	padding-top: clamp(56px, 7vw, 96px);
	padding-bottom: clamp(56px, 7vw, 96px);
}

.mt-nd__panel {
	position: relative;
	overflow: hidden;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 48px;
	align-items: center;
	padding: clamp(36px, 5vw, 64px);
	border-radius: 32px;
	background: var(--green);
	color: var(--black);
}

.mt-nd__panel::before {
	content: '';
	position: absolute;
	right: -60px;
	top: 40%;
	width: 520px;
	height: 220px;
	border-left: 54px solid rgba(0, 0, 0, .07);
	border-bottom: 54px solid rgba(0, 0, 0, .07);
	transform: rotate(-45deg);
	pointer-events: none;
}

.mt-nd__panel > * {
	position: relative;
	min-width: 0;
}

.mt-nd .mt-h2 {
	margin-bottom: 18px;
	color: var(--black);
}

.mt-nd__price {
	display: inline-block;
	padding: 0 .2em;
	border-radius: .14em;
	background: var(--black);
	color: var(--green);
	transform: rotate(-3deg);
}

.mt-nd__copy > p:not(.mt-eyebrow) {
	max-width: 520px;
	margin-bottom: 28px;
	color: #102010;
	font-size: 1.08rem;
	font-weight: 500;
}

.mt-nd .mt-btn--dark {
	--sweep: #fff;
}

.mt-nd__art {
	padding: 0 0 40px 30px;
}

.mt-build {
	position: relative;
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 30px 60px rgba(0, 0, 0, .28);
	transform: rotate(2deg);
}

.mt-build__bar {
	display: flex;
	align-items: center;
	gap: 12px;
	height: 38px;
	padding: 0 14px;
	border-bottom: 1px solid #eceeec;
	border-radius: 16px 16px 0 0;
	background: #f6f7f6;
}

.mt-build__dots {
	display: flex;
	gap: 6px;
}

.mt-build__dots i {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #28c840;
}

.mt-build__dots i:first-child {
	background: #ff5f57;
}

.mt-build__dots i:nth-child(2) {
	background: #febc2e;
}

.mt-build__url {
	flex: 1;
	max-width: 220px;
	height: 22px;
	padding: 0 12px;
	border-radius: 999px;
	background: #fff;
	color: #6b716b;
	font-size: .75rem;
	font-weight: 600;
	line-height: 22px;
}

.mt-build__page {
	display: grid;
	gap: 14px;
	min-height: 270px;
	padding: 16px;
}

.mt-build__page > span {
	display: flex;
	gap: 10px;
}

.mt-build__nav {
	align-items: center;
}

.mt-build__nav b {
	width: 54px;
	height: 18px;
	margin-right: auto;
	border-radius: 5px;
	background: var(--black);
}

.mt-build__nav i {
	width: 34px;
	height: 7px;
	border-radius: 7px;
	background: #c9cec9;
}

.mt-build__nav em {
	width: 58px;
	height: 22px;
	border-radius: 999px;
	background: var(--green);
}

.mt-build__hero {
	flex-direction: column;
	gap: 9px;
	padding: 18px;
	border-radius: 12px;
	background: #0d120d;
}

.mt-build__hero b {
	width: 70%;
	height: 14px;
	border-radius: 6px;
	background: #fff;
}

.mt-build__hero i {
	width: 88%;
	height: 7px;
	border-radius: 6px;
	background: #3c463c;
}

.mt-build__hero em {
	width: 84px;
	height: 24px;
	margin-top: 4px;
	border-radius: 999px;
	background: var(--green);
}

.mt-build__cards i {
	flex: 1;
	height: 62px;
	border: 1px solid #e6e9e6;
	border-radius: 10px;
	background: #f7f8f7;
}

.mt-build.is-building .mt-build__nav,
.mt-build.is-building .mt-build__hero > *,
.mt-build.is-building .mt-build__cards i {
	animation: mt-block-in .55s var(--soft) both;
}

.mt-build.is-building .mt-build__hero {
	animation: mt-block-grow .6s var(--ease) both;
	animation-delay: .3s;
}

.mt-build.is-building .mt-build__nav { animation-delay: .05s; }
.mt-build.is-building .mt-build__hero > :nth-child(1) { animation-delay: .65s; }
.mt-build.is-building .mt-build__hero > :nth-child(2) { animation-delay: .8s; }
.mt-build.is-building .mt-build__hero > :nth-child(3) { animation-delay: .95s; }
.mt-build.is-building .mt-build__cards i:nth-child(1) { animation-delay: 1.15s; }
.mt-build.is-building .mt-build__cards i:nth-child(2) { animation-delay: 1.3s; }
.mt-build.is-building .mt-build__cards i:nth-child(3) { animation-delay: 1.45s; }

.mt-nd__magni {
	position: absolute;
	left: 0;
	bottom: 0;
	overflow: hidden;
	width: clamp(110px, 10vw, 140px);
	aspect-ratio: 1;
	border: 3px solid var(--black);
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 14px 30px rgba(0, 0, 0, .25);
}

.mt-nd__magni video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scale(1.12);
}

.mt-nd__badge {
	position: absolute;
	right: -6px;
	top: 46px;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin: 0;
	padding: 8px 14px;
	border: 2px solid var(--black);
	border-radius: 999px;
	background: #fff;
	color: var(--black);
	font-size: .85rem;
	font-weight: 900;
	letter-spacing: .04em;
	text-transform: uppercase;
	box-shadow: 0 10px 20px rgba(0, 0, 0, .2);
	transform: rotate(8deg);
}

.mt-nd__badge .mt-i {
	width: 18px;
	height: 18px;
	color: var(--green-2);
}

@media (max-width: 960px) {
	.mt-nd__panel {
		grid-template-columns: minmax(0, 1fr);
		text-align: center;
	}

	.mt-nd__copy > p:not(.mt-eyebrow) {
		margin-left: auto;
		margin-right: auto;
	}

	.mt-nd__art {
		max-width: 480px;
		width: 100%;
		margin: 0 auto;
	}
}

@media (max-width: 520px) {
	.mt-nd__art {
		padding: 0 0 44px 14px;
	}

	.mt-nd__badge {
		right: 0;
		top: -12px;
		font-size: .75rem;
	}

	.mt-build__page {
		min-height: 220px;
	}
}

.mt-steps__list {
	position: relative;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 36px;
}

.mt-steps__list::before,
.mt-steps__list::after {
	content: '';
	position: absolute;
	top: 32px;
	left: 16%;
	right: 16%;
	border-top: 2px dashed rgba(36, 255, 0, .3);
}

.mt-steps__list::after {
	border-top: 2px solid var(--green);
	transform: scaleX(0);
	transform-origin: 0 50%;
	transition: transform 1.4s var(--ease) .3s;
}

.mt-steps__list.is-in::after {
	transform: scaleX(1);
}

.mt-step {
	position: relative;
	text-align: center;
}

.mt-step__num {
	position: relative;
	z-index: 1;
	display: grid;
	place-items: center;
	width: 64px;
	height: 64px;
	margin: 0 auto 22px;
	border: 2px solid var(--green);
	border-radius: 50%;
	background: var(--night);
	color: var(--green);
	font-size: 1.4rem;
	font-weight: 900;
	box-shadow: 0 0 0 8px var(--night);
}

.mt-step h3 {
	margin-bottom: 10px;
	font-size: 1.25rem;
}

.mt-step p {
	max-width: 340px;
	margin: 0 auto;
}

@media (max-width: 860px) {
	.mt-steps__list {
		grid-template-columns: minmax(0, 1fr);
		gap: 34px;
		max-width: 560px;
		margin: 0 auto;
	}

	.mt-steps__list::before,
	.mt-steps__list::after {
		top: 26px;
		bottom: 26px;
		left: 25px;
		right: auto;
		border-top: 0;
		border-left: 2px dashed rgba(36, 255, 0, .3);
	}

	.mt-steps__list::after {
		border-left: 2px solid var(--green);
		transform: scaleY(0);
		transform-origin: 50% 0;
	}

	.mt-steps__list.is-in::after {
		transform: scaleY(1);
	}

	.mt-step {
		display: grid;
		grid-template-columns: 52px minmax(0, 1fr);
		column-gap: 18px;
		text-align: left;
	}

	.mt-step__num {
		grid-row: 1 / span 2;
		width: 52px;
		height: 52px;
		margin: 0;
		font-size: 1.2rem;
	}

	.mt-step h3 {
		grid-column: 2;
		margin: 12px 0 8px;
	}

	.mt-step p {
		grid-column: 2;
		max-width: none;
		margin: 0;
	}
}

.mt-reviews__score {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 10px 14px;
	margin: 18px 0 0;
	color: var(--muted);
	font-weight: 600;
}

.mt-reviews__score strong {
	color: var(--ink);
	font-size: 2.2rem;
	font-weight: 900;
	letter-spacing: -.04em;
	line-height: 1;
}

.mt-reviews__score .mt-i {
	width: 24px;
	height: 24px;
}

.mt-reviews__list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 26px;
	max-width: 1080px;
	margin: 0 auto;
}

.mt-quote {
	--rx: 0deg;
	--ry: 0deg;
	position: relative;
	padding: 34px 34px 28px;
	border-radius: 22px;
	background: #fff;
	box-shadow: var(--shadow-sm);
	transform: perspective(1000px) rotateX(var(--rx)) rotateY(var(--ry));
	transition: translate .5s var(--soft), box-shadow .5s var(--ease);
}

.mt-quote.is-hot {
	translate: 0 -6px;
	box-shadow: var(--shadow);
}

.mt-quote__mark {
	position: absolute;
	top: 10px;
	right: 26px;
	color: var(--green-2);
	font-size: 5rem;
	font-weight: 900;
	line-height: 1;
}

.mt-quote .mt-stars {
	margin-bottom: 16px;
}

.mt-quote blockquote p {
	margin-bottom: 22px;
	color: var(--ink);
	font-size: 1.06rem;
}

.mt-quote figcaption {
	display: flex;
	align-items: center;
	gap: 14px;
}

.mt-quote figcaption img {
	width: 52px;
	height: 52px;
	border: 2px solid var(--green);
	border-radius: 50%;
	object-fit: cover;
}

.mt-quote figcaption span {
	display: grid;
	line-height: 1.3;
}

.mt-quote figcaption strong {
	color: var(--ink);
}

.mt-quote figcaption em {
	color: var(--muted);
	font-size: .9rem;
	font-style: normal;
}

@media (max-width: 860px) {
	.mt-reviews__list {
		grid-template-columns: minmax(0, 1fr);
		max-width: 620px;
	}
}

@media (max-width: 680px) {
	.mt-quote {
		padding: 30px 22px 24px;
		text-align: center;
	}

	.mt-quote figcaption {
		justify-content: center;
		text-align: left;
	}
}

.mt-faq__grid {
	display: grid;
	grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
	gap: clamp(32px, 5vw, 72px);
	align-items: start;
}

.mt-faq__grid > * {
	min-width: 0;
}

.mt-faq__intro {
	position: sticky;
	top: calc(var(--head) + 32px);
}

.mt-faq__intro .mt-h2 {
	margin-bottom: 18px;
}

.mt-faq__intro a,
.mt-qa__body a {
	color: var(--green-ink);
	font-weight: 700;
	text-decoration: underline;
	text-decoration-color: var(--green);
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;
}

.mt-faq__list {
	display: grid;
	gap: 12px;
}

.mt-qa {
	border: 1px solid var(--line);
	border-radius: 16px;
	background: #fff;
	transition: border-color .3s var(--ease), box-shadow .3s var(--ease);
}

.mt-qa[open] {
	border-color: var(--black);
	box-shadow: var(--shadow-sm);
}

.mt-qa summary {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 20px 22px;
	color: var(--ink);
	font-size: 1.05rem;
	font-weight: 700;
	line-height: 1.4;
	list-style: none;
	cursor: pointer;
}

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

.mt-qa__icon {
	position: relative;
	flex: none;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: var(--gray);
	transition: background-color .3s var(--ease), transform .4s var(--soft);
}

.mt-qa__icon::before,
.mt-qa__icon::after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 12px;
	height: 2px;
	margin: -1px 0 0 -6px;
	border-radius: 2px;
	background: var(--ink);
	transition: transform .4s var(--soft), background-color .3s var(--ease);
}

.mt-qa__icon::after {
	transform: rotate(90deg);
}

.mt-qa[open] .mt-qa__icon {
	background: var(--black);
	transform: rotate(180deg);
}

.mt-qa[open] .mt-qa__icon::before,
.mt-qa[open] .mt-qa__icon::after {
	background: var(--green);
}

.mt-qa[open] .mt-qa__icon::after {
	transform: rotate(0deg);
}

.mt-qa__body {
	overflow: hidden;
}

.mt-qa__body p {
	margin: 0;
	padding: 0 22px 22px;
}

@media (hover: hover) and (pointer: fine) {
	.mt-qa:not([open]):hover {
		border-color: var(--black);
	}

	.mt-qa summary:hover .mt-qa__icon {
		background: var(--green);
	}
}

@media (max-width: 960px) {
	.mt-faq__grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.mt-faq__intro {
		position: static;
		max-width: 640px;
		margin: 0 auto;
		text-align: center;
	}
}

.mt-contact__grid {
	display: grid;
	grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
	gap: clamp(36px, 5vw, 72px);
	align-items: center;
}

.mt-contact__grid > * {
	min-width: 0;
}

.mt-contact__copy .mt-h2 {
	margin-bottom: 18px;
}

.mt-contact__copy > p:not(.mt-eyebrow) {
	max-width: 480px;
	font-size: 1.1rem;
}

.mt-contact__mail {
	display: inline-flex;
	align-items: center;
	gap: 14px;
	margin-top: 8px;
	padding: 14px 20px 14px 14px;
	border: 1px solid rgba(255, 255, 255, .12);
	border-radius: 18px;
	background: rgba(255, 255, 255, .04);
	color: #fff;
	text-decoration: none;
	transition: border-color .3s var(--ease), background-color .3s var(--ease);
}

.mt-contact__mail-icon {
	display: grid;
	flex: none;
	place-items: center;
	width: 44px;
	height: 44px;
	border-radius: 12px;
	background: var(--green);
	color: var(--black);
}

.mt-contact__mail span:last-child {
	display: grid;
	line-height: 1.35;
	text-align: left;
}

.mt-contact__mail em {
	color: var(--on-dark-soft);
	font-size: .85rem;
	font-style: normal;
}

.mt-contact__mail strong {
	overflow-wrap: anywhere;
}

@media (hover: hover) and (pointer: fine) {
	.mt-contact__mail:hover {
		border-color: var(--green);
		background: rgba(36, 255, 0, .08);
	}
}

.mt-helper {
	position: relative;
	width: 170px;
	margin-top: 70px;
}

.mt-helper img {
	width: 100%;
	filter: drop-shadow(0 16px 20px rgba(0, 0, 0, .5));
	animation: mt-bob 3s ease-in-out infinite;
}

.mt-helper.is-happy img {
	animation: mt-cheer .9s var(--ease) 1;
}

.mt-bubble--helper {
	position: absolute;
	z-index: 2;
	left: 62%;
	bottom: 88%;
	border-radius: 16px 16px 16px 4px;
	transform-origin: 0 100%;
}

.mt-bubble--helper.is-pop {
	animation: mt-pop .45s var(--soft) 1;
}

.mt-form {
	padding: clamp(24px, 3vw, 36px);
	border-radius: 24px;
	background: #fff;
	color: var(--text);
	box-shadow: var(--shadow-dark);
}

.mt-form__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px 18px;
	margin-bottom: 20px;
}

.mt-form__row {
	display: grid;
	gap: 7px;
	grid-column: 1 / -1;
	margin: 0;
}

.mt-form__row--half {
	grid-column: auto;
}

.mt-form__row label:not(.mt-switch) {
	color: var(--ink);
	font-size: .9rem;
	font-weight: 700;
}

.mt-form__row b {
	color: #c62828;
}

.mt-form input:not([type="checkbox"]),
.mt-form select,
.mt-form textarea {
	width: 100%;
	min-height: 50px;
	padding: 12px 14px;
	border: 1px solid #d6dbd6;
	border-radius: 12px;
	background: #f8faf8;
	color: var(--ink);
	font-size: 1rem;
	transition: border-color .25s var(--ease), box-shadow .25s var(--ease), background-color .25s var(--ease);
}

.mt-form textarea {
	min-height: 110px;
	resize: vertical;
}

.mt-form input:not([type="checkbox"]):focus,
.mt-form select:focus,
.mt-form textarea:focus {
	border-color: var(--green-2);
	background: #fff;
	outline: 0;
	box-shadow: 0 0 0 3px rgba(36, 255, 0, .25);
}

.mt-form .is-invalid {
	border-color: #c62828;
	animation: mt-shake .4s var(--ease) 1;
}

.mt-form__set {
	grid-column: 1 / -1;
	min-width: 0;
	margin: 0;
	padding: 0;
	border: 0;
}

.mt-form__set legend {
	margin-bottom: 7px;
	padding: 0;
	color: var(--ink);
	font-size: .9rem;
	font-weight: 700;
}

.mt-checks {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}

.mt-check {
	position: relative;
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: 50px;
	padding: 12px 14px;
	border: 1px solid #d6dbd6;
	border-radius: 12px;
	background: #f8faf8;
	color: var(--ink);
	font-size: .95rem;
	font-weight: 600;
	line-height: 1.3;
	cursor: pointer;
	transition: border-color .25s var(--ease), background-color .25s var(--ease), box-shadow .25s var(--ease);
}

.mt-check input {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: 0;
	opacity: 0;
}

.mt-check__box {
	display: grid;
	flex: none;
	place-items: center;
	width: 22px;
	height: 22px;
	border: 2px solid #b9c0b9;
	border-radius: 6px;
	background: #fff;
	color: transparent;
	transition: background-color .2s var(--ease), border-color .2s var(--ease), color .2s var(--ease);
}

.mt-check__box .mt-i {
	width: 14px;
	height: 14px;
}

.mt-check:has(input:checked) {
	border-color: var(--green-2);
	background: #fff;
	box-shadow: 0 0 0 3px rgba(36, 255, 0, .18);
}

.mt-check input:checked + .mt-check__box {
	border-color: var(--green-2);
	background: var(--green);
	color: var(--black);
}

.mt-check input:focus-visible + .mt-check__box {
	outline: 3px solid var(--green-2);
	outline-offset: 2px;
}

@media (hover: hover) and (pointer: fine) {
	.mt-check:hover {
		border-color: #b9c0b9;
	}

	.mt-check:has(input:checked):hover {
		border-color: var(--green-2);
	}
}

@media (max-width: 420px) {
	.mt-checks {
		grid-template-columns: minmax(0, 1fr);
	}
}

.mt-switch--form {
	padding: 12px 14px;
	border: 1px solid #d6dbd6;
	border-radius: 12px;
	background: #f8faf8;
}

.mt-switch--form .mt-switch__text {
	font-size: .95rem;
}

.mt-form__send {
	width: 100%;
}

.mt-form__send:disabled {
	opacity: .7;
	cursor: wait;
}

.mt-form__note {
	min-height: 1.6em;
	margin: 14px 0 0;
	color: var(--ink);
	font-weight: 600;
	text-align: center;
}

@media (max-width: 960px) {
	.mt-contact__grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.mt-contact__copy {
		text-align: center;
	}

	.mt-contact__copy > p:not(.mt-eyebrow) {
		margin-left: auto;
		margin-right: auto;
	}

	.mt-helper {
		width: 150px;
		margin: 70px auto 0;
	}

	.mt-form {
		max-width: 640px;
		width: 100%;
		margin: 0 auto;
	}
}

@media (max-width: 520px) {
	.mt-form__grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.mt-form__row--half {
		grid-column: 1 / -1;
	}

	.mt-bubble--helper {
		left: 58%;
	}
}

.mt-footer {
	position: relative;
	overflow: hidden;
	padding-bottom: 28px;
	background: var(--black);
	color: var(--on-dark-soft);
}

.mt-footer__mark {
	position: relative;
	padding-top: 60px;
	text-align: center;
}

.mt-footer__word {
	display: flex;
	justify-content: center;
	margin: 0;
	color: transparent;
	font-family: 'MT Mark', var(--sans);
	font-size: clamp(3.4rem, 15.6vw, 15rem);
	font-weight: 900;
	letter-spacing: -.05em;
	line-height: .82;
	-webkit-text-stroke: 1px rgba(36, 255, 0, .35);
	user-select: none;
}

.mt-footer__word span {
	display: inline-block;
	animation: mt-word-fill 4.5s var(--ease) infinite;
	animation-delay: calc(var(--i) * .25s);
}

.mt-footer__grid {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(0, 1.3fr) minmax(0, .8fr) minmax(0, 1fr);
	gap: 40px;
	padding-top: 44px;
	padding-bottom: 40px;
	border-top: 1px solid rgba(255, 255, 255, .08);
}

.mt-footer__logo {
	display: inline-block;
	vertical-align: top;
}

.mt-footer__logo img {
	width: auto;
	height: 48px;
}

.mt-footer__brand p {
	max-width: 340px;
	margin: 18px 0 18px;
}

.mt-footer__social a {
	display: grid;
	place-items: center;
	width: 38px;
	height: 38px;
	border: 1px solid rgba(255, 255, 255, .14);
	border-radius: 50%;
	color: #fff;
	transition: background-color .25s var(--ease), color .25s var(--ease), border-color .25s var(--ease);
}

.mt-footer__social .mt-i {
	width: 18px;
	height: 18px;
}

.mt-footer__title {
	margin-bottom: 16px;
	color: #fff;
	font-size: 1rem;
	letter-spacing: 0;
}

.mt-footer__links ul {
	display: grid;
	gap: 10px;
}

.mt-footer__links a,
.mt-footer__mail {
	color: var(--on-dark-soft);
	text-decoration: none;
	transition: color .25s var(--ease);
}

.mt-footer__touch p {
	margin-bottom: 14px;
}

.mt-footer__mail {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 18px;
	color: #fff;
	font-weight: 600;
	overflow-wrap: anywhere;
}

.mt-footer__mail .mt-i {
	color: var(--green);
}

.mt-footer__base {
	padding-top: 22px;
	padding-left: 84px;
	padding-right: 84px;
	border-top: 1px solid rgba(255, 255, 255, .08);
	font-size: .9rem;
	text-align: center;
}

.mt-footer__base p {
	margin: 0;
}

.mt-footer__base .mt-footer__legal {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0 24px;
	margin-top: 6px;
}

.mt-footer__legal a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	color: var(--on-dark-soft);
	text-decoration: none;
	transition: color .25s var(--ease);
}

@media (hover: hover) and (pointer: fine) {
	.mt-footer__social a:hover {
		border-color: var(--green);
		background: var(--green);
		color: var(--black);
	}

	.mt-footer__links a:hover,
	.mt-footer__legal a:hover,
	.mt-footer__mail:hover {
		color: var(--green);
	}
}

@media (max-width: 860px) {
	.mt-footer__grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 0;
		padding-top: 0;
		text-align: center;
	}

	.mt-footer__grid > * {
		padding: 30px 0;
	}

	.mt-footer__grid > * + * {
		border-top: 1px solid rgba(255, 255, 255, .08);
	}

	.mt-footer__brand p {
		margin-left: auto;
		margin-right: auto;
	}

	.mt-footer__social {
		justify-content: center;
	}

	.mt-footer__links ul {
		grid-template-columns: repeat(2, minmax(0, max-content));
		justify-content: center;
		gap: 10px 28px;
	}

	.mt-footer__touch p {
		max-width: 420px;
		margin-left: auto;
		margin-right: auto;
	}

	.mt-footer__mail {
		display: flex;
		width: fit-content;
		margin-left: auto;
		margin-right: auto;
	}

	.mt-footer__base {
		padding-bottom: 8px;
	}
}

@media (max-width: 767px) {
	.mt-footer__links ul {
		gap: 0 28px;
	}

	.mt-footer__links a {
		display: inline-flex;
		align-items: center;
		min-height: 44px;
	}

	.mt-footer__mail {
		min-height: 44px;
	}

	.mt-footer__mail {
		margin-bottom: 10px;
	}
}

.mt-rail {
	position: fixed;
	z-index: 70;
	right: 18px;
	bottom: 18px;
	display: grid;
	justify-items: end;
	gap: 10px;
	opacity: 0;
	visibility: hidden;
	transform: translateY(16px);
	transition: opacity .35s var(--ease), transform .45s var(--soft), visibility .35s;
}

.mt-rail.is-visible {
	opacity: 1;
	visibility: visible;
	transform: none;
}

.mt-rail__btn {
	display: flex;
	align-items: center;
	height: 56px;
	padding: 0 16px;
	overflow: hidden;
	border: 2px solid var(--green);
	border-radius: 999px;
	background: var(--black);
	color: var(--green);
	font-weight: 800;
	white-space: nowrap;
	text-decoration: none;
	box-shadow: 0 10px 24px rgba(0, 0, 0, .3);
	transition: background-color .3s var(--ease), color .3s var(--ease);
}

.mt-rail__btn--green {
	background: var(--green);
	color: var(--black);
}

.mt-rail__btn .mt-i {
	width: 22px;
	height: 22px;
}

.mt-rail__btn span {
	display: inline-block;
	max-width: 0;
	padding-left: 0;
	overflow: hidden;
	opacity: 0;
	transition: max-width .45s var(--soft), padding-left .45s var(--soft), opacity .3s var(--ease);
}

@media (hover: hover) and (pointer: fine) {
	.mt-rail__btn:hover span,
	.mt-rail__btn:focus-visible span {
		max-width: 180px;
		padding-left: 10px;
		padding-right: 4px;
		opacity: 1;
	}
}

.mt-totop {
	position: fixed;
	z-index: 70;
	left: 18px;
	bottom: 18px;
	display: grid;
	place-items: center;
	width: 48px;
	height: 48px;
	padding: 0;
	border: 1px solid rgba(255, 255, 255, .2);
	border-radius: 50%;
	background: var(--black);
	color: #fff;
	cursor: pointer;
	box-shadow: 0 10px 24px rgba(0, 0, 0, .3);
	opacity: 0;
	visibility: hidden;
	transform: translateY(16px);
	transition: opacity .35s var(--ease), transform .45s var(--soft), visibility .35s, background-color .25s var(--ease), color .25s var(--ease);
}

.mt-totop.is-visible {
	opacity: 1;
	visibility: visible;
	transform: none;
}

.mt-totop .mt-i {
	width: 22px;
	height: 22px;
}

@media (hover: hover) and (pointer: fine) {
	.mt-totop:hover {
		background: var(--green);
		color: var(--black);
	}
}

.mt-confetti {
	position: fixed;
	z-index: 120;
	inset: 0;
	overflow: hidden;
	pointer-events: none;
}

.mt-confetti i {
	position: absolute;
	top: 0;
	left: 0;
	width: 9px;
	height: 14px;
	border-radius: 2px;
}

.mt-js [data-mt-reveal] > * {
	opacity: 0;
}

.mt-js [data-mt-reveal].is-in > * {
	opacity: 1;
	animation: mt-rise .8s var(--ease) backwards;
}

.mt-js [data-mt-reveal].is-in > :nth-child(2) { animation-delay: .08s; }
.mt-js [data-mt-reveal].is-in > :nth-child(3) { animation-delay: .16s; }
.mt-js [data-mt-reveal].is-in > :nth-child(4) { animation-delay: .24s; }
.mt-js [data-mt-reveal].is-in > :nth-child(5) { animation-delay: .32s; }
.mt-js [data-mt-reveal].is-in > :nth-child(6) { animation-delay: .4s; }

.mt-js .mt-steps__list[data-mt-reveal] > .mt-step,
.mt-js .mt-steps__list[data-mt-reveal].is-in > .mt-step {
	opacity: 1;
	animation: none;
}

.mt-js .mt-steps__list[data-mt-reveal] .mt-step > :not(.mt-step__num) {
	opacity: 0;
}

.mt-js .mt-steps__list[data-mt-reveal].is-in .mt-step > :not(.mt-step__num) {
	opacity: 1;
	animation: mt-rise .8s var(--ease) backwards;
}

.mt-js .mt-steps__list[data-mt-reveal].is-in .mt-step:nth-child(2) > :not(.mt-step__num) { animation-delay: .08s; }
.mt-js .mt-steps__list[data-mt-reveal].is-in .mt-step:nth-child(3) > :not(.mt-step__num) { animation-delay: .16s; }

@keyframes mt-rise {
	from {
		opacity: 0;
		translate: 0 26px;
	}

	to {
		opacity: 1;
		translate: 0 0;
	}
}

@property --spin {
	syntax: '<angle>';
	inherits: false;
	initial-value: 0deg;
}

@keyframes mt-border-spin {
	to {
		--spin: 360deg;
	}
}

@keyframes mt-mark-in {
	to {
		transform: scaleX(1) skewX(-6deg);
	}
}

@keyframes mt-mark-ink {
	to {
		background-position: calc(0% - .3em) 0;
	}
}

@keyframes mt-nudge {
	0%,
	100% {
		transform: translate(0, 0);
	}

	50% {
		transform: translate(3px, -2px);
	}
}

@keyframes mt-cheer {
	0%,
	100% {
		transform: translateY(0) scale(1);
	}

	30% {
		transform: translateY(-34px) scale(1.06) rotate(-4deg);
	}

	55% {
		transform: translateY(0) scale(.96, 1.04);
	}

	75% {
		transform: translateY(-10px) rotate(2deg);
	}
}

@keyframes mt-spark {
	0% {
		opacity: 0;
		transform: translate(0, 0) scale(.2) rotate(0);
	}

	30% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		transform: translate(var(--tx), var(--ty)) scale(1) rotate(160deg);
	}
}

@keyframes mt-marquee {
	to {
		transform: translateX(-100%);
	}
}

@keyframes mt-spin {
	to {
		transform: rotate(360deg);
	}
}

@keyframes mt-bob {
	0%,
	100% {
		transform: translateY(0);
	}

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

@keyframes mt-float {
	0%,
	100% {
		transform: translateY(0);
	}

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

@keyframes mt-wave {
	0%,
	100% {
		transform: rotate(0);
	}

	50% {
		transform: rotate(-5deg);
	}
}

@keyframes mt-word-fill {
	0%,
	25%,
	100% {
		color: transparent;
		-webkit-text-stroke-color: rgba(36, 255, 0, .35);
	}

	7%,
	14% {
		color: var(--green);
		-webkit-text-stroke-color: var(--green);
	}
}

@keyframes mt-attn {
	0% {
		box-shadow: 0 0 0 0 rgba(36, 255, 0, .7);
	}

	75%,
	100% {
		box-shadow: 0 0 0 18px rgba(36, 255, 0, 0);
	}
}

@keyframes mt-tap {
	0%,
	100% {
		transform: translate(6px, 6px);
	}

	50% {
		transform: translate(0, 0) scale(.9);
	}
}

@keyframes mt-pop {
	0% {
		transform: scale(.6);
	}

	60% {
		transform: scale(1.1);
	}

	100% {
		transform: scale(1);
	}
}

@keyframes mt-psst {
	0% {
		opacity: 0;
		scale: .35;
	}

	3% {
		opacity: 1;
		scale: 1.14;
	}

	6% {
		scale: .95;
	}

	9%,
	100% {
		opacity: 1;
		scale: 1;
	}
}

@keyframes mt-psst-line {
	0%,
	1.5% {
		opacity: 0;
		transform: rotate(var(--a)) translateX(-6px) scaleX(.2);
	}

	4% {
		opacity: 1;
		transform: rotate(var(--a)) translateX(2px) scaleX(1);
	}

	11%,
	100% {
		opacity: 0;
		transform: rotate(var(--a)) translateX(16px) scaleX(.3);
	}
}

@keyframes mt-extra-in {
	from {
		opacity: 0;
		transform: translateY(-6px);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

@keyframes mt-block-in {
	from {
		opacity: 0;
		transform: translateY(10px) scale(.94);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

@keyframes mt-block-grow {
	from {
		opacity: 0;
		transform: scaleY(.6);
	}

	to {
		opacity: 1;
		transform: none;
	}
}

@keyframes mt-shake {
	0%,
	100% {
		transform: translateX(0);
	}

	25% {
		transform: translateX(-5px);
	}

	75% {
		transform: translateX(5px);
	}
}

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

	*,
	*::before,
	*::after {
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .01ms !important;
	}

	.mt-band__run + .mt-band__run {
		display: none;
	}

	.mt-band__run {
		animation: none !important;
	}
}

.mt-page-hero {
	position: relative;
	overflow: hidden;
	padding: clamp(64px, 8vw, 104px) 0 clamp(56px, 7vw, 88px);
	background: radial-gradient(640px 340px at 50% 0, rgba(36, 255, 0, .16), transparent 70%), var(--night);
	color: var(--on-dark-soft);
	text-align: center;
}

.mt-page-hero::before {
	content: '';
	position: absolute;
	inset: 0;
	background-image: linear-gradient(rgba(36, 255, 0, .08) 1px, transparent 1px), linear-gradient(90deg, rgba(36, 255, 0, .08) 1px, transparent 1px);
	background-size: 44px 44px;
	background-position: center top;
	-webkit-mask-image: radial-gradient(70% 90% at 50% 0, #000, transparent 75%);
	mask-image: radial-gradient(70% 90% at 50% 0, #000, transparent 75%);
	pointer-events: none;
}

.mt-page-hero__inner {
	position: relative;
	z-index: 1;
	max-width: 900px;
}

.mt-page-hero__title {
	margin: 0 0 14px;
	color: #fff;
	font-size: clamp(2.1rem, 5vw, 3.5rem);
	font-weight: 800;
	line-height: 1.08;
	letter-spacing: -.03em;
	text-wrap: balance;
}

.mt-page-hero__sub {
	display: inline-flex;
	margin: 0;
	padding: 7px 16px;
	border: 1px solid rgba(36, 255, 0, .35);
	border-radius: 999px;
	background: rgba(36, 255, 0, .08);
	color: var(--on-dark);
	font-size: .95rem;
	font-weight: 600;
}

.mt-legal {
	padding: clamp(56px, 7vw, 96px) 0 clamp(72px, 9vw, 120px);
	background: #fff;
}

.mt-legal__body {
	max-width: 780px;
	margin: 0 auto;
	color: var(--text);
	font-size: 1.05rem;
	line-height: 1.75;
}

.mt-legal__body p {
	margin: 0 0 18px;
}

.mt-legal__body .mt-legal__intro {
	color: var(--ink);
	font-size: 1.18rem;
	line-height: 1.7;
}

.mt-legal__body h2 {
	margin: 44px 0 14px;
	padding-top: 30px;
	border-top: 1px solid var(--line);
	color: var(--ink);
	font-size: clamp(1.3rem, 2.2vw, 1.55rem);
	font-weight: 800;
	line-height: 1.25;
	letter-spacing: -.015em;
}

.mt-legal__body ul {
	display: grid;
	gap: 12px;
	margin: 0 0 20px;
	padding: 0;
	list-style: none;
}

.mt-legal__body li {
	position: relative;
	padding-left: 28px;
}

.mt-legal__body li::before {
	content: '';
	position: absolute;
	left: 3px;
	top: .66em;
	width: 9px;
	height: 9px;
	border-radius: 3px;
	background: var(--green);
	box-shadow: 0 0 0 3px rgba(36, 255, 0, .2);
}

.mt-legal__body strong {
	color: var(--ink);
}

.mt-legal__body a {
	color: var(--green-ink);
	font-weight: 700;
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;
}

.mt-legal__body .mt-legal__contact {
	display: grid;
	gap: 2px;
	justify-items: start;
	padding: 20px 24px;
	border: 1px solid var(--line);
	border-left: 4px solid var(--green);
	border-radius: 14px;
	background: var(--paper);
}

@media (hover: hover) and (pointer: fine) {
	.mt-legal__body a:hover {
		color: var(--ink);
	}
}

.mt-phero {
	padding: clamp(56px, 7vw, 96px) 0 clamp(72px, 8vw, 110px);
	background: radial-gradient(720px 440px at 78% 45%, rgba(36, 255, 0, .13), transparent 70%), var(--night);
}

.mt-phero__grid {
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
	gap: clamp(40px, 5vw, 76px);
	align-items: center;
}

.mt-phero__title {
	margin: 0 0 20px;
	color: #fff;
	font-size: clamp(2.3rem, 4vw, 3.4rem);
	font-weight: 850;
	letter-spacing: -.045em;
	line-height: 1.06;
	text-wrap: balance;
}

.mt-phero__lead {
	max-width: 570px;
	margin: 0 0 26px;
	color: var(--on-dark-soft);
	font-size: 1.12rem;
	line-height: 1.7;
}

.mt-phero__price {
	display: inline-flex;
	align-items: baseline;
	gap: 8px;
	margin: 0 0 28px;
	padding: 12px 20px;
	border: 1px solid rgba(36, 255, 0, .4);
	border-radius: 16px;
	background: rgba(36, 255, 0, .07);
	color: var(--on-dark);
	font-weight: 600;
}

.mt-phero__price strong {
	color: var(--green);
	font-size: clamp(1.9rem, 3vw, 2.4rem);
	font-weight: 850;
	letter-spacing: -.04em;
	line-height: 1;
}

.mt-phero__ctas {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
}

.mt-phero__art {
	position: relative;
	width: 100%;
	max-width: 500px;
	margin-left: auto;
}

.mt-phero__magni {
	position: absolute;
	z-index: 2;
	right: -18px;
	bottom: -40px;
	width: clamp(120px, 12vw, 168px);
	height: auto;
	filter: drop-shadow(0 18px 24px rgba(0, 0, 0, .55));
	animation: mt-bob 4.5s ease-in-out infinite;
}

.mt-phero__art--build {
	padding: 0 0 44px 30px;
}

.mt-phero__art--build .mt-nd__badge {
	top: -18px;
	right: -10px;
}

.mt-pack,
.mt-lsa {
	position: relative;
	padding: 16px;
	border: 1px solid #243024;
	border-radius: 22px;
	background: linear-gradient(180deg, #121a12, #0c120c);
	box-shadow: var(--shadow-dark), 0 0 0 6px rgba(36, 255, 0, .04);
}

.mt-pack__bar,
.mt-lsa__bar {
	display: flex;
	align-items: center;
	gap: 10px;
	height: 46px;
	margin: 0 0 12px;
	padding: 0 16px;
	border-radius: 999px;
	background: #fff;
	color: var(--ink);
	font-size: .95rem;
	font-weight: 600;
}

.mt-pack__bar .mt-i,
.mt-lsa__bar .mt-i {
	width: 18px;
	height: 18px;
	color: var(--muted);
}

.mt-pack__map {
	position: relative;
	height: 150px;
	margin-bottom: 12px;
	overflow: hidden;
	border-radius: 14px;
	background-color: #141c14;
	background-image: linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px);
	background-size: 26px 26px;
}

.mt-pack__road {
	position: absolute;
	background: #222d22;
}

.mt-pack__road--a {
	left: -10%;
	right: -10%;
	top: 60%;
	height: 12px;
	transform: rotate(-7deg);
}

.mt-pack__road--b {
	top: -20%;
	bottom: -20%;
	left: 36%;
	width: 12px;
	transform: rotate(14deg);
}

.mt-pack__pin {
	position: absolute;
	width: 16px;
	height: 16px;
	border-radius: 50% 50% 50% 0;
	background: #4a574a;
	transform: rotate(-45deg);
}

.mt-pack__pin--1 {
	left: 16%;
	top: 26%;
}

.mt-pack__pin--2 {
	left: 74%;
	top: 64%;
}

.mt-pack__pin--you {
	left: 55%;
	top: 14%;
	width: auto;
	height: auto;
	border-radius: 0;
	background: none;
	transform: none;
	animation: mt-bob 3s ease-in-out infinite;
}

.mt-pack__pin--you .mt-i {
	width: 44px;
	height: 44px;
	color: var(--green);
	filter: drop-shadow(0 6px 8px rgba(0, 0, 0, .55));
}

.mt-pack__list {
	display: grid;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.mt-pack__row,
.mt-lsa__row {
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 60px;
	padding: 10px 14px;
	border: 2px solid transparent;
	border-radius: 14px;
	background: #161e16;
}

.mt-pack__row--you,
.mt-lsa__row--you {
	border-color: var(--green);
	background: rgba(36, 255, 0, .07);
}

.mt-pack__name,
.mt-lsa__info {
	flex: 1;
	display: grid;
	gap: 4px;
	min-width: 0;
}

.mt-pack__name strong,
.mt-lsa__info strong {
	color: #fff;
	font-size: 1rem;
	line-height: 1.2;
}

.mt-pack__name em,
.mt-lsa__info em {
	display: flex;
	align-items: center;
	gap: 6px;
	color: var(--on-dark-soft);
	font-size: .82rem;
	font-style: normal;
	font-weight: 600;
}

.mt-pack__stars,
.mt-lsa__stars {
	display: inline-flex;
	gap: 1px;
	color: var(--gold);
}

.mt-pack__stars .mt-i,
.mt-lsa__stars .mt-i {
	width: 13px;
	height: 13px;
}

.mt-pack__rank {
	flex: none;
	padding: 5px 11px;
	border-radius: 999px;
	background: var(--green);
	color: var(--black);
	font-size: .85rem;
	font-weight: 900;
}

.mt-pack__lines,
.mt-lsa__lines {
	flex: 1;
	display: grid;
	gap: 8px;
}

.mt-pack__lines b,
.mt-lsa__lines b {
	display: block;
	width: 62%;
	height: 9px;
	border-radius: 9px;
	background: #283228;
}

.mt-pack__lines i,
.mt-lsa__lines i {
	display: block;
	width: 40%;
	height: 7px;
	border-radius: 9px;
	background: #1f281f;
}

.mt-lsa__label {
	margin: 4px 4px 10px;
	color: var(--on-dark-soft);
	font-size: .76rem;
	font-weight: 800;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.mt-lsa__row + .mt-lsa__row {
	margin-top: 8px;
}

.mt-lsa__row--you {
	padding: 14px;
}

.mt-lsa__logo {
	flex: none;
	display: grid;
	place-items: center;
	width: 46px;
	height: 46px;
	border-radius: 12px;
	background: #263026;
}

.mt-lsa__row--you .mt-lsa__logo {
	background: var(--green);
	color: var(--black);
}

.mt-lsa__logo .mt-i {
	width: 24px;
	height: 24px;
}

.mt-lsa__badge {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	width: fit-content;
	padding: 4px 10px 4px 6px;
	border-radius: 999px;
	background: rgba(36, 255, 0, .14);
	color: var(--green);
	font-size: .76rem;
	font-weight: 800;
}

.mt-lsa__badge .mt-i {
	width: 16px;
	height: 16px;
}

.mt-lsa__toast {
	position: absolute;
	z-index: 2;
	left: -22px;
	bottom: -22px;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	padding: 11px 16px;
	border-radius: 14px;
	background: #fff;
	color: var(--ink);
	font-size: .88rem;
	font-weight: 800;
	box-shadow: var(--shadow-dark);
	animation: mt-float 5s ease-in-out infinite;
}

.mt-lsa__toast .mt-i {
	width: 18px;
	height: 18px;
	color: var(--green-2);
}

.mt-where,
.mt-prep {
	background: #fff;
}

.mt-where__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 22px;
}

.mt-where__grid--4 {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.mt-where__card {
	padding: 30px 28px;
	border: 1px solid var(--line);
	border-radius: 20px;
	background: var(--paper);
	transition: translate .45s var(--soft), box-shadow .45s var(--ease), border-color .45s var(--ease);
}

.mt-where__icon {
	display: grid;
	place-items: center;
	width: 54px;
	height: 54px;
	margin-bottom: 20px;
	border-radius: 16px;
	background: var(--black);
	color: var(--green);
}

.mt-where__icon .mt-i {
	width: 26px;
	height: 26px;
}

.mt-where__card h3 {
	margin: 0 0 10px;
	color: var(--ink);
	font-size: 1.2rem;
	letter-spacing: -.02em;
	line-height: 1.25;
}

.mt-where__card p {
	margin: 0;
	color: var(--text);
	line-height: 1.65;
}

.mt-plans__grid--3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	max-width: 1000px;
	margin: 0 auto;
}

.mt-plans__grid--2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	max-width: 820px;
	margin: 0 auto;
}

.mt-plans__note {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin: 32px auto 0;
	color: var(--ink);
	font-weight: 600;
	text-align: center;
}

.mt-plans__note .mt-i {
	flex: none;
	width: 22px;
	height: 22px;
	color: var(--green-ink);
}

.mt-head__sub a {
	color: var(--green-ink);
	font-weight: 700;
}

.mt-prep__grid {
	display: grid;
	grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
	gap: clamp(36px, 5vw, 76px);
	align-items: center;
}

.mt-prep__copy > p:not(.mt-eyebrow) {
	max-width: 460px;
	margin: 18px 0 0;
	color: var(--text);
	font-size: 1.08rem;
	line-height: 1.7;
}

.mt-prep__list {
	display: grid;
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.mt-prep__list li {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 16px 20px;
	border: 1px solid var(--line);
	border-radius: 16px;
	background: var(--paper);
	color: var(--ink);
	font-weight: 600;
	line-height: 1.45;
}

.mt-prep__list .mt-i {
	flex: none;
	width: 24px;
	height: 24px;
	color: var(--green-ink);
}

@media (hover: hover) and (pointer: fine) {
	.mt-where__card:hover {
		translate: 0 -6px;
		border-color: rgba(36, 255, 0, .7);
		box-shadow: var(--shadow);
	}
}

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

	.mt-plans__grid--3 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		max-width: 920px;
	}
}

@media (max-width: 960px) {
	.mt-phero__grid,
	.mt-prep__grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.mt-phero__copy,
	.mt-prep__copy {
		text-align: center;
	}

	.mt-phero__lead,
	.mt-prep__copy > p:not(.mt-eyebrow) {
		margin-left: auto;
		margin-right: auto;
	}

	.mt-phero__ctas {
		justify-content: center;
	}

	.mt-phero__art {
		max-width: 480px;
		margin: 0 auto;
	}

	.mt-where__grid {
		grid-template-columns: minmax(0, 1fr);
		max-width: 580px;
		margin: 0 auto;
	}

	.mt-where__grid--4 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		max-width: none;
	}
}

@media (max-width: 860px) {
	.mt-plans__grid--3,
	.mt-plans__grid--2 {
		grid-template-columns: minmax(0, 1fr);
		max-width: 460px;
	}
}

@media (max-width: 680px) {
	.mt-where__grid--4 {
		grid-template-columns: minmax(0, 1fr);
		max-width: 580px;
		margin: 0 auto;
	}

	.mt-where__card {
		text-align: center;
	}

	.mt-where__icon {
		margin-left: auto;
		margin-right: auto;
	}

	.mt-prep__list li {
		text-align: left;
	}
}

@media (max-width: 520px) {
	.mt-phero__ctas .mt-btn {
		width: 100%;
	}

	.mt-phero__magni {
		right: -6px;
		bottom: -30px;
		width: 104px;
	}

	.mt-lsa__toast {
		left: -4px;
	}

	.mt-phero__art--build {
		padding: 0 0 40px 14px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.mt-phero__magni,
	.mt-pack__pin--you,
	.mt-lsa__toast {
		animation: none;
	}
}

.mt-where__num {
	display: grid;
	place-items: center;
	width: 46px;
	height: 46px;
	margin-bottom: 18px;
	border-radius: 50%;
	background: var(--green);
	color: var(--black);
	font-size: 1.15rem;
	font-weight: 900;
}

.mt-where__card a,
.mt-launch__step a,
.mt-oneplan__copy a,
.mt-change__copy a {
	color: var(--green-ink);
	font-weight: 700;
}

.mt-where__grid--dark .mt-where__card {
	border-color: #1f2a1f;
	background: linear-gradient(180deg, var(--night-2), #0c120c);
}

.mt-where__grid--dark .mt-where__card h3 {
	color: #fff;
}

.mt-where__grid--dark .mt-where__card p {
	color: var(--on-dark-soft);
}

.mt-where__grid--dark .mt-where__icon {
	background: rgba(36, 255, 0, .12);
}

.mt-aisec .mt-head {
	max-width: 860px;
}

.mt-spark,
.mt-launch,
.mt-change {
	background: #fff;
}

.mt-spark__grid,
.mt-change__grid,
.mt-vitals__grid {
	display: grid;
	grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
	gap: clamp(36px, 5vw, 76px);
	align-items: center;
}

.mt-spark__copy .mt-h2,
.mt-vitals__copy .mt-h2,
.mt-oneplan__copy .mt-h2,
.mt-change__copy .mt-h2 {
	margin-bottom: 20px;
}

.mt-spark__copy p:not(.mt-eyebrow),
.mt-oneplan__copy p:not(.mt-eyebrow),
.mt-change__copy p:not(.mt-eyebrow) {
	margin: 0 0 16px;
	color: var(--text);
	font-size: 1.05rem;
	line-height: 1.7;
}

.mt-spark__ctas {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 26px;
}

.mt-receipt {
	width: 100%;
	max-width: 400px;
	margin: 0 auto;
	padding: 28px 26px 24px;
	border: 1px solid var(--line);
	border-radius: 18px;
	background: #fff;
	box-shadow: var(--shadow);
	font-variant-numeric: tabular-nums;
	transform: rotate(-2deg);
}

.mt-receipt__name {
	margin: 0;
	color: var(--ink);
	font-size: 1.15rem;
	font-weight: 900;
	letter-spacing: -.02em;
	text-align: center;
}

.mt-receipt__plan {
	margin: 4px 0 18px;
	padding-bottom: 16px;
	border-bottom: 2px dashed var(--line);
	color: var(--muted);
	font-size: .9rem;
	text-align: center;
}

.mt-receipt__lines {
	display: grid;
	gap: 12px;
	margin: 0 0 18px;
	padding: 0 0 18px;
	border-bottom: 2px dashed var(--line);
	list-style: none;
}

.mt-receipt__lines li {
	display: flex;
	justify-content: space-between;
	gap: 14px;
	color: var(--ink);
	font-size: .95rem;
	line-height: 1.4;
}

.mt-receipt__lines b {
	color: var(--green-ink);
	font-weight: 800;
	white-space: nowrap;
}

.mt-receipt__total {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	margin: 0;
	color: var(--ink);
	font-weight: 800;
}

.mt-receipt__total strong {
	font-size: 1.6rem;
	letter-spacing: -.03em;
}

.mt-myths__list {
	display: grid;
	gap: 14px;
	max-width: 1000px;
	margin: 0 auto;
}

.mt-myth {
	display: grid;
	grid-template-columns: minmax(0, .8fr) minmax(0, 1.6fr);
	overflow: hidden;
	border: 1px solid #1f2a1f;
	border-radius: 18px;
	background: linear-gradient(180deg, var(--night-2), #0c120c);
}

.mt-myth__heard,
.mt-myth__real {
	margin: 0;
	padding: 24px 26px;
}

.mt-myth__heard {
	border-right: 1px solid #1f2a1f;
	background: rgba(255, 255, 255, .03);
	color: #fff;
	font-size: 1.15rem;
	font-weight: 800;
	letter-spacing: -.01em;
	line-height: 1.35;
}

.mt-myth__real {
	color: var(--on-dark-soft);
	line-height: 1.65;
}

.mt-myth span {
	display: block;
	margin-bottom: 8px;
	color: var(--on-dark-soft);
	font-size: .72rem;
	font-weight: 800;
	letter-spacing: .14em;
	text-transform: uppercase;
}

.mt-myth__real span {
	color: var(--green);
}

.mt-vitals__copy p:not(.mt-eyebrow) {
	margin: 0 0 16px;
	color: var(--on-dark-soft);
	font-size: 1.04rem;
	line-height: 1.7;
}

.mt-vitals__list {
	display: grid;
	gap: 14px;
}

.mt-vital {
	display: grid;
	grid-template-columns: 132px minmax(0, 1fr);
	gap: 20px;
	align-items: center;
	padding: 22px 24px;
	border: 1px solid #1f2a1f;
	border-radius: 18px;
	background: linear-gradient(180deg, var(--night-2), #0c120c);
}

.mt-vital .mt-vital__num {
	margin: 0;
	color: var(--green);
	font-size: clamp(1.7rem, 2.3vw, 2.1rem);
	font-weight: 900;
	letter-spacing: -.04em;
	line-height: 1;
	text-align: center;
}

.mt-vital h3 {
	margin: 0 0 4px;
	color: #fff;
	font-size: 1.08rem;
}

.mt-vital p {
	margin: 0;
	color: var(--on-dark-soft);
	font-size: .95rem;
	line-height: 1.6;
}

.mt-vital .mt-vital__good {
	margin: 0 0 6px;
	color: var(--green);
	font-size: .85rem;
	font-weight: 700;
}

.mt-launch__list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px 22px;
	max-width: 1040px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
}

.mt-launch__step {
	display: flex;
	gap: 18px;
	padding: 24px;
	border: 1px solid var(--line);
	border-radius: 18px;
	background: var(--paper);
}

.mt-launch__num {
	flex: none;
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: var(--black);
	color: var(--green);
	font-weight: 900;
}

.mt-launch__step h3 {
	margin: 0 0 6px;
	color: var(--ink);
	font-size: 1.12rem;
	letter-spacing: -.015em;
}

.mt-launch__step p {
	margin: 0;
	color: var(--text);
	line-height: 1.65;
}

.mt-status {
	position: relative;
	padding: 18px;
	border: 1px solid #243024;
	border-radius: 22px;
	background: linear-gradient(180deg, #121a12, #0c120c);
	box-shadow: var(--shadow-dark), 0 0 0 6px rgba(36, 255, 0, .04);
}

.mt-status__site {
	display: flex;
	align-items: center;
	gap: 10px;
	height: 46px;
	margin: 0 0 14px;
	padding: 0 16px;
	border-radius: 999px;
	background: #fff;
	color: var(--ink);
	font-weight: 700;
}

.mt-status__site .mt-i {
	width: 18px;
	height: 18px;
	color: var(--muted);
}

.mt-status__list {
	display: grid;
	gap: 8px;
	margin: 0 0 12px;
	padding: 0;
	list-style: none;
}

.mt-status__list li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 11px 14px;
	border-radius: 14px;
	background: #161e16;
}

.mt-status__list span {
	display: grid;
	gap: 2px;
}

.mt-status__list strong {
	color: #fff;
	font-size: .95rem;
}

.mt-status__list em {
	color: var(--on-dark-soft);
	font-size: .8rem;
	font-style: normal;
	font-weight: 600;
}

.mt-status__list .mt-i {
	flex: none;
	width: 24px;
	height: 24px;
	color: var(--green);
}

.mt-status__meter {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 8px 12px;
	align-items: center;
	margin: 0;
	padding: 14px;
	border: 2px solid var(--green);
	border-radius: 14px;
	background: rgba(36, 255, 0, .07);
}

.mt-status__meter span {
	color: #fff;
	font-size: .9rem;
	font-weight: 700;
}

.mt-status__meter b {
	color: var(--green);
	font-size: .85rem;
}

.mt-status__meter i {
	grid-column: 1 / -1;
	display: block;
	height: 8px;
	overflow: hidden;
	border-radius: 9px;
	background: #263026;
}

.mt-status__meter em {
	display: block;
	width: 33%;
	height: 100%;
	border-radius: inherit;
	background: var(--green);
}

.mt-oneplan {
	display: grid;
	grid-template-columns: minmax(0, 400px) minmax(0, 1fr);
	gap: clamp(36px, 5vw, 76px);
	align-items: center;
	max-width: calc(1040px + var(--gutter) * 2);
}

.mt-mail {
	display: grid;
	gap: 10px;
	width: 100%;
	max-width: 440px;
	margin: 0 auto;
	padding: 18px;
	border: 1px solid var(--line);
	border-radius: 20px;
	background: var(--paper);
	box-shadow: var(--shadow);
}

.mt-mail__head {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 4px;
	padding-bottom: 12px;
	border-bottom: 1px solid var(--line);
}

.mt-mail__head > span {
	display: grid;
	place-items: center;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: var(--black);
	color: var(--green);
}

.mt-mail__head .mt-i {
	width: 18px;
	height: 18px;
}

.mt-mail__head strong {
	color: var(--ink);
}

.mt-mail__head em {
	margin-left: auto;
	color: var(--muted);
	font-size: .8rem;
	font-style: normal;
}

.mt-mail__msg {
	justify-self: start;
	max-width: 86%;
	margin: 0;
	padding: 12px 15px;
	border: 1px solid var(--line);
	border-radius: 16px 16px 16px 4px;
	background: #fff;
	color: var(--ink);
	font-size: .95rem;
	line-height: 1.5;
}

.mt-mail__msg--reply {
	justify-self: end;
	border-color: var(--black);
	border-radius: 16px 16px 4px 16px;
	background: var(--black);
	color: #fff;
}

.mt-mail__file {
	justify-self: start;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	padding: 10px 14px;
	border: 1px dashed #c9d0c9;
	border-radius: 12px;
	background: #fff;
	color: var(--ink);
	font-size: .88rem;
	font-weight: 700;
}

.mt-mail__file .mt-i {
	width: 20px;
	height: 20px;
	color: var(--green-ink);
}

.mt-change__list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px 18px;
	margin: 4px 0 22px;
	padding: 0;
	list-style: none;
}

.mt-change__list li {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	color: var(--ink);
	font-weight: 600;
	line-height: 1.45;
}

.mt-change__list .mt-i {
	flex: none;
	width: 20px;
	height: 20px;
	margin-top: 1px;
	color: var(--green-ink);
}

@media (hover: hover) and (pointer: fine) {
	.mt-where__grid--dark .mt-where__card:hover {
		border-color: rgba(36, 255, 0, .6);
		box-shadow: var(--shadow-dark);
	}
}

@media (max-width: 960px) {
	.mt-spark__grid,
	.mt-change__grid,
	.mt-vitals__grid,
	.mt-oneplan {
		grid-template-columns: minmax(0, 1fr);
	}

	.mt-spark__copy,
	.mt-change__copy,
	.mt-vitals__copy,
	.mt-oneplan__copy {
		text-align: center;
	}

	.mt-spark__ctas {
		justify-content: center;
	}

	.mt-oneplan .mt-plan {
		width: 100%;
		max-width: 460px;
		margin: 0 auto;
	}

	.mt-change__list {
		width: fit-content;
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
	}

	.mt-receipt {
		order: 2;
	}
}

@media (max-width: 760px) {
	.mt-myth {
		grid-template-columns: minmax(0, 1fr);
	}

	.mt-myth__heard {
		border-right: 0;
		border-bottom: 1px solid #1f2a1f;
	}

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

@media (max-width: 560px) {
	.mt-vital {
		grid-template-columns: minmax(0, 1fr);
		gap: 12px;
		text-align: center;
	}

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

	.mt-launch__step {
		flex-direction: column;
		align-items: center;
		text-align: center;
	}

	.mt-spark__ctas .mt-btn {
		width: 100%;
	}
}

.mt-phero__art--status .mt-phero__magni {
	top: -62px;
	right: -24px;
	bottom: auto;
	width: clamp(110px, 10vw, 140px);
}

@media (max-width: 520px) {
	.mt-phero__art--status .mt-phero__magni {
		top: -52px;
		right: -8px;
		width: 96px;
	}
}

.mt-crumbs {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 10px;
	margin: 0 0 18px;
	color: var(--on-dark-soft);
	font-size: .88rem;
	font-weight: 600;
}

.mt-crumbs a {
	color: var(--on-dark);
	text-decoration: none;
	transition: color .25s var(--ease);
}

.mt-crumbs [aria-current] {
	color: var(--green);
}

.mt-orbit {
	position: relative;
	width: 100%;
	max-width: 440px;
	aspect-ratio: 1;
	margin: 0 auto;
}

.mt-orbit__ring {
	position: absolute;
	inset: 12%;
	border: 2px dashed rgba(36, 255, 0, .35);
	border-radius: 50%;
	animation: mt-spin 40s linear infinite;
}

.mt-orbit__core {
	position: absolute;
	left: 50%;
	top: 50%;
	display: grid;
	justify-items: center;
	gap: 4px;
	width: 44%;
	aspect-ratio: 1;
	padding-top: 6%;
	border: 2px solid var(--green);
	border-radius: 50%;
	background: radial-gradient(circle at 50% 35%, #1a2a16, #0c120c 70%);
	box-shadow: 0 0 0 10px rgba(36, 255, 0, .06), var(--shadow-dark);
	transform: translate(-50%, -50%);
}

.mt-orbit__core img {
	width: 62%;
	height: auto;
	filter: drop-shadow(0 10px 14px rgba(0, 0, 0, .5));
}

.mt-orbit__core b {
	color: #fff;
	font-size: .85rem;
	font-weight: 800;
}

.mt-orbit__chip {
	position: absolute;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 16px;
	border: 1px solid #2c382c;
	border-radius: 999px;
	background: #111811;
	color: #fff;
	font-size: .92rem;
	font-weight: 700;
	white-space: nowrap;
	box-shadow: var(--shadow-dark);
	animation: mt-float 5s ease-in-out infinite;
}

.mt-orbit__chip .mt-i {
	width: 18px;
	height: 18px;
	color: var(--green);
}

.mt-orbit__chip--1 {
	left: 50%;
	top: 2%;
	translate: -50% 0;
}

.mt-orbit__chip--2 {
	right: -2%;
	top: 46%;
	animation-delay: -1.2s;
}

.mt-orbit__chip--3 {
	left: 50%;
	bottom: 2%;
	translate: -50% 0;
	animation-delay: -2.4s;
}

.mt-orbit__chip--4 {
	left: -2%;
	top: 46%;
	animation-delay: -3.6s;
}

.mt-svcs {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 22px;
	max-width: 1040px;
	margin: 0 auto;
}

.mt-svc {
	display: flex;
	flex-direction: column;
	padding: 30px 28px;
	border: 1px solid var(--line);
	border-radius: 20px;
	background: var(--paper);
	color: inherit;
	text-decoration: none;
	transition: translate .45s var(--soft), box-shadow .45s var(--ease), border-color .45s var(--ease);
}

.mt-svc h3 {
	margin: 0 0 8px;
	color: var(--ink);
	font-size: 1.3rem;
	letter-spacing: -.02em;
}

.mt-svc p {
	margin: 0 0 14px;
	color: var(--text);
	line-height: 1.6;
}

.mt-svc .mt-svc__price {
	margin-bottom: 18px;
	color: var(--ink);
	font-weight: 800;
}

.mt-svc__more {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: auto;
	color: var(--green-ink);
	font-weight: 800;
}

.mt-svc__more .mt-i {
	width: 18px;
	height: 18px;
	transition: translate .3s var(--soft);
}

.mt-probs__list {
	display: grid;
	gap: 16px;
	max-width: 1040px;
	margin: 0 auto;
}

.mt-prob {
	display: grid;
	grid-template-columns: minmax(0, .8fr) minmax(0, 1.6fr);
	overflow: hidden;
	border: 1px solid var(--line);
	border-radius: 20px;
	background: #fff;
	box-shadow: var(--shadow-sm);
}

.mt-prob__q {
	margin: 0;
	padding: 28px;
	border-right: 1px solid var(--line);
	background: var(--black);
	color: #fff;
	font-size: 1.25rem;
	letter-spacing: -.02em;
	line-height: 1.3;
}

.mt-prob__a {
	padding: 26px 28px;
}

.mt-prob__a p {
	margin: 0 0 12px;
	color: var(--text);
	line-height: 1.65;
}

.mt-prob__a .mt-prob__start {
	margin-bottom: 10px;
	color: var(--muted);
	font-size: .8rem;
	font-weight: 800;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.mt-prob__start strong {
	color: var(--green-ink);
}

.mt-prob__a .mt-prob__price {
	color: var(--ink);
	font-weight: 800;
}

.mt-prob__link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: var(--green-ink);
	font-weight: 800;
	text-decoration: none;
}

.mt-prob__link .mt-i {
	width: 18px;
	height: 18px;
	transition: translate .3s var(--soft);
}

.mt-path .mt-head {
	max-width: 860px;
}

.mt-path__list {
	position: relative;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 18px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.mt-path__list::before {
	content: '';
	position: absolute;
	left: 12%;
	right: 12%;
	top: 52px;
	height: 2px;
	background: linear-gradient(90deg, var(--green), rgba(36, 255, 0, .25));
}

.mt-path__step {
	position: relative;
	padding: 28px 22px 24px;
	border: 1px solid #1f2a1f;
	border-radius: 18px;
	background: linear-gradient(180deg, var(--night-2), #0c120c);
	text-align: center;
}

.mt-path__num {
	position: relative;
	display: grid;
	place-items: center;
	width: 48px;
	height: 48px;
	margin: 0 auto 16px;
	border: 2px solid var(--green);
	border-radius: 50%;
	background: var(--night);
	color: var(--green);
	font-weight: 900;
}

.mt-path__step h3 {
	margin: 0 0 14px;
	color: #fff;
	font-size: 1.08rem;
	line-height: 1.3;
}

.mt-path__tags {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 6px;
	margin: 0;
}

.mt-path__tags span {
	padding: 5px 12px;
	border-radius: 999px;
	background: rgba(36, 255, 0, .12);
	color: var(--green);
	font-size: .8rem;
	font-weight: 800;
}

.mt-path__base {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	margin: 22px 0 0;
	padding: 18px 22px;
	border: 1px dashed rgba(36, 255, 0, .45);
	border-radius: 16px;
	color: var(--on-dark-soft);
	text-align: center;
}

.mt-path__base strong {
	color: #fff;
}

.mt-path__base .mt-i {
	flex: none;
	width: 24px;
	height: 24px;
	color: var(--green);
}

@media (hover: hover) and (pointer: fine) {
	.mt-crumbs a:hover {
		color: var(--green);
	}

	.mt-svc:hover {
		translate: 0 -6px;
		border-color: rgba(36, 255, 0, .7);
		box-shadow: var(--shadow);
	}

	.mt-svc:hover .mt-svc__more .mt-i,
	.mt-prob__link:hover .mt-i {
		translate: 4px 0;
	}
}

@media (max-width: 960px) {
	.mt-crumbs {
		justify-content: center;
	}

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

	.mt-path__list::before {
		display: none;
	}
}

@media (max-width: 760px) {
	.mt-svcs {
		grid-template-columns: minmax(0, 1fr);
		max-width: 580px;
	}

	.mt-svc {
		align-items: center;
		text-align: center;
	}

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

	.mt-prob__q {
		border-right: 0;
		text-align: center;
	}

	.mt-prob__a {
		text-align: center;
	}
}

@media (max-width: 520px) {
	.mt-path__list {
		grid-template-columns: minmax(0, 1fr);
	}

	.mt-orbit__chip {
		padding: 8px 12px;
		font-size: .8rem;
	}

	.mt-orbit__chip .mt-i {
		width: 15px;
		height: 15px;
	}

	.mt-path__base {
		flex-direction: column;
	}
}

@media (prefers-reduced-motion: reduce) {
	.mt-orbit__ring,
	.mt-orbit__chip {
		animation: none;
	}
}

@media (max-width: 520px) {
	.mt-orbit__core img {
		width: 50%;
	}

	.mt-orbit__core b {
		font-size: .74rem;
	}
}

.mt-board {
	display: grid;
	gap: 12px;
	padding: 18px;
	border: 1px solid #243024;
	border-radius: 22px;
	background: linear-gradient(180deg, #121a12, #0c120c);
	box-shadow: var(--shadow-dark), 0 0 0 6px rgba(36, 255, 0, .04);
}

.mt-board__group {
	padding: 14px 16px;
	border-radius: 14px;
	background: #161e16;
}

.mt-board__label {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 10px;
	margin: 0 0 8px;
	color: var(--green);
	font-size: .76rem;
	font-weight: 800;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.mt-board__label em {
	color: var(--on-dark-soft);
	font-style: normal;
	font-weight: 600;
	letter-spacing: .02em;
	text-transform: none;
}

.mt-board ul {
	display: grid;
	gap: 6px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.mt-board li {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	color: var(--on-dark);
	font-size: .92rem;
	font-weight: 600;
}

.mt-board li b {
	color: #fff;
	font-variant-numeric: tabular-nums;
	font-weight: 800;
	white-space: nowrap;
}

.mt-board li.is-pop b {
	color: var(--green);
}

.mt-compare {
	max-width: 1120px;
	margin: 0 auto;
}

.mt-compare__scroll {
	overflow-x: auto;
	border: 1px solid var(--line);
	border-radius: 20px;
	background: #fff;
	box-shadow: var(--shadow-sm);
}

.mt-compare__table {
	width: 100%;
	min-width: 820px;
	border-collapse: collapse;
	font-size: .95rem;
}

.mt-compare__table th,
.mt-compare__table td {
	padding: 14px 16px;
	border-bottom: 1px solid var(--line);
	text-align: center;
	vertical-align: middle;
}

.mt-compare__table tbody tr:last-child th,
.mt-compare__table tbody tr:last-child td {
	border-bottom: 0;
}

.mt-compare__table thead th {
	padding: 22px 16px;
	color: var(--ink);
}

.mt-compare__table thead th span {
	display: block;
	font-size: 1.02rem;
	font-weight: 800;
	letter-spacing: -.01em;
}

.mt-compare__table thead th b {
	display: block;
	margin-top: 4px;
	color: var(--green-ink);
	font-size: 1.25rem;
	font-weight: 850;
	letter-spacing: -.03em;
}

.mt-compare__table thead th:first-child {
	color: var(--muted);
	font-size: .78rem;
	letter-spacing: .12em;
	text-align: left;
	text-transform: uppercase;
}

.mt-compare__table tbody th {
	color: var(--ink);
	font-weight: 700;
	text-align: left;
}

.mt-compare__table thead th:first-child,
.mt-compare__table tbody th {
	position: sticky;
	left: 0;
	z-index: 1;
	background: #fff;
}

.mt-compare__table td {
	color: var(--ink);
	font-weight: 700;
}

.mt-compare__table td .mt-i {
	width: 22px;
	height: 22px;
	vertical-align: middle;
}

.mt-compare__table .is-yes .mt-i {
	color: var(--green-ink);
}

.mt-compare__table .is-no .mt-i {
	color: #b8beb8;
}

.mt-compare__table td span {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

.mt-compare__table td.is-pop {
	background: rgba(36, 255, 0, .08);
}

.mt-compare__table thead th.is-pop {
	background: var(--black);
	color: #fff;
}

.mt-compare__table thead th.is-pop b {
	color: var(--green);
}

.mt-compare__table thead th em {
	display: inline-block;
	margin-bottom: 6px;
	padding: 3px 10px;
	border-radius: 999px;
	background: var(--green);
	color: var(--black);
	font-size: .66rem;
	font-style: normal;
	font-weight: 900;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.mt-compare__note {
	max-width: 760px;
	margin: 18px auto 0;
	color: var(--text);
	text-align: center;
}

.mt-compare__note a,
.mt-plan__for a {
	color: var(--green-ink);
	font-weight: 700;
}

.mt-compare__cta {
	margin: 26px 0 0;
	text-align: center;
}

.mt-bills__grid {
	display: grid;
	grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
	gap: clamp(28px, 4vw, 56px);
	align-items: start;
}

.mt-bills__table {
	overflow: hidden;
	border: 1px solid #1f2a1f;
	border-radius: 18px;
	background: linear-gradient(180deg, var(--night-2), #0c120c);
}

.mt-bills__row {
	display: grid;
	grid-template-columns: minmax(0, .8fr) minmax(0, .8fr) minmax(0, 1.4fr);
	gap: 10px;
	align-items: center;
	padding: 16px 20px;
	border-top: 1px solid #1f2a1f;
	color: var(--on-dark);
}

.mt-bills__row:first-child {
	border-top: 0;
}

.mt-bills__row span {
	color: #fff;
	font-weight: 800;
}

.mt-bills__row b {
	color: var(--green);
	font-weight: 850;
}

.mt-bills__row em {
	color: var(--on-dark-soft);
	font-size: .92rem;
	font-style: normal;
}

.mt-bills__row--head {
	background: rgba(255, 255, 255, .03);
}

.mt-bills__row--head span {
	color: var(--on-dark-soft);
	font-size: .74rem;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.mt-bills__points {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}

.mt-bills__points article {
	padding: 20px;
	border: 1px solid #1f2a1f;
	border-radius: 16px;
	background: rgba(255, 255, 255, .02);
}

.mt-bills__points h3 {
	margin: 0 0 8px;
	color: #fff;
	font-size: 1.05rem;
}

.mt-bills__points p {
	margin: 0;
	color: var(--on-dark-soft);
	font-size: .95rem;
	line-height: 1.6;
}

@media (max-width: 960px) {
	.mt-bills__grid {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (max-width: 600px) {
	.mt-bills__points {
		grid-template-columns: minmax(0, 1fr);
	}

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

	.mt-bills__row em {
		grid-column: 1 / -1;
	}

	.mt-bills__row--head span:last-child {
		display: none;
	}

	.mt-board li {
		font-size: .86rem;
	}
}

.mt-site #page {
	display: block;
}

.mt-site .site-content > .ast-container {
	display: block;
	max-width: none;
	padding: 0;
}

.mt-site #primary {
	width: 100%;
	margin: 0;
	padding: 0;
}

.mt-site .site-main > article {
	margin: 0;
	padding: 0;
}

.mt-site picture {
	display: contents;
}

.mt-site picture > source {
	display: none;
}

.admin-bar .mt-header {
	top: 32px;
}

.admin-bar .mt-climb.is-live .mt-climb__stick {
	top: calc(var(--head) + 40px);
	height: calc(100svh - var(--head) - 48px);
}

@media (max-width: 782px) {
	.admin-bar .mt-header {
		top: 46px;
	}

	.admin-bar .mt-climb.is-live .mt-climb__stick {
		top: calc(var(--head) + 54px);
		height: calc(100svh - var(--head) - 62px);
	}
}

@media (max-width: 600px) {
	.admin-bar .mt-header {
		top: 0;
	}

	.admin-bar .mt-climb.is-live .mt-climb__stick {
		top: calc(var(--head) + 8px);
		height: calc(100svh - var(--head) - 16px);
	}
}

:root {
	font-size: 100%;
}