/* Only the institutional MailBridge implementation block. */
.ap-mailbridge main #implementacao.mb-implementation-study { padding-block: var(--space-7); color: #fff; background: #080808; scroll-margin-top: calc(var(--space-7) + var(--space-6)); }
.ap-mailbridge #implementacao.mb-implementation-study .mb-kicker { margin: 0 0 var(--space-3); color: #bcbcbc; }
.ap-mailbridge #implementacao.mb-implementation-study #mb-implementation-title { margin: 0; color: #fff; font-size: var(--type-display); font-weight: var(--weight-semibold); line-height: var(--leading-display); letter-spacing: var(--tracking-display); }
.ap-mailbridge #implementacao.mb-implementation-study .mb-implementation-product { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); margin: var(--space-4) 0 0; color: #c4c4c4; font-size: var(--type-lead); line-height: var(--leading-lead); }
.mb-implementation-study .mb-implementation-product > span { display: inline-flex; align-items: baseline; }
.mb-implementation-study .mb-implementation-product img { display: block; width: 180px; max-width: 100%; height: auto; align-self: center; }
.mb-implementation-study .mb-implementation-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); margin: var(--space-6) 0 0; padding: var(--space-5) 0 0; border-top: 1px solid #414141; list-style: none; }
.mb-implementation-study .mb-implementation-steps li { min-width: 0; }
.mb-implementation-study .mb-implementation-number { display: block; color: #8e8e8e; font-size: var(--type-display); font-weight: var(--weight-medium); line-height: var(--leading-display); letter-spacing: var(--tracking-display); }
.ap-mailbridge #implementacao.mb-implementation-study .mb-implementation-steps h3 { margin: var(--space-3) 0 var(--space-2); color: #fff; font-size: var(--type-subheading); font-weight: var(--weight-semibold); line-height: var(--leading-heading); letter-spacing: var(--tracking-heading); }
.ap-mailbridge #implementacao.mb-implementation-study .mb-implementation-steps p { max-width: 340px; margin: 0; color: #c4c4c4; font-size: var(--type-body); line-height: var(--leading-body); }
.mb-implementation-study .mb-implementation-action { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-4); margin-top: var(--space-6); }
.mb-implementation-study .mb-implementation-action a { display: inline-flex; align-items: center; justify-content: center; gap: var(--space-3); min-height: var(--cta-height); padding: var(--space-2) var(--space-4); border-radius: 999px; color: #080808; background: #fff; font-size: var(--type-body); font-weight: var(--weight-semibold); line-height: 1.4; }
.mb-implementation-study .mb-implementation-action a > span { flex-shrink: 0; }
.mb-implementation-study .mb-implementation-action a:hover { background: #dedede; }
.mb-implementation-study .mb-implementation-action a:focus-visible { outline: 3px solid #fff; outline-offset: 5px; }
.ap-mailbridge #implementacao.mb-implementation-study .mb-implementation-action p { margin: 0; color: #bcbcbc; font-size: var(--type-body-small); line-height: var(--leading-body); }
@media (width < 901px) {
  .ap-mailbridge main #implementacao.mb-implementation-study { padding-block: var(--space-6); }
  .mb-implementation-study .mb-implementation-steps { gap: var(--space-4); }
}
@media (width < 761px) {
  .mb-implementation-study .mb-implementation-steps { grid-template-columns: 1fr; gap: 0; padding-top: 0; }
  .mb-implementation-study .mb-implementation-steps li { display: grid; grid-template-columns: var(--space-7) minmax(0, 1fr); column-gap: var(--space-3); padding-block: var(--space-4); border-bottom: 1px solid #414141; }
  .mb-implementation-study .mb-implementation-number { grid-column: 1; grid-row: 1 / 3; font-size: var(--type-heading); }
  .ap-mailbridge #implementacao.mb-implementation-study .mb-implementation-steps h3 { grid-column: 2; margin-top: 0; }
  .ap-mailbridge #implementacao.mb-implementation-study .mb-implementation-steps p { grid-column: 2; max-width: none; }
  .mb-implementation-study .mb-implementation-action { flex-direction: column; align-items: flex-start; gap: var(--space-3); margin-top: var(--space-5); }
}
@media (width < 481px) {
  .ap-mailbridge #implementacao.mb-implementation-study #mb-implementation-title { font-size: var(--type-heading); line-height: var(--leading-heading); letter-spacing: var(--tracking-heading); }
  .mb-implementation-study .mb-implementation-product img { width: 160px; }
  .mb-implementation-study .mb-implementation-steps { margin-top: var(--space-5); }
  .mb-implementation-study .mb-implementation-steps li { grid-template-columns: var(--space-6) minmax(0, 1fr); }
  .mb-implementation-study .mb-implementation-action { align-items: stretch; }
  .mb-implementation-study .mb-implementation-action a { gap: var(--space-2); padding-inline: var(--space-3); }
}
