.n4-path{position:relative;margin:26px 10px 0;height:300px}
.n4-path svg{position:absolute;inset:0;width:100%;height:100%}
.n4-line{stroke-dasharray:900;stroke-dashoffset:900;animation:n4-draw 9s ease infinite both}
@keyframes n4-draw{0%,5%{stroke-dashoffset:900;opacity:1}60%,90%{stroke-dashoffset:0;opacity:1}98%,100%{stroke-dashoffset:0;opacity:0}}
.n4-stop{position:absolute;width:190px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;opacity:0;animation:n4-stp 9s ease infinite both}
.n4-stop .n4-n{width:44px;height:44px;border-radius:50%;background:#3F8A1F;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;box-shadow:0 0 0 8px rgba(63,138,31,.15)}
.n4-stop b{font-size:16px}.n4-stop span{font-size:13px;color:#4A5D70;line-height:1.35}
.n4-s1{left:0;top:180px;animation-delay:.3s}.n4-s2{left:36%;top:90px;animation-delay:2.4s}.n4-s3{right:0;top:0;animation-delay:4.6s}
.n4-s3 .n4-n{background:#127A5B}
@keyframes n4-stp{0%{opacity:0;transform:translateY(14px) scale(.9)}6%,80%{opacity:1;transform:none}90%,100%{opacity:0}}
.n4-fig{margin:0;background:#fff;border:1px solid #C7D3DE;border-radius:28px;padding:24px;box-shadow:0 2px 4px rgba(11,37,64,.06),0 24px 60px rgba(11,37,64,.14)}
.n4-head{margin:0;font-size:13px;font-weight:800;letter-spacing:.06em;color:#3F8A1F}
.n4-ttl{margin:6px 0 0;font-size:20px;font-weight:800;line-height:1.25;color:#0B2540}
@media (max-width:520px){.n4-path{height:auto!important;display:flex;flex-direction:column;gap:22px;margin:20px 0 0!important}.n4-path svg{display:none}.n4-stop{position:static!important;width:auto!important}}
@media (prefers-reduced-motion: reduce){.n4-fig *{animation:none!important;opacity:1!important}}