design: AI 템플릿 그라디언트 전면 제거 + 모바일 반응형 완성 (Round 4)

- services/website: 하단 CTA 그라디언트→솔리드+대각 패턴, 방사형 오브 제거
  CTA 카피 "지금 바로 시작하세요"→"내일도 고민만 하실 건가요?" 전환 강화
  CTA 버튼·스크롤탑 버튼 linear-gradient→#6366f1 솔리드
  모바일 반응형 CSS 블록 추가 (portfolio/process/pricing/hero 1컬럼)
  Hero 타이틀·배지 웹앱·앱 개발 포함 문구로 확장
- page.tsx: 서비스카드 가격/기간 hidden sm:flex→항상 표시 (모바일 대응)
- freelance: 개발자 기술 배지 hidden sm:flex→flex flex-wrap (모바일 표시)
  후기 그리드 md:grid-cols-3→sm:grid-cols-2 md:grid-cols-3

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

app/freelance/page.tsx

@@ -242,7 +242,7 @@ export default function FreelancePage() {
               <div className="text-white font-bold text-sm">쟁토리 (박재오)</div>
               <div className="text-blue-300/50 text-xs">대기업 백엔드 7년 · Python / Java / Next.js</div>
             </div>
-            <div className="hidden sm:flex gap-2">
+            <div className="flex flex-wrap gap-2">
               {['Python', 'Java', 'Next.js', 'Docker'].map(t => (
                 <span key={t} className="bg-[#1a56db]/20 border border-[#1a56db]/30 text-[#5ba4ff] text-xs px-2 py-0.5 rounded-md font-mono">{t}</span>
               ))}
@@ -342,7 +342,7 @@ export default function FreelancePage() {
             <p className="text-slate-500 text-sm mt-2" style={{ wordBreak: 'keep-all' }}>숫자보다 실제 말이 더 정직합니다</p>
           </div>
 
-          <div className="grid md:grid-cols-3 gap-5">
+          <div className="grid sm:grid-cols-2 md:grid-cols-3 gap-5">
             {testimonials.map((t) => (
               <div
                 key={t.name}