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/gaon-lms/index.html

@@ -20,7 +20,7 @@
       content="학원 강사를 위한 학습 관리 화면입니다. 출석, 수강생 기록, 과제 채점, 학사 일정을 한곳에서 살펴볼 수 있습니다."
     />
     <meta property="og:title" content="가온 학적부 · 학습관리 대시보드" />
-    <meta property="og:description" content="출석부에서 출발한 학습관리 대시보드." />
+    <meta property="og:description" content="출석·과제·상담 기록을 한 화면에서 관리하는 학원용 학습관리 대시보드." />
     <meta property="og:type" content="website" />
     <meta name="theme-color" content="#fafafa" />
 
@@ -139,7 +139,7 @@
         <section class="view is-on" id="view-dashboard" aria-labelledby="dash-h" tabindex="-1">
           <header class="view-head">
             <div>
-              <h2 class="v-h" id="dash-h">이번 주, 열두 명 중 열 명</h2>
+              <h2 class="v-h" id="dash-h">이번 주 현황 · 재학생 10명</h2>
               <p class="view-sub">3월 9일 월요일 오전 기준. 명단 12명 중 재학 10명, 주간 출석은 지난 주(3/2–3/6) 결산입니다.</p>
               <p class="panel-note muted" role="note">표시된 수강생·수업·상담 기록은 예시입니다. 이 화면에서 바꾼 내용은 새로고침하면 초기화됩니다.</p>
             </div>
@@ -378,7 +378,7 @@
           <header class="view-head">
             <div>
               <h2 class="v-h" id="att-h">출석부</h2>
-              <p class="view-sub">칸을 누르면 출석 · 지각 · 결석이 순환합니다. 반과 주를 바꿔가며 적습니다.</p>
+              <p class="view-sub">칸을 누를 때마다 출석 → 지각 → 결석 순으로 바뀝니다. 반과 주차를 바꿔 가며 기록하세요.</p>
             </div>
           </header>
 
@@ -530,7 +530,7 @@
           <header class="view-head">
             <div>
               <h2 class="v-h" id="fi-h">자료실</h2>
-              <p class="view-sub">배부 자료의 목록. 배부 여부와 일시를 바로 확인할 수 있습니다.</p>
+              <p class="view-sub">수업 자료 배부 목록입니다. 배부 여부와 일시를 바로 확인할 수 있습니다.</p>
             </div>
           </header>
 
@@ -562,7 +562,7 @@
           <header class="view-head">
             <div>
               <h2 class="v-h" id="cal-h">학사 일정 · 2026년 3월</h2>
-              <p class="view-sub">마감과 휴원을 먼저 보는 달력. 오른쪽은 3월 9일 이후의 일정입니다.</p>
+              <p class="view-sub">마감일과 휴원일을 표시한 달력입니다. 3월 9일 이후 일정은 ‘다가오는 일정’에 따로 모았습니다.</p>
             </div>
           </header>