/* Card 2: systems of record and business context, bridged by Runwell, producing decisions */
.bridge-stage{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 56px 29%;align-items:center;padding:36px 32px;background-image:linear-gradient(#77a58908 1px,transparent 1px),linear-gradient(90deg,#77a58908 1px,transparent 1px);background-size:28px 28px}
.bridge-stage .light-label i{font-style:normal;color:#5f7d69}
.bd-group .light-label{margin-bottom:12px}
.bd-ctx .light-label{margin:12px 0 0}
.bd-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.bd-row4{grid-template-columns:repeat(4,1fr)}
.bridge-stage .record-node{margin:0;text-align:center;position:relative;padding:18px 10px}
.context-chip{position:relative;padding:14px 10px;text-align:center;border:1px dashed #496352;background:#15221a;color:#a3b6a9;font-size:15px;border-radius:var(--box-radius,12px)}
/* connectors: from each box toward the band */
.bd-sor .record-node:after,.context-chip:before{content:'';position:absolute;left:50%;width:0;height:30px;border-left:1.5px dashed #3c5446;transition:border-color .6s}
.bd-sor .record-node:after{top:100%}
.context-chip:before{bottom:100%}
.bd-band{position:relative;margin:30px 0;min-height:132px;border-radius:var(--box-radius,12px)}
.bd-gap,.bd-tissue{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-radius:inherit;transition:opacity .6s}
.bd-gap{border:1px dashed #4a6251;background:repeating-linear-gradient(135deg,#15211a 0 10px,#131d17 10px 20px)}
.bd-gap h3{font-size:22px;color:#9dab9f}.bd-gap p{font-size:13px;color:#7b9283;margin-top:6px}
.bd-gap .light-label,.bd-tissue .light-label{margin-bottom:8px}
.bd-tissue{opacity:0;background:#183725;border:1px solid #00c46a;box-shadow:0 0 60px #00c46a16;overflow:hidden}
.bd-tissue .light-label{color:#00c46a}.bd-tissue h3{font-size:24px;color:#f4faf5}.bd-tissue p{font:11px Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#9fbea8;margin-top:10px;letter-spacing:.03em}
.bd-tissue>*{position:relative}
.bd-out{align-self:stretch;display:flex;align-items:center;justify-content:center}
.bd-out span{display:block;width:100%;height:0;border-top:1.5px dashed #3c5446;position:relative;transition:border-color .6s}
.bd-out span:after{content:'';position:absolute;right:-2px;top:-6px;border:5px solid transparent;border-left:7px solid #3c5446;transition:border-color .6s}
.bridge-stage .light-decisions .decision-light{min-height:0;padding:16px 18px}
.bridge-stage .light-decisions .decision-light:last-of-type{margin-bottom:0}
/* With Runwell */
.illumination[data-state=runwell] .bd-gap{opacity:0}
.illumination[data-state=runwell] .bd-tissue{opacity:1}
.illumination[data-state=runwell] .bd-sor .record-node:after,.illumination[data-state=runwell] .context-chip:before{border-left:2px solid #00c46a;filter:drop-shadow(0 0 4px #00c46a88)}
.illumination[data-state=runwell] .context-chip{border:1px solid #00c46a;color:#d9ecdf}
.illumination[data-state=runwell] .bd-out span{border-top:2px solid #00c46a}
.illumination[data-state=runwell] .bd-out span:after{border-left-color:#00c46a}
.illumination[data-state=runwell] .decision-light{background:linear-gradient(110deg,#1c3626,#142018);box-shadow:0 0 18px #00c46a10}
@media(max-width:1000px){.bridge-stage{grid-template-columns:1fr;gap:0;padding:26px 22px}.bd-out{height:44px}.bd-out span{width:0;height:100%;border-top:0;border-left:1.5px dashed #3c5446}.bd-out span:after{right:auto;left:-6px;top:auto;bottom:-2px;border:5px solid transparent;border-top:7px solid #3c5446}.illumination[data-state=runwell] .bd-out span{border-left:2px solid #00c46a}.illumination[data-state=runwell] .bd-out span:after{border-top-color:#00c46a}}
@media(max-width:760px){.bd-row4{grid-template-columns:repeat(2,1fr)}.bd-row4 .context-chip:nth-child(n+3):before{display:none}.bridge-stage .record-node{font-size:13px;padding:13px 4px}.bd-band{min-height:150px}.bd-tissue h3{font-size:21px}.bd-tissue p{padding:0 10px}}