AX 페이지에 PoC 문의 폼 추가 (Formspree 연동 준비)

- 위치: AX 탭 데모 섹션 다음, AX 콘텐츠 최하단 (id=ax-poc-form)
- 필드 4종 (형님 명시):
• 이름 (name=name, required)
• 회사명 (name=company, required)
• LLM 종류 (name=llm_type, required, select 6옵션:
inhouse·finetune·api·hybrid·undecided·other)
• 문의 내용 (name=message, required, textarea 6줄)
- Formspree hidden fields:
• _subject: '[지니젠AI · ginigen.net] AX 종합병원 PoC 문의'
• _gotcha: honeypot 봇 차단
- 디자인: glassmorphism 카드, focus 시 cyan 보더+섀도
select 화살표 SVG로 violet 톤 통일
반응형: 모바일에서 이름·회사 row 1열 자동

연결 변경:
- 상단 hero CTA '✉ PoC 사전 신청' → #ax-poc-form 스크롤 (이전: contact 탭)
- 데모 placeholder '사전 PoC 신청하기' → #ax-poc-form 스크롤
- 같은 탭 내 스크롤이라 UX 즉시 응답

GeniGen 일괄 교체 요청:
- HTML/README 내 GeniGen 잔존 0건 확인 (이전 통일 commit에서 완료)
- noop이지만 검증 완료 — 작업 없음

⚠️ 운영 필요 단계:
1) https://formspree.io 가입(무료 50건/월)
2) New Form → contact@ginigen.net 지정
3) 발급된 form ID (예: xrgnzpyo)를 action URL의
'YOUR_FORM_ID' 자리에 교체
4) 첫 제출 시 verification 이메일 1회 클릭

index.html

@@ -627,6 +627,95 @@
             font-weight: 800;
         }
 
+        /* ============ CONTACT FORM (Formspree) ============ */
+        .contact-form {
+            display: flex;
+            flex-direction: column;
+            gap: 18px;
+            max-width: 720px;
+            margin-top: 30px;
+            background: var(--surface);
+            border: 1px solid var(--border);
+            border-radius: 18px;
+            padding: 32px 30px;
+            backdrop-filter: blur(12px);
+            -webkit-backdrop-filter: blur(12px);
+        }
+        .form-row {
+            display: grid;
+            grid-template-columns: 1fr 1fr;
+            gap: 16px;
+        }
+        .form-field {
+            display: flex;
+            flex-direction: column;
+            gap: 8px;
+        }
+        .form-label {
+            font-size: 11.5px;
+            font-weight: 600;
+            color: var(--accent-violet);
+            letter-spacing: 1.4px;
+            text-transform: uppercase;
+        }
+        .form-label .req { color: var(--accent-magenta); margin-left: 3px; }
+        .contact-form input,
+        .contact-form select,
+        .contact-form textarea {
+            padding: 13px 16px;
+            background: rgba(11, 20, 55, 0.40);
+            border: 1px solid var(--border);
+            border-radius: 12px;
+            color: var(--text-primary);
+            font-family: inherit;
+            font-size: 15px;
+            transition: border-color 0.2s, background 0.2s, box-shadow 0.2s;
+        }
+        .contact-form input::placeholder,
+        .contact-form textarea::placeholder {
+            color: var(--text-muted);
+        }
+        .contact-form input:focus,
+        .contact-form select:focus,
+        .contact-form textarea:focus {
+            outline: none;
+            border-color: var(--accent-cyan);
+            background: rgba(11, 20, 55, 0.55);
+            box-shadow: 0 0 0 3px rgba(0, 217, 255, 0.12);
+        }
+        .contact-form textarea { resize: vertical; line-height: 1.6; min-height: 120px; }
+        .contact-form select {
+            cursor: pointer;
+            appearance: none;
+            -webkit-appearance: none;
+            background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='%23A855F7' d='M6 8L0 0h12z'/></svg>");
+            background-repeat: no-repeat;
+            background-position: right 16px center;
+            padding-right: 40px;
+        }
+        .contact-form select option {
+            background: var(--bg-deep);
+            color: var(--text-primary);
+        }
+        .form-submit {
+            margin-top: 6px;
+            align-self: flex-start;
+            border: none;
+            font-family: inherit;
+            font-size: 15px;
+            cursor: pointer;
+        }
+        .form-note {
+            font-size: 12.5px;
+            color: var(--text-muted);
+            line-height: 1.55;
+            margin-top: 4px;
+        }
+        @media (max-width: 700px) {
+            .form-row { grid-template-columns: 1fr; }
+            .contact-form { padding: 24px 20px; }
+        }
+
         .feat-grid {
             display: grid;
             grid-template-columns: repeat(3, 1fr);
@@ -1122,7 +1211,7 @@
                     블랙박스였던 LLM 내부를 X-Ray로 투시 진단하고, 자동 처방·치료까지 한 플랫폼에서 완결합니다. 외주 5,000만원 진단을 100만원에, 3개월을 30분에.
                 </p>
                 <div class="hero-cta-row">
-                    <a href="#contact" class="btn btn-primary" onclick="switchTab('contact'); return false;">
+                    <a href="#ax-poc-form" class="btn btn-primary">
                         ✉ PoC 사전 신청
                     </a>
                     <a href="#pricing-ax" class="btn btn-ghost">
@@ -1220,10 +1309,57 @@
                         <div class="pico">🩺</div>
                         <h4>AX 종합병원 데모 곧 공개</h4>
                         <p>Phase 1 PoC (금융 1사 · 공공 1기관 · 의료 1병원 · 제조 대기업 1곳) 진행 중. 정식 데모는 베타 출시와 함께 공개됩니다.</p>
-                        <a href="#contact" onclick="switchTab('contact'); return false;">사전 PoC 신청하기</a>
+                        <a href="#ax-poc-form">사전 PoC 신청하기</a>
                     </div>
                 </div>
             </section>
+
+            <section class="section" id="ax-poc-form">
+                <div class="section-title">POC INQUIRY · 24H 응답</div>
+                <h2 class="section-heading">PoC 사전 신청 · 견적 문의.</h2>
+                <p class="section-sub">진단 대상 모델·서비스 규모·희망 일정을 알려주시면 담당자가 24시간 내 회신드립니다. 이메일은 <a href="mailto:contact@ginigen.net" style="color:var(--accent-cyan);">contact@ginigen.net</a>.</p>
+
+                <form class="contact-form" action="https://formspree.io/f/YOUR_FORM_ID" method="POST">
+                    <div class="form-row">
+                        <label class="form-field">
+                            <span class="form-label">이름<span class="req">*</span></span>
+                            <input type="text" name="name" required placeholder="홍길동" autocomplete="name">
+                        </label>
+                        <label class="form-field">
+                            <span class="form-label">회사명<span class="req">*</span></span>
+                            <input type="text" name="company" required placeholder="㈜OOOO" autocomplete="organization">
+                        </label>
+                    </div>
+
+                    <label class="form-field">
+                        <span class="form-label">LLM 종류<span class="req">*</span></span>
+                        <select name="llm_type" required>
+                            <option value="">— 선택해주세요 —</option>
+                            <option value="inhouse">자체 학습 LLM (인하우스 from scratch)</option>
+                            <option value="finetune">오픈소스 파인튜닝 (LLaMA · Qwen · Mistral 등)</option>
+                            <option value="api">외부 API (OpenAI · Claude · Gemini 등)</option>
+                            <option value="hybrid">하이브리드 (자체 + 외부 API 혼용)</option>
+                            <option value="undecided">아직 결정 전</option>
+                            <option value="other">기타</option>
+                        </select>
+                    </label>
+
+                    <label class="form-field">
+                        <span class="form-label">문의 내용<span class="req">*</span></span>
+                        <textarea name="message" rows="6" required placeholder="진단 대상 모델·서비스 규모·희망 일정 등 자유롭게 작성해주세요."></textarea>
+                    </label>
+
+                    <input type="hidden" name="_subject" value="[지니젠AI · ginigen.net] AX 종합병원 PoC 문의">
+                    <input type="text" name="_gotcha" style="display:none" tabindex="-1" autocomplete="off">
+
+                    <button type="submit" class="btn btn-primary form-submit">
+                        ✉ PoC 신청 보내기
+                    </button>
+                    <div class="form-note">
+                        제출 시 Formspree를 통해 contact@ginigen.net 으로 전달됩니다. 영업·마케팅 외 목적의 무단 수집은 차단됩니다.
+                    </div>
+                </form>
+            </section>
         </div>
 
         <!-- ============ 인공사회 ============ -->