feat(site): rework 19 marketing showcases for composition diversity

Measured convergence before: split hero 13/19, top-bar nav 19/19,
one-line notice footer 14/19, body Pretendard 17/21, 10 similarity
pairs above 0.78. Each showcase got a pre-assigned hero family, nav
form, footer form, type pair, background, accent hue, radius, motion
grammar and material from outputs/rework-2026-10-06/plan.md; direction
cards and the chosen reason are recorded in every design.md.

After: 0 similarity warnings, 19 distinct display faces, 7 hero
families, 5 nav forms, 5 footer forms, no scroll reveals, 5 showcases
with SVG filter materials. Example contact values replace bracket
placeholders under the existing fictional-brand notices. Thumbnails,
OG images, card copy and three e2e assertions updated; dead CSS in
dure-enrollment and hannam-jari removed; similarity.mjs learns the new
font families.

apps/site/public/work/synapse-bci/styles/tokens.css

@@ -1,37 +1,42 @@
 /* ==========================================================================
-   Synapse BCI Lab — 디자인 토큰
-   프리셋: dark-instrument (연구 계기판)
-   컨셉 한 문장: 측정 조건이 붙은 계기 — 신경 데이터는 장식이 아니라 증거다.
-   레퍼런스: 방향 앵커 dogfood-synapse(신경인터페이스 업종). 그 파일의 수치는
-            audit-references.md 날조 판명 — 토큰은 브리프 재정의. 골드 1색은
-            '전극의 금'에서, 배경은 측정 암실(거의 흑)에서.
-   하지 않은 것: 'superhuman' 카피, 두뇌 일러스트, 싸이버 글로우, 채널 수
-               자랑 배너. 이유: 의료 기기의 신뢰는 미측정값의 공백에서도 온다.
+   Synapse BCI Lab — 디자인 토큰 (2026-10 재작업)
+   컨셉 한 문장: 연구 동의서처럼 읽히는 신경 인터페이스 개념서 — 권리 조항이
+               먼저 오고, 신호는 기록지 한 장으로 그 뒤에 붙는다.
+   재작업 이유: 2026-09판은 lumina-optics·pulsegate와 같은 니어블랙 계기판
+               템플릿이었다(레드팀 06 P0-1, similarity 0.83). 헤드라인
+               "explained clearly"가 정직함을 변명했다(06 P0-2).
+   결정:
+     - 바탕: 뇌파 기록계(EEG chart recorder) 용지의 옅은 연두. 눈금은 기록계의
+             붉은 인쇄선, 신호는 검은 잉크. 니어블랙·웜 오프화이트 어느 쪽도 아니다.
+     - 서체: 표제 함렛(Hahmlet), 본문 고운바탕. 조항을 '읽는' 문서라 본문을
+             바탕체로 둔다. 모노는 쓰지 않는다.
+     - 형태: 문서는 모서리를 굴리지 않는다(radius 0). 구분은 괘선으로.
+     - 모션: 기록지만 종이처럼 흘러간다(화면 밖이면 멈춤, 움직임 줄이기면 정지).
+             다른 요소는 등장 애니메이션이 없다.
+   하지 않은 것: 두뇌 일러스트, 사이버 글로우, 'superhuman' 카피, 채널 수 자랑.
    ========================================================================== */
 
 :root {
-  /* 타입 — 최대(58px) ÷ 본문(16px) ≈ 3.6배 */
-  --step--1: 0.8125rem;
-  --step-0: 1rem;
-  --step-1: 1.1875rem;
-  --step-2: clamp(1.375rem, 1.2rem + 0.9vw, 1.75rem);
-  --step-3: clamp(1.5rem, 0.8rem + 3vw, 3rem);        /* 48px — 두 줄 계약 */
+  /* 타입 — 표제 최대 76px ÷ 본문 18px ≈ 4.2배 */
+  --step--1: 0.875rem;
+  --step-0: 1.125rem;
+  --step-1: 1.3125rem;
+  --step-2: clamp(1.625rem, 1.3rem + 1.4vw, 2.375rem);
+  --step-3: clamp(2.25rem, 1.3rem + 4vw, 4.75rem);
 
-  --leading-tight: 1.24;
-  --leading-normal: 1.72;
+  --leading-tight: 1.22;
+  --leading-normal: 1.85;
 
-  --font-body: "IBM Plex Sans", "IBM Plex Sans KR", Pretendard, -apple-system, sans-serif;
-  --font-mono: "JetBrains Mono", monospace;
+  --font-display: "Hahmlet", "Gowun Batang", serif;
+  --font-body: "Gowun Batang", "Hahmlet", serif;
 
-  --surface: #08090b;
-  --surface-raised: #0d0f13;
-  --ink: #e9ebee;
-  --ink-muted: #9aa1ab;
-  --ink-faint: #838d98;
-  --line: #1e2229;
-  --line-strong: #343a45;
-  --accent: #d9a441;        /* 전극 금 — 텍스트·선 */
-  --accent-dim: rgba(217, 164, 65, 0.4);
+  --surface: #dbe5cb;          /* 기록지 연두 */
+  --surface-raised: #e8eedd;   /* 표·조항 면 */
+  --ink: #17201a;
+  --ink-muted: #3d4a3f;        /* 바탕 대비 ≈7:1 */
+  --grid: #d88f7f;             /* 기록지 인쇄 눈금 — 선 전용 */
+  --accent: #a3271c;           /* 기록계 붉은 잉크 — 조 번호·강조 괘선 */
+  --plate: #0b0d0c;            /* 도판 테두리 */
 
   --space-1: 0.25rem;
   --space-2: 0.5rem;
@@ -40,15 +45,11 @@
   --space-5: 2.5rem;
   --space-6: 4rem;
   --space-7: 6rem;
-  --space-8: clamp(4.5rem, 3rem + 6vw, 8.5rem);
+  --space-8: clamp(4.5rem, 3rem + 6vw, 8rem);
 
-  --radius: 2px;
-  --radius-frame: 6px;
+  --radius: 0;
 
-  --container: 1240px;
-  --pad-inline: clamp(1.25rem, 1rem + 2.5vw, 5rem);
-
-  --dur-quick: 160ms;
-  --dur-normal: 420ms;
-  --ease-soft: cubic-bezier(0.25, 1, 0.35, 1);
+  --measure: 40rem;
+  --container: 1200px;
+  --pad-inline: clamp(1rem, 0.6rem + 2.4vw, 4rem);
 }