.jgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:0;position:relative;margin-top:60px}
.jgrid::before{content:'';position:absolute;top:28px;left:10%;right:10%;height:1.5px;background:var(--cream2)}
.jstep{padding:0 14px;text-align:center}
.jstep-n{width:56px;height:56px;border-radius:50%;border:2px solid var(--line);background:var(--white);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:1.1rem;font-weight:400;color:var(--ink2);margin:0 auto 18px;position:relative;z-index:1;transition:background var(--t2),border-color var(--t2),color var(--t2)}
.jstep:hover .jstep-n{background:var(--navy);border-color:var(--navy);color:var(--gold)}
.jstep-ti{font-size:.8rem;font-weight:400;color:var(--ink);margin-bottom:5px}
.jstep-ds{font-size:.69rem;color:var(--ink3);line-height:1.6}
.sec-navy .jgrid::before{background:rgba(255,255,255,.1)}
.sec-navy .jstep-n{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.15);color:rgba(255,255,255,.7)}
.sec-navy .jstep:hover .jstep-n{background:var(--gold);border-color:var(--gold);color:var(--navy)}
.sec-navy .jstep-ti{color:#fff}
.sec-navy .jstep-ds{color:rgba(255,255,255,.6)}
@media(max-width:860px){.jgrid{grid-template-columns:1fr 1fr;gap:24px}.jgrid::before{display:none}}
@media(max-width:580px){.jgrid{grid-template-columns:1fr}}