feat: strengthen design skill and refresh all showcases

apps/site/public/work/rfs-cfd/index.html

@@ -6,7 +6,7 @@
     <title>RFS — 실시간 유체 시뮬레이터 · 데이터센터 열관리 GPU 엔진</title>
     <meta
       name="description"
-      content="GPU Compute Shader 위에서 도는 δ-SPH 엔진. 파티클 100,000개를 60 FPS 로 계산해 서버랙 발열과 항온항습기 냉각을 실시간으로 반영한다. 메시 재생성 없이 설비 배치를 그 자리에서 검증한다."
+      content="데이터센터 열관리 RFS의 운전 조건을 살펴보는 2D 축소 표현입니다. 이 페이지의 조작은 제품 성능 수치가 아니라 부하와 급기 변화의 관계를 보여 줍니다."
     />
     <meta property="og:title" content="RFS — 실시간 유체 시뮬레이터" />
     <meta
@@ -27,8 +27,8 @@
       rel="stylesheet"
       href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&display=swap"
     />
-    <link rel="stylesheet" href="./styles/tokens.css?v=2" />
-    <link rel="stylesheet" href="./styles/main.css?v=2" />
+    <link rel="stylesheet" href="./styles/tokens.css?v=20260912all" />
+    <link rel="stylesheet" href="./styles/main.css?v=20260912all" />
     <link
       rel="icon"
       href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' fill='%230E1114'/%3E%3Cpath d='M4 21c4-6 8 4 12-2s8 3 12-3' stroke='%233E8FB0' stroke-width='2.4' fill='none' stroke-linecap='round'/%3E%3Cpath d='M4 27c4-6 8 4 12-2s8 3 12-3' stroke='%238CC152' stroke-width='2.4' fill='none' stroke-linecap='round' opacity='.75'/%3E%3C/svg%3E"
@@ -94,15 +94,14 @@
 
         <div class="wrap hero-copy">
           <h1 id="heroHeading">
-            메시를 다시<br />
-            만들지 않는다
+            메시를 다시 만들지 않는다
           </h1>
           <p class="hero-lead">
             설비를 옮기면 유동이 그 자리에서 바뀐다. 데이터센터 열관리를 위한 실시간 GPU 유체
             시뮬레이터.
           </p>
 
-          <div class="scenario-strip" role="group" aria-label="브라우저 데모 운전 장면">
+          <div class="scenario-strip" role="group" aria-label="열유동 조작 장면">
             <p class="scenario-label">운전 장면</p>
             <button
               class="scenario-btn"
@@ -155,7 +154,7 @@
 
           <div class="field-readout" aria-live="polite" aria-atomic="true">
             <div class="field-readout-head">
-              <p class="field-readout-label mono">브라우저 데모 해석</p>
+              <p class="field-readout-label mono">이 화면에서 보는 변화</p>
               <p class="field-readout-state" id="fieldState">냉기와 발열이 맞서는 기준 상태입니다.</p>
             </div>
             <dl class="field-readout-grid">
@@ -175,9 +174,9 @@
           </div>
 
           <p class="hero-note">
-            위 화면은 브라우저에서 도는 <strong>2D 축소판</strong>이다. 슬라이더를 움직이거나 화면을
-            문지르면 유동이 즉시 반응한다. 실물 RFS 는 Unity 6.4 위에서 3D δ-SPH 를 돌린다 —
-            파티클 100,000개, 60 FPS.
+            이 페이지의 조작 화면은 <strong>2D 축소 표현</strong>입니다. 슬라이더를 움직이거나 화면을
+            문지르면 유동 변화가 바로 보입니다. RFS 본 제품의 Unity 6.4 기반 3D δ-SPH 사양은 이 데모와
+            별도로 확인해야 합니다.
           </p>
         </div>
       </section>
@@ -276,26 +275,26 @@
             <figure>
               <p class="fig-num mono">01</p>
               <p class="fig-title">GPU 커널</p>
-              <p class="fig-val mono">53<span>+</span></p>
-              <p class="fig-note">Compute Shader 10개 · HLSL 67개로 분할</p>
+              <p class="fig-val mono">Compute</p>
+              <p class="fig-note">공간 해시와 유동 계산을 GPU 작업으로 나눕니다.</p>
             </figure>
             <figure>
               <p class="fig-num mono">02</p>
-              <p class="fig-title">파티클</p>
-              <p class="fig-val mono">100,000</p>
-              <p class="fig-note">최대 512,000. 60 FPS 안정 구간 기준</p>
+              <p class="fig-title">연산 모델</p>
+              <p class="fig-val mono">δ-SPH</p>
+              <p class="fig-note">운전 조건에 따른 유동 변화를 계산합니다.</p>
             </figure>
             <figure>
               <p class="fig-num mono">03</p>
-              <p class="fig-title">파티클 1개의 크기</p>
-              <p class="fig-val mono">20<span>B</span></p>
-              <p class="fig-note">AoS 를 SoA 6개 버퍼로 갈라 얻은 값</p>
+              <p class="fig-title">데이터 배치</p>
+              <p class="fig-val mono">SoA</p>
+              <p class="fig-note">계산에 필요한 상태를 분리해 다룹니다.</p>
             </figure>
             <figure>
               <p class="fig-num mono">04</p>
-              <p class="fig-title">테스트</p>
-              <p class="fig-val mono">2,000<span>+</span></p>
-              <p class="fig-note">499개 파일 · EditMode · PlayMode · Performance</p>
+              <p class="fig-title">검증 흐름</p>
+              <p class="fig-val mono">Edit · Play</p>
+              <p class="fig-note">장면과 운전 조건을 나눠 확인합니다.</p>
             </figure>
           </div>
         </div>
@@ -537,8 +536,7 @@
           <div class="split-lead">
             <h2 id="adoptHeading">돌려 보려면 무엇이 필요한가</h2>
             <p class="section-lead">
-              DirectCompute 를 쓰므로 NVIDIA GPU 를 권장한다. 아래는 개발 저장소가 명시한 값
-              그대로다.
+              DirectCompute를 쓰므로 NVIDIA GPU를 권장합니다. 아래는 공개 기술 문서에 적힌 요구사항입니다.
             </p>
           </div>
           <div class="split-body">
@@ -576,8 +574,8 @@
 
             <div class="adopt-cta">
               <p>
-                도입 검토·기술 문의는 개발사인 트웬티온스로 연락하면 된다.
-                제품은 독점 소프트웨어이고, 평가판 제공 여부는 협의 사항이다.
+                도입 검토와 기술 문의는 트웬티온스로 연락해 주세요.
+                제품은 독점 소프트웨어이며, 평가판 제공 여부는 협의가 필요합니다.
               </p>
               <a class="btn" href="mailto:hello@twentyoz.kr?subject=RFS%20%EB%8F%84%EC%9E%85%20%EB%AC%B8%EC%9D%98">
                 RFS 도입 문의
@@ -598,14 +596,14 @@
         <dl class="foot-meta mono">
           <div><dt>버전</dt><dd>0.13.0</dd></div>
           <div><dt>엔진</dt><dd>Unity 6.4 · URP 17.2</dd></div>
-          <div><dt>개발</dt><dd>Twentyoz Co., Ltd.</dd></div>
+          <div><dt>제작</dt><dd>Twentyoz Co., Ltd.</dd></div>
           <div><dt>라이선스</dt><dd>Proprietary</dd></div>
         </dl>
       </div>
       <div class="wrap foot-fine">
         <p>
-          이 페이지의 수치는 RFS 개발 저장소의 README 에 적힌 값을 옮긴 것이다.
-          실측 조건이 붙지 않은 정확도 지표는 싣지 않았다.
+          이 페이지의 수치는 RFS 공개 기술 문서에 적힌 값입니다.
+          실측 조건이 없는 정확도 지표는 표시하지 않습니다.
         </p>
       </div>
     </footer>