# [Lv.2] AI 복합설계 인포그래픽 최종 구현 (v3b 승인본) — 대칭 2블록 + 생보 확장

## allowed_resources
```yaml
allowed_resources:
  paths:
    - "src/components/composite/CompositeGeneralIntro.tsx"
    - "src/components/composite/__tests__/CompositeGeneralIntro.test.tsx"
  forbidden_paths:
    - "server/**"
    - "extension/**"
    - ".github/**"
    - "src/lib/**"
    - "src/components/composite/LifeThreeCriticalDiff.tsx"
  commands: ["npx vitest","npx tsc","git"]
  merge_policy: "none"
  ttl_hours: 10
```
> ★ base=현 origin/main. **CompositeGeneralIntro.tsx(+테스트)만.** 정적 일반론(캡처 데이터 무관). **회장 최종 승인 목업 = `/home/jay/.cokacdir/workspace/autoset/combo_infographic_v3.html` (구조 정확 참조) + `combo_infographic_v3b.png` (렌더 이미지).** 이 디자인 그대로 구현.
> ※ 이전 task-2894 구현본은 디자인 전면 변경으로 **폐기·대체**(그 브랜치 사용 금지, main에서 새로).

## 배경 (회장 최종 확정)
"AI 복합설계 계산이란?" 인포그래픽을 손보/생보 **대칭 2블록 + 생보 확장(1,650가지)**으로. 여러 차례 리비전 거쳐 v3b 확정.

## 구현 (v3b 목업 그대로)
### 1. 헤더
- 타이틀: "✦ AI 복합설계 계산이란?"
- 리드: "**손해보험사만** 비교해도 조합은 **165가지**. 여기에 **생명보험사 10개**까지 추가로 고려하면 경우의 수가 **10배(1,650가지)**로 늘어납니다." (165=파랑·10배(1,650)=빨강 강조)

### 2. "왜 10개?" 안내 박스 (점선 info)
"※ 국내 보험사는 약 **30여 곳**입니다. 그중 연금전문·소형·자동차전문·자금 이슈가 있는 회사 등을 제외하고, 이해하기 쉽게 **주요 손해보험사 10개·생명보험사 10개**를 예시로 든 것입니다. 준비하는 플랜의 목적에 따라 실제 고려 대상과 경우의 수는 달라질 수 있습니다."

### 3. 대칭 2블록 + 가운데 × (1:1 균형)
- **왼쪽(파랑 상단선) 손해보험사 10개** (소제목 **크게** ~22px): 서브 "2개·3개 조합으로 최적 복합설계" / "2개 조합 45 + 3개 조합 120 = **165가지**" / dots(2개 조합 45개 파랑 + 3개 조합 120개 초록)
- **가운데 큰 × 기호**
- **오른쪽(초록 상단선) 생명보험사 10개** (소제목 크게): 서브 "3대질병 진단비까지 추가로 고려" / 결과 **"165가지(파랑) × 10배(초록)"** — ★165가지는 **파란색**(왼쪽 손보 165 이어옴)·10배는 **초록색**(생보) / 생보사 10개 chip 2열(삼성생명·한화생명·교보생명·미래에셋생명·신한라이프·KB라이프·NH농협생명·동양생명·흥국생명·라이나생명)
- 두 블록 **동일 크기·비중**(1:1)

### 4. 결합 결론 블록
- 헤딩 "손보 조합 × 생보 추가 고려 = 전체 경우의 수"
- 수식: `165(손보 조합, 파랑) × 10(생보 추가, 초록) = 1,650(경우의 수, 빨강 최대)`
- 막대 비교: "손보만 165가지"(짧은 막대) vs "손보 + 생보 1,650가지 (10배)"(10배 긴 막대)
- "**왜 곱할까요?**" 박스: "손보 조합 165가지 **각각**에 대해 3대질병을 맡길 생보를 10개 중 1개 고를 수 있습니다. 조합 하나마다 10갈래로 갈라지니 전체는 **165 × 10 = 1,650가지**. (더하는 게 아니라 곱합니다.)"
- AI 메시지 박스(네이비): "사람은 손보 **165가지**도 수동으로 다 비교할 수 없습니다. 생보까지 더한 **1,650가지**는 오직 **AI만 순식간에** 계산해 최적 조합을 찾아냅니다."

## 제약
- **용어 4개만**: 손해보험사·생명보험사·손보·생보. **금지: "손해보험"·"생명보험"(사 없는 것)·"생보사"·"손보사".**
- 색: 손보 파랑·생보 초록·강조 빨강. 수치 정확(45·120·165·10·1650).
- **반응형**: 모바일에서 2블록→1블록, ×는 세로 등 안 깨지게. 소제목 크게 유지.
- CompositeGeneralIntro의 다른 섹션(있으면) 불변 — 이 조합 설명 인포그래픽만 v3b로.

## 검증
- `npx tsc` 0. `npx vitest run` 회귀 0. 신규: 대칭 2블록·× 기호·"165가지 × 10배"(색 구분)·"왜 10개" 안내·수식 165×10=1,650·막대·왜곱하나·AI 메시지·용어 4개(금지어 부재)·10개(곳 아님).
- **★ ANU 스크린샷 육안으로 v3b 목업 정합 확인.**

## 완료 (★ 순서 B)
- 변경 = CompositeGeneralIntro.tsx(+테스트)만.
- **dev6 금지** — dev2. 커밋 → push → finish-task **foreground 1회** → .done 즉시 종료. **background wait 금지.** ANU 검증·육안·머지·CF Pages 배포는 ANU.

## goal_assertions (auto-generated)
- `npx tsc`
- `npx vitest run`