目標：建立字體階層（H1/H2/內文/輔助），提高年輕感與可讀性。
檔案：index.html、style.css
步驟

1. 已載入 Google Fonts（Outfit、Space Grotesk）；把標題用 Outfit 800、內文用 Space Grotesk 400/600。

2. 建立排版比例（type scale）：

h1{font:800 2rem/1.15 "Outfit",sans-serif}
h2{font:800 1.4rem/1.2 "Outfit",sans-serif}
body{font:400 1rem/1.7 "Space Grotesk",system-ui}
.small{font-size:.92rem;color:var(--muted)}

3. 調整段落行距與清單行距，避免擠在一起。

驗收：手機上標題不爆版，字距、行距舒服好讀。
進階：在 .logo 上加入 letter-spacing:.5px、微量文字陰影做 Y2K 閃感。