.visual-summary{position:relative;max-width:1400px;margin:0 auto;padding:74px 6vw 84px}
.visual-summary::before{content:"";position:absolute;left:8%;right:8%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(8,189,112,.35),transparent)}
.visual-summary-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:40px}
.visual-summary-head h2{font:500 clamp(1.65rem,3vw,3rem)/1.45 var(--display);margin:10px 0 0}
.visual-summary-caption{max-width:480px;font-size:12px;line-height:1.9;color:#68736f;margin:0}
.visual-flow{--node-count:4;display:grid;grid-template-columns:repeat(var(--node-count),1fr);gap:clamp(18px,3vw,42px);list-style:none;padding:0;margin:0;counter-reset:visual-step}
.visual-node{counter-increment:visual-step;position:relative;min-width:0;padding:28px 22px 25px;border:1px solid rgba(255,255,255,.78);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(235,246,241,.62));box-shadow:0 20px 55px rgba(34,74,65,.1);backdrop-filter:blur(13px)}
.visual-node:not(:last-child)::after{content:"";position:absolute;z-index:2;top:45px;left:calc(100% + 7px);width:calc(clamp(18px,3vw,42px) - 14px);height:1px;background:linear-gradient(90deg,var(--brand-cyan),var(--brand-green))}
.visual-node:not(:last-child)::before{content:"";position:absolute;z-index:3;top:41px;right:calc(clamp(18px,3vw,42px) * -1 + 5px);width:8px;height:8px;border-top:1px solid var(--brand-green);border-right:1px solid var(--brand-green);transform:rotate(45deg)}
.visual-symbol{display:grid;place-items:center;width:40px;height:40px;margin-bottom:22px;border:1px solid rgba(5,188,208,.28);border-radius:50%;background:linear-gradient(135deg,rgba(5,188,208,.12),rgba(8,189,112,.16));color:#258f80;font:500 12px/1 var(--display)}
.visual-symbol::before{content:counter(visual-step,decimal-leading-zero)}
.visual-node small{display:block;margin-bottom:8px;color:#79908a;font-size:8px;letter-spacing:.15em}
.visual-node strong{display:block;font:500 clamp(1rem,1.6vw,1.35rem)/1.5 var(--display);color:#34433f}
.visual-node p{margin:10px 0 0;color:#68736f;font-size:10px;line-height:1.75}
.visual-summary[data-count="3"] .visual-flow{--node-count:3}
.visual-summary[data-count="5"] .visual-flow{--node-count:5}
@media(max-width:900px){.visual-summary-head{display:block}.visual-summary-caption{margin-top:18px}.visual-summary[data-count="5"] .visual-flow{--node-count:3}.visual-node:nth-child(3)::after,.visual-node:nth-child(3)::before{display:none}}
@media(max-width:650px){.visual-summary{padding:58px 20px 68px}.visual-flow,.visual-summary[data-count="3"] .visual-flow,.visual-summary[data-count="5"] .visual-flow{grid-template-columns:1fr}.visual-node{display:grid;grid-template-columns:48px 1fr;column-gap:15px;padding:22px}.visual-symbol{grid-row:1/4;margin:0}.visual-node small,.visual-node strong,.visual-node p{grid-column:2}.visual-node:not(:last-child)::after{top:100%;left:42px;width:1px;height:18px;background:linear-gradient(var(--brand-cyan),var(--brand-green))}.visual-node:not(:last-child)::before{top:calc(100% + 10px);left:38px;right:auto;transform:rotate(135deg)}}