/* Mojo Page Builder style pack: builder */

.mojopb-root.mojopb-style-builder {
	--mojopb-style-name: builder;
}

.mojopb-root.mojopb-style-builder .mojopb-section--checklist-panel.mojopb-variant-light .mojopb-checklist-panel {
	border-color: color-mix(in srgb, var(--mojopb-primary) 24%, var(--mojopb-primary-border) 76%);
	background:
		linear-gradient(145deg, var(--mojopb-override-bg-start, rgba(255,255,255,.98)) 0%, var(--mojopb-override-bg-mid, color-mix(in srgb, #fff 88%, var(--mojopb-primary-soft) 12%)) 55%, var(--mojopb-override-bg-end, color-mix(in srgb, #fff 82%, var(--mojopb-accent-soft) 18%)) 100%);
	box-shadow: 0 24px 64px rgba(15,31,55,.13), 0 1px 0 rgba(255,255,255,.82) inset;
}

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

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

.mojopb-root.mojopb-style-builder :is(.mojopb-section--warning-callout, .mojopb-section--tip-callout, .mojopb-section--verdict-box, .mojopb-section--tabs-panel, .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 88%, var(--mojopb-primary) 12%)) 0%, var(--mojopb-override-bg-mid, color-mix(in srgb, #fff 92%, var(--mojopb-primary) 8%)) 55%, var(--mojopb-override-bg-end, color-mix(in srgb, #fff 86%, var(--mojopb-accent) 14%)) 100%);
	border-color: color-mix(in srgb, var(--mojopb-primary) 24%, var(--mojopb-primary-border) 76%);
}

.mojopb-root.mojopb-style-builder :is(.mojopb-section--warning-callout, .mojopb-section--tip-callout).mojopb-variant-light .mojopb-callout,
.mojopb-root.mojopb-style-builder .mojopb-section--verdict-box.mojopb-variant-light .mojopb-verdict,
.mojopb-root.mojopb-style-builder .mojopb-section--tabs-panel.mojopb-variant-light .mojopb-tabs {
	border-color: color-mix(in srgb, var(--mojopb-primary) 32%, var(--mojopb-primary-border) 68%);
	background:
		linear-gradient(145deg, var(--mojopb-override-bg-start, color-mix(in srgb, #fff 92%, var(--mojopb-primary) 8%)) 0%, var(--mojopb-override-bg-mid, color-mix(in srgb, #fff 88%, var(--mojopb-primary) 12%)) 56%, var(--mojopb-override-bg-end, color-mix(in srgb, #fff 89%, var(--mojopb-accent) 11%)) 100%);
	box-shadow: 0 30px 76px rgba(15,31,55,.16), 0 1px 0 rgba(255,255,255,.86) inset;
}

.mojopb-root.mojopb-style-builder .mojopb-section--tabs-panel.mojopb-variant-light .mojopb-tabs {
	border: 1px solid color-mix(in srgb, var(--mojopb-primary) 32%, var(--mojopb-primary-border) 68%);
	padding: clamp(14px, 2vw, 20px);
}

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

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

.mojopb-root.mojopb-style-builder .mojopb-section--verdict-box.mojopb-variant-light .mojopb-verdict__fit article {
	border-color: color-mix(in srgb, var(--mojopb-primary) 28%, var(--mojopb-primary-border) 72%);
	background: linear-gradient(135deg, var(--mojopb-override-bg-start, color-mix(in srgb, #fff 95%, var(--mojopb-primary) 5%)) 0%, var(--mojopb-override-bg-mid, color-mix(in srgb, #fff 92%, var(--mojopb-primary) 8%)) 52%, var(--mojopb-override-bg-end, color-mix(in srgb, #fff 93%, var(--mojopb-accent) 7%)) 100%);
	box-shadow: 0 18px 44px rgba(15,31,55,.12);
}

.mojopb-root.mojopb-style-builder :is(.mojopb-section--tabs-panel.mojopb-variant-light .mojopb-tabs__panel, .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) 28%, var(--mojopb-primary-border) 72%);
	background: linear-gradient(135deg, var(--mojopb-override-bg-start, color-mix(in srgb, #fff 95%, var(--mojopb-primary) 5%)) 0%, var(--mojopb-override-bg-mid, color-mix(in srgb, #fff 92%, var(--mojopb-primary) 8%)) 52%, var(--mojopb-override-bg-end, color-mix(in srgb, #fff 94%, var(--mojopb-accent) 6%)) 100%);
	box-shadow: 0 18px 44px rgba(15,31,55,.12);
}

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

.mojopb-root.mojopb-style-builder :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-builder :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-builder :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)));
	box-shadow: 0 20px 58px rgba(0,0,0,.22);
	color: color-mix(in srgb, #fff 88%, var(--mojopb-primary-soft) 12%);
}

.mojopb-root.mojopb-style-builder :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-builder .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-builder .mojopb-section--comparison-table.mojopb-variant-dark .mojopb-shell .mojopb-table tbody td,
.mojopb-root.mojopb-style-builder .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-builder .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-builder .mojopb-section--toc-jump-links.mojopb-variant-dark .mojopb-shell .mojopb-toc a,
.mojopb-root.mojopb-style-builder .mojopb-section--map-location.mojopb-variant-dark .mojopb-shell .mojopb-map-location a {
	color: #fff;
}

/* Light card units share a clear, practical lift without changing dark surfaces. */
.mojopb-root.mojopb-style-builder :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: 0 16px 36px rgba(15,31,55,.13), 0 4px 10px rgba(15,31,55,.055), inset 0 1px 0 rgba(255,255,255,.86);
}

.mojopb-root.mojopb-style-builder .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);
}

/* Dark translucent surfaces need pale direct labels even when the base component
   assigns a primary or muted ink color. Light-surface controls stay exempt. */
.mojopb-root.mojopb-style-builder .mojopb-section--feature-deep-cards.mojopb-variant-dark .mojopb-deep-num,
.mojopb-root.mojopb-style-builder .mojopb-section--timeline.mojopb-variant-dark .mojopb-timeline article > span,
.mojopb-root.mojopb-style-builder :is(.mojopb-section--problem-solution, .mojopb-section--before-after).mojopb-variant-dark .mojopb-paired-label,
.mojopb-root.mojopb-style-builder .mojopb-section--pricing-cards.mojopb-variant-dark .mojopb-price-card > span,
.mojopb-root.mojopb-style-builder .mojopb-section--stat-band.mojopb-variant-dark .mojopb-stat-card span,
.mojopb-root.mojopb-style-builder .mojopb-section--tabs-panel.mojopb-variant-dark .mojopb-tabs__tab:not(.is-active),
.mojopb-root.mojopb-style-builder .mojopb-section--toc-jump-links.mojopb-variant-dark .mojopb-toc a::before,
.mojopb-root.mojopb-style-builder .mojopb-section--author-bio.mojopb-variant-dark .mojopb-author-bio__role,
.mojopb-root.mojopb-style-builder .mojopb-section--team-grid.mojopb-variant-dark .mojopb-team-card__role,
.mojopb-root.mojopb-style-builder .mojopb-section--image-slider.mojopb-variant-dark .mojopb-slider__slide figcaption span,
.mojopb-root.mojopb-style-builder .mojopb-section--image-pair.mojopb-variant-dark .mojopb-image-pair figcaption span,
.mojopb-root.mojopb-style-builder .mojopb-section--lead-form.mojopb-variant-dark .mojopb-lead-form small,
.mojopb-root.mojopb-style-builder .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;
}