/* v94 · Services 3단계: 상자 없이, 큰 번호 머리말 + 선 하나로 흐르는 실행 + 테두리 없는 세 조직 */
#services .sv-step{display:grid;grid-template-columns:auto 1fr auto;align-items:end;gap:28px;margin:clamp(90px,10vw,150px) 0 clamp(40px,4.5vw,64px);padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.12)}
#services .sv-n{font:200 clamp(64px,7vw,112px)/.8 var(--en);letter-spacing:-.06em;color:rgba(255,255,255,.16)}
#services .sv-k{margin:0 0 8px;font:600 13px/1 var(--en);letter-spacing:.14em;text-transform:uppercase;color:#fd4533}
#services .sv-t h3{margin:0;font:750 clamp(26px,2.6vw,40px)/1.15 var(--kr);letter-spacing:-.05em;color:#fff}
#services .sv-hint{margin:0;font:400 15px/1.5 var(--kr);color:rgba(255,255,255,.55);text-align:right}
#services .f2{margin-top:0}

/* Step 2 · one rail, three stops, a loop back */
#services .flow{position:relative;padding:0 0 120px}
#services .flow-row{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);position:relative;z-index:1}
#services .flow-node{display:grid;grid-template-rows:auto auto 40px auto auto;justify-items:start;padding-right:24px}
#services .fn-no{font:300 14px/1 var(--en);color:#fd4533;letter-spacing:.04em}
#services .fn-w{margin-top:10px;font:750 clamp(44px,5vw,80px)/1 var(--kr);letter-spacing:-.06em;color:#fff}
#services .fn-dot{align-self:center;width:11px;height:11px;border-radius:50%;background:#0e0e11;border:1.5px solid rgba(255,255,255,.5);transition:background .5s,border-color .5s,box-shadow .5s;transition-delay:calc(var(--i) * .45s + .4s)}
#services .flow.in .fn-dot{background:#fd4533;border-color:#fd4533;box-shadow:0 0 0 6px rgba(253,69,51,.12)}
#services .fn-sh{font:600 15px/1.2 var(--en);color:#fff;letter-spacing:-.01em}
#services .fn-d{margin-top:6px;font:400 15px/1.55 var(--kr);color:rgba(255,255,255,.6);max-width:20em}
/* the rail runs through the dots */
#services .flow-rail{position:absolute;left:5px;right:0;top:calc(14px + 10px + clamp(44px,5vw,80px) + 20px);height:1px;background:rgba(255,255,255,.14)}
#services .flow-rail i{position:absolute;inset:0;background:linear-gradient(90deg,#fd4533,rgba(253,69,51,.5));transform-origin:left;transform:scaleX(0);transition:transform 1.6s cubic-bezier(.65,0,.35,1) .3s}
#services .flow.in .flow-rail i{transform:scaleX(1)}
#services .flow-back{position:absolute;left:0;right:0;bottom:24px;width:100%;height:96px;overflow:visible}
#services .flow-back path{fill:none;stroke:rgba(255,255,255,.22);stroke-width:1;stroke-dasharray:4 6;vector-effect:non-scaling-stroke}
#services .flow-label{position:absolute;left:50%;bottom:0;transform:translateX(-50%);margin:0;display:flex;gap:12px;align-items:baseline;white-space:nowrap;padding:0 14px;font:400 14px/1.4 var(--kr);color:rgba(255,255,255,.6)}
#services .flow-label b{font:600 13px/1 var(--en);color:#fd4533;letter-spacing:.04em}

/* Step 3 · three teams, no boxes */
#services .teams{margin-top:0 !important;gap:0 !important}
#services .team{border:0 !important;border-radius:0 !important;background:none !important;padding:6px clamp(20px,2.4vw,36px) 0 !important;border-left:1px solid rgba(255,255,255,.1) !important;transform:none !important;position:relative}
#services .team:first-child{border-left:0 !important;padding-left:0 !important}
#services .team::before{content:'';position:absolute;left:0;right:0;top:-1px;height:2px;background:#fd4533;transform:scaleX(0);transform-origin:left;transition:transform .6s cubic-bezier(.22,1,.36,1)}
#services .team:hover::before,#services .team:focus-visible::before{transform:scaleX(1)}
#services .team h4{font-size:clamp(32px,3vw,46px) !important}
#services .tm-sec{border-top-color:rgba(255,255,255,.08) !important}
#services .tm-foot{padding-bottom:4px}

@media (max-width:820px){
 #services .sv-step{grid-template-columns:auto 1fr;gap:16px}
 #services .sv-hint{grid-column:1/-1;text-align:left}
 #services .flow{padding-bottom:40px}
 #services .flow-row{grid-template-columns:1fr;gap:28px;padding-left:26px}
 #services .flow-node{grid-template-rows:auto;padding:0;position:relative}
 #services .fn-dot{position:absolute;left:-31px;top:6px}
 #services .flow-rail{left:4px;right:auto;top:6px;bottom:52px;width:1px;height:auto}
 #services .flow-rail i{transform-origin:top;transform:scaleY(0)}
 #services .flow.in .flow-rail i{transform:scaleY(1)}
 #services .flow-back{display:none}
 #services .flow-label{position:static;transform:none;padding:24px 0 0 26px}
 #services .team{border-left:0 !important;padding:28px 0 0 !important;border-top:1px solid rgba(255,255,255,.1) !important}
}