chore(redesign): 재설계가 죽인 다크/스크롤큐 CSS 제거 + 연결선 gradient 제거

globals.css: --jsm-dark-* 토큰, --jsm-accent-bright, .jsm-dark-form,
.df-scroll-dot/@keyframes df-scroll-cue 제거 (전부 소비처 0).
홈 PROCESS 연결선 linear-gradient → solid 인셋 라인.

유지: --kx-*/.kx-*(/, packages·work·music 사용), .gradient-text(/portfolio/[token] 사용)
— 숨김·레거시 라우트라 이번 범위 밖.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01A2N6SziVSPfavx1j5rAs52

app/globals.css

@@ -49,15 +49,7 @@
   --jsm-accent-hover: #1e40af;  /* blue-800 */
   --jsm-accent-soft: #dbeafe;   /* blue-100 뱃지 배경 */
 
-  /* === Deep Field dark tokens (2026-06 랜딩 경험) — 라이트 토큰과 공존 === */
+  /* 기존 kx 변수 재매핑 (레거시·숨김 라우트 /packages·/work·/music 호환용) */
-  --jsm-dark-bg: #070d1a;
-  --jsm-dark-surface: rgba(255, 255, 255, 0.03);
-  --jsm-dark-line: rgba(148, 163, 184, 0.14);
-  --jsm-dark-ink: #f8fafc;
-  --jsm-dark-soft: #94a3b8;
-  --jsm-accent-bright: #60a5fa;
-
-  /* 기존 kx 변수 재매핑 (잔여 참조 호환용) */
   --kx-surface: var(--jsm-bg);
   --kx-surface-low: var(--jsm-surface-alt);
   --kx-surface-mid: var(--jsm-surface);
@@ -198,13 +190,6 @@ body {
   pointer-events: none;
 }
 
-/* 외주 의뢰 폼 — 다크 스킨 placeholder (Deep Field 재스킨) */
-.jsm-dark-form input::placeholder,
-.jsm-dark-form textarea::placeholder {
-  color: var(--jsm-dark-soft);
-  opacity: 1;
-}
-
 /* Service card hover */
 .service-card {
   transition: transform 0.2s ease, box-shadow 0.2s ease;
@@ -260,20 +245,6 @@ body {
   mask-image: linear-gradient(to right, transparent, black 8%, black 92%, transparent);
 }
 
-/* ─── Deep Field 히어로 스크롤 큐 (가는 세로선 안의 점 미세 바운스) ─── */
-@keyframes df-scroll-cue {
-  0%, 100% { transform: translateY(0); opacity: 0.35; }
-  50%      { transform: translateY(8px); opacity: 1; }
-}
-.df-scroll-dot {
-  animation: none;
-}
-@media (prefers-reduced-motion: no-preference) {
-  .df-scroll-dot {
-    animation: df-scroll-cue 1.8s cubic-bezier(0.16, 1, 0.3, 1) infinite;
-  }
-}
-
 /* Scrollbar styling */
 ::-webkit-scrollbar {
   width: 6px;

app/page.tsx

@@ -402,11 +402,8 @@ export default async function Home() {
             {/* 단계 연결선 (데스크톱) */}
             <span
               aria-hidden
-              className="absolute left-0 right-0 top-7 hidden h-px lg:block"
+              className="absolute left-[12%] right-[12%] top-7 hidden h-px lg:block"
-              style={{
+              style={{ background: 'var(--jsm-line)' }}
-                background:
-                  'linear-gradient(to right, transparent, var(--jsm-line) 12%, var(--jsm-line) 88%, transparent)',
-              }}
             />
             <div className="grid gap-6 sm:grid-cols-2 lg:grid-cols-4">
               {PROCESS.map((s, i) => (