*,
:after,
:before {
	--tw-border-spacing-x: 0;
	--tw-border-spacing-y: 0;
	--tw-translate-x: 0;
	--tw-translate-y: 0;
	--tw-rotate: 0;
	--tw-skew-x: 0;
	--tw-skew-y: 0;
	--tw-scale-x: 1;
	--tw-scale-y: 1;
	--tw-pan-x: ;
	--tw-pan-y: ;
	--tw-pinch-zoom: ;
	--tw-scroll-snap-strictness: proximity;
	--tw-gradient-from-position: ;
	--tw-gradient-via-position: ;
	--tw-gradient-to-position: ;
	--tw-ordinal: ;
	--tw-slashed-zero: ;
	--tw-numeric-figure: ;
	--tw-numeric-spacing: ;
	--tw-numeric-fraction: ;
	--tw-ring-inset: ;
	--tw-ring-offset-width: 0px;
	--tw-ring-offset-color: #fff;
	--tw-ring-color: rgba(59, 130, 246, .5);
	--tw-ring-offset-shadow: 0 0 #0000;
	--tw-ring-shadow: 0 0 #0000;
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000;
	--tw-blur: ;
	--tw-brightness: ;
	--tw-contrast: ;
	--tw-grayscale: ;
	--tw-hue-rotate: ;
	--tw-invert: ;
	--tw-saturate: ;
	--tw-sepia: ;
	--tw-drop-shadow: ;
	--tw-backdrop-blur: ;
	--tw-backdrop-brightness: ;
	--tw-backdrop-contrast: ;
	--tw-backdrop-grayscale: ;
	--tw-backdrop-hue-rotate: ;
	--tw-backdrop-invert: ;
	--tw-backdrop-opacity: ;
	--tw-backdrop-saturate: ;
	--tw-backdrop-sepia: ;
	--tw-contain-size: ;
	--tw-contain-layout: ;
	--tw-contain-paint: ;
	--tw-contain-style:
}

::backdrop {
	--tw-border-spacing-x: 0;
	--tw-border-spacing-y: 0;
	--tw-translate-x: 0;
	--tw-translate-y: 0;
	--tw-rotate: 0;
	--tw-skew-x: 0;
	--tw-skew-y: 0;
	--tw-scale-x: 1;
	--tw-scale-y: 1;
	--tw-pan-x: ;
	--tw-pan-y: ;
	--tw-pinch-zoom: ;
	--tw-scroll-snap-strictness: proximity;
	--tw-gradient-from-position: ;
	--tw-gradient-via-position: ;
	--tw-gradient-to-position: ;
	--tw-ordinal: ;
	--tw-slashed-zero: ;
	--tw-numeric-figure: ;
	--tw-numeric-spacing: ;
	--tw-numeric-fraction: ;
	--tw-ring-inset: ;
	--tw-ring-offset-width: 0px;
	--tw-ring-offset-color: #fff;
	--tw-ring-color: rgba(59, 130, 246, .5);
	--tw-ring-offset-shadow: 0 0 #0000;
	--tw-ring-shadow: 0 0 #0000;
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000;
	--tw-blur: ;
	--tw-brightness: ;
	--tw-contrast: ;
	--tw-grayscale: ;
	--tw-hue-rotate: ;
	--tw-invert: ;
	--tw-saturate: ;
	--tw-sepia: ;
	--tw-drop-shadow: ;
	--tw-backdrop-blur: ;
	--tw-backdrop-brightness: ;
	--tw-backdrop-contrast: ;
	--tw-backdrop-grayscale: ;
	--tw-backdrop-hue-rotate: ;
	--tw-backdrop-invert: ;
	--tw-backdrop-opacity: ;
	--tw-backdrop-saturate: ;
	--tw-backdrop-sepia: ;
	--tw-contain-size: ;
	--tw-contain-layout: ;
	--tw-contain-paint: ;
	--tw-contain-style:
}

.fixed {
	position: fixed
}

.absolute {
	position: absolute
}

.relative {
	position: relative
}

.sticky {
	position: sticky
}

.inset-0 {
	inset: 0
}

.inset-x-0 {
	left: 0;
	right: 0
}

.inset-x-4 {
	left: 1rem;
	right: 1rem
}

.-bottom-40 {
	bottom: -10rem
}

.-bottom-6 {
	bottom: -1.5rem
}

.-left-32 {
	left: -8rem
}

.-left-5 {
	left: -1.25rem
}

.-right-16 {
	right: -4rem
}

.-right-24 {
	right: -6rem
}

.-right-6 {
	right: -1.5rem
}

.-top-16 {
	top: -4rem
}

.-top-24 {
	top: -6rem
}

.-top-5 {
	top: -1.25rem
}

.bottom-0 {
	bottom: 0
}

.bottom-3 {
	bottom: .75rem
}

.bottom-5 {
	bottom: 1.25rem
}

.right-3 {
	right: .75rem
}

.right-4 {
	right: 1rem
}

.right-5 {
	right: 1.25rem
}

.top-0 {
	top: 0
}

.top-3 {
	top: .75rem
}

.top-4 {
	top: 1rem
}

.z-50 {
	z-index: 50
}

.mx-auto {
	margin-left: auto;
	margin-right: auto
}

.mb-10 {
	margin-bottom: 2.5rem
}

.mb-3 {
	margin-bottom: .75rem
}

.mb-4 {
	margin-bottom: 1rem
}

.mb-5 {
	margin-bottom: 1.25rem
}

.mb-6 {
	margin-bottom: 1.5rem
}

.mb-7 {
	margin-bottom: 1.75rem
}

.mt-1 {
	margin-top: .25rem
}

.mt-1\.5 {
	margin-top: .375rem
}

.mt-12 {
	margin-top: 3rem
}

.mt-2 {
	margin-top: .5rem
}

.mt-4 {
	margin-top: 1rem
}

.mt-5 {
	margin-top: 1.25rem
}

.mt-6 {
	margin-top: 1.5rem
}

.mt-7 {
	margin-top: 1.75rem
}

.mt-8 {
	margin-top: 2rem
}

.mt-9 {
	margin-top: 2.25rem
}

.block {
	display: block
}

.inline-block {
	display: inline-block
}

.flex {
	display: flex
}

.inline-flex {
	display: inline-flex
}

.grid {
	display: grid
}

.hidden {
	display: none
}

.aspect-\[4\/3\] {
	aspect-ratio: 4/3
}

.aspect-\[4\/5\] {
	aspect-ratio: 4/5
}

.h-1 {
	height: .25rem
}

.h-10 {
	height: 2.5rem
}

.h-11 {
	height: 2.75rem
}

.h-12 {
	height: 3rem
}

.h-14 {
	height: 3.5rem
}

.h-28 {
	height: 7rem
}

.h-5 {
	height: 1.25rem
}

.h-56 {
	height: 14rem
}

.h-9 {
	height: 2.25rem
}

.h-96 {
	height: 24rem
}

.h-\[34rem\] {
	height: 34rem
}

.h-\[76px\] {
	height: 76px
}

.h-full {
	height: 100%
}

.min-h-\[86vh\] {
	min-height: 86vh
}

.w-11 {
	width: 2.75rem
}

.w-14 {
	width: 3.5rem
}

.w-28 {
	width: 7rem
}

.w-40 {
	width: 10rem
}

.w-5 {
	width: 1.25rem
}

.w-56 {
	width: 14rem
}

.w-9 {
	width: 2.25rem
}

.w-96 {
	width: 24rem
}

.w-\[34rem\] {
	width: 34rem
}

.w-auto {
	width: auto
}

.w-full {
	width: 100%
}

.max-w-2xl {
	max-width: 42rem
}

.max-w-3xl {
	max-width: 48rem
}

.max-w-4xl {
	max-width: 56rem
}

.max-w-7xl {
	max-width: 80rem
}

.max-w-md {
	max-width: 28rem
}

.max-w-sm {
	max-width: 24rem
}

.shrink-0 {
	flex-shrink: 0
}

.origin-left {
	transform-origin: left
}

.scale-x-0 {
	--tw-scale-x: 0;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.cursor-pointer {
	cursor: pointer
}

.grid-cols-2 {
	grid-template-columns: repeat(2, minmax(0, 1fr))
}

.flex-col {
	flex-direction: column
}

.flex-wrap {
	flex-wrap: wrap
}

.place-items-center {
	place-items: center
}

.items-start {
	align-items: flex-start
}

.items-center {
	align-items: center
}

.justify-center {
	justify-content: center
}

.justify-between {
	justify-content: space-between
}

.gap-1 {
	gap: .25rem
}

.gap-10 {
	gap: 2.5rem
}

.gap-12 {
	gap: 3rem
}

.gap-14 {
	gap: 3.5rem
}

.gap-2 {
	gap: .5rem
}

.gap-3 {
	gap: .75rem
}

.gap-4 {
	gap: 1rem
}

.gap-5 {
	gap: 1.25rem
}

.gap-6 {
	gap: 1.5rem
}

.gap-7 {
	gap: 1.75rem
}

.gap-8 {
	gap: 2rem
}

.gap-x-3 {
	-moz-column-gap: .75rem;
	column-gap: .75rem
}

.gap-y-2 {
	row-gap: .5rem
}

.space-y-2>:not([hidden])~:not([hidden]) {
	--tw-space-y-reverse: 0;
	margin-top: calc(.5rem*(1 - var(--tw-space-y-reverse)));
	margin-bottom: calc(.5rem*var(--tw-space-y-reverse))
}

.space-y-3>:not([hidden])~:not([hidden]) {
	--tw-space-y-reverse: 0;
	margin-top: calc(.75rem*(1 - var(--tw-space-y-reverse)));
	margin-bottom: calc(.75rem*var(--tw-space-y-reverse))
}

.space-y-4>:not([hidden])~:not([hidden]) {
	--tw-space-y-reverse: 0;
	margin-top: calc(1rem*(1 - var(--tw-space-y-reverse)));
	margin-bottom: calc(1rem*var(--tw-space-y-reverse))
}

.space-y-6>:not([hidden])~:not([hidden]) {
	--tw-space-y-reverse: 0;
	margin-top: calc(1.5rem*(1 - var(--tw-space-y-reverse)));
	margin-bottom: calc(1.5rem*var(--tw-space-y-reverse))
}

.divide-y>:not([hidden])~:not([hidden]) {
	--tw-divide-y-reverse: 0;
	border-top-width: calc(1px*(1 - var(--tw-divide-y-reverse)));
	border-bottom-width: calc(1px*var(--tw-divide-y-reverse))
}

.divide-mist>:not([hidden])~:not([hidden]) {
	--tw-divide-opacity: 1;
	border-color: rgb(220 227 230/var(--tw-divide-opacity, 1))
}

.overflow-hidden {
	overflow: hidden
}

.rounded-2xl {
	border-radius: 1rem
}

.rounded-3xl {
	border-radius: 1.5rem
}

.rounded-full {
	border-radius: 9999px
}

.rounded-xl {
	border-radius: .75rem
}

.border {
	border-width: 1px
}

.border-b {
	border-bottom-width: 1px
}

.border-t {
	border-top-width: 1px
}

.border-mist {
	--tw-border-opacity: 1;
	border-color: rgb(220 227 230/var(--tw-border-opacity, 1))
}

.border-white\/10 {
	border-color: hsla(0, 0%, 100%, .1)
}

.border-white\/15 {
	border-color: hsla(0, 0%, 100%, .15)
}

.border-white\/40 {
	border-color: hsla(0, 0%, 100%, .4)
}

.bg-\[\#081726\] {
	--tw-bg-opacity: 1;
	background-color: rgb(12 30 44/var(--tw-bg-opacity, 1))
}

.bg-\[\#25D366\] {
	--tw-bg-opacity: 1;
	background-color: rgb(37 211 102/var(--tw-bg-opacity, 1))
}

.bg-ink {
	--tw-bg-opacity: 1;
	background-color: rgb(19 43 62/var(--tw-bg-opacity, 1))
}

.bg-paper {
	--tw-bg-opacity: 1;
	background-color: rgb(244 246 247/var(--tw-bg-opacity, 1))
}

.bg-white {
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
}

.bg-white\/10 {
	background-color: hsla(0, 0%, 100%, .1)
}

.bg-white\/5 {
	background-color: hsla(0, 0%, 100%, .05)
}

.bg-white\/90 {
	background-color: hsla(0, 0%, 100%, .9)
}

.object-cover {
	-o-object-fit: cover;
	object-fit: cover
}

.p-4 {
	padding: 1rem
}

.p-5 {
	padding: 1.25rem
}

.p-6 {
	padding: 1.5rem
}

.p-8 {
	padding: 2rem
}

.p-9 {
	padding: 2.25rem
}

.px-3 {
	padding-left: .75rem;
	padding-right: .75rem
}

.px-5 {
	padding-left: 1.25rem;
	padding-right: 1.25rem
}

.px-6 {
	padding-left: 1.5rem;
	padding-right: 1.5rem
}

.px-7 {
	padding-left: 1.75rem;
	padding-right: 1.75rem
}

.px-8 {
	padding-left: 2rem;
	padding-right: 2rem
}

.py-1 {
	padding-top: .25rem;
	padding-bottom: .25rem
}

.py-14 {
	padding-top: 3.5rem;
	padding-bottom: 3.5rem
}

.py-16 {
	padding-top: 4rem;
	padding-bottom: 4rem
}

.py-2\.5 {
	padding-top: .625rem;
	padding-bottom: .625rem
}

.py-20 {
	padding-top: 5rem;
	padding-bottom: 5rem
}

.py-24 {
	padding-top: 6rem;
	padding-bottom: 6rem
}

.py-3 {
	padding-top: .75rem;
	padding-bottom: .75rem
}

.py-3\.5 {
	padding-top: .875rem;
	padding-bottom: .875rem
}

.py-4 {
	padding-top: 1rem;
	padding-bottom: 1rem
}

.py-5 {
	padding-top: 1.25rem;
	padding-bottom: 1.25rem
}

.pb-20 {
	padding-bottom: 5rem
}

.pb-3 {
	padding-bottom: .75rem
}

.pt-0\.5 {
	padding-top: .125rem
}

.pt-3 {
	padding-top: .75rem
}

.text-center {
	text-align: center
}

.font-display {
	font-family: Inter, sans-serif
}

.font-mono {
	font-family: Inter, Segoe UI, sans-serif
}

.text-2xl {
	font-size: 1.5rem;
	line-height: 2rem
}

.text-3xl {
	font-size: 1.875rem;
	line-height: 2.25rem
}

.text-4xl {
	font-size: 2.25rem;
	line-height: 2.5rem
}

.text-5xl {
	font-size: 3rem;
	line-height: 1
}

.text-\[11px\] {
	font-size: 11px
}

.text-\[13px\] {
	font-size: 13px
}

.text-\[15\.5px\] {
	font-size: 15.5px
}

.text-\[15px\] {
	font-size: 15px
}

.text-\[16px\] {
	font-size: 16px
}

.text-lg {
	font-size: 1.125rem;
	line-height: 1.75rem
}

.text-sm {
	font-size: .875rem;
	line-height: 1.25rem
}

.text-xl {
	font-size: 1.25rem;
	line-height: 1.75rem
}

.text-xs {
	font-size: .75rem;
	line-height: 1rem
}

.font-bold {
	font-weight: 700
}

.font-extrabold {
	font-weight: 800
}

.font-medium {
	font-weight: 500
}

.font-semibold {
	font-weight: 600
}

.uppercase {
	text-transform: uppercase
}

.leading-\[1\.02\] {
	line-height: 1.02
}

.leading-relaxed {
	line-height: 1.625
}

.leading-snug {
	line-height: 1.375
}

.tracking-\[0\.25em\] {
	letter-spacing: .25em
}

.tracking-\[0\.2em\] {
	letter-spacing: .2em
}

.tracking-tight {
	letter-spacing: -.025em
}

.tracking-wide {
	letter-spacing: .025em
}

.tracking-wider {
	letter-spacing: .05em
}

.text-aqua {
	--tw-text-opacity: 1;
	color: rgb(62 154 158/var(--tw-text-opacity, 1))
}

.text-hydro {
	--tw-text-opacity: 1;
	color: rgb(29 91 124/var(--tw-text-opacity, 1))
}

.text-ink {
	--tw-text-opacity: 1;
	color: rgb(19 43 62/var(--tw-text-opacity, 1))
}

.text-ink\/40 {
	color: rgba(19, 43, 62, .4)
}

.text-ink\/60 {
	color: rgba(19, 43, 62, .6)
}

.text-ink\/70 {
	color: rgba(19, 43, 62, .7)
}

.text-ink\/80 {
	color: rgba(19, 43, 62, .8)
}

.text-white {
	--tw-text-opacity: 1;
	color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.text-white\/25 {
	color: hsla(0, 0%, 100%, .25)
}

.text-white\/40 {
	color: hsla(0, 0%, 100%, .4)
}

.text-white\/50 {
	color: hsla(0, 0%, 100%, .5)
}

.text-white\/70 {
	color: hsla(0, 0%, 100%, .7)
}

.text-white\/75 {
	color: hsla(0, 0%, 100%, .75)
}

.text-white\/80 {
	color: hsla(0, 0%, 100%, .8)
}

.text-white\/85 {
	color: hsla(0, 0%, 100%, .85)
}

.opacity-0 {
	opacity: 0
}

.opacity-20 {
	opacity: .2
}

.opacity-30 {
	opacity: .3
}

.opacity-90 {
	opacity: .9
}

.opacity-\[0\.05\] {
	opacity: .05
}

.shadow-2xl {
	--tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25);
	--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color)
}

.shadow-2xl,
.shadow-lg {
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-lg {
	--tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
	--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color)
}

.shadow-sm {
	--tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
	--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color)
}

.shadow-sm,
.shadow-xl {
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-xl {
	--tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);
	--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color)
}

.blur-2xl {
	--tw-blur: blur(40px)
}

.blur-2xl,
.blur-3xl {
	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.blur-3xl {
	--tw-blur: blur(64px)
}

.filter {
	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.backdrop-blur {
	--tw-backdrop-blur: blur(8px);
	-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
	backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.transition {
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	transition-duration: .15s
}

.transition-transform {
	transition-property: transform;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	transition-duration: .15s
}

.duration-300 {
	transition-duration: .3s
}

:where(.mpp-home, .mpp-chrome) *,
:where(.mpp-home, .mpp-chrome) :after,
:where(.mpp-home, .mpp-chrome) :before {
	box-sizing: border-box
}

:where(.mpp-home, .mpp-chrome) :where(h1, h2, h3, h4, h5, h6, p, figure, blockquote, dl, dd, address) {
	margin: 0
}

:where(.mpp-home, .mpp-chrome) :where(ul, ol) {
	margin: 0;
	padding: 0;
	list-style: none
}

:where(.mpp-home, .mpp-chrome) :where(img, svg, iframe) {
	display: block;
	max-width: 100%
}

:where(.mpp-home, .mpp-chrome) :where(img) {
	height: auto
}

:where(.mpp-home, .mpp-chrome) :where(button) {
	background: none;
	border: 0;
	padding: 0;
	cursor: pointer
}

:where(.mpp-home, .mpp-chrome) :where(button, input, textarea, select) {
	font: inherit;
	color: inherit
}

:where(.mpp-home, .mpp-chrome) :where(a) {
	color: inherit;
	text-decoration: none
}

:where(.mpp-home, .mpp-chrome) :where(a):hover {
	color: inherit
}

:where(.mpp-home, .mpp-chrome) :where(address) {
	font-style: normal
}

.mpp-chrome,
.mpp-home {
	font-family: Inter, Segoe UI, Arial, sans-serif;
	font-size: 16px;
	line-height: 1.5
}

.mpp-home {
	color: #132B3E
}

.mpp-chrome .font-display,
.mpp-home .font-display {
	font-family: Inter, Segoe UI, sans-serif
}

.mpp-chrome .font-mono,
.mpp-home .font-mono {
	font-family: Inter, Segoe UI, sans-serif
}

.mpp-ring {
	width: 14px;
	height: 14px;
	border-radius: 9999px;
	border: 3px solid #3E9A9E;
	display: inline-block;
	flex: none
}

.mpp-cta-grad {
	background: linear-gradient(120deg, #1D5B7C, #3E9A9E)
}

.mpp-cta-grad:hover {
	filter: brightness(1.08)
}

.mpp-gradient-text {
	background: linear-gradient(90deg, #3E9A9E, #5FB8B0 50%, #1D5B7C);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent
}

.mpp-underline {
	position: relative;
	padding-bottom: 18px
}

.mpp-underline:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 64px;
	height: 4px;
	border-radius: 4px;
	background: linear-gradient(90deg, #1D5B7C, #3E9A9E)
}

@keyframes mpp-kb {
	0% {
		transform: scale(1.06)
	}

	to {
		transform: scale(1.18)
	}
}

.mpp-kenburns {
	animation: mpp-kb 20s ease-in-out infinite alternate;
	transform-origin: 60% 40%
}

.mpp-card {
	transition: transform .3s ease, box-shadow .3s ease
}

.mpp-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 24px 48px rgba(19, 43, 62, .28)
}

.mpp-zoom {
	transition: transform .6s cubic-bezier(.2, .7, .2, 1);
	will-change: transform
}

.mpp-card:hover .mpp-zoom {
	transform: scale(1.09)
}

.mpp-js .mpp-reveal {
	opacity: 0;
	transform: translateY(28px);
	transition: opacity .7s ease, transform .7s cubic-bezier(.2, .7, .2, 1)
}

.mpp-js .mpp-reveal.is-visible {
	opacity: 1;
	transform: none
}

@media (prefers-reduced-motion:reduce) {
	.mpp-kenburns {
		animation: none
	}

	.mpp-card,
	.mpp-zoom {
		transition: none
	}

	.mpp-card:hover {
		transform: none
	}

	.mpp-js .mpp-reveal {
		opacity: 1;
		transform: none;
		transition: none
	}
}

[data-mpp-full] {
	cursor: pointer
}

body.mpp-lb-open {
	overflow: hidden
}

.mpp-lb {
	position: fixed;
	inset: 0;
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 24px;
	background: rgba(19, 43, 62, .92);
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	opacity: 0;
	visibility: hidden;
	transition: opacity .25s ease, visibility .25s ease
}

.mpp-lb.is-open {
	opacity: 1;
	visibility: visible
}

.mpp-lb-figure {
	margin: 0;
	max-width: min(960px, 92vw);
	max-height: 88vh;
	display: flex;
	flex-direction: column;
	align-items: center;
	transform: scale(.96);
	transition: transform .25s cubic-bezier(.2, .7, .2, 1)
}

.mpp-lb.is-open .mpp-lb-figure {
	transform: scale(1)
}

.mpp-lb-img {
	max-width: 100%;
	max-height: 78vh;
	-o-object-fit: contain;
	object-fit: contain;
	border-radius: 10px;
	background: #0F2233;
	box-shadow: 0 30px 80px rgba(0, 0, 0, .5);
	display: block
}

.mpp-lb-cap {
	color: #fff;
	font-family: Inter, Segoe UI, sans-serif;
	font-weight: 600;
	font-size: 16px;
	margin-top: 16px;
	text-align: center
}

.mpp-lb-close,
.mpp-lb-nav {
	position: absolute;
	border: 0;
	cursor: pointer;
	color: #fff;
	background: hsla(0, 0%, 100%, .12);
	display: grid;
	place-items: center;
	border-radius: 9999px;
	transition: background .2s ease, color .2s ease
}

.mpp-lb-close {
	top: 18px;
	right: 20px;
	width: 44px;
	height: 44px
}

.mpp-lb-nav {
	top: 50%;
	transform: translateY(-50%);
	width: 48px;
	height: 48px
}

.mpp-lb-prev {
	left: 16px
}

.mpp-lb-next {
	right: 16px
}

.mpp-lb-close:hover,
.mpp-lb-nav:hover {
	background: #3E9A9E;
	color: #132B3E
}

@media (max-width:640px) {
	.mpp-lb-nav {
		width: 40px;
		height: 40px
	}

	.mpp-lb-prev {
		left: 8px
	}

	.mpp-lb-next {
		right: 8px
	}
}

@media (prefers-reduced-motion:reduce) {

	.mpp-lb,
	.mpp-lb-figure {
		transition: none
	}
}

.mpp-cf7 .wpcf7-form p {
	margin: 0 0 1.1rem
}

.mpp-cf7 .wpcf7-form br {
	display: none
}

.mpp-cf7 label {
	display: block;
	font-family: Inter, Segoe UI, sans-serif;
	font-weight: 600;
	font-size: 14px;
	color: #132B3E;
	margin-bottom: .45rem
}

.mpp-cf7 .wpcf7-form-control-wrap {
	display: block
}

.mpp-cf7 input.wpcf7-form-control:not(.wpcf7-submit),
.mpp-cf7 textarea.wpcf7-form-control {
	width: 100%;
	box-sizing: border-box;
	background: #fff;
	border: 1px solid #DCE3E6;
	border-radius: 12px;
	padding: .75rem 1rem;
	font-size: 15px;
	color: #132B3E;
	font-family: Inter, Segoe UI, sans-serif;
	transition: border-color .15s ease, box-shadow .15s ease
}

.mpp-cf7 input.wpcf7-form-control:not(.wpcf7-submit):focus,
.mpp-cf7 textarea.wpcf7-form-control:focus {
	outline: none;
	border-color: #3E9A9E;
	box-shadow: 0 0 0 3px rgba(62, 154, 158, .18)
}

.mpp-cf7 textarea.wpcf7-form-control {
	min-height: 150px;
	resize: vertical
}

.mpp-cf7 .wpcf7-submit {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	border: 0;
	color: #132B3E;
	font-weight: 700;
	font-family: Inter, Segoe UI, sans-serif;
	padding: .85rem 2.2rem;
	border-radius: 9999px;
	background: linear-gradient(135deg, #3E9A9E, #C08A3C);
	font-size: 15px;
	transition: transform .15s ease, box-shadow .15s ease
}

.mpp-cf7 .wpcf7-submit:hover {
	transform: translateY(-1px);
	box-shadow: 0 12px 26px rgba(19, 43, 62, .2)
}

.mpp-cf7 .wpcf7-not-valid-tip {
	color: #cf2e2e;
	font-size: 13px;
	margin-top: .3rem
}

.mpp-cf7 .wpcf7-not-valid {
	border-color: #cf2e2e !important
}

.mpp-cf7 .wpcf7-response-output {
	margin: 1.1rem 0 0 !important;
	padding: .65rem 1rem !important;
	border-radius: 10px;
	font-size: 14px
}

.mpp-cf7 .wpcf7-spinner {
	margin: 0 0 0 .6rem
}

.hover\:scale-105:hover {
	--tw-scale-x: 1.05;
	--tw-scale-y: 1.05;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.hover\:border-hydro:hover {
	--tw-border-opacity: 1;
	border-color: rgb(29 91 124/var(--tw-border-opacity, 1))
}

.hover\:bg-aqua:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(62 154 158/var(--tw-bg-opacity, 1))
}

.hover\:bg-white:hover {
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
}

.hover\:text-aqua:hover {
	--tw-text-opacity: 1;
	color: rgb(62 154 158/var(--tw-text-opacity, 1))
}

.hover\:text-hydro:hover {
	--tw-text-opacity: 1;
	color: rgb(29 91 124/var(--tw-text-opacity, 1))
}

.hover\:text-ink:hover {
	--tw-text-opacity: 1;
	color: rgb(19 43 62/var(--tw-text-opacity, 1))
}

.hover\:text-white:hover {
	--tw-text-opacity: 1;
	color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.group:hover .group-hover\:scale-x-100 {
	--tw-scale-x: 1;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:opacity-100 {
	opacity: 1
}

@media (min-width:640px) {
	.sm\:inline-flex {
		display: inline-flex
	}

	.sm\:grid-cols-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr))
	}

	.sm\:flex-row {
		flex-direction: row
	}

	.sm\:text-3xl {
		font-size: 1.875rem;
		line-height: 2.25rem
	}

	.sm\:text-4xl {
		font-size: 2.25rem;
		line-height: 2.5rem
	}

	.sm\:text-5xl {
		font-size: 3rem;
		line-height: 1
	}

	.sm\:text-6xl {
		font-size: 3.75rem;
		line-height: 1
	}

	.sm\:text-xl {
		font-size: 1.25rem;
		line-height: 1.75rem
	}
}

@media (min-width:768px) {
	.md\:block {
		display: block
	}

	.md\:grid-cols-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr))
	}
}

@media (min-width:1024px) {
	.lg\:col-span-5 {
		grid-column: span 5/span 5
	}

	.lg\:col-span-7 {
		grid-column: span 7/span 7
	}

	.lg\:ml-auto {
		margin-left: auto
	}

	.lg\:flex {
		display: flex
	}

	.lg\:hidden {
		display: none
	}

	.lg\:grid-cols-12 {
		grid-template-columns: repeat(12, minmax(0, 1fr))
	}

	.lg\:grid-cols-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr))
	}

	.lg\:grid-cols-4 {
		grid-template-columns: repeat(4, minmax(0, 1fr))
	}

	.lg\:flex-row {
		flex-direction: row
	}

	.lg\:justify-end {
		justify-content: flex-end
	}

	.lg\:gap-16 {
		gap: 4rem
	}

	.lg\:py-16 {
		padding-top: 4rem;
		padding-bottom: 4rem
	}

	.lg\:py-20 {
		padding-top: 5rem;
		padding-bottom: 5rem
	}

	.lg\:py-24 {
		padding-top: 6rem;
		padding-bottom: 6rem
	}

	.lg\:py-28 {
		padding-top: 7rem;
		padding-bottom: 7rem
	}

	.lg\:pb-24 {
		padding-bottom: 6rem
	}

	.lg\:text-right {
		text-align: right
	}

	.lg\:text-7xl {
		font-size: 4.5rem;
		line-height: 1
	}
}

.\[\&_h2\]\:mt-8 h2 {
	margin-top: 2rem
}

.\[\&_h2\]\:font-display h2 {
	font-family: Inter, sans-serif
}

.\[\&_h2\]\:text-2xl h2 {
	font-size: 1.5rem;
	line-height: 2rem
}

.\[\&_h2\]\:text-ink h2 {
	--tw-text-opacity: 1;
	color: rgb(19 43 62/var(--tw-text-opacity, 1))
}

.\[\&_p\]\:mb-4 p {
	margin-bottom: 1rem
}

.\[\&_ul\]\:list-disc ul {
	list-style-type: disc
}

.\[\&_ul\]\:space-y-2 ul>:not([hidden])~:not([hidden]) {
	--tw-space-y-reverse: 0;
	margin-top: calc(.5rem*(1 - var(--tw-space-y-reverse)));
	margin-bottom: calc(.5rem*var(--tw-space-y-reverse))
}

.\[\&_ul\]\:pl-5 ul {
	padding-left: 1.25rem
}

/* ==========================================================================
   Murugan PVC Pipes — Design-system refinements (v3.8)
   ADDITIVE ONLY. Scoped to .mpp-home / .mpp-chrome. Nothing above is changed,
   so scroll-reveal, the lightbox, the CF7 form and the mobile menu keep working.
   ========================================================================== */

/* --- A few extra utilities used by the refined markup --- */
.grid-cols-3 {
	grid-template-columns: repeat(3, minmax(0, 1fr))
}

.max-w-5xl {
	max-width: 64rem
}

.mt-3 {
	margin-top: .75rem
}

.mt-10 {
	margin-top: 2.5rem
}

.mt-14 {
	margin-top: 3.5rem
}

.mt-16 {
	margin-top: 4rem
}

.mb-2 {
	margin-bottom: .5rem
}

.mb-8 {
	margin-bottom: 2rem
}

.mb-12 {
	margin-bottom: 3rem
}

.py-12 {
	padding-top: 3rem;
	padding-bottom: 3rem
}

.pt-2 {
	padding-top: .5rem
}

@media (min-width:640px) {
	.sm\:grid-cols-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr))
	}
}

@media (min-width:1024px) {
	.lg\:grid-cols-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr))
	}

	.lg\:py-12 {
		padding-top: 3rem;
		padding-bottom: 3rem
	}
}

/* --- Smoother in-page scrolling + visible keyboard focus (accessibility) --- */
html {
	scroll-behavior: smooth
}

:where(.mpp-home, .mpp-chrome) a:focus-visible,
:where(.mpp-home, .mpp-chrome) button:focus-visible,
:where(.mpp-home, .mpp-chrome) summary:focus-visible {
	outline: 3px solid #3E9A9E;
	outline-offset: 2px;
	border-radius: 10px
}

/* --- Standardised Call-to-Action buttons (one system, every page) ---------- */
.mpp-home .mpp-btn,
.mpp-chrome .mpp-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .55rem;
	font-family: Inter, Segoe UI, sans-serif;
	font-weight: 600;
	line-height: 1.1;
	text-align: center;
	border-radius: 9999px;
	white-space: nowrap;
	cursor: pointer;
	border: 1px solid transparent;
	transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease,
		border-color .18s ease, color .18s ease, filter .18s ease;
}

.mpp-btn-sm {
	padding: .6rem 1.3rem;
	font-size: .875rem
}

.mpp-btn-md {
	padding: .8rem 1.7rem;
	font-size: .95rem
}

.mpp-btn-lg {
	padding: 1rem 2rem;
	font-size: 1.0625rem
}

.mpp-home .mpp-btn svg,
.mpp-chrome .mpp-btn svg {
	width: 1.15em;
	height: 1.15em;
	flex: none
}

/* Primary — brand gradient, white text. The single main action on every page. */
.mpp-home .mpp-btn-primary,
.mpp-chrome .mpp-btn-primary {
	color: #fff;
	background: linear-gradient(120deg, #1D5B7C, #3E9A9E);
	box-shadow: 0 10px 22px -8px rgba(29, 91, 124, .55);
}

.mpp-home .mpp-btn-primary:hover,
.mpp-chrome .mpp-btn-primary:hover {
	color: #fff;
	transform: translateY(-2px);
	filter: brightness(1.06);
	box-shadow: 0 16px 30px -10px rgba(29, 91, 124, .65);
}

/* Ghost — outlined, for dark backgrounds; fills white on hover. */
.mpp-home .mpp-btn-ghost,
.mpp-chrome .mpp-btn-ghost {
	color: #fff;
	border-color: hsla(0, 0%, 100%, .4);
	background: transparent
}

.mpp-home .mpp-btn-ghost:hover,
.mpp-chrome .mpp-btn-ghost:hover {
	color: #132B3E;
	background: #fff;
	border-color: #fff;
	transform: translateY(-2px)
}

/* Outline — for light backgrounds. */
.mpp-home .mpp-btn-outline,
.mpp-chrome .mpp-btn-outline {
	color: #132B3E;
	border-color: #DCE3E6;
	background: #fff
}

.mpp-home .mpp-btn-outline:hover,
.mpp-chrome .mpp-btn-outline:hover {
	color: #1D5B7C;
	border-color: #1D5B7C;
	transform: translateY(-2px);
	box-shadow: 0 10px 22px -10px rgba(19, 43, 62, .3)
}

/* --- Hero trust chips (gives inner-page heroes the same impact as the home hero) */
.mpp-hero-chips {
	display: flex;
	flex-wrap: wrap;
	gap: .6rem
}

.mpp-hero-chip {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	padding: .5rem .95rem;
	border-radius: 9999px;
	background: hsla(0, 0%, 100%, .08);
	border: 1px solid hsla(0, 0%, 100%, .18);
	font-size: .82rem;
	font-weight: 500;
	color: hsla(0, 0%, 100%, .92)
}

.mpp-hero-chip svg {
	width: 15px;
	height: 15px;
	flex: none;
	color: #3E9A9E
}

/* --- Trust badges (standards / guarantees) on light sections --- */
.mpp-trust {
	display: flex;
	flex-wrap: wrap;
	gap: .7rem
}

.mpp-trust-badge {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	padding: .55rem 1rem;
	border: 1px solid #DCE3E6;
	border-radius: 9999px;
	background: #fff;
	font-size: .85rem;
	font-weight: 600;
	color: #132B3E
}

.mpp-trust-badge svg {
	width: 17px;
	height: 17px;
	flex: none;
	color: #1D5B7C
}

/* --- Specification table (Products page) --- */
.mpp-spec-wrap {
	overflow-x: auto;
	border: 1px solid #DCE3E6;
	border-radius: 16px;
	background: #fff
}

.mpp-spec {
	width: 100%;
	border-collapse: collapse;
	font-size: .95rem;
	min-width: 520px
}

.mpp-spec thead th {
	background: #F4F6F7;
	font-family: Inter, Segoe UI, sans-serif;
	font-size: .7rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .07em;
	color: #1D5B7C;
	text-align: left;
	padding: .85rem 1.15rem
}

.mpp-spec tbody td {
	padding: .85rem 1.15rem;
	border-top: 1px solid #EEF2F4;
	color: rgba(19, 43, 62, .8)
}

.mpp-spec tbody td:first-child {
	font-weight: 600;
	color: #132B3E
}

.mpp-spec tbody tr:hover td {
	background: #F7FAFA
}

/* --- FAQ accordion (native <details> — fully works with JS disabled) --- */
.mpp-faq {
	max-width: 52rem;
	margin: 0 auto
}

.mpp-faq-cat {
	font-family: Inter, Segoe UI, sans-serif;
	font-weight: 800;
	font-size: .78rem;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: #1D5B7C;
	margin: 2.5rem 0 1rem
}

.mpp-faq-cat:first-child {
	margin-top: 0
}

.mpp-faq-item {
	border: 1px solid #DCE3E6;
	border-radius: 14px;
	background: #fff;
	margin-bottom: .85rem;
	overflow: hidden;
	transition: box-shadow .2s ease, border-color .2s ease
}

.mpp-faq-item[open] {
	border-color: #BCD8DA;
	box-shadow: 0 14px 34px -18px rgba(19, 43, 62, .35)
}

.mpp-faq-q {
	display: flex;
	align-items: center;
	gap: 1rem;
	justify-content: space-between;
	cursor: pointer;
	list-style: none;
	padding: 1.15rem 1.3rem;
	font-family: Inter, Segoe UI, sans-serif;
	font-weight: 600;
	font-size: 1.02rem;
	color: #132B3E
}

.mpp-faq-q::-webkit-details-marker {
	display: none
}

.mpp-faq-q:hover {
	color: #1D5B7C
}

.mpp-faq-ic {
	flex: none;
	width: 27px;
	height: 27px;
	border-radius: 9999px;
	display: grid;
	place-items: center;
	background: linear-gradient(120deg, #1D5B7C, #3E9A9E);
	color: #fff;
	transition: transform .25s ease
}

.mpp-faq-item[open] .mpp-faq-ic {
	transform: rotate(45deg)
}

.mpp-faq-a {
	padding: 0 1.3rem 1.25rem;
	color: rgba(19, 43, 62, .72);
	line-height: 1.7;
	font-size: .97rem
}

.mpp-faq-a a {
	color: #1D5B7C;
	font-weight: 600
}

.mpp-faq-a a:hover {
	color: #3E9A9E
}

.mpp-faq-a strong {
	color: #132B3E
}

/* --- Feature / info tile reused across pages --- */
.mpp-tile {
	background: #fff;
	border: 1px solid #DCE3E6;
	border-radius: 16px;
	padding: 1.6rem;
	transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease
}

.mpp-tile:hover {
	transform: translateY(-4px);
	box-shadow: 0 22px 44px -22px rgba(19, 43, 62, .3);
	border-color: #BCD8DA
}

.mpp-tile-ic {
	width: 44px;
	height: 44px;
	border-radius: 12px;
	display: grid;
	place-items: center;
	background: linear-gradient(120deg, #1D5B7C, #3E9A9E);
	color: #fff;
	margin-bottom: 1rem
}

.mpp-tile-ic svg {
	width: 22px;
	height: 22px
}

/* --- Standardise the CF7 submit button to the brand gradient (was aqua→gold) - */
.mpp-cf7 .wpcf7-submit {
	background: linear-gradient(120deg, #1D5B7C, #3E9A9E) !important;
	color: #fff !important
}

/* ===== Products category filter ===== */
.mpp-filter {
	display: flex;
	flex-wrap: wrap;
	gap: .6rem;
	margin-top: 1.75rem
}

.mpp-fbtn {
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;
	border: 1px solid #DCE3E6;
	background: #fff;
	color: #132B3E;
	font-weight: 600;
	font-size: 14px;
	font-family: Inter, Segoe UI, sans-serif;
	padding: .55rem 1.15rem;
	border-radius: 9999px;
	transition: background .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease
}

.mpp-fbtn:hover {
	border-color: #1D5B7C;
	color: #0F2233
}

.mpp-fbtn.is-active {
	color: #fff;
	border-color: transparent;
	background: linear-gradient(120deg, #1D5B7C, #3E9A9E);
	box-shadow: 0 6px 16px rgba(19, 43, 62, .18)
}

.mpp-fbtn:focus-visible {
	outline: 2px solid #3E9A9E;
	outline-offset: 2px
}

.mpp-cat-tag {
	display: inline-block;
	align-self: flex-start;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: #1D5B7C;
	background: #EEF2F4;
	border-radius: 9999px;
	padding: .2rem .6rem
}

.mpp-prod.mpp-hide {
	display: none
}

.mpp-empty {
	margin-top: 1.5rem;
	color: #132B3E;
	opacity: .6;
	font-size: 14px
}

.mpp-empty[hidden] {
	display: none
}

/* ===== Static product cards (informational, no lightbox) ===== */
.mpp-prod {
	cursor: default
}

.mpp-prod.mpp-card:hover {
	transform: none;
	box-shadow: 0 10px 24px rgba(19, 43, 62, .10)
}

.mpp-prod h3 {
	min-height: 3.25rem
}

.mpp-prod .aspect-\[4\/3\] {
	background: #F4F6F7
}

/* Mission & Vision Card Hover */
.mpp-mission-card {
	transition: transform .35s ease, box-shadow .35s ease;
	cursor: pointer;
}

.mpp-mission-card:hover {
	transform: translateY(-10px) scale(1.02);
	box-shadow: 0 20px 40px rgba(19, 43, 62, .25);
}

.mpp-direction-btn {
	transition: all .3s ease;
}

.mpp-direction-btn:hover {
	background: linear-gradient(120deg, #1D5B7C, #3E9A9E);
	color: #fff !important;
	border-color: transparent;
}

.mpp-about-list {
	transition: color .3s ease, transform .3s ease;
	cursor: pointer;
}

.mpp-about-list:hover {
	color: rgb(62 154 158);
	transform: translateY(6px);
}

/* ===== Full catalogue (PDF-style product cards) ===== */
.mpp-cat {
	margin-top: 1.75rem
}

.mpp-cat-controls {
	display: flex;
	flex-direction: column;
	gap: .9rem;
	margin-bottom: 1.5rem
}

.mpp-cat-search {
	position: relative;
	max-width: 460px;
	width: 100%
}

.mpp-cat-sic {
	position: absolute;
	left: 14px;
	top: 50%;
	transform: translateY(-50%);
	width: 18px;
	height: 18px;
	color: #1D5B7C;
	opacity: .7
}

.mpp-cat-input {
	width: 100%;
	padding: .72rem 1rem .72rem 2.6rem;
	border: 1px solid #DCE3E6;
	border-radius: 9999px;
	background: #fff;
	color: #132B3E;
	font-size: 14px;
	font-family: Inter, Segoe UI, sans-serif
}

.mpp-cat-input:focus {
	outline: none;
	border-color: #3E9A9E;
	box-shadow: 0 0 0 3px rgba(62, 154, 158, .16)
}

.mpp-cat-pills {
	display: flex;
	flex-wrap: wrap;
	gap: .55rem
}

.mpp-cat-pill {
	cursor: pointer;
	border: 1px solid #DCE3E6;
	background: #fff;
	color: #132B3E;
	font-weight: 600;
	font-size: 13.5px;
	font-family: Inter, Segoe UI, sans-serif;
	padding: .5rem 1rem;
	border-radius: 9999px;
	transition: .18s
}

.mpp-cat-pill:hover {
	border-color: #1D5B7C
}

.mpp-cat-pill.is-on {
	color: #fff;
	border-color: transparent;
	background: linear-gradient(120deg, #1D5B7C, #3E9A9E)
}

.mpp-cat-badge {
	display: inline-block;
	margin-left: .35rem;
	font-size: 11px;
	font-weight: 700;
	opacity: .75
}

.mpp-cat-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.5rem
}

@media(min-width:640px) {
	.mpp-cat-grid {
		grid-template-columns: repeat(2, 1fr)
	}
}

@media(min-width:1024px) {
	.mpp-cat-grid {
		grid-template-columns: repeat(3, 1fr)
	}
}

.mpp-cat-card {
	display: flex;
	flex-direction: column;
	background: #fff;
	border: 1px solid #DCE3E6;
	border-radius: 16px;
	overflow: hidden;
	transition: box-shadow .25s ease
}

.mpp-cat-card:hover {
	box-shadow: 0 14px 32px rgba(19, 43, 62, .12)
}

.mpp-cat-card.is-hide {
	display: none
}

.mpp-cat-fig {
	background: #F4F6F7;
	border-bottom: 1px solid #DCE3E6;
	padding: 1rem;
	display: grid;
	place-items: center;
	height: 136px
}

.mpp-cat-fig svg {
	width: 100%;
	max-width: 190px;
	height: 104px
}

/* PNG product shots: same footprint as the SVGs. object-fit keeps any aspect ratio
   inside the box, and multiply drops the white PDF/stock background into the grey panel. */
.mpp-cat-img {
	width: 100%;
	max-width: 190px;
	height: 104px;
	object-fit: contain;
	object-position: center;
	mix-blend-mode: multiply
}

.mpp-cat-body {
	padding: 1.15rem 1.25rem 1.25rem;
	display: flex;
	flex-direction: column;
	flex: 1
}

.mpp-cat-tagline {
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: #1D5B7C
}

.mpp-cat-name {
	font-weight: 700;
	font-size: 1.02rem;
	color: #132B3E;
	margin: .3rem 0 .45rem;
	line-height: 1.3
}

.mpp-cat-std {
	align-self: flex-start;
	font-size: 11px;
	font-weight: 600;
	color: #1D5B7C;
	background: #EEF2F4;
	border-radius: 9999px;
	padding: .18rem .55rem
}

.mpp-cat-note {
	font-size: 12.5px;
	color: rgba(19, 43, 62, .65);
	line-height: 1.55;
	margin: .6rem 0 .1rem
}

.mpp-cat-tblwrap {
	margin-top: .85rem;
	overflow: hidden;
	border: 1px solid #EEF2F4;
	border-radius: 10px
}

.mpp-cat-tbl {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
	font-size: 12.5px
}

.mpp-cat-tbl th {
	background: #132B3E;
	color: #fff;
	font-weight: 600;
	text-align: left;
	padding: .5rem .5rem;
	font-size: 11.5px;
	word-break: break-word
}

.mpp-cat-tbl td {
	padding: .44rem .5rem;
	border-top: 1px solid #EEF2F4;
	color: #132B3E;
	word-break: break-word
}

.mpp-cat-tbl tbody tr:nth-child(odd) {
	background: #F7FAFA
}

.mpp-cat-tbl tbody tr.is-row-hide {
	display: none
}

/* Show more / less toggle for long size tables */
.mpp-cat-more {
	align-self: flex-start;
	margin-top: .6rem;
	cursor: pointer;
	border: 1px solid #DCE3E6;
	background: #fff;
	color: #1D5B7C;
	font-weight: 600;
	font-size: 12.5px;
	font-family: Inter, Segoe UI, sans-serif;
	padding: .38rem .85rem;
	border-radius: 9999px;
	transition: .18s
}

.mpp-cat-more:hover {
	border-color: #1D5B7C;
	background: #F4F6F7
}

/* Product range card — expandable "View size chart" panel */
.mpp-prod-spec {
	/* margin-top: .95rem; */
	border-top: 1px solid #EEF2F4;
	padding-top: .9rem;
	margin: 0 auto;
}

.mpp-prod-spec-btn {
	display: inline-flex;
	align-items: center;
	gap: .4rem;
	cursor: pointer;
	border: 1px solid #DCE3E6;
	background: #132b3e;
	color: #fff;
	font-weight: 600;
	font-size: 13px;
	font-family: Inter, Segoe UI, sans-serif;
	padding: .45rem .9rem;
	border-radius: 9999px;
	transition: .18s
}

.mpp-prod-spec-btn:hover {
	border-color: #1D5B7C;
	background: #F4F6F7;
	color: #132b3e;
}

.mpp-prod-spec-chev {
	width: 15px;
	height: 15px;
	transition: transform .2s ease
}

.mpp-prod-spec-btn[aria-expanded="true"] .mpp-prod-spec-chev {
	transform: rotate(180deg)
}

.mpp-prod-spec-panel {
	margin-top: .8rem
}

.mpp-prod-spec-panel[hidden] {
	display: none
}

.mpp-prod-spec-panel .mpp-cat-note {
	margin-top: 0
}

.mpp-cat-empty {
	margin-top: 1.5rem;
	color: rgba(19, 43, 62, .6);
	font-size: 14px
}

.mpp-cat-empty[hidden] {
	display: none
}

/* ===== Products redesign: category listing ===== */
.mpp-catgrid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.5rem
}

@media(min-width:640px) {
	.mpp-catgrid {
		grid-template-columns: repeat(2, 1fr)
	}
}

@media(min-width:1024px) {
	.mpp-catgrid {
		grid-template-columns: repeat(3, 1fr)
	}
}

.mpp-catcard {
	display: flex;
	flex-direction: column;
	background: #fff;
	border: 1px solid #DCE3E6;
	border-radius: 18px;
	overflow: hidden;
	text-decoration: none;
	transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease
}

.mpp-catcard:hover {
	transform: translateY(-6px);
	box-shadow: 0 22px 44px rgba(19, 43, 62, .16);
	border-color: #BCD8DA
}

.mpp-catcard-fig {
	position: relative;
	aspect-ratio: 4/3;
	overflow: hidden;
	background: #F4F6F7
}

.mpp-catcard-fig img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .5s cubic-bezier(.2, .7, .2, 1)
}

.mpp-catcard:hover .mpp-catcard-fig img {
	transform: scale(1.06)
}

.mpp-catcard-count {
	position: absolute;
	top: .75rem;
	left: .75rem;
	background: rgba(19, 43, 62, .82);
	color: #fff;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .02em;
	padding: .28rem .6rem;
	border-radius: 9999px;
	backdrop-filter: blur(4px)
}

.mpp-catcard-body {
	padding: 1.15rem 1.25rem 1.35rem;
	display: flex;
	flex-direction: column;
	flex: 1
}

.mpp-catcard-title {
	font-family: Inter, Segoe UI, sans-serif;
	font-weight: 700;
	font-size: 1.15rem;
	color: #132B3E;
	line-height: 1.3
}

.mpp-catcard-desc {
	font-size: 13px;
	color: rgba(19, 43, 62, .6);
	line-height: 1.55;
	margin-top: .5rem;
	flex: 1
}

.mpp-catcard-link {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    cursor: pointer;
    border: 1px solid #dce3e6;
    background: #132b3e;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    font-family: Inter, Segoe UI, sans-serif;
    padding: .45rem .9rem;
    border-radius: 9999px;
    transition: .18s;
    margin: 0 auto;
}

.mpp-catcard-link:hover{
	text-decoration: none;
	color: #f66;
}

.mpp-catcard-link svg {
	width: 16px;
	height: 16px;
	transition: transform .25s ease
}

.mpp-catcard:hover .mpp-catcard-link svg {
	transform: translateX(4px)
}

/* ===== Products redesign: category detail (sidebar + grid) ===== */
.mpp-shop {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.75rem
}

@media(min-width:1024px) {
	.mpp-shop {
		grid-template-columns: 270px 1fr;
		gap: 2.5rem;
		align-items: start;
		padding-top: 32px;
		padding-bottom: 32px;
	}
}

.mpp-shop-side {
	background: #fff
}

@media(min-width:1024px) {
	.mpp-shop-side {
		position: sticky;
		top: 96px
	}
}

.mpp-side-head {
	display: none
}

.mpp-side-title {
	font-family: Inter, Segoe UI, sans-serif;
	font-weight: 700;
	font-size: 1.05rem;
	color: #132B3E;
	margin: 0 0 .75rem;
	padding-bottom: .75rem;
	border-bottom: 2px solid #EEF2F4
}

.mpp-side-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column
}

.mpp-side-link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .5rem;
	padding: .6rem .75rem;
	border-radius: 10px;
	color: #334;
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
	transition: background .16s, color .16s
}

.mpp-side-link:hover {
	background: #F4F6F7;
	color: #132B3E
}

.mpp-side-link.is-on {
	background: linear-gradient(120deg, #1D5B7C, #3E9A9E);
	color: #fff;
	font-weight: 600
}

.mpp-side-count {
	font-size: 11px;
	font-weight: 700;
	min-width: 22px;
	height: 22px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 .4rem;
	border-radius: 9999px;
	background: #EEF2F4;
	color: #1D5B7C
}

.mpp-side-link.is-on .mpp-side-count {
	background: rgba(255, 255, 255, .22);
	color: #fff
}

.mpp-shop-head {
	margin-bottom: 1.5rem
}

.mpp-shop-title {
	font-family: Inter, Segoe UI, sans-serif;
	font-weight: 800;
	font-size: 1.9rem;
	color: #132B3E;
	line-height: 1.2;
	letter-spacing: -.01em
}

.mpp-shop-intro {
	font-size: 14px;
	color: rgba(19, 43, 62, .66);
	line-height: 1.6;
	margin-top: .6rem;
	max-width: 62ch
}

.mpp-shop-meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	margin-top: 1rem;
	padding-top: 1rem;
	border-top: 1px solid #EEF2F4
}

.mpp-shop-back {
	display: inline-flex;
	align-items: center;
	gap: .4rem;
	color: #1D5B7C;
	font-weight: 600;
	font-size: 13.5px;
	text-decoration: none
}

.mpp-shop-back svg {
	width: 16px;
	height: 16px
}

.mpp-shop-total {
	font-size: 13px;
	color: rgba(19, 43, 62, .55);
	font-weight: 600
}

.mpp-prodgrid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.5rem;
	padding-bottom: 32px;
}

@media(min-width:560px) {
	.mpp-prodgrid {
		grid-template-columns: repeat(2, 1fr)
	}
}

@media(min-width:1280px) {
	.mpp-prodgrid {
		grid-template-columns: repeat(3, 1fr)
	}
}

.mpp-pcard {
	display: flex;
	flex-direction: column;
	background: #fff;
	border: 1px solid #DCE3E6;
	border-radius: 16px;
	overflow: hidden;
	transition: box-shadow .25s ease, transform .25s ease
}

.mpp-pcard:hover {
	box-shadow: 0 16px 34px rgba(19, 43, 62, .13);
	transform: translateY(-4px)
}

.mpp-pcard-fig {
	aspect-ratio: 4/3;
	overflow: hidden;
	background: #F4F6F7;
	display: grid;
	place-items: center
}

.mpp-pcard-fig img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block
}

.mpp-pcard-fig.is-illus {
	padding: 1rem;
	background: #F4F6F7
}

.mpp-pcard-fig.is-illus img {
	object-fit: contain;
	width: 80%;
	height: 80%
}

.mpp-pcard-body {
	padding: 1.15rem 1.25rem 1.25rem;
	display: flex;
	flex-direction: column;
	flex: 1
}

.mpp-pcard-name {
	font-family: Inter, Segoe UI, sans-serif;
	font-weight: 700;
	font-size: 1rem;
	color: #132B3E;
	line-height: 1.35;
	margin: .35rem 0 0
}

.mpp-pcard-desc {
	font-size: 13px;
	color: rgba(19, 43, 62, .62);
	line-height: 1.55;
	margin-top: .5rem;
	flex: 1
}

/* Mobile filter drawer */
.mpp-filter-toggle {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	cursor: pointer;
	border: 1px solid #DCE3E6;
	background: #fff;
	color: #132B3E;
	font-weight: 600;
	font-size: 14px;
	font-family: Inter, Segoe UI, sans-serif;
	padding: .6rem 1.1rem;
	border-radius: 10px;
	margin-bottom: 1.25rem
}

.mpp-filter-toggle svg {
	width: 18px;
	height: 18px;
	color: #1D5B7C
}

@media(min-width:1024px) {
	.mpp-filter-toggle {
		display: none
	}
}

@media(max-width:1023px) {
	.mpp-shop-side {
		position: fixed;
		inset: 0 auto 0 0;
		width: 82%;
		max-width: 320px;
		z-index: 70;
		background: #fff;
		padding: 1.25rem;
		box-shadow: 0 24px 60px rgba(19, 43, 62, .3);
		transform: translateX(-105%);
		transition: transform .28s ease;
		overflow-y: auto
	}

	.mpp-shop-side.is-open {
		transform: translateX(0)
	}

	.mpp-side-head {
		display: flex;
		align-items: center;
		gap: .5rem;
		font-weight: 700;
		color: #132B3E;
		font-size: 1.05rem;
		margin-bottom: 1rem
	}

	.mpp-side-head svg {
		width: 20px;
		height: 20px;
		color: #1D5B7C
	}

	.mpp-shop-backdrop {
		position: fixed;
		inset: 0;
		background: rgba(19, 43, 62, .45);
		z-index: 69;
		opacity: 0;
		visibility: hidden;
		transition: opacity .28s
	}

	.mpp-shop-backdrop.is-open {
		opacity: 1;
		visibility: visible
	}
}

/* ===== Show More (expandable specs) ===== */
.mpp-more {
	margin-top: auto;
	padding-top: .9rem
}

.mpp-more--flush {
	margin-top: .9rem
}

.mpp-more-btn {
	display: inline-flex;
	align-items: center;
	gap: .4rem;
	cursor: pointer;
	border: 1px solid #DCE3E6;
	background: #fff;
	color: #1D5B7C;
	font-weight: 600;
	font-size: 13px;
	font-family: Inter, Segoe UI, sans-serif;
	padding: .5rem .95rem;
	border-radius: 9999px;
	transition: background .18s, border-color .18s, color .18s
}

.mpp-more-btn:hover {
	border-color: #1D5B7C;
	background: #F4F6F7
}

.mpp-more-btn svg {
	width: 15px;
	height: 15px;
	transition: transform .25s ease
}

.mpp-more-btn[aria-expanded="true"] {
	color: #fff;
	border-color: transparent;
	background: linear-gradient(120deg, #1D5B7C, #3E9A9E)
}

.mpp-more-btn[aria-expanded="true"] svg {
	transform: rotate(180deg)
}

.mpp-more-panel {
	margin-top: .85rem
}

.mpp-more-panel[hidden] {
	display: none
}

.mpp-tbl-scroll {
	border: 1px solid #EEF2F4;
	border-radius: 10px;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch
}

.mpp-cat-tbl {
	width: 100%;
	border-collapse: collapse;
	font-size: 12.5px
}

.mpp-cat-tbl th {
	background: #132B3E;
	color: #fff;
	font-weight: 600;
	text-align: left;
	padding: .5rem .6rem;
	white-space: nowrap;
	font-size: 11.5px
}

.mpp-cat-tbl td {
	padding: .44rem .6rem;
	border-top: 1px solid #EEF2F4;
	color: #132B3E;
	white-space: nowrap
}

.mpp-cat-tbl tbody tr:nth-child(odd) {
	background: #F7FAFA
}

.mpp-cat-std {
	align-self: flex-start;
	display: inline-block;
	font-size: 11px;
	font-weight: 600;
	color: #1D5B7C;
	background: #EEF2F4;
	border-radius: 9999px;
	padding: .18rem .55rem
}

/* ===== Category page spacing refinements (match reference rhythm) ===== */
.mpp-pcard-body {
	gap: .15rem
}

.mpp-pcard-name {
	min-height: 2.6em
}

.mpp-pcard-name a {
	color: inherit;
	text-decoration: none
}

.mpp-pcard-name a:hover {
	color: #1D5B7C
}

.mpp-pcard-desc {
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	overflow: hidden
}

.mpp-pcard-cta {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    cursor: pointer;
    border: 1px solid #dce3e6;
    background: #132b3e;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    font-family: Inter, Segoe UI, sans-serif;
    padding: .45rem .9rem;
    border-radius: 9999px;
    transition: .18s;
    margin: 0 auto;
}

.mpp-pcard-cta svg {
	width: 15px;
	height: 15px;
	transition: transform .2s ease
}

.mpp-pcard:hover .mpp-pcard-cta svg {
	transform: translateX(3px)
}

.mpp-shop-head {
	margin-bottom: 1.75rem
}

.mpp-shop-intro {
	margin-top: .55rem
}

.mpp-prodgrid {
	gap: 1.75rem
}

/* ===== Product detail page ===== */
.mpp-shop-back {
	display: inline-flex;
    align-items: center;
    gap: .4rem;
    cursor: pointer;
    border: 1px solid #dce3e6;
    background: #132b3e;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    font-family: Inter, Segoe UI, sans-serif;
    padding: 0.45rem 0.9rem;
    border-radius: 9999px;
    transition: .18s;
}

.mpp-pd-back {
	margin-bottom: 1.75rem;
	display: inline-flex;
    align-items: center;
    gap: .4rem;
    cursor: pointer;
    border: 1px solid #dce3e6;
    background: #132b3e;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    font-family: Inter, Segoe UI, sans-serif;
    padding: 0.45rem 0.9rem;
    border-radius: 9999px;
    transition: .18s;
    margin-top: 1.75rem;
	margin-bottom: 1.75rem;
}

.mpp-pd-back svg,
.mpp-shop-back svg {
	width: 16px;
	height: 16px
}


.mpp-pd {
	display: grid;
	grid-template-columns: 1fr;
	gap: 2rem;
	align-items: start
}

@media(min-width:900px) {
	.mpp-pd {
		grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
		gap: 3rem
	}
}

.mpp-pd-fig {
	height: clamp(300px, 34vw, 460px);
	border: 1px solid #DCE3E6;
	border-radius: 20px;
	overflow: hidden;
	background: #F4F6F7;
	display: grid;
	place-items: center;
	padding: 1.5rem
}

.mpp-pd-fig img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
	display: block
}

.mpp-pd-fig.is-illus {
	padding: 2rem;
	height: clamp(300px, 34vw, 340px);
}

.mpp-pd-fig.is-illus img {
	object-fit: contain;
	width: 55%;
	height: 80%;
}

@media(min-width:900px) {
	.mpp-pd-media {
		position: sticky;
		top: 96px
	}
}

.mpp-pd-cat {
	display: inline-block;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: #1D5B7C;
	text-decoration: none
}

.mpp-pd-cat:hover {
	text-decoration: underline
}

.mpp-pd-title {
	font-family: Inter, Segoe UI, sans-serif;
	font-weight: 800;
	font-size: 2rem;
	line-height: 1.18;
	color: #132B3E;
	letter-spacing: -.015em;
	margin: .5rem 0 0
}

.mpp-pd-std {
	margin-top: .9rem
}

.mpp-pd-desc {
	font-size: 15px;
	line-height: 1.7;
	color: rgba(19, 43, 62, .75);
	margin-top: 1.1rem
}

.mpp-pd-feats {
	margin-top: 1.6rem;
	padding-top: 1.5rem;
	border-top: 1px solid #EEF2F4
}

.mpp-pd-h {
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .04em;
	color: #132B3E;
	margin: 0 0 .85rem
}

.mpp-pd-feats ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: .7rem
}

.mpp-pd-feats li {
	display: flex;
	gap: .65rem;
	align-items: flex-start;
	font-size: 14px;
	color: rgba(19, 43, 62, .8);
	line-height: 1.55
}

.mpp-pd-feats li svg {
	width: 18px;
	height: 18px;
	color: #3E9A9E;
	flex: none;
	margin-top: 1px
}

.mpp-pd-actions {
	display: flex;
	flex-wrap: wrap;
	gap: .8rem;
	margin-top: 1.9rem
}

.mpp-btn-solid {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 2px solid #132b3e;
    color: #f66;
	font-weight: 600;
	font-size: 14px;
	padding: .8rem 1.5rem;
	border-radius: 10px;
	text-decoration: none;
	transition: filter .2s
}

.mpp-btn-solid:hover {
	filter: brightness(1.06);
	color: #FFF;
    background: #132b3e;
}

.mpp-btn-ghost2 {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	border: 1px solid #132B3E;
	font-weight: 600;
	font-size: 14px;
	padding: .8rem 1.4rem;
	border-radius: 10px;
	text-decoration: none;
	transition: border-color .2s, background .2s;
	background: #132b3e;
    color: #fff;
}

.mpp-btn-ghost2:hover{
	text-decoration: none;
    color: #f66;
}

.mpp-btn-ghost2 svg {
	width: 17px;
	height: 17px;
	color: #fff;
}

.mpp-btn-ghost2:hover svg {
    color: #f66;
}

.mpp-pd-specs {
	margin-top: 3rem;
	padding-top: 2.5rem;
	border-top: 1px solid #EEF2F4
}

.mpp-pd-h2 {
	font-family: Inter, Segoe UI, sans-serif;
	font-weight: 800;
	font-size: 1.4rem;
	color: #132B3E;
	letter-spacing: -.01em;
	margin: 0
}

.mpp-pd-subtle {
	font-size: 13.5px;
	color: rgba(19, 43, 62, .55);
	margin: .4rem 0 1.25rem
}

.mpp-pd-table .mpp-cat-tbl {
	font-size: 13.5px
}

.mpp-pd-table .mpp-cat-tbl th {
	font-size: 12.5px;
	padding: .7rem .9rem
}

.mpp-pd-table .mpp-cat-tbl td {
	padding: .6rem .9rem
}

.mpp-pd-related {
	margin-top: 3rem;
	padding-top: 2.5rem;
	border-top: 1px solid #EEF2F4
}

.mpp-pd-related-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	margin-bottom: 1.5rem
}/* ===== Product detail: collapsible specifications (v3.17) ===== */
.mpp-pd-specs[hidden]{display:none}
.mpp-btn-ghost2[data-mpp-spec-toggle][aria-expanded="true"]{border-color:transparent;background:linear-gradient(120deg,#1D5B7C,#3E9A9E);color:#fff}
.mpp-btn-ghost2[data-mpp-spec-toggle][aria-expanded="true"] svg{color:#fff}
.mpp-pd-actions{flex-wrap:wrap;gap:.8rem}