Update CLAUDE.md to reflect current architecture

- Change from single-file to multi-file structure
- Update tech stack: Tailwind v4 local build, Alpine.js, system fonts
- Update design system: dark theme, glassmorphism, mesh gradients
- Update page sections and key components
- Remove outdated chat widget reference

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

CLAUDE.md

@@ -19,27 +19,34 @@ No build step required - deploy directly.
 
 ## Architecture
 
-Single-file website (`index.html`, ~1000 lines) containing:
+Multi-file static website:
-- Inline Tailwind CSS configuration
+- `index.html` - 메인 랜딩 페이지 (~1000줄)
-- Inline styles for hand-drawn sketch aesthetic
+- `style.css` - Tailwind CSS 빌드 결과
-- Vanilla JavaScript for chat widget toggle
+- `fonts.css` - 시스템 폰트 정의
+- `app.js` - Alpine.js 앱 로직 (Server Launcher, Pricing Table 등)
+- `terms.html`, `privacy.html`, `sla.html` - 법적 페이지
 
 ### Tech Stack
-- Tailwind CSS (CDN)
+- Tailwind CSS v4 (로컬 빌드, `style.css`)
-- Rough.js (hand-drawn SVG effects)
+- Alpine.js 3.14.3 (CDN with SRI)
-- Google Fonts: Noto Sans KR (body), Caveat (decorative)
+- 시스템 폰트 (-apple-system, Apple SD Gothic Neo, Malgun Gothic)
 
 ### Design System
-- Hand-drawn/sketch aesthetic with custom border-radius and shadows
+- 다크 테마 (배경: #0a0f1a, dark-800/900)
-- Color palette: sketch-blue, sketch-red, sketch-green, sketch-orange, sketch-purple, sketch-yellow
+- 글래스모피즘 효과 (glass-card, glass-panel)
-- Background: cream (#fffce8) with grid pattern
+- 메시 그라디언트 배경 (brand-500, purple-500)
+- Color palette: brand-* (sky blue 계열), purple, green, red
 
 ### Page Sections
-Navigation → Hero → Services (`#services`) → Domain Service (`#domain`) → Features (`#features`) → Linux Guide (`#linux-guide`) → Pricing (`#pricing`) → Contact (`#contact`)
+Navigation → Hero (Telegram Bot Demo) → Features (`#features`) → Automation (`#automation`) → Infrastructure → Domain (`#domain`) → Pricing (`#pricing`) → Footer
+
+### Key Components
+- **Server Launcher Modal**: Alpine.js 기반 서버 생성 마법사
+- **Pricing Table**: 리전별 (Global/Seoul) 동적 요금표
+- **Telegram Bot Demo**: Hero 섹션 대화형 데모
 
 ## External Integrations
 
-- **Chat Widget**: Embedded iframe from `chat-frontend-4wf.pages.dev` (separate deployment)
+- **Telegram Bot**: @AnvilForgeBot (서버 생성, 도메인 등록)
-- **Telegram Bot**: @AnvilForgeBot for domain registration
 - **Credentials**: Stored in Vault at https://vault.anvil.it.com
 - **Registrant Info Source**: npm-linode-1 server (`/home/admin/namecheap_api/.env`)