/* Mojo Page Builder style pack: angular */

.mojopb-root.mojopb-style-angular {
	--mojopb-radius: 3px;
	--mojopb-radius-sm: 2px;
	--mojopb-shadow: 16px 18px 0 color-mix(in srgb, var(--mojopb-primary-dark) 10%, transparent), 0 20px 54px rgba(15,31,55,.16);
	--mojopb-shadow-strong: 22px 24px 0 color-mix(in srgb, var(--mojopb-primary-dark) 13%, transparent), 0 28px 70px rgba(15,31,55,.24);
}

.mojopb-root.mojopb-style-angular.mojopb-document {
	background:
		linear-gradient(135deg, color-mix(in srgb, var(--mojopb-primary-soft) 22%, #fff 78%) 0 25%, transparent 25% 100%),
		linear-gradient(180deg, #fff 0%, color-mix(in srgb, var(--mojopb-canvas) 88%, #fff 12%) 46%, color-mix(in srgb, var(--mojopb-primary-soft) 34%, #fff 66%) 100%);
}

.mojopb-root.mojopb-style-angular .mojopb-card,
.mojopb-root.mojopb-style-angular .mojopb-deep-card,
.mojopb-root.mojopb-style-angular .mojopb-price-card,
.mojopb-root.mojopb-style-angular .mojopb-resource-card,
.mojopb-root.mojopb-style-angular .mojopb-related-card,
.mojopb-root.mojopb-style-angular .mojopb-case-card,
.mojopb-root.mojopb-style-angular .mojopb-product-cta,
.mojopb-root.mojopb-style-angular .mojopb-standard-panel,
.mojopb-root.mojopb-style-angular .mojopb-intro-panel,
.mojopb-root.mojopb-style-angular .mojopb-icon-list-panel,
.mojopb-root.mojopb-style-angular .mojopb-verdict,
.mojopb-root.mojopb-style-angular .mojopb-tabs,
.mojopb-root.mojopb-style-angular .mojopb-faq-accordion__item,
.mojopb-root.mojopb-style-angular .mojopb-callout,
.mojopb-root.mojopb-style-angular .mojopb-author-bio,
.mojopb-root.mojopb-style-angular .mojopb-newsletter,
.mojopb-root.mojopb-style-angular .mojopb-checklist-panel,
.mojopb-root.mojopb-style-angular .mojopb-image-full-frame,
.mojopb-root.mojopb-style-angular .mojopb-image-pair__item,
.mojopb-root.mojopb-style-angular .mojopb-image-text__media {
	border-width: 2px;
	border-radius: var(--mojopb-radius);
	box-shadow: var(--mojopb-shadow);
}

.mojopb-root.mojopb-style-angular .mojopb-hero-art,
.mojopb-root.mojopb-style-angular .mojopb-image-hero,
.mojopb-root.mojopb-style-angular .mojopb-image-cta,
.mojopb-root.mojopb-style-angular .mojopb-image-placeholder,
.mojopb-root.mojopb-style-angular .mojopb-image-pair__media,
.mojopb-root.mojopb-style-angular .mojopb-image-text__media,
.mojopb-root.mojopb-style-angular .mojopb-related-card__media,
.mojopb-root.mojopb-style-angular .mojopb-author-bio__avatar {
	border-radius: var(--mojopb-radius);
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - 22px), calc(100% - 22px) 100%, 0 100%);
}

.mojopb-root.mojopb-style-angular .mojopb-button,
.mojopb-root.mojopb-style-angular .mojopb-pill,
.mojopb-root.mojopb-style-angular .mojopb-chip,
.mojopb-root.mojopb-style-angular .mojopb-float-chip,
.mojopb-root.mojopb-style-angular .mojopb-tab,
.mojopb-root.mojopb-style-angular .mojopb-newsletter__form {
	border-radius: var(--mojopb-radius-sm);
}

.mojopb-root.mojopb-style-angular .mojopb-eyebrow::before,
.mojopb-root.mojopb-style-angular .mojopb-eyebrow::after {
	width: 34px;
	transform: skewX(-24deg);
	border-radius: 0;
}

/* Stronger visual language packs. These intentionally create distinct
   silhouettes so AI-generated sites do not all read like the same template. */
.mojopb-root.mojopb-style-angular .mojopb-section {
	clip-path: polygon(0 0, 100% 32px, 100% 100%, 0 calc(100% - 32px));
	margin-block: -18px;
	padding-block: calc(var(--mojopb-section-pad) + 20px);
}

.mojopb-root.mojopb-style-angular .mojopb-section::before {
	inset: 0;
	background:
		linear-gradient(132deg, transparent 0 42%, color-mix(in srgb, var(--mojopb-override-decoration-color, var(--mojopb-primary)) 12%, transparent) 42% 45%, transparent 45% 100%),
		repeating-linear-gradient(135deg, transparent 0 24px, color-mix(in srgb, var(--mojopb-override-decoration-color, var(--mojopb-primary)) 5%, transparent) 24px 26px, transparent 26px 58px);
	border-radius: 0;
	transform: none;
}

.mojopb-root.mojopb-style-angular .mojopb-card,
.mojopb-root.mojopb-style-angular .mojopb-deep-card,
.mojopb-root.mojopb-style-angular .mojopb-price-card,
.mojopb-root.mojopb-style-angular .mojopb-resource-card,
.mojopb-root.mojopb-style-angular .mojopb-related-card,
.mojopb-root.mojopb-style-angular .mojopb-case-card,
.mojopb-root.mojopb-style-angular .mojopb-product-cta,
.mojopb-root.mojopb-style-angular .mojopb-standard-panel,
.mojopb-root.mojopb-style-angular .mojopb-intro-panel,
.mojopb-root.mojopb-style-angular .mojopb-icon-list-panel,
.mojopb-root.mojopb-style-angular .mojopb-verdict,
.mojopb-root.mojopb-style-angular .mojopb-tabs,
.mojopb-root.mojopb-style-angular .mojopb-faq-accordion__item,
.mojopb-root.mojopb-style-angular .mojopb-callout,
.mojopb-root.mojopb-style-angular .mojopb-author-bio,
.mojopb-root.mojopb-style-angular .mojopb-newsletter,
.mojopb-root.mojopb-style-angular .mojopb-checklist-panel,
.mojopb-root.mojopb-style-angular .mojopb-image-pair__item,
.mojopb-root.mojopb-style-angular .mojopb-image-text__media {
	--mojopb-angular-cut: 22px;
	clip-path: polygon(0 0, calc(100% - 22px) 0, 100% 22px, 100% 100%, 22px 100%, 0 calc(100% - 22px));
	border-radius: 0;
	border-width: 2px;
	box-shadow: none;
	filter: drop-shadow(10px 12px 0 color-mix(in srgb, var(--mojopb-primary) 16%, transparent)) drop-shadow(0 18px 24px rgba(15,31,55,.12));
}

.mojopb-root.mojopb-style-angular :is(
	.mojopb-card,
	.mojopb-deep-card,
	.mojopb-price-card,
	.mojopb-resource-card,
	.mojopb-related-card,
	.mojopb-case-card,
	.mojopb-product-cta,
	.mojopb-intro-panel,
	.mojopb-icon-list-panel,
	.mojopb-verdict,
	.mojopb-tabs,
	.mojopb-faq-accordion__item,
	.mojopb-callout,
	.mojopb-author-bio,
	.mojopb-newsletter,
	.mojopb-checklist-panel,
	.mojopb-image-pair__item
) {
	position: relative;
}

.mojopb-root.mojopb-style-angular :is(
	.mojopb-card,
	.mojopb-deep-card,
	.mojopb-price-card,
	.mojopb-resource-card,
	.mojopb-related-card,
	.mojopb-case-card,
	.mojopb-product-cta,
	.mojopb-intro-panel,
	.mojopb-icon-list-panel,
	.mojopb-verdict,
	.mojopb-tabs,
	.mojopb-faq-accordion__item,
	.mojopb-callout,
	.mojopb-author-bio,
	.mojopb-newsletter,
	.mojopb-checklist-panel,
	.mojopb-image-pair__item
)::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 2;
	pointer-events: none;
	background:
		linear-gradient(to bottom left, transparent calc(50% - 1px), color-mix(in srgb, var(--mojopb-override-decoration-color, var(--mojopb-primary-border)) 68%, var(--mojopb-primary) 32%) calc(50% - 1px) calc(50% + 1px), transparent calc(50% + 1px)) top right / var(--mojopb-angular-cut) var(--mojopb-angular-cut) no-repeat,
		linear-gradient(to bottom left, transparent calc(50% - 1px), color-mix(in srgb, var(--mojopb-override-decoration-color, var(--mojopb-primary-border)) 68%, var(--mojopb-primary) 32%) calc(50% - 1px) calc(50% + 1px), transparent calc(50% + 1px)) bottom left / var(--mojopb-angular-cut) var(--mojopb-angular-cut) no-repeat;
}

.mojopb-root.mojopb-style-angular :is(.mojopb-feature-card, .mojopb-step, .mojopb-timeline article, .mojopb-paired article, .mojopb-table-wrap, .mojopb-stat-card, .mojopb-quote, .mojopb-team-card, .mojopb-lead-form, .mojopb-testimonials figure, .mojopb-review-card, .mojopb-map-location, .mojopb-code-embed--placeholder, .mojopb-code-embed--raw) {
	clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 18px 100%, 0 calc(100% - 18px));
	border-width: 2px;
	border-radius: 0;
	box-shadow: none;
	filter: drop-shadow(8px 9px 0 color-mix(in srgb, var(--mojopb-primary) 14%, transparent)) drop-shadow(0 14px 20px rgba(15,31,55,.1));
}

.mojopb-root.mojopb-style-angular .mojopb-section--resource-cards.mojopb-variant-light {
	background:
		linear-gradient(135deg, var(--mojopb-override-bg-start, color-mix(in srgb, var(--mojopb-primary-soft) 48%, #fff 52%)) 0%, var(--mojopb-override-bg-mid, color-mix(in srgb, var(--mojopb-surface) 80%, var(--mojopb-accent-soft) 20%)) 52%, var(--mojopb-override-bg-end, color-mix(in srgb, var(--mojopb-canvas) 70%, var(--mojopb-primary-soft) 30%)) 100%);
	border-block: 1px solid color-mix(in srgb, var(--mojopb-primary-border) 82%, var(--mojopb-primary) 18%);
}

.mojopb-root.mojopb-style-angular .mojopb-section--resource-cards.mojopb-variant-light .mojopb-resource-card {
	border-color: color-mix(in srgb, var(--mojopb-primary) 42%, var(--mojopb-primary-border) 58%);
	background: linear-gradient(135deg, var(--mojopb-override-bg-start, color-mix(in srgb, #fff 84%, var(--mojopb-primary-soft) 16%)) 0%, var(--mojopb-override-bg-mid, color-mix(in srgb, #fff 90%, var(--mojopb-accent-soft) 10%)) 52%, var(--mojopb-override-bg-end, color-mix(in srgb, #fff 80%, var(--mojopb-primary-soft) 20%)) 100%);
	box-shadow: 12px 12px 0 color-mix(in srgb, var(--mojopb-primary) 22%, transparent), 0 22px 48px rgba(15,31,55,.13);
}

.mojopb-root.mojopb-style-angular .mojopb-section--resource-cards.mojopb-variant-light .mojopb-resource-card__link {
	border-color: color-mix(in srgb, var(--mojopb-primary) 76%, var(--mojopb-primary-border) 24%);
	background: var(--mojopb-override-gradient-primary, var(--mojopb-gradient-contrast));
	box-shadow: 0 12px 28px color-mix(in srgb, var(--mojopb-primary) 28%, transparent);
	color: #fff;
	text-shadow: 0 1px 1px rgba(15,31,55,.18);
}

.mojopb-root.mojopb-style-angular .mojopb-section--resource-cards.mojopb-variant-light .mojopb-resource-card::before {
	background:
		linear-gradient(to bottom left, transparent calc(50% - 1px), color-mix(in srgb, var(--mojopb-override-decoration-color, var(--mojopb-primary)) 74%, var(--mojopb-primary-border) 26%) calc(50% - 1px) calc(50% + 1px), transparent calc(50% + 1px)) top right / var(--mojopb-angular-cut) var(--mojopb-angular-cut) no-repeat,
		linear-gradient(to bottom left, transparent calc(50% - 1px), color-mix(in srgb, var(--mojopb-override-decoration-color, var(--mojopb-primary)) 74%, var(--mojopb-primary-border) 26%) calc(50% - 1px) calc(50% + 1px), transparent calc(50% + 1px)) bottom left / var(--mojopb-angular-cut) var(--mojopb-angular-cut) no-repeat;
}

.mojopb-root.mojopb-style-angular .mojopb-section--checklist-panel.mojopb-variant-light .mojopb-checklist-panel {
	border-color: color-mix(in srgb, var(--mojopb-primary) 34%, var(--mojopb-primary-border) 66%);
	background:
		linear-gradient(145deg, var(--mojopb-override-bg-start, color-mix(in srgb, #fff 90%, var(--mojopb-primary-soft) 10%)) 0%, var(--mojopb-override-bg-mid, color-mix(in srgb, #fff 82%, var(--mojopb-primary-soft) 18%)) 58%, var(--mojopb-override-bg-end, color-mix(in srgb, #fff 76%, var(--mojopb-accent-soft) 24%)) 100%);
	box-shadow: 18px 20px 0 color-mix(in srgb, var(--mojopb-primary) 13%, transparent), 0 28px 70px rgba(15,31,55,.15);
}

.mojopb-root.mojopb-style-angular .mojopb-section--checklist-panel.mojopb-variant-light .mojopb-checklist article {
	border-color: color-mix(in srgb, var(--mojopb-primary) 26%, var(--mojopb-primary-border) 74%);
	background: linear-gradient(135deg, var(--mojopb-override-bg-start, color-mix(in srgb, #fff 94%, var(--mojopb-primary-soft) 6%)) 0%, var(--mojopb-override-bg-mid, color-mix(in srgb, #fff 88%, var(--mojopb-primary-soft) 12%)) 52%, var(--mojopb-override-bg-end, color-mix(in srgb, #fff 92%, var(--mojopb-accent-soft) 8%)) 100%);
	box-shadow: 8px 10px 0 color-mix(in srgb, var(--mojopb-primary) 10%, transparent), 0 14px 34px rgba(15,31,55,.10);
}

.mojopb-root.mojopb-style-angular .mojopb-section--checklist-panel.mojopb-variant-light .mojopb-checklist article > span {
	box-shadow: 0 12px 26px color-mix(in srgb, var(--mojopb-primary) 32%, transparent);
}

.mojopb-root.mojopb-style-angular :is(.mojopb-section--warning-callout, .mojopb-section--tip-callout, .mojopb-section--verdict-box, .mojopb-section--faq-static, .mojopb-section--faq-accordion).mojopb-variant-light {
	background:
		linear-gradient(135deg, var(--mojopb-override-bg-start, color-mix(in srgb, #fff 86%, var(--mojopb-primary) 14%)) 0%, var(--mojopb-override-bg-mid, color-mix(in srgb, #fff 91%, var(--mojopb-primary) 9%)) 52%, var(--mojopb-override-bg-end, color-mix(in srgb, #fff 84%, var(--mojopb-accent) 16%)) 100%);
	border-block: 1px solid color-mix(in srgb, var(--mojopb-primary-border) 72%, var(--mojopb-primary) 28%);
}

.mojopb-root.mojopb-style-angular :is(.mojopb-section--warning-callout, .mojopb-section--tip-callout).mojopb-variant-light .mojopb-callout,
.mojopb-root.mojopb-style-angular .mojopb-section--verdict-box.mojopb-variant-light .mojopb-verdict {
	border-color: color-mix(in srgb, var(--mojopb-primary) 42%, var(--mojopb-primary-border) 58%);
	background:
		linear-gradient(145deg, var(--mojopb-override-bg-start, color-mix(in srgb, #fff 91%, var(--mojopb-primary) 9%)) 0%, var(--mojopb-override-bg-mid, color-mix(in srgb, #fff 86%, var(--mojopb-primary) 14%)) 58%, var(--mojopb-override-bg-end, color-mix(in srgb, #fff 88%, var(--mojopb-accent) 12%)) 100%);
	box-shadow: 20px 22px 0 color-mix(in srgb, var(--mojopb-primary) 18%, transparent), 0 32px 78px rgba(15,31,55,.16);
}

.mojopb-root.mojopb-style-angular :is(.mojopb-section--warning-callout, .mojopb-section--tip-callout).mojopb-variant-light .mojopb-callout > span,
.mojopb-root.mojopb-style-angular .mojopb-section--faq-accordion.mojopb-variant-light .mojopb-faq-accordion__icon {
	box-shadow: 0 12px 28px color-mix(in srgb, var(--mojopb-primary) 32%, transparent);
}

.mojopb-root.mojopb-style-angular .mojopb-section--verdict-box.mojopb-variant-light .mojopb-verdict__score {
	box-shadow: 0 18px 42px color-mix(in srgb, var(--mojopb-primary) 24%, transparent), inset 0 1px 0 rgba(255,255,255,.18);
}

.mojopb-root.mojopb-style-angular .mojopb-section--verdict-box.mojopb-variant-light .mojopb-verdict__fit article {
	border-color: color-mix(in srgb, var(--mojopb-primary) 32%, var(--mojopb-primary-border) 68%);
	background: linear-gradient(135deg, var(--mojopb-override-bg-start, color-mix(in srgb, #fff 94%, var(--mojopb-primary) 6%)) 0%, var(--mojopb-override-bg-mid, color-mix(in srgb, #fff 90%, var(--mojopb-primary) 10%)) 52%, var(--mojopb-override-bg-end, color-mix(in srgb, #fff 92%, var(--mojopb-accent) 8%)) 100%);
	box-shadow: 10px 12px 0 color-mix(in srgb, var(--mojopb-primary) 14%, transparent), 0 20px 44px rgba(15,31,55,.12);
}

.mojopb-root.mojopb-style-angular :is(.mojopb-section--faq-static.mojopb-variant-light .mojopb-faq article, .mojopb-section--faq-accordion.mojopb-variant-light .mojopb-faq-accordion__item) {
	border-color: color-mix(in srgb, var(--mojopb-primary) 34%, var(--mojopb-primary-border) 66%);
	background: linear-gradient(135deg, var(--mojopb-override-bg-start, color-mix(in srgb, #fff 94%, var(--mojopb-primary) 6%)) 0%, var(--mojopb-override-bg-mid, color-mix(in srgb, #fff 91%, var(--mojopb-primary) 9%)) 52%, var(--mojopb-override-bg-end, color-mix(in srgb, #fff 93%, var(--mojopb-accent) 7%)) 100%);
	box-shadow: 10px 12px 0 color-mix(in srgb, var(--mojopb-primary) 13%, transparent), 0 18px 42px rgba(15,31,55,.11);
}

.mojopb-root.mojopb-style-angular .mojopb-section--faq-accordion.mojopb-variant-light .mojopb-faq-accordion__item.is-open {
	border-color: color-mix(in srgb, var(--mojopb-primary) 42%, var(--mojopb-primary-border) 58%);
	box-shadow: 14px 16px 0 color-mix(in srgb, var(--mojopb-primary) 16%, transparent), 0 24px 56px rgba(15,31,55,.14);
}

.mojopb-root.mojopb-style-angular .mojopb-image-hero,
.mojopb-root.mojopb-style-angular .mojopb-image-cta,
.mojopb-root.mojopb-style-angular .mojopb-image-placeholder,
.mojopb-root.mojopb-style-angular .mojopb-image-pair__media,
.mojopb-root.mojopb-style-angular .mojopb-image-text__media,
.mojopb-root.mojopb-style-angular .mojopb-related-card__media,
.mojopb-root.mojopb-style-angular .mojopb-video-frame {
	clip-path: polygon(8% 0, 100% 0, 92% 100%, 0 100%);
	border-radius: 0;
}

.mojopb-root.mojopb-style-angular .mojopb-hero-art {
	overflow: visible;
	border-radius: 0;
	clip-path: none;
}

.mojopb-root.mojopb-style-angular .mojopb-hero-art::before {
	clip-path: polygon(8% 0, 100% 0, 92% 100%, 0 100%);
	border-radius: 0;
}

.mojopb-root.mojopb-style-angular .mojopb-video-frame {
	clip-path: polygon(2.5% 0, 100% 0, 97.5% 100%, 0 100%);
}

.mojopb-root.mojopb-style-angular .mojopb-section:has(.mojopb-image-full-frame),
.mojopb-root.mojopb-style-angular .mojopb-section:has(.mojopb-image-pair) {
	padding-block: clamp(43px, 4.2vw, 53px);
}

.mojopb-root.mojopb-style-angular .mojopb-image-full-frame .mojopb-image-screen,
.mojopb-root.mojopb-style-angular .mojopb-image-pair__image,
.mojopb-root.mojopb-style-angular .mojopb-image-text__image {
	max-height: 620px;
	object-fit: cover;
}

.mojopb-root.mojopb-style-angular .mojopb-button,
.mojopb-root.mojopb-style-angular .mojopb-pill,
.mojopb-root.mojopb-style-angular .mojopb-chip,
.mojopb-root.mojopb-style-angular .mojopb-tab,
.mojopb-root.mojopb-style-angular .mojopb-newsletter__form {
	clip-path: polygon(10px 0, 100% 0, calc(100% - 10px) 100%, 0 100%);
	border-radius: 0;
}

.mojopb-root.mojopb-style-angular .mojopb-newsletter__form {
	clip-path: none;
}

.mojopb-root.mojopb-style-angular .mojopb-tabs__tab {
	clip-path: polygon(8px 0, 100% 0, calc(100% - 8px) 100%, 0 100%);
	border-radius: 0;
}


.mojopb-root.mojopb-style-angular .mojopb-image-pair__item {
	--mojopb-angular-cut: 16px;
	clip-path: polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 16px 100%, 0 calc(100% - 16px));
}

.mojopb-root.mojopb-style-angular .mojopb-image-pair__media {
	--mojopb-angular-zigzag: clamp(6px, .55vw, 9px);
	clip-path: polygon(
		0 0,
		100% 0,
		100% calc(100% - var(--mojopb-angular-zigzag)),
		95.833% 100%,
		91.667% calc(100% - var(--mojopb-angular-zigzag)),
		87.5% 100%,
		83.333% calc(100% - var(--mojopb-angular-zigzag)),
		79.167% 100%,
		75% calc(100% - var(--mojopb-angular-zigzag)),
		70.833% 100%,
		66.667% calc(100% - var(--mojopb-angular-zigzag)),
		62.5% 100%,
		58.333% calc(100% - var(--mojopb-angular-zigzag)),
		54.167% 100%,
		50% calc(100% - var(--mojopb-angular-zigzag)),
		45.833% 100%,
		41.667% calc(100% - var(--mojopb-angular-zigzag)),
		37.5% 100%,
		33.333% calc(100% - var(--mojopb-angular-zigzag)),
		29.167% 100%,
		25% calc(100% - var(--mojopb-angular-zigzag)),
		20.833% 100%,
		16.667% calc(100% - var(--mojopb-angular-zigzag)),
		12.5% 100%,
		8.333% calc(100% - var(--mojopb-angular-zigzag)),
		4.167% 100%,
		0 calc(100% - var(--mojopb-angular-zigzag))
	);
	border-radius: 0;
}

.mojopb-root.mojopb-style-angular .mojopb-image-pair__image {
	clip-path: none;
	border-radius: 0;
}

.mojopb-root.mojopb-style-angular :is(.mojopb-section--standard-panel, .mojopb-section--hero-split, .mojopb-section--hero-centered, .mojopb-section--hero-dark-image, .mojopb-section--dark-cta, .mojopb-section--toc-jump-links, .mojopb-section--intro-panel, .mojopb-section--trust-bar, .mojopb-section--feature-grid-3, .mojopb-section--feature-grid-4, .mojopb-section--feature-deep-cards, .mojopb-section--icon-list-panel, .mojopb-section--process-steps, .mojopb-section--timeline, .mojopb-section--problem-solution, .mojopb-section--before-after, .mojopb-section--comparison-table, .mojopb-section--pricing-cards, .mojopb-section--pros-cons, .mojopb-section--stat-band, .mojopb-section--quote-callout, .mojopb-section--warning-callout, .mojopb-section--tip-callout, .mojopb-section--verdict-box, .mojopb-section--resource-cards, .mojopb-section--tabs-panel, .mojopb-section--author-bio, .mojopb-section--team-grid, .mojopb-section--newsletter-cta, .mojopb-section--lead-form, .mojopb-section--video-embed, .mojopb-section--image-slider, .mojopb-section--image-full, .mojopb-section--image-pair, .mojopb-section--image-gallery, .mojopb-section--image-text, .mojopb-section--logo-cloud, .mojopb-section--checklist-panel, .mojopb-section--related-posts, .mojopb-section--case-study-card, .mojopb-section--testimonial-row, .mojopb-section--reviews-widget, .mojopb-section--faq-static, .mojopb-section--faq-accordion, .mojopb-section--product-cta, .mojopb-section--map-location, .mojopb-section--code-embed).mojopb-variant-dark {
	background: linear-gradient(135deg, var(--mojopb-override-bg-start, color-mix(in srgb, var(--mojopb-heading) 90%, #000 10%)) 0%, var(--mojopb-override-bg-mid, color-mix(in srgb, var(--mojopb-primary-dark) 84%, #000 16%)) 52%, var(--mojopb-override-bg-end, color-mix(in srgb, var(--mojopb-primary) 68%, var(--mojopb-accent) 32%)) 100%);
	color: color-mix(in srgb, #fff 88%, var(--mojopb-primary-soft) 12%);
}

.mojopb-root.mojopb-style-angular :is(.mojopb-section--standard-panel, .mojopb-section--hero-split, .mojopb-section--hero-centered, .mojopb-section--hero-dark-image, .mojopb-section--dark-cta, .mojopb-section--toc-jump-links, .mojopb-section--intro-panel, .mojopb-section--trust-bar, .mojopb-section--feature-grid-3, .mojopb-section--feature-grid-4, .mojopb-section--feature-deep-cards, .mojopb-section--icon-list-panel, .mojopb-section--process-steps, .mojopb-section--timeline, .mojopb-section--problem-solution, .mojopb-section--before-after, .mojopb-section--comparison-table, .mojopb-section--pricing-cards, .mojopb-section--pros-cons, .mojopb-section--stat-band, .mojopb-section--quote-callout, .mojopb-section--warning-callout, .mojopb-section--tip-callout, .mojopb-section--verdict-box, .mojopb-section--resource-cards, .mojopb-section--tabs-panel, .mojopb-section--author-bio, .mojopb-section--team-grid, .mojopb-section--newsletter-cta, .mojopb-section--lead-form, .mojopb-section--video-embed, .mojopb-section--image-slider, .mojopb-section--image-full, .mojopb-section--image-pair, .mojopb-section--image-gallery, .mojopb-section--image-text, .mojopb-section--logo-cloud, .mojopb-section--checklist-panel, .mojopb-section--related-posts, .mojopb-section--case-study-card, .mojopb-section--testimonial-row, .mojopb-section--reviews-widget, .mojopb-section--faq-static, .mojopb-section--faq-accordion, .mojopb-section--product-cta, .mojopb-section--map-location, .mojopb-section--code-embed).mojopb-variant-dark :is(.mojopb-eyebrow, .mojopb-section-title, h1, h2, h3, p, li, blockquote, strong, label, th, td, figcaption) {
	color: #fff;
}

.mojopb-root.mojopb-style-angular :is(.mojopb-section--standard-panel, .mojopb-section--hero-split, .mojopb-section--hero-centered, .mojopb-section--hero-dark-image, .mojopb-section--dark-cta, .mojopb-section--toc-jump-links, .mojopb-section--intro-panel, .mojopb-section--trust-bar, .mojopb-section--feature-grid-3, .mojopb-section--feature-grid-4, .mojopb-section--feature-deep-cards, .mojopb-section--icon-list-panel, .mojopb-section--process-steps, .mojopb-section--timeline, .mojopb-section--problem-solution, .mojopb-section--before-after, .mojopb-section--comparison-table, .mojopb-section--pricing-cards, .mojopb-section--pros-cons, .mojopb-section--stat-band, .mojopb-section--quote-callout, .mojopb-section--warning-callout, .mojopb-section--tip-callout, .mojopb-section--verdict-box, .mojopb-section--resource-cards, .mojopb-section--tabs-panel, .mojopb-section--author-bio, .mojopb-section--team-grid, .mojopb-section--newsletter-cta, .mojopb-section--lead-form, .mojopb-section--video-embed, .mojopb-section--image-slider, .mojopb-section--image-full, .mojopb-section--image-pair, .mojopb-section--image-gallery, .mojopb-section--image-text, .mojopb-section--logo-cloud, .mojopb-section--checklist-panel, .mojopb-section--related-posts, .mojopb-section--case-study-card, .mojopb-section--testimonial-row, .mojopb-section--reviews-widget, .mojopb-section--faq-static, .mojopb-section--faq-accordion, .mojopb-section--product-cta, .mojopb-section--map-location, .mojopb-section--code-embed).mojopb-variant-dark :is(.mojopb-card, .mojopb-feature-card, .mojopb-deep-card, .mojopb-price-card, .mojopb-resource-card, .mojopb-related-card, .mojopb-case-card, .mojopb-product-cta, .mojopb-standard-panel, .mojopb-intro-panel, .mojopb-trust-bar, .mojopb-trust-title, .mojopb-trust-item, .mojopb-icon-list-panel, .mojopb-verdict, .mojopb-verdict__fit article, .mojopb-tabs, .mojopb-tabs__list, .mojopb-tabs__panel, .mojopb-faq article, .mojopb-faq-accordion__item, .mojopb-callout, .mojopb-author-bio, .mojopb-team-card, .mojopb-newsletter, .mojopb-lead-form, .mojopb-checklist-panel, .mojopb-checklist article, .mojopb-image-full-frame, .mojopb-image-pair__item, .mojopb-image-text__media, .mojopb-testimonials figure, .mojopb-review-card, .mojopb-pros-cons article, .mojopb-step, .mojopb-timeline article, .mojopb-paired article, .mojopb-table-wrap, .mojopb-stat-card, .mojopb-quote, .mojopb-slider__slide, .mojopb-icon-row, .mojopb-takeaway, .mojopb-toc, .mojopb-video-frame, .mojopb-logo-cloud, .mojopb-logo-cloud a, .mojopb-logo-cloud div, .mojopb-code-embed--raw, .mojopb-code-embed--placeholder, .mojopb-map-location) {
	border-color: rgba(255,255,255,.18);
	background: linear-gradient(180deg, var(--mojopb-override-bg-start, rgba(255,255,255,.12)), var(--mojopb-override-bg-end, rgba(255,255,255,.07)));
	filter: none;
	color: color-mix(in srgb, #fff 88%, var(--mojopb-primary-soft) 12%);
}

.mojopb-root.mojopb-style-angular :is(.mojopb-section--standard-panel, .mojopb-section--hero-split, .mojopb-section--hero-centered, .mojopb-section--hero-dark-image, .mojopb-section--dark-cta, .mojopb-section--toc-jump-links, .mojopb-section--intro-panel, .mojopb-section--trust-bar, .mojopb-section--feature-grid-3, .mojopb-section--feature-grid-4, .mojopb-section--feature-deep-cards, .mojopb-section--icon-list-panel, .mojopb-section--process-steps, .mojopb-section--timeline, .mojopb-section--problem-solution, .mojopb-section--before-after, .mojopb-section--comparison-table, .mojopb-section--pricing-cards, .mojopb-section--pros-cons, .mojopb-section--stat-band, .mojopb-section--quote-callout, .mojopb-section--warning-callout, .mojopb-section--tip-callout, .mojopb-section--verdict-box, .mojopb-section--resource-cards, .mojopb-section--tabs-panel, .mojopb-section--author-bio, .mojopb-section--team-grid, .mojopb-section--newsletter-cta, .mojopb-section--lead-form, .mojopb-section--video-embed, .mojopb-section--image-slider, .mojopb-section--image-full, .mojopb-section--image-pair, .mojopb-section--image-gallery, .mojopb-section--image-text, .mojopb-section--logo-cloud, .mojopb-section--checklist-panel, .mojopb-section--related-posts, .mojopb-section--case-study-card, .mojopb-section--testimonial-row, .mojopb-section--reviews-widget, .mojopb-section--faq-static, .mojopb-section--faq-accordion, .mojopb-section--product-cta, .mojopb-section--map-location, .mojopb-section--code-embed).mojopb-variant-dark :is(.mojopb-button, .mojopb-resource-card__link, .mojopb-author-bio__links a, .mojopb-team-card__link, .mojopb-newsletter__form button, .mojopb-lead-form__form button, .mojopb-slider__button, .mojopb-tabs__tab.is-active) {
	background: #fff;
	border-color: #fff;
	color: color-mix(in srgb, var(--mojopb-primary-dark) 84%, #000 16%);
}

.mojopb-root.mojopb-style-angular .mojopb-section--faq-accordion.mojopb-variant-dark :is(.mojopb-faq-accordion__button, .mojopb-faq-accordion__button:hover, .mojopb-faq-accordion__button:focus, .mojopb-faq-accordion__button > span:first-child) {
	color: #fff;
}

.mojopb-root.mojopb-style-angular .mojopb-section--comparison-table.mojopb-variant-dark .mojopb-shell .mojopb-table tbody td,
.mojopb-root.mojopb-style-angular .mojopb-section--case-study-card.mojopb-variant-dark .mojopb-shell .mojopb-case-card .mojopb-case-points article {
	border-color: color-mix(in srgb, #fff 18%, transparent);
	background: color-mix(in srgb, var(--mojopb-primary-dark) 82%, transparent);
	color: #fff;
}

.mojopb-root.mojopb-style-angular .mojopb-section--case-study-card.mojopb-variant-dark .mojopb-shell .mojopb-case-card .mojopb-case-points article :is(h3, p, span, strong, a),
.mojopb-root.mojopb-style-angular .mojopb-section--toc-jump-links.mojopb-variant-dark .mojopb-shell .mojopb-toc a,
.mojopb-root.mojopb-style-angular .mojopb-section--map-location.mojopb-variant-dark .mojopb-shell .mojopb-map-location a {
	color: #fff;
}

/* Direct accent and muted colors must not fall back to blue-on-blue inside
   Angular's translucent dark cards. Controls with light surfaces stay exempt. */
.mojopb-root.mojopb-style-angular .mojopb-section--feature-deep-cards.mojopb-variant-dark .mojopb-deep-num,
.mojopb-root.mojopb-style-angular .mojopb-section--timeline.mojopb-variant-dark .mojopb-timeline article > span,
.mojopb-root.mojopb-style-angular :is(.mojopb-section--problem-solution, .mojopb-section--before-after).mojopb-variant-dark .mojopb-paired-label,
.mojopb-root.mojopb-style-angular .mojopb-section--pricing-cards.mojopb-variant-dark .mojopb-price-card > span,
.mojopb-root.mojopb-style-angular .mojopb-section--stat-band.mojopb-variant-dark .mojopb-stat-card span,
.mojopb-root.mojopb-style-angular .mojopb-section--tabs-panel.mojopb-variant-dark .mojopb-tabs__tab:not(.is-active),
.mojopb-root.mojopb-style-angular .mojopb-section--toc-jump-links.mojopb-variant-dark .mojopb-toc a::before,
.mojopb-root.mojopb-style-angular .mojopb-section--author-bio.mojopb-variant-dark .mojopb-author-bio__role,
.mojopb-root.mojopb-style-angular .mojopb-section--team-grid.mojopb-variant-dark .mojopb-team-card__role,
.mojopb-root.mojopb-style-angular .mojopb-section--image-slider.mojopb-variant-dark .mojopb-slider__slide figcaption span,
.mojopb-root.mojopb-style-angular .mojopb-section--image-pair.mojopb-variant-dark .mojopb-image-pair figcaption span,
.mojopb-root.mojopb-style-angular .mojopb-section--lead-form.mojopb-variant-dark .mojopb-lead-form small,
.mojopb-root.mojopb-style-angular .mojopb-section--related-posts.mojopb-variant-dark .mojopb-related-card span {
	color: color-mix(in srgb, #fff 84%, var(--mojopb-primary-soft) 16%);
	text-shadow: none;
}

/* Light nested cards use cut-aware shadows so clipped corners retain their depth. */
.mojopb-root.mojopb-style-angular :is(.mojopb-section--intro-panel, .mojopb-section--icon-list-panel, .mojopb-section--timeline, .mojopb-section--verdict-box, .mojopb-section--tabs-panel, .mojopb-section--checklist-panel, .mojopb-section--case-study-card).mojopb-variant-light :is(.mojopb-takeaway, .mojopb-icon-row, .mojopb-timeline article, .mojopb-verdict__fit article, .mojopb-tabs__panel, .mojopb-checklist article, .mojopb-case-points article) {
	box-shadow: none;
	filter: drop-shadow(9px 10px 0 color-mix(in srgb, var(--mojopb-primary) 18%, transparent)) drop-shadow(0 16px 22px rgba(15,31,55,.14));
}

.mojopb-root.mojopb-style-angular .mojopb-section--timeline.mojopb-variant-light .mojopb-timeline article {
	filter: drop-shadow(10px 11px 0 color-mix(in srgb, var(--mojopb-primary) 26%, transparent)) drop-shadow(0 20px 28px rgba(15,31,55,.17));
}

.mojopb-root.mojopb-style-angular .mojopb-section--trust-bar.mojopb-variant-dark .mojopb-trust-item span {
	color: color-mix(in srgb, #fff 84%, var(--mojopb-primary-soft) 16%);
	text-shadow: 0 1px 1px rgba(0,0,0,.14);
}