/* ── m3 18 Final CTA — maarch-3/sections/18-cta/brief.md ──
   Figma 1:1438 band #efefef · 1:1449 h2 600/80/83 centred w1158 · 1:1450 text 26/1.31 centred w1287 ·
   1:1444 button #ff7376 447×84 radius 11 · 1:1446 label 26 white (centre x ≈ 965) */

.m3-cta {
    background: #efefef;
    padding: calc(184 * var(--u)) 0 calc(112 * var(--u));
}
.m3-cta__inner {
    position: relative;
    left: calc(5 * var(--u));
    width: min(1287px, calc(100% - 2 * var(--skin-gutter)));
    margin-inline: auto;
    text-align: center;
}
.m3-cta__title { max-width: calc(1158 * var(--u)); margin-inline: auto; font-size: var(--fs-display); font-weight: 600; line-height: calc(83 / 80); }
.m3-cta__text { margin-top: calc(69.9 * var(--u)); font-size: var(--fs-body); line-height: 1.31; }
.m3-cta__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: max(280px, calc(447 * var(--u)));
    min-height: max(56px, calc(84 * var(--u)));
    margin-top: calc(58 * var(--u));
    padding: 0 28px;
    border-radius: max(8px, calc(11 * var(--u)));
    background: var(--skin-coral);
    font-size: var(--fs-body);
    line-height: 1;
    color: var(--skin-white);
    transition: background .2s ease;
}
.m3-cta__btn:hover, .m3-cta__btn:focus-visible { background: #f25d61; }

@media (max-width: 991.98px) {
    .m3-cta { padding: 72px 0 64px; }
    .m3-cta__inner { left: 0; }
    .m3-cta__title { font-size: 40px; line-height: 1.1; }
    .m3-cta__text { margin-top: 28px; font-size: 17px; line-height: 1.5; }
    .m3-cta__btn { margin-top: 32px; font-size: 18px; }
}
@media (max-width: 575.98px) {
    .m3-cta__title { font-size: 32px; }
}