/* Phase 04B: connected How We Work timeline only. */
.process-workflow{background:#fff;color:var(--color-text);padding-block:88px;border-bottom:1px solid var(--color-border)}
.workflow-heading{max-width:850px;margin-bottom:48px}
.workflow-heading .eyebrow{font-size:11px;letter-spacing:1.5px;margin-bottom:20px}
.workflow-heading h2{font-size:clamp(32px,3.4vw,46px);line-height:1.18;letter-spacing:-1.4px;margin-bottom:24px}
.workflow-heading>p:last-child{font-size:17px;line-height:1.75;max-width:68ch;margin:0;color:var(--color-muted)}
.workflow-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
.workflow-stage{position:relative;min-width:0}
.workflow-node{display:grid;place-items:center;position:relative;z-index:1;width:56px;height:56px;border:1px solid #b5cbed;border-radius:50%;background:#f1f6ff;box-shadow:0 0 0 7px #fff;color:var(--color-blue)}
.workflow-node svg{display:block;width:28px;height:28px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.workflow-connection{position:absolute;top:27px;left:75px;right:-12px;height:1px;background:linear-gradient(90deg,#84a7dd,#b9cdec)}
.workflow-connection::after{content:"";position:absolute;right:0;top:-3px;width:6px;height:6px;border-top:1px solid #84a7dd;border-right:1px solid #84a7dd;transform:rotate(45deg)}
.workflow-stage:last-child .workflow-connection{display:none}
.workflow-copy{padding-top:28px}
.workflow-copy h3{display:flex;align-items:baseline;gap:12px;font-size:24px;line-height:1.3;letter-spacing:-.5px;margin-bottom:18px;color:var(--color-text)}
.workflow-number{font-size:12px;font-weight:700;line-height:1.5;letter-spacing:1px;color:var(--color-blue);flex-shrink:0}
.workflow-copy p{font-size:16px;line-height:1.8;margin:0;color:var(--color-muted);max-width:32ch}
.workflow-principle{display:flex;align-items:center;gap:12px;border-top:1px solid var(--color-border);margin:40px 0 0;padding-top:24px;font-size:14px;line-height:1.75;color:#445771}
.workflow-principle>span{width:6px;height:6px;flex:0 0 6px;background:var(--color-blue);border-radius:50%}
@media(max-width:1100px){.workflow-heading{margin-bottom:40px}.workflow-list{grid-template-columns:1fr;gap:0;max-width:860px}.workflow-stage{display:grid;grid-template-columns:56px minmax(0,1fr);gap:28px;padding-bottom:36px}.workflow-stage:last-child{padding-bottom:0}.workflow-copy{padding-top:2px}.workflow-copy h3{margin-bottom:12px}.workflow-copy p{max-width:65ch}.workflow-connection{top:70px;bottom:12px;left:27px;right:auto;width:1px;height:auto;background:linear-gradient(#84a7dd,#b9cdec)}.workflow-connection::after{top:auto;bottom:0;right:-3px;transform:rotate(135deg)}.workflow-principle{margin-top:32px}}
@media(max-width:600px){.process-workflow{padding-block:48px}.workflow-heading{margin-bottom:32px}.workflow-heading .eyebrow{font-size:10px;letter-spacing:1.2px;margin-bottom:18px}.workflow-heading h2{font-size:32px;letter-spacing:-1px;margin-bottom:20px}.workflow-heading>p:last-child{font-size:16px;line-height:1.75}.workflow-stage{grid-template-columns:44px minmax(0,1fr);gap:18px;padding-bottom:32px}.workflow-node{width:44px;height:44px;box-shadow:0 0 0 5px #fff}.workflow-node svg{width:23px;height:23px}.workflow-connection{top:56px;bottom:10px;left:21px}.workflow-copy{padding-top:0}.workflow-copy h3{font-size:22px;gap:10px;margin-bottom:10px}.workflow-number{font-size:11px}.workflow-copy p{font-size:15px;line-height:1.75}.workflow-principle{align-items:baseline;font-size:14px;gap:10px;padding-top:22px}}