架空のコーヒー焙煎所のランディングページを作ってください。

## お店の情報
- 店名: ふくろう坂焙煎所（長野県松本市の住宅街、坂の途中にある小さな自家焙煎のコーヒー豆店）
- 店主: 元書店員の夫婦2人。2019年開業。焙煎機は5kg釜が1台。
- 豆: 浅煎り〜中煎りが中心。常時6種類。代表的な豆は次の3つ。
  - エチオピア・グジ（浅煎り）100g 1,200円
  - コロンビア・ウィラ（中煎り）100g 1,000円
  - ブレンド「坂の上」（中深煎り）100g 900円
- 買い方: 店頭販売／オンライン通販（全国発送、送料600円、5,000円以上で送料無料）／定期便（月1回、200g×2種類、月3,200円・送料込み）
- 営業: 木〜日 11:00–18:00（月・火・水は定休）
- このページの目的: 定期便の申し込みを増やす

## 制約
- 作業フォルダに index.html を1つだけ作る。CSSは index.html の中に書く。JavaScriptは必要なら同じファイル内に書く。
- 画像ファイルは用意されていない。写真の代わりにCSSやインラインSVGを使ってよい。Webフォント（Google Fontsなど）は読み込んでよい。
- 文章は日本語。上の情報にない事実（受賞歴、具体的な住所、電話番号、口コミなど）は作らない。

## デザインガイド
以下のガイド（英語）に従ってデザインしてください。

{FRONTEND_DESIGN_SKILL_MD}  ← anthropics/skills の frontend-design/SKILL.md 本文（英語、frontmatterを除く）をここに貼る。実験時の版: https://github.com/anthropics/skills/blob/41bbe19d1a1a7eaab5e7bb9050a417e5c6cffc8f/skills/frontend-design/SKILL.md
