🎈 웹페이지 제작 프로젝트

@brd.md @prd.md 이 두 문서대로 웹페이지를 HTML 파일 하나로 만들어줘.

[만들기 전에 · 한 번에 묻기]
1. 두 문서를 끝까지 읽고, 만들다 막힐 곳을 미리 찾아서 질문을 한 번에 모아 물어봐.
   brd.md 「정할 것」에 남은 질문도 함께 물어봐.
2. 디자인(색, 글꼴, 분위기)을 물어보고, 참고할 사이트 주소나 이미지를 달라고 해.
   참고 자료는 색·글꼴·분위기에만 쓰고, 화면 배치는 PRD 「4 와이어프레임」 그대로 둬.
   디자인 방향을 한 줄로 정리해서 확인받아.
3. 외부 라이브러리(그래프 등)를 쓰려면 이때 먼저 물어봐.
4. 내 답을 다 받은 뒤에 만들기 시작해.

[만드는 규칙]
- PRD 「7 구현 계획」의 Phase 1만 만들어. Phase 2 이후는 만들지 마.
- 만드는 중에 두 문서에 없는 것이 또 나오면 만들지 말고 멈추고 물어봐.
- 숫자 카드는 PRD 「숫자 정의」의 셈법 그대로 계산해.
- 그 밖에는 중간 확인 없이 끝까지 만들어.

[저장]
- 작업 폴더 맨 위에 index.html 로 저장해.

[다 만든 뒤 알려 줄 것]
1. 브라우저에서 바로 열리는 파일 링크
2. PRD 「Phase 1 완료 기준」 체크 결과 (기준마다 ⭕ / ❌, ❌ 는 이유 한 줄)
3. 기능 표(F1~)별로 만든 것 / 못 만든 것 목록
4. 숫자 검산: PRD의 (예시) 데이터를 넣었을 때 숫자 카드 값과 손으로 셈한 값을 나란히 보여 줘

[마무리 · Vercel 배포 안내]
내가 화면을 보고 "배포하자"라고 하기 전에는 배포하지 마. 그 말을 하면 아래 순서로 한 단계씩 안내해.
1. 배포 전 점검: index.html 에 실제 이름·연락처·회사 자료가 없는지 검색해서 보여 줘.
2. 배포하면 주소를 아는 누구나 볼 수 있다는 점을 알려 주고 확인받아.
3. Vercel 무료 플랜(Hobby)만 써. 유료 결제나 카드 등록이 필요한 단계가 나오면 멈추고 알려 줘.
4. 로그인처럼 내가 직접 해야 하는 일은 명령어를 알려 주고 기다려.
5. 배포가 끝나면 웹 주소와, 페이지를 고친 뒤 다시 배포하는 방법을 한 줄로 알려 줘.