/* Repeated marketing CTA, isolated from page-specific closing sections. */
body main .cro-mid-cta { padding: 72px 20px; color: #f6faf7; background: #101d19; scroll-margin-top: 170px; }
body main .cro-mid-cta .cro-mid-cta-inner { display: grid; justify-items: center; gap: 32px; max-width: 1180px; margin-inline: auto; text-align: center; }
body main .cro-mid-cta p { hyphens: none; }
body main .cro-mid-cta .cro-mid-cta-copy { max-width: 720px; min-width: 0; }
body main .cro-mid-cta .cro-mid-cta-eyebrow { margin: 0 0 16px; color: #a6df6f; font-size: .75rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
body main .cro-mid-cta h2 { margin: 0 0 20px; color: #f6faf7; font-size: clamp(1.8rem, 2.6vw, 2.4rem); line-height: 1.2; hyphens: manual; }
body main .cro-mid-cta .cro-mid-cta-copy > p:not(.cro-mid-cta-eyebrow) { margin: 0; color: #d3ddd7; font-size: 1rem; line-height: 1.65; }
body main .cro-mid-cta .cro-mid-cta-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 24px 32px; width: 100%; }
body main .cro-mid-cta .cro-mid-cta-action { display: flex; flex-direction: column; align-items: center; gap: 14px; width: 320px; max-width: 100%; min-width: 0; }
body main .cro-mid-cta .button { display: inline-flex; justify-content: center; align-items: center; width: 100%; min-height: 54px; text-decoration: none; }
body main .cro-mid-cta .button.button-secondary { color: #fff; background: #426b00; border: 1px solid #668c36; }
body main .cro-mid-cta .button.button-secondary:hover { background: #355800; }
body main .cro-mid-cta .cro-mid-cta-note { margin: 0; color: #d3ddd7; font-size: .8125rem; line-height: 1.6; hyphens: none; }
body main .cro-mid-cta a.cro-mid-cta-note { text-decoration: underline; text-underline-offset: 4px; }
body main .cro-mid-cta a:focus-visible { outline: 2px solid #b8e78b; outline-offset: 5px; }
body main .mh-products .cro-mid-cta { margin-block: 24px; border-radius: 16px; }
@media (max-width: 760px) {
  body main .cro-mid-cta { padding-block: 48px; scroll-margin-top: 240px; }
  body main .cro-mid-cta .cro-mid-cta-actions { gap: 28px; }
  body main .cro-mid-cta .cro-mid-cta-action { width: min(100%, 380px); }
}
@media (max-width: 380px) {
  body main .mh-products .cro-mid-cta .button { padding-inline: 12px; font-size: .875rem; }
}