/* ==========================================================================
   MM4B Landing Widgets v2
   Every value here is a default: Elementor controls override them.
   Breakpoints follow Elementor defaults: tablet <= 1024px, mobile <= 767px.
   ========================================================================== */

.mm4b-section {
	--mm4b-green: #1e9e47;
	--mm4b-green-bright: #5fd35f;
	--mm4b-lime-1: #b6ee62;
	--mm4b-lime-2: #6fd856;
	--mm4b-yellow-1: #ffe03a;
	--mm4b-yellow-2: #f8c400;
	--mm4b-heading: #0f1d2b;
	--mm4b-body: #4a5566;
	--mm4b-hl-color: var(--mm4b-green);
	--mm4b-line: var(--mm4b-hl-color);
	--mm4b-card-bg: #ffffff;
	--mm4b-card-shadow: 0 8px 28px rgba(16, 42, 67, 0.08);
	--mm4b-radius: 16px;
	--mm4b-pad-y: clamp(36px, 5vw, 68px);
	--mm4b-pad-x: clamp(16px, 4vw, 40px);
	position: relative;
	box-sizing: border-box;
	font-family: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	color: var(--mm4b-body);
	padding: var(--mm4b-pad-y) var(--mm4b-pad-x);
	line-height: 1.6;
	overflow: hidden;
	isolation: isolate;
}
.mm4b-section *,
.mm4b-section *::before,
.mm4b-section *::after { box-sizing: border-box; }
.mm4b-section h1, .mm4b-section h2, .mm4b-section h3, .mm4b-section h4, .mm4b-section p, .mm4b-section ul { margin-top: 0; }
.mm4b-section img { max-width: 100%; height: auto; display: block; }
.mm4b-inner { position: relative; z-index: 1; max-width: 1200px; margin: 0 auto; width: 100%; }
.mm4b-hl { color: var(--mm4b-hl-color); }
.mm4b-hl-block .mm4b-hl--main { display: block; }
.mm4b-rich > *:last-child { margin-bottom: 0; }
.mm4b-rich p { margin: 0 0 1em; }
.mm4b-rich a { color: inherit; font-weight: 600; }
.mm4b-section a.mm4b-card, .mm4b-section a.mm4b-feat, .mm4b-section a.mm4b-strip__item, .mm4b-cta__line, .mm4b-pill { text-decoration: none; color: inherit; }

/* ---------- Color presets ---------- */
.mm4b-theme-light { background: #ffffff; }
.mm4b-theme-soft { background: linear-gradient(180deg, #f3f9f5 0%, #eef5fa 100%); }
.mm4b-theme-none { background: transparent; }
.mm4b-theme-dark, .mm4b-theme-green, .mm4b-theme-teal, .mm4b-theme-navy, .mm4b-theme-blue {
	--mm4b-heading: #ffffff;
	--mm4b-body: rgba(255, 255, 255, 0.86);
	--mm4b-hl-color: var(--mm4b-green-bright);
	--mm4b-card-bg: rgba(255, 255, 255, 0.06);
}
.mm4b-theme-dark { background: linear-gradient(135deg, #062a1f 0%, #0a3f2c 55%, #0d5136 100%); }
.mm4b-theme-green { background: linear-gradient(115deg, #053b20 0%, #0d6a2e 45%, #39b83c 100%); --mm4b-hl-color: #d6f55a; }
.mm4b-theme-teal { background: linear-gradient(120deg, #0a2a2a 0%, #0f3d3d 45%, #1b5e66 100%); }
.mm4b-theme-navy { background: linear-gradient(120deg, #0a213d 0%, #0f3357 60%, #14466c 100%); }
.mm4b-theme-blue { background: linear-gradient(90deg, #17a2f3, #0a7fe0); --mm4b-hl-color: #ffffff; }

/* ---------- Icons (font icon, inline SVG and uploaded SVG/image) ---------- */
.mm4b-ico {
	display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0;
	line-height: 1; font-size: var(--mm4b-icon-size, 1em);
}
.mm4b-ico i { font-size: inherit; line-height: 1; }
.mm4b-ico svg, .mm4b-ico img { width: 1em; height: 1em; fill: currentColor; display: block; }

/* ---------- Buttons ---------- */
.mm4b-btn-wrap { display: flex; flex-wrap: wrap; gap: 14px; justify-content: var(--mm4b-justify, flex-start); }
.mm4b-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 10px;
	padding: 15px 30px; border-radius: 10px; border: 2px solid transparent;
	font-family: inherit; font-weight: 700; font-size: 15px; letter-spacing: .01em; line-height: 1.2;
	text-decoration: none; cursor: pointer; text-align: center;
	transition: transform .2s ease, box-shadow .2s ease, filter .2s ease, background-color .2s ease, color .2s ease;
}
.mm4b-btn:hover { transform: translateY(-2px); filter: brightness(1.05); }
.mm4b-btn-icon { font-size: .9em; transition: transform .2s ease; }
.mm4b-btn:hover .mm4b-btn-icon { transform: translateX(4px); }
.mm4b-btn--lime { background: linear-gradient(90deg, var(--mm4b-lime-1), var(--mm4b-lime-2)); color: #0b3320; box-shadow: 0 10px 24px rgba(111, 216, 86, .28); }
.mm4b-btn--yellow { background: linear-gradient(180deg, var(--mm4b-yellow-1), var(--mm4b-yellow-2)); color: #10220f; box-shadow: 0 10px 24px rgba(248, 196, 0, .28); }
.mm4b-btn--green { background: var(--mm4b-green); color: #fff; box-shadow: 0 8px 20px rgba(30, 158, 71, .25); }
.mm4b-btn--white { background: #fff; color: var(--mm4b-heading, #0f1d2b); box-shadow: 0 8px 20px rgba(0, 0, 0, .12); }
.mm4b-theme-blue .mm4b-btn--white, .mm4b-notice--blue .mm4b-btn--white { color: #0f1d2b; }
.mm4b-btn--outline-light { background: transparent; color: #fff; border-color: rgba(255, 255, 255, .85); }
.mm4b-btn--outline-light:hover { background: rgba(255, 255, 255, .1); color: #fff; }
.mm4b-btn--outline-dark { background: #fff; color: #0f1d2b; border-color: #0f3d2e; }
.mm4b-btn--lime:hover, .mm4b-btn--yellow:hover { color: #0b3320; }
.mm4b-btn--green:hover { color: #fff; }
.mm4b-btn--sm { padding: 11px 22px; font-size: 13px; }
.mm4b-btn--accent { background: var(--mm4b-btn-bg, var(--mm4b-green)); color: #10220f; box-shadow: 0 10px 22px rgba(0, 0, 0, .12); min-width: 60%; }

/* ---------- Section headings ---------- */
.mm4b-sec-title {
	color: var(--mm4b-heading); font-weight: 700; line-height: 1.25;
	font-size: clamp(24px, 3vw, 34px); margin-bottom: clamp(20px, 3vw, 36px);
}
.mm4b-sec-title.is-center, .mm4b-sec-intro.is-center { text-align: center; }
.mm4b-sec-intro { color: var(--mm4b-body); font-size: 15px; max-width: 760px; margin: -12px 0 clamp(20px, 3vw, 32px); }
.mm4b-sec-intro.is-center { margin-left: auto; margin-right: auto; }
.has-underline::after {
	content: ""; display: block; width: 56px; height: 3px; border-radius: 3px;
	background: var(--mm4b-line); margin: 14px auto 0;
}
.has-underline.is-left::after, [style*="text-align: left"] > .has-underline::after { margin-left: 0; }
.has-topline::before { content: ""; display: block; width: 36px; height: 3px; border-radius: 3px; background: var(--mm4b-line); margin-bottom: 12px; }

/* ---------- Cards & grids ---------- */
.mm4b-card {
	position: relative; background: var(--mm4b-card-bg); border-radius: var(--mm4b-radius);
	box-shadow: var(--mm4b-card-shadow); transition: transform .25s ease, box-shadow .25s ease;
}
.mm4b-lift-yes .mm4b-card:hover { transform: translateY(-6px); box-shadow: 0 16px 40px rgba(16, 42, 67, .14); }
.mm4b-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }

/* ==========================================================================
   Split layout (hero, checklist + image)
   ========================================================================== */
.mm4b-split {
	--mm4b-content-w: 56%;
	--mm4b-slant: 22%;
	--mm4b-stripe: 12px;
	--mm4b-stripe-show: 1;
	--mm4b-cols: minmax(0, var(--mm4b-content-w)) minmax(0, 1fr);
	--mm4b-clip-side: polygon(var(--mm4b-slant) 0, 100% 0, 100% 100%, 0 100%);
	--mm4b-clip: var(--mm4b-clip-side);
	--mm4b-media-order-side: 2;
	--mm4b-media-order: var(--mm4b-media-order-side);
	display: grid;
	grid-template-columns: var(--mm4b-cols);
	padding: 0;
	min-height: 440px;
}
.mm4b-split--media-left {
	--mm4b-cols: minmax(0, 1fr) minmax(0, var(--mm4b-content-w));
	--mm4b-clip-side: polygon(0 0, 100% 0, calc(100% - var(--mm4b-slant)) 100%, 0 100%);
	--mm4b-media-order-side: -1;
}
.mm4b-split--no-media { grid-template-columns: minmax(0, 1fr) !important; }
.mm4b-split__content {
	position: relative; z-index: 2; display: flex; align-items: center;
	padding: var(--mm4b-pad-y) clamp(16px, 3vw, 32px) var(--mm4b-pad-y) max(var(--mm4b-pad-x), calc((100vw - 1200px) / 2));
}
.mm4b-split--media-left .mm4b-split__content { padding: var(--mm4b-pad-y) max(var(--mm4b-pad-x), calc((100vw - 1200px) / 2)) var(--mm4b-pad-y) calc(clamp(20px, 3vw, 44px) + 5vw * var(--mm4b-stripe-show)); }
.mm4b-split__content-inner { width: 100%; }
.mm4b-split__media {
	position: relative; min-height: 300px; order: var(--mm4b-media-order);
	margin-left: calc(var(--mm4b-slant) * -0.6 * var(--mm4b-stripe-show));
	background-color: var(--mm4b-green-bright);
	clip-path: var(--mm4b-clip);
}
.mm4b-split--media-left .mm4b-split__media { margin-left: 0; margin-right: calc(var(--mm4b-slant) * -0.6 * var(--mm4b-stripe-show)); }
.mm4b-split__img {
	position: absolute; top: 0; bottom: 0; right: 0;
	left: calc(var(--mm4b-stripe) * var(--mm4b-stripe-show));
	width: calc(100% - var(--mm4b-stripe) * var(--mm4b-stripe-show)) !important; height: 100% !important; max-width: none !important;
	object-fit: cover; clip-path: var(--mm4b-clip);
}
.mm4b-split--media-left .mm4b-split__img { left: 0; right: calc(var(--mm4b-stripe) * var(--mm4b-stripe-show)); }

/* Hero */
.mm4b-eyebrow {
	display: flex; align-items: center; gap: 14px; justify-content: var(--mm4b-justify, flex-start);
	font-size: 11px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase;
	color: var(--mm4b-body); margin-bottom: 18px;
}
.mm4b-eyebrow.has-line::before { content: ""; width: 34px; height: 2px; background: var(--mm4b-hl-color); flex-shrink: 0; }
.mm4b-hero__title {
	color: var(--mm4b-heading); font-weight: 800; line-height: 1.08; letter-spacing: -.01em;
	font-size: clamp(34px, 5.2vw, 64px); margin-bottom: 16px;
}
.mm4b-hero__subtitle { color: var(--mm4b-heading); font-weight: 600; font-size: clamp(18px, 2.2vw, 26px); line-height: 1.3; margin-bottom: 16px; }
.mm4b-hero__desc { color: var(--mm4b-body); font-size: clamp(14px, 1.3vw, 16px); max-width: 540px; margin-bottom: 28px; margin-left: var(--mm4b-desc-ml, 0); margin-right: var(--mm4b-desc-mr, 0); }
.mm4b-hero__subtitle + .mm4b-btn-wrap { margin-top: 26px; }
.mm4b-hero__features { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin-top: clamp(24px, 4vw, 44px); }
.mm4b-hero__feat { display: flex; align-items: center; gap: 12px; }
.mm4b-hero__feat-icon { --mm4b-icon-size: 20px; width: 46px; height: 46px; border-radius: 50%; background: var(--mm4b-lime-1); color: #0b3320; }
.mm4b-hero__feat-title { color: var(--mm4b-heading); font-weight: 600; font-size: 15px; line-height: 1.3; }
.mm4b-hero__feat-text { color: var(--mm4b-body); font-size: 12.5px; }

/* Checklist + image */
.mm4b-why__title { color: var(--mm4b-heading); font-weight: 700; font-size: clamp(22px, 2.6vw, 30px); line-height: 1.3; margin-bottom: 20px; }
.mm4b-why__title.has-underline::after { margin-left: 0; width: 44px; margin-top: 10px; }
.mm4b-why__desc { color: var(--mm4b-body); font-size: 15px; margin-bottom: 22px; }
.mm4b-checklist { list-style: none; padding: 0; margin: 0; display: grid; gap: 12px; }
.mm4b-checklist li { display: flex; align-items: flex-start; gap: 12px; font-size: clamp(14px, 1.2vw, 15px); line-height: 1.55; color: var(--mm4b-body); }
.mm4b-theme-light .mm4b-checklist li, .mm4b-theme-soft .mm4b-checklist li { color: var(--mm4b-heading); }
.mm4b-checklist .mm4b-check { --mm4b-icon-size: 20px; color: var(--mm4b-hl-color); margin-top: .1em; }
.mm4b-checklist + .mm4b-btn-wrap { margin-top: 26px; }

/* ==========================================================================
   Icon cards (credit types / loan programs)
   ========================================================================== */
.mm4b-types .mm4b-sec-title { text-align: center; }
.mm4b-tcard {
	--mm4b-accent: var(--mm4b-green); --mm4b-tint: #d6f2dc;
	display: flex; flex-direction: column; gap: 14px;
	padding: 24px 22px 26px; background: linear-gradient(180deg, #f5f9fc, #eef4f9);
	box-shadow: 0 2px 0 rgba(16, 42, 67, .03); border: 1px solid #e6eef5;
}
.mm4b-tcard__head { display: flex; align-items: center; }
.mm4b-tcard__icon { --mm4b-icon-size: 40px; color: var(--mm4b-accent); }
.mm4b-tcard__body { padding-right: 44px; }
.mm4b-tcard__title { color: var(--mm4b-heading); font-weight: 700; font-size: 16px; line-height: 1.35; margin-bottom: 8px; }
.mm4b-tcard__text { font-size: 14px; margin: 0; color: var(--mm4b-body); }
.mm4b-tcard__arrow {
	--mm4b-icon-size: 13px;
	position: absolute; right: 18px; bottom: 22px; width: 34px; height: 34px; border-radius: 50%;
	background: var(--mm4b-tint); color: var(--mm4b-accent); transition: transform .2s ease;
}
.mm4b-tcard:hover .mm4b-tcard__arrow { transform: translateX(3px); }
.mm4b-tcard--header { background: #fff; border-color: #edf2f6; padding: 14px 14px 26px; box-shadow: var(--mm4b-card-shadow); }
.mm4b-tcard--header .mm4b-tcard__head { background: var(--mm4b-tint); border-radius: 12px; min-height: 76px; padding: 8px 14px; }
.mm4b-tcard--header .mm4b-tcard__icon {
	--mm4b-icon-size: 30px; width: 64px; height: 64px; border-radius: 50%;
	background: radial-gradient(circle at 35% 30%, #ffffff 0%, var(--mm4b-tint) 75%); box-shadow: 0 6px 16px rgba(0, 0, 0, .08);
}
.mm4b-tcard--header .mm4b-tcard__body { padding: 0 6px 0 8px; }
.mm4b-tcard--header .mm4b-tcard__title { font-size: 17px; }

/* ==========================================================================
   Person / CFO
   ========================================================================== */
.mm4b-cfo { padding-bottom: clamp(28px, 4vw, 48px); }
.mm4b-decor {
	position: absolute; z-index: 0; top: 0; right: 0; bottom: 0; width: 46%;
	background-size: cover; background-position: center;
	-webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 45%); mask-image: linear-gradient(90deg, transparent 0%, #000 45%);
}
.mm4b-person__sec { color: var(--mm4b-heading); font-weight: 700; font-size: clamp(22px, 2.6vw, 30px); margin-bottom: 22px; }
.mm4b-person { display: flex; align-items: center; justify-content: center; gap: clamp(24px, 4vw, 48px); }
.mm4b-person__photo {
	width: 160px; height: 160px; border-radius: 50%; object-fit: cover; flex-shrink: 0;
	border: 6px solid #fff; box-shadow: 0 10px 30px rgba(16, 42, 67, .15);
}
.mm4b-person__body { max-width: 580px; }
.mm4b-person__title { color: var(--mm4b-heading); font-weight: 700; font-size: clamp(22px, 2.4vw, 28px); line-height: 1.3; margin-bottom: 10px; }
.mm4b-person__role { color: var(--mm4b-hl-color); font-weight: 600; font-size: 16px; margin: -6px 0 10px; }
.mm4b-person__text { font-size: 15px; color: var(--mm4b-body); }
.mm4b-person__text a { text-decoration: none; }
.mm4b-person__body .mm4b-btn-wrap { margin-top: 20px; }

/* ==========================================================================
   Program cards (Line of Credit)
   ========================================================================== */
.mm4b-programs { padding-top: clamp(20px, 3vw, 36px); }
.mm4b-pcard { --mm4b-accent: var(--mm4b-green); --mm4b-head-bg: #e6f6ea; overflow: hidden; display: flex; flex-direction: column; }
.mm4b-pcard__head { display: flex; align-items: center; gap: 16px; padding: 20px 22px; background: var(--mm4b-head-bg); }
.mm4b-pcard__icon { --mm4b-icon-size: 40px; color: var(--mm4b-accent); }
.mm4b-pcard__title { color: var(--mm4b-heading); font-weight: 700; font-size: 16px; line-height: 1.35; margin: 0; }
.mm4b-pcard__list { list-style: none; margin: 0; padding: 20px 22px 24px; display: grid; gap: 12px; }
.mm4b-pcard__list li { display: flex; align-items: flex-start; gap: 10px; color: var(--mm4b-heading); font-size: 15px; line-height: 1.5; }
.mm4b-pcard__bullet { color: var(--mm4b-accent); --mm4b-icon-size: 16px; margin-top: .2em; }

/* ==========================================================================
   Text + image row
   ========================================================================== */
.mm4b-problem, .mm4b-tf-sec, .mm4b-packages, .mm4b-icards, .mm4b-types, .mm4b-fundings { --mm4b-pad-y: clamp(28px, 4vw, 52px); }
.mm4b-intro-sec { --mm4b-pad-y: clamp(30px, 4vw, 52px); }
.mm4b-media-row {
	--mm4b-cols: minmax(0, var(--mm4b-content-w, 58%)) minmax(0, 1fr);
	--mm4b-media-order-side: 2;
	--mm4b-media-order: var(--mm4b-media-order-side);
	display: grid; grid-template-columns: var(--mm4b-cols);
	gap: clamp(24px, 4vw, 48px); align-items: center;
}
.mm4b-media-row--img-left { --mm4b-cols: minmax(0, 1fr) minmax(0, var(--mm4b-content-w, 58%)); --mm4b-media-order-side: -1; }
.mm4b-media-row__content { min-width: 0; }
.mm4b-media-row__media { position: relative; display: flex; justify-content: center; align-items: flex-end; order: var(--mm4b-media-order); min-width: 0; }
.mm4b-media-row.has-panel { background: linear-gradient(135deg, #eef8f1, #e8f3fb); border-radius: 18px; padding: clamp(16px, 2.5vw, 26px); box-shadow: 0 6px 24px rgba(16, 42, 67, .06); }
.mm4b-media-row--fade .mm4b-media-row__img { -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 35%); mask-image: linear-gradient(90deg, transparent 0%, #000 35%); }
.mm4b-media-row--fade.mm4b-media-row--img-left .mm4b-media-row__img { -webkit-mask-image: linear-gradient(270deg, transparent 0%, #000 35%); mask-image: linear-gradient(270deg, transparent 0%, #000 35%); }
.mm4b-problem__eyebrow { font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--mm4b-heading); margin-bottom: 10px; }
.mm4b-problem__title { color: var(--mm4b-heading); font-weight: 700; font-size: clamp(24px, 3vw, 34px); line-height: 1.25; margin-bottom: 18px; }
.mm4b-problem__text { font-size: 15px; color: var(--mm4b-body); }
.mm4b-problem__text + .mm4b-btn-wrap, .mm4b-mini + .mm4b-btn-wrap, .mm4b-problem__text + .mm4b-mini { margin-top: 24px; }
.mm4b-media-row__media.has-circle::before {
	content: ""; position: absolute; width: 70%; aspect-ratio: 1; left: 2%; top: 0; border-radius: 50%;
	background: linear-gradient(135deg, #7ddc68, #2fb84f);
}
.mm4b-media-row__img { position: relative; z-index: 1; width: 100%; }
.mm4b-mini { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.mm4b-mini__item { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 8px; }
.mm4b-mini__icon { --mm4b-icon-size: 28px; width: 62px; height: 62px; border-radius: 14px; background: #fff; color: var(--mm4b-green); box-shadow: 0 6px 18px rgba(16, 42, 67, .08); }
.mm4b-mini__title { color: var(--mm4b-heading); font-size: 12.5px; font-weight: 600; line-height: 1.3; }
.mm4b-video { position: relative; width: 100%; border-radius: inherit; }
.mm4b-video__btn {
	position: absolute; inset: 0; margin: auto; z-index: 2; width: max-content; height: max-content;
	border: 0; padding: 0; background: none; cursor: pointer;
}
.mm4b-play { --mm4b-icon-size: 22px; width: 64px; height: 64px; border-radius: 50%; background: var(--mm4b-green); color: #fff; box-shadow: 0 0 0 8px rgba(255, 255, 255, .55); padding-left: 4px; transition: transform .2s ease; }
.mm4b-video__btn:hover .mm4b-play { transform: scale(1.08); }
.mm4b-video.is-playing .mm4b-video__btn, .mm4b-video.is-playing img { visibility: hidden; }
.mm4b-video__frame { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; border-radius: 14px; background: #000; z-index: 3; }

/* ==========================================================================
   Fundings
   ========================================================================== */
.mm4b-fundings .mm4b-sec-title { text-align: left; }
.mm4b-fundings .mm4b-sec-title.has-underline::after { margin-left: 0; }
.mm4b-fcard {
	--mm4b-accent: var(--mm4b-green); --mm4b-icon-bg: #e6f6ea;
	display: flex; align-items: flex-start; gap: 18px; padding: 22px 20px;
	border-left: 4px solid var(--mm4b-accent); background: #fff;
}
.mm4b-fcard__icon { --mm4b-icon-size: 32px; width: 64px; height: 64px; border-radius: 12px; background: var(--mm4b-icon-bg); color: var(--mm4b-accent); }
.mm4b-fcard__body { min-width: 0; }
.mm4b-fcard__label { font-size: 13px; color: #5c6776; }
.mm4b-fcard--img .mm4b-fcard__label { color: var(--mm4b-accent); font-weight: 600; }
.mm4b-fcard__amount { font-size: clamp(20px, 2vw, 24px); font-weight: 700; color: #0f1d2b; line-height: 1.3; margin-bottom: 8px; }
.mm4b-fcard__details { font-size: 13px; color: #6b7684; line-height: 1.6; }
.mm4b-fcard__details strong { color: #0f1d2b; font-weight: 500; }
.mm4b-fcard--img { flex-direction: column; gap: 12px; padding: 14px 16px 20px; }
.mm4b-fcard__top { position: relative; display: flex; align-items: flex-start; width: 100%; min-height: 84px; }
.mm4b-fcard__img { position: absolute; top: 0; right: 0; width: 64%; height: 84px; object-fit: cover; border-radius: 10px; }
.mm4b-fcard--img .mm4b-fcard__icon { position: relative; z-index: 1; width: 52px; height: 52px; border-radius: 50%; --mm4b-icon-size: 22px; margin-top: 8px; }

/* ==========================================================================
   Eligibility + questionnaire box (Line of Credit)
   ========================================================================== */
.mm4b-elig { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, var(--mm4b-box-w, 44%)); gap: clamp(24px, 4vw, 48px); align-items: center; }
.mm4b-elig--single { grid-template-columns: minmax(0, 1fr) !important; }
.mm4b-elig__title { color: var(--mm4b-hl-color); font-weight: 700; font-size: clamp(24px, 2.8vw, 32px); line-height: 1.25; margin-bottom: 22px; }
.mm4b-elig__title .mm4b-hl { color: inherit; }
.mm4b-elig__title.has-bar { position: relative; padding-left: 14px; }
.mm4b-elig__title.has-bar::before { content: ""; position: absolute; left: 0; top: .15em; bottom: .15em; width: 4px; border-radius: 2px; background: var(--mm4b-line); }
.mm4b-elig__box { background: #eef5f9; box-shadow: none; padding: clamp(20px, 3vw, 28px); }
.mm4b-elig__box-title { color: var(--mm4b-green); font-weight: 700; font-size: 18px; margin-bottom: 10px; }
.mm4b-elig__box-text { font-size: 13.5px; color: #0f1d2b; margin-bottom: 18px; }

/* ==========================================================================
   CTA + contact band
   ========================================================================== */
.mm4b-cta { padding: clamp(36px, 5vw, 60px) var(--mm4b-pad-x); }
.mm4b-cta-boxed-yes .mm4b-cta { border-radius: 18px; padding: clamp(32px, 4vw, 48px) clamp(20px, 4vw, 56px); }
.mm4b-cta::before { content: ""; position: absolute; inset: 0; z-index: 1; background: transparent; pointer-events: none; }
.mm4b-cta .mm4b-decor { width: 55%; -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 55%); mask-image: linear-gradient(90deg, transparent 0%, #000 55%); }
.mm4b-cta__grid {
	--mm4b-div-w: 1px; --mm4b-div-h: auto;
	position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
	gap: clamp(24px, 4vw, 56px); align-items: center;
}
.mm4b-cta__divider { display: block; width: var(--mm4b-div-w); height: var(--mm4b-div-h); align-self: stretch; background: rgba(255, 255, 255, .35); }
.mm4b-cta__divider.is-hidden { visibility: hidden; height: 0; }
.mm4b-cta__title { color: var(--mm4b-heading); font-weight: 700; font-size: clamp(26px, 3.2vw, 40px); line-height: 1.2; margin-bottom: 10px; }
.mm4b-cta__text { color: var(--mm4b-body); font-size: 15px; margin-bottom: 22px; }
.mm4b-cta__contact { display: flex; flex-direction: column; gap: 14px; align-items: var(--mm4b-justify, flex-start); }
.mm4b-cta__contact-title { color: var(--mm4b-heading); font-weight: 700; font-size: clamp(18px, 2vw, 22px); }
.mm4b-cta__line { display: inline-flex; align-items: center; gap: 14px; color: var(--mm4b-heading); }
.mm4b-cta__line-body { display: flex; flex-direction: column; min-width: 0; }
.mm4b-cta__line-label { color: var(--mm4b-hl-color); font-weight: 600; font-size: 15px; line-height: 1.3; }
.mm4b-cta__line-text { color: var(--mm4b-heading); font-weight: 600; font-size: clamp(15px, 1.6vw, 19px); line-height: 1.35; word-break: break-word; }
a.mm4b-cta__line:hover .mm4b-cta__line-text { color: var(--mm4b-lime-1); }
.mm4b-cta__line-icon { --mm4b-icon-size: 15px; width: 34px; height: 34px; border-radius: 50%; background: #fff; color: #0f3d3d; }
.mm4b-theme-green .mm4b-cta__line-icon, .mm4b-theme-dark .mm4b-cta__line-icon { background: var(--mm4b-lime-1); color: #0b3320; }
.mm4b-theme-green .mm4b-cta__line-icon { --mm4b-icon-size: 22px; width: 52px; height: 52px; }
.mm4b-cta__bottom { position: relative; z-index: 2; margin-top: clamp(24px, 3vw, 36px); --mm4b-justify: center; }
.mm4b-cta__contact .mm4b-btn-wrap { margin-top: 6px; }

/* ==========================================================================
   Loan selector hero
   ========================================================================== */
.mm4b-selector {
	display: flex; align-items: flex-end; justify-content: center; min-height: 360px;
	background-color: #0b2f22; background-size: cover; background-position: center top;
	padding-bottom: clamp(20px, 3vw, 32px);
}
.mm4b-selector__box {
	position: relative; z-index: 1; width: 100%; max-width: 760px;
	background: rgba(6, 42, 30, .9); border-radius: 18px; padding: clamp(18px, 2.5vw, 26px) clamp(16px, 2.5vw, 28px);
	backdrop-filter: blur(4px); text-align: center;
}
.mm4b-selector__title { color: #fff; font-weight: 700; font-size: clamp(22px, 2.8vw, 30px); line-height: 1.25; margin-bottom: 16px; }
.mm4b-selector .mm4b-hl { color: var(--mm4b-green-bright); }
.mm4b-selector__pills { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.mm4b-pill {
	display: flex; align-items: center; gap: 12px; padding: 14px 18px; border-radius: 14px;
	background: #fff; color: #0f1d2b; font-weight: 600; font-size: 14px; text-align: left;
	transition: transform .2s ease, box-shadow .2s ease;
}
.mm4b-pill:hover { transform: translateY(-2px); box-shadow: 0 10px 22px rgba(0, 0, 0, .2); }
.mm4b-pill.is-active { background: linear-gradient(90deg, var(--mm4b-lime-1), var(--mm4b-lime-2)); }
.mm4b-pill__icon { --mm4b-icon-size: 26px; color: var(--mm4b-green); }
.mm4b-pill.is-active .mm4b-pill__icon { color: #0b3320; }
.mm4b-pill__text { flex: 1; min-width: 0; }
.mm4b-pill__arrow { --mm4b-icon-size: 20px; color: #0f1d2b; }

/* ==========================================================================
   Intro block
   ========================================================================== */
.mm4b-intro { text-align: center; --mm4b-justify: center; --mm4b-ml: auto; --mm4b-mr: auto; }
.mm4b-intro__eyebrow { font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--mm4b-hl-color); margin-bottom: 10px; }
.mm4b-intro__title { color: var(--mm4b-heading); font-weight: 800; font-size: clamp(28px, 3.6vw, 40px); line-height: 1.2; margin-bottom: 16px; }
.mm4b-intro__title.has-underline::after { margin-left: var(--mm4b-ml); margin-right: var(--mm4b-mr); }
.mm4b-intro__subtitle { color: var(--mm4b-hl-color); font-weight: 600; font-size: clamp(17px, 2vw, 21px); line-height: 1.35; margin-bottom: 12px; }
.mm4b-intro__text { color: var(--mm4b-heading); font-size: 15px; max-width: 760px; margin-left: var(--mm4b-ml); margin-right: var(--mm4b-mr); }
.mm4b-intro__text + .mm4b-btn-wrap { margin-top: 22px; }

/* ==========================================================================
   Text + feature grid
   ========================================================================== */
.mm4b-tf { display: grid; grid-template-columns: minmax(0, var(--mm4b-content-w, 38%)) minmax(0, 1fr); gap: clamp(24px, 4vw, 48px); align-items: center; }
.mm4b-tf.has-panel { background: linear-gradient(135deg, #eaf7ee, #eef8f2); border-radius: 18px; padding: clamp(20px, 3vw, 32px); }
.mm4b-tf__title { color: var(--mm4b-heading); font-weight: 700; font-size: clamp(24px, 2.8vw, 32px); line-height: 1.22; margin-bottom: 16px; }
.mm4b-tf__title.has-underline::after { margin-left: 0; width: 44px; }
.mm4b-tf__text { color: var(--mm4b-heading); font-size: 15px; }
.mm4b-tf__text + .mm4b-btn-wrap { margin-top: 22px; }
.mm4b-tf__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.mm4b-feat { display: flex; align-items: center; gap: 14px; transition: transform .2s ease, box-shadow .2s ease; }
.mm4b-feat.is-card { background: #fff; border-radius: 14px; padding: 16px; box-shadow: 0 6px 22px rgba(16, 42, 67, .07); border: 1px solid #edf2f6; }
.mm4b-theme-soft .mm4b-feat.is-card { background: #fff; }
.mm4b-feat__icon { --mm4b-icon-size: 22px; width: 50px; height: 50px; border-radius: 50%; background: #fff; color: var(--mm4b-green); box-shadow: 0 6px 18px rgba(16, 42, 67, .1); }
.mm4b-feat.is-card .mm4b-feat__icon { box-shadow: none; background: transparent; width: auto; height: auto; --mm4b-icon-size: 30px; }
.mm4b-feat__title { color: var(--mm4b-heading); font-weight: 600; font-size: 15px; line-height: 1.3; margin-bottom: 3px; }
.mm4b-feat__text { color: var(--mm4b-body); font-size: 12.5px; line-height: 1.45; }
.mm4b-feat--top { flex-direction: column; text-align: center; justify-content: flex-start; gap: 10px; }
.mm4b-feat--top.is-card { background: linear-gradient(180deg, #f1f9f4, #eaf5ef); border-color: #e1f0e6; padding: 22px 14px; box-shadow: none; }
.mm4b-feat--top .mm4b-feat__icon { --mm4b-icon-size: 40px; }
a.mm4b-feat:hover { transform: translateY(-3px); }

/* ==========================================================================
   Packages
   ========================================================================== */
.mm4b-pkg {
	--mm4b-accent: var(--mm4b-green); --mm4b-tint: #eef6fd;
	background: linear-gradient(180deg, var(--mm4b-tint) 0%, #ffffff 70%);
	border: 1px solid rgba(16, 42, 67, .06); padding: clamp(22px, 3vw, 32px); display: flex; flex-direction: column;
}
.mm4b-pkg__head { display: flex; align-items: flex-start; gap: 20px; padding-bottom: 18px; margin-bottom: 18px; border-bottom: 1px solid rgba(16, 42, 67, .1); }
.mm4b-pkg__icon {
	--mm4b-icon-size: 34px; width: 84px; height: 84px; border-radius: 50%; color: #fff;
	background: radial-gradient(circle at 30% 25%, rgba(255, 255, 255, .45), transparent 55%), var(--mm4b-accent);
	box-shadow: 0 10px 24px rgba(0, 0, 0, .15);
}
.mm4b-pkg__titles { min-width: 0; }
.mm4b-pkg__title { color: #0f1d2b; font-weight: 800; font-size: clamp(24px, 2.6vw, 30px); line-height: 1.1; margin-bottom: 10px; letter-spacing: .01em; }
.mm4b-pkg__title2 { display: block; color: var(--mm4b-hl-color); }
.mm4b-pkg__text { color: #3b4655; font-size: 12.5px; line-height: 1.5; margin: 0; }
.mm4b-pkg__list { list-style: none; padding: 0 0 0 clamp(0px, 3vw, 40px); margin: 0 0 24px; display: grid; gap: 10px; }
.mm4b-pkg__list li { display: flex; align-items: flex-start; gap: 10px; color: #0f1d2b; font-size: 14.5px; }
.mm4b-pkg__bullet { --mm4b-icon-size: 18px; color: var(--mm4b-accent); margin-top: .15em; }
.mm4b-pkg .mm4b-btn-wrap { margin-top: auto; justify-content: center; }

/* ==========================================================================
   Image banner
   ========================================================================== */
.mm4b-banner {
	display: flex; align-items: center; min-height: 320px;
	background-color: #1c2b33; background-size: cover; background-position: center right;
}
.mm4b-banner::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(255, 244, 220, .55) 0%, transparent 55%); pointer-events: none; }
.mm4b-banner__inner { text-align: inherit; }
.mm4b-banner__title { color: #0f1d2b; font-weight: 800; font-size: clamp(30px, 4.4vw, 54px); line-height: 1.05; margin: 0; max-width: 560px; margin-left: var(--mm4b-ml, 0); margin-right: var(--mm4b-mr, auto); }
.mm4b-banner__title.has-underline::after { margin-left: var(--mm4b-ml, 0); margin-right: var(--mm4b-mr, auto); margin-top: 16px; height: 4px; width: 60px; }
.mm4b-banner__text { color: #0f1d2b; font-size: 16px; margin: 16px 0 0; max-width: 520px; }
.mm4b-banner .mm4b-btn-wrap { margin-top: 22px; }

/* ==========================================================================
   Feature strip
   ========================================================================== */
.mm4b-strip-sec { padding-top: clamp(28px, 4vw, 44px); padding-bottom: clamp(28px, 4vw, 44px); }
.mm4b-strip { --mm4b-divider: rgba(255, 255, 255, .18); display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.mm4b-theme-light .mm4b-strip, .mm4b-theme-soft .mm4b-strip { --mm4b-divider: rgba(16, 42, 67, .12); }
.mm4b-strip.has-panel { background: linear-gradient(180deg, #f2faf5, #eaf5f0); border-radius: 18px; padding: clamp(16px, 2.5vw, 24px) clamp(16px, 3vw, 36px); box-shadow: 0 6px 22px rgba(16, 42, 67, .06); }
.mm4b-strip__item { position: relative; display: flex; align-items: center; gap: 16px; min-width: 0; }
.mm4b-strip.has-dividers .mm4b-strip__item + .mm4b-strip__item::before {
	content: ""; position: absolute; left: -12px; top: 10%; bottom: 10%; width: 1px; background: var(--mm4b-divider);
}
.mm4b-strip__icon { --mm4b-icon-size: 26px; width: 60px; height: 60px; border-radius: 50%; }
.mm4b-strip--filled .mm4b-strip__icon { background: linear-gradient(135deg, #1fae4f, #0d7a3a); color: #fff; box-shadow: 0 8px 18px rgba(30, 158, 71, .28); }
.mm4b-strip--outline .mm4b-strip__icon { border: 2px solid var(--mm4b-green-bright); color: var(--mm4b-green-bright); width: 66px; height: 66px; --mm4b-icon-size: 28px; }
.mm4b-strip--plain .mm4b-strip__icon { width: auto; height: auto; color: var(--mm4b-hl-color); --mm4b-icon-size: 34px; }
.mm4b-strip__title { color: var(--mm4b-heading); font-weight: 700; font-size: 16px; line-height: 1.3; margin-bottom: 4px; }
.mm4b-theme-navy .mm4b-strip__title, .mm4b-theme-dark .mm4b-strip__title { font-size: 18px; }
.mm4b-strip__text { color: var(--mm4b-body); font-size: 13px; line-height: 1.5; }

/* ==========================================================================
   Checklist boxes
   ========================================================================== */
.mm4b-cboxes { padding-top: clamp(28px, 4vw, 48px); padding-bottom: clamp(28px, 4vw, 48px); }
.mm4b-cbox { background: linear-gradient(180deg, #f1f9f4, #eef6f2); box-shadow: none; padding: clamp(20px, 3vw, 28px); border: 1px solid #e1efe6; }
.mm4b-cbox__head { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; }
.mm4b-cbox__icon { --mm4b-icon-size: 20px; width: 44px; height: 44px; border-radius: 50%; background: #dff3e5; color: var(--mm4b-green); }
.mm4b-cbox__title { color: var(--mm4b-heading); font-weight: 700; font-size: clamp(20px, 2.2vw, 24px); line-height: 1.25; margin: 0; }
.mm4b-cbox__list { gap: 10px; padding-left: clamp(0px, 3vw, 40px); }
.mm4b-cbox__list li { font-size: 13.5px; color: var(--mm4b-heading); }
.mm4b-cbox__list .mm4b-check { --mm4b-icon-size: 17px; color: var(--mm4b-green); }
.mm4b-cbox__list a { color: #1f6fd1; }

/* ==========================================================================
   Notice banner
   ========================================================================== */
.mm4b-notice-sec { padding-top: clamp(14px, 2vw, 22px); padding-bottom: clamp(14px, 2vw, 22px); }
.mm4b-notice { display: flex; align-items: center; gap: clamp(18px, 3vw, 36px); border-radius: 16px; padding: clamp(20px, 3vw, 28px) clamp(20px, 3.5vw, 40px); --mm4b-justify: flex-start; }
.mm4b-notice--blue { background: linear-gradient(90deg, #17a2f3, #0a7fe0); --mm4b-heading: #fff; --mm4b-body: rgba(255, 255, 255, .92); --mm4b-hl-color: #fff; }
.mm4b-notice--soft { background: linear-gradient(90deg, #eaf7ee, #f1f8f4); }
.mm4b-notice--dark { background: linear-gradient(135deg, #062a1f, #0d5136); --mm4b-heading: #fff; --mm4b-body: rgba(255, 255, 255, .86); --mm4b-hl-color: var(--mm4b-green-bright); }
.mm4b-notice--green { background: linear-gradient(90deg, #1fae4f, #49c94a); --mm4b-heading: #fff; --mm4b-body: rgba(255, 255, 255, .92); --mm4b-hl-color: #eaff8f; }
.mm4b-notice--none { padding-left: 0; padding-right: 0; }
.mm4b-notice__icon { --mm4b-icon-size: 46px; color: #fff; }
.mm4b-notice--soft .mm4b-notice__icon, .mm4b-notice--none .mm4b-notice__icon {
	--mm4b-icon-size: 40px; width: 88px; height: 88px; border-radius: 18px; background: #e6f6ea; color: var(--mm4b-green); border: 2px solid #cfeedb;
}
.mm4b-notice__body { flex: 1; min-width: 0; }
.mm4b-notice__title { color: var(--mm4b-heading); font-weight: 700; font-size: clamp(19px, 2.2vw, 24px); line-height: 1.25; margin-bottom: 6px; }
.mm4b-notice__text { color: var(--mm4b-body); font-size: 14px; margin: 0; max-width: 680px; }
.mm4b-notice .mm4b-btn-wrap { flex-shrink: 0; }

/* ==========================================================================
   Image cards
   ========================================================================== */
.mm4b-icards .mm4b-sec-title { margin-bottom: 22px; }
.mm4b-icards .mm4b-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px; }
.mm4b-icard { overflow: hidden; display: flex; flex-direction: column; }
.mm4b-icard__img { width: 100%; aspect-ratio: 5 / 4; object-fit: cover; }
.mm4b-icard__label { padding: 10px 8px 12px; text-align: center; color: #0f1d2b; font-weight: 600; font-size: 13px; line-height: 1.3; }

/* ==========================================================================
   FAQ
   ========================================================================== */
.mm4b-faq { display: grid; grid-template-columns: minmax(0, var(--mm4b-content-w, 38%)) minmax(0, 1fr); gap: clamp(24px, 4vw, 56px); align-items: start; }
.mm4b-faq__eyebrow { font-size: 12px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--mm4b-heading); margin-bottom: 10px; }
.mm4b-faq__title { color: var(--mm4b-heading); font-weight: 800; font-size: clamp(30px, 3.6vw, 42px); line-height: 1.1; margin-bottom: 12px; }
.mm4b-faq__text { color: var(--mm4b-body); font-size: 15px; max-width: 360px; margin: 0; }
.mm4b-faq__list { display: grid; gap: 8px; }
.mm4b-faq__item { background: #fff; border: 1px solid #e5ecf2; border-radius: 10px; transition: box-shadow .2s ease; }
.mm4b-faq__item[open] { box-shadow: 0 8px 22px rgba(16, 42, 67, .08); }
.mm4b-faq__q {
	display: flex; align-items: center; justify-content: space-between; gap: 14px;
	padding: 11px 16px; cursor: pointer; list-style: none; color: #0f1d2b; font-weight: 500; font-size: 14px;
}
.mm4b-faq__q::-webkit-details-marker { display: none; }
.mm4b-faq__q::marker { content: ""; }
.mm4b-faq__icon { --mm4b-icon-size: 12px; color: #0f1d2b; transition: transform .2s ease; }
.mm4b-faq__item[open] .mm4b-faq__icon { transform: rotate(90deg); }
.mm4b-faq__a { padding: 0 16px 14px; color: #4a5566; font-size: 14px; }

/* ==========================================================================
   Responsive defaults
   ========================================================================== */
@media (max-width: 1024px) {
	.mm4b-cfo .mm4b-decor { opacity: .35; }
	.mm4b-split { --mm4b-content-w: 58%; --mm4b-slant: 18%; }
	.mm4b-elig { grid-template-columns: minmax(0, 1fr); }
	.mm4b-tcard__body { padding-right: 36px; }
	.mm4b-pcard__head { padding: 16px; gap: 12px; }
	.mm4b-pcard__icon { --mm4b-icon-size: 32px; }
	.mm4b-pcard__list { padding: 16px 16px 20px; }
	.mm4b-fcard { flex-direction: column; gap: 12px; }
	.mm4b-fcard__icon { width: 54px; height: 54px; --mm4b-icon-size: 26px; }
	.mm4b-hero__features { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.mm4b-tf, .mm4b-faq { grid-template-columns: minmax(0, 1fr); }
	.mm4b-icards .mm4b-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.mm4b-strip { gap: 18px; }
	.mm4b-strip__item { flex-direction: column; text-align: center; }
	.mm4b-strip.has-dividers .mm4b-strip__item + .mm4b-strip__item::before { left: -9px; }
	.mm4b-pkg__head { flex-direction: column; gap: 14px; }
	.mm4b-pkg__list { padding-left: 0; }
	.mm4b-mini { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
	.mm4b-split { grid-template-columns: minmax(0, 1fr); --mm4b-clip: none; --mm4b-stripe-show: 0; --mm4b-media-order: 2; min-height: 0; }
	.mm4b-split__content, .mm4b-split--media-left .mm4b-split__content { padding: 44px 20px; }
	.mm4b-split__media { min-height: 300px; margin-left: 0 !important; margin-right: 0 !important; }
	.mm4b-grid { grid-template-columns: minmax(0, 1fr); }
	.mm4b-person { flex-direction: column; text-align: center; --mm4b-justify: center; }
	.mm4b-person__photo { width: 130px; height: 130px; }
	.mm4b-person__title.has-topline::before { margin-left: auto; margin-right: auto; }
	.mm4b-decor { width: 100% !important; opacity: .18; -webkit-mask-image: none; mask-image: none; }
	.mm4b-media-row, .mm4b-media-row--img-left { grid-template-columns: minmax(0, 1fr); --mm4b-media-order: 2; }
	.mm4b-media-row__img { max-width: 460px; margin: 0 auto; }
	.mm4b-media-row--fade .mm4b-media-row__img { -webkit-mask-image: none; mask-image: none; }
	.mm4b-fcard { flex-direction: row; gap: 16px; }
	.mm4b-fcard--img { flex-direction: column; }
	.mm4b-cta-boxed-yes .mm4b-cta { border-radius: 14px; }
	.mm4b-cta__grid { grid-template-columns: minmax(0, 1fr); --mm4b-div-w: 100%; --mm4b-div-h: 1px; }
	.mm4b-cta .mm4b-decor { opacity: .25; }
	.mm4b-btn { padding: 14px 24px; }
	.mm4b-btn-wrap .mm4b-btn { flex: 1 1 auto; }
	.mm4b-tcard { flex-direction: row; align-items: flex-start; }
	.mm4b-tcard--header { flex-direction: column; }
	.mm4b-tcard__icon { --mm4b-icon-size: 34px; }
	.mm4b-hero__features { grid-template-columns: minmax(0, 1fr); gap: 14px; }
	.mm4b-selector { min-height: 300px; }
	.mm4b-selector__pills { grid-template-columns: minmax(0, 1fr); gap: 10px; }
	.mm4b-tf__grid { grid-template-columns: minmax(0, 1fr); }
	.mm4b-icards .mm4b-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
	.mm4b-strip { grid-template-columns: minmax(0, 1fr); }
	.mm4b-strip__item { flex-direction: row; text-align: left; }
	.mm4b-strip.has-dividers .mm4b-strip__item + .mm4b-strip__item::before { left: 0; right: 0; top: -9px; bottom: auto; width: auto; height: 1px; }
	.mm4b-pkg__head { flex-direction: row; }
	.mm4b-pkg__icon { width: 64px; height: 64px; --mm4b-icon-size: 26px; }
	.mm4b-notice { flex-direction: column; text-align: center; --mm4b-justify: center; }
	.mm4b-notice__text { margin: 0 auto; }
	.mm4b-banner { min-height: 260px; }
	.mm4b-banner::before { background: linear-gradient(90deg, rgba(255, 244, 220, .75) 0%, rgba(255, 244, 220, .2) 80%); }
	.mm4b-mini { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ==========================================================================
   v2.1: text-link button, Trustpilot badge, Reel Video
   ========================================================================== */
.mm4b-btn--link { background: none; border-color: transparent; padding-left: 4px; padding-right: 4px; color: var(--mm4b-heading); text-decoration: underline; text-underline-offset: 4px; box-shadow: none; }
.mm4b-btn--link:hover { color: var(--mm4b-hl-color); transform: none; }

.mm4b-tp-wrap { display: flex; justify-content: var(--mm4b-justify, flex-start); margin-top: 22px; }
.mm4b-section a.mm4b-tp, .mm4b-tp { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; color: var(--mm4b-heading); line-height: 1.2; }
.mm4b-tp-chip-yes .mm4b-tp { background: #fff; padding: 8px 14px; border-radius: 10px; box-shadow: 0 6px 18px rgba(0, 0, 0, .12); color: #0f1d2b; }
.mm4b-section .mm4b-tp__logo { width: 150px; max-width: 100%; height: auto; }
.mm4b-tp__text { font-size: 13px; font-weight: 600; }
.mm4b-selector__box .mm4b-tp-wrap { justify-content: center; }
.mm4b-cta__bottom + .mm4b-tp-wrap { justify-content: center; }

.mm4b-reel__grid { display: grid; grid-template-columns: var(--mm4b-reel-w, 340px) minmax(0, 1fr); gap: clamp(28px, 5vw, 70px); align-items: center; }
.mm4b-reel__media { order: var(--mm4b-reel-order, 0); display: flex; justify-content: center; min-width: 0; }
.mm4b-reel__content { display: var(--mm4b-reel-text, block); order: 1; min-width: 0; }
.mm4b-reel__frame {
	position: relative; width: 100%; max-width: var(--mm4b-reel-w, 340px); aspect-ratio: 9 / 16; overflow: hidden;
	border-radius: 22px; background: #0b2a1f; box-shadow: 0 24px 50px rgba(6, 42, 31, .28); isolation: isolate;
}
.mm4b-reel__video, .mm4b-section .mm4b-reel__poster { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; background: #000; }
.mm4b-reel__badge {
	position: absolute; top: 14px; left: 14px; z-index: 2; padding: 5px 10px; border-radius: 6px;
	background: rgba(255, 255, 255, .92); color: #0b3320; font-size: 11px; font-weight: 700; letter-spacing: .06em;
}
.mm4b-reel__play {
	position: absolute; inset: 0; z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px;
	width: 100%; border: 0; padding: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 40%, rgba(6, 42, 31, .55) 100%); cursor: pointer; color: #fff; font-family: inherit;
}
.mm4b-reel__play-icon {
	--mm4b-icon-size: 26px; width: 78px; height: 78px; border-radius: 50%; color: #0b3320; padding-left: 4px;
	background: linear-gradient(90deg, var(--mm4b-lime-1), var(--mm4b-lime-2)); box-shadow: 0 0 0 10px rgba(182, 238, 98, .25); transition: transform .2s ease;
}
.mm4b-reel__play:hover .mm4b-reel__play-icon { transform: scale(1.08); }
.mm4b-reel__play-text { font-weight: 700; font-size: 14px; letter-spacing: .08em; text-shadow: 0 2px 8px rgba(0, 0, 0, .4); }
.mm4b-reel__frame.is-playing .mm4b-reel__play, .mm4b-reel__frame.is-playing .mm4b-reel__badge { display: none; }
.mm4b-reel__empty { position: absolute; inset: auto 12px 12px; z-index: 2; background: rgba(255, 255, 255, .92); color: #0f1d2b; font-size: 12px; line-height: 1.4; text-align: center; padding: 10px; border-radius: 10px; }
.mm4b-reel__gate {
	position: absolute; inset: 0; z-index: 4; display: flex; flex-direction: column; justify-content: center; gap: 10px;
	padding: 22px 18px; background: rgba(6, 34, 25, .94); color: #fff; text-align: center;
}
.mm4b-reel__gate[hidden] { display: none; }
.mm4b-reel__gate-title { font-weight: 700; font-size: 19px; line-height: 1.25; color: #fff; }
.mm4b-reel__gate-text { font-size: 13px; line-height: 1.45; margin: 0 0 4px; color: rgba(255, 255, 255, .85); }
.mm4b-reel__gate input { width: 100%; padding: 11px 13px; border-radius: 8px; border: 1px solid rgba(255, 255, 255, .3); background: #fff; color: #0f1d2b; font: inherit; font-size: 14px; }
.mm4b-reel__gate .mm4b-btn { width: 100%; }
.mm4b-reel__gate input.mm4b-reel__hp { position: absolute; left: -9999px; width: 1px; height: 1px; opacity: 0; }
.mm4b-reel__close { position: absolute; top: 8px; right: 10px; background: none; border: 0; color: #fff; font-size: 26px; line-height: 1; cursor: pointer; padding: 4px; }
.mm4b-reel__msg { font-size: 12.5px; min-height: 1em; color: #ffd60a; }
.mm4b-reel__note { font-size: 11px; color: rgba(255, 255, 255, .65); }
.mm4b-reel__eyebrow { font-size: 12px; font-weight: 700; letter-spacing: .12em; color: var(--mm4b-hl-color); margin-bottom: 10px; }
.mm4b-reel__title { color: var(--mm4b-heading); font-weight: 700; font-size: clamp(24px, 3vw, 36px); line-height: 1.22; margin-bottom: 16px; }
.mm4b-reel__text { font-size: clamp(14px, 1.3vw, 16px); color: var(--mm4b-body); margin-bottom: 18px; }
.mm4b-reel__points { margin-bottom: 26px; }
@media (max-width: 767px) {
	.mm4b-reel__grid { grid-template-columns: minmax(0, 1fr); }
	.mm4b-reel__frame { max-width: min(var(--mm4b-reel-w, 300px), 100%); }
}