랜딩 홈·학습을 astryx 정본 패턴으로 전면 재작성

astryx CLI 템플릿(centered-hero)을 준수: 손 CSS 대신 VStack/HStack(gap+hAlign),
Heading(justify+textWrap=balance), Grid(minWidth columns), Card, Badge 조합.
중앙 정렬 셸 + 풀블리드 muted 밴드로 시각 리듬. Text type/color를 유효값
(body/label, primary/secondary)으로 교정. 헤드리스 Chrome 스크린샷으로 반복 검증.

Author: eddmpython