/* Home-only illustrated customer journey. Shared flow styles remain untouched. */
#flow .flow-intro{margin:16px auto 0;text-align:center}
#flow .flow-visual{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px;margin:40px 0 0;padding:0;list-style:none}
#flow .flow-visual>li{position:relative;min-width:0}
#flow .flow-number{display:flex;align-items:center;gap:14px;margin:0 0 12px;color:var(--navy);font-size:36px;font-weight:900;line-height:1}
#flow .flow-number:after{content:"";height:1px;flex:1;background:var(--line)}
#flow .flow-picture{display:block;position:relative;overflow:hidden;aspect-ratio:4/5;border-radius:var(--r-lg);background:var(--sky)}
#flow .flow-picture img{position:absolute;max-width:none;width:500%;height:auto;top:50%;left:calc(var(--step) * -100%);transform:translateY(-50%)}
#flow .flow-visual>li:not(:last-child):after{content:"";position:absolute;right:-19px;top:calc(48px + (100vw - 160px)/12.5);width:9px;height:9px;border-top:2px solid var(--blue);border-right:2px solid var(--blue);transform:rotate(45deg)}
#flow .flow-copy h3{margin:18px 0 10px;font-size:18px;font-weight:900;line-height:1.5;color:var(--navy)}
#flow .flow-copy p{margin:0;font-size:15px;line-height:1.8;color:var(--ink-2)}
#flow .flow-image-note{margin:16px 0 0;text-align:right;font-size:12px;color:var(--muted)}
#flow .flow-consult{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:28px;padding:28px 32px;background:var(--sky);border-radius:var(--r-lg)}
#flow .flow-consult p{margin:0;color:var(--navy);font-size:22px;font-weight:900;line-height:1.6}
#flow .flow-consult .btn{flex-shrink:0;min-height:48px}
@media(max-width:1080px){#flow .flow-visual{gap:20px}#flow .flow-visual>li:not(:last-child):after{right:-14px;width:7px;height:7px}#flow .flow-copy h3{font-size:16px}}
@media(max-width:900px){#flow .flow-visual{display:block;margin-top:32px}#flow .flow-visual>li{display:grid;grid-template-columns:40px 160px minmax(0,1fr);align-items:center;gap:24px;padding:24px 0;border-bottom:1px solid var(--line)}#flow .flow-number{align-self:start;margin:12px 0 0;font-size:28px}#flow .flow-number:after{display:none}#flow .flow-picture{aspect-ratio:1}#flow .flow-copy h3{margin:0 0 8px;font-size:20px}#flow .flow-visual>li:not(:last-child):after{top:auto;bottom:-5px;left:16px;right:auto;transform:rotate(135deg);background:white}#flow .flow-consult{align-items:flex-start;flex-direction:column}}
@media(max-width:720px){#flow .flow-visual>li{grid-template-columns:112px minmax(0,1fr);gap:16px;align-items:start;padding:24px 0 28px}#flow .flow-number{position:absolute;z-index:1;top:12px;left:0;margin:0;padding:5px 9px 6px 0;background:white;border-radius:0 0 10px 0;font-size:26px}#flow .flow-picture{aspect-ratio:4/5;border-radius:var(--r)}#flow .flow-copy h3{font-size:18px;margin:0 0 8px}#flow .flow-copy p{font-size:15px}#flow .flow-visual>li:not(:last-child):after{left:52px}#flow .flow-consult{padding:24px 20px;gap:18px}#flow .flow-consult p{font-size:20px}#flow .flow-consult .btn{width:100%;font-size:15px}#flow .flow-image-note{text-align:left}#flow .flow-intro{text-align:left}}

#flow .flow-heading-end{display:inline-block;white-space:nowrap}