.mojopb-root {
	--mojopb-radius: 8px;
	--mojopb-radius-sm: 6px;
	--mojopb-max: 1180px;
	--mojopb-narrow: 820px;
	--mojopb-shell-pad: 20px;
	--mojopb-section-padding-y: clamp(26px, 3.3vw, 47px);
	--mojopb-section-pad: var(--mojopb-section-padding-y);
	--mojopb-section-follow-padding-y: clamp(17px, 1.8vw, 26px);
	--mojopb-section-padding-y-tight: clamp(17px, 2.4vw, 29px);
	--mojopb-header-gap: clamp(22px, 3vw, 34px);
	--mojopb-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--mojopb-body: var(--mojopb-text);
	--mojopb-shadow-soft: 0 14px 38px rgba(15,31,55,.1);
	color: var(--mojopb-text);
	font-family: var(--mojopb-font);
	line-height: 1.65;
	overflow-x: clip;
	container: mojopb-root / inline-size;
}

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

.mojopb-root.mojopb-style-managed,
.mojopb-root.mojopb-style-managed *,
.mojopb-root.mojopb-style-managed *::before,
.mojopb-root.mojopb-style-managed *::after {
	--mojopb-override-bg-image: initial;
	--mojopb-override-bg-start: initial;
	--mojopb-override-bg-mid: initial;
	--mojopb-override-bg-end: initial;
	--mojopb-override-bg-solid: initial;
	--mojopb-override-bg-start-rgb: initial;
	--mojopb-override-bg-mid-rgb: initial;
	--mojopb-override-bg-end-rgb: initial;
	--mojopb-override-bg-solid-rgb: initial;
	--mojopb-override-gradient-primary: initial;
	--mojopb-override-accent-color: initial;
	--mojopb-override-decoration-color: initial;
}

.mojopb-root p:empty {
	display: none !important;
}

.mojopb-root .mojopb-linkable-card,
.mojopb-root .mojopb-linkable-card:hover,
.mojopb-root .mojopb-linkable-card:focus-visible {
	color: inherit;
	text-decoration: none;
}

.mojopb-root.mojopb-document {
	width: 100% !important;
	max-width: none !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	background:
		linear-gradient(180deg, color-mix(in srgb, var(--mojopb-canvas) 82%, #fff 18%) 0%, #fff 42%, color-mix(in srgb, var(--mojopb-primary-soft) 38%, #fff 62%) 100%);
	overflow-x: clip;
}

body.has-mojo-page-builder .wp-block-post-title,
body.has-mojo-page-builder .entry-title,
body.has-mojo-page-builder .page-title {
	display: none;
}

body.has-mojo-page-builder #main-content .et_post_meta_wrapper > img,
body.has-mojo-page-builder #main-content .et_post_meta_wrapper > .wp-post-image,
body.has-mojo-page-builder #main-content .et_post_meta_wrapper > .et_main_video_container,
body.has-mojo-page-builder #main-content .et_post_meta_wrapper > .et_pb_title_featured_container,
body.has-mojo-page-builder #main-content #left-area > article > .et_post_meta_wrapper:first-child > .post-meta,
body.has-mojo-page-builder #main-content .entry-featured-image-url,
body.has-mojo-page-builder #main-content #left-area > article > .post-thumbnail,
body.has-mojo-page-builder #main-content #left-area > article > .featured-image,
body.has-mojo-page-builder #main-content #left-area > article > .entry-thumbnail,
body.has-mojo-page-builder #main-content article.page > .post-thumbnail,
body.has-mojo-page-builder #main-content article.page > .featured-image,
body.has-mojo-page-builder #main-content article.page > .entry-thumbnail {
	display: none !important;
}

body.has-mojo-page-builder {
	margin: 0;
	overflow-x: hidden;
}

.mojopb-language-switcher {
	display: flex;
	align-items: center;
	gap: 8px;
	color: var(--mojopb-text, #334155);
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: .9rem;
	line-height: 1.2;
}

.mojopb-language-switcher__label {
	color: var(--mojopb-muted, #64748b);
	font-size: .75rem;
	font-weight: 800;
	letter-spacing: 0;
	text-transform: uppercase;
}

.mojopb-language-switcher__list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.mojopb-language-switcher__list li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.mojopb-language-switcher__item {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 34px;
	padding: 7px 10px;
	border: 1px solid var(--mojopb-primary-border, #dbe4ef);
	border-radius: 999px;
	background: color-mix(in srgb, var(--mojopb-surface, #fff) 88%, #fff 12%);
	color: var(--mojopb-heading, #0f172a);
	font-weight: 800;
	text-decoration: none;
	white-space: nowrap;
}

a.mojopb-language-switcher__item:hover,
a.mojopb-language-switcher__item:focus {
	border-color: color-mix(in srgb, var(--mojopb-primary, #2563eb) 62%, var(--mojopb-primary-border, #dbe4ef) 38%);
	background: var(--mojopb-primary-soft, #eaf2ff);
	color: var(--mojopb-primary-text, #1e3a8a);
}

.mojopb-language-switcher__item.is-current {
	border-color: color-mix(in srgb, var(--mojopb-primary, #2563eb) 74%, var(--mojopb-primary-border, #dbe4ef) 26%);
	background: var(--mojopb-primary, #2563eb);
	color: #fff;
}

.mojopb-language-switcher--header {
	flex: 0 0 auto;
	position: relative;
}

.mojopb-language-switcher__trigger {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	width: auto;
	min-width: 40px;
	height: 40px;
	padding: 0 10px;
	border: 1px solid rgba(15,23,42,.16);
	border-radius: 999px;
	background: rgba(255,255,255,.86);
	color: var(--mojopb-heading, #0f172a);
	box-shadow: 0 10px 24px rgba(15,23,42,.08);
	cursor: pointer;
}

.mojopb-language-switcher__trigger:hover,
.mojopb-language-switcher__trigger:focus {
	border-color: color-mix(in srgb, var(--mojopb-primary, #2563eb) 54%, rgba(15,23,42,.16) 46%);
	background: #fff;
	color: var(--mojopb-primary-text, #1e3a8a);
	outline: none;
}

.mojopb-language-switcher__trigger:focus-visible {
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--mojopb-primary, #2563eb) 26%, transparent 74%);
}

.mojopb-language-switcher__icon {
	width: 20px;
	height: 20px;
	stroke: currentColor;
	stroke-width: 1.8;
	fill: none;
}

.mojopb-language-switcher__current {
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0;
	line-height: 1;
}

.mojopb-language-switcher__modal[hidden] {
	display: none;
}

.mojopb-language-switcher__modal {
	position: fixed;
	inset: 0;
	z-index: 100000;
	display: grid;
	place-items: center;
	padding: 24px;
}

.mojopb-language-switcher__backdrop {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
	background: rgba(15,23,42,.48);
	cursor: pointer;
}

.mojopb-language-switcher__panel {
	position: relative;
	z-index: 1;
	width: min(420px, 100%);
	max-height: min(640px, calc(100vh - 48px));
	overflow: auto;
	padding: 18px;
	border: 1px solid rgba(15,23,42,.12);
	border-radius: 18px;
	background: var(--mojopb-surface, #fff);
	box-shadow: 0 30px 90px rgba(15,23,42,.28);
	color: var(--mojopb-text, #334155);
}

.mojopb-language-switcher__panel-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 14px;
}

.mojopb-language-switcher__panel-head h2 {
	margin: 0;
	color: var(--mojopb-heading, #0f172a);
	font-size: 1.08rem;
	line-height: 1.2;
}

.mojopb-language-switcher__close {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	padding: 0;
	border: 1px solid var(--mojopb-primary-border, #dbe4ef);
	border-radius: 999px;
	background: color-mix(in srgb, var(--mojopb-surface, #fff) 90%, #fff 10%);
	color: var(--mojopb-heading, #0f172a);
	font-size: 24px;
	line-height: 1;
	cursor: pointer;
}

.mojopb-language-switcher--header .mojopb-language-switcher__list {
	display: grid;
	grid-template-columns: 1fr;
	gap: 8px;
}

.mojopb-language-switcher--header .mojopb-language-switcher__item {
	justify-content: flex-start;
	width: 100%;
	min-height: 44px;
	padding: 10px 12px;
	font-size: .95rem;
	box-sizing: border-box;
}

body.mojopb-language-picker-open {
	overflow: hidden;
}

body.mls-header-dark .mojopb-language-switcher__trigger {
	border-color: rgba(255,255,255,.2);
	background: rgba(255,255,255,.1);
	color: #fff;
	box-shadow: none;
}

body.mls-header-dark .mojopb-language-switcher__trigger:hover,
body.mls-header-dark .mojopb-language-switcher__trigger:focus {
	background: #fff;
	color: var(--mojopb-primary-text, #1e3a8a);
}

.mojopb-language-switcher--content {
	width: min(100% - 40px, var(--mojopb-max, 1180px));
	margin: 18px auto 0;
	justify-content: flex-end;
}

@media (max-width: 820px) {
	.mojopb-language-switcher--header {
		width: auto;
		justify-content: center;
	}

	.mojopb-language-switcher__modal {
		padding: 18px;
	}

	.mojopb-language-switcher__panel {
		max-height: calc(100vh - 36px);
		border-radius: 16px;
	}
}

.mojopb-section {
	position: relative;
	overflow: hidden;
	padding: var(--mojopb-section-padding-y) 20px;
	background: linear-gradient(135deg, var(--mojopb-override-bg-start, var(--mojopb-override-bg-solid, transparent)) 0%, var(--mojopb-override-bg-mid, var(--mojopb-override-bg-solid, transparent)) 52%, var(--mojopb-override-bg-end, var(--mojopb-override-bg-solid, transparent)) 100%);
}

.mojopb-section.mojopb-tight {
	padding-block: var(--mojopb-section-padding-y-tight);
}

.mojopb-section + .mojopb-section {
	padding-top: var(--mojopb-section-follow-padding-y);
}

.mojopb-section::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background:
		linear-gradient(120deg, transparent 0%, transparent 62%, color-mix(in srgb, var(--mojopb-override-decoration-color, var(--mojopb-primary-soft)) 48%, transparent) 62%, transparent 82%),
		repeating-linear-gradient(135deg, color-mix(in srgb, var(--mojopb-override-decoration-color, var(--mojopb-primary-border)) 32%, transparent) 0 1px, transparent 1px 18px);
	opacity: .16;
	mask-image: linear-gradient(180deg, transparent, #000 18%, #000 82%, transparent);
}

.mojopb-shell {
	position: relative;
	z-index: 1;
	width: min(100%, var(--mojopb-max));
	margin-inline: auto;
	min-width: 0;
}

.mojopb-narrow {
	width: min(100%, var(--mojopb-narrow));
	text-align: center;
}

.mojopb-section-head {
	width: min(100%, 760px);
	margin: 0 auto var(--mojopb-header-gap);
	text-align: center;
}

.mojopb-section-head > :last-child {
	margin-bottom: 0;
}

.mojopb-root p {
	white-space: pre-line;
}

.mojopb-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 14px;
	color: var(--mojopb-primary-text);
	font-size: .78rem;
	font-weight: 800;
	letter-spacing: 0;
	text-transform: uppercase;
}

.mojopb-eyebrow::before {
	content: "";
	width: 24px;
	height: 2px;
	background: var(--mojopb-override-gradient-primary, var(--mojopb-gradient-primary));
	border-radius: 2px;
}

.mojopb-narrow .mojopb-eyebrow::after,
.mojopb-section-head .mojopb-eyebrow::after {
	content: "";
	width: 24px;
	height: 2px;
	background: var(--mojopb-override-gradient-primary, var(--mojopb-gradient-primary));
	border-radius: 2px;
}

.mojopb-root h1,
.mojopb-root h2,
.mojopb-root h3,
.mojopb-root p {
	letter-spacing: 0;
}

.mojopb-root .mojopb-section-title,
.mojopb-root h2 {
	max-width: 980px;
	margin: 0 0 18px;
	color: var(--mojopb-heading);
	font-size: clamp(2rem, 4.2vw, 4.5rem);
	line-height: 1.02;
	font-weight: 850;
	overflow-wrap: anywhere;
}

.mojopb-section-head .mojopb-section-title,
.mojopb-section-head h2,
.mojopb-narrow .mojopb-section-title,
.mojopb-narrow h2 {
	margin-inline: auto;
	font-size: clamp(2rem, 3.4vw, 3.7rem);
}

.mojopb-root .mojopb-section-title.mojopb-section-title--hero-smaller.mojopb-section-title--hero-smaller {
	font-size: clamp(1.85rem, 3vw, 3.4rem);
}

.mojopb-root .mojopb-section-title.mojopb-section-title--hero-smallest.mojopb-section-title--hero-smallest {
	font-size: clamp(1.55rem, 2.4vw, 2.7rem);
}

.mojopb-root h3 {
	margin: 0 0 10px;
	color: var(--mojopb-heading);
	font-size: clamp(1.05rem, 1.4vw, 1.35rem);
	line-height: 1.22;
	font-weight: 800;
}

.mojopb-root p {
	margin: 0 0 16px;
	color: var(--mojopb-text);
	font-size: clamp(1rem, 1.08vw, 1.08rem);
	overflow-wrap: anywhere;
}

.mojopb-section-head p,
.mojopb-narrow p,
.mojopb-hero-copy p {
	color: var(--mojopb-muted);
	font-size: clamp(1.02rem, 1.2vw, 1.18rem);
}

.mojopb-root .mojopb-standard-section {
	overflow: hidden;
	clip-path: none;
	margin-block: 0;
	padding: clamp(8px, 1vw, 14px) 20px;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: var(--mojopb-text);
}

.mojopb-root .mojopb-standard-section + .mojopb-standard-section {
	padding-top: clamp(8px, 1vw, 14px);
	border-top: 0;
}

.mojopb-root .mojopb-standard-section::before,
.mojopb-root .mojopb-standard-section::after {
	display: none;
}

.mojopb-root .mojopb-standard-prose,
.mojopb-root .mojopb-standard-prose :is(h1, h2, h3, p, li, span, strong, em, a, u) {
	text-shadow: none;
}

.mojopb-root .mojopb-standard-prose {
	width: min(100%, 820px);
	margin-inline: auto;
	color: var(--mojopb-text);
}

.mojopb-root .mojopb-standard-prose .mojopb-section-title {
	margin: 0 0 18px;
	color: var(--mojopb-heading);
	font-size: clamp(2rem, 3.2vw, 3.35rem);
	font-weight: 850;
	letter-spacing: 0;
	line-height: 1.06;
	text-transform: none;
}

.mojopb-root .mojopb-standard-prose p {
	max-width: none;
	margin: 0 0 12px;
	color: var(--mojopb-text);
	font-size: clamp(1.03rem, 1.12vw, 1.16rem);
	line-height: 1.68;
}

.mojopb-root .mojopb-standard-prose p + p {
	margin-top: 0;
}

.mojopb-root .mojopb-standard-prose p:last-child {
	margin-bottom: 0;
}

.mojopb-root .mojopb-standard-prose .mojopb-eyebrow {
	color: var(--mojopb-primary-text);
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: .78rem;
	font-weight: 900;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.mojopb-root .mojopb-standard-prose .mojopb-eyebrow::before,
.mojopb-root .mojopb-standard-prose .mojopb-eyebrow::after {
	width: 34px;
	height: 3px;
	border-radius: 999px;
	background: var(--mojopb-override-gradient-primary, var(--mojopb-gradient-primary));
	transform: none;
}

.mojopb-root .mojopb-standard-panel {
	width: min(100%, 900px);
	padding: clamp(24px, 4vw, 44px);
	border: 1px solid color-mix(in srgb, var(--mojopb-primary-border) 72%, #fff 28%);
	border-radius: 8px;
	background: linear-gradient(145deg, var(--mojopb-override-bg-start, rgba(255,255,255,.92)), var(--mojopb-override-bg-end, color-mix(in srgb, var(--mojopb-surface-alt) 70%, #fff 30%)));
	box-shadow: 0 14px 42px rgba(15,31,55,.08);
	clip-path: none;
	color: var(--mojopb-text);
}

.mojopb-root .mojopb-standard-panel p {
	max-width: none;
}

.mojopb-cta-row {
	margin-top: 26px;
}

.mojopb-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 13px 22px;
	border: 0;
	border-radius: 999px;
	background: var(--mojopb-override-gradient-primary, var(--mojopb-gradient-contrast));
	box-shadow: 0 14px 34px color-mix(in srgb, var(--mojopb-primary) 28%, transparent);
	color: #fff;
	font-weight: 800;
	text-decoration: none;
	transition: transform .18s ease, box-shadow .18s ease;
}

.mojopb-button:hover,
.mojopb-button:focus {
	transform: translateY(-2px);
	box-shadow: var(--mojopb-shadow-strong);
	color: #fff;
}

.mojopb-hero-split {
	padding-top: clamp(70px, 8vw, 128px);
	background:
		linear-gradient(135deg, var(--mojopb-override-bg-start, #fff) 0%, var(--mojopb-override-bg-end, color-mix(in srgb, var(--mojopb-primary-soft) 54%, #fff 46%)) 100%);
}

.mojopb-hero-split__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(320px, .88fr);
	gap: clamp(34px, 6vw, 82px);
	align-items: center;
	min-width: 0;
}

.mojopb-hero-art {
	position: relative;
	min-height: 420px;
	min-width: 0;
}

.mojopb-hero-art--image {
	display: grid;
	align-items: stretch;
	padding: clamp(18px, 3vw, 30px);
	border: 1px solid color-mix(in srgb, var(--mojopb-primary-border) 70%, #fff 30%);
	border-radius: var(--mojopb-radius);
	background:
		linear-gradient(155deg, color-mix(in srgb, var(--mojopb-override-decoration-color, #fff) 8%, transparent) 0 18%, transparent 18% 42%, color-mix(in srgb, var(--mojopb-override-decoration-color, #fff) 11%, transparent) 42% 56%, transparent 56%),
		linear-gradient(135deg, var(--mojopb-override-bg-start, color-mix(in srgb, var(--mojopb-heading) 92%, #000 8%)) 0%, var(--mojopb-override-bg-mid, color-mix(in srgb, var(--mojopb-primary-dark) 74%, #111 26%)) 46%, var(--mojopb-override-bg-end, color-mix(in srgb, var(--mojopb-primary) 68%, var(--mojopb-accent) 32%)) 100%);
	box-shadow: var(--mojopb-shadow-strong);
}

.mojopb-hero-art--image::before {
	content: "";
	position: absolute;
	inset: 22px;
	border: 1px solid color-mix(in srgb, var(--mojopb-override-decoration-color, #fff) 18%, transparent);
	border-radius: 8px;
	pointer-events: none;
}

.mojopb-image-hero,
.mojopb-image-cta,
.mojopb-image-text__image,
.mojopb-image-screen,
.mojopb-image-pair__image,
.mojopb-image-gallery__thumb {
	display: block;
	width: 100%;
	object-fit: cover;
	border-radius: var(--mojopb-radius);
	box-shadow: var(--mojopb-shadow-strong);
}

.mojopb-image-hero {
	aspect-ratio: 4 / 5;
}

.mojopb-hero-art--image .mojopb-image-hero {
	position: relative;
	z-index: 1;
	height: 100%;
	min-height: 360px;
	border: 1px solid color-mix(in srgb, var(--mojopb-override-decoration-color, #fff) 28%, transparent);
	box-shadow: 0 20px 54px rgba(12, 8, 40, .28);
}

.mojopb-image-placeholder {
	position: relative;
	overflow: hidden;
	isolation: isolate;
	min-height: 360px;
	border: 1px solid color-mix(in srgb, var(--mojopb-primary-border) 70%, #fff 30%);
	background:
		linear-gradient(155deg, color-mix(in srgb, var(--mojopb-override-decoration-color, #fff) 8%, transparent) 0 18%, transparent 18% 42%, color-mix(in srgb, var(--mojopb-override-decoration-color, #fff) 11%, transparent) 42% 56%, transparent 56%),
		linear-gradient(135deg, var(--mojopb-override-bg-start, color-mix(in srgb, var(--mojopb-heading) 92%, #000 8%)) 0%, var(--mojopb-override-bg-mid, color-mix(in srgb, var(--mojopb-primary-dark) 74%, #111 26%)) 46%, var(--mojopb-override-bg-end, color-mix(in srgb, var(--mojopb-primary) 68%, var(--mojopb-accent) 32%)) 100%);
}

.mojopb-image-placeholder::before {
	content: "";
	position: absolute;
	z-index: 1;
	inset: 24px 28px 112px;
	border: 1px solid color-mix(in srgb, var(--mojopb-override-decoration-color, #fff) 24%, transparent);
	border-radius: 8px;
	background:
		linear-gradient(90deg, color-mix(in srgb, var(--mojopb-override-decoration-color, #fff) 16%, transparent) 0 16%, transparent 16%),
		linear-gradient(90deg, color-mix(in srgb, var(--mojopb-override-decoration-color, #fff) 26%, transparent), color-mix(in srgb, var(--mojopb-override-decoration-color, #fff) 10%, transparent)) 22% 24% / 48% 9px no-repeat,
		linear-gradient(90deg, color-mix(in srgb, var(--mojopb-override-decoration-color, #fff) 18%, transparent), color-mix(in srgb, var(--mojopb-override-decoration-color, #fff) 5%, transparent)) 22% 33% / 62% 7px no-repeat,
		linear-gradient(90deg, color-mix(in srgb, var(--mojopb-override-decoration-color, #fff) 14%, transparent), color-mix(in srgb, var(--mojopb-override-decoration-color, #fff) 4%, transparent)) 22% 42% / 40% 7px no-repeat,
		linear-gradient(180deg, color-mix(in srgb, var(--mojopb-override-decoration-color, #fff) 22%, transparent), color-mix(in srgb, var(--mojopb-override-decoration-color, #fff) 8%, transparent)) 22% 60% / 18% 28% no-repeat,
		linear-gradient(180deg, color-mix(in srgb, var(--mojopb-override-decoration-color, #fff) 18%, transparent), color-mix(in srgb, var(--mojopb-override-decoration-color, #fff) 6%, transparent)) 44% 60% / 18% 28% no-repeat,
		linear-gradient(180deg, color-mix(in srgb, var(--mojopb-override-decoration-color, #fff) 14%, transparent), color-mix(in srgb, var(--mojopb-override-decoration-color, #fff) 5%, transparent)) 66% 60% / 18% 28% no-repeat,
		linear-gradient(180deg, color-mix(in srgb, var(--mojopb-override-decoration-color, #fff) 14%, transparent), transparent 42px);
	box-shadow: inset 0 1px 0 color-mix(in srgb, var(--mojopb-override-decoration-color, #fff) 18%, transparent);
	backdrop-filter: blur(8px);
}

.mojopb-image-placeholder::after {
	content: "";
	position: absolute;
	z-index: 2;
	left: 10%;
	right: 8%;
	bottom: 12%;
	height: 24%;
	border: 1px solid color-mix(in srgb, var(--mojopb-override-decoration-color, #fff) 22%, transparent);
	border-radius: 8px;
	background:
		linear-gradient(90deg, color-mix(in srgb, var(--mojopb-override-decoration-color, #fff) 30%, transparent), color-mix(in srgb, var(--mojopb-override-decoration-color, #fff) 8%, transparent)) 8% 24% / 36% 8px no-repeat,
		linear-gradient(90deg, color-mix(in srgb, var(--mojopb-override-decoration-color, #fff) 16%, transparent), color-mix(in srgb, var(--mojopb-override-decoration-color, #fff) 4%, transparent)) 8% 43% / 52% 6px no-repeat,
		linear-gradient(90deg, color-mix(in srgb, var(--mojopb-override-decoration-color, #fff) 28%, transparent) 0 18%, transparent 18% 24%, color-mix(in srgb, var(--mojopb-override-decoration-color, #fff) 20%, transparent) 24% 50%, transparent 50% 56%, color-mix(in srgb, var(--mojopb-override-decoration-color, #fff) 14%, transparent) 56% 78%, transparent 78%) 10% 74% / 76% 32px no-repeat,
		color-mix(in srgb, var(--mojopb-override-decoration-color, #fff) 14%, transparent);
	box-shadow: 0 22px 54px rgba(12, 8, 40, .2);
	backdrop-filter: blur(16px);
}

.mojopb-image-placeholder span {
	position: absolute;
	z-index: 3;
	left: 13%;
	top: 17%;
	width: 30%;
	height: 8px;
	border-radius: 999px;
	background: color-mix(in srgb, var(--mojopb-override-decoration-color, #fff) 44%, transparent);
	box-shadow:
		0 20px 0 color-mix(in srgb, var(--mojopb-override-decoration-color, #fff) 18%, transparent),
		0 40px 0 color-mix(in srgb, var(--mojopb-override-decoration-color, #fff) 12%, transparent),
		160px 118px 0 22px color-mix(in srgb, var(--mojopb-override-decoration-color, #fff) 10%, transparent);
}

.mojopb-float-chip {
	position: absolute;
	display: inline-flex;
	align-items: center;
	z-index: 5;
	min-height: 36px;
	padding: 8px 14px;
	border: 1px solid color-mix(in srgb, var(--mojopb-primary-border) 72%, #fff 28%);
	border-radius: 999px;
	background: rgba(255,255,255,.9);
	box-shadow: var(--mojopb-shadow);
	color: var(--mojopb-primary-text);
	font-size: .84rem;
	font-weight: 800;
	backdrop-filter: blur(10px);
}

.mojopb-chip-one {
	top: 38px;
	left: -14px;
}

.mojopb-chip-two {
	right: -10px;
	bottom: 58px;
}

.mojopb-hero-centered {
	color: #fff;
	background: var(--mojopb-override-gradient-primary, var(--mojopb-gradient-contrast));
}

.mojopb-hero-centered::after {
	content: "";
	position: absolute;
	inset: 18px;
	border: 1px solid rgba(255,255,255,.18);
	border-radius: var(--mojopb-radius);
	pointer-events: none;
}

.mojopb-hero-centered .mojopb-section-title,
.mojopb-hero-centered h2,
.mojopb-hero-centered p,
.mojopb-hero-centered .mojopb-eyebrow,
.mojopb-hero-dark .mojopb-section-title,
.mojopb-hero-dark h2,
.mojopb-hero-dark p,
.mojopb-hero-dark .mojopb-eyebrow {
	color: #fff;
}

.mojopb-hero-centered .mojopb-button,
.mojopb-hero-dark .mojopb-button {
	background: #fff;
	color: var(--mojopb-primary-text);
}

.mojopb-hero-dark {
	position: relative;
	overflow: hidden;
	isolation: isolate;
	min-height: 560px;
	display: flex;
	align-items: center;
	background-color: var(--mojopb-primary-dark);
}

.mojopb-hero-dark__media,
.mojopb-hero-dark__overlay {
	position: absolute;
	inset: 0;
	pointer-events: none;
}

.mojopb-hero-dark__media {
	z-index: 0;
	overflow: hidden;
}

.mojopb-image-hero-dark {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 0;
	box-shadow: none;
}

.mojopb-hero-dark__overlay {
	z-index: 1;
	background:
		linear-gradient(120deg, rgba(4,12,24,.86), rgba(4,12,24,.62));
}

.mojopb-hero-dark > .mojopb-shell {
	position: relative;
	z-index: 2;
}

.mojopb-dark-cta {
	min-height: clamp(320px, 34vw, 460px);
}

.mojopb-intro-panel,
.mojopb-icon-list-panel,
.mojopb-case-card,
.mojopb-product-cta {
	display: grid;
	grid-template-columns: minmax(0, .9fr) minmax(280px, 1fr);
	gap: clamp(22px, 4vw, 48px);
	align-items: center;
	padding: clamp(24px, 4vw, 44px);
	border: 1px solid color-mix(in srgb, var(--mojopb-primary-border) 78%, #fff 22%);
	border-radius: var(--mojopb-radius);
	background:
		linear-gradient(145deg, var(--mojopb-override-bg-start, rgba(255,255,255,.96)), var(--mojopb-override-bg-end, color-mix(in srgb, var(--mojopb-primary-soft) 58%, #fff 42%)));
	box-shadow: var(--mojopb-shadow);
}

.mojopb-intro-panel .mojopb-section-head,
.mojopb-icon-list-panel .mojopb-section-head,
.mojopb-case-card .mojopb-section-head,
.mojopb-product-cta .mojopb-section-head {
	margin-inline: 0;
	margin-bottom: 0;
	text-align: left;
}

.mojopb-intro-panel .mojopb-section-head .mojopb-section-title,
.mojopb-icon-list-panel .mojopb-section-head .mojopb-section-title,
.mojopb-case-card .mojopb-section-head .mojopb-section-title,
.mojopb-product-cta .mojopb-section-head .mojopb-section-title {
	margin-inline: 0;
}

.mojopb-product-cta .mojopb-section-title,
.mojopb-product-cta h2 {
	font-size: clamp(2rem, 3.35vw, 3.75rem);
	line-height: 1.04;
	overflow-wrap: break-word;
	word-break: normal;
	hyphens: none;
}

.mojopb-takeaways,
.mojopb-icon-list,
.mojopb-case-points {
	display: grid;
	gap: 14px;
	min-width: 0;
	width: 100%;
	max-width: 100%;
}

.mojopb-intro-panel .mojopb-takeaways {
	--mojopb-takeaway-edge-gutter: clamp(10px, 2.4%, 24px);
	--mojopb-takeaway-row-gap: clamp(14px, 3%, 30px);
	gap: var(--mojopb-takeaway-row-gap);
	padding-block: var(--mojopb-takeaway-edge-gutter);
}

@media (min-width: 781px) {
	.mojopb-intro-panel .mojopb-takeaways {
		min-height: clamp(300px, 25vw, 430px);
		align-content: center;
	}

	.mojopb-intro-panel .mojopb-takeaways:has(> .mojopb-takeaway:nth-child(2):last-child) {
		--mojopb-takeaway-edge-gutter: clamp(24px, 8%, 56px);
		--mojopb-takeaway-row-gap: clamp(34px, 12%, 82px);
	}

	.mojopb-intro-panel .mojopb-takeaways:has(> .mojopb-takeaway:nth-child(3):last-child) {
		--mojopb-takeaway-edge-gutter: clamp(20px, 6%, 46px);
		--mojopb-takeaway-row-gap: clamp(24px, 7%, 54px);
	}

	.mojopb-intro-panel .mojopb-takeaways:has(> .mojopb-takeaway:nth-child(4):last-child) {
		--mojopb-takeaway-edge-gutter: clamp(14px, 4%, 34px);
		--mojopb-takeaway-row-gap: clamp(16px, 4%, 34px);
	}

	.mojopb-intro-panel .mojopb-takeaways:has(> .mojopb-takeaway:nth-child(5):last-child) {
		--mojopb-takeaway-edge-gutter: clamp(8px, 2.4%, 22px);
		--mojopb-takeaway-row-gap: clamp(12px, 2.4%, 22px);
	}
}

.mojopb-takeaway,
.mojopb-icon-row,
.mojopb-case-points article {
	display: grid;
	grid-template-columns: 44px minmax(0, 1fr);
	gap: 14px;
	align-items: center;
	justify-items: start;
	text-align: left;
	padding: 16px;
	border: 1px solid color-mix(in srgb, var(--mojopb-primary-border) 60%, #fff 40%);
	border-radius: var(--mojopb-radius);
	background: linear-gradient(135deg, var(--mojopb-override-bg-start, var(--mojopb-override-bg-solid, rgba(255,255,255,.76))) 0%, var(--mojopb-override-bg-mid, var(--mojopb-override-bg-solid, rgba(255,255,255,.76))) 52%, var(--mojopb-override-bg-end, var(--mojopb-override-bg-solid, rgba(255,255,255,.76))) 100%);
	min-width: 0;
	width: 100%;
	max-width: 100%;
}

.mojopb-icon-row {
	grid-template-columns: 57px minmax(0, 1fr);
	column-gap: 18px;
	align-items: center;
}

.mojopb-takeaway > span:not(.mojopb-takeaway-copy),
.mojopb-icon-row > span,
.mojopb-card-icon {
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border-radius: var(--mojopb-radius-sm);
	background: var(--mojopb-override-gradient-primary, var(--mojopb-gradient-contrast));
	color: #fff;
}

.mojopb-icon-row > span {
	width: 57px;
	height: 57px;
}

.mojopb-icon-row > span svg {
	width: var(--mojopb-icon-svg-size, 29px);
	height: var(--mojopb-icon-svg-size, 29px);
}

.mojopb-root svg[viewBox="0 0 24 24"][aria-hidden="true"] {
	width: var(--mojopb-icon-svg-size, 22px);
	height: var(--mojopb-icon-svg-size, 22px);
	fill: none;
	stroke: currentColor;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.mojopb-root :is(.mojopb-card-icon, .mojopb-icon-row > span, .mojopb-takeaway > span:not(.mojopb-takeaway-copy), .mojopb-resource-card > span, .mojopb-checklist article > span, .mojopb-callout > span) svg {
	color: #fff !important;
	stroke: #fff !important;
	opacity: 1 !important;
}

.mojopb-takeaway p,
.mojopb-takeaway-copy,
.mojopb-icon-row p {
	grid-column: 2;
	width: auto !important;
	max-width: none !important;
	min-width: 0;
	margin: 0;
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

.mojopb-icon-row > div {
	grid-column: 2;
	grid-row: 1;
	justify-self: stretch;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0;
	margin-inline: 0 !important;
}

.mojopb-icon-row h3,
.mojopb-icon-row p {
	display: block;
	width: 100% !important;
	max-width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	text-align: left;
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
}

.mojopb-case-points article {
	display: block;
}

.mojopb-case-points article h3 {
	font-size: 1.05rem;
	line-height: 1.22;
}

.mojopb-case-points article p {
	margin-bottom: 0;
}

.mojopb-trust-bar {
	display: grid;
	gap: 1px;
	overflow: hidden;
	border: 1px solid color-mix(in srgb, var(--mojopb-primary-border) 70%, #fff 30%);
	border-radius: var(--mojopb-radius);
	background: linear-gradient(135deg, var(--mojopb-override-bg-start, var(--mojopb-override-bg-solid, color-mix(in srgb, var(--mojopb-primary-border) 72%, #fff 28%))) 0%, var(--mojopb-override-bg-mid, var(--mojopb-override-bg-solid, color-mix(in srgb, var(--mojopb-primary-border) 72%, #fff 28%))) 52%, var(--mojopb-override-bg-end, var(--mojopb-override-bg-solid, color-mix(in srgb, var(--mojopb-primary-border) 72%, #fff 28%))) 100%);
	box-shadow: var(--mojopb-shadow);
}

.mojopb-trust-bar {
	grid-template-columns: minmax(180px, 1.2fr) repeat(3, minmax(140px, 1fr));
}

.mojopb-stat-band {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px;
}

.mojopb-stat-band--3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.mojopb-trust-title,
.mojopb-trust-item {
	min-width: 0;
	padding: 24px;
	background: linear-gradient(135deg, var(--mojopb-override-bg-start, var(--mojopb-override-bg-solid, rgba(255,255,255,.9))) 0%, var(--mojopb-override-bg-mid, var(--mojopb-override-bg-solid, rgba(255,255,255,.9))) 52%, var(--mojopb-override-bg-end, var(--mojopb-override-bg-solid, rgba(255,255,255,.9))) 100%);
}

.mojopb-stat-card {
	display: grid;
	align-content: center;
	min-width: 0;
	min-height: 132px;
	padding: 22px;
	border: 1px solid color-mix(in srgb, var(--mojopb-primary-border) 72%, #fff 28%);
	border-radius: var(--mojopb-radius);
	background:
		linear-gradient(145deg, var(--mojopb-override-bg-start, rgba(255,255,255,.95)), var(--mojopb-override-bg-end, color-mix(in srgb, var(--mojopb-primary-soft) 54%, #fff 46%)));
	box-shadow: 0 14px 34px rgba(15,31,55,.08);
}

.mojopb-trust-title {
	font-weight: 850;
	color: var(--mojopb-heading);
}

.mojopb-trust-item strong {
	display: block;
	max-width: 100%;
	color: var(--mojopb-heading);
	font-size: var(--mojopb-trust-item-heading-size, clamp(1.5rem, 3vw, 2.6rem));
	line-height: 1;
}

.mojopb-trust-bar.is-mojopb-trust-fit-min .mojopb-trust-item strong {
	overflow-wrap: anywhere;
}

.mojopb-stat-card strong {
	display: block;
	max-width: 100%;
	color: var(--mojopb-heading);
	font-size: clamp(1.35rem, 2.2vw, 2.1rem);
	line-height: 1.05;
	overflow-wrap: break-word;
}

.mojopb-trust-item span {
	display: block;
	margin-top: 8px;
	color: var(--mojopb-muted);
	font-weight: 700;
}

.mojopb-stat-card span {
	display: block;
	max-width: 100%;
	margin-top: 10px;
	color: var(--mojopb-muted);
	font-weight: 750;
	line-height: 1.35;
	overflow-wrap: break-word;
}

.mojopb-card-grid,
.mojopb-deep-grid,
.mojopb-pricing-grid,
.mojopb-testimonials {
	display: grid;
	gap: 18px;
}

.mojopb-card-grid-3,
.mojopb-pricing-grid,
.mojopb-testimonials {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.mojopb-pricing-grid--count-2 {
	grid-template-columns: repeat(2, minmax(280px, 380px));
	justify-content: center;
}

.mojopb-pricing-grid:has(> .mojopb-price-card:nth-child(2):last-child) {
	grid-template-columns: repeat(2, minmax(280px, 380px));
	justify-content: center;
}

.mojopb-pricing-grid--count-3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.mojopb-pricing-grid--count-4 {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

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

.mojopb-feature-card,
.mojopb-deep-card,
.mojopb-price-card,
.mojopb-testimonials figure,
.mojopb-faq article,
.mojopb-pros-cons article,
.mojopb-step,
.mojopb-timeline article {
	position: relative;
	padding: 24px;
	border: 1px solid color-mix(in srgb, var(--mojopb-primary-border) 70%, #fff 30%);
	border-radius: var(--mojopb-radius);
	background:
		linear-gradient(180deg, var(--mojopb-override-bg-start, rgba(255,255,255,.96)), var(--mojopb-override-bg-end, color-mix(in srgb, var(--mojopb-surface-alt) 68%, #fff 32%)));
	box-shadow: 0 14px 38px rgba(15,31,55,.08);
}

.mojopb-feature-card::after,
.mojopb-deep-card::after,
.mojopb-price-card::after {
	content: "";
	position: absolute;
	inset: auto 18px 0;
	height: 3px;
	background: var(--mojopb-override-gradient-primary, var(--mojopb-gradient-primary));
	border-radius: 3px 3px 0 0;
}

.mojopb-feature-card {
	text-align: center;
}

.mojopb-feature-card .mojopb-card-icon {
	width: 70px;
	height: 70px;
	margin: 6px auto 18px;
}

.mojopb-feature-card .mojopb-card-icon svg {
	width: var(--mojopb-icon-svg-size, 35px);
	height: var(--mojopb-icon-svg-size, 35px);
}

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

.mojopb-deep-card {
	padding: 32px;
	background:
		linear-gradient(150deg, var(--mojopb-override-bg-start, #fff) 0%, var(--mojopb-override-bg-end, color-mix(in srgb, var(--mojopb-primary-soft) 54%, #fff 46%)) 100%);
}

.mojopb-deep-num {
	display: inline-flex;
	margin-bottom: 28px;
	color: var(--mojopb-primary-text);
	font-size: .9rem;
	font-weight: 900;
}

.mojopb-steps {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 18px;
	counter-reset: steps;
}

.mojopb-steps--count-3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.mojopb-steps--count-4 {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.mojopb-steps--count-5 {
	grid-template-columns: repeat(5, minmax(0, 1fr));
}

.mojopb-steps--count-6 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.mojopb-step span {
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	margin-bottom: 18px;
	border-radius: 50%;
	background: var(--mojopb-override-gradient-primary, var(--mojopb-gradient-contrast));
	color: #fff;
	font-weight: 900;
}

.mojopb-timeline {
	position: relative;
	display: grid;
	gap: 18px;
	padding-left: 30px;
}

.mojopb-timeline::before {
	content: "";
	position: absolute;
	top: 8px;
	bottom: 8px;
	left: 8px;
	width: 4px;
	border-radius: 4px;
	background: var(--mojopb-override-gradient-primary, var(--mojopb-gradient-primary));
}

.mojopb-timeline article span,
.mojopb-paired-label,
.mojopb-price-card > span,
.mojopb-case-points article span {
	display: inline-flex;
	margin-bottom: 10px;
	color: var(--mojopb-primary-text);
	font-size: .78rem;
	font-weight: 850;
	text-transform: uppercase;
	letter-spacing: 0;
}

.mojopb-paired,
.mojopb-pros-cons {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}

.mojopb-paired article {
	position: relative;
	padding: 30px;
	border-radius: var(--mojopb-radius);
	box-shadow: var(--mojopb-shadow);
}

.mojopb-paired article:first-child {
	border: 1px solid color-mix(in srgb, var(--mojopb-danger) 32%, #fff 68%);
	background: linear-gradient(145deg, var(--mojopb-override-bg-start, #fff), var(--mojopb-override-bg-end, color-mix(in srgb, var(--mojopb-danger) 8%, #fff 92%)));
}

.mojopb-paired article:last-child {
	border: 1px solid color-mix(in srgb, var(--mojopb-success) 32%, #fff 68%);
	background: linear-gradient(145deg, var(--mojopb-override-bg-start, #fff), var(--mojopb-override-bg-end, color-mix(in srgb, var(--mojopb-success) 9%, #fff 91%)));
}

.mojopb-table-wrap {
	overflow-x: auto;
	border: 1px solid color-mix(in srgb, var(--mojopb-primary-border) 72%, #fff 28%);
	border-radius: var(--mojopb-radius);
	background:
		linear-gradient(145deg, var(--mojopb-override-bg-start, rgba(255,255,255,.98)), var(--mojopb-override-bg-end, color-mix(in srgb, var(--mojopb-primary-soft) 28%, #fff 72%)));
	box-shadow: var(--mojopb-shadow);
}

.mojopb-table {
	width: 100%;
	min-width: 640px;
	border-collapse: separate;
	border-spacing: 0;
	background: transparent;
}

.mojopb-table-wrap--cols-2,
.mojopb-table-wrap:has(.mojopb-table th:nth-child(2):last-child) {
	width: min(100%, 820px);
	margin-inline: auto;
}

.mojopb-table--cols-2,
.mojopb-table-wrap:has(.mojopb-table th:nth-child(2):last-child) .mojopb-table {
	min-width: 0;
}

.mojopb-table th,
.mojopb-table td {
	padding: 20px 22px;
	border-bottom: 1px solid color-mix(in srgb, var(--mojopb-primary-border) 72%, #fff 28%);
	border-right: 1px solid color-mix(in srgb, var(--mojopb-primary-border) 62%, #fff 38%);
	text-align: left;
	vertical-align: top;
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
	line-height: 1.42;
}

.mojopb-table th:last-child,
.mojopb-table td:last-child {
	border-right: 0;
}

.mojopb-table tbody tr:last-child td {
	border-bottom: 0;
}

.mojopb-table th {
	background:
		linear-gradient(135deg, var(--mojopb-override-bg-start, color-mix(in srgb, var(--mojopb-primary-dark) 88%, #000 12%)), var(--mojopb-override-bg-end, color-mix(in srgb, var(--mojopb-primary) 82%, var(--mojopb-accent) 18%)));
	color: var(--mojopb-table-header-text, #fff) !important;
	font-size: .86rem;
	font-weight: 900;
	letter-spacing: .02em;
	text-transform: uppercase;
}

.mojopb-table td {
	background: linear-gradient(135deg, var(--mojopb-override-bg-start, var(--mojopb-override-bg-solid, rgba(255,255,255,.82))) 0%, var(--mojopb-override-bg-mid, var(--mojopb-override-bg-solid, rgba(255,255,255,.82))) 52%, var(--mojopb-override-bg-end, var(--mojopb-override-bg-solid, rgba(255,255,255,.82))) 100%);
	color: var(--mojopb-text);
	font-size: 1rem;
	font-weight: 650;
}

.mojopb-table tbody tr:nth-child(even) td {
	background: var(--mojopb-override-bg-end, color-mix(in srgb, var(--mojopb-primary-soft) 22%, #fff 78%));
}

.mojopb-table td:first-child {
	color: var(--mojopb-heading);
	font-weight: 850;
}

.mojopb-price-card strong {
	display: block;
	margin: 12px 0;
	color: var(--mojopb-heading);
	font-size: clamp(2rem, 3vw, 3rem);
	line-height: 1;
}

.mojopb-price-card {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.mojopb-price-card .mojopb-cta-row {
	margin: auto 0 0;
	padding-top: 26px;
}

.mojopb-price-card .mojopb-button {
	margin-top: 0;
}

.mojopb-price-card.is-featured {
	background: var(--mojopb-override-gradient-primary, var(--mojopb-gradient-contrast));
	color: #fff;
	transform: translateY(-10px);
}

.mojopb-price-card.is-featured h3,
.mojopb-price-card.is-featured p,
.mojopb-price-card.is-featured strong,
.mojopb-price-card.is-featured li,
.mojopb-price-card.is-featured span {
	color: #fff;
}

.mojopb-mini-list {
	display: grid;
	gap: 9px;
	margin: 18px 0 0;
	padding: 0;
	list-style: none;
}

.mojopb-mini-list li {
	position: relative;
	padding-left: 28px;
	color: var(--mojopb-text);
}

.mojopb-mini-list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: .72em;
	width: 14px;
	height: 2px;
	background: var(--mojopb-override-gradient-primary, var(--mojopb-gradient-primary));
	border-radius: 2px;
}

.mojopb-mini-list-check li::before {
	top: .44em;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background:
		linear-gradient(135deg, var(--mojopb-success), color-mix(in srgb, var(--mojopb-success) 64%, #fff 36%));
}

.mojopb-quote,
.mojopb-callout {
	margin: 0;
	padding: clamp(26px, 5vw, 48px);
	border-radius: var(--mojopb-radius);
	box-shadow: var(--mojopb-shadow);
}

.mojopb-quote {
	position: relative;
	overflow: hidden;
	border: 1px solid color-mix(in srgb, var(--mojopb-primary-border) 70%, #fff 30%);
	background:
		linear-gradient(135deg, var(--mojopb-override-bg-start, #fff), var(--mojopb-override-bg-end, color-mix(in srgb, var(--mojopb-accent-soft) 58%, #fff 42%)));
}

.mojopb-quote::before {
	content: "\201C";
	position: absolute;
	right: clamp(20px, 4vw, 48px);
	bottom: -34px;
	color: color-mix(in srgb, var(--mojopb-accent) 17%, transparent 83%);
	font-size: clamp(7rem, 16vw, 15rem);
	font-weight: 900;
	line-height: 1;
	pointer-events: none;
}

.mojopb-quote blockquote {
	position: relative;
	z-index: 1;
	margin: 0;
	color: var(--mojopb-heading);
	font-size: clamp(1.35rem, 2.2vw, 2.35rem);
	font-weight: 800;
	line-height: 1.18;
}

.mojopb-quote figcaption {
	position: relative;
	z-index: 1;
	margin-top: 18px;
	color: var(--mojopb-muted);
	font-weight: 800;
}

.mojopb-callout {
	display: flex;
	align-items: flex-start;
	gap: 18px;
	border: 1px solid color-mix(in srgb, var(--mojopb-primary-border) 70%, #fff 30%);
	background: linear-gradient(135deg, var(--mojopb-override-bg-start, var(--mojopb-override-bg-solid, #fff)) 0%, var(--mojopb-override-bg-mid, var(--mojopb-override-bg-solid, #fff)) 52%, var(--mojopb-override-bg-end, var(--mojopb-override-bg-solid, #fff)) 100%);
}

.mojopb-callout > div {
	flex: 1 1 auto;
	min-width: 0;
}

.mojopb-callout > span {
	flex: 0 0 auto;
	display: grid;
	place-items: center;
	width: 58px;
	height: 58px;
	border-radius: var(--mojopb-radius);
	color: #fff;
	background: var(--mojopb-override-gradient-primary, var(--mojopb-gradient-contrast));
}

.mojopb-callout .mojopb-section-title,
.mojopb-callout h2 {
	max-width: none;
	font-size: clamp(1.55rem, 2.5vw, 2.8rem);
	line-height: 1.08;
}

.mojopb-callout p {
	max-width: 820px;
}

.mojopb-callout-warning {
	background: linear-gradient(135deg, var(--mojopb-override-bg-start, #fff), var(--mojopb-override-bg-end, color-mix(in srgb, var(--mojopb-warning) 12%, #fff 88%)));
}

.mojopb-callout-tip {
	background: linear-gradient(135deg, var(--mojopb-override-bg-start, #fff), var(--mojopb-override-bg-end, color-mix(in srgb, var(--mojopb-primary-soft) 68%, #fff 32%)));
}

.mojopb-testimonials figure {
	margin: 0;
}

.mojopb-testimonials blockquote {
	margin: 0 0 18px;
	color: var(--mojopb-heading);
	font-weight: 720;
}

.mojopb-testimonials figcaption {
	display: grid;
	gap: 2px;
	color: var(--mojopb-muted);
}

.mojopb-image-slider {
	position: relative;
	display: grid;
	gap: 18px;
	overflow: hidden;
}

.mojopb-image-slider .mojopb-slider__viewport {
	display: grid;
	grid-template-columns: minmax(120px, .38fr) minmax(0, 1.36fr) minmax(120px, .38fr);
	gap: clamp(12px, 2vw, 22px);
	align-items: center;
	min-height: 0;
}

.mojopb-image-slider .mojopb-slider__slide {
	display: none;
	flex-direction: column;
	justify-content: stretch;
	min-width: 0;
	margin: 0;
	opacity: .52;
	transform: scale(.94);
	transition: opacity .28s ease, transform .28s ease, filter .28s ease;
}

.mojopb-image-slider .mojopb-slider__slide.is-prev,
.mojopb-image-slider .mojopb-slider__slide.is-active,
.mojopb-image-slider .mojopb-slider__slide.is-next {
	display: flex;
}

.mojopb-image-slider .mojopb-slider__slide.is-prev {
	order: 1;
}

.mojopb-image-slider .mojopb-slider__slide.is-active {
	order: 2;
	z-index: 2;
	opacity: 1;
	transform: scale(1);
}

.mojopb-image-slider .mojopb-slider__slide.is-next {
	order: 3;
}

.mojopb-image-slider .mojopb-slider__image-wrap {
	display: flex;
	align-items: center;
	min-height: 0;
}

.mojopb-slider-image {
	display: block;
	width: 100%;
	height: clamp(260px, 36vw, 500px);
	min-height: 0;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	border-radius: var(--mojopb-radius);
	background:
		linear-gradient(135deg, var(--mojopb-override-bg-start, color-mix(in srgb, var(--mojopb-primary-soft) 70%, #fff 30%)), var(--mojopb-override-bg-end, color-mix(in srgb, var(--mojopb-accent-soft) 50%, #fff 50%)));
	box-shadow: var(--mojopb-shadow);
}

.mojopb-image-slider .mojopb-slider__slide.is-prev .mojopb-slider-image,
.mojopb-image-slider .mojopb-slider__slide.is-next .mojopb-slider-image {
	height: clamp(96px, 12vw, 178px);
	aspect-ratio: 16 / 9;
	box-shadow: 0 12px 28px rgba(15,31,55,.12);
}

.mojopb-image-slider .mojopb-slider__slide figcaption {
	display: grid;
	gap: 5px;
	margin-top: 14px;
	padding-inline: 4px;
}

.mojopb-image-slider .mojopb-slider__slide figcaption span {
	color: var(--mojopb-primary-text);
	font-size: .78rem;
	font-weight: 850;
	text-transform: uppercase;
}

.mojopb-image-slider .mojopb-slider__slide figcaption strong {
	color: var(--mojopb-heading);
	font-size: clamp(1rem, 1.25vw, 1.22rem);
	line-height: 1.18;
}

.mojopb-image-slider .mojopb-slider__slide figcaption p {
	margin: 0;
	color: var(--mojopb-muted);
	font-size: .96rem;
	line-height: 1.45;
}

.mojopb-image-slider .mojopb-slider__slide.is-prev figcaption,
.mojopb-image-slider .mojopb-slider__slide.is-next figcaption {
	display: none;
}

.mojopb-slider__controls {
	display: flex;
	gap: 10px;
	align-items: center;
	justify-content: center;
}

.mojopb-slider__button {
	appearance: none;
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border: 1px solid color-mix(in srgb, var(--mojopb-primary-border) 76%, #fff 24%);
	border-radius: 999px;
	background: linear-gradient(180deg, var(--mojopb-override-bg-start, #fff), var(--mojopb-override-bg-end, color-mix(in srgb, var(--mojopb-surface-alt) 70%, #fff 30%)));
	color: var(--mojopb-heading);
	box-shadow: 0 10px 24px rgba(15,31,55,.1);
	cursor: pointer;
	font: 850 1.65rem/1 var(--mojopb-font);
	transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.mojopb-slider__button:hover,
.mojopb-slider__button:focus-visible {
	border-color: color-mix(in srgb, var(--mojopb-primary-border) 62%, var(--mojopb-primary) 38%);
	box-shadow: 0 14px 34px rgba(15,31,55,.16);
	transform: translateY(-1px);
}

.mojopb-slider__button:focus-visible {
	outline: 3px solid color-mix(in srgb, var(--mojopb-primary) 42%, transparent);
	outline-offset: 3px;
}

.mojopb-slider__button span {
	display: block;
	transform: translateY(-1px);
}

.mojopb-image-slider.is-shifting .mojopb-slider__slide.is-active,
.mojopb-review-slider.is-shifting .mojopb-review-card.is-active {
	animation: mojopb-slider-settle .42s ease both;
}

@keyframes mojopb-slider-settle {
	from {
		opacity: .72;
		transform: translateY(6px) scale(.98);
	}
	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

@media (prefers-reduced-motion: reduce) {
	.mojopb-image-slider .mojopb-slider__slide,
	.mojopb-review-slider .mojopb-review-card,
	.mojopb-slider__button {
		animation: none !important;
		transition: none !important;
	}
}

.mojopb-reviews {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
	gap: 18px;
}

.mojopb-reviews--count-1 {
	grid-template-columns: minmax(0, min(100%, 520px));
	justify-content: center;
}

.mojopb-reviews--count-2 {
	grid-template-columns: repeat(2, minmax(260px, 400px));
	justify-content: center;
}

.mojopb-reviews--count-3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.mojopb-reviews--count-4,
.mojopb-reviews--slider {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.mojopb-review-slider {
	display: grid;
	gap: 18px;
}

.mojopb-reviews--slider .mojopb-review-card {
	display: none;
}

.mojopb-reviews--slider .mojopb-review-card.is-active {
	display: grid;
}

.mojopb-review-card {
	display: grid;
	gap: 16px;
	margin: 0;
	padding: 24px;
	border: 1px solid color-mix(in srgb, var(--mojopb-primary-border) 70%, #fff 30%);
	border-radius: var(--mojopb-radius);
	background:
		linear-gradient(180deg, var(--mojopb-override-bg-start, rgba(255,255,255,.97)), var(--mojopb-override-bg-end, color-mix(in srgb, var(--mojopb-surface-alt) 68%, #fff 32%)));
	box-shadow: 0 14px 38px rgba(15,31,55,.08);
}

.mojopb-review-card__rating {
	display: block;
	width: 100%;
}

.mojopb-review-stars {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: clamp(3px, .45vw, 8px);
	width: 100%;
	color: color-mix(in srgb, var(--mojopb-primary-border) 74%, #fff 26%);
	font-size: clamp(2rem, 4.6vw, 3.5rem);
	line-height: 1;
}

.mojopb-review-star {
	display: grid;
	place-items: center;
	min-width: 0;
}

.mojopb-review-star > span {
	--mojopb-star-fill: 100%;
	position: relative;
	display: block;
	width: 1em;
	height: 1em;
}

.mojopb-review-star > span::before,
.mojopb-review-star > span::after {
	content: "★";
	position: absolute;
	inset: 0;
	white-space: nowrap;
}

.mojopb-review-star > span::before {
	color: color-mix(in srgb, var(--mojopb-primary-border) 74%, #fff 26%);
}

.mojopb-review-star > span::after {
	width: var(--mojopb-star-fill);
	color: #f5a524;
	overflow: hidden;
}

.mojopb-review-card blockquote {
	margin: 0;
	color: var(--mojopb-heading);
	font-weight: 720;
	line-height: 1.5;
}

.mojopb-review-card figcaption {
	display: grid;
	gap: 2px;
	color: var(--mojopb-muted);
}

.mojopb-review-card figcaption strong {
	color: var(--mojopb-heading);
}

.mojopb-faq {
	display: grid;
	gap: 14px;
	width: min(100%, 880px);
	margin-inline: auto;
}

.mojopb-faq article {
	padding: 22px 24px;
}

.mojopb-faq-accordion {
	display: grid;
	gap: 12px;
	width: min(100%, 920px);
	margin-inline: auto;
}

.mojopb-faq-accordion__item {
	position: relative;
	overflow: hidden;
	border: 1px solid color-mix(in srgb, var(--mojopb-primary-border) 70%, #fff 30%);
	border-radius: var(--mojopb-radius);
	background:
		linear-gradient(180deg, var(--mojopb-override-bg-start, rgba(255,255,255,.98)), var(--mojopb-override-bg-end, color-mix(in srgb, var(--mojopb-surface-alt) 64%, #fff 36%)));
	box-shadow: 0 14px 38px rgba(15,31,55,.08);
	transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.mojopb-faq-accordion__item.is-open {
	border-color: color-mix(in srgb, var(--mojopb-primary-border) 86%, var(--mojopb-primary) 14%);
	background:
		linear-gradient(145deg, var(--mojopb-override-bg-start, #fff), var(--mojopb-override-bg-end, color-mix(in srgb, var(--mojopb-primary-soft) 50%, #fff 50%)));
	box-shadow: var(--mojopb-shadow);
}

.mojopb-faq-accordion__item h3 {
	margin: 0;
	font-size: 1.05rem;
	line-height: 1.25;
}

.mojopb-faq-accordion__button {
	appearance: none;
	-webkit-tap-highlight-color: transparent;
	display: grid;
	grid-template-columns: minmax(0, 1fr) 42px;
	gap: 18px;
	align-items: center;
	width: 100%;
	min-height: 68px;
	padding: 18px 20px;
	border: 0;
	background: transparent;
	box-shadow: none;
	color: var(--mojopb-heading);
	font: inherit;
	font-weight: 850;
	line-height: 1.25;
	text-decoration: none;
	text-align: left;
	cursor: pointer;
}

.mojopb-faq-accordion__button:hover,
.mojopb-faq-accordion__button:active,
.mojopb-faq-accordion__button:focus {
	border: 0;
	background: transparent;
	box-shadow: none;
	color: var(--mojopb-heading);
	text-decoration: none;
}

.mojopb-faq-accordion__button:focus:not(:focus-visible) {
	outline: 0;
}

.mojopb-faq-accordion__button:focus-visible {
	outline: 3px solid color-mix(in srgb, var(--mojopb-primary) 42%, transparent);
	outline-offset: -3px;
}

.mojopb-faq-accordion__button span {
	border: 0;
	box-shadow: none;
	text-decoration: none;
}

.mojopb-faq-accordion__icon {
	position: relative;
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	border-radius: var(--mojopb-radius-sm);
	background: var(--mojopb-override-gradient-primary, var(--mojopb-gradient-contrast));
	box-shadow: 0 10px 24px color-mix(in srgb, var(--mojopb-primary) 22%, transparent);
}

.mojopb-faq-accordion__icon::before,
.mojopb-faq-accordion__icon::after {
	content: "";
	position: absolute;
	width: 16px;
	height: 2px;
	border-radius: 2px;
	background: #fff;
	transition: transform .18s ease, opacity .18s ease;
}

.mojopb-faq-accordion__icon::after {
	transform: rotate(90deg);
}

.mojopb-faq-accordion__item.is-open .mojopb-faq-accordion__icon::after {
	opacity: 0;
	transform: rotate(0deg);
}

.mojopb-faq-accordion__panel {
	padding: 0 20px 20px;
}

.mojopb-faq-accordion__panel p {
	max-width: 760px;
	margin: 0;
	color: var(--mojopb-muted);
}

.mojopb-toc {
	position: relative;
	top: auto;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(160px, .32fr) minmax(0, 1fr);
	align-items: start;
	gap: clamp(20px, 3vw, 36px);
	overflow: visible;
	min-height: 0;
	padding: clamp(22px, 3vw, 36px);
	border: 1px solid color-mix(in srgb, var(--mojopb-primary-border) 72%, #fff 28%);
	border-radius: var(--mojopb-radius);
	background:
		linear-gradient(135deg, var(--mojopb-override-bg-start, rgba(255,255,255,.96)), var(--mojopb-override-bg-end, color-mix(in srgb, var(--mojopb-primary-soft) 62%, #fff 38%)));
	box-shadow: var(--mojopb-shadow);
	backdrop-filter: blur(14px);
}

.mojopb-toc strong {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	max-width: 100%;
	color: var(--mojopb-heading);
	font-size: .9rem;
	font-weight: 850;
	line-height: 1.15;
	text-transform: uppercase;
	letter-spacing: .02em;
	overflow-wrap: anywhere;
}

.mojopb-toc strong::before {
	content: "";
	display: block;
	width: 34px;
	height: 3px;
	border-radius: 999px;
	background: var(--mojopb-override-gradient-primary, var(--mojopb-gradient-primary));
}

.mojopb-toc__links {
	list-style: none;
	counter-reset: mojopb-toc;
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 6px;
	width: 100%;
	min-width: 0;
	margin: 0;
	padding: 0;
}

.mojopb-toc__item {
	min-width: 0;
}

.mojopb-toc__item--level-1 {
	counter-increment: mojopb-toc;
}

.mojopb-toc__item--level-2 {
	padding-left: clamp(18px, 3vw, 32px);
}

.mojopb-toc__item--level-3 {
	padding-left: clamp(34px, 5vw, 56px);
}

.mojopb-author-bio__links a,
.mojopb-team-card__link {
	display: inline-flex;
	align-items: center;
	min-height: 34px;
	padding: 8px 14px;
	border: 1px solid color-mix(in srgb, var(--mojopb-primary-border) 70%, #fff 30%);
	border-radius: 999px;
	background: #fff;
	color: var(--mojopb-primary-text);
	font-size: .84rem;
	font-weight: 800;
	line-height: 1.15;
	text-decoration: none;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.mojopb-toc a {
	display: grid;
	grid-template-columns: 2.25rem minmax(0, 1fr);
	align-items: start;
	gap: 10px;
	width: 100%;
	min-height: 44px;
	padding: 10px 12px;
	border: 1px solid transparent;
	border-radius: 8px;
	background: transparent;
	color: var(--mojopb-primary-text);
	font-size: .94rem;
	font-weight: 800;
	line-height: 1.35;
	text-decoration: none;
	white-space: normal;
	overflow: visible;
}

.mojopb-toc a::before {
	content: counter(mojopb-toc, decimal-leading-zero);
	color: var(--mojopb-primary);
	font-size: .76rem;
	font-weight: 900;
	line-height: 1.7;
	text-align: right;
}

.mojopb-toc__item--level-2 a::before,
.mojopb-toc__item--level-3 a::before {
	content: "";
	width: 18px;
	height: 2px;
	margin-top: .72em;
	border-radius: 999px;
	background: color-mix(in srgb, var(--mojopb-primary) 58%, #fff 42%);
	justify-self: end;
}

.mojopb-toc__item--level-3 a::before {
	width: 8px;
	height: 8px;
	margin-top: .42em;
}

.mojopb-toc a span {
	min-width: 0;
	overflow-wrap: anywhere;
}

.mojopb-toc a:hover,
.mojopb-toc a:focus-visible {
	border-color: color-mix(in srgb, var(--mojopb-primary-border) 72%, #fff 28%);
	background: linear-gradient(135deg, var(--mojopb-override-bg-start, var(--mojopb-override-bg-solid, #fff)) 0%, var(--mojopb-override-bg-mid, var(--mojopb-override-bg-solid, #fff)) 52%, var(--mojopb-override-bg-end, var(--mojopb-override-bg-solid, #fff)) 100%);
	box-shadow: 0 10px 24px rgba(15,23,42,.08);
	outline: none;
}

.mojopb-verdict,
.mojopb-newsletter,
.mojopb-checklist-panel,
.mojopb-author-bio {
	display: grid;
	gap: clamp(22px, 4vw, 42px);
	padding: clamp(24px, 4vw, 44px);
	border: 1px solid color-mix(in srgb, var(--mojopb-primary-border) 74%, #fff 26%);
	border-radius: var(--mojopb-radius);
	background:
		linear-gradient(145deg, var(--mojopb-override-bg-start, rgba(255,255,255,.96)), var(--mojopb-override-bg-end, color-mix(in srgb, var(--mojopb-primary-soft) 52%, #fff 48%)));
	box-shadow: var(--mojopb-shadow);
}

.mojopb-team-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(16px, 2.5vw, 26px);
}

.mojopb-team-grid--count-2,
.mojopb-team-grid--count-4 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mojopb-team-card {
	display: grid;
	gap: 18px;
	min-width: 0;
	padding: clamp(22px, 3vw, 30px);
	border: 1px solid color-mix(in srgb, var(--mojopb-primary-border) 72%, #fff 28%);
	border-radius: var(--mojopb-radius);
	background: linear-gradient(145deg, var(--mojopb-override-bg-start, rgba(255,255,255,.98)), var(--mojopb-override-bg-end, color-mix(in srgb, var(--mojopb-primary-soft) 40%, #fff 60%)));
	box-shadow: var(--mojopb-shadow-soft);
}

.mojopb-team-card__avatar {
	display: grid;
	place-items: center;
	width: 96px;
	height: 96px;
	overflow: hidden;
	border-radius: 50%;
	background: var(--mojopb-override-gradient-primary, var(--mojopb-gradient-contrast));
	color: #fff;
	font-size: 2rem;
	font-weight: 900;
	box-shadow: var(--mojopb-shadow-soft);
}

.mojopb-team-card__image {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.mojopb-team-card h3 {
	margin: 0;
}

.mojopb-team-card__role {
	margin: 4px 0 10px;
	color: var(--mojopb-primary-text);
	font-weight: 850;
}

.mojopb-team-card__copy p:not(.mojopb-team-card__role) {
	margin-bottom: 14px;
}

.mojopb-verdict {
	grid-template-columns: minmax(0, 1fr) minmax(380px, .5fr);
	align-items: stretch;
}

.mojopb-verdict__main {
	min-width: 0;
}

.mojopb-verdict__score {
	box-sizing: border-box;
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	align-content: center;
	justify-items: center;
	min-width: 0;
	min-height: 240px;
	padding: 30px 16px;
	border-radius: var(--mojopb-radius);
	background: var(--mojopb-override-gradient-primary, var(--mojopb-gradient-contrast));
	color: #fff;
	text-align: center;
}

.mojopb-verdict__score span {
	max-width: 100%;
	font-size: .72rem;
	font-weight: 850;
	text-transform: uppercase;
	line-height: 1.15;
	overflow-wrap: normal;
}

.mojopb-verdict__score strong {
	display: block;
	width: 100%;
	max-width: 100%;
	margin-top: 8px;
	font-size: clamp(1.85rem, 2.75vw, 2.8rem);
	line-height: 1.05;
	text-wrap: balance;
	overflow-wrap: break-word;
	word-break: normal;
}

.mojopb-verdict__fit {
	grid-column: 1 / -1;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}

.mojopb-verdict__fit article,
.mojopb-tabs__panel,
.mojopb-resource-card,
.mojopb-related-card {
	position: relative;
	padding: 22px;
	border: 1px solid color-mix(in srgb, var(--mojopb-primary-border) 70%, #fff 30%);
	border-radius: var(--mojopb-radius);
	background: linear-gradient(135deg, var(--mojopb-override-bg-start, var(--mojopb-override-bg-solid, rgba(255,255,255,.82))) 0%, var(--mojopb-override-bg-mid, var(--mojopb-override-bg-solid, rgba(255,255,255,.82))) 52%, var(--mojopb-override-bg-end, var(--mojopb-override-bg-solid, rgba(255,255,255,.82))) 100%);
	box-shadow: 0 14px 38px rgba(15,31,55,.08);
}

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

.mojopb-related-posts {
	display: flex !important;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: center;
	gap: 18px;
	grid-template-columns: none !important;
}

.mojopb-resource-grid--count-2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mojopb-resource-grid--count-3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.mojopb-resource-grid--count-4 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mojopb-resource-grid--count-5 {
	grid-template-columns: repeat(5, minmax(0, 1fr));
}

.mojopb-resource-grid--count-6 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.mojopb-resource-card,
.mojopb-related-card {
	display: grid;
	gap: 16px;
	color: inherit;
	text-decoration: none;
}

.mojopb-resource-card {
	grid-template-columns: 58px minmax(0, 1fr);
	align-items: center;
	column-gap: 16px;
	row-gap: 0;
	justify-items: start;
	text-align: left;
}

.mojopb-resource-card > span {
	display: grid;
	place-items: center;
	width: 54px;
	height: 54px;
	border-radius: var(--mojopb-radius-sm);
	background: var(--mojopb-override-gradient-primary, var(--mojopb-gradient-contrast));
	color: #fff;
}

.mojopb-resource-card strong,
.mojopb-resource-card__link,
.mojopb-related-card span {
	color: var(--mojopb-primary-text);
	font-size: .82rem;
	font-weight: 850;
	text-transform: uppercase;
}

.mojopb-resource-card__link,
.mojopb-related-card__link {
	text-decoration: none;
}

.mojopb-resource-card__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: max-content !important;
	min-width: 0;
	min-height: 34px;
	margin-top: 2px;
	padding: 9px 14px;
	border: 1px solid color-mix(in srgb, var(--mojopb-primary) 28%, #fff 72%);
	border-radius: 999px;
	background: linear-gradient(135deg, var(--mojopb-override-bg-start, var(--mojopb-override-bg-solid, color-mix(in srgb, var(--mojopb-primary-soft) 72%, #fff 28%))) 0%, var(--mojopb-override-bg-mid, var(--mojopb-override-bg-solid, color-mix(in srgb, var(--mojopb-primary-soft) 72%, #fff 28%))) 52%, var(--mojopb-override-bg-end, var(--mojopb-override-bg-solid, color-mix(in srgb, var(--mojopb-primary-soft) 72%, #fff 28%))) 100%);
	box-shadow: 0 10px 22px rgba(15,31,55,.08);
	color: color-mix(in srgb, var(--mojopb-primary-dark) 82%, #111 18%);
	line-height: 1;
	white-space: nowrap;
}

.mojopb-resource-card__link:hover,
.mojopb-related-card__link:hover {
	text-decoration: none;
}

.mojopb-related-card__link {
	color: inherit;
}

.mojopb-tabs {
	display: grid;
	gap: 16px;
	width: min(100%, 960px);
	margin-inline: auto;
}

.mojopb-tabs__list {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: center;
	padding: 8px;
	border: 1px solid color-mix(in srgb, var(--mojopb-primary-border) 70%, #fff 30%);
	border-radius: var(--mojopb-radius);
	background: linear-gradient(135deg, var(--mojopb-override-bg-start, var(--mojopb-override-bg-solid, rgba(255,255,255,.72))) 0%, var(--mojopb-override-bg-mid, var(--mojopb-override-bg-solid, rgba(255,255,255,.72))) 52%, var(--mojopb-override-bg-end, var(--mojopb-override-bg-solid, rgba(255,255,255,.72))) 100%);
	box-shadow: var(--mojopb-shadow);
}

.mojopb-tabs__tab {
	appearance: none;
	min-height: 42px;
	padding: 10px 14px;
	border: 0;
	border-radius: 999px;
	background: transparent;
	color: var(--mojopb-muted);
	font-weight: 850;
	cursor: pointer;
}

.mojopb-tabs__tab.is-active,
.mojopb-tabs__tab:focus-visible {
	background: var(--mojopb-override-gradient-primary, var(--mojopb-gradient-contrast));
	color: #fff;
	outline: 0;
	box-shadow: 0 12px 28px color-mix(in srgb, var(--mojopb-primary) 22%, transparent);
}

.mojopb-author-bio {
	grid-template-columns: 112px minmax(0, 1fr);
	align-items: center;
}

.mojopb-author-bio__avatar {
	display: grid;
	place-items: center;
	width: 112px;
	height: 112px;
	overflow: hidden;
	border-radius: 50%;
	background: var(--mojopb-override-gradient-primary, var(--mojopb-gradient-contrast));
	color: #fff;
	font-size: 2.3rem;
	font-weight: 900;
	box-shadow: var(--mojopb-shadow);
}

.mojopb-author-bio__avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.mojopb-author-bio__role {
	margin-bottom: 10px;
	color: var(--mojopb-primary-text);
	font-weight: 850;
}

.mojopb-author-bio__links {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 16px;
}

.mojopb-newsletter {
	grid-template-columns: minmax(0, 1fr) minmax(300px, .7fr);
	align-items: center;
	background: var(--mojopb-override-gradient-primary, var(--mojopb-gradient-contrast));
}

.mojopb-newsletter .mojopb-section-title,
.mojopb-newsletter h2,
.mojopb-newsletter p,
.mojopb-newsletter .mojopb-eyebrow {
	color: #fff;
}

.mojopb-newsletter__form {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 10px;
	padding: 8px;
	border: 1px solid color-mix(in srgb, var(--mojopb-override-decoration-color, #fff) 24%, transparent);
	border-radius: 999px;
	background: linear-gradient(135deg, var(--mojopb-override-bg-start, var(--mojopb-override-bg-solid, rgba(255,255,255,.16))) 0%, var(--mojopb-override-bg-mid, var(--mojopb-override-bg-solid, rgba(255,255,255,.16))) 52%, var(--mojopb-override-bg-end, var(--mojopb-override-bg-solid, rgba(255,255,255,.16))) 100%);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.16);
}

.mojopb-newsletter__form label span {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
}

.mojopb-newsletter__form input {
	width: 100%;
	min-height: 48px;
	padding: 0 16px;
	border: 0;
	border-radius: 999px;
	background: #fff;
	color: var(--mojopb-heading);
}

.mojopb-newsletter__form button {
	min-height: 48px;
	padding: 0 18px;
	border: 0;
	border-radius: 999px;
	background: #fff;
	color: var(--mojopb-primary-text);
	font-weight: 850;
	cursor: pointer;
}

.mojopb-newsletter__form button:disabled {
	cursor: wait;
	opacity: .68;
}

.mojopb-newsletter__consent,
.mojopb-newsletter__status {
	grid-column: 1 / -1;
	margin: 0;
}

.mojopb-newsletter__consent {
	padding: 0 12px 6px;
	color: rgba(255,255,255,.78);
	font-size: .82rem;
	line-height: 1.4;
}

.mojopb-newsletter__status {
	padding: 8px 12px;
	border-radius: 999px;
	font-size: .9rem;
	font-weight: 750;
	line-height: 1.35;
}

.mojopb-newsletter__status.is-success {
	background: linear-gradient(135deg, var(--mojopb-override-bg-start, var(--mojopb-override-bg-solid, rgba(255,255,255,.92))) 0%, var(--mojopb-override-bg-mid, var(--mojopb-override-bg-solid, rgba(255,255,255,.92))) 52%, var(--mojopb-override-bg-end, var(--mojopb-override-bg-solid, rgba(255,255,255,.92))) 100%);
	color: color-mix(in srgb, var(--mojopb-success) 70%, #062a16 30%);
}

.mojopb-newsletter__status.is-error {
	background: linear-gradient(135deg, var(--mojopb-override-bg-start, var(--mojopb-override-bg-solid, rgba(255,255,255,.92))) 0%, var(--mojopb-override-bg-mid, var(--mojopb-override-bg-solid, rgba(255,255,255,.92))) 52%, var(--mojopb-override-bg-end, var(--mojopb-override-bg-solid, rgba(255,255,255,.92))) 100%);
	color: color-mix(in srgb, var(--mojopb-danger) 74%, #32080a 26%);
}

.mojopb-newsletter__status.is-busy {
	background: linear-gradient(135deg, var(--mojopb-override-bg-start, var(--mojopb-override-bg-solid, rgba(255,255,255,.84))) 0%, var(--mojopb-override-bg-mid, var(--mojopb-override-bg-solid, rgba(255,255,255,.84))) 52%, var(--mojopb-override-bg-end, var(--mojopb-override-bg-solid, rgba(255,255,255,.84))) 100%);
	color: var(--mojopb-primary-text);
}

.mojopb-lead-form {
	display: grid;
	grid-template-columns: minmax(0, .9fr) minmax(320px, 1fr);
	gap: clamp(22px, 4vw, 44px);
	align-items: start;
	padding: clamp(24px, 4vw, 42px);
	border: 1px solid color-mix(in srgb, var(--mojopb-primary-border) 72%, #fff 28%);
	border-radius: var(--mojopb-radius);
	background: linear-gradient(180deg, var(--mojopb-override-bg-start, var(--mojopb-surface)), var(--mojopb-override-bg-end, var(--mojopb-surface-alt)));
	box-shadow: var(--mojopb-shadow);
}

.mojopb-lead-form__copy {
	min-width: 0;
}

.mojopb-lead-form__form {
	display: grid;
	gap: 16px;
	min-width: 0;
}

.mojopb-lead-form__field {
	display: grid;
	gap: 7px;
	min-width: 0;
}

.mojopb-lead-form__field > label,
.mojopb-lead-form__check {
	color: var(--mojopb-heading);
	font-size: .94rem;
	font-weight: 850;
	line-height: 1.25;
}

.mojopb-lead-form__required {
	color: var(--mojopb-danger, #dc2626);
}

.mojopb-lead-form input,
.mojopb-lead-form textarea,
.mojopb-lead-form select {
	width: 100%;
	min-height: 46px;
	padding: 11px 13px;
	border: 1px solid color-mix(in srgb, var(--mojopb-primary-border) 75%, #fff 25%);
	border-radius: 8px;
	background: #fff;
	color: var(--mojopb-heading);
	font: inherit;
	line-height: 1.35;
	box-shadow: inset 0 1px 1px rgba(12,24,42,.04);
}

.mojopb-lead-form textarea {
	min-height: 132px;
	resize: vertical;
}

.mojopb-lead-form input:focus,
.mojopb-lead-form textarea:focus,
.mojopb-lead-form select:focus {
	border-color: var(--mojopb-primary);
	outline: 3px solid color-mix(in srgb, var(--mojopb-primary) 18%, transparent);
	outline-offset: 1px;
}

.mojopb-lead-form__check {
	display: grid;
	grid-template-columns: 20px minmax(0, 1fr);
	gap: 10px;
	align-items: start;
}

.mojopb-lead-form__check input {
	width: 18px;
	min-height: 18px;
	height: 18px;
	margin-top: 1px;
	padding: 0;
}

.mojopb-lead-form small {
	color: var(--mojopb-muted);
	font-size: .86rem;
	line-height: 1.35;
}

.mojopb-lead-form__hp {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.mojopb-lead-form__actions {
	display: flex;
	justify-content: flex-start;
}

.mojopb-lead-form__form button {
	min-height: 48px;
	padding: 0 20px;
	border: 0;
	border-radius: 999px;
	background: var(--mojopb-primary);
	color: #fff;
	font-weight: 850;
	cursor: pointer;
	box-shadow: var(--mojopb-shadow-soft);
}

.mojopb-lead-form__form button:disabled {
	cursor: wait;
	opacity: .68;
}

.mojopb-lead-form__status {
	margin: 0;
	padding: 10px 12px;
	border-radius: 8px;
	font-size: .94rem;
	font-weight: 700;
	line-height: 1.35;
}

.mojopb-lead-form__status.is-success {
	background: linear-gradient(135deg, var(--mojopb-override-bg-start, var(--mojopb-override-bg-solid, color-mix(in srgb, var(--mojopb-success) 12%, #fff 88%))) 0%, var(--mojopb-override-bg-mid, var(--mojopb-override-bg-solid, color-mix(in srgb, var(--mojopb-success) 12%, #fff 88%))) 52%, var(--mojopb-override-bg-end, var(--mojopb-override-bg-solid, color-mix(in srgb, var(--mojopb-success) 12%, #fff 88%))) 100%);
	color: color-mix(in srgb, var(--mojopb-success) 72%, #062a16 28%);
}

.mojopb-lead-form__status.is-error {
	background: linear-gradient(135deg, var(--mojopb-override-bg-start, var(--mojopb-override-bg-solid, color-mix(in srgb, var(--mojopb-danger) 10%, #fff 90%))) 0%, var(--mojopb-override-bg-mid, var(--mojopb-override-bg-solid, color-mix(in srgb, var(--mojopb-danger) 10%, #fff 90%))) 52%, var(--mojopb-override-bg-end, var(--mojopb-override-bg-solid, color-mix(in srgb, var(--mojopb-danger) 10%, #fff 90%))) 100%);
	color: color-mix(in srgb, var(--mojopb-danger) 72%, #32080a 28%);
}

.mojopb-lead-form__status.is-busy {
	background: linear-gradient(135deg, var(--mojopb-override-bg-start, var(--mojopb-override-bg-solid, color-mix(in srgb, var(--mojopb-primary-soft) 60%, #fff 40%))) 0%, var(--mojopb-override-bg-mid, var(--mojopb-override-bg-solid, color-mix(in srgb, var(--mojopb-primary-soft) 60%, #fff 40%))) 52%, var(--mojopb-override-bg-end, var(--mojopb-override-bg-solid, color-mix(in srgb, var(--mojopb-primary-soft) 60%, #fff 40%))) 100%);
	color: var(--mojopb-primary-text);
}

.mojopb-lead-form__empty {
	margin: 0;
	padding: 14px;
	border: 1px dashed color-mix(in srgb, var(--mojopb-primary-border) 80%, #fff 20%);
	border-radius: 8px;
	background: linear-gradient(135deg, var(--mojopb-override-bg-start, var(--mojopb-override-bg-solid, transparent)) 0%, var(--mojopb-override-bg-mid, var(--mojopb-override-bg-solid, transparent)) 52%, var(--mojopb-override-bg-end, var(--mojopb-override-bg-solid, transparent)) 100%);
	color: var(--mojopb-muted);
}

.mojopb-video-frame {
	overflow: hidden;
	border: 1px solid color-mix(in srgb, var(--mojopb-primary-border) 70%, #fff 30%);
	border-radius: var(--mojopb-radius);
	background: linear-gradient(135deg, var(--mojopb-override-bg-start, var(--mojopb-override-bg-solid, color-mix(in srgb, var(--mojopb-heading) 94%, #000 6%))) 0%, var(--mojopb-override-bg-mid, var(--mojopb-override-bg-solid, color-mix(in srgb, var(--mojopb-heading) 94%, #000 6%))) 52%, var(--mojopb-override-bg-end, var(--mojopb-override-bg-solid, color-mix(in srgb, var(--mojopb-heading) 94%, #000 6%))) 100%);
	box-shadow: var(--mojopb-shadow-strong);
}

.mojopb-video-frame iframe {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	height: auto;
}

.mojopb-video-frame__fallback {
	display: grid;
	place-items: center;
	min-height: 320px;
	color: #fff;
	font-weight: 850;
	text-decoration: none;
}

.mojopb-video-poster {
	position: relative;
	display: grid;
	place-items: center;
	overflow: hidden;
	width: 100%;
	aspect-ratio: 16 / 9;
	min-height: 280px;
	color: #fff;
	text-decoration: none;
	isolation: isolate;
}

.mojopb-video-poster::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background:
		linear-gradient(180deg, rgba(10, 18, 40, .06), rgba(10, 18, 40, .46)),
		radial-gradient(circle at center, rgba(255, 255, 255, .14), rgba(10, 18, 40, .28) 58%, rgba(10, 18, 40, .56));
}

.mojopb-video-poster__image {
	position: absolute;
	inset: 0;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	object-fit: cover;
	border-radius: 0;
	box-shadow: none;
}

.mojopb-video-poster__play {
	position: relative;
	z-index: 2;
	display: grid;
	place-items: center;
	width: 76px;
	height: 76px;
	border: 1px solid rgba(255,255,255,.62);
	border-radius: 999px;
	background: linear-gradient(135deg, var(--mojopb-override-bg-start, var(--mojopb-override-bg-solid, rgba(255,255,255,.24))) 0%, var(--mojopb-override-bg-mid, var(--mojopb-override-bg-solid, rgba(255,255,255,.24))) 52%, var(--mojopb-override-bg-end, var(--mojopb-override-bg-solid, rgba(255,255,255,.24))) 100%);
	box-shadow: 0 22px 55px rgba(0,0,0,.34);
	backdrop-filter: blur(14px);
}

.mojopb-video-poster__play::before {
	content: "";
	width: 0;
	height: 0;
	margin-left: 6px;
	border-top: 14px solid transparent;
	border-bottom: 14px solid transparent;
	border-left: 21px solid currentColor;
	filter: drop-shadow(0 2px 8px rgba(0,0,0,.35));
}

.mojopb-video-poster__label {
	position: absolute;
	left: clamp(18px, 4vw, 42px);
	bottom: clamp(18px, 4vw, 36px);
	z-index: 2;
	max-width: min(560px, calc(100% - 36px));
	padding: 10px 16px;
	border: 1px solid rgba(255,255,255,.48);
	border-radius: 999px;
	background: linear-gradient(135deg, var(--mojopb-override-bg-start, var(--mojopb-override-bg-solid, rgba(255,255,255,.18))) 0%, var(--mojopb-override-bg-mid, var(--mojopb-override-bg-solid, rgba(255,255,255,.18))) 52%, var(--mojopb-override-bg-end, var(--mojopb-override-bg-solid, rgba(255,255,255,.18))) 100%);
	box-shadow: 0 16px 34px rgba(0,0,0,.22);
	backdrop-filter: blur(12px);
	font-size: .86rem;
	font-weight: 900;
	letter-spacing: .02em;
	text-transform: uppercase;
	text-shadow: 0 1px 12px rgba(0,0,0,.42);
}

.mojopb-logo-cloud {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 1px;
	overflow: hidden;
	border: 1px solid color-mix(in srgb, var(--mojopb-primary-border) 70%, #fff 30%);
	border-radius: var(--mojopb-radius);
	background: linear-gradient(135deg, var(--mojopb-override-bg-start, var(--mojopb-override-bg-solid, color-mix(in srgb, var(--mojopb-primary-border) 72%, #fff 28%))) 0%, var(--mojopb-override-bg-mid, var(--mojopb-override-bg-solid, color-mix(in srgb, var(--mojopb-primary-border) 72%, #fff 28%))) 52%, var(--mojopb-override-bg-end, var(--mojopb-override-bg-solid, color-mix(in srgb, var(--mojopb-primary-border) 72%, #fff 28%))) 100%);
	box-shadow: var(--mojopb-shadow);
}

.mojopb-logo-cloud a,
.mojopb-logo-cloud div {
	display: grid;
	place-items: center;
	min-height: 96px;
	padding: 18px;
	background: linear-gradient(135deg, var(--mojopb-override-bg-start, var(--mojopb-override-bg-solid, rgba(255,255,255,.9))) 0%, var(--mojopb-override-bg-mid, var(--mojopb-override-bg-solid, rgba(255,255,255,.9))) 52%, var(--mojopb-override-bg-end, var(--mojopb-override-bg-solid, rgba(255,255,255,.9))) 100%);
	color: var(--mojopb-heading);
	text-align: center;
	text-decoration: none;
}

.mojopb-logo-cloud img {
	display: block;
	max-width: 150px;
	max-height: 46px;
	object-fit: contain;
}

.mojopb-logo-cloud .is-logo-image-missing img {
	display: none;
}

.mojopb-logo-cloud .is-logo-image-missing::after {
	content: attr(data-logo-label);
	color: var(--mojopb-heading);
	font-weight: 900;
	line-height: 1.1;
}

.mojopb-checklist-panel {
	grid-template-columns: minmax(0, 1fr);
	align-items: start;
}

.mojopb-checklist-panel .mojopb-section-head {
	width: min(100%, 840px);
	margin: 0 auto 12px;
	text-align: center;
}

.mojopb-checklist-panel .mojopb-section-head .mojopb-section-title {
	margin-inline: auto;
}

.mojopb-checklist {
	display: grid;
	width: min(100%, 880px);
	margin-inline: auto;
	gap: 12px;
}

.mojopb-checklist article {
	display: grid;
	grid-template-columns: 46px minmax(0, 1fr);
	gap: 14px;
	align-items: center;
	justify-items: start;
	text-align: left;
	padding: 16px;
	border: 1px solid color-mix(in srgb, var(--mojopb-primary-border) 60%, #fff 40%);
	border-radius: var(--mojopb-radius);
	background: linear-gradient(135deg, var(--mojopb-override-bg-start, var(--mojopb-override-bg-solid, rgba(255,255,255,.78))) 0%, var(--mojopb-override-bg-mid, var(--mojopb-override-bg-solid, rgba(255,255,255,.78))) 52%, var(--mojopb-override-bg-end, var(--mojopb-override-bg-solid, rgba(255,255,255,.78))) 100%);
}

.mojopb-checklist article > span {
	display: grid;
	place-items: center;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	background: var(--mojopb-override-gradient-primary, var(--mojopb-gradient-contrast));
	color: #fff;
}

.mojopb-checklist p {
	margin-bottom: 0;
}

.mojopb-related-card {
	overflow: hidden;
	padding: 0;
	background: linear-gradient(135deg, var(--mojopb-override-bg-start, var(--mojopb-override-bg-solid, #fff)) 0%, var(--mojopb-override-bg-mid, var(--mojopb-override-bg-solid, #fff)) 52%, var(--mojopb-override-bg-end, var(--mojopb-override-bg-solid, #fff)) 100%);
	box-sizing: border-box;
	flex: 1 1 min(100%, 360px);
	min-width: 0;
	max-width: calc((100% - 36px) / 3);
}

.mojopb-related-posts--count-1 .mojopb-related-card {
	flex: 0 1 min(100%, 560px);
	max-width: 560px;
}


.mojopb-related-posts--count-2 .mojopb-related-card,
.mojopb-related-posts--count-4 .mojopb-related-card {
	flex-basis: calc((100% - 18px) / 2);
	max-width: calc((100% - 18px) / 2);
}

.mojopb-related-posts--count-3 .mojopb-related-card,
.mojopb-related-posts--count-6 .mojopb-related-card {
	flex-basis: calc((100% - 36px) / 3);
	max-width: calc((100% - 36px) / 3);
}

@media (max-width: 900px) {
	.mojopb-related-card,
	.mojopb-related-posts--count-2 .mojopb-related-card,
	.mojopb-related-posts--count-3 .mojopb-related-card,
	.mojopb-related-posts--count-4 .mojopb-related-card,
	.mojopb-related-posts--count-6 .mojopb-related-card {
		flex-basis: calc((100% - 18px) / 2);
		max-width: calc((100% - 18px) / 2);
	}
}

@media (max-width: 640px) {
	.mojopb-related-posts {
		justify-content: stretch;
	}

	.mojopb-related-card,
	.mojopb-related-posts--count-1 .mojopb-related-card,
	.mojopb-related-posts--count-2 .mojopb-related-card,
	.mojopb-related-posts--count-3 .mojopb-related-card,
	.mojopb-related-posts--count-4 .mojopb-related-card,
	.mojopb-related-posts--count-6 .mojopb-related-card {
		flex-basis: 100%;
		max-width: 100%;
	}
}

.mojopb-related-card > div:last-child {
	padding: 0 20px 20px;
	box-sizing: border-box;
	min-width: 0;
	max-width: 100%;
}

.mojopb-related-card__media {
	display: block;
	aspect-ratio: 16 / 10;
	box-sizing: border-box;
	min-width: 0;
	width: 100%;
	max-width: 100%;
	background:
		linear-gradient(135deg, var(--mojopb-override-bg-start, color-mix(in srgb, var(--mojopb-primary-soft) 72%, #fff 28%)), var(--mojopb-override-bg-end, color-mix(in srgb, var(--mojopb-accent-soft) 62%, #fff 38%)));
}

.mojopb-related-card__media img {
	display: block;
	width: 100%;
	max-width: 100%;
	height: 100%;
	object-fit: cover;
}

.mojopb-related-card__media span {
	display: block;
	width: 100%;
	height: 100%;
	background:
		linear-gradient(135deg, color-mix(in srgb, var(--mojopb-primary) 26%, transparent), transparent 52%),
		repeating-linear-gradient(135deg, color-mix(in srgb, var(--mojopb-override-decoration-color, #fff) 38%, transparent) 0 1px, transparent 1px 18px);
}

.mojopb-product-cta {
	background: var(--mojopb-override-gradient-primary, var(--mojopb-gradient-contrast));
	color: #fff;
}

.mojopb-product-cta .mojopb-section-title,
.mojopb-product-cta h2,
.mojopb-product-cta p,
.mojopb-product-cta .mojopb-eyebrow {
	color: #fff;
}

.mojopb-product-cta .mojopb-button {
	background: #fff;
	color: var(--mojopb-primary-text);
}

.mojopb-image-cta {
	aspect-ratio: 16 / 11;
}

.mojopb-image-text {
	display: grid;
	grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
	align-items: center;
	gap: clamp(26px, 5vw, 70px);
}

.mojopb-image-text--image-right {
	grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
}

.mojopb-image-text__media {
	overflow: hidden;
	padding: clamp(6px, 1vw, 10px);
	border: 1px solid color-mix(in srgb, var(--mojopb-primary-border) 76%, #fff 24%);
	border-radius: var(--mojopb-radius);
	background: linear-gradient(135deg, var(--mojopb-override-bg-start, var(--mojopb-override-bg-solid, color-mix(in srgb, var(--mojopb-surface) 94%, #fff 6%))) 0%, var(--mojopb-override-bg-mid, var(--mojopb-override-bg-solid, color-mix(in srgb, var(--mojopb-surface) 94%, #fff 6%))) 52%, var(--mojopb-override-bg-end, var(--mojopb-override-bg-solid, color-mix(in srgb, var(--mojopb-surface) 94%, #fff 6%))) 100%);
	box-shadow: 0 16px 42px rgba(15, 23, 42, .1);
}

.mojopb-image-text__image {
	aspect-ratio: 4 / 3;
	border-radius: calc(var(--mojopb-radius) - 2px);
	box-shadow: none;
}

.mojopb-image-text__copy {
	max-width: 64ch;
}

.mojopb-image-text__copy .mojopb-section-title {
	margin-bottom: clamp(14px, 2vw, 20px);
}

.mojopb-image-text__copy p {
	font-size: clamp(1.02rem, 1.15vw, 1.15rem);
	line-height: 1.7;
}

.mojopb-image-text--image-right .mojopb-image-text__media {
	order: 2;
}

.mojopb-image-text--image-right .mojopb-image-text__copy {
	order: 1;
}

.mojopb-image-full-frame {
	overflow: hidden;
	padding: clamp(6px, 1vw, 10px);
	border: 1px solid color-mix(in srgb, var(--mojopb-primary-border) 78%, #fff 22%);
	border-radius: var(--mojopb-radius);
	background: linear-gradient(135deg, var(--mojopb-override-bg-start, var(--mojopb-override-bg-solid, color-mix(in srgb, var(--mojopb-surface) 92%, #fff 8%))) 0%, var(--mojopb-override-bg-mid, var(--mojopb-override-bg-solid, color-mix(in srgb, var(--mojopb-surface) 92%, #fff 8%))) 52%, var(--mojopb-override-bg-end, var(--mojopb-override-bg-solid, color-mix(in srgb, var(--mojopb-surface) 92%, #fff 8%))) 100%);
	box-shadow: 0 18px 44px rgba(15, 23, 42, .11);
}

.mojopb-image-screen {
	border-radius: calc(var(--mojopb-radius) - 2px);
	box-shadow: none;
	aspect-ratio: 16 / 9;
}

.mojopb-image-pair {
	position: relative;
	display: grid;
	grid-template-columns: repeat(11, minmax(0, 1fr));
	align-items: center;
	gap: clamp(14px, 3vw, 36px);
	padding: clamp(8px, 2vw, 22px) clamp(10px, 1.6vw, 18px);
}

.mojopb-image-pair__item {
	position: relative;
	margin: 0;
	padding: clamp(5px, .7vw, 8px);
	border: 1px solid color-mix(in srgb, var(--mojopb-primary-border) 76%, #fff 24%);
	border-radius: var(--mojopb-radius);
	background: linear-gradient(135deg, var(--mojopb-override-bg-start, var(--mojopb-override-bg-solid, color-mix(in srgb, var(--mojopb-surface) 95%, #fff 5%))) 0%, var(--mojopb-override-bg-mid, var(--mojopb-override-bg-solid, color-mix(in srgb, var(--mojopb-surface) 95%, #fff 5%))) 52%, var(--mojopb-override-bg-end, var(--mojopb-override-bg-solid, color-mix(in srgb, var(--mojopb-surface) 95%, #fff 5%))) 100%);
	box-shadow: var(--mojopb-shadow);
}

.mojopb-image-pair__item--1 {
	grid-column: 1 / span 6;
	grid-row: 1;
	transform: rotate(-1.6deg);
	z-index: 1;
}

.mojopb-image-pair__item--2 {
	grid-column: 6 / span 6;
	grid-row: 1;
	margin-top: clamp(36px, 5vw, 66px);
	transform: rotate(1.4deg);
	z-index: 2;
}

.mojopb-image-pair__media {
	overflow: hidden;
	aspect-ratio: 16 / 9;
	border-radius: calc(var(--mojopb-radius) - 2px);
}

.mojopb-image-pair__image {
	aspect-ratio: 16 / 9;
	height: 100%;
	box-shadow: none;
}

.mojopb-image-pair figcaption {
	display: grid;
	gap: 6px;
	padding: clamp(12px, 1.6vw, 18px) clamp(8px, 1.1vw, 12px) 4px;
	color: var(--mojopb-body);
}

.mojopb-image-pair__item--1 figcaption {
	padding-right: clamp(52px, 7vw, 96px);
}

.mojopb-image-pair figcaption span {
	color: var(--mojopb-primary-text);
	font-size: .78rem;
	font-weight: 800;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.mojopb-image-pair figcaption strong {
	color: var(--mojopb-heading);
	font-size: clamp(1.05rem, 1.8vw, 1.35rem);
	line-height: 1.15;
}

.mojopb-image-pair figcaption p {
	margin: 0;
	font-size: .96rem;
	line-height: 1.55;
}

.mojopb-image-gallery {
	--mojopb-gallery-gap: 4px;
	position: relative;
	display: grid;
	gap: var(--mojopb-gallery-gap);
	isolation: isolate;
}

.mojopb-image-gallery__row {
	display: flex;
	gap: var(--mojopb-gallery-gap);
	justify-content: flex-start;
	width: 100%;
}

.mojopb-image-gallery__tile {
	position: relative;
	display: block;
	flex: 0 0 var(--mojopb-gallery-row-basis);
	min-width: 0;
	aspect-ratio: 1 / 1;
	color: inherit;
	text-decoration: none;
	outline: 0;
}

.mojopb-image-gallery__thumb-frame {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: transparent;
}

.mojopb-image-gallery__thumb {
	width: 100%;
	height: 100%;
	min-height: 0;
	aspect-ratio: 1 / 1;
	border-radius: 0;
	box-shadow: none;
	transition: transform .22s ease, filter .22s ease;
}

.mojopb-image-gallery__thumb.mojopb-image-placeholder {
	min-height: 0;
}

.mojopb-image-gallery__thumb.mojopb-image-placeholder::before,
.mojopb-image-gallery__thumb.mojopb-image-placeholder::after {
	display: none;
}

.mojopb-image-gallery__tile:hover .mojopb-image-gallery__thumb,
.mojopb-image-gallery__tile:focus-visible .mojopb-image-gallery__thumb {
	transform: scale(1.035);
	filter: saturate(1.05);
}

.mojopb-image-gallery__hover {
	display: none;
}

@media (hover: hover) and (pointer: fine) {
	.mojopb-image-gallery__hover {
		position: absolute;
		z-index: 30;
		left: 50%;
		top: 50%;
		display: block;
		width: var(--mojopb-gallery-hover-width, min(520px, 44vw));
		height: var(--mojopb-gallery-hover-height, auto);
		max-width: var(--mojopb-gallery-hover-max-width, calc(100vw - 48px));
		max-height: var(--mojopb-gallery-hover-max-height, min(82vh, calc(100vh - 48px)));
		aspect-ratio: var(--mojopb-gallery-aspect, auto);
		opacity: 0;
		pointer-events: none;
		transform: translate(-50%, -50%) scale(.92);
		transform-origin: center;
		transition: opacity .16s ease, transform .16s ease;
		filter: drop-shadow(0 22px 44px rgba(15, 23, 42, .28));
	}

	.mojopb-image-gallery__hover img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
		background: transparent;
	}

	.mojopb-image-gallery__tile:hover,
	.mojopb-image-gallery__tile:focus-visible {
		z-index: 35;
	}

	.mojopb-image-gallery__tile:hover .mojopb-image-gallery__hover,
	.mojopb-image-gallery__tile:focus-visible .mojopb-image-gallery__hover {
		opacity: 1;
		transform: translate(-50%, -50%) scale(1);
	}
}

.mojopb-image-lightbox {
	position: fixed;
	z-index: 100000;
	inset: 0;
	display: grid;
	grid-template-rows: auto minmax(0, 1fr) auto;
	gap: 14px;
	padding: clamp(18px, 3vw, 34px);
	background: rgba(3, 7, 18, .88);
	color: #fff;
}

.mojopb-image-lightbox[hidden] {
	display: none;
}

.mojopb-image-lightbox__close {
	justify-self: end;
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	border: 1px solid rgba(255,255,255,.25);
	border-radius: 999px;
	background: rgba(255,255,255,.1);
	color: #fff;
	cursor: pointer;
	font: 800 1rem/1 var(--mojopb-font);
}

.mojopb-image-lightbox__image {
	align-self: center;
	justify-self: center;
	display: block;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	box-shadow: 0 24px 70px rgba(0, 0, 0, .45);
}

.mojopb-image-lightbox__caption {
	justify-self: center;
	max-width: min(72ch, 92vw);
	margin: 0;
	color: rgba(255,255,255,.78);
	text-align: center;
}

.mojopb-code-embed {
	box-sizing: border-box;
	max-width: 100%;
	min-width: 0;
}

.mojopb-code-embed__content {
	min-width: 0;
	max-width: 100%;
	overflow: visible;
}

.mojopb-code-embed__content > :first-child {
	margin-top: 0;
}

.mojopb-code-embed__content > :last-child {
	margin-bottom: 0;
}

.mojopb-code-embed--raw {
	overflow-x: auto;
	padding: clamp(18px, 3vw, 28px);
	border: 1px solid color-mix(in srgb, var(--mojopb-primary-border) 72%, #fff 28%);
	border-radius: var(--mojopb-radius);
	background: linear-gradient(135deg, var(--mojopb-override-bg-start, var(--mojopb-override-bg-solid, color-mix(in srgb, var(--mojopb-surface) 96%, #fff 4%))) 0%, var(--mojopb-override-bg-mid, var(--mojopb-override-bg-solid, color-mix(in srgb, var(--mojopb-surface) 96%, #fff 4%))) 52%, var(--mojopb-override-bg-end, var(--mojopb-override-bg-solid, color-mix(in srgb, var(--mojopb-surface) 96%, #fff 4%))) 100%);
	box-shadow: var(--mojopb-shadow);
}

.mojopb-code-embed--raw .mojopb-code-embed__content {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.mojopb-code-embed__raw {
	margin: 0;
	white-space: pre;
	tab-size: 4;
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
	font-size: .9rem;
	line-height: 1.5;
	overflow-x: auto;
}

.mojopb-code-embed--placeholder {
	padding: clamp(18px, 3vw, 28px);
	border: 1px dashed color-mix(in srgb, var(--mojopb-primary-border) 72%, #fff 28%);
	border-radius: var(--mojopb-radius);
	border-style: dashed;
	background: linear-gradient(135deg, var(--mojopb-override-bg-start, var(--mojopb-override-bg-solid, color-mix(in srgb, var(--mojopb-surface) 90%, var(--mojopb-primary) 10%))) 0%, var(--mojopb-override-bg-mid, var(--mojopb-override-bg-solid, color-mix(in srgb, var(--mojopb-surface) 90%, var(--mojopb-primary) 10%))) 52%, var(--mojopb-override-bg-end, var(--mojopb-override-bg-solid, color-mix(in srgb, var(--mojopb-surface) 90%, var(--mojopb-primary) 10%))) 100%);
}

.mojopb-code-embed__placeholder {
	display: grid;
	gap: 8px;
	justify-items: start;
	color: var(--mojopb-muted);
}

.mojopb-code-embed__placeholder strong {
	color: var(--mojopb-heading);
	font-size: .95rem;
	text-transform: uppercase;
	letter-spacing: .08em;
}

.mojopb-code-embed__placeholder code {
	max-width: 100%;
	padding: 6px 8px;
	border: 1px solid color-mix(in srgb, var(--mojopb-primary-border) 70%, #fff 30%);
	border-radius: var(--mojopb-radius-sm);
	background: linear-gradient(135deg, var(--mojopb-override-bg-start, var(--mojopb-override-bg-solid, color-mix(in srgb, var(--mojopb-surface) 72%, #fff 28%))) 0%, var(--mojopb-override-bg-mid, var(--mojopb-override-bg-solid, color-mix(in srgb, var(--mojopb-surface) 72%, #fff 28%))) 52%, var(--mojopb-override-bg-end, var(--mojopb-override-bg-solid, color-mix(in srgb, var(--mojopb-surface) 72%, #fff 28%))) 100%);
	color: var(--mojopb-text);
	font-size: .9rem;
	overflow-x: auto;
}

.mojopb-map-location {
	display: grid;
	grid-template-columns: minmax(0, .86fr) minmax(320px, 1.14fr);
	gap: clamp(22px, 4vw, 44px);
	align-items: center;
	padding: clamp(22px, 4vw, 40px);
	border: 1px solid color-mix(in srgb, var(--mojopb-primary-border) 70%, #fff 30%);
	border-radius: var(--mojopb-radius);
	background:
		linear-gradient(135deg, var(--mojopb-override-bg-start, color-mix(in srgb, var(--mojopb-surface) 94%, #fff 6%)), var(--mojopb-override-bg-end, color-mix(in srgb, var(--mojopb-primary-soft) 36%, #fff 64%)));
	box-shadow: var(--mojopb-shadow);
	box-sizing: border-box;
	min-width: 0;
}

.mojopb-map-location__copy,
.mojopb-map-location__visual {
	min-width: 0;
}

.mojopb-map-location__copy .mojopb-section-title {
	margin-inline: 0;
}

.mojopb-map-details {
	display: grid;
	gap: 10px;
	margin-top: 18px;
}

.mojopb-map-detail {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	margin: 0;
	padding-left: 24px;
	color: var(--mojopb-text);
	font-weight: 650;
	line-height: 1.45;
	overflow-wrap: anywhere;
	word-break: break-word;
}

.mojopb-map-detail :is(strong, span, a) {
	overflow-wrap: anywhere;
	word-break: break-word;
}

.mojopb-map-detail::before {
	content: "";
	position: absolute;
	top: .62em;
	left: 0;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: var(--mojopb-primary);
	box-shadow: 0 0 0 5px color-mix(in srgb, var(--mojopb-primary-soft) 78%, transparent);
}

.mojopb-map-detail--name::before {
	background: var(--mojopb-accent);
}

.mojopb-map-detail a {
	color: var(--mojopb-primary-text);
	text-decoration: none;
}

.mojopb-map-detail a:hover,
.mojopb-map-detail a:focus {
	text-decoration: underline;
}

.mojopb-map-location__visual {
	display: grid;
	gap: 12px;
}

.mojopb-map-facade,
.mojopb-map-iframe {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 10;
	overflow: hidden;
	border: 0;
	border-radius: calc(var(--mojopb-radius) + 6px);
	box-shadow: 0 24px 60px rgba(15,31,55,.18);
	background: linear-gradient(135deg, var(--mojopb-override-bg-start, var(--mojopb-override-bg-solid, color-mix(in srgb, var(--mojopb-primary-soft) 70%, #fff 30%))) 0%, var(--mojopb-override-bg-mid, var(--mojopb-override-bg-solid, color-mix(in srgb, var(--mojopb-primary-soft) 70%, #fff 30%))) 52%, var(--mojopb-override-bg-end, var(--mojopb-override-bg-solid, color-mix(in srgb, var(--mojopb-primary-soft) 70%, #fff 30%))) 100%);
}

.mojopb-map-facade {
	position: relative;
	padding: 0;
	color: #fff;
	cursor: pointer;
	text-decoration: none;
}

button.mojopb-map-facade {
	font: inherit;
	text-align: left;
}

.mojopb-map-media,
.mojopb-map-image,
.mojopb-map-art {
	display: block;
	width: 100%;
	height: 100%;
}

.mojopb-map-image {
	object-fit: cover;
}

.mojopb-map-art {
	position: relative;
	overflow: hidden;
	background:
		linear-gradient(135deg, rgba(255,255,255,.38), transparent 48%),
		linear-gradient(145deg, var(--mojopb-override-bg-start, #dbeafe) 0%, var(--mojopb-override-bg-mid, #d9f5df) 42%, var(--mojopb-override-bg-end, #edf7e6) 100%);
}

.mojopb-map-art::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg, color-mix(in srgb, var(--mojopb-override-decoration-color, #fff) 40%, transparent) 1px, transparent 1px),
		linear-gradient(0deg, color-mix(in srgb, var(--mojopb-override-decoration-color, #fff) 32%, transparent) 1px, transparent 1px);
	background-size: 46px 46px;
	opacity: .7;
}

.mojopb-map-road {
	position: absolute;
	z-index: 2;
	display: block;
	height: 18px;
	border: 1px solid rgba(86, 101, 123, .1);
	border-radius: 999px;
	background: linear-gradient(135deg, var(--mojopb-override-bg-start, var(--mojopb-override-bg-solid, rgba(255,255,255,.78))) 0%, var(--mojopb-override-bg-mid, var(--mojopb-override-bg-solid, rgba(255,255,255,.78))) 52%, var(--mojopb-override-bg-end, var(--mojopb-override-bg-solid, rgba(255,255,255,.78))) 100%);
	box-shadow: 0 4px 18px rgba(50, 74, 100, .12);
}

.mojopb-map-road--one {
	top: 23%;
	left: -8%;
	width: 74%;
	transform: rotate(-18deg);
}

.mojopb-map-road--two {
	top: 54%;
	right: -12%;
	width: 88%;
	transform: rotate(14deg);
}

.mojopb-map-road--three {
	top: -12%;
	left: 46%;
	width: 20px;
	height: 125%;
	transform: rotate(8deg);
}

.mojopb-map-road--four {
	bottom: 15%;
	left: 9%;
	width: 42%;
	transform: rotate(32deg);
}

.mojopb-map-block {
	position: absolute;
	z-index: 1;
	display: block;
	border: 1px solid rgba(45, 72, 96, .08);
	border-radius: 14px;
	background: linear-gradient(135deg, var(--mojopb-override-bg-start, var(--mojopb-override-bg-solid, rgba(255,255,255,.48))) 0%, var(--mojopb-override-bg-mid, var(--mojopb-override-bg-solid, rgba(255,255,255,.48))) 52%, var(--mojopb-override-bg-end, var(--mojopb-override-bg-solid, rgba(255,255,255,.48))) 100%);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.52);
}

.mojopb-map-block--one {
	top: 13%;
	left: 12%;
	width: 24%;
	height: 22%;
}

.mojopb-map-block--two {
	right: 13%;
	bottom: 15%;
	width: 28%;
	height: 26%;
	background: linear-gradient(135deg, var(--mojopb-override-bg-start, var(--mojopb-override-bg-solid, rgba(255,255,255,.6))) 0%, var(--mojopb-override-bg-mid, var(--mojopb-override-bg-solid, rgba(255,255,255,.6))) 52%, var(--mojopb-override-bg-end, var(--mojopb-override-bg-solid, rgba(255,255,255,.6))) 100%);
}

.mojopb-map-block--three {
	top: 18%;
	right: 16%;
	width: 18%;
	height: 18%;
	background: linear-gradient(135deg, var(--mojopb-override-bg-start, var(--mojopb-override-bg-solid, color-mix(in srgb, var(--mojopb-accent-soft) 72%, #fff 28%))) 0%, var(--mojopb-override-bg-mid, var(--mojopb-override-bg-solid, color-mix(in srgb, var(--mojopb-accent-soft) 72%, #fff 28%))) 52%, var(--mojopb-override-bg-end, var(--mojopb-override-bg-solid, color-mix(in srgb, var(--mojopb-accent-soft) 72%, #fff 28%))) 100%);
}

.mojopb-map-pin {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 4;
	width: 42px;
	height: 42px;
	margin: -34px 0 0 -21px;
	border: 3px solid #fff;
	border-radius: 50% 50% 50% 0;
	background: linear-gradient(135deg, var(--mojopb-override-bg-start, var(--mojopb-danger)), var(--mojopb-override-bg-end, var(--mojopb-accent)));
	box-shadow: 0 16px 30px rgba(15,31,55,.26);
	transform: rotate(-45deg);
}

.mojopb-map-pin::after {
	content: "";
	position: absolute;
	top: 11px;
	left: 11px;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: #fff;
}

.mojopb-map-facade__shade {
	position: absolute;
	inset: 0;
	z-index: 5;
	background:
		linear-gradient(180deg, transparent 45%, rgba(9, 20, 38, .58) 100%),
		linear-gradient(90deg, rgba(9, 20, 38, .18), transparent 55%);
	pointer-events: none;
}

.mojopb-map-facade__action {
	position: absolute;
	left: 16px;
	bottom: 16px;
	z-index: 6;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	max-width: calc(100% - 32px);
	padding: 10px 14px;
	border-radius: var(--mojopb-radius-sm);
	background: linear-gradient(135deg, var(--mojopb-override-bg-start, var(--mojopb-override-bg-solid, color-mix(in srgb, var(--mojopb-primary-dark) 86%, #000 14%))) 0%, var(--mojopb-override-bg-mid, var(--mojopb-override-bg-solid, color-mix(in srgb, var(--mojopb-primary-dark) 86%, #000 14%))) 52%, var(--mojopb-override-bg-end, var(--mojopb-override-bg-solid, color-mix(in srgb, var(--mojopb-primary-dark) 86%, #000 14%))) 100%);
	color: #fff;
	font-weight: 900;
	line-height: 1.2;
	box-shadow: 0 12px 28px rgba(0,0,0,.22);
}

.mojopb-map-facade__action::after {
	content: "";
	width: 8px;
	height: 8px;
	border-top: 2px solid currentColor;
	border-right: 2px solid currentColor;
	transform: rotate(45deg);
}

.mojopb-map-actions {
	margin: 0;
	text-align: right;
}

.mojopb-map-open {
	color: var(--mojopb-primary-text);
	font-weight: 900;
	text-decoration: none;
}

.mojopb-map-open:hover,
.mojopb-map-open:focus {
	text-decoration: underline;
}

@media (max-width: 980px) {
	.mojopb-hero-split__grid,
	.mojopb-intro-panel,
	.mojopb-icon-list-panel,
	.mojopb-case-card,
	.mojopb-product-cta,
	.mojopb-map-location,
	.mojopb-verdict,
	.mojopb-newsletter,
	.mojopb-lead-form,
	.mojopb-checklist-panel,
	.mojopb-paired,
	.mojopb-pros-cons,
	.mojopb-deep-grid,
	.mojopb-pricing-grid,
	.mojopb-testimonials,
	.mojopb-reviews,
	.mojopb-card-grid-3,
	.mojopb-resource-grid,
	.mojopb-related-posts {
		grid-template-columns: 1fr;
	}

	.mojopb-pricing-grid,
	.mojopb-pricing-grid--count-2,
	.mojopb-pricing-grid--count-3,
	.mojopb-pricing-grid--count-4,
	.mojopb-pricing-grid:has(> .mojopb-price-card:nth-child(2):last-child) {
		grid-template-columns: minmax(0, 1fr);
		justify-content: stretch;
	}

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

	.mojopb-image-slider .mojopb-slider__viewport {
		grid-template-columns: minmax(0, .58fr) minmax(0, 1.2fr) minmax(0, .58fr);
	}

	.mojopb-card-grid-4,
	.mojopb-steps,
	.mojopb-trust-bar,
	.mojopb-stat-band,
	.mojopb-logo-cloud {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.mojopb-related-posts {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.mojopb-steps--count-3,
	.mojopb-resource-grid--count-3,
	.mojopb-related-posts--count-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.mojopb-steps--count-4,
	.mojopb-resource-grid--count-4,
	.mojopb-related-posts--count-2,
	.mojopb-related-posts--count-4 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.mojopb-steps--count-6,
	.mojopb-resource-grid--count-6 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.mojopb-price-card.is-featured {
		transform: none;
	}
}

@container mojopb-root (max-width: 860px) {
	.mojopb-section {
		--mojopb-section-padding-y: 24px;
		--mojopb-section-follow-padding-y: 13px;
		--mojopb-section-padding-y-tight: 18px;
		--mojopb-header-gap: 22px;
		padding-inline: 18px;
		overflow-x: hidden;
	}

	.mojopb-shell,
	.mojopb-narrow,
	.mojopb-section-head {
		width: 100% !important;
		max-width: 100% !important;
	}

	.mojopb-root h1,
	.mojopb-root h2,
	.mojopb-root .mojopb-section-title,
	.mojopb-root .mojopb-standard-prose .mojopb-section-title,
	.mojopb-root .mojopb-product-cta .mojopb-section-title,
	.mojopb-root .mojopb-product-cta h2,
	.mojopb-root .mojopb-callout .mojopb-section-title,
	.mojopb-root .mojopb-callout h2 {
		display: block;
		width: auto !important;
		max-width: 100% !important;
		font-size: 2rem;
		line-height: 1.08;
		overflow-wrap: break-word;
		white-space: normal !important;
	}

	.mojopb-root h3,
	.mojopb-root p,
	.mojopb-root li {
		width: auto !important;
		max-width: 100% !important;
		white-space: normal !important;
	}

	.mojopb-hero-copy p,
	.mojopb-section-head p,
	.mojopb-narrow p,
	.mojopb-image-text__copy p {
		font-size: 1rem;
	}

	.mojopb-hero-split {
		padding-top: 34px;
	}

	.mojopb-hero-split__grid,
	.mojopb-intro-panel,
	.mojopb-icon-list-panel,
	.mojopb-case-card,
	.mojopb-product-cta,
	.mojopb-map-location,
	.mojopb-verdict,
	.mojopb-newsletter,
	.mojopb-lead-form,
	.mojopb-checklist-panel,
	.mojopb-paired,
	.mojopb-pros-cons,
	.mojopb-deep-grid,
	.mojopb-pricing-grid,
	.mojopb-pricing-grid--count-2,
	.mojopb-pricing-grid--count-3,
	.mojopb-pricing-grid--count-4,
	.mojopb-pricing-grid:has(> .mojopb-price-card:nth-child(2):last-child),
	.mojopb-testimonials,
	.mojopb-reviews,
	.mojopb-reviews--count-2,
	.mojopb-card-grid-3,
	.mojopb-card-grid-4,
	.mojopb-resource-grid,
	.mojopb-resource-grid--count-2,
	.mojopb-resource-grid--count-3,
	.mojopb-resource-grid--count-4,
	.mojopb-resource-grid--count-5,
	.mojopb-resource-grid--count-6,
	.mojopb-related-posts,
	.mojopb-related-posts--count-1,
	.mojopb-related-posts--count-2,
	.mojopb-related-posts--count-3,
	.mojopb-related-posts--count-4,
	.mojopb-steps,
	.mojopb-stat-band,
	.mojopb-logo-cloud,
	.mojopb-team-grid,
	.mojopb-team-grid--count-2,
	.mojopb-team-grid--count-4,
	.mojopb-image-text,
	.mojopb-image-text--image-right,
	.mojopb-image-pair,
	.mojopb-author-bio,
	.mojopb-toc,
	.mojopb-tabs,
	.mojopb-tabs__panel,
	.mojopb-verdict__fit,
	.mojopb-newsletter__form,
	.mojopb-lead-form__form {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	.mojopb-hero-art {
		min-height: 0;
		max-width: 100%;
		overflow: hidden;
	}

	.mojopb-hero-art--image,
	.mojopb-product-cta {
		padding: 16px;
	}

	.mojopb-hero-art--image .mojopb-image-hero,
	.mojopb-image-cta,
	.mojopb-image-text__image,
	.mojopb-image-screen,
	.mojopb-image-pair__image,
	.mojopb-product-cta .mojopb-image-placeholder {
		width: 100% !important;
		max-width: 100% !important;
		min-height: 0;
	}

	.mojopb-hero-art--image .mojopb-image-hero {
		aspect-ratio: 4 / 3;
		height: auto;
	}

	.mojopb-image-text__media,
	.mojopb-image-text--image-right .mojopb-image-text__media {
		order: 1;
	}

	.mojopb-image-text__copy,
	.mojopb-image-text--image-right .mojopb-image-text__copy {
		order: 2;
	}

	.mojopb-hero-copy,
	.mojopb-feature-card,
	.mojopb-deep-card,
	.mojopb-price-card,
	.mojopb-testimonials figure,
	.mojopb-review-card,
	.mojopb-image-slider,
	.mojopb-slider__slide,
	.mojopb-faq article,
	.mojopb-faq-accordion,
	.mojopb-faq-accordion__item,
	.mojopb-verdict,
	.mojopb-resource-card,
	.mojopb-tabs,
	.mojopb-tabs__panel,
	.mojopb-author-bio,
	.mojopb-team-card,
	.mojopb-newsletter,
	.mojopb-video-frame,
	.mojopb-logo-cloud,
	.mojopb-checklist-panel,
	.mojopb-related-card,
	.mojopb-pros-cons article,
	.mojopb-step,
	.mojopb-timeline article,
	.mojopb-callout,
	.mojopb-case-card,
	.mojopb-product-cta,
	.mojopb-map-location,
	.mojopb-code-embed,
	.mojopb-intro-panel,
	.mojopb-icon-list-panel {
		box-sizing: border-box;
		max-width: 100%;
		width: 100% !important;
	}

	.mojopb-table-wrap {
		box-sizing: border-box;
		width: 100% !important;
		max-width: 100% !important;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.mojopb-table {
		width: 100% !important;
		min-width: 0;
		table-layout: fixed;
	}

	.mojopb-table th,
	.mojopb-table td {
		padding: 12px 10px;
		overflow-wrap: anywhere;
		word-break: normal;
	}

	.mojopb-image-slider .mojopb-slider__viewport {
		grid-template-columns: minmax(0, 1fr) !important;
		min-height: 0;
	}

	.mojopb-image-slider .mojopb-slider__slide.is-prev,
	.mojopb-image-slider .mojopb-slider__slide.is-next {
		display: none;
	}

	.mojopb-slider-image,
	.mojopb-image-slider .mojopb-slider__slide.is-prev .mojopb-slider-image,
	.mojopb-image-slider .mojopb-slider__slide.is-next .mojopb-slider-image {
		height: 260px;
		min-height: 0;
		width: 100% !important;
		max-width: 100% !important;
	}

	.mojopb-price-card.is-featured {
		transform: none;
	}

	.mojopb-product-cta .mojopb-image-placeholder,
	.mojopb-image-placeholder {
		min-height: 260px;
	}
}

@container mojopb-root (max-width: 520px) {
	.mojopb-section {
		padding-inline: 14px;
	}

	.mojopb-root h1,
	.mojopb-root h2,
	.mojopb-root .mojopb-section-title,
	.mojopb-root .mojopb-standard-prose .mojopb-section-title,
	.mojopb-root .mojopb-product-cta .mojopb-section-title,
	.mojopb-root .mojopb-product-cta h2,
	.mojopb-root .mojopb-callout .mojopb-section-title,
	.mojopb-root .mojopb-callout h2 {
		font-size: 1.72rem;
		line-height: 1.1;
	}

	.mojopb-hero-copy p,
	.mojopb-section-head p,
	.mojopb-narrow p,
	.mojopb-image-text__copy p {
		font-size: .98rem;
	}

	.mojopb-hero-art--image,
	.mojopb-product-cta,
	.mojopb-intro-panel,
	.mojopb-icon-list-panel,
	.mojopb-case-card,
	.mojopb-verdict,
	.mojopb-newsletter,
	.mojopb-lead-form,
	.mojopb-checklist-panel,
	.mojopb-callout {
		padding: 14px;
	}

	.mojopb-hero-art--image .mojopb-image-hero,
	.mojopb-slider-image,
	.mojopb-product-cta .mojopb-image-placeholder,
	.mojopb-image-placeholder {
		min-height: 220px;
	}
}

@media (max-width: 640px) {
	html,
	body {
		overflow-x: hidden;
	}

	.mojopb-root.mojopb-document {
		width: 100% !important;
		max-width: none !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	.mojopb-root {
		--mojopb-section-padding-y: 24px;
		--mojopb-section-follow-padding-y: 13px;
		--mojopb-section-padding-y-tight: 18px;
		--mojopb-header-gap: 22px;
	}

	.mojopb-section {
		padding-inline: 18px;
		overflow-x: hidden;
	}

	.mojopb-shell,
	.mojopb-narrow {
		width: calc(100vw - 36px) !important;
		max-width: calc(100vw - 36px) !important;
	}

	.mojopb-section-head {
		width: 100% !important;
		max-width: 100% !important;
	}

	.mojopb-root h1,
	.mojopb-root h2 {
		display: block;
		width: auto !important;
		max-width: calc(100vw - 36px) !important;
		font-size: clamp(1.6rem, 7.4vw, 2.05rem);
		line-height: 1.08;
		white-space: normal !important;
	}

	.mojopb-root h3,
	.mojopb-root p {
		width: auto !important;
		max-width: calc(100vw - 36px) !important;
		white-space: normal !important;
	}

	.mojopb-section-head .mojopb-section-title,
	.mojopb-section-head h2,
	.mojopb-narrow .mojopb-section-title,
	.mojopb-narrow h2 {
		font-size: clamp(1.58rem, 7vw, 1.95rem);
	}

	.mojopb-hero-copy p,
	.mojopb-section-head p,
	.mojopb-narrow p {
		font-size: 1rem;
	}

	.mojopb-card-grid-4,
	.mojopb-steps,
	.mojopb-trust-bar,
	.mojopb-stat-band,
	.mojopb-verdict__fit,
	.mojopb-logo-cloud,
	.mojopb-resource-grid,
	.mojopb-related-posts {
		grid-template-columns: 1fr;
	}

	.mojopb-hero-art {
		min-height: 0;
		max-width: 100%;
		overflow: hidden;
	}

	.mojopb-image-hero {
		aspect-ratio: 1 / 1;
		width: calc(100vw - 36px) !important;
		max-width: calc(100vw - 36px) !important;
	}

	.mojopb-hero-art--image {
		padding: 16px;
	}

	.mojopb-hero-art--image .mojopb-image-hero {
		min-height: 260px;
		width: 100% !important;
		max-width: 100% !important;
	}

	.mojopb-image-cta,
	.mojopb-image-text__image,
	.mojopb-image-screen,
	.mojopb-image-full-frame .mojopb-image-placeholder,
	.mojopb-image-pair__image,
	.mojopb-product-cta .mojopb-image-placeholder {
		width: 100% !important;
		max-width: 100% !important;
	}

	.mojopb-image-text,
	.mojopb-image-text--image-right {
		grid-template-columns: 1fr;
		gap: 22px;
	}

	.mojopb-image-text__media,
	.mojopb-image-text--image-right .mojopb-image-text__media {
		order: 1;
	}

	.mojopb-image-text__copy,
	.mojopb-image-text--image-right .mojopb-image-text__copy {
		order: 2;
	}

	.mojopb-image-pair {
		display: grid;
		grid-template-columns: 1fr;
		gap: 18px;
		padding: 0;
	}

	.mojopb-image-pair__item,
	.mojopb-image-pair__item--1,
	.mojopb-image-pair__item--2 {
		grid-column: 1;
		grid-row: auto;
		margin-top: 0;
		transform: none;
	}

	.mojopb-image-gallery__row {
		flex-wrap: wrap;
	}

	.mojopb-image-gallery__tile {
		flex-basis: calc((100% - var(--mojopb-gallery-gap)) / 2);
	}

	.mojopb-hero-copy,
	.mojopb-feature-card,
	.mojopb-deep-card,
	.mojopb-price-card,
	.mojopb-testimonials figure,
	.mojopb-review-card,
	.mojopb-image-slider,
	.mojopb-slider__slide,
	.mojopb-faq article,
	.mojopb-faq-accordion,
	.mojopb-faq-accordion__item,
	.mojopb-verdict,
	.mojopb-resource-card,
	.mojopb-tabs,
	.mojopb-tabs__panel,
	.mojopb-author-bio,
	.mojopb-team-card,
	.mojopb-newsletter,
	.mojopb-video-frame,
	.mojopb-logo-cloud,
	.mojopb-checklist-panel,
	.mojopb-related-card,
	.mojopb-pros-cons article,
	.mojopb-step,
	.mojopb-timeline article,
	.mojopb-callout,
	.mojopb-case-card,
	.mojopb-product-cta,
	.mojopb-map-location,
	.mojopb-code-embed,
	.mojopb-intro-panel,
	.mojopb-icon-list-panel {
		box-sizing: border-box;
		max-width: 100%;
		width: 100% !important;
	}

	.mojopb-reviews,
	.mojopb-reviews--count-2 {
		grid-template-columns: 1fr;
	}

	.mojopb-image-slider .mojopb-slider__viewport {
		grid-template-columns: 1fr;
		min-height: 0;
	}

	.mojopb-image-slider .mojopb-slider__slide.is-prev,
	.mojopb-image-slider .mojopb-slider__slide.is-next {
		display: none;
	}

	.mojopb-slider-image,
	.mojopb-image-slider .mojopb-slider__slide.is-prev .mojopb-slider-image,
	.mojopb-image-slider .mojopb-slider__slide.is-next .mojopb-slider-image {
		height: 260px;
		min-height: 0;
		width: 100% !important;
		max-width: 100% !important;
	}

	.mojopb-toc {
		position: relative;
		top: auto;
		display: grid;
		grid-template-columns: 1fr;
		align-items: start;
		min-height: 0;
	}

	.mojopb-toc__links {
		grid-template-columns: 1fr !important;
		justify-content: stretch;
		overflow-x: visible;
	}

	.mojopb-author-bio,
	.mojopb-newsletter,
	.mojopb-checklist-panel,
	.mojopb-team-grid,
	.mojopb-team-grid--count-2,
	.mojopb-team-grid--count-4 {
		grid-template-columns: 1fr;
	}

	.mojopb-table-wrap {
		box-sizing: border-box;
		width: 100% !important;
		max-width: 100% !important;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.mojopb-table {
		width: 100% !important;
		min-width: 0;
		table-layout: fixed;
	}

	.mojopb-table th,
	.mojopb-table td {
		padding: 12px 10px;
		overflow-wrap: anywhere;
		word-break: normal;
	}

	.mojopb-verdict {
		grid-template-columns: 1fr !important;
		overflow: hidden;
		padding: 22px;
	}

	.mojopb-verdict__fit {
		grid-template-columns: 1fr !important;
	}

	.mojopb-verdict__score {
		min-height: 150px;
		padding: 18px;
	}

	.mojopb-verdict__fit article,
	.mojopb-mini-list,
	.mojopb-mini-list li {
		max-width: 100%;
		overflow-wrap: anywhere;
	}

	.mojopb-newsletter__form {
		grid-template-columns: 1fr;
		border-radius: var(--mojopb-radius);
	}

	.mojopb-newsletter__form button,
	.mojopb-lead-form__form button {
		width: 100%;
	}

	.mojopb-author-bio__avatar {
		width: 92px;
		height: 92px;
	}

	.mojopb-video-poster {
		min-height: 220px;
	}

	.mojopb-video-poster__play {
		width: 62px;
		height: 62px;
	}

	.mojopb-video-poster__play::before {
		border-top-width: 11px;
		border-bottom-width: 11px;
		border-left-width: 17px;
	}

	.mojopb-faq-accordion__button {
		grid-template-columns: minmax(0, 1fr) 38px;
		gap: 14px;
		padding: 16px;
	}

	.mojopb-faq-accordion__icon {
		width: 38px;
		height: 38px;
	}

	.mojopb-faq-accordion__panel {
		padding: 0 16px 18px;
	}

	.mojopb-product-cta {
		grid-template-columns: minmax(0, 1fr) !important;
		overflow: hidden;
	}

	.mojopb-map-location {
		grid-template-columns: minmax(0, 1fr) !important;
		padding: 20px;
		overflow: hidden;
	}

	.mojopb-map-location :is(h1, h2, h3, p) {
		max-width: 100% !important;
	}

	.mojopb-map-facade,
	.mojopb-map-iframe {
		aspect-ratio: 4 / 3;
		width: 100% !important;
		max-width: 100% !important;
	}

	.mojopb-map-actions {
		text-align: left;
	}

	.mojopb-code-embed {
		max-width: 100%;
	}

	.mojopb-icon-list-panel {
		padding-inline: 14px;
		overflow: hidden;
	}

	.mojopb-icon-list {
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0;
		overflow: hidden;
	}

	.mojopb-product-cta .mojopb-image-cta,
	.mojopb-product-cta .mojopb-image-placeholder {
		justify-self: stretch;
		min-width: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
	}

	.mojopb-hero-centered,
	.mojopb-hero-dark {
		text-align: center;
	}

	.mojopb-chip-one,
	.mojopb-chip-two {
		position: static;
		margin: 12px 8px 0 0;
	}

	.mojopb-callout {
		display: grid;
		grid-template-columns: 1fr;
	}

	.mojopb-icon-row {
		display: grid !important;
		grid-template-columns: 57px minmax(0, 1fr) !important;
		column-gap: 18px;
		align-items: center !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0;
		overflow: hidden;
	}

	.mojopb-icon-row > span {
		grid-column: 1;
		grid-row: 1;
		align-self: center;
		justify-self: center;
	}

	.mojopb-icon-row > div {
		grid-column: 2;
		grid-row: 1;
		min-width: 0;
		width: 100% !important;
		max-width: 100% !important;
	}

	.mojopb-icon-row h3,
	.mojopb-icon-row p {
		width: 100% !important;
		max-width: 100% !important;
		text-align: left !important;
		overflow-wrap: anywhere;
	}
}

/* Icon/text layout safeguards. Keep the intentional media-row blocks from
   stacking, but do not force unrelated card or callout layouts into one shape. */
.mojopb-root :is(.mojopb-icon-row, .mojopb-takeaway, .mojopb-checklist article, .mojopb-resource-card) > p:empty {
	display: none !important;
}

.mojopb-root :is(.mojopb-takeaway, .mojopb-icon-row, .mojopb-checklist article, .mojopb-resource-card) {
	display: grid !important;
	grid-template-columns: var(--mojopb-row-icon-size, 54px) minmax(0, 1fr) !important;
	column-gap: 16px;
	align-items: center !important;
	justify-items: start !important;
	justify-content: stretch;
	text-align: left !important;
	min-width: 0;
	width: 100%;
	max-width: 100%;
}

.mojopb-root :is(.mojopb-takeaway, .mojopb-icon-row) {
	grid-template-columns: var(--mojopb-row-icon-size, 54px) minmax(0, 1fr) !important;
	justify-content: stretch;
}

.mojopb-root .mojopb-takeaway {
	--mojopb-row-icon-size: 44px;
}

.mojopb-root .mojopb-icon-row {
	--mojopb-row-icon-size: 57px;
}

.mojopb-root .mojopb-checklist article {
	--mojopb-row-icon-size: 46px;
}

.mojopb-root .mojopb-resource-card {
	--mojopb-row-icon-size: 58px;
}

.mojopb-root :is(.mojopb-icon-row, .mojopb-checklist article, .mojopb-resource-card) > span,
.mojopb-root .mojopb-takeaway > span:not(.mojopb-takeaway-copy) {
	grid-column: 1;
	grid-row: 1;
	align-self: center;
	justify-self: center;
	margin: 0 !important;
}

.mojopb-root :is(.mojopb-icon-row, .mojopb-checklist article, .mojopb-resource-card) > div,
.mojopb-root .mojopb-takeaway > p,
.mojopb-root .mojopb-takeaway > .mojopb-takeaway-copy {
	grid-column: 2;
	grid-row: 1;
	align-self: center;
	justify-self: stretch;
	min-width: 0;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	text-align: left !important;
}

.mojopb-root :is(.mojopb-checklist article, .mojopb-resource-card) > div {
	justify-self: stretch;
	width: 100% !important;
}

.mojopb-root :is(.mojopb-takeaway, .mojopb-icon-row, .mojopb-checklist article, .mojopb-resource-card) :is(h3, p, strong, a, .mojopb-resource-card__link) {
	width: auto !important;
	max-width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	text-align: left !important;
	overflow-wrap: break-word;
	word-break: normal;
}

.mojopb-root .mojopb-icon-row > div {
	display: block;
	justify-self: stretch;
	width: 100% !important;
}

.mojopb-root .mojopb-icon-row :is(h3, p) {
	display: block;
}

.mojopb-root .mojopb-resource-card > div > p:has(.mojopb-resource-card__link) {
	margin-top: 10px !important;
}

.mojopb-root .mojopb-resource-card > div > p:has(.mojopb-resource-card__link) .mojopb-resource-card__link {
	margin-top: 0;
}

.mojopb-root .mojopb-icon-row p,
.mojopb-root .mojopb-takeaway p,
.mojopb-root .mojopb-takeaway-copy,
.mojopb-root .mojopb-checklist p {
	margin-bottom: 0;
}

.mojopb-root .mojopb-checklist-panel {
	grid-template-columns: minmax(0, 1fr);
}

.mojopb-root .mojopb-checklist {
	gap: 14px;
}

.mojopb-root .mojopb-checklist article {
	align-items: start !important;
	padding: 18px;
	overflow: visible;
}

.mojopb-root .mojopb-checklist article > span {
	margin-top: 2px !important;
}

.mojopb-root .mojopb-checklist article h3 {
	display: block;
	color: var(--mojopb-heading);
	font-size: clamp(1rem, 1.25vw, 1.22rem);
	line-height: 1.16;
	overflow: visible;
	overflow-wrap: break-word;
	text-overflow: clip;
	white-space: normal;
}

.mojopb-root .mojopb-checklist article p {
	margin-top: 8px;
	font-size: clamp(.94rem, 1vw, 1.05rem);
	line-height: 1.42;
}

.mojopb-root .mojopb-section-title.mojopb-section-title--placeholder {
	min-height: 1.05em;
	color: var(--mojopb-muted);
	font-style: italic;
	opacity: .62;
}

.mojopb-root .mojopb-section-title.mojopb-section-title--placeholder.is-editing-placeholder {
	color: var(--mojopb-heading);
	font-style: normal;
	opacity: 1;
}

@media (max-width: 420px) {
	.mojopb-verdict,
	.mojopb-tabs,
	.mojopb-tabs__panel,
	.mojopb-resource-card,
	.mojopb-related-card,
	.mojopb-callout,
	.mojopb-author-bio,
	.mojopb-newsletter,
	.mojopb-lead-form,
	.mojopb-checklist-panel {
		padding: 18px;
	}

	.mojopb-table th,
	.mojopb-table td {
		padding: 10px 8px;
		font-size: .88rem;
	}

	.mojopb-root .mojopb-icon-row {
		--mojopb-row-icon-size: 52px;
		column-gap: 12px;
	}
}

@container mojopb-root (max-width: 860px) {
	.mojopb-section {
		box-sizing: border-box;
		width: 100%;
		max-width: 100%;
		padding-inline: 18px !important;
	}

	.mojopb-shell,
	.mojopb-narrow,
	.mojopb-section-head,
	.mojopb-image-hero,
	.mojopb-image-cta,
	.mojopb-image-text__image,
	.mojopb-image-screen,
	.mojopb-image-pair__image {
		width: 100% !important;
		max-width: 100% !important;
	}
}

@container mojopb-root (max-width: 520px) {
	.mojopb-section {
		padding-inline: 14px !important;
	}
}
