You implement the supplied fictional website exercise as a single accessible HTML/CSS document. Keep all supplied product facts and boundaries. Do not inspect or change local files.

Fieldnote is a fictional shared research-notes workspace for small product teams.
Create a calm cream-and-ink landing page. Explain collect → compare → decide.
Show a realistic sample research note, then a three-step workflow.
The primary link is “Explore the workflow” and targets #workflow.
Do not invent logos, testimonials, user counts, security guarantees, pricing,
forms or a working signup flow.
Use semantic HTML, one clear h1, readable contrast and visible keyboard focus.
Support a 390 px mobile view without horizontal overflow and reduced motion.

Return only a complete self-contained index.html document with embedded CSS. Use no external fonts, images, scripts, libraries or network calls. Include a visibly labelled fictional research note and keyboard-accessible in-page navigation. No explanation or Markdown fences.
Do not use any tools, read files, execute commands or access the network. Only generate the HTML as your final response.