refactor: resolve all 2nd round review feedback (C1-C9 & 3+2 magazine grid) for ANL lab transformation

refer_landing_page/app/intro/page.tsx

@@ -82,10 +82,13 @@ const pillars = [
 ];
 
 // CUSTOMIZATION HOOK: headline figures (animated counters).
+// `value: 2026` is marked static so it renders as a fixed year, not a
+// 0→2026 count-up, at the smaller `display-sm` scale so the 4-digit year
+// does not push the cell padding. See LAYOUT_AUDIT #11 + #13.
 const figures = [
-  { value: 5, label: "연구 기둥 · Research Pillars", suffix: "", size: "display-sm" as const, static: false },
-  { value: 12, label: "에이전트 프로토콜 · Protocols", suffix: "", size: "display-sm" as const, static: false },
-  { value: 99.9, label: "가동률 % · Availability", suffix: "%", size: "display-sm" as const, static: false },
+  { value: pillars.length, label: "연구 기둥 · Research Pillars", suffix: "", size: "display" as const, static: false },
+  { value: pillars.reduce((n, p) => n + p.points.length, 0), label: "세부 연구 주제 · Research Topics", suffix: "", size: "display" as const, static: false },
+  { value: 2026, label: "Issue · 발행", suffix: "", size: "display-sm" as const, static: true },
 ];
 
 // CUSTOMIZATION HOOK: research keyword ticker.
@@ -128,14 +131,15 @@ export default function IntroPage() {
                   <span className="text-vermillion">미래</span>를 짓다
                 </h1>
                 <p className="display mt-3 leading-[0.9]" aria-hidden>
+                  Agents
                   <span className="block italic text-cobalt">in&nbsp;Motion</span>
                 </p>
               </Reveal>
               <Reveal delay={200}>
                 <p className="mt-8 max-w-prose text-base leading-relaxed text-ink-soft">
-                  메타버스 상호운용성(MCM)과 QUIC 기반 멀티에이전트 오케스트레이션.
-                  국제 표준을 토대로 분산되고 이종적인 시스템이 동일한 의미로
-                  데이터를 교환하고 협력하도록 설계합니다.
+                  A2A·ACP 기반 에이전트 통신 프로토콜과 HERDR·LangGraph 멀티에이전트
+                  오케스트레이션. 개방형 표준을 토대로 분산되고 이종적인 에이전트가
+                  자율적으로 협력하고 고속으로 메시지를 교환하도록 설계합니다.
                 </p>
               </Reveal>
               <Reveal delay={260}>
@@ -160,7 +164,7 @@ export default function IntroPage() {
             <Reveal variant="scale" delay={200} className="lg:col-span-5">
               <HeroComposition className="w-full" />
               <p className="mt-3 text-right text-xs italic text-ink-mute">
-                Fig. 01 — MCM 노드 메시 × QUIC 멀티스트림
+                Fig. 01 — A2A 에이전트 메시 × QUIC/gRPC 멀티스트림
               </p>
             </Reveal>
           </div>
@@ -224,15 +228,16 @@ export default function IntroPage() {
             <SectionLabel index={3} label="Five Research Pillars" />
           </Reveal>
 
-          <div className="mt-12 grid gap-px bg-line sm:grid-cols-2 lg:grid-cols-3">
+          <div className="mt-12 grid gap-px bg-line sm:grid-cols-2 lg:grid-cols-6">
             {pillars.map((p, i) => {
               const isVerm = p.accent === "vermillion";
+              const span = `${i < 3 ? "lg:col-span-2" : "lg:col-span-3"}${i === 4 ? " sm:col-span-2" : ""}`;
               return (
                 <Reveal
                   key={p.tag}
                   variant={i % 2 === 0 ? "left" : "right"}
                   delay={i * 80}
-                  className="bg-ivory"
+                  className={`bg-ivory ${span}`}
                 >
                   <article
                     className={`group flex h-full flex-col justify-between border border-ink p-8 transition-colors duration-500 sm:p-10 ${