/* MuggleTrend cinematic motion and playful interaction layer. */
.mt-intro{
	position:fixed;
	inset:0;
	z-index:1000000;
	display:none;
	place-items:center;
	overflow:hidden;
	background:#020302;
	color:#fff;
}
.mt-intro.is-running{display:grid}
.mt-intro-noise{
	position:absolute;
	inset:0;
	opacity:.22;
	background:
		radial-gradient(circle at 50% 50%,rgba(168,239,0,.13),transparent 34%),
		linear-gradient(rgba(168,239,0,.035) 1px,transparent 1px),
		linear-gradient(90deg,rgba(168,239,0,.035) 1px,transparent 1px);
	background-size:auto,34px 34px,34px 34px;
	transform:scale(1.08);
}
.mt-intro-noise::after{
	content:"";
	position:absolute;
	inset:-25%;
	background:conic-gradient(from 90deg at 50% 50%,transparent 0 39%,rgba(168,239,0,.09) 46%,transparent 54% 100%);
	animation:mt-intro-radar 2.2s linear infinite;
}
.mt-intro-lockup{
	--intro-final-scale:.42;
	--intro-tagline-y:clamp(150px,20vh,190px);
	position:relative;
	z-index:2;
	width:min(94vw,calc(88vh * 1.545));
	aspect-ratio:17/11;
}
.mt-intro-m{
	position:absolute;
	inset:0;
	display:grid;
	grid-template-columns:repeat(17,minmax(0,1fr));
	grid-template-rows:repeat(11,minmax(0,1fr));
	gap:clamp(2px,.36vw,7px);
	width:100%;
	height:100%;
	transform-origin:center;
}
.mt-intro-m>i{display:block;min-width:0;min-height:0}
.mt-intro-void{visibility:hidden}
.mt-intro-pixel{
	position:relative;
	overflow:hidden;
	background:linear-gradient(145deg,#fff,#9da39a);
	box-shadow:0 0 22px rgba(255,255,255,.08);
	opacity:0;
	transform:scale(.08) rotate(-9deg);
	transform-origin:center;
}
.mt-intro-pixel:nth-child(3n){background:linear-gradient(145deg,#555b53,#171a17)}
.mt-intro-pixel:nth-child(7n){background:linear-gradient(145deg,#fff,#d9ddd6)}
.mt-intro-pixel.is-green{
	background:linear-gradient(145deg,#baff18 0%,var(--green) 58%,#6fa400 100%);
	box-shadow:0 0 28px rgba(168,239,0,.48),inset 0 1px 0 rgba(255,255,255,.24);
}
.mt-intro-tagline{
	position:absolute;
	left:50%;
	top:50%;
	z-index:4;
	width:max-content;
	max-width:90vw;
	margin:0;
	color:#f7f8f5;
	font:650 clamp(10px,1.05vw,17px)/1 var(--display);
	letter-spacing:.34em;
	text-align:center;
	text-transform:uppercase;
	white-space:nowrap;
	opacity:0;
	transform:translate(-50%,var(--intro-tagline-y));
	text-shadow:0 0 18px rgba(255,255,255,.08);
}
.mt-intro-tagline span{
	color:var(--green);
	text-shadow:0 0 12px rgba(168,239,0,.58);
}
.mt-intro.is-visible .mt-intro-pixel{animation:mt-intro-pixel-in .4s var(--intro-delay) cubic-bezier(.16,1,.3,1) forwards}
.mt-intro.is-visible .mt-intro-m{animation:mt-intro-m-finale 1.25s 1.82s cubic-bezier(.16,1,.3,1) both}
.mt-intro.is-visible .mt-intro-tagline{animation:mt-intro-tagline-in .72s 2.52s cubic-bezier(.16,1,.3,1) both}
.mt-intro.is-exiting{animation:mt-intro-out .7s cubic-bezier(.7,0,.2,1) forwards}
.mt-intro-active{overflow:hidden}
@keyframes mt-intro-pixel-in{65%{opacity:1;transform:scale(1.08) rotate(1deg)}100%{opacity:1;transform:none}}
@keyframes mt-intro-m-finale{
	0%{filter:drop-shadow(0 0 0 rgba(168,239,0,0));transform:none}
	34%{filter:drop-shadow(0 0 30px rgba(168,239,0,.3));transform:scale(1.025)}
	100%{filter:drop-shadow(0 0 18px rgba(168,239,0,.16));transform:translateY(-4%) scale(var(--intro-final-scale))}
}
@keyframes mt-intro-tagline-in{
	from{opacity:0;letter-spacing:.5em;filter:blur(5px)}
	to{opacity:1;letter-spacing:.34em;filter:none}
}
@keyframes mt-intro-radar{to{transform:rotate(360deg)}}
@keyframes mt-intro-out{0%{clip-path:inset(0)}100%{clip-path:inset(0 0 100% 0);visibility:hidden}}


.mt-hero-title .mt-hero-line{display:block;overflow:hidden}
.mt-hero-title .mt-hero-line>span,.mt-hero-title .mt-hero-line>em{display:block;transform-origin:left bottom}
.mt-motion-ready:not(.mt-page-ready) .mt-hero-title .mt-hero-line>span,
.mt-motion-ready:not(.mt-page-ready) .mt-hero-title .mt-hero-line>em,
.mt-motion-ready:not(.mt-page-ready) .mt-hero-animate{opacity:0;transform:translateY(115%) rotate(1.5deg)}
.mt-page-ready .mt-hero-title .mt-hero-line>span,
.mt-page-ready .mt-hero-title .mt-hero-line>em{animation:mt-hero-line-in .82s cubic-bezier(.16,1,.3,1) both}
.mt-page-ready .mt-hero-title .mt-hero-line:nth-child(1)>*{animation-delay:.05s}
.mt-page-ready .mt-hero-title .mt-hero-line:nth-child(2)>*{animation-delay:.12s}
.mt-page-ready .mt-hero-title .mt-hero-line:nth-child(3)>*{animation-delay:.19s}
.mt-page-ready .mt-hero-animate{animation:mt-hero-soft-in .72s .28s cubic-bezier(.2,.8,.2,1) both}
.mt-page-ready .mt-hero-animate:nth-of-type(2){animation-delay:.36s}
@keyframes mt-hero-line-in{from{opacity:0;transform:translateY(115%) rotate(1.5deg)}to{opacity:1;transform:none}}
@keyframes mt-hero-soft-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

.mt-hero-title em{position:relative;width:max-content;text-shadow:0 0 28px rgba(168,239,0,.14)}
.mt-hero-title em::before,.mt-hero-title em::after{
	content:attr(data-word);
	position:absolute;
	inset:0;
	pointer-events:none;
	opacity:0;
}
.mt-hero-title em::before{color:#fff;transform:translateX(-4px);clip-path:inset(12% 0 58% 0)}
.mt-hero-title em::after{color:#6da000;transform:translateX(5px);clip-path:inset(58% 0 16% 0)}
.mt-hero-title em.is-glitching::before{animation:mt-glitch-a .5s steps(2,end)}
.mt-hero-title em.is-glitching::after{animation:mt-glitch-b .5s steps(2,end)}
@keyframes mt-glitch-a{0%,100%{opacity:0}15%,35%,65%{opacity:.8;transform:translateX(-5px)}25%,55%{opacity:.3;transform:translateX(3px)}}
@keyframes mt-glitch-b{0%,100%{opacity:0}12%,42%,72%{opacity:.75;transform:translateX(6px)}28%,58%{opacity:.25;transform:translateX(-2px)}}

.mt-hero-signal{
	display:flex;
	align-items:center;
	gap:10px;
	width:max-content;
	margin-top:30px;
	color:#8f958d;
	font:600 9px/1 var(--display);
	letter-spacing:.12em;
	text-transform:uppercase;
}
.mt-hero-signal i{width:7px;height:7px;background:var(--green);box-shadow:0 0 13px var(--green);animation:mt-signal 1.8s ease-in-out infinite}
@keyframes mt-signal{50%{opacity:.35;transform:scale(.65)}}
.mt-pixel-orbit{position:absolute;right:6%;top:25%;width:34%;height:52%;pointer-events:none;transform:translate(var(--hero-x,0),var(--hero-y,0));transition:transform .25s ease-out}
.mt-pixel-orbit i{position:absolute;width:7px;height:7px;background:var(--green);box-shadow:0 0 18px rgba(168,239,0,.65);animation:mt-float-pixel 4s ease-in-out infinite}
.mt-pixel-orbit i:nth-child(1){left:16%;top:24%;animation-delay:-.6s}
.mt-pixel-orbit i:nth-child(2){right:14%;top:12%;width:4px;height:4px;animation-delay:-1.4s}
.mt-pixel-orbit i:nth-child(3){left:46%;bottom:9%;width:11px;height:11px;animation-delay:-2.2s}
.mt-pixel-orbit i:nth-child(4){right:3%;bottom:34%;width:5px;height:5px;animation-delay:-3s}
.mt-pixel-orbit i:nth-child(5){left:1%;bottom:45%;width:3px;height:3px;animation-delay:-1.9s}
@keyframes mt-float-pixel{0%,100%{transform:translate(0,0) rotate(0);opacity:.35}50%{transform:translate(8px,-18px) rotate(90deg);opacity:1}}

.mt-marquee{width:100%;overflow:hidden;border-bottom:1px solid rgba(168,239,0,.4);background:var(--green);color:#050605}
.mt-marquee-track{display:flex;width:max-content;align-items:center;padding:15px 0;animation:mt-marquee 28s linear infinite;will-change:transform}
.mt-marquee-group{display:flex;flex:0 0 auto;align-items:center;gap:28px;padding-right:28px}
.mt-marquee span{font:800 11px/1 var(--display);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.mt-marquee b{font:400 18px/1 var(--display)}
@keyframes mt-marquee{to{transform:translate3d(-50%,0,0)}}

.mt-button,.mt-nav-cta{
	--mag-x:0px;
	--mag-y:0px;
	position:relative;
	overflow:hidden;
	transform:translate(var(--mag-x),var(--mag-y));
	transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .25s,background .25s,color .25s;
}
.mt-button::before,.mt-nav-cta::before{
	content:"";
	position:absolute;
	inset:-80% -30%;
	background:linear-gradient(110deg,transparent 36%,rgba(255,255,255,.38) 50%,transparent 64%);
	transform:translateX(-120%) rotate(8deg);
	transition:transform .6s cubic-bezier(.2,.8,.2,1);
	pointer-events:none;
}
.mt-button:hover,.mt-nav-cta:hover{transform:translate(var(--mag-x),calc(var(--mag-y) - 2px))}
.mt-button:hover::before,.mt-nav-cta:hover::before{transform:translateX(120%) rotate(8deg)}
.mt-button>span,.mt-nav-cta>span{position:relative;transition:transform .25s}
.mt-button:hover>span,.mt-nav-cta:hover>span{transform:translate(3px,-3px)}

.mt-card{--tilt-x:0deg;--tilt-y:0deg;transform-style:preserve-3d}
.mt-card:hover{transform:perspective(900px) translateY(-6px) rotateX(var(--tilt-y)) rotateY(var(--tilt-x))}
.mt-card-index{position:absolute;right:18px;top:17px;color:#4c5349;font:600 9px/1 var(--display);letter-spacing:.12em;transition:color .25s,transform .25s}
.mt-card:hover .mt-card-index{color:var(--green);transform:translate(-3px,3px)}
.mt-card .mt-icon{transform-origin:center;transition:filter .3s,color .3s}
.mt-card:hover .mt-icon{animation:mt-icon-dance .55s cubic-bezier(.2,.8,.2,1);filter:drop-shadow(0 0 9px rgba(168,239,0,.55))}
@keyframes mt-icon-dance{0%,100%{transform:none}30%{transform:translateY(-6px) rotate(-7deg) scale(1.08)}60%{transform:translateY(2px) rotate(4deg) scale(.97)}}
.mt-card h3{transition:color .25s,letter-spacing .25s}
.mt-card:hover h3{color:var(--green);letter-spacing:.025em}
.mt-text-link{transition:letter-spacing .25s,color .25s,text-shadow .25s}
.mt-text-link:hover{letter-spacing:.14em;text-shadow:0 0 15px rgba(168,239,0,.5)}
.mt-eyebrow{position:relative;width:max-content;max-width:100%}
.mt-eyebrow::after{content:"";display:inline-block;width:22px;height:1px;margin:0 0 3px 12px;background:var(--green);box-shadow:0 0 8px rgba(168,239,0,.65);transform-origin:left;animation:mt-eyebrow-line 2.4s ease-in-out infinite}
@keyframes mt-eyebrow-line{0%,100%{transform:scaleX(.4);opacity:.45}50%{transform:scaleX(1);opacity:1}}

@media(max-width:700px){
	.mt-intro-lockup{
		--intro-final-scale:.56;
		--intro-tagline-y:clamp(78px,12vh,105px);
		width:96vw;
	}
	.mt-intro-m{gap:2px}
	.mt-intro-tagline{
		max-width:94vw;
		font-size:clamp(7px,2.4vw,11px);
		letter-spacing:.22em;
	}
	.mt-intro.is-visible .mt-intro-tagline{animation-name:mt-intro-tagline-in-mobile}
	.mt-pixel-orbit{right:0;top:22%;width:52%;opacity:.55}
	.mt-marquee-track{padding:13px 0;animation-duration:22s}
	.mt-marquee-group{gap:22px;padding-right:22px}
	.mt-hero-signal{font-size:8px;max-width:85%}
}
@keyframes mt-intro-tagline-in-mobile{
	from{opacity:0;letter-spacing:.34em;filter:blur(4px)}
	to{opacity:1;letter-spacing:.22em;filter:none}
}
@media(pointer:coarse){
	.mt-button,.mt-nav-cta{transform:none!important}
	.mt-card:hover{transform:translateY(-3px)}
	.mt-pixel-orbit{transform:none}
}
@media(prefers-reduced-motion:reduce){
	.mt-intro{display:none!important}
	.mt-motion-ready:not(.mt-page-ready) .mt-hero-title .mt-hero-line>*,
	.mt-motion-ready:not(.mt-page-ready) .mt-hero-animate{opacity:1;transform:none}
	.mt-page-ready .mt-hero-title .mt-hero-line>*,.mt-page-ready .mt-hero-animate{animation:none}
	.mt-marquee-track{animation:none}
	.mt-pixel-orbit i,.mt-hero-signal i,.mt-eyebrow::after{animation:none}
}

/* Image-led cards, honest case-study previews and expanded detail dialogs. */
.mt-section-note{max-width:620px;margin:14px 0 0;color:var(--grey)}
.mt-card-expandable{
	min-height:430px;
	padding:0;
	display:flex;
	flex-direction:column;
	cursor:pointer;
	outline:none;
}
.mt-card-expandable:focus-visible{border-color:var(--green);box-shadow:0 0 0 3px rgba(168,239,0,.16)}
.mt-card-media{position:relative;z-index:1;aspect-ratio:1.45;overflow:hidden;background:#111}
.mt-card-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(3,4,3,.88));pointer-events:none}
.mt-card-media img{
	width:100%;
	height:100%;
	object-fit:cover;
	filter:grayscale(1) contrast(1.08) brightness(.72);
	transform:scale(1.025);
	transition:filter .65s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1);
}
.mt-card-expandable:hover .mt-card-media img,.mt-card-expandable.is-pointer-over .mt-card-media img,.mt-card-expandable:focus-visible .mt-card-media img{
	filter:grayscale(0) contrast(1.03) brightness(.92);
	transform:scale(1.08);
}
.mt-card-copy{position:relative;z-index:1;display:flex;flex:1;flex-direction:column;padding:26px}
.mt-card-expandable .mt-card-index{top:18px;color:rgba(255,255,255,.68);text-shadow:0 1px 8px #000}
.mt-card-expandable h3{font-size:14px;margin-top:0}
.mt-card-explore{
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-top:auto;
	padding-top:20px;
	color:var(--green);
	font:600 9px/1 var(--display);
	letter-spacing:.12em;
	text-transform:uppercase;
}
.mt-card-explore b{font-size:16px;transition:transform .25s}
.mt-card-expandable:hover .mt-card-explore b{transform:translate(3px,-3px)}
.mt-card-expandable template{display:none}

.mt-principles-strip{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	border:1px solid var(--line);
	margin-bottom:95px;
	background:#070807;
}
.mt-principles-strip>div{min-height:110px;padding:26px 30px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;gap:7px}
.mt-principles-strip>div:last-child{border-right:0}
.mt-principles-strip strong{color:var(--green);font:700 14px/1.2 var(--display);text-transform:uppercase}
.mt-principles-strip span{color:#92978f;font-size:11px}

.mt-case-image{padding:0!important;display:block;background:#090a09;isolation:isolate}
.mt-case-image>img{
	position:absolute;
	inset:0;
	width:100%;
	height:100%;
	object-fit:cover;
	z-index:0;
	filter:grayscale(1) contrast(1.08) brightness(.58);
	transform:scale(1.02);
	transition:filter .7s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1);
}
.mt-case-image:hover>img,.mt-case-image.is-pointer-over>img{filter:grayscale(0) contrast(1.02) brightness(.82);transform:scale(1.08)}
.mt-case-overlay{
	position:absolute;
	inset:0;
	z-index:2;
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
	padding:30px;
	background:linear-gradient(180deg,transparent 22%,rgba(3,4,3,.18) 48%,rgba(3,4,3,.96) 100%);
}
.mt-case-image .mt-case-overlay>span,
.mt-case-image .mt-case-overlay>em{position:static;display:block}
.mt-case-image .mt-case-overlay>span{font:700 18px var(--display);text-transform:uppercase}
.mt-case-image .mt-case-overlay>em{margin:7px 0 22px;color:#adb2aa;font:500 9px var(--display);text-transform:uppercase;letter-spacing:.08em}
.mt-case-image .mt-case-overlay>strong{font-size:24px;line-height:1.15}
.mt-case-image .mt-case-overlay>small{margin-top:7px}

.mt-card-backdrop{
	position:fixed;
	inset:0;
	z-index:999990;
	background:rgba(2,3,2,.68);
	-webkit-backdrop-filter:blur(16px) saturate(.45);
	backdrop-filter:blur(16px) saturate(.45);
	opacity:0;
	transition:opacity .35s;
}
.mt-card-modal{
	position:fixed;
	inset:clamp(18px,5vw,70px);
	z-index:999991;
	width:min(1180px,calc(100vw - 36px));
	max-height:calc(100vh - 36px);
	margin:auto;
	overflow:auto;
	background:#080a08;
	border:1px solid #3a4137;
	box-shadow:0 30px 120px rgba(0,0,0,.72),0 0 60px rgba(168,239,0,.08);
	opacity:0;
	transform:scale(.92) translateY(24px);
	transition:opacity .38s,transform .5s cubic-bezier(.16,1,.3,1);
}
.mt-card-backdrop.is-visible{opacity:1}
.mt-card-modal.is-visible{opacity:1;transform:none}
.mt-card-modal-close{
	position:absolute;
	right:18px;
	top:18px;
	z-index:4;
	width:45px;
	height:45px;
	border:1px solid rgba(255,255,255,.35);
	background:rgba(3,4,3,.72);
	color:#fff;
	font:400 25px/1 var(--display);
	cursor:pointer;
	transition:border-color .2s,color .2s,transform .2s;
}
.mt-card-modal-close:hover,.mt-card-modal-close:focus-visible{border-color:var(--green);color:var(--green);transform:rotate(5deg)}
.mt-expanded-content{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);min-height:min(720px,calc(100vh - 100px))}
.mt-expanded-media{position:relative;min-height:520px;overflow:hidden}
.mt-expanded-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 65%,#080a08)}
.mt-expanded-media img{width:100%;height:100%;object-fit:cover;filter:grayscale(0);animation:mt-expanded-image .8s cubic-bezier(.2,.8,.2,1) both}
@keyframes mt-expanded-image{from{transform:scale(1.1);filter:grayscale(1)}to{transform:scale(1);filter:grayscale(0)}}
.mt-expanded-copy{align-self:center;padding:70px clamp(34px,5vw,72px) 60px}
.mt-expanded-copy h2{margin:0 0 14px;font:700 clamp(38px,4vw,66px)/.96 var(--display);letter-spacing:-.045em}
.mt-expanded-copy h3{margin:0 0 24px;color:var(--green);font:600 17px/1.35 var(--display)}
.mt-expanded-copy>p:not(.mt-eyebrow){color:#b0b5ae;font-size:15px}
.mt-expanded-copy ul{list-style:none;margin:28px 0 34px;padding:0;display:grid;gap:12px}
.mt-expanded-copy li{position:relative;padding-left:20px;color:#d1d4cf}
.mt-expanded-copy li::before{content:"";position:absolute;left:0;top:.72em;width:6px;height:6px;background:var(--green);box-shadow:0 0 8px rgba(168,239,0,.55)}
.mt-card-focus{overflow:hidden}
.mt-card-focus .mt-header,.mt-card-focus .mt-main,.mt-card-focus .mt-footer{
	filter:blur(5px) saturate(.55);
	transform:scale(.985);
	transition:filter .35s,transform .5s cubic-bezier(.2,.8,.2,1);
	pointer-events:none;
}

@media(max-width:1050px){
	.mt-expanded-content{grid-template-columns:1fr 1fr}
	.mt-principles-strip{grid-template-columns:repeat(2,1fr)}
	.mt-principles-strip>div:nth-child(2){border-right:0}
	.mt-principles-strip>div:nth-child(-n+2){border-bottom:1px solid var(--line)}
}
@media(max-width:700px){
	.mt-card-expandable{min-height:400px}
	.mt-principles-strip{grid-template-columns:1fr;margin-bottom:70px}
	.mt-principles-strip>div{border-right:0;border-bottom:1px solid var(--line)}
	.mt-principles-strip>div:last-child{border-bottom:0}
	.mt-card-modal{inset:10px;width:calc(100vw - 20px);max-height:calc(100vh - 20px)}
	.mt-expanded-content{display:block;min-height:0}
	.mt-expanded-media{height:260px;min-height:0}
	.mt-expanded-media::after{background:linear-gradient(180deg,transparent 55%,#080a08)}
	.mt-expanded-copy{padding:32px 25px 42px}
	.mt-expanded-copy h2{font-size:39px}
	.mt-card-modal-close{right:12px;top:12px}
}
@media(prefers-reduced-motion:reduce){
	.mt-card-media img,.mt-case-image>img,.mt-card-modal,.mt-card-backdrop{transition:none}
	.mt-expanded-media img{animation:none}
}

/* Unified geometry and motion language across every public template. */
:root{--radius:16px}
.mt-banner{background-image:linear-gradient(90deg,#090b09 25%,rgba(7,8,7,.6)),url("../images/hero-home.webp")}
.mt-card,
.mt-case,
.mt-package,
.mt-post-card,
.mt-inline-cta,
.mt-principles-strip,
.mt-stats,
.mt-banner,
.mt-quote,
.mt-form-card,
.mt-card-modal,
.mt-filter,
.woocommerce div.product,
.woocommerce table.shop_table,
.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register{
	border-radius:var(--radius);
}
.mt-card::before,
.mt-card::after,
.mt-case::before,
.mt-case::after,
.mt-package::before,
.mt-package::after,
.mt-post-card::before,
.mt-post-card::after,
.mt-inline-cta::before,
.mt-inline-cta::after,
.mt-case-overlay{border-radius:inherit}
.mt-card-media{border-radius:var(--radius) var(--radius) 0 0}
.mt-button,
.mt-nav-cta,
.mt-menu-toggle,
.mt-card-modal-close,
.mt-form-card input,
.mt-form-card textarea,
.mt-form-card select,
.woocommerce .button,
.woocommerce button.button,
.woocommerce input,
.woocommerce select{border-radius:var(--radius)!important}
.mt-package li::before{content:"\2713"}

.mt-case-image{
	aspect-ratio:4/5;
	min-height:0!important;
}

.mt-nav li a{position:relative;padding-block:12px}
.mt-nav li a::after{
	content:"";
	position:absolute;
	left:0;
	right:0;
	bottom:6px;
	height:1px;
	background:var(--green);
	box-shadow:0 0 9px rgba(168,239,0,.65);
	transform:scaleX(0);
	transform-origin:right;
	transition:transform .32s cubic-bezier(.2,.8,.2,1);
}
.mt-nav li a:hover::after,
.mt-nav .current-menu-item>a::after{transform:scaleX(1);transform-origin:left}

/* The client-portal entry is already a bordered control; the link underline
   visually clips its lower edge, so keep that interaction for text links only. */
.mt-nav .mtcp-client-menu>a,
.mt-nav .mtcp-client-menu>a:hover,
.mt-nav .mtcp-client-menu>a:focus-visible{
	text-decoration:none!important;
}
.mt-nav .mtcp-client-menu>a::after{display:none!important}

/* Client login — pixel-eye reveal with a restrained Matrix glitch when hidden. */
#loginform .login-password{position:relative}
#loginform .mt-password-shell{
	--password-edge:rgba(168,239,0,.4);
	position:relative;
	display:block;
	isolation:isolate;
	overflow:hidden;
	border:1px solid rgba(255,255,255,.13);
	border-radius:16px;
	background:#070a07;
	box-shadow:inset 0 0 0 1px rgba(0,0,0,.4),0 14px 35px rgba(0,0,0,.2);
	transition:border-color .35s ease,box-shadow .35s ease,background .35s ease;
}
#loginform .mt-password-shell::before,
#loginform .mt-password-shell::after{
	content:"01001001 00110101 10100110 01101001 11010010 00101101";
	position:absolute;
	z-index:0;
	inset:2px 52px 2px 2px;
	overflow:hidden;
	border-radius:13px 0 0 13px;
	pointer-events:none;
	transition:opacity .35s ease;
}
#loginform .mt-password-shell::before{
	padding:8px 11px;
	color:rgba(168,239,0,.13);
	background:
		repeating-linear-gradient(90deg,transparent 0 17px,rgba(168,239,0,.055) 18px 19px),
		repeating-linear-gradient(0deg,rgba(3,15,4,.5) 0 3px,rgba(16,40,8,.24) 4px 5px);
	font:700 7px/1.55 var(--display);
	letter-spacing:.2em;
	white-space:normal;
	word-break:break-all;
	animation:mt-password-matrix 2.8s steps(12,end) infinite;
}
#loginform .mt-password-shell::after{
	inset:10px 54px 9px 5px;
	background:
		linear-gradient(90deg,transparent 0 9%,rgba(188,255,126,.16) 10% 18%,transparent 19% 43%,rgba(168,239,0,.13) 44% 61%,transparent 62%),
		repeating-linear-gradient(0deg,transparent 0 5px,rgba(168,239,0,.1) 6px 7px);
	color:transparent;
	mix-blend-mode:screen;
	animation:mt-password-scan .95s steps(3,end) infinite;
}
#loginform .mt-password-shell.is-revealed{
	--password-edge:rgba(234,255,223,.68);
	border-color:var(--password-edge);
	background:#0a0d09;
	box-shadow:inset 0 0 18px rgba(168,239,0,.035),0 0 24px rgba(168,239,0,.08);
}
#loginform .mt-password-shell.is-revealed::before,
#loginform .mt-password-shell.is-revealed::after{opacity:0;animation:none}
#loginform .mt-password-shell:focus-within{
	border-color:var(--green);
	box-shadow:0 0 0 2px rgba(168,239,0,.12),0 0 25px rgba(168,239,0,.12);
}
#loginform .mt-password-shell .input{
	position:relative;
	z-index:2;
	width:100%!important;
	margin:0!important;
	padding-right:62px!important;
	border:0!important;
	border-radius:15px!important;
	background:rgba(4,7,4,.74)!important;
	box-shadow:none!important;
	color:#fff!important;
	caret-color:var(--green);
	transition:background .35s ease,text-shadow .35s ease,letter-spacing .35s ease;
}
#loginform .mt-password-shell.is-concealed.has-password .input{
	background:rgba(3,8,3,.62)!important;
	color:#dcffb1!important;
	text-shadow:-2px 0 rgba(168,239,0,.4),2px 0 rgba(255,255,255,.14);
	letter-spacing:.12em;
}
#loginform .mt-password-shell.is-revealed .input{
	background:rgba(8,10,8,.94)!important;
	letter-spacing:normal;
	text-shadow:none;
}
#loginform .mt-password-toggle{
	position:absolute;
	z-index:4;
	top:50%;
	right:7px;
	display:grid;
	place-items:center;
	width:42px;
	height:42px;
	padding:0;
	border:1px solid rgba(168,239,0,.24);
	border-radius:12px;
	background:rgba(7,12,6,.82);
	color:var(--green);
	cursor:pointer;
	transform:translateY(-50%);
	transition:color .25s ease,border-color .25s ease,background .25s ease,box-shadow .25s ease,transform .25s ease;
}
#loginform .mt-password-toggle:hover,
#loginform .mt-password-toggle:focus-visible{
	border-color:var(--green);
	background:rgba(168,239,0,.1);
	color:#efffe6;
	box-shadow:0 0 20px rgba(168,239,0,.18);
}
#loginform .mt-password-toggle:focus-visible{outline:2px solid #fff;outline-offset:2px}
#loginform .mt-password-toggle:active{transform:translateY(-50%) scale(.92)}
#loginform .mt-password-toggle svg{width:27px;height:21px;overflow:visible}
#loginform .mt-pixel-eye-frame{fill:currentColor;opacity:.92}
#loginform .mt-pixel-eye-core{fill:#071006}
#loginform .mt-pixel-eye-glint{fill:#fff}
#loginform .mt-pixel-eye-slash{
	fill:#eaffdf;
	filter:drop-shadow(0 0 4px rgba(168,239,0,.75));
	opacity:1;
	transform-origin:center;
	transition:opacity .25s ease,transform .35s cubic-bezier(.2,.8,.2,1);
}
#loginform .mt-password-toggle[aria-pressed="true"] .mt-pixel-eye-slash{opacity:0;transform:scale(.6) rotate(-20deg)}
#loginform .mt-password-shell.is-concealed .mt-password-toggle svg{animation:mt-password-eye-glitch 1.8s steps(2,end) infinite}
#loginform .mt-password-shell.is-revealed .mt-password-toggle{
	border-color:rgba(255,255,255,.34);
	color:#fff;
	background:rgba(255,255,255,.055);
}
@keyframes mt-password-matrix{
	0%{background-position:0 0,0 0;transform:translate3d(0,-10%,0)}
	38%{transform:translate3d(0,0,0)}
	40%{transform:translate3d(4px,-2px,0)}
	43%{transform:translate3d(-2px,1px,0)}
	46%,100%{background-position:39px 0,0 25px;transform:translate3d(0,10%,0)}
}
@keyframes mt-password-scan{
	0%,100%{clip-path:polygon(0 5%,100% 5%,100% 23%,0 23%);transform:translateX(-2%)}
	34%{clip-path:polygon(0 38%,100% 38%,100% 52%,0 52%);transform:translateX(4%)}
	68%{clip-path:polygon(0 72%,100% 72%,100% 91%,0 91%);transform:translateX(-3%)}
}
@keyframes mt-password-eye-glitch{
	0%,88%,100%{transform:translate(0);filter:none}
	90%{transform:translate(-2px,1px);filter:drop-shadow(3px 0 rgba(168,239,0,.45))}
	94%{transform:translate(2px,-1px);filter:drop-shadow(-3px 0 rgba(255,255,255,.3))}
}
@media(prefers-reduced-motion:reduce){
	#loginform .mt-password-shell::before,
	#loginform .mt-password-shell::after,
	#loginform .mt-password-shell.is-concealed .mt-password-toggle svg{animation:none}
}

.mt-form-card,
.mt-banner,
.mt-quote,
.mt-principles-strip{
	--mx:50%;
	--my:50%;
	position:relative;
	isolation:isolate;
	overflow:hidden;
}
.mt-form-card::before,
.mt-banner::before,
.mt-quote::before,
.mt-principles-strip::before{
	content:"";
	position:absolute;
	inset:0;
	z-index:0;
	pointer-events:none;
	border-radius:inherit;
	background:radial-gradient(320px circle at var(--mx) var(--my),rgba(168,239,0,.13),rgba(168,239,0,.04) 38%,transparent 72%);
	opacity:0;
	transition:opacity .25s ease;
}
.mt-form-card.is-pointer-over::before,
.mt-banner.is-pointer-over::before,
.mt-quote.is-pointer-over::before,
.mt-principles-strip.is-pointer-over::before{opacity:1}
.mt-form-card>*,
.mt-banner>*,
.mt-quote>*,
.mt-principles-strip>*{position:relative;z-index:1}

.mt-hero-interactive{position:relative;isolation:isolate;overflow:hidden}
.mt-image-hero{
	--mt-hero-position-x:center;
	--mt-hero-scroll-y:0px;
	background-position:var(--mt-hero-position-x) calc(50% + var(--mt-hero-scroll-y));
}
@media(max-width:1050px){
	.mt-image-hero{--mt-hero-position-x:62%}
}
@media(max-width:700px){
	.mt-image-hero{--mt-hero-position-x:68%}
}
.mt-hero-interactive>.mt-shell,
.mt-hero-interactive>.mt-page-head,
.mt-hero-interactive>.mt-post-grid,
.mt-hero-interactive>.mt-prose{position:relative;z-index:2}
.mt-page-pixels{
	position:absolute;
	right:3%;
	top:18%;
	z-index:1;
	width:min(480px,38vw);
	height:62%;
	pointer-events:none;
	transform:translate(var(--hero-x,0),var(--hero-y,0));
	transition:transform .28s ease-out;
}
.mt-page-pixels i{
	position:absolute;
	width:6px;
	height:6px;
	background:var(--green);
	box-shadow:0 0 16px rgba(168,239,0,.62);
	animation:mt-float-pixel 4.8s ease-in-out infinite;
}
.mt-page-pixels i:nth-child(1){left:9%;top:22%;animation-delay:-.4s}
.mt-page-pixels i:nth-child(2){right:12%;top:8%;width:4px;height:4px;animation-delay:-1.2s}
.mt-page-pixels i:nth-child(3){left:45%;bottom:6%;width:10px;height:10px;animation-delay:-2.3s}
.mt-page-pixels i:nth-child(4){right:2%;bottom:30%;width:5px;height:5px;animation-delay:-3.1s}
.mt-page-pixels i:nth-child(5){left:0;bottom:42%;width:3px;height:3px;animation-delay:-1.7s}
.mt-page-pixels i:nth-child(6){left:68%;top:37%;width:7px;height:7px;animation-delay:-2.8s}
.mt-page-pixels i:nth-child(7){left:28%;top:3%;width:3px;height:3px;animation-delay:-3.8s}
.mt-hero-choreo.mt-reveal{
	clip-path:inset(0 0 70% 0);
	transform:translateY(34px) skewY(1.5deg);
	transform-origin:left bottom;
	transition:opacity .8s ease,transform 1s cubic-bezier(.16,1,.3,1),clip-path 1s cubic-bezier(.16,1,.3,1);
}
.mt-hero-choreo.mt-reveal.is-visible{clip-path:inset(-.08em 0 -.18em 0);transform:none}
.mt-image-hero::after{
	content:"";
	position:absolute;
	inset:0;
	z-index:0;
	pointer-events:none;
	background:radial-gradient(360px circle at calc(72% + var(--hero-x,0px)) calc(48% + var(--hero-y,0px)),rgba(168,239,0,.07),transparent 70%);
	mix-blend-mode:screen;
}

/* Modal continuity, stronger cursor light and more confident controls. */
.mt-cursor{z-index:1000010}
.mt-cursor-trail{z-index:1000009}
.mt-intro-active .mt-cursor,
.mt-intro-active .mt-cursor-trail{opacity:0!important}

.mt-button,
.mt-nav-cta{
	gap:14px;
	padding:16px 24px;
	font-size:11px;
	font-weight:800;
	letter-spacing:.085em;
}
.mt-nav-cta{padding:14px 21px}
.mt-button>span,
.mt-nav-cta>span{
	display:inline-grid;
	place-items:center;
	min-width:18px;
	font-size:18px;
	font-weight:900;
	line-height:1;
}
.mt-card-explore{font-weight:800}
.mt-card-explore b{font-size:20px;line-height:1}

.mt-card-modal{
	--mt-modal-inset:clamp(18px,5vw,70px);
	inset:var(--mt-modal-inset);
	height:calc(100vh - var(--mt-modal-inset) - var(--mt-modal-inset));
	overflow:hidden auto;
	border-color:#555f51;
}
.mt-expanded-content{height:100%;min-height:100%}
.mt-expanded-media{height:100%;min-height:100%}
.mt-expanded-media img{display:block}

:is(.mt-card,.mt-case,.mt-package,.mt-post-card,.mt-inline-cta,.mt-form-card,.mt-banner,.mt-quote,.mt-principles-strip){
	transition:transform .35s,background .35s,border-color .25s,box-shadow .25s;
}
:is(.mt-card,.mt-case,.mt-package,.mt-post-card,.mt-inline-cta,.mt-form-card,.mt-banner,.mt-quote,.mt-principles-strip)::before{
	background:radial-gradient(340px circle at var(--mx) var(--my),rgba(168,239,0,.34),rgba(168,239,0,.12) 42%,transparent 74%);
}
:is(.mt-card,.mt-case,.mt-package,.mt-post-card,.mt-inline-cta,.mt-form-card,.mt-banner,.mt-quote,.mt-principles-strip)::after{
	content:"";
	position:absolute;
	inset:0;
	z-index:3;
	padding:1.5px;
	border:0;
	border-radius:inherit;
	pointer-events:none;
	background:radial-gradient(235px circle at var(--mx) var(--my),#fff 0,rgba(168,239,0,1) 24%,rgba(168,239,0,.62) 48%,transparent 76%);
	-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
	-webkit-mask-composite:xor;
	mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
	mask-composite:exclude;
	opacity:0;
	transition:opacity .2s ease;
}
:is(.mt-card,.mt-case,.mt-package,.mt-post-card,.mt-inline-cta,.mt-form-card,.mt-banner,.mt-quote,.mt-principles-strip).is-pointer-over{
	border-color:#46513e;
	box-shadow:0 0 34px rgba(168,239,0,.14);
}
:is(.mt-card,.mt-case,.mt-package,.mt-post-card,.mt-inline-cta,.mt-form-card,.mt-banner,.mt-quote,.mt-principles-strip).is-pointer-over::after{opacity:1}

.mt-blog-hero .mt-hero-copy h1{
	max-width:100%;
	padding-bottom:.14em;
	line-height:1.08;
}

/* The longest Home title line must remain inside its animated crop at every width. */
.mt-home-hero .mt-hero-title{
	max-width:min(800px,52vw);
}

/* Keep large editorial headings clear of reveal masks and font descenders. */
.mt-inner-hero h1,
.mt-contact h1,
.mt-page-top h1,
.mt-legal h1,
.mt-error h1{
	padding-bottom:.08em;
}

/* Give the 404 heading the same cinematic hierarchy as the core page heroes. */
.mt-error{
	position:relative;
	min-height:calc(100svh - 110px);
	padding-top:clamp(165px,20vh,230px);
	padding-bottom:clamp(90px,12vh,150px);
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	justify-content:center;
	overflow:hidden;
	isolation:isolate;
}
.mt-error::before{
	content:"";
	position:absolute;
	inset:0;
	z-index:-2;
	background:
		radial-gradient(circle at 78% 46%,rgba(168,239,0,.11),transparent 26%),
		linear-gradient(115deg,transparent 35%,rgba(255,255,255,.025),transparent 68%);
}
.mt-error::after{
	content:"";
	position:absolute;
	right:3%;
	top:50%;
	width:min(42vw,620px);
	aspect-ratio:1;
	z-index:-1;
	transform:translateY(-45%);
	opacity:.42;
	background-image:
		linear-gradient(rgba(168,239,0,.16) 1px,transparent 1px),
		linear-gradient(90deg,rgba(168,239,0,.16) 1px,transparent 1px);
	background-size:24px 24px;
	mask-image:radial-gradient(circle,#000 0 35%,transparent 72%);
}
.mt-error-code{
	position:absolute;
	right:4%;
	top:50%;
	z-index:-1;
	transform:translateY(-52%);
	color:rgba(255,255,255,.025);
	font:800 clamp(180px,31vw,500px)/.75 var(--display);
	letter-spacing:-.09em;
	text-shadow:0 0 80px rgba(168,239,0,.08);
	pointer-events:none;
}
.mt-error h1{
	max-width:900px;
	margin:0 0 24px;
	font:800 clamp(50px,6.2vw,100px)/.98 var(--display);
	letter-spacing:-.055em;
}
.mt-error>p:not(.mt-eyebrow){
	max-width:580px;
	margin:0 0 34px;
	color:#aeb3ac;
	font-size:16px;
}

@media(max-width:700px){
	.mt-page-pixels{right:-8%;top:18%;width:58vw;opacity:.58}
	.mt-case-image{aspect-ratio:4/5}
	.mt-card-modal{
		--mt-modal-inset:10px;
		inset:var(--mt-modal-inset);
		height:calc(100vh - 20px);
	}
	.mt-expanded-content{height:auto;min-height:100%}
	.mt-expanded-media{height:260px;min-height:260px}
	.mt-button,.mt-nav-cta{gap:11px;font-size:10px}
	.mt-button>span,.mt-nav-cta>span{font-size:17px}
	.mt-home-hero .mt-hero-title{max-width:100%;font-size:clamp(34px,10.5vw,48px)}
	.mt-blog-hero .mt-hero-copy{padding-right:8px}
	.mt-blog-hero .mt-hero-copy h1{font-size:clamp(40px,12vw,48px);line-height:1.1;letter-spacing:-.045em}
	.mt-error{min-height:100svh;padding-top:145px;padding-bottom:90px}
	.mt-error h1{font-size:clamp(44px,13vw,58px);line-height:1.02;letter-spacing:-.045em}
	.mt-error-code{right:-9%;font-size:72vw;opacity:.8}
	.mt-error::after{right:-24%;width:90vw}
}
@media(pointer:coarse){
	.mt-page-pixels{transform:none}
	.mt-form-card::before,
	.mt-banner::before,
	.mt-quote::before,
	.mt-principles-strip::before,
	.mt-form-card::after,
	.mt-banner::after,
	.mt-quote::after,
	.mt-principles-strip::after{display:none}
}
@media(prefers-reduced-motion:reduce){
	.mt-page-pixels i{animation:none}
	.mt-page-pixels{transform:none}
	.mt-hero-choreo.mt-reveal{clip-path:none;transform:none}
}

/* Floating pill navigation — v3.4 */
.mt-header{
	--mt-header-h:74px;
	position:fixed;
	top:18px;
	left:0;
	right:0;
	width:calc(100vw - 48px);
	max-width:1480px;
	height:var(--mt-header-h);
	margin-inline:auto;
	z-index:1000;
	border:0;
	border-radius:999px;
	background:transparent;
	isolation:isolate;
	overflow:visible;
	transition:top .35s ease,height .35s ease;
}
.mt-header::before{
	content:"";
	position:absolute;
	inset:0;
	z-index:0;
	border-radius:inherit;
	border:1px solid rgba(255,255,255,.14);
	background:
		linear-gradient(110deg,rgba(255,255,255,.075),transparent 18%,transparent 78%,rgba(168,239,0,.045)),
		rgba(4,6,4,.62);
	box-shadow:
		0 18px 55px rgba(0,0,0,.36),
		inset 0 1px 0 rgba(255,255,255,.07);
	backdrop-filter:blur(18px) saturate(128%);
	-webkit-backdrop-filter:blur(18px) saturate(128%);
	transition:background .35s ease,box-shadow .35s ease,border-color .35s ease;
}
.mt-header.is-scrolled{
	position:fixed;
	background:transparent;
	backdrop-filter:none;
	-webkit-backdrop-filter:none;
}
.mt-header.is-scrolled::before{
	border-color:rgba(255,255,255,.2);
	background:
		linear-gradient(110deg,rgba(255,255,255,.08),transparent 20%,transparent 74%,rgba(168,239,0,.06)),
		rgba(4,6,4,.84);
	box-shadow:
		0 20px 65px rgba(0,0,0,.54),
		0 0 34px rgba(168,239,0,.05),
		inset 0 1px 0 rgba(255,255,255,.08);
}
.mt-header-inner{
	position:relative;
	z-index:2;
	width:100%;
	height:100%;
	margin:0;
	padding:0 18px 0 20px;
	border-radius:inherit;
}
.mt-header .mt-wordmark{
	position:relative;
	z-index:4;
	flex:0 0 auto;
}
.mt-header .mt-logo-image{
	display:block;
	width:232px;
	height:auto;
	max-height:48px;
	object-fit:contain;
	background:transparent!important;
	filter:drop-shadow(0 0 13px rgba(168,239,0,.06));
}
.mt-header .mt-nav{
	position:relative;
	z-index:3;
	gap:22px;
}
.mt-header .mt-nav ul{gap:24px}
.mt-header .mt-nav-cta{border-radius:999px}
.mt-scroll-progress{
	position:absolute;
	inset:-2px;
	z-index:6;
	display:block;
	width:calc(100% + 4px);
	height:calc(100% + 4px);
	overflow:visible;
	pointer-events:none;
}
.mt-scroll-progress rect{
	fill:none;
	vector-effect:non-scaling-stroke;
}
.mt-scroll-progress-track{
	stroke:rgba(255,255,255,.09);
	stroke-width:.55;
}
.mt-scroll-progress-value{
	stroke:#d9ff82;
	stroke-width:1.15;
	stroke-linecap:round;
	stroke-dasharray:1;
	stroke-dashoffset:1;
	filter:
		drop-shadow(0 0 1px rgba(255,255,255,.95))
		drop-shadow(0 0 3px rgba(168,239,0,.9))
		drop-shadow(0 0 7px rgba(168,239,0,.44));
	transition:none;
	will-change:stroke-dashoffset;
}
.admin-bar .mt-header{top:50px}
body.menu-open{overflow:hidden;overscroll-behavior:none}

.mt-quote-statement{
	position:relative;
	min-height:300px;
	padding:68px clamp(28px,7vw,110px);
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	gap:20px;
	text-align:center;
	overflow:hidden;
}
.mt-quote-statement>span{
	display:block;
	color:var(--green);
	font:800 86px/.55 Georgia,serif;
	text-shadow:0 0 26px rgba(168,239,0,.24);
}
.mt-quote-statement blockquote{
	max-width:1020px;
	margin:0 auto;
	font:650 clamp(27px,3.2vw,48px)/1.18 var(--display);
	letter-spacing:-.04em;
	text-wrap:balance;
}
.mt-quote-statement blockquote em{
	color:var(--green);
	font-style:normal;
}

@media(max-width:1180px){
	.mt-header .mt-nav{gap:16px}
	.mt-header .mt-nav ul{gap:18px}
	.mt-header .mt-logo-image{width:210px}
}

@media(max-width:700px){
	.mt-header{
		--mt-header-h:66px;
		top:10px;
		width:calc(100vw - 18px);
	}
	.admin-bar .mt-header{top:56px}
	.mt-header-inner{padding:0 12px 0 13px}
	.mt-header .mt-logo-image{width:184px;max-height:42px}
	.mt-header::before{
		background:
			linear-gradient(110deg,rgba(255,255,255,.08),transparent 34%,rgba(168,239,0,.04)),
			rgba(4,6,4,.78);
		box-shadow:0 14px 42px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.07);
	}
	.menu-open .mt-header::before{
		border-color:rgba(168,239,0,.24);
		background:rgba(5,7,5,.9);
		box-shadow:0 14px 42px rgba(0,0,0,.58),0 0 32px rgba(168,239,0,.08);
	}
	.mt-menu-toggle{
		position:relative;
		z-index:5;
		display:block;
		width:44px;
		height:44px;
		flex:0 0 44px;
		padding:0;
		border:0;
		border-radius:50%;
		background:rgba(255,255,255,.035);
		color:#fff;
		cursor:pointer;
		transition:background .35s ease,transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease;
	}
	.mt-menu-toggle:hover,
	.mt-menu-toggle:focus-visible{
		background:rgba(168,239,0,.11);
		box-shadow:0 0 0 1px rgba(168,239,0,.32),0 0 24px rgba(168,239,0,.12);
		outline:0;
	}
	.mt-menu-toggle>span:not(.screen-reader-text){
		position:absolute;
		left:50%;
		top:50%;
		display:block;
		width:21px;
		height:1.5px;
		margin:0;
		background:#fff;
		transform-origin:center;
		transition:transform .55s cubic-bezier(.2,.85,.2,1),width .35s ease,background .35s ease;
	}
	.mt-menu-toggle>span:first-child{transform:translate(-50%,-5px)}
	.mt-menu-toggle>span:nth-child(2){transform:translate(-50%,5px);width:14px;margin-left:3.5px}
	.mt-menu-toggle[aria-expanded="true"]{transform:rotate(90deg);background:rgba(168,239,0,.09)}
	.mt-menu-toggle[aria-expanded="true"]>span:first-child{transform:translate(-50%,0) rotate(45deg)}
	.mt-menu-toggle[aria-expanded="true"]>span:nth-child(2){width:21px;margin-left:0;transform:translate(-50%,0) rotate(-45deg)}

	.mt-header .mt-nav{
		position:fixed;
		inset:0;
		z-index:1;
		width:100vw;
		height:100svh;
		min-height:100svh;
		margin:0;
		padding:clamp(126px,17vh,168px) 22px 36px;
		display:flex;
		flex-direction:column;
		justify-content:center;
		align-items:stretch;
		gap:22px;
		overflow:hidden auto;
		background:
			radial-gradient(circle at 86% 12%,rgba(168,239,0,.12),transparent 24%),
			radial-gradient(circle at 12% 86%,rgba(255,255,255,.045),transparent 28%),
			linear-gradient(145deg,#020302 0%,#060806 52%,#020302 100%);
		opacity:0;
		visibility:hidden;
		pointer-events:none;
		clip-path:circle(0 at calc(100% - 42px) 43px);
		transform:scale(1.035);
		transform-origin:top right;
		transition:
			clip-path .82s cubic-bezier(.76,0,.16,1),
			opacity .38s ease .2s,
			transform .82s cubic-bezier(.2,.85,.2,1),
			visibility 0s linear .84s;
	}
	.admin-bar .mt-header .mt-nav{
		top:0;
		height:100svh;
		min-height:100svh;
	}
	.mt-header .mt-nav::before{
		content:"";
		position:absolute;
		inset:-12%;
		z-index:-1;
		opacity:0;
		background-image:
			linear-gradient(rgba(168,239,0,.055) 1px,transparent 1px),
			linear-gradient(90deg,rgba(168,239,0,.055) 1px,transparent 1px);
		background-size:34px 34px;
		mask-image:radial-gradient(circle at 75% 28%,#000,transparent 58%);
		transform:rotate(-4deg) scale(1.08);
		transition:opacity .6s ease .3s,transform 1.1s cubic-bezier(.2,.85,.2,1);
	}
	.mt-header .mt-nav::after{
		content:"";
		position:absolute;
		right:-70px;
		top:18%;
		z-index:-1;
		width:210px;
		aspect-ratio:1;
		border:1px solid rgba(168,239,0,.14);
		border-radius:50%;
		box-shadow:0 0 100px rgba(168,239,0,.08),inset 0 0 70px rgba(168,239,0,.04);
		opacity:0;
		transform:scale(.5);
		transition:opacity .55s ease .28s,transform 1s cubic-bezier(.2,.85,.2,1);
	}
	.mt-header .mt-nav.is-open{
		opacity:1;
		visibility:visible;
		pointer-events:auto;
		clip-path:circle(150vmax at calc(100% - 42px) 43px);
		transform:none;
		transition:
			clip-path .92s cubic-bezier(.76,0,.16,1),
			opacity .2s ease,
			transform .92s cubic-bezier(.2,.85,.2,1),
			visibility 0s linear;
	}
	.mt-header .mt-nav.is-open::before{opacity:1;transform:rotate(-1deg) scale(1)}
	.mt-header .mt-nav.is-open::after{opacity:1;transform:scale(1)}
	.mt-header .mt-nav ul{
		position:relative;
		z-index:2;
		width:min(100%,520px);
		margin:auto auto 0;
		display:grid;
		grid-template-columns:1fr;
		gap:0;
		text-align:left;
	}
	.mt-header .mt-nav li{
		opacity:0;
		transform:translate3d(0,32px,0) skewY(3deg);
		transition:opacity .28s ease,transform .55s cubic-bezier(.2,.85,.2,1);
	}
	.mt-header .mt-nav.is-open li{opacity:1;transform:none}
	.mt-header .mt-nav.is-open li:nth-child(1){transition-delay:.22s}
	.mt-header .mt-nav.is-open li:nth-child(2){transition-delay:.28s}
	.mt-header .mt-nav.is-open li:nth-child(3){transition-delay:.34s}
	.mt-header .mt-nav.is-open li:nth-child(4){transition-delay:.4s}
	.mt-header .mt-nav.is-open li:nth-child(5){transition-delay:.46s}
	.mt-header .mt-nav.is-open li:nth-child(6){transition-delay:.52s}
	.mt-header .mt-nav.is-open li:nth-child(7){transition-delay:.58s}
	.mt-header .mt-nav li a{
		display:flex;
		align-items:center;
		justify-content:space-between;
		min-height:54px;
		padding:7px 2px;
		border-bottom:1px solid rgba(255,255,255,.09);
		color:#f7f8f5;
		font:700 clamp(30px,9.2vw,48px)/1 var(--display);
		letter-spacing:-.045em;
		text-transform:none;
		transition:color .25s ease,padding-left .25s ease,border-color .25s ease;
	}
	.mt-header .mt-nav li a::before{
		content:"0" counter(list-item);
		margin-right:18px;
		color:var(--green);
		font:600 8px/1 var(--display);
		letter-spacing:.12em;
	}
	.mt-header .mt-nav li a::after{display:none}
	.mt-header .mt-nav li a:hover,
	.mt-header .mt-nav .current-menu-item>a{
		padding-left:10px;
		color:var(--green);
		border-color:rgba(168,239,0,.36);
	}
	.mt-header .mt-nav-cta{
		position:relative;
		z-index:2;
		width:min(100%,520px);
		min-height:54px;
		margin:clamp(12px,2.5vh,24px) auto 0;
		padding:16px 22px;
		border:0;
		border-radius:999px;
		background:var(--green);
		color:#050605;
		font-size:11px;
		opacity:0;
		transform:translateY(26px);
		transition:opacity .35s ease,transform .6s cubic-bezier(.2,.85,.2,1),box-shadow .3s ease;
	}
	.mt-header .mt-nav.is-open .mt-nav-cta{opacity:1;transform:none;transition-delay:.6s}
	.mt-header .mt-nav-cta:hover{box-shadow:0 0 36px rgba(168,239,0,.28)}
	.mt-quote-statement{min-height:260px;padding:55px 24px}
	.mt-quote-statement>span{font-size:70px}
	.mt-quote-statement blockquote{font-size:clamp(25px,7.7vw,35px)}
}

@media(max-width:380px){
	.mt-header .mt-logo-image{width:164px}
	.mt-header .mt-nav{padding-inline:16px}
	.mt-header .mt-nav li a{font-size:29px;min-height:49px}
}

@media(prefers-reduced-motion:reduce){
	.mt-scroll-progress-value{transition:none}
	.mt-header .mt-nav,
	.mt-header .mt-nav::before,
	.mt-header .mt-nav::after,
	.mt-header .mt-nav li,
	.mt-header .mt-nav-cta,
	.mt-menu-toggle,
	.mt-menu-toggle>span:not(.screen-reader-text){transition-duration:.01ms!important}
}

/* Completion cue, desktop navigation type and shared social clusters — v3.4.2 */
@keyframes mt-progress-complete-light{
	0%,100%{
		stroke-width:1.15;
		filter:
			drop-shadow(0 0 1px rgba(255,255,255,.92))
			drop-shadow(0 0 3px rgba(168,239,0,.82))
			drop-shadow(0 0 7px rgba(168,239,0,.38));
	}
	50%{
		stroke-width:1.55;
		filter:
			drop-shadow(0 0 2px rgba(255,255,255,1))
			drop-shadow(0 0 7px rgba(168,239,0,1))
			drop-shadow(0 0 16px rgba(168,239,0,.68));
	}
}

/* Search-led service landing pages. */
.mt-service-hero{
	min-height:100svh;
	display:flex;
	align-items:center;
	padding:150px 0 80px;
	position:relative;
	overflow:hidden;
	border-bottom:1px solid var(--line);
	background:
		radial-gradient(circle at 78% 42%,rgba(168,239,0,.1),transparent 28%),
		linear-gradient(135deg,#030403,#090b08 58%,#030403);
}
.mt-service-hero::before{
	content:"";
	position:absolute;
	inset:0;
	opacity:.24;
	pointer-events:none;
	background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
	background-size:42px 42px;
	mask-image:linear-gradient(90deg,#000,transparent 72%);
}
.mt-service-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.72fr);align-items:center;gap:clamp(50px,7vw,120px)}
.mtcp-service-identity{display:none!important}
.mt-service-breadcrumb{
	margin:0 0 26px;
	color:#81877f;
	font:700 9px/1.4 var(--display);
	letter-spacing:.12em;
	text-transform:uppercase;
}
.mt-service-breadcrumb ol{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:8px;
	margin:0;
	padding:0;
	list-style:none;
}
.mt-service-breadcrumb li{display:flex;align-items:center;gap:8px}
.mt-service-breadcrumb li+li::before{
	content:"/";
	color:rgba(168,239,0,.72);
	text-shadow:0 0 10px rgba(168,239,0,.4);
}
.mt-service-breadcrumb a{transition:color .25s}
.mt-service-breadcrumb a:hover,
.mt-service-breadcrumb a:focus-visible{color:var(--green)}
.mt-service-breadcrumb [aria-current="page"]{color:#d9ddd7}
.mt-service-hero-copy h1{max-width:900px;margin:0;font:700 clamp(54px,6.6vw,106px)/.92 var(--display);letter-spacing:-.065em;text-wrap:balance}
.mt-service-lead{max-width:710px;margin:30px 0 0;color:#b8bdb6;font-size:clamp(16px,1.35vw,20px);line-height:1.7}
.mt-service-investment{
	display:grid;
	grid-template-columns:minmax(170px,.52fr) minmax(0,1.48fr);
	gap:clamp(20px,3vw,38px);
	max-width:760px;
	margin:28px 0 0;
	padding:21px 24px;
	border:1px solid rgba(255,255,255,.15);
	border-radius:var(--radius);
	background:
		radial-gradient(circle at 8% 0,rgba(168,239,0,.12),transparent 42%),
		linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012));
	box-shadow:0 18px 48px rgba(0,0,0,.24),inset 0 0 0 1px rgba(168,239,0,.025);
	backdrop-filter:blur(12px);
}
.mt-service-price{
	display:flex;
	flex-direction:column;
	justify-content:center;
	padding-right:24px;
	border-right:1px solid rgba(255,255,255,.12);
}
.mt-service-price>span{
	color:var(--green);
	font:800 8px/1.2 var(--display);
	letter-spacing:.13em;
	text-transform:uppercase;
}
.mt-service-price strong{
	margin:8px 0 4px;
	color:#fff;
	font:750 clamp(25px,2.2vw,34px)/1 var(--display);
	letter-spacing:-.04em;
}
.mt-service-price strong small{
	color:#aeb4ac;
	font-size:10px;
	letter-spacing:.06em;
	text-transform:uppercase;
}
.mt-service-price em{
	color:#929990;
	font:700 9px/1.3 var(--body);
	font-style:normal;
	letter-spacing:.08em;
	text-transform:uppercase;
}
.mt-service-investment-detail{
	display:flex;
	flex-direction:column;
	justify-content:center;
}
.mt-service-investment-detail>span{
	align-self:flex-start;
	padding:7px 10px;
	border:1px solid rgba(168,239,0,.32);
	border-radius:999px;
	color:#dfffb1;
	background:rgba(168,239,0,.07);
	font:800 8px/1 var(--display);
	letter-spacing:.1em;
	text-transform:uppercase;
	box-shadow:0 0 18px rgba(168,239,0,.06);
}
.mt-service-investment-detail p{
	margin:10px 0 0;
	color:#aeb4ac;
	font-size:12px;
	line-height:1.55;
}
.mt-service-hero-media{position:relative;margin:0;aspect-ratio:.82;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);background:#0b0d0a;box-shadow:0 30px 100px rgba(0,0,0,.55)}
.mt-service-hero-media::after{content:"";position:absolute;inset:0;border:1px solid rgba(168,239,0,.35);border-radius:inherit;box-shadow:inset 0 0 40px rgba(168,239,0,.06);pointer-events:none}
.mt-service-hero-media img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.08);transition:filter .8s ease,transform 1.2s cubic-bezier(.2,.7,.2,1)}
.mt-service-hero-media:hover img{filter:grayscale(.15) contrast(1.03);transform:scale(1.035)}
.mt-service-hero-media figcaption{position:absolute;left:24px;bottom:22px;color:#fff;font:700 10px/1 var(--display);letter-spacing:.1em;text-transform:uppercase}
.mt-service-heading{max-width:820px}
.mt-service-outcome{min-height:270px;display:flex;flex-direction:column;justify-content:flex-end}
.mt-service-outcome h3{font-size:clamp(18px,1.6vw,25px);text-transform:none}
.mt-service-scope{
	position:relative;
	border-block:1px solid var(--line);
	background:
		radial-gradient(circle at 82% 18%,rgba(168,239,0,.075),transparent 28%),
		linear-gradient(180deg,#050705,#080a08);
	overflow:hidden;
}
.mt-service-scope::before{
	content:"";
	position:absolute;
	inset:0;
	opacity:.2;
	background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);
	background-size:42px 42px;
	mask-image:linear-gradient(90deg,transparent,#000 55%,transparent);
	pointer-events:none;
}
.mt-service-scope>.mt-shell{position:relative}
.mt-service-scope-heading{margin-bottom:clamp(42px,6vw,78px)}
.mt-service-scope-heading>p:not(.mt-eyebrow){max-width:720px;margin:18px 0 0;color:var(--grey)}
.mt-service-scope-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(22px,3vw,42px);align-items:start}
.mt-service-accordion-group{
	overflow:hidden;
	border:1px solid rgba(255,255,255,.12);
	border-radius:16px;
	background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.012));
	box-shadow:0 28px 70px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.035);
	backdrop-filter:blur(14px);
}
.mt-service-pricing-group{border-color:rgba(168,239,0,.22)}
.mt-service-accordion-intro{display:flex;gap:18px;align-items:flex-start;padding:27px 28px}
.mt-service-accordion-intro>span{
	display:grid;
	place-items:center;
	flex:0 0 38px;
	width:38px;
	height:38px;
	border:1px solid rgba(168,239,0,.32);
	border-radius:10px;
	color:var(--green);
	background:rgba(168,239,0,.055);
	font:750 9px/1 var(--display);
	letter-spacing:.1em;
}
.mt-service-accordion-intro .mt-eyebrow{margin:1px 0 7px}
.mt-service-accordion-intro h3{margin:0;font:650 clamp(21px,2vw,29px)/1.1 var(--display);letter-spacing:-.025em}
.mt-service-accordion-list{border-top:1px solid rgba(255,255,255,.1)}
.mt-service-accordion{border-bottom:1px solid rgba(255,255,255,.09);transition:background .35s ease,border-color .35s ease,box-shadow .35s ease}
.mt-service-accordion:last-child{border-bottom:0}
.mt-service-accordion:hover,.mt-service-accordion[open]{background:rgba(168,239,0,.035)}
.mt-service-accordion[open]{box-shadow:inset 2px 0 var(--green)}
.mt-service-accordion summary{
	display:grid;
	grid-template-columns:minmax(0,1fr) auto 34px;
	gap:13px;
	align-items:center;
	min-height:76px;
	padding:18px 21px;
	cursor:pointer;
	list-style:none;
}
.mt-service-accordion summary::-webkit-details-marker{display:none}
.mt-service-accordion summary:focus-visible{outline:2px solid var(--green);outline-offset:-3px}
.mt-service-accordion-title{font:650 clamp(14px,1.3vw,18px)/1.35 var(--display);letter-spacing:-.01em}
.mt-service-accordion summary strong{
	color:#dfffb1;
	font:750 10px/1.25 var(--display);
	letter-spacing:.045em;
	text-align:right;
	text-transform:uppercase;
}
.mt-accordion-icon{
	display:grid;
	place-items:center;
	width:32px;
	height:32px;
	border:1px solid #465044;
	border-radius:50%;
	color:var(--green);
	font:500 19px/1 var(--body);
	transition:transform .42s cubic-bezier(.2,.8,.2,1),border-color .35s,background .35s,color .35s,box-shadow .35s;
}
.mt-accordion[open] .mt-accordion-icon{
	transform:rotate(45deg);
	border-color:var(--green);
	background:var(--green);
	color:#071000;
	box-shadow:0 0 18px rgba(168,239,0,.25);
}
.mt-accordion-panel{overflow:hidden}
.mt-accordion-panel>div{padding:0 68px 23px 21px}
.mt-accordion-panel p{margin:0;color:#aeb4ac;font-size:13px;line-height:1.7}
.mt-service-pricing-note{margin:0;padding:18px 22px 21px;border-top:1px solid rgba(168,239,0,.13);color:#80877f;font-size:10px;line-height:1.55}
.mt-accordion-ready:not([open])>.mt-accordion-panel{height:0}
.mt-section-deep,.mt-section-faq{background:#080a08;border-block:1px solid var(--line)}
.mt-service-split{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:clamp(60px,8vw,140px)}
.mt-service-sticky{align-self:start;position:sticky;top:150px}
.mt-service-sticky h2{max-width:480px;margin:0 0 24px;font:650 clamp(38px,4vw,64px)/1 var(--display);letter-spacing:-.045em}
.mt-service-sticky>p:not(.mt-eyebrow){max-width:490px;color:var(--grey)}
.mt-capability-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.mt-capability-list li{display:grid;grid-template-columns:55px 1fr;gap:25px;align-items:center;min-height:105px;padding:22px 0;border-bottom:1px solid var(--line)}
.mt-capability-list span{color:var(--green);font:600 10px var(--display);letter-spacing:.12em}
.mt-capability-list strong{font:550 clamp(17px,1.6vw,24px)/1.35 var(--display)}
.mt-process-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.mt-process-step{min-height:310px;padding:34px 30px;border-right:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.025),transparent);display:flex;flex-direction:column}
.mt-process-step:last-child{border-right:0}
.mt-process-step>span{color:var(--green);font:700 11px var(--display);letter-spacing:.12em}
.mt-process-step h3{margin:auto 0 13px;font:650 24px var(--display)}
.mt-process-step p{margin:0;color:var(--grey);font-size:13px}
.mt-faq-list{border-top:1px solid var(--line)}
.mt-faq{border-bottom:1px solid var(--line)}
.mt-faq summary{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:27px 0;cursor:pointer;list-style:none;font:600 clamp(16px,1.5vw,21px)/1.35 var(--display)}
.mt-faq summary::-webkit-details-marker{display:none}
.mt-faq .mt-accordion-icon{flex:0 0 30px;width:30px;height:30px}
.mt-faq .mt-accordion-panel>div{padding:0 55px 28px 0}
.mt-faq p{max-width:760px;color:var(--grey)}
.mt-service-banner{min-height:420px;margin:0;border-radius:var(--radius);background:linear-gradient(90deg,rgba(4,5,4,.98),rgba(4,5,4,.52)),url("../images/hero-home.webp") center/cover}
.mt-service-banner>div{max-width:760px}
.mt-service-banner h2{font-size:clamp(35px,4vw,62px);line-height:1;letter-spacing:-.045em}
.mt-footer-services{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 28px;padding:38px 0 4px;color:#9ba199;font:600 9px/1.4 var(--display);letter-spacing:.08em;text-transform:uppercase}
.mt-footer-services a{transition:color .25s}
.mt-footer-services a:hover,.mt-footer-services a:focus-visible{color:var(--green)}

@media(max-width:1050px){
	.mt-service-hero-grid{grid-template-columns:1fr .65fr;gap:35px}
	.mt-service-hero-copy h1{font-size:clamp(48px,7vw,76px)}
	.mt-service-scope-grid{grid-template-columns:1fr}
	.mt-process-grid{grid-template-columns:repeat(2,1fr)}
	.mt-process-step:nth-child(2){border-right:0}
	.mt-process-step:nth-child(-n+2){border-bottom:1px solid var(--line)}
}
@media(max-width:700px){
	.mt-service-hero{padding:125px 0 55px;align-items:flex-start}
	.mt-service-hero-grid{grid-template-columns:1fr;gap:42px}
	.mt-service-hero-copy h1{font-size:clamp(43px,13vw,66px)}
	.mt-service-lead{font-size:16px}
	.mt-service-breadcrumb{margin-bottom:20px}
	.mt-service-investment{grid-template-columns:1fr;padding:20px}
	.mt-service-price{padding:0 0 18px;border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}
	.mt-service-accordion-intro{padding:23px 20px}
	.mt-service-accordion summary{grid-template-columns:minmax(0,1fr) 32px;padding:17px 18px}
	.mt-service-accordion summary strong{grid-column:1;grid-row:2;text-align:left}
	.mt-service-accordion summary .mt-accordion-icon{grid-column:2;grid-row:1 / span 2}
	.mt-accordion-panel>div{padding:0 54px 21px 18px}
	.mt-service-hero-media{aspect-ratio:1.08}
	.mt-service-detail .mt-actions{display:grid;grid-template-columns:1fr;width:100%}
	.mt-service-detail .mt-button{width:100%}
	.mt-service-split{grid-template-columns:1fr;gap:40px}
	.mt-service-sticky{position:static}
	.mt-process-grid{grid-template-columns:1fr}
	.mt-process-step{min-height:240px;border-right:0;border-bottom:1px solid var(--line)}
	.mt-process-step:nth-child(2){border-right:0}
	.mt-process-step:last-child{border-bottom:0}
	.mt-service-banner{padding:38px 25px}
	.mt-footer-services{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px;padding:34px 15px 5px;text-align:center}
}

/* The Current — lightweight newsletter capture. */
.mt-footer-newsletter-trigger{
	appearance:none;
	padding:0;
	border:0;
	background:transparent;
	color:inherit;
	font:inherit;
	cursor:pointer;
}
.mt-footer-newsletter-trigger:hover,
.mt-footer-newsletter-trigger:focus-visible,
.mt-newsletter-privacy a:hover,
.mt-newsletter-privacy a:focus-visible,
.mt-form-consent a:hover,
.mt-form-consent a:focus-visible{color:var(--green)}
.mt-footer-newsletter-trigger:focus-visible,
.mt-newsletter-privacy a:focus-visible,
.mt-form-consent a:focus-visible{outline:1px solid var(--green);outline-offset:4px}
.mt-form-consent{
	margin:3px 0 0;
	color:#8e948b;
	font-size:10px;
	line-height:1.6;
}
.mt-form-consent a{color:#d8ddd4;text-decoration:underline;text-underline-offset:3px}
body.mt-newsletter-open{overflow:hidden;overscroll-behavior:none}
.mt-newsletter[hidden]{display:none!important}
.mt-newsletter{
	--green:#eaffdf;
	position:fixed;
	inset:0;
	z-index:1000005;
	display:grid;
	place-items:center;
	padding:clamp(16px,3vw,38px);
	opacity:0;
	visibility:hidden;
	pointer-events:none;
	transition:opacity .55s ease,visibility 0s linear .56s;
}
.mt-newsletter.is-visible{
	opacity:1;
	visibility:visible;
	pointer-events:auto;
	transition:opacity .55s ease,visibility 0s linear;
}
.mt-newsletter-backdrop{
	position:absolute;
	inset:0;
	width:100%;
	height:100%;
	padding:0;
	border:0;
	background:rgba(0,0,0,.77);
	backdrop-filter:blur(14px);
	cursor:default;
}
.mt-newsletter-panel{
	position:relative;
	z-index:1;
	display:grid;
	grid-template-columns:minmax(230px,.72fr) minmax(380px,1.28fr);
	width:min(850px,100%);
	max-height:calc(100svh - 32px);
	overflow:hidden auto;
	border:1px solid rgba(234,255,223,.48);
	border-radius:24px;
	background:
		linear-gradient(135deg,rgba(255,255,255,.045),transparent 38%),
		linear-gradient(145deg,#0b0e0a,#040504 62%);
	box-shadow:0 32px 100px rgba(0,0,0,.72),0 0 72px rgba(234,255,223,.13),inset 0 1px rgba(255,255,255,.1);
	opacity:0;
	transform:scale(.965);
	filter:blur(8px);
	transition:opacity .62s ease,transform .72s cubic-bezier(.16,1,.3,1),filter .62s ease;
}
.mt-newsletter.is-visible .mt-newsletter-panel{opacity:1;transform:scale(1);filter:blur(0)}
.mt-newsletter-close{
	position:absolute;
	top:18px;
	right:18px;
	z-index:4;
	width:42px;
	height:42px;
	padding:0;
	border:1px solid rgba(255,255,255,.16);
	border-radius:50%;
	background:rgba(0,0,0,.38);
	color:#fff;
	cursor:pointer;
	transition:border-color .25s,background .25s,transform .3s;
}
.mt-newsletter-close span{
	position:absolute;
	left:50%;
	top:50%;
	width:15px;
	height:1px;
	background:currentColor;
	transform:translate(-50%,-50%) rotate(45deg);
}
.mt-newsletter-close span+span{transform:translate(-50%,-50%) rotate(-45deg)}
.mt-newsletter-close:hover,
.mt-newsletter-close:focus-visible{
	border-color:var(--green);
	background:rgba(234,255,223,.1);
	color:var(--green);
	transform:rotate(5deg);
	outline:0;
}
.mt-newsletter-signal{
	position:relative;
	min-height:440px;
	overflow:hidden;
	display:grid;
	place-items:center;
	border-right:1px solid rgba(255,255,255,.09);
	background:
		radial-gradient(circle at 50% 50%,rgba(234,255,223,.16),transparent 33%),
		linear-gradient(rgba(234,255,223,.065) 1px,transparent 1px),
		linear-gradient(90deg,rgba(234,255,223,.065) 1px,transparent 1px),
		#060806;
	background-size:auto,27px 27px,27px 27px,auto;
}
.mt-newsletter-signal::before,
.mt-newsletter-signal::after{
	content:"";
	position:absolute;
	width:180px;
	aspect-ratio:1;
	border:1px solid rgba(234,255,223,.24);
	border-radius:50%;
}
.mt-newsletter-signal::after{width:270px;border-color:rgba(255,255,255,.07)}
.mt-newsletter-signal strong{
	position:relative;
	z-index:2;
	color:#fff;
	font:800 68px/1 var(--display);
	letter-spacing:-.08em;
	text-shadow:0 0 34px rgba(234,255,223,.32);
}
.mt-newsletter-signal strong::after{content:".";color:var(--green)}
.mt-newsletter-orbit{
	position:absolute;
	width:225px;
	aspect-ratio:1;
	border:1px dashed rgba(234,255,223,.34);
	border-radius:50%;
	animation:mt-newsletter-orbit 18s linear infinite;
}
@keyframes mt-newsletter-orbit{to{transform:rotate(360deg)}}
.mt-newsletter-signal i{
	position:absolute;
	width:7px;
	height:7px;
	background:var(--green);
	box-shadow:0 0 20px rgba(234,255,223,.8);
	animation:mt-float-pixel 4.8s ease-in-out infinite;
}
.mt-newsletter-signal i:nth-of-type(1){left:18%;top:21%}
.mt-newsletter-signal i:nth-of-type(2){right:19%;top:33%;width:4px;height:4px;animation-delay:-1.4s}
.mt-newsletter-signal i:nth-of-type(3){left:26%;bottom:19%;width:10px;height:10px;animation-delay:-2.6s}
.mt-newsletter-signal i:nth-of-type(4){right:13%;bottom:13%;animation-delay:-3.5s}
.mt-newsletter-signal i:nth-of-type(5){left:49%;top:10%;width:3px;height:3px;animation-delay:-.8s}
.mt-newsletter-content{
	display:flex;
	flex-direction:column;
	justify-content:center;
	padding:clamp(38px,5vw,68px);
}
.mt-newsletter-content .mt-eyebrow{margin-bottom:18px}
.mt-newsletter-content h2{
	margin:0 0 20px;
	color:#fff;
	font:650 clamp(38px,4.2vw,58px)/.98 var(--display);
	letter-spacing:-.055em;
}
.mt-newsletter-content h2 em{color:var(--green);font-style:normal}
.mt-newsletter-content>p:not(.mt-eyebrow,.mt-newsletter-privacy,.mt-newsletter-error){
	max-width:500px;
	margin:0 0 26px;
	color:#abb1a8;
	line-height:1.7;
}
.mt-newsletter-form{
	display:grid;
	grid-template-columns:minmax(0,1fr) auto;
	gap:11px;
	margin-top:4px;
}
.mt-newsletter-email input{
	width:100%;
	height:52px;
	padding:0 17px;
	border:1px solid rgba(255,255,255,.16);
	border-radius:12px;
	background:rgba(0,0,0,.33);
	color:#fff;
	outline:0;
	transition:border-color .25s,box-shadow .25s,background .25s;
}
.mt-newsletter-email input::placeholder{color:#7f857d}
.mt-newsletter-email input:focus{
	border-color:var(--green);
	background:rgba(0,0,0,.48);
	box-shadow:0 0 0 3px rgba(234,255,223,.09),0 0 24px rgba(234,255,223,.1);
}
.mt-newsletter-form .mt-button{
	min-height:52px;
	border-color:#f4ffed;
	border-radius:12px;
	background:#eaffdf;
	color:#050605;
	box-shadow:0 0 28px rgba(234,255,223,.15);
	white-space:nowrap;
}
.mt-newsletter-form .mt-button:hover,
.mt-newsletter-form .mt-button:focus-visible{
	background:#f4ffed;
	box-shadow:0 0 38px rgba(234,255,223,.24);
}
.mt-newsletter-consent{
	grid-column:1/-1;
	display:grid;
	grid-template-columns:18px 1fr;
	align-items:start;
	gap:9px;
	margin-top:4px;
	color:#8f958c;
	font-size:10px;
	line-height:1.45;
	cursor:pointer;
}
.mt-newsletter-consent input{
	appearance:none;
	width:17px;
	height:17px;
	margin:0;
	border:1px solid rgba(255,255,255,.26);
	border-radius:4px;
	background:#090b09;
	cursor:pointer;
}
.mt-newsletter-consent input:checked{
	border-color:var(--green);
	background:var(--green);
	box-shadow:inset 0 0 0 4px #090b09;
}
.mt-newsletter-consent input:focus-visible{outline:2px solid var(--green);outline-offset:2px}
.mt-newsletter-privacy{
	margin:14px 0 0;
	color:#70766e;
	font-size:9px;
}
.mt-newsletter-privacy a{text-decoration:underline;text-underline-offset:3px}
.mt-newsletter-error{
	margin:0 0 12px;
	padding:10px 12px;
	border:1px solid rgba(255,115,115,.28);
	border-radius:10px;
	background:rgba(160,25,25,.1);
	color:#ffc2c2;
	font-size:11px;
}
.mt-newsletter-success{
	display:flex;
	align-items:center;
	gap:15px;
	padding:18px;
	border:1px solid rgba(234,255,223,.32);
	border-radius:14px;
	background:rgba(234,255,223,.07);
}
.mt-newsletter-success>span{
	display:grid;
	place-items:center;
	width:40px;
	height:40px;
	border-radius:50%;
	background:var(--green);
	color:#050605;
	font-size:18px;
}
.mt-newsletter-success div{display:flex;flex-direction:column;gap:3px}
.mt-newsletter-success strong{font:650 16px/1.2 var(--display)}
.mt-newsletter-success small{color:#949a91}

@media(max-width:700px){
	.mt-footer-legal{flex-wrap:wrap;justify-content:center}
	.mt-newsletter{
		place-items:center;
		padding:14px;
	}
	.mt-newsletter-panel{
		grid-template-columns:1fr;
		width:min(100%,520px);
		max-height:calc(100svh - 28px);
		border-width:1px;
		border-radius:22px;
	}
	.mt-newsletter-signal{
		min-height:132px;
		border-right:0;
		border-bottom:1px solid rgba(255,255,255,.09);
	}
	.mt-newsletter-signal strong{font-size:45px}
	.mt-newsletter-signal::before{width:88px}
	.mt-newsletter-signal::after{width:135px}
	.mt-newsletter-orbit{width:110px}
	.mt-newsletter-content{padding:30px 22px max(26px,env(safe-area-inset-bottom))}
	.mt-newsletter-content h2{font-size:clamp(34px,11vw,47px)}
	.mt-newsletter-form{grid-template-columns:1fr}
	.mt-newsletter-form .mt-button{width:100%}
	.mt-newsletter-consent{grid-column:1}
}
@media(max-width:380px){
	.mt-newsletter-signal{min-height:108px}
	.mt-newsletter-content{padding-top:24px}
	.mt-newsletter-content>p:not(.mt-eyebrow,.mt-newsletter-privacy,.mt-newsletter-error){font-size:12px;margin-bottom:20px}
}
@media(prefers-reduced-motion:reduce){
	.mt-newsletter,
	.mt-newsletter-panel,
	.mt-newsletter-close,
	.mt-newsletter-signal i{transition:none;animation:none}
	.mt-newsletter-orbit{animation:none}
}
@keyframes mt-progress-complete-cta{
	0%,100%{
		border-color:#596058;
		background-color:transparent;
		box-shadow:0 0 0 rgba(168,239,0,0),inset 0 0 0 rgba(168,239,0,0);
	}
	50%{
		border-color:rgba(168,239,0,.76);
		background-color:rgba(168,239,0,.075);
		box-shadow:0 0 28px rgba(168,239,0,.31),inset 0 0 18px rgba(168,239,0,.06);
	}
}
@keyframes mt-progress-complete-aura{
	0%,100%{opacity:.15;transform:translateZ(0) scale(1)}
	50%{opacity:1;transform:translateZ(0) scale(1.004)}
}
.mt-header::after{
	content:"";
	position:absolute;
	inset:-5px;
	z-index:1;
	border:1px solid rgba(168,239,0,.2);
	border-radius:inherit;
	box-shadow:0 0 16px rgba(168,239,0,.08);
	opacity:0;
	pointer-events:none;
	transform:scale(1);
}
.mt-header.is-progress-complete .mt-scroll-progress-value{
	animation:mt-progress-complete-light 4.4s cubic-bezier(.45,0,.55,1) infinite;
}
.mt-header.is-progress-complete .mt-nav-cta{
	animation:mt-progress-complete-cta 4.4s cubic-bezier(.45,0,.55,1) infinite;
}
.mt-header.is-progress-complete::after{
	will-change:opacity,transform;
	animation:mt-progress-complete-aura 4.4s cubic-bezier(.45,0,.55,1) infinite;
}

.mt-mobile-social{display:none}
.mt-socials{
	display:flex;
	align-items:center;
	gap:16px;
}
.mt-social-cue{
	color:#c2c7bf;
	font:600 9px/1 "Space Grotesk",var(--display);
	letter-spacing:.14em;
	text-transform:uppercase;
	white-space:nowrap;
}
.mt-social-links{
	display:flex;
	align-items:center;
	gap:8px;
}
.mt-social-links a{
	position:relative;
	display:grid;
	place-items:center;
	width:40px;
	height:40px;
	border:1px solid rgba(255,255,255,.15);
	border-radius:50%;
	color:#f7f8f5;
	background:rgba(255,255,255,.018);
	transition:color .25s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease,transform .25s ease;
}
.mt-social-links a:hover,
.mt-social-links a:focus-visible{
	color:#050605;
	background:var(--green);
	border-color:var(--green);
	box-shadow:0 0 22px rgba(168,239,0,.22);
	transform:translateY(-2px);
	outline:0;
}
.mt-social-links svg{
	width:17px;
	height:17px;
	overflow:visible;
	fill:none;
	stroke:currentColor;
	stroke-width:1.6;
	stroke-linecap:round;
	stroke-linejoin:round;
}
.mt-social-links .mt-social-dot{fill:currentColor;stroke:none}
.mt-social-links a:nth-child(2) svg path,
.mt-social-links a:nth-child(3) svg path,
.mt-social-links a:nth-child(3) svg rect,
.mt-social-links a:nth-child(3) svg circle{
	fill:currentColor;
	stroke:none;
}
.mt-footer-right{
	display:flex;
	align-items:center;
	justify-content:flex-end;
	gap:22px;
	min-width:0;
}
.mt-footer-logo-slot{
	display:grid;
	place-items:center;
	min-width:0;
}
.mt-socials-footer .mt-social-cue{display:none}
.mt-socials-footer .mt-social-links a{width:36px;height:36px}
.mt-footer-legal{
	display:flex;
	align-items:center;
	justify-content:flex-end;
	gap:18px;
	white-space:nowrap;
}
.mt-scroll-top{
	position:fixed;
	right:clamp(18px,2.2vw,38px);
	bottom:clamp(48px,4vw,64px);
	z-index:90;
	display:grid;
	grid-template-rows:1fr auto;
	place-items:center;
	width:58px;
	height:58px;
	padding:8px 7px 7px;
	border:1px solid rgba(168,239,0,.62);
	border-radius:16px;
	background:rgba(5,8,5,.84);
	color:var(--green);
	box-shadow:0 14px 34px rgba(0,0,0,.38),0 0 22px rgba(168,239,0,.1),inset 0 0 18px rgba(168,239,0,.035);
	backdrop-filter:blur(14px);
	opacity:0;
	visibility:hidden;
	pointer-events:none;
	transform:translate3d(0,18px,0) scale(.86);
	transition:
		opacity .42s ease,
		visibility 0s linear .42s,
		transform .55s cubic-bezier(.16,1,.3,1),
		color .28s ease,
		background .28s ease,
		border-color .28s ease,
		box-shadow .28s ease;
}
.mt-scroll-top::before,
.mt-scroll-top::after{
	content:"";
	position:absolute;
	width:5px;
	height:5px;
	background:var(--green);
	box-shadow:0 0 10px rgba(168,239,0,.55);
}
.mt-scroll-top::before{left:-3px;top:10px}
.mt-scroll-top::after{right:-3px;bottom:10px}
.mt-scroll-top.is-visible{
	opacity:1;
	visibility:visible;
	pointer-events:auto;
	transform:none;
	transition-delay:0s;
}
.mt-scroll-top svg{
	width:25px;
	height:25px;
	fill:none;
	stroke:currentColor;
	stroke-width:1.7;
	stroke-linecap:square;
	stroke-linejoin:miter;
	transition:transform .35s cubic-bezier(.16,1,.3,1);
}
.mt-scroll-top-label{
	font:750 7px/1 "Space Grotesk",var(--display);
	letter-spacing:.16em;
	text-transform:uppercase;
}
.mt-scroll-top:hover,
.mt-scroll-top:focus-visible{
	border-color:var(--green);
	background:var(--green);
	color:#050605;
	box-shadow:0 16px 36px rgba(0,0,0,.44),0 0 30px rgba(168,239,0,.28);
	transform:translateY(-4px);
	outline:0;
}
.mt-scroll-top:hover svg,
.mt-scroll-top:focus-visible svg{transform:translateY(-3px)}

@media(min-width:701px){
	.mt-header .mt-nav li a{
		font-family:"Space Grotesk",var(--display);
		font-size:11px;
		font-weight:500;
		letter-spacing:.045em;
	}
	.mt-header .mt-nav-cta{
		font-family:"Space Grotesk",var(--display);
		font-weight:600;
		letter-spacing:.055em;
	}
}

@media(max-width:700px){
	.mt-mobile-social{
		position:relative;
		z-index:2;
		display:block;
		width:min(100%,520px);
		margin:0 auto auto;
		opacity:0;
		transform:translateY(20px);
		transition:opacity .35s ease,transform .58s cubic-bezier(.2,.85,.2,1);
	}
	.mt-header .mt-nav.is-open .mt-mobile-social{
		opacity:1;
		transform:none;
		transition-delay:.68s;
	}
	.mt-socials-mobile{
		width:100%;
		justify-content:space-between;
		padding-top:16px;
		border-top:1px solid rgba(255,255,255,.1);
	}
	.mt-socials-mobile .mt-social-cue{font-size:9px;color:#d7dbd4}
	.mt-socials-mobile .mt-social-links a{width:42px;height:42px}
	.mt-footer-right{flex-direction:column;justify-content:center;gap:16px}
	.mt-footer-right .mt-socials{justify-content:center}
	.mt-footer-legal{justify-content:center;gap:20px}
	.mt-scroll-top{
		right:14px;
		bottom:max(76px,calc(env(safe-area-inset-bottom) + 66px));
		width:52px;
		height:52px;
		border-radius:15px;
	}
}

@media(prefers-reduced-motion:reduce){
	.mt-header.is-progress-complete .mt-scroll-progress-value,
	.mt-header.is-progress-complete .mt-nav-cta,
	.mt-header.is-progress-complete::after{animation:none}
	.mt-mobile-social{transition-duration:.01ms!important}
	.mt-scroll-top{transition-duration:.01ms!important}
}

/* Conversion-focused contact details. */
.mt-contact-actions{
	display:flex;
	flex-wrap:wrap;
	gap:12px;
	margin-top:30px;
}
.mt-contact-list a{
	display:inline-block;
	color:#f3f5f1;
	transition:color .2s ease,text-shadow .2s ease;
}
.mt-contact-list a:hover,
.mt-contact-list a:focus-visible{
	color:var(--green);
	text-shadow:0 0 18px rgba(168,239,0,.3);
	outline:0;
}
.mt-honeypot{
	position:absolute!important;
	left:-10000px!important;
	width:1px!important;
	height:1px!important;
	overflow:hidden!important;
}
.mt-form-note{
	margin:2px 0 0;
	font-size:11px;
	line-height:1.6;
}

@media(max-width:700px){
	.mt-contact-actions .mt-button{flex:1 1 160px}
}

/*
 * Device-consistent button icon.
 * The original arrow character remains as a harmless fallback, but is visually
 * replaced by a CSS-drawn arrow so phones cannot substitute an emoji glyph.
 */
.mt-button>span,
.mt-nav-cta>span{
	position:relative;
	display:inline-block;
	flex:0 0 24px;
	width:24px;
	height:24px;
	min-width:24px;
	border:1px solid currentColor;
	border-radius:50%;
	font-size:0!important;
	line-height:0;
	overflow:hidden;
}
.mt-button>span::before,
.mt-nav-cta>span::before{
	content:"";
	position:absolute;
	top:6px;
	right:6px;
	width:7px;
	height:7px;
	border-top:1.5px solid currentColor;
	border-right:1.5px solid currentColor;
}
.mt-button>span::after,
.mt-nav-cta>span::after{
	content:"";
	position:absolute;
	left:6px;
	top:11px;
	width:11px;
	height:1.5px;
	border-radius:999px;
	background:currentColor;
	transform:rotate(-45deg);
	transform-origin:center;
}

@media(max-width:700px){
	.mt-button>span,
	.mt-nav-cta>span{
		flex-basis:23px;
		width:23px;
		height:23px;
		min-width:23px;
	}
	.mt-button>span::before,
	.mt-nav-cta>span::before{
		top:5.5px;
		right:5.5px;
	}
	.mt-button>span::after,
	.mt-nav-cta>span::after{
		left:5.5px;
		top:10.5px;
	}
}

/* Match expandable-card arrows to the device-consistent button icon. */
.mt-card-explore b,
.mt-service-card i{
	position:relative;
	display:inline-block;
	flex:0 0 22px;
	width:22px;
	height:22px;
	min-width:22px;
	border:1px solid currentColor;
	border-radius:50%;
	font-size:0!important;
	font-style:normal;
	line-height:0;
	overflow:hidden;
}
.mt-card-explore b::before,
.mt-service-card i::before{
	content:"";
	position:absolute;
	top:5px;
	right:5px;
	width:7px;
	height:7px;
	border-top:1.5px solid currentColor;
	border-right:1.5px solid currentColor;
}
.mt-card-explore b::after,
.mt-service-card i::after{
	content:"";
	position:absolute;
	left:5px;
	top:10px;
	width:10px;
	height:1.5px;
	border-radius:999px;
	background:currentColor;
	transform:rotate(-45deg);
	transform-origin:center;
}

/* Mobile actions become confident, easy-to-tap full-width rows. */
@media(max-width:700px){
	.mt-actions,
	.mt-contact-actions{
		display:grid;
		grid-template-columns:minmax(0,1fr);
		width:100%;
	}
	.mt-button{
		width:100%;
		max-width:none;
		justify-content:space-between;
	}
	.mt-contact-actions .mt-button{
		flex:none;
	}
	.mt-form-card .mt-button{
		justify-self:stretch;
	}
	.mt-package .mt-button{
		align-self:stretch;
	}
	.mt-inline-cta .mt-button{
		flex:1 0 100%;
	}
}

/* Cinematic package carousel. Native scroll-snap remains usable without JavaScript. */
.mt-package-section{
	overflow:hidden;
	padding-bottom:clamp(90px,11vw,160px);
}
.mt-package-intro{
	display:grid;
	grid-template-columns:minmax(0,1.2fr) minmax(280px,.65fr);
	align-items:end;
	gap:clamp(30px,7vw,110px);
	margin-bottom:clamp(38px,5vw,70px);
}
.mt-package-intro h2{
	margin:12px 0 0;
	font:700 clamp(42px,5.4vw,78px)/.95 var(--display);
	letter-spacing:-.055em;
}
.mt-package-intro h2 em{color:var(--green);font-style:normal}
.mt-package-intro>p{
	max-width:510px;
	margin:0 0 8px;
	color:var(--grey);
	font-size:clamp(15px,1.3vw,18px);
	line-height:1.75;
}
.mt-package-carousel{
	position:relative;
	--package-card:clamp(350px,38vw,490px);
	scroll-margin-top:140px;
}
.mt-package-carousel-toolbar{
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-bottom:20px;
}
.mt-package-position{
	display:flex;
	align-items:baseline;
	gap:8px;
	margin:0;
	font-family:var(--display);
}
.mt-package-position strong{
	color:var(--green);
	font-size:28px;
	line-height:1;
	text-shadow:0 0 18px rgba(168,239,0,.4);
}
.mt-package-position span{color:#70766e;font-size:12px;letter-spacing:.15em}
.mt-package-controls{display:flex;gap:9px}
.mt-package-controls button{
	position:relative;
	width:48px;
	height:48px;
	padding:0;
	border:1px solid rgba(255,255,255,.18);
	border-radius:50%;
	background:rgba(7,9,7,.78);
	color:#fff;
	cursor:pointer;
	transition:border-color .3s,background .3s,transform .3s,box-shadow .3s,opacity .3s;
}
.mt-package-controls button span::before,
.mt-package-controls button span::after{
	content:"";
	position:absolute;
	left:50%;
	top:50%;
}
.mt-package-controls button span::before{
	width:14px;
	height:1px;
	background:currentColor;
	transform:translate(-50%,-50%);
}
.mt-package-controls button span::after{
	width:6px;
	height:6px;
	border-top:1px solid currentColor;
	border-right:1px solid currentColor;
	transform:translate(-25%,-50%) rotate(45deg);
}
.mt-package-controls button:first-child span::after{transform:translate(-75%,-50%) rotate(-135deg)}
.mt-package-controls button:hover:not(:disabled),
.mt-package-controls button:focus-visible{
	border-color:var(--green);
	background:var(--green);
	color:#080a08;
	box-shadow:0 0 24px rgba(168,239,0,.3);
	transform:scale(1.06);
}
.mt-package-controls button:disabled{opacity:.28;cursor:not-allowed}
.mt-package-viewport{
	overflow-x:auto;
	overflow-y:visible;
	padding:22px max(0px,calc((100% - var(--package-card))/2)) 30px;
	scroll-padding-inline:max(0px,calc((100% - var(--package-card))/2));
	scroll-snap-type:x mandatory;
	scrollbar-width:none;
	cursor:grab;
	outline:none;
	touch-action:pan-x pan-y pinch-zoom;
}
.mt-package-viewport::-webkit-scrollbar{display:none}
.mt-package-viewport:focus-visible{
	box-shadow:inset 0 0 0 1px rgba(168,239,0,.65);
	border-radius:18px;
}
.mt-package-viewport.is-dragging{
	cursor:grabbing;
	scroll-snap-type:none;
	user-select:none;
}
.mt-package-track{
	display:flex;
	align-items:stretch;
	gap:clamp(14px,1.5vw,22px);
	width:max-content;
}
.mt-package-carousel .mt-package{
	position:relative;
	flex:0 0 var(--package-card);
	width:var(--package-card);
	min-height:600px;
	padding:clamp(32px,3vw,46px);
	scroll-snap-align:center;
	opacity:.5;
	transform:scale(.94) translateY(10px);
	filter:saturate(.55);
	transition:opacity .55s cubic-bezier(.2,.8,.2,1),transform .55s cubic-bezier(.2,.8,.2,1),filter .55s,border-color .4s,box-shadow .4s;
}
.mt-package-carousel .mt-package.is-active{
	opacity:1;
	filter:none;
	transform:scale(1) translateY(0);
	border-color:rgba(168,239,0,.55);
	box-shadow:0 24px 80px rgba(0,0,0,.45),0 0 34px rgba(168,239,0,.09);
}
.mt-package-carousel .mt-package.is-featured{
	background:
		radial-gradient(circle at 90% 8%,rgba(168,239,0,.17),transparent 34%),
		linear-gradient(145deg,rgba(168,239,0,.055),rgba(255,255,255,.012));
}
.mt-package-carousel .mt-package.is-featured.is-active{
	border-color:rgba(168,239,0,.9);
	box-shadow:0 28px 90px rgba(0,0,0,.52),0 0 52px rgba(168,239,0,.18);
}
.mt-package-number{
	position:absolute;
	right:30px;
	bottom:27px;
	color:rgba(255,255,255,.18);
	font:700 44px/1 var(--display);
	letter-spacing:-.06em;
}
.mt-package-badge{
	position:absolute;
	z-index:4;
	top:22px;
	right:-7px;
	display:grid;
	gap:1px;
	min-width:196px;
	padding:10px 28px 10px 17px;
	color:#090b09;
	background:var(--green);
	border-radius:7px 0 0 7px;
	box-shadow:0 0 28px rgba(168,239,0,.2);
	text-transform:uppercase;
	clip-path:polygon(0 0,100% 0,92% 50%,100% 100%,0 100%,7% 50%);
}
.mt-package-badge::after{
	content:"";
	position:absolute;
	inset:0;
	background-image:linear-gradient(90deg,transparent 75%,rgba(0,0,0,.11) 75%),linear-gradient(rgba(0,0,0,.08) 25%,transparent 25%);
	background-size:9px 100%,100% 8px;
	opacity:.4;
	pointer-events:none;
}
.mt-package-badge span{font:900 10px/1.25 var(--display);letter-spacing:.13em}
.mt-package-badge small{font:700 7px/1.3 var(--body);letter-spacing:.1em}
.mt-package.is-featured>.mt-eyebrow{padding-right:170px}
.mt-package-carousel-footer{
	display:grid;
	grid-template-columns:minmax(120px,1fr) auto minmax(120px,1fr);
	align-items:center;
	gap:25px;
	margin-top:15px;
}
.mt-package-progress{
	height:2px;
	overflow:hidden;
	background:rgba(255,255,255,.11);
	border-radius:999px;
}
.mt-package-progress span{
	display:block;
	width:100%;
	height:100%;
	background:var(--green);
	box-shadow:0 0 12px rgba(168,239,0,.8);
	transform:scaleX(.4);
	transform-origin:left;
	transition:transform .5s cubic-bezier(.2,.8,.2,1);
}
.mt-package-dots{display:flex;align-items:center;gap:10px}
.mt-package-dots button{
	width:7px;
	height:7px;
	padding:0;
	border:0;
	background:#50554e;
	border-radius:1px;
	transform:rotate(45deg);
	cursor:pointer;
	transition:background .3s,box-shadow .3s,transform .3s;
}
.mt-package-dots button.is-active{
	background:var(--green);
	box-shadow:0 0 10px rgba(168,239,0,.75);
	transform:rotate(45deg) scale(1.45);
}
.mt-package-carousel-footer>p{
	justify-self:end;
	margin:0;
	color:#737970;
	font:700 9px var(--display);
	letter-spacing:.13em;
	text-transform:uppercase;
}
.mt-package-carousel-footer>p span{color:var(--green);font-size:14px;margin-left:7px}

@media(max-width:800px){
	.mt-package-intro{grid-template-columns:1fr;gap:22px}
	.mt-package-intro>p{max-width:620px}
	.mt-package-carousel{--package-card:min(82vw,360px)}
	.mt-package-carousel .mt-package{min-height:570px}
}
@media(max-width:700px){
	.mt-package-section{padding-inline:15px}
	.mt-package-intro{margin-bottom:28px}
	.mt-package-intro h2{font-size:clamp(39px,12vw,54px)}
	.mt-package-intro>p{font-size:14px}
	.mt-package-carousel{--package-card:min(78vw,320px)}
	.mt-package-carousel-toolbar{margin-bottom:6px}
	.mt-package-controls button{width:44px;height:44px}
	.mt-package-viewport{
		margin-inline:-15px;
		padding-block:18px 25px;
	}
	.mt-package-carousel .mt-package{
		min-height:560px;
		padding:34px 28px;
	}
	.mt-package-number{
		z-index:2;
		right:28px;
		bottom:112px;
		font-size:34px;
		pointer-events:none;
	}
	.mt-package-badge{
		top:18px;
		min-width:170px;
		padding-right:24px;
	}
	.mt-package.is-featured>.mt-eyebrow{padding-right:135px}
	.mt-package-carousel-footer{
		grid-template-columns:1fr auto;
		gap:18px;
		margin-top:6px;
	}
	.mt-package-dots{grid-column:2}
	.mt-package-carousel-footer>p{display:none}
	.mt-package-progress{grid-column:1}
}
@media(prefers-reduced-motion:reduce){
	.mt-package-carousel .mt-package,
	.mt-package-progress span,
	.mt-package-controls button{transition:none}
}

/* Keep every mobile footer layer centred independently of its content width. */
@media(max-width:700px){
	.mt-footer-bottom{
		display:flex!important;
		flex-direction:column;
		align-items:center;
		justify-content:center;
		justify-items:center;
		width:100%;
		margin-inline:0;
		padding:38px 15px;
		gap:24px;
		text-align:center;
	}
	.mt-footer-bottom>.mt-footer-logo-slot{
		display:grid;
		place-items:center;
		align-self:stretch;
		width:100%;
		min-width:100%;
		margin:0;
	}
	.mt-footer-logo-slot>.mt-wordmark{
		display:inline-flex!important;
		flex:0 0 auto;
		width:190px;
		max-width:calc(100vw - 40px);
		margin:0!important;
		align-self:center!important;
		justify-self:center!important;
		justify-content:center;
		transform:none!important;
		transform-origin:center;
	}
	.mt-footer-logo-slot>.mt-wordmark .mt-logo-image{
		display:block;
		width:190px;
		max-width:100%;
		height:auto;
		margin:0 auto;
		object-position:center center;
	}
	.mt-footer-right{
		width:100%;
		align-items:center;
		align-self:center;
		justify-self:stretch;
	}
}
