디자인 톤다운: PPT 인상 개선·노랑(gold) → Rose Champagne·Media Kit 단축

색상 — Gold → Rose Champagne:
--accent-gold #F59E0B (앰버 노랑-오렌지) → #E5B584 (절제된 따뜻한 골드)
rgba(245,158,11,X) → rgba(229,181,132,X) 전체 일괄 교체
pillar[gold] 그라데이션: F59E0B/FBBF24 → E5B584/F2D2A8 (라이트 샴페인)
→ violet/magenta 패밀리와 자연스럽게 연결, 노랑 배지의 '광고' 인상 제거

PPT 인상 개선 (시각 위계 + 톤다운):
• section-title: 13px 800 그라데이션 텍스트 → 11.5px 600 단색 violet
+ 짧은 라인 접두사(::before, 22px) 추가 → 더 절제된 라벨 시그널
• section-heading: 800 weight → 700, letter-spacing -1px → -0.6px
(덜 두꺼움, 더 호흡감)
• section-sub: line-height 추가, max-width 720→680px (덜 빡빡)
• .section margin-top: 80px → 110px (호흡 강화)
+ 첫 섹션 60px 자동 (위로 너무 떨어지지 않게)
• detail-hero h2: 32→50px clamp, weight 800→700, letter -1.2→-1px
• detail-hero .accent: 단색 cyan → cyan→violet 그라데이션 텍스트
• .pillar: hover -6px → -3px, shadow alpha 14→10%/12→9%
+ backdrop-filter blur(12px) 추가 (글래스모피즘 강화)
+ transition cubic-bezier easing
+ radius 20→18, padding 32→36px (호흡)
• .pillar h3: 22→23, weight 800→700, letter -0.5→-0.6
• .pillar .tagline: 14→14.5, line-height 1.65→1.7
• .feat hover: 정적 → -2px + 보라 글로우(violet 0.08) + cubic-bezier
• .press-card hover: -3px → -2px, shadow 0.10→0.08

Press 미디어 키트 문구 단축:
기존: '미디어 키트. 로고 자산(가로형·스택형)·회사 소개·기술 자료·
CEO 인터뷰 요청은 contact@ginigen.net으로 부탁드립니다. 24시간 내 응답.'
→ 'Media Kit · 로고 · 인터뷰 → contact@ginigen.net'

index.html

@@ -27,7 +27,7 @@
             --accent-cyan: #00D9FF;
             --accent-violet: #A855F7;
             --accent-magenta: #D946EF;
-            --accent-gold: #F59E0B;
+            --accent-gold: #E5B584;
             --text-primary: #F8FAFC;
             --text-secondary: rgba(226, 232, 240, 0.78);
             --text-muted: rgba(226, 232, 240, 0.55);
@@ -254,8 +254,8 @@
             align-items: center;
             gap: 8px;
             padding: 8px 16px;
-            background: rgba(245, 158, 11, 0.12);
-            border: 1px solid rgba(245, 158, 11, 0.35);
+            background: rgba(229, 181, 132, 0.12);
+            border: 1px solid rgba(229, 181, 132, 0.35);
             border-radius: 999px;
             font-size: 12.5px;
             font-weight: 600;
@@ -316,32 +316,44 @@
 
         /* ============ SECTION TITLE ============ */
         .section {
-            margin-top: 80px;
+            margin-top: 110px;
+        }
+        .tab-content > .section:first-of-type {
+            margin-top: 60px;
         }
         .section-title {
-            font-size: 13px;
-            font-weight: 700;
-            background: linear-gradient(90deg, var(--accent-cyan) 0%, var(--accent-violet) 100%);
-            -webkit-background-clip: text;
-            -webkit-text-fill-color: transparent;
-            background-clip: text;
-            letter-spacing: 2px;
+            font-size: 11.5px;
+            font-weight: 600;
+            color: var(--accent-violet);
+            letter-spacing: 1.6px;
             text-transform: uppercase;
-            margin-bottom: 12px;
-            display: inline-block;
+            margin-bottom: 14px;
+            display: inline-flex;
+            align-items: center;
+            gap: 10px;
+            opacity: 0.85;
+        }
+        .section-title::before {
+            content: '';
+            width: 22px;
+            height: 1px;
+            background: var(--accent-violet);
+            opacity: 0.5;
         }
         .section-heading {
-            font-size: clamp(28px, 4vw, 42px);
-            font-weight: 800;
-            line-height: 1.2;
-            letter-spacing: -1px;
-            margin-bottom: 16px;
+            font-size: clamp(28px, 3.6vw, 40px);
+            font-weight: 700;
+            line-height: 1.18;
+            letter-spacing: -0.6px;
+            margin-bottom: 18px;
         }
         .section-sub {
-            font-size: 16.5px;
+            font-size: 16px;
             color: var(--text-secondary);
-            max-width: 720px;
-            margin-bottom: 40px;
+            max-width: 680px;
+            margin-bottom: 44px;
+            line-height: 1.7;
+            font-weight: 400;
         }
 
         /* ============ 3 PILLARS ============ */
@@ -352,13 +364,15 @@
         }
         .pillar {
             position: relative;
-            background: linear-gradient(160deg, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0.02) 100%);
+            background: linear-gradient(160deg, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0.01) 100%);
             border: 1px solid var(--border);
-            border-radius: 20px;
-            padding: 32px 26px;
-            transition: all 0.3s ease;
+            border-radius: 18px;
+            padding: 36px 28px;
+            transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
             overflow: hidden;
             cursor: pointer;
+            backdrop-filter: blur(12px);
+            -webkit-backdrop-filter: blur(12px);
         }
         .pillar::before {
             content: '';
@@ -369,15 +383,15 @@
             opacity: 0.8;
         }
         .pillar:hover {
-            transform: translateY(-6px);
+            transform: translateY(-3px);
             border-color: var(--border-bright);
             box-shadow:
-                0 20px 50px rgba(0, 217, 255, 0.14),
-                0 10px 30px rgba(168, 85, 247, 0.12);
+                0 16px 40px rgba(0, 217, 255, 0.10),
+                0 8px 24px rgba(168, 85, 247, 0.09);
         }
         .pillar[data-color="cyan"] { --gradient: linear-gradient(90deg, #00D9FF, #3B82F6); }
         .pillar[data-color="blue"] { --gradient: linear-gradient(90deg, #3B82F6, #A855F7, #D946EF); }
-        .pillar[data-color="gold"] { --gradient: linear-gradient(90deg, #F59E0B, #D946EF); }
+        .pillar[data-color="gold"] { --gradient: linear-gradient(90deg, #E5B584, #D946EF); }
 
         .pillar-icon {
             width: 52px; height: 52px;
@@ -399,16 +413,17 @@
             margin-bottom: 8px;
         }
         .pillar h3 {
-            font-size: 22px;
-            font-weight: 800;
-            margin-bottom: 10px;
-            letter-spacing: -0.5px;
+            font-size: 23px;
+            font-weight: 700;
+            margin-bottom: 12px;
+            letter-spacing: -0.6px;
         }
         .pillar .tagline {
-            font-size: 14px;
+            font-size: 14.5px;
             color: var(--text-secondary);
-            line-height: 1.65;
-            margin-bottom: 18px;
+            line-height: 1.7;
+            margin-bottom: 20px;
+            font-weight: 400;
         }
         .pillar ul {
             list-style: none;
@@ -446,8 +461,8 @@
         /* ============ TRUST BAR ============ */
         .trust-bar {
             margin-top: 70px;
-            background: linear-gradient(135deg, rgba(245, 158, 11, 0.10) 0%, rgba(168, 85, 247, 0.07) 50%, rgba(0, 217, 255, 0.06) 100%);
-            border: 1px solid rgba(245, 158, 11, 0.25);
+            background: linear-gradient(135deg, rgba(229, 181, 132, 0.10) 0%, rgba(168, 85, 247, 0.07) 50%, rgba(0, 217, 255, 0.06) 100%);
+            border: 1px solid rgba(229, 181, 132, 0.25);
             border-radius: 20px;
             padding: 32px 28px;
         }
@@ -459,7 +474,7 @@
             flex-wrap: wrap;
         }
         .trust-bar-head .gold-badge {
-            background: linear-gradient(135deg, #F59E0B, #FBBF24);
+            background: linear-gradient(135deg, #E5B584, #F2D2A8);
             color: #1F2937;
             font-size: 11px;
             font-weight: 800;
@@ -533,21 +548,27 @@
         /* ============ DETAIL PAGES (AX / Society / Studio) ============ */
         .detail-hero {
             text-align: left;
-            padding: 40px 0;
+            padding: 50px 0 30px;
         }
         .detail-hero h2 {
-            font-size: clamp(32px, 5vw, 52px);
-            font-weight: 800;
-            line-height: 1.15;
-            letter-spacing: -1.2px;
-            margin-bottom: 18px;
+            font-size: clamp(32px, 4.6vw, 50px);
+            font-weight: 700;
+            line-height: 1.12;
+            letter-spacing: -1px;
+            margin-bottom: 22px;
+        }
+        .detail-hero .accent {
+            background: linear-gradient(135deg, var(--accent-cyan) 0%, var(--accent-violet) 100%);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
         }
-        .detail-hero .accent { color: var(--accent-cyan); }
         .detail-hero .lead {
-            font-size: 18px;
+            font-size: 17.5px;
             color: var(--text-secondary);
-            max-width: 760px;
-            line-height: 1.65;
+            max-width: 720px;
+            line-height: 1.7;
+            font-weight: 400;
         }
 
         .hero-cta-row {
@@ -594,8 +615,8 @@
         .hero-price-strip {
             margin-top: 22px;
             padding: 14px 20px;
-            background: linear-gradient(135deg, rgba(245, 158, 11, 0.10) 0%, rgba(0, 217, 255, 0.06) 100%);
-            border: 1px solid rgba(245, 158, 11, 0.30);
+            background: linear-gradient(135deg, rgba(229, 181, 132, 0.10) 0%, rgba(0, 217, 255, 0.06) 100%);
+            border: 1px solid rgba(229, 181, 132, 0.30);
             border-radius: 12px;
             font-size: 14px;
             color: var(--text-secondary);
@@ -619,7 +640,13 @@
             padding: 24px 22px;
             transition: all 0.25s;
         }
-        .feat:hover { border-color: var(--border-bright); background: var(--surface-hover); }
+        .feat:hover {
+            border-color: var(--border-bright);
+            background: var(--surface-hover);
+            transform: translateY(-2px);
+            box-shadow: 0 10px 24px rgba(168, 85, 247, 0.08);
+        }
+        .feat { transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); }
         .feat .ico {
             font-size: 24px;
             margin-bottom: 12px;
@@ -792,8 +819,8 @@
         .press-card:hover {
             border-color: var(--border-bright);
             background: var(--surface-hover);
-            transform: translateY(-3px);
-            box-shadow: 0 14px 36px rgba(0, 217, 255, 0.10);
+            transform: translateY(-2px);
+            box-shadow: 0 12px 28px rgba(0, 217, 255, 0.08);
         }
         .press-meta {
             display: flex;
@@ -847,8 +874,8 @@
         .press-note {
             margin-top: 24px;
             padding: 16px 20px;
-            background: rgba(245, 158, 11, 0.06);
-            border: 1px solid rgba(245, 158, 11, 0.20);
+            background: rgba(229, 181, 132, 0.06);
+            border: 1px solid rgba(229, 181, 132, 0.20);
             border-radius: 12px;
             font-size: 13.5px;
             color: var(--text-secondary);
@@ -1478,7 +1505,7 @@
                 </div>
 
                 <div class="press-note">
-                    <strong>미디어 키트.</strong> 로고 자산(<a href="logo.png" target="_blank" style="color:var(--accent-cyan);">가로형</a> · <a href="logo-stacked.png" target="_blank" style="color:var(--accent-cyan);">스택형</a>)·회사 소개·기술 자료·CEO 인터뷰 요청은 <a href="mailto:contact@ginigen.net" style="color:var(--accent-cyan);">contact@ginigen.net</a>으로 부탁드립니다. 24시간 내 응답.
+                    <strong>Media Kit</strong> · <a href="logo.png" target="_blank" style="color:var(--accent-cyan);">로고</a> · 인터뷰 → <a href="mailto:contact@ginigen.net" style="color:var(--accent-cyan);">contact@ginigen.net</a>
                 </div>
             </section>
         </div>