refactor: 홈페이지 레이아웃 완전 개선 - 텍스트 나열식 → 전문적 디자인

주요 변경사항:
- Hero 섹션: 강력한 임팩트, 자격 배지, 큰 CTA
- 신뢰도 섹션: 자격 3개 항목 수직 확장
- 서비스 섹션: 아이콘 + 상세 설명 + 리스트형 혜택 → 전문성 강조
- 상담 프로세스: 새로운 4단계 시각화 섹션 추가
- 블로그 섹션: 플레이스홀더 이미지, 더 큰 카드
- 최종 CTA: 강렬한 다크 그린 배경, 대비 강한 버튼

디자인 개선:
- 화이트스페이스 확대
- 시각적 계층 구조 강화
- 기능별 섹션 분리
- 반응형 레이아웃 개선

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

TaxBaik.Web/wwwroot/css/site.css

@@ -466,3 +466,55 @@ img {
 .container {
     max-width: 1200px;
 }
+
+/* ===== 서비스 카드 ===== */
+.service-card {
+    text-align: center;
+    position: relative;
+    border: none !important;
+    background: white;
+    padding-top: 0;
+}
+
+.service-icon {
+    font-size: 3.5rem;
+    display: block;
+    margin-bottom: 0.5rem;
+    margin-top: -1.5rem;
+}
+
+.service-card .card-title {
+    font-size: 1.4rem;
+    margin-bottom: 1rem;
+    color: var(--color-text);
+}
+
+.service-card ul li {
+    color: var(--color-text-light);
+}
+
+/* ===== 블로그 카드 ===== */
+.blog-card {
+    border: none !important;
+    overflow: hidden;
+    transition: all var(--transition-normal);
+}
+
+.blog-placeholder {
+    height: 180px;
+    background: linear-gradient(135deg, rgba(200, 157, 110, 0.1) 0%, rgba(46, 92, 78, 0.1) 100%);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 4rem;
+    color: rgba(200, 157, 110, 0.3);
+}
+
+.blog-card:hover .blog-placeholder {
+    background: linear-gradient(135deg, rgba(200, 157, 110, 0.2) 0%, rgba(46, 92, 78, 0.2) 100%);
+}
+
+.bg-primary-badge {
+    background-color: rgba(200, 157, 110, 0.15) !important;
+    color: var(--color-primary) !important;
+}