WIP: hero-icon-cards_1 블록 + 오답노트 + figma 관련 파일

- hero-icon-cards_1.html: hero-icon-cards 변형 (icon → 소제목+불릿 계층)
- compare-detail-gradient.html: 하단 2열 비교 블록 (Figma Frame 4 기반)
- 오답노트.md: 절대 하지 말아야 하는 실수 목록
- figma_to_html.py: Figma→HTML 변환 스크립트
- static/figma-assets/: Figma export 이미지 (배지, 화살표)
- 주의: compare-detail-gradient CSS 폰트 크기가 임의 수정됨 — 원본 복원 필요

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

templates/blocks/BEPs/image-placeholder.html

@@ -0,0 +1,25 @@
+<!-- 이미지 플레이스홀더: 이미지 슬롯만 있는 프레임 -->
+<!--
+  📋 image-placeholder
+  ─────────────────
+  용도: 이미지만 배치되는 프레임 (텍스트 없음)
+  슬롯: src (이미지 경로), alt (대체 텍스트), width, height
+  Figma 원본: Frame 1171276071 (949x275, 이미지만)
+-->
+<div class="block-img-ph">
+  <img src="{{ src }}" alt="{{ alt | default('') }}" style="width:100%;height:100%;object-fit:contain;">
+</div>
+
+<style>
+.block-img-ph {
+  width: 100%;
+  height: 100%;
+  background: #f0f0f0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.block-img-ph img {
+  border-radius: var(--radius, 6px);
+}
+</style>