/* One connected navy closing sequence, beginning behind the solution cards. */
.solutions.solutions-reference{position:relative;isolation:isolate;background:#f7f8fb}
.solutions.solutions-reference::before{content:'';position:absolute;left:0;right:0;bottom:-1px;height:245px;z-index:-1;background:url('assets/solutions-closing-wave.svg') center/100% 100% no-repeat;pointer-events:none}
.activation-cases{background:#03111d;margin-top:-1px}
.final.final-conversation{background:#03111d;color:#fff;margin-top:-1px}
.final-conversation .conversation-copy h2{color:#fff}
.final-conversation .conversation-copy .eyebrow{color:#8daac0}
.final-conversation .conversation-copy>p:not(.eyebrow){color:#bdcdd8}
.final-conversation .conversation-copy .pill.black{background:#fff;color:#102436;border-color:#fff}
.final-conversation .conversation-copy .pill.black:hover{background:#eaf5ff}
.final-conversation .conversation-note-link{color:#a6c4d9}
.conversation-footer{background:#fff}
@media(max-width:900px){.solutions.solutions-reference::before{height:210px}}
@media(max-width:550px){.solutions.solutions-reference::before{height:230px}}

/* Keep the CTA on white; rise beneath the staggered cards near their lower tenth. */
@media(min-width:1200px){.solutions.solutions-reference::before{height:360px}}
@media(min-width:901px) and (max-width:1199px){.solutions.solutions-reference::before{height:340px}}