/* Four workflow screenshots in the landing's palette. */
#solution .stage-visual { height: auto; aspect-ratio: 1; padding: 0; display: block; background: #fff; border-radius: 12px; }
.stage-screen { display: block; width: 100%; height: 100%; object-fit: contain; }
#solution .stage .number { position: static; margin-top: 18px; }
#solution .stage h2 { margin-top: 10px; }
body #solution .stages .stage { display:flex; flex-direction:column; }
body #solution .stages .stage h2 { min-height:54px; margin-bottom:12px; }
body #solution .stages .stage .stage-description { margin:0 0 20px; font-size:15px; line-height:1.65; color:var(--text-secondary); }
body #solution .stages .stage .stage-outcome { margin:auto 0 0; padding-top:16px; border-top:1px solid var(--panel-line); font-size:14px; line-height:1.65; font-weight:600; color:var(--text-main); }
#solution .stage-visual { flex-shrink:0; }
#solution .stages { margin-bottom: 18px; }
.workflow-note { color: var(--secondary); font-size: 12px; line-height: 1.6; margin: 0 0 56px; }
@media (max-width:650px) {
  #solution .stage { min-width: min(290px,85vw); }
  body #solution .stages .stage h2 { min-height:0; }
  body #solution .stages .stage .stage-outcome { font-size:15px; }
  .workflow-note { margin-bottom: 35px; }
}