refactor: resolve all code review feedback (B1-B8 & Option A 5 Pillars) for ANL lab transformation

refer_landing_page/docs/DESIGN.md

@@ -1,6 +1,6 @@
 # 디자인 시스템 — "Issue 01"
 
-> 사물인터넷 표준 연구실 랜딩 페이지의 **정본(canonical) 디자인 레퍼런스**입니다.
+> AI 에이전트 네트워크 연구실 (ANL) 랜딩 페이지의 **정본(canonical) 디자인 레퍼런스**입니다.
 > 코드베이스를 다시 읽지 않고도 디자인 시스템을 이해할 수 있도록 작성했습니다.
 > 토큰의 실제 정의는 `tailwind.config.ts` 와 `app/globals.css`(`:root`)에,
 > 폰트 로딩은 `app/layout.tsx` 에 있습니다.
@@ -11,7 +11,7 @@
 
 **연구실 웹사이트를 "한 권의 인쇄 잡지(Issue 01)"로 다룬다.**
 따뜻한 종이(ivory) 위에 가까운-검정 잉크(ink), 두 개의 편집 강조색
-(vermillion = MCM, cobalt = QUIC), 큰 세리프 디스플레이 타이포, 그리고 절제된
+(vermillion = Agent Engineering / Orchestration, cobalt = MCP / A2A Protocol), 큰 세리프 디스플레이 타이포, 그리고 절제된
 스크롤 등장 모션으로 구성된 **고대비 매거진 스프레드** 시스템입니다. 소수의
 토큰에서 사이트 전체가 파생되며, 토큰 하나를 바꾸면 전 페이지에 전파됩니다.
 
@@ -27,7 +27,7 @@
 | **움직임은 절제 (Restrained motion)** | 콘텐츠는 한 번 부드럽게 자리잡고 멈춘다. 튀거나 반복되지 않으며, 단일 이징으로 페이지 전체가 일관된 호흡을 갖는다. |
 | **콘텐츠 우선 (Content first)** | 모든 편집 데이터는 각 페이지 상단 `// CUSTOMIZATION HOOK` 배열에 모은다. 모션·장식은 정보를 전달하는 수단이지 그 자체가 목적이 아니다. |
 | **한/영 혼식 (KO/EN bilingual setting)** | 한국어 세리프(Noto Serif KR) 헤드라인과 영어 디스플레이 세리프(Fraunces)를 짝지어, 국문 제목 + 영문 디스플레이 단어의 매거진 바이링구얼 조판을 만든다. |
-| **의미 있는 색 (Semantic accent pairing)** | 두 강조색은 장식이 아니라 연구 두 축을 인코딩한다 — **vermillion = MCM/메타버스/저널(홀수)**, **cobalt = QUIC/전송/학회(짝수)**. |
+| **의미 있는 색 (Semantic accent pairing)** | 두 강조색은 장식이 아니라 연구 영역을 인코딩한다 — **vermillion = Agent Eng / Orchestration (홀수)**, **cobalt = MCP / A2A Protocol (짝수)**. |
 
 ---