/* Approved illustrated chapters: static detail follows the benefits section. */
.workflow-details{--detail-line:rgb(40 63 125 / 25%);background:var(--workflow-paper)}
.workflow-details-intro{padding:82px 6vw 0;max-width:1600px;margin:0 auto 30px;color:var(--blue)}
.workflow-details-intro h2{font-size:clamp(40px,4.4vw,66px);line-height:1.06;letter-spacing:-.035em}

.workflow-detail{padding:50px 6vw 66px;scroll-margin-top:24px;isolation:isolate;background:var(--workflow-paper)}
.workflow-detail:nth-of-type(even){background:var(--paper)}
.workflow-detail-heading{display:flex;align-items:center;gap:27px;max-width:1408px;margin:0 auto 35px;color:var(--blue)}
.workflow-detail-number{width:35px;flex-shrink:0;font-size:16px;font-variant-numeric:tabular-nums}
.workflow-detail-heading h3{font-size:clamp(32px,3.1vw,46px);line-height:1.1;letter-spacing:-.035em}
.workflow-detail-line{flex:1;height:1px;background:var(--detail-line);margin-left:16px}
.workflow-detail-body{display:grid;grid-template-columns:41% minmax(0,1fr);gap:7%;align-items:center;max-width:1408px;margin:auto}
.workflow-detail figure{margin:0;min-width:0}
/* An opaque chapter backdrop lets the white image canvas blend into both papers. */
.workflow-detail figure img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;filter:contrast(1.08);mix-blend-mode:multiply}
.workflow-detail-points{list-style:none;padding:0;margin:0}
.workflow-detail-points li{position:relative;padding-left:26px;font-size:18px}
.workflow-detail-points li::before{content:'';position:absolute;left:0;top:.75em;width:5px;height:5px;background:var(--blue)}
.workflow-detail-points li+li{padding-top:23px;margin-top:23px;border-top:1px solid var(--detail-line)}
.workflow-detail-points li+li::before{top:calc(23px + .75em)}
.workflow-detail-points p{max-width:72ch;line-height:1.6}
.workflow-details-invitation{display:flex;justify-content:flex-end;padding:0 var(--space) 40px;margin-top:-60px}
.workflow-details-invitation a{display:inline-flex;align-items:center;gap:14px;min-height:44px;font-size:15px;color:var(--blue);text-decoration:underline}
.workflow-details-invitation svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5}
@media(max-width:1000px){.workflow-details-intro{display:block}.workflow-detail-body{gap:5%}.workflow-detail-points li{font-size:16px}}
@media(max-width:850px){.workflow-details-invitation{margin-top:0;padding-inline:28px}}
@media(max-width:650px){
  .workflow-details-intro{padding:44px 24px 0;margin-bottom:12px}
  .workflow-details-intro h2{font-size:40px;line-height:1.08}
  
  .workflow-detail{padding:32px 24px 40px}
  .workflow-detail-heading{gap:12px;margin-bottom:22px}
  .workflow-detail-number{width:28px;font-size:14px}
  .workflow-detail-heading h3{font-size:29px}
  .workflow-detail-line{display:none}
  .workflow-detail-body{display:flex;flex-direction:column;gap:29px;align-items:stretch}
  .workflow-detail figure img{max-height:235px}
  .workflow-detail-points li{padding-left:20px}
  .workflow-detail-points li+li{padding-top:18px;margin-top:18px}
  .workflow-detail-points li+li::before{top:calc(18px + .75em)}
  .workflow-details-invitation{padding-inline:24px}
}