/* All delivery styling is scoped to the enhanced #engagementGrid. */
#engagementGrid.envision-delivery-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:32px; }
#engagementGrid .delivery-card { --delivery-accent:#345ec5; display:flex; flex-direction:column; padding:24px; border:1px solid #cbd9ec; border-top:3px solid #5c7ddb; border-radius:14px; background:#fff; box-shadow:0 12px 32px #1e41630a; }
#engagementGrid .delivery-card[data-delivery="architecture"] { --delivery-accent:#7651ad; border-top-color:#8b68c0; }
#engagementGrid .delivery-card[data-delivery="migration"] { --delivery-accent:#186d82; border-top-color:#318a99; }
#engagementGrid .delivery-copy { min-height:156px; }
#engagementGrid .delivery-meta { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:17px; }
#engagementGrid .delivery-number { font:650 20px var(--display,system-ui,sans-serif); color:var(--delivery-accent); }
#engagementGrid .delivery-badge { font-size:12px; line-height:1.4; font-weight:700; color:#225740; background:#e4f3ea; border:1px solid #b1d5bd; border-radius:999px; padding:5px 10px; }
#engagementGrid .delivery-copy h3 { margin:0 0 19px; font-size:21px; line-height:1.23; letter-spacing:-.035em; overflow-wrap:break-word; }
#engagementGrid .delivery-diagram { margin:0 0 18px; padding:0; border:0; border-radius:10px; background:linear-gradient(130deg,#eaf3fe,#f4effc); overflow:hidden; }
#engagementGrid .delivery-artwork { display:block; width:100%; aspect-ratio:2.2 / 1; object-fit:cover; border-radius:7px; }
#engagementGrid .delivery-stages { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; margin:14px 0 0; padding:0; list-style:none; }
#engagementGrid .delivery-stages li { display:flex; align-items:center; flex-direction:column; text-align:center; gap:4px; font-size:12px; line-height:1.4; font-weight:600; color:#385578; overflow-wrap:normal; }
#engagementGrid .delivery-stage-index { font-size:12px; color:var(--delivery-accent); }
#engagementGrid .delivery-stages li:last-child { color:#70406f; }
#engagementGrid .delivery-stages li:last-child .delivery-stage-index { color:#a44091; }
#engagementGrid .delivery-boundary { display:flex; align-items:center; justify-content:center; gap:8px; background:#fbecfb; border:1px solid #d9abd4; border-radius:7px; color:#70406f; padding:9px 7px; margin-top:15px; min-height:42px; }
#engagementGrid .delivery-boundary strong { font-size:12px; line-height:1.4; font-weight:650; }
#engagementGrid .delivery-boundary-mark { flex:0 0 18px; font-size:16px; font-weight:800; text-align:center; }
#engagementGrid .delivery-evidence { border-left:2px solid var(--delivery-accent); padding-left:12px; margin-bottom:8px; }
#engagementGrid .delivery-evidence > span { font-size:12px; color:#3a5d87; font-weight:750; }
#engagementGrid .delivery-evidence p { color:#3c5778; font-size:13px; line-height:1.6; margin:3px 0 0; }
#engagementGrid .delivery-description { margin:0; border-bottom:1px solid #d8e2ef; }
#engagementGrid .delivery-description summary { font-size:13px; font-weight:650; color:#2e527f; line-height:1.5; min-height:46px; padding:14px 0; cursor:pointer; }
#engagementGrid .delivery-description p { font-size:13px; line-height:1.65; color:#4c6280; padding:0 0 14px; }
#engagementGrid .delivery-description summary:focus-visible { outline:3px solid #7651ad; outline-offset:4px; }
#engagementGrid .delivery-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media (min-width:761px) and (max-width:1100px) { #engagementGrid.envision-delivery-grid { grid-template-columns:1fr; gap:24px; } #engagementGrid .delivery-card { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.15fr); column-gap:28px; padding:26px; } #engagementGrid .delivery-copy { min-height:0; grid-column:1; } #engagementGrid .delivery-copy h3 { font-size:24px; } #engagementGrid .delivery-diagram { grid-column:2; grid-row:1 / 4; align-self:start; margin-bottom:0; } #engagementGrid .delivery-evidence,#engagementGrid .delivery-description { grid-column:1; } }
@media (max-width:760px) { #engagementGrid.envision-delivery-grid { grid-template-columns:1fr; gap:22px; margin-top:25px; } #engagementGrid .delivery-card { padding:20px; border-radius:14px; } #engagementGrid .delivery-copy { min-height:0; } #engagementGrid .delivery-copy h3 { font-size:23px; margin-bottom:20px; } #engagementGrid .delivery-meta { margin-bottom:13px; } #engagementGrid .delivery-diagram { padding:12px; } #engagementGrid .delivery-stages { gap:7px; } }
@media (max-width:370px) { #engagementGrid .delivery-card { padding:16px; } #engagementGrid .delivery-copy h3 { font-size:21px; } #engagementGrid .delivery-diagram { padding:10px; } #engagementGrid .delivery-stages { gap:5px; } }