/* FLOW only. Connectors reuse the existing SVG and pjk-arrow-loop animation. */
#flow.flow-renewed{background:#232526;color:#fff;border-color:#3b3d3f;padding-inline:4%}
#flow .flow-heading{text-align:center;margin:0 auto 48px;max-width:760px}
#flow .flow-heading h2{margin:0 0 18px;color:#fff;font-size:clamp(30px,3vw,46px);font-weight:500;line-height:1.5}
#flow .flow-heading p{margin:0;color:#d4d4d2;font-size:16px;line-height:1.9;text-wrap:pretty}
#flow .flow-cards{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:32px;margin:0 auto;padding:0;max-width:1700px}
#flow .flow-item{position:relative;min-width:0;display:flex}
#flow .flow-card{width:100%;background:#303234;border:1px solid #404244;border-radius:8px;padding:28px 16px;box-shadow:0 8px 24px rgba(0,0,0,.08);display:flex;flex-direction:column;align-items:flex-start;min-width:0}
#flow .flow-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;flex:none;background:#b76f7b;border-radius:50%;margin:0 0 24px}
#flow .flow-icon svg{width:34px;height:34px;fill:none;stroke:#fff;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
#flow .flow-card h3{font-size:16px;line-height:1.65;font-weight:600;color:#fff;white-space:nowrap;margin:0 0 16px}
#flow .flow-card p{font-size:14px;line-height:1.95;color:#dddeda;margin:0;text-wrap:pretty;line-break:strict;overflow-wrap:break-word}
#flow .flow-note{display:block;margin-top:8px;font-size:12px;font-weight:400;color:#c9cbc7;line-height:1.8;text-wrap:pretty}
#flow .flow-connector{position:absolute;right:-30px;top:57px;width:28px;height:18px;color:#eee;display:flex;align-items:center;justify-content:center;pointer-events:none}
#flow .flow-connector .pjk-link-arrow,#flow .flow-connector svg{display:block;width:28px;height:14px;fill:currentColor}
#flow .flow-consult{--link-ink:#f1f0e9;margin-top:24px;width:100%;min-width:0;min-height:48px;padding:10px 8px;font-size:14px;gap:5px;justify-content:center;white-space:nowrap}
#flow .flow-consult .pjk-link-arrow{width:22px;flex:none}#flow .flow-consult svg{width:22px}
@media(max-width:1399px){
#flow .flow-cards{grid-template-columns:minmax(0,1fr);max-width:680px;gap:46px}
#flow .flow-card{display:grid;grid-template-columns:64px minmax(0,1fr);column-gap:24px;padding:28px;align-items:start}
#flow .flow-icon{grid-column:1;grid-row:1/5;margin:0}
#flow .flow-card h3,#flow .flow-card p,#flow .flow-note,#flow .flow-consult{grid-column:2}
#flow .flow-card h3{font-size:19px}#flow .flow-card p{font-size:15px}
#flow .flow-consult{width:max-content;max-width:100%}
#flow .flow-connector{right:auto;left:calc(50% - 14px);top:auto;bottom:-32px;transform:rotate(90deg)}
}
@media(max-width:650px){
#flow.flow-renewed{padding-inline:20px}
#flow .flow-heading{margin-bottom:32px}#flow .flow-heading p{font-size:14px}
#flow .flow-card{display:flex;padding:24px 18px}#flow .flow-icon{width:56px;height:56px;margin-bottom:18px}
#flow .flow-card h3{font-size:17px;margin-bottom:12px}#flow .flow-card p{font-size:15px}
#flow .flow-note{font-size:12px}#flow .flow-consult{width:100%;font-size:15px}
}

/* v65: existing icon pink on the consultation button; keep border space and geometry. */
#flow .flow-consult,#flow .flow-consult:link,#flow .flow-consult:visited,#flow .flow-consult:hover,#flow .flow-consult:active,#flow .flow-consult:focus-visible{--link-ink:#141513;background:#b76f7b;border-color:transparent;color:#141513}
#flow .flow-consult:focus-visible{outline:2px solid #fff;outline-offset:4px}
@media(min-width:1400px){#flow .flow-card{min-height:369.58px}}