@charset "utf-8";
.snk-path{padding:64px 0 28px;background:#f4fafd;border-top:1px solid #e4eef3}
.snk-path-head{max-width:640px;margin:0 0 28px}
.snk-path-head h2{margin:8px 0 10px;font-size:clamp(26px,3vw,36px);letter-spacing:-.04em;line-height:1.25}
.snk-path-head p{margin:0;color:#5a6a70;font-size:15px;line-height:1.75}
.snk-path-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.snk-path-steps li{position:relative;padding:22px 22px 20px;background:#fff;border:1px solid #dce8ee;border-radius:18px;box-shadow:0 12px 28px rgba(20,40,50,.05)}
.snk-path-steps li span{display:block;color:#009fe8;font:780 12px/1 Helvetica Neue,Arial,sans-serif;letter-spacing:.12em}
.snk-path-steps li h3{margin:10px 0 8px;font-size:20px}
.snk-path-steps li p{margin:0;color:#5a6a70;font-size:14px;line-height:1.7}
.snk-path-steps li a,.snk-path-steps li small{display:inline-block;margin-top:14px;color:#007fbd;font-size:13px}
.snk-traj{display:grid;grid-template-columns:.9fr 1.2fr;gap:36px;align-items:center;margin:48px 0 8px;padding:36px 0 8px;border-top:0}
.snk-traj-copy h2{margin:10px 0 12px;font-size:clamp(24px,2.8vw,34px);line-height:1.28;color:#16325c}
.snk-traj-copy p{margin:0 0 22px;color:#5a6a70;font-size:15px;line-height:1.8}
.snk-traj-flow{list-style:none;margin:0;padding:0;display:flex;gap:18px;align-items:stretch}
.snk-traj-flow li{flex:1;padding:14px;background:#fff;border:1px solid #dce8ee;border-radius:14px;text-align:center}
.snk-traj-flow b{display:block;font-size:14px}
.snk-traj-flow span{display:block;margin-top:4px;color:#7a8a90;font-size:12px}
.snk-traj-board{background:#fff;border:1px solid #e4edf3;border-radius:20px;padding:20px;box-shadow:0 18px 44px rgba(20,40,50,.08)}
.snk-traj-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}
.snk-traj-kpis div{padding:12px;border:1px solid #e6eef2;border-radius:12px;background:#fbfcfe}
.snk-traj-kpis .on{border-color:#87d0f4;background:#f3faff}
.snk-traj-kpis span{display:block;color:#7a8a90;font-size:12px}
.snk-traj-kpis b{display:block;margin:6px 0 2px;font-size:22px}
.snk-traj-kpis em{font-style:normal;color:#0cad7f;font:700 12px/1 Helvetica Neue,Arial,sans-serif}
.snk-traj-board svg{width:100%;height:150px;display:block}
.snk-traj-wk{display:flex;justify-content:space-between;color:#9aa8b0;font-size:11px;padding:0 4px 10px}
.snk-traj-rank h4{margin:8px 0 12px;font-size:13px}
.snk-traj-rank h4 small{color:#009fe8;font-weight:650}
.snk-traj-tl{position:relative;height:56px;margin:0 8px 8px}
.snk-traj-tl i{position:absolute;left:0;right:0;top:14px;height:3px;background:#e4eaf0;border-radius:99px}
.snk-traj-tl i:after{content:"";position:absolute;left:0;width:62%;height:100%;background:#009fe8;border-radius:99px}
.snk-traj-tl div{position:absolute;top:4px;transform:translateX(-50%);width:90px;text-align:center}
.snk-traj-tl s{display:block;width:14px;height:14px;margin:0 auto 6px;border-radius:50%;background:#d7e0e6;text-decoration:none}
.snk-traj-tl .on s{background:#009fe8;box-shadow:0 0 0 4px rgba(0,159,232,.18)}
.snk-traj-tl b{display:block;font-size:11px}
.snk-traj-tl span{color:#8a9aa0;font-size:10px}
.snk-traj-serp{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #e6eef2;border-radius:12px;background:#fafcff}
.snk-traj-serp p{margin:0;color:#1a0dab;font-size:14px;font-weight:650}
.snk-traj-serp small{display:block;margin-top:3px;color:#0d652d}
.snk-traj-serp span{margin-left:auto;flex:none;padding:6px 10px;border-radius:999px;background:#e7f6fd;color:#007fbd;font-size:12px}
.snk-traj-disc{margin:12px 0 0;color:#8b97a0;font-size:12px}
@media (max-width:900px){
  .snk-path-steps,.snk-traj,.snk-traj-kpis,.snk-traj-flow{grid-template-columns:1fr;display:grid}
}

.snk-traj-flow li{opacity:.4;transform:translateY(8px);transition:opacity .45s ease,transform .45s ease,border-color .3s,box-shadow .3s}
.snk-traj-flow li.on{opacity:1;transform:none;border-color:#87d0f4;box-shadow:0 10px 22px rgba(0,159,232,.12)}
.snk-traj-board{position:relative;overflow:hidden;isolation:isolate}
.snk-traj-board:before{content:"";position:absolute;inset:0;z-index:-1;background:
  linear-gradient(180deg,rgba(0,159,232,.06),transparent 42%),
  repeating-linear-gradient(90deg,rgba(0,159,232,.04) 0 1px,transparent 1px 48px);
  pointer-events:none}
.snk-traj-kpis div,.snk-traj-kpis button{padding:12px;border:1px solid #e6eef2;border-radius:12px;background:#fbfcfe;text-align:left;cursor:pointer;font:inherit;width:100%;transition:border-color .25s,background .25s,box-shadow .25s,transform .25s}
.snk-traj-kpis .on{border-color:#87d0f4;background:#f3faff;box-shadow:0 0 0 3px rgba(0,159,232,.12)}
.snk-traj-kpis span{display:block;color:#7a8a90;font-size:12px}
.snk-traj-kpis b{display:block;margin:6px 0 2px;font-size:22px}
.snk-traj-kpis em{font-style:normal;color:#0cad7f;font:700 12px/1 Helvetica Neue,Arial,sans-serif}
.snk-traj-line{filter:drop-shadow(0 0 6px rgba(0,159,232,.45))}
.snk-traj-dot{opacity:0}
.snk-traj-dot.on{opacity:1}
.snk-traj-tl i:after{width:0;transition:width 1.1s ease}
.snk-traj-tl.play i:after{width:var(--tl,8%)}
.snk-traj-tl div s{transition:background .3s,box-shadow .3s,transform .3s}
.snk-traj-tl .on s{transform:scale(1.15);box-shadow:0 0 0 5px rgba(0,159,232,.2),0 0 12px rgba(0,159,232,.45)}
.snk-traj-serp{opacity:0;transform:translateY(8px);transition:opacity .45s ease,transform .45s ease}
.snk-traj-serp.on{opacity:1;transform:none}
.snk-traj-serp span{animation:snkPulse 1.8s ease-in-out infinite}
@keyframes snkPulse{0%,100%{box-shadow:0 0 0 0 rgba(0,159,232,.25)}50%{box-shadow:0 0 0 6px rgba(0,159,232,.08)}}
@media (prefers-reduced-motion:reduce){
  .snk-traj-flow li,.snk-traj-serp{opacity:1;transform:none;transition:none}
  .snk-traj-serp span{animation:none}
}

.snk-traj-ico{display:grid;place-items:center;width:40px;height:40px;margin:0 auto 8px;border-radius:50%;background:#f3faff;border:1px solid #d7ebf4}
.snk-traj-ico svg,.snk-ico-g,.snk-ico{width:22px;height:22px;display:block}
.snk-traj-kpis span{display:flex;align-items:center;gap:6px}
.snk-traj-kpis span svg{width:14px;height:14px;flex:none}
.snk-traj-serp .snk-ico-g{width:22px;height:22px;flex:none}
.snk-traj-flow li{position:relative;flex:1;margin:0}
.v4-case-grid{border-bottom:0}