/* Three clear development stages. No connecting rail or animated ornament. */
.dev-path{background:#0b2348;color:#fff;padding:52px 0 44px}
.dev-path-intro{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:80px;align-items:start}
.dev-path h2{color:#fff;max-width:580px;margin:0}
.dev-path-intro>p{color:#d3dfe9;font-size:18px;line-height:1.65;max-width:480px;margin:5px 0 0}
.dev-path-visual{margin-top:44px}
.dev-path-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;list-style:none;margin:0;padding:0}
.dev-path-stage{min-width:0;text-align:center}
.dev-path-dot{display:block;width:16px;height:16px;margin:0 auto 20px;background:#bdd63a;border-radius:50%}
.dev-path-stage h3{color:#fff;margin:0 0 12px}
.dev-path-stage>p{font-size:17px;line-height:1.55;color:#d3dfe9;margin:0 auto;max-width:290px}
.dev-path-footer{display:flex;justify-content:flex-end;margin-top:36px}
.dev-path-link{display:inline-flex;align-items:center;gap:24px;min-height:44px;color:#fff;font-size:16px;font-weight:700;line-height:1.4;padding:8px 0;border-bottom:1px solid #8297ab}
.dev-path-link>svg{flex:0 0 24px}
.dev-path-link:hover{border-bottom-color:#bdd63a;color:#e5f29a}
.dev-path-link:focus-visible{outline:3px solid #bdd63a;outline-offset:6px;border-bottom-color:transparent}
@media(max-width:1100px){.dev-path-intro{gap:44px}.dev-path-intro>p{font-size:17px}.dev-path-stages{gap:28px}}
@media(max-width:800px){.dev-path{padding:40px 0 38px}.dev-path-intro{grid-template-columns:1fr;gap:19px}.dev-path-intro>p{font-size:16px;line-height:1.55;max-width:510px;margin:0}.dev-path-stages{gap:24px}.dev-path-stage>p{font-size:16px}.dev-path-visual{margin-top:36px}}
@media(max-width:600px){.dev-path-stages{grid-template-columns:1fr;gap:32px}.dev-path-dot{margin-bottom:14px}.dev-path-stage h3{margin-bottom:8px}.dev-path-stage>p{max-width:280px}.dev-path-footer{justify-content:center;margin-top:32px}.dev-path-link{font-size:15px;gap:18px;max-width:100%}}
@media(forced-colors:active){.dev-path-dot{background:CanvasText}.dev-path-link{border-color:LinkText}.dev-path-link:focus-visible{outline-color:Highlight}}
@media print{.dev-path{background:#fff;color:#0b2348;padding:30px 0}.dev-path h2,.dev-path-stage h3,.dev-path-stage>p,.dev-path-intro>p,.dev-path-link{color:#0b2348}.dev-path-dot{background:#007a8f}.dev-path-stage{break-inside:avoid}}
/* Fine connectors terminate at the stage centers, never beyond the endpoints. */
.dev-path-stages{--dev-gap:40px;gap:var(--dev-gap)}
.dev-path-stage{position:relative}
.dev-path-stage:not(:last-child):before{content:"";position:absolute;z-index:0;left:50%;top:8px;width:calc(100% + var(--dev-gap));height:1px;background:#8297ab}
.dev-path-dot{position:relative;z-index:1}
@media(max-width:1100px){.dev-path-stages{--dev-gap:28px}}
@media(max-width:800px){.dev-path-stages{--dev-gap:24px}}
@media(max-width:600px){
 .dev-path-stages{--dev-gap:32px}
 .dev-path-stage{display:grid;grid-template-columns:16px minmax(0,1fr);column-gap:20px;text-align:left}
 .dev-path-dot{grid-column:1;grid-row:1/3;margin:6px 0 0}
 .dev-path-stage h3,.dev-path-stage>p{grid-column:2;margin-left:0;margin-right:0}
 .dev-path-stage:not(:last-child):before{left:8px;top:14px;width:1px;height:calc(100% + var(--dev-gap))}
}
@media(forced-colors:active){.dev-path-stage:not(:last-child):before{background:CanvasText}}