Deploy CP-UX-12/13 landing: hero draft proof, privacy and Vietnamese-capability evidence

docs/TEST_MATRIX.md

@@ -11,6 +11,8 @@ after the named evidence is actually run and recorded.
 | CP-BASE-004 | Interpreter console remains buildable and usable | yes | no | yes | no | implemented | lint; 38 unit; build; 4 browser tests passed (2026-07-12) |
 | GEC-001 | Offline GEC training uses ViMedCSS and synthetic pairs without human-labeling tooling | no | yes | no | no | implemented | Ruff; 26 focused GEC tests; root 95 passed, 1 skipped (2026-07-12) |
 | HARN-001 | Agent work follows durable CarePath intake and proof rules | no | yes | no | no | implemented | pinned merge install, CLI 0.1.11, init, matrix, audit, trace (2026-07-12) |
+| CP-UX-10 | Public landing leads with Ghi chép bệnh án AI; Interpreter is visibly unavailable | yes | yes | yes | yes | implemented | lint; 46 unit; 5 deploy-env; build + NFC; 5 browser tests at 320–1440px; combined app 3 passed; Lighthouse 100/100/100 (2026-07-14) |
+| CP-UX-11 | Vietnamese-only landing starts with the doctor's documentation burden and teaches the Scribe workflow before upload | yes | yes | yes | yes | implemented | lint; 45 unit; 5 deploy-env; build + NFC; 8 browser tests at 320–1440px with Axe/light/dark/reduced-motion; combined app 3 passed; Lighthouse 100/100/100 (2026-07-15) |
 
 Proof labels mean the relevant layer has evidence for the baseline; they do not
 claim every historical behavior was retested. Story packets define the exact

docs/decisions/0015-soap-note-measurement-gate.md

@@ -4,7 +4,8 @@ Date: 2026-07-13
 
 ## Status
 
-Accepted
+Superseded by [0017 In-House Testing Scope](0017-in-house-testing-scope.md)
+on 2026-07-13.
 
 ## Context
 

docs/decisions/0017-in-house-testing-scope.md

@@ -0,0 +1,40 @@
+# 0017 In-House Testing Scope
+
+Date: 2026-07-13
+
+## Status
+
+Accepted
+
+## Context
+
+The restructure and public deployment work are complete. The remaining
+50-note clinician-rating target in decision 0015 would require an external
+clinical-evidence program that is outside the current in-house testing scope.
+
+## Decision
+
+Remove the 50-note clinician-rating target from the restructure completion
+criteria and from the SOAP review utility. In-house review is optional and
+informational: it may inspect synthetic or already-approved de-identified
+material with the existing score-only rubric, but it cannot authorize a SOAP
+fine-tuning, provider, or safety-policy change.
+
+No audio, transcript, patient identifier, or note text may enter this
+repository. A future clinical-evidence program or model decision requires a
+separate owner decision.
+
+## Consequences
+
+- The restructure can complete without external clinical-rating evidence.
+- The rubric remains available for bounded in-house quality checks, without a
+  minimum sample-size goal or readiness result.
+- CarePath makes no clinical-quality or model-readiness claim from in-house
+  testing.
+
+## Alternatives Considered
+
+1. Keep the 50-note gate: rejected because it conflicts with the current
+   owner-directed in-house scope.
+2. Delete the rubric and validator: rejected because they remain useful for
+   privacy-bounded internal QA.

docs/product/ai-scribe.md

@@ -23,9 +23,10 @@ provides the workflow from `/ghi-chep-lam-sang/`.
 - The committed text-only frozen baseline report is verified in CI. Before an
   adapter can export, its frozen-fixture drug-name recall and dosage
   number/unit preservation must not regress against the raw-ASR baseline.
-- A SOAP fine-tuning decision is prohibited until the owner completes the
-  clinician-rating protocol for at least 50 de-identified pilot notes in an
-  approved environment. The rating schema stores no note text or audio here.
+- In-house SOAP review may use only synthetic or already-approved
+  de-identified material. It is informational only and does not authorize a
+  SOAP fine-tuning, provider, or safety-policy change. The optional rating
+  schema stores no note text or audio here.
 
 ## Proof
 

docs/product/carepath-suite.md

@@ -7,12 +7,17 @@ has two distinct workflows; the user must never need to know the English terms
 | Workflow | Purpose | Primary action |
 | --- | --- | --- |
 | Ghi chép bệnh án AI | AI hears a consultation and prepares structured clinical notes. | Bắt đầu ghi chép |
-| Phiên dịch khám bệnh trực tiếp | Translates between a Vietnamese-speaking clinician and an English-speaking patient during a consultation. | Bắt đầu phiên dịch |
+| Phiên dịch khám bệnh trực tiếp | Translates between a Vietnamese-speaking clinician and an English-speaking patient during a consultation. | Đang phát triển — chưa thể truy cập |
 
-The landing page frames this choice as `Bạn muốn hỗ trợ việc gì hôm nay?`.
-Every clinical screen must say what workflow is active, what it helps with,
-what to do next, and its relevant limit or risk.
+The current public landing leads with the Scribe job to be done and keeps the
+Interpreter visible as unavailable. Every clinical screen must say what
+workflow is active, what it helps with, what to do next, and its relevant limit
+or risk.
 
 CarePath remains clinician-controlled: Scribe drafts require review, and the
 Interpreter translates only. The detailed module contracts are
 `ai-scribe.md` and `live-interpreter.md`.
+
+The public web experience currently exposes Scribe as its only active product
+journey. Interpreter remains visible as a non-interactive development status;
+its browser routes stay closed until a separate release decision reopens them.

docs/product/live-interpreter.md

@@ -18,6 +18,9 @@ Scribe is the only public product. `/phien-dich-y-khoa/*` and `/console/*`
 return 404; this does not change the Interpreter API, WebSocket, or safety
 invariants used for internal development.
 
+The Interpreter is on hold for public release. Restrict changes to internal
+bug fixes and safety maintenance until the owner reopens its release work.
+
 ## Safety Invariants
 
 - No microphone capture before recorded consent.

docs/qa-evidence/README.md

@@ -0,0 +1,20 @@
+# Visual QA Evidence
+
+This directory contains versioned visual proof for CarePath’s public site and
+interpreter experience. These images are documentation, not application assets.
+
+## Coverage
+
+- `scribe/frontend/` — landing and clinical-note workflow at desktop and mobile viewports.
+- `interpreter/` — consent, quiz, device check, first-run, blocked-risk, and
+  forced-colors states across desktop and mobile viewports.
+
+## Retention
+
+- Keep the complete evidence set in Git; it supports visual, accessibility, and
+  responsive-regression review.
+- Refresh a scenario only after its corresponding browser or visual QA changes.
+- Name new captures by surface, state, and viewport, matching the existing
+  convention (for example, `consent-checked-390x844.png`).
+- Do not import images from this directory into runtime code or production
+  bundles.

docs/stories/CP-UX-09-interpreter-public-block.md

@@ -2,7 +2,7 @@
 
 ## Status
 
-in progress
+implemented
 
 ## Lane
 
@@ -47,4 +47,9 @@ non-runtime binary QA assets.
 
 ## Evidence
 
-Pending validation.
+2026-07-13: combined-app route proof passed (3 tests); Scribe frontend unit
+(45), build, and browser (7) checks passed; Ruff passed. Space commit
+`cc678b9` is Running. Live HTTP checks returned 404 for
+`/phien-dich-y-khoa/`, its asset path, and `/console/`; `/`,
+`/ghi-chep-lam-sang/`, `/api/v1/health`, `/api/health`, and the Vercel public
+site each returned 200.

docs/stories/CP-UX-10-scribe-story-landing.md

@@ -0,0 +1,69 @@
+# CP-UX-10 Scribe-Led Public Landing Story
+
+## Status
+
+implemented
+
+## Lane
+
+normal
+
+## Product Contract
+
+The public landing tells a Vietnamese-first story about reducing
+post-consultation documentation work. Ghi chép bệnh án AI is the only active
+journey. Phiên dịch khám bệnh trực tiếp is visibly in development and has no
+public action.
+
+## Relevant Product Docs
+
+- `docs/product/carepath-suite.md`
+- `docs/product/ai-scribe.md`
+- `docs/product/live-interpreter.md`
+- `docs/ux-redesign-carepath.md`
+
+## Acceptance Criteria
+
+- The Scribe hero, workflow, review limit, and canonical CTA are clear in
+  Vietnamese without requiring knowledge of the term Scribe.
+- Interpreter status is prominent, non-interactive, and does not weaken its
+  existing 404 public-route contract.
+- The Scribe pilot form cannot select or submit Interpreter interest.
+- Mobile, keyboard, reduced-motion, diacritics, Axe, and Lighthouse gates pass.
+- No backend, API, audio, consent, WebSocket, TTS, or risk behavior changes.
+
+## Design Notes
+
+- Editorial split hero with a 72rem title width and interface-led product visual.
+- Gapless 12-by-2 bento: `7×2 + 5×1 + 5×1 = 24` cells.
+- Geist remains self-hosted. GSAP supplies desktop pinning and image scale/fade;
+  reduced-motion and mobile layouts remain static.
+- No photography, fake testimonials, unsupported statistics, or remote assets.
+
+## Validation
+
+| Layer | Expected proof |
+| --- | --- |
+| Unit | Landing copy, non-interactive status, Scribe CTA, Scribe-only form |
+| E2E | Responsive layout, keyboard, Axe, reduced motion, Scribe route |
+| Platform | Build, diacritics, Lighthouse, Vercel production and live routes |
+| Regression | Combined-app Scribe 200 and Interpreter 404 route tests |
+
+## Harness Delta
+
+Add this story to the local Harness, record the real proof results, and finish
+with a trace. No new Harness capability is required.
+
+## Evidence
+
+- Frontend lint passed; Vitest passed 46 tests across 10 files.
+- Deploy-environment validation passed 5 tests; the production build and
+  Vietnamese NFC/diacritics gate passed.
+- Playwright passed 5 flows across 320, 360, 390, 768, and 1440px, including
+  hero line limits, overflow, keyboard access, Axe, reduced motion, and the
+  canonical Scribe route.
+- The combined FastAPI route proof passed 3 tests under the repository Python
+  3.12 environment, including Scribe availability and Interpreter 404s.
+- Lighthouse scored 100 performance, 100 accessibility, and 100 best practices.
+- No interactive browser was connected for separate desktop/phone visual
+  capture, so that manual visual gate remains explicitly unverified.

docs/stories/CP-UX-11-problem-led-scribe-onboarding.md

@@ -0,0 +1,68 @@
+# CP-UX-11 Problem-Led Scribe Onboarding
+
+## Status
+
+implemented
+
+## Lane
+
+normal
+
+## Product contract
+
+The public site is Vietnamese-only and starts with the documentation burden a
+doctor recognizes. It teaches the available Ghi chép bệnh án AI workflow with a
+small self-calculator and a safe guided sample before asking the visitor to
+upload audio or contact the pilot team.
+
+Phiên dịch khám bệnh trực tiếp remains a non-interactive development status.
+
+## Scope
+
+- Compact the public landing page and remove the VI/EN control.
+- Add a four-question, browser-only documentation-time calculator.
+- Reuse the existing Scribe showcase for a guided sample that never invents an
+  assessment or plan.
+- Put upload instructions and the upload control on the same Scribe tool screen.
+- Keep the pilot form Scribe-only and secondary to the working product action.
+
+No backend, API, audio processing, consent, retention, Interpreter, WebSocket,
+TTS, or clinical safety behavior changes.
+
+## Acceptance criteria
+
+- The hero says `Dành thời gian cho người bệnh, không phải cho việc gõ bệnh án.`
+  and its first action opens the guided sample.
+- The site contains no public English-language toggle or English-first product
+  label.
+- A visitor can calculate current daily documentation time without a CarePath
+  savings claim or network request.
+- The sample explains conversation, clarified transcript, structured draft, and
+  clinician review; Assessment and Plan remain for the doctor to complete.
+- The real Scribe route shows instructions and the audio upload control together
+  without an extra continue gate.
+- Interpreter status remains visible, non-interactive, and its public routes
+  remain 404.
+- Mobile, keyboard, reduced-motion, diacritics, Axe, build, Lighthouse, and
+  combined-app checks pass.
+
+## Validation
+
+```powershell
+cd scribe\frontend
+npm.cmd run lint
+npm.cmd test
+npm.cmd run test:deploy-env
+npm.cmd run build
+npm.cmd run e2e
+npm.cmd run lighthouse
+cd ..\..
+python -m pytest scribe/tests/test_combined_app.py
+```
+
+## Proof
+
+- unit: 45 passed
+- integration: combined app 3 passed
+- e2e: 8 passed at 320, 360, 390, 768, and 1440px; phone and desktop screenshots captured
+- platform: lint, deploy-env 5 passed, build/NFC passed, Lighthouse 100/100/100

docs/stories/CP-UX-12-landing-professional-polish.md

@@ -0,0 +1,70 @@
+# CP-UX-12 Professional Landing Polish
+
+## Status
+
+implemented
+
+## Lane
+
+normal
+
+## Product contract
+
+The public landing keeps the CP-UX-11 problem-led structure and copy contract,
+and presents it with professional polish: the hero shows a conversation-to-draft
+proof of the product, the Interpreter development status is visible but quiet,
+the page has one dark closing moment instead of three, and the footer stays
+readable at phone widths.
+
+## Scope
+
+- Replace the hero daily-flow table with a static conversation-to-draft proof
+  panel reusing the sanitized sample; Subjective and Objective rows only.
+- Keep both hero actions on one row at desktop widths.
+- Restyle the Interpreter status as a bordered notice; same element, same
+  strings, still non-interactive.
+- One shared section-padding rhythm; trust section light; start section is the
+  only dark section before the footer.
+- Root-cause the footer responsive bug (late `.site-footer` override) and stack
+  the footer at phone widths.
+
+No route, API, form, showcase-interaction, Scribe-tool, consent, audio,
+Interpreter, or safety behavior changes. No new dependency.
+
+## Acceptance criteria
+
+- Hero shows the proof panel labeled as a cleaned sample; `Chờ bác sĩ nhập
+  hoặc xác nhận.` still never renders before the doctor opens the draft step.
+- Both hero actions render on one row at 1024 px and wider.
+- Interpreter status keeps exact strings, zero links or buttons, and loses the
+  dark band treatment.
+- Exactly one dark section between the evidence grid and the footer.
+- Footer stacks into readable rows at 320, 360, and 390 px.
+- Hero under 800 px at 1440×900; H1 line limits hold; no horizontal overflow
+  from 320 to 1440 px.
+- Lint, unit, deploy-env, build with diacritics gate, Playwright, Lighthouse,
+  and combined-app checks pass.
+
+## Validation
+
+```powershell
+cd scribe\frontend
+npm.cmd run lint
+npm.cmd test
+npm.cmd run test:deploy-env
+npm.cmd run build
+npm.cmd run e2e
+npm.cmd run lighthouse
+cd ..\..
+python -m pytest scribe/tests/test_combined_app.py
+```
+
+## Evidence
+
+2026-07-15: lint passed; 46 unit tests passed; 5 deploy-env tests passed;
+production build and NFC diacritics gate passed; 8 Playwright tests passed
+(keyboard, responsive 320–1440, axe light and dark, touch menu, reduced
+motion); combined-app 3 passed; Lighthouse 100/100/100 with CLS 0.
+Desktop and mobile screenshots verified: hero proof panel above the fold,
+single-row hero actions, quiet Interpreter notice, one dark closing section,
+stacked phone footer.

docs/stories/CP-UX-13-privacy-capability-visibility.md

@@ -0,0 +1,63 @@
+# CP-UX-13 Privacy and Vietnamese-Capability Visibility
+
+## Status
+
+implemented
+
+## Lane
+
+normal
+
+Privacy hard-gate note: this story restates verified, already-shipped privacy
+claims more prominently. It changes no retention, consent, microphone, or API
+behavior. Every claim is grounded in `scribe/carepath/main.py` (request-scoped
+`TemporaryDirectory` processing) and `docs/product/ai-scribe.md` (temporary
+working storage only; consultation audio is never training data).
+
+## Product contract
+
+The landing makes its trust facts visible instead of buried: the hero states
+that audio is not retained, and the trust section shows two evidence panels,
+Vietnamese capability and audio privacy, under one heading that keeps the
+clinician-review requirement and the no-advice boundary. Review is framed as
+fast and targeted because corrections and gaps are marked, never as optional.
+
+## Scope
+
+- Extend the hero small print with the audio-retention fact.
+- Replace the four-bullet trust list with capability and privacy panels,
+  absorbing all previous safety statements.
+- No accuracy figure, no savings promise, no suggestion to skip review.
+- No route, API, backend, form, or Scribe-tool changes. No new dependency.
+
+## Acceptance criteria
+
+- Audio-retention fact visible in the hero without scrolling.
+- Trust section shows both panels with all six verified claims plus the
+  review requirement and no-advice boundary.
+- No prior safety statement is lost from the page.
+- CP-UX-12 gates still pass: lint, unit, deploy-env, build with diacritics,
+  Playwright with axe light and dark, Lighthouse, combined-app tests.
+
+## Validation
+
+```powershell
+cd scribe\frontend
+npm.cmd run lint
+npm.cmd test
+npm.cmd run test:deploy-env
+npm.cmd run build
+npm.cmd run e2e
+npm.cmd run lighthouse
+cd ..\..
+python -m pytest scribe/tests/test_combined_app.py
+```
+
+## Evidence
+
+2026-07-15: lint passed; 47 unit tests passed; 5 deploy-env tests passed;
+production build and NFC diacritics gate passed; 8 Playwright tests passed
+(axe light and dark, responsive 320–1440, reduced motion); combined-app 3
+passed; Lighthouse 100/100/100 with CLS 0. Screenshots verified the two
+trust panels, extended hero small print, and intact review and no-advice
+copy at desktop and mobile widths.

docs/stories/epics/E09-restructure/CP-RES-010-soap-measurement/design.md

@@ -8,10 +8,10 @@ contains no clinical source material.
 
 ## Application Flow
 
-The owner exports anonymous score-only rows from the approved review
-environment and runs `validate_soap_ratings.py` locally. The summary reports
-the number of unique notes, mean scores, serious hallucinations, unsafe
-dispositions, and whether the 50-note decision threshold is met.
+An in-house reviewer exports anonymous score-only rows from an approved local
+review environment and runs `validate_soap_ratings.py` locally. The summary
+reports the number of unique notes, mean scores, serious hallucinations, and
+unsafe dispositions. It has no readiness result or decision threshold.
 
 ## Data Model
 
@@ -25,8 +25,10 @@ The CLI prints a JSON summary only; it never writes, logs, or uploads ratings.
 
 ## Alternatives Considered
 
-1. Use synthetic note ratings.
+1. Use synthetic or already-approved de-identified material for in-house
+   testing.
 2. Store full notes and audio beside the code.
-3. Fine-tune before clinician measurement.
+3. Change the model based on in-house measurements alone.
 
-All are rejected because they would create weak or unsafe evidence.
+The first option is accepted for bounded in-house testing. The latter options
+are rejected because they would create privacy or safety risk.

docs/stories/epics/E09-restructure/CP-RES-010-soap-measurement/execplan.md

@@ -2,7 +2,7 @@
 
 ## Goal
 
-Prepare an owner-led, de-identified measurement gate for SOAP quality.
+Provide an optional, privacy-bounded in-house SOAP quality review tool.
 
 ## Scope
 
@@ -10,32 +10,34 @@ In scope:
 
 - Rubric and blank score-only schema.
 - Standard-library validation and summary.
-- Product contract that prevents premature fine-tuning.
+- Product contract that keeps in-house results informational.
 
 Out of scope:
 
-- Clinical-data collection, storage, rating, or model changes.
+- Clinical-data collection or storage in this repository, or model changes.
 
 ## Risk Classification
 
 Risk flags:
 
-- Clinical data and model-quality decision policy.
+- Clinical data, privacy, and model-quality decision policy.
 
 Hard gates:
 
 - No source material enters the repository.
-- At least 50 distinct notes must be rated before the owner decides whether to
-  change the model.
+- The summary has no minimum sample-size or model-readiness result.
+- No model, provider, or safety-policy change follows from in-house results
+  without a separate owner decision.
 
 ## Work Phases
 
 1. Define the minimum score-only schema and rubric.
-2. Validate bounded scores and the unique-note threshold.
-3. Document owner prerequisites and stop conditions.
+2. Validate bounded scores and summarize anonymous review metadata.
+3. Document the in-house scope and stop conditions.
 4. Prove the validator with synthetic in-memory test rows only.
 
 ## Stop Conditions
 
 Pause for owner direction if any request would add patient data, audio,
-transcripts, or note text to this repository.
+transcripts, or note text to this repository, or use in-house results to
+change a model, provider, or safety policy.

docs/stories/epics/E09-restructure/CP-RES-010-soap-measurement/overview.md

@@ -2,18 +2,18 @@
 
 ## Current Behavior
 
-The Scribe produces a clinician-reviewed SOAP draft, but no durable protocol
-exists for assessing its quality before changing the model.
+The Scribe produces a clinician-reviewed SOAP draft. The repository now has a
+bounded review tool, but current work is limited to in-house testing.
 
 ## Target Behavior
 
-The repository provides a de-identified rubric, blank schema, and validator.
-The owner can collect at least 50 real clinician ratings in an approved
-environment before making a tuning decision.
+The repository provides an optional score-only rubric, blank schema, and
+validator for informational in-house review. It has no minimum sample-size
+target and cannot authorize a model change.
 
 ## Affected Users
 
-- Clinical owner and clinician reviewers.
+- In-house reviewers.
 
 ## Affected Product Docs
 
@@ -21,5 +21,6 @@ environment before making a tuning decision.
 
 ## Non-Goals
 
-- Collect pilot audio, patient data, generated note text, or ratings.
+- Collect source audio, patient data, generated note text, or ratings in this
+  repository.
 - Train, fine-tune, or change the SOAP serving provider.

docs/stories/epics/E09-restructure/CP-RES-010-soap-measurement/validation.md

@@ -9,7 +9,7 @@ is created or persisted.
 
 | Layer | Cases |
 | --- | --- |
-| Unit | 50-note threshold, serious-hallucination summary, invalid-score rejection |
+| Unit | Quality summary, serious-hallucination summary, invalid-score rejection |
 | Integration | Existing CPU-only training test job discovers the validator test |
 | E2E | Not applicable; no product surface changes |
 | Platform | No external provider required |
@@ -23,6 +23,8 @@ python -m ruff check scribe/training/scripts/validate_soap_ratings.py scribe/tra
 
 ## Acceptance Evidence
 
-2026-07-13: focused proof passed with `38 passed`; no data collection, model
-training, or serving behavior change occurred. The owner has not yet supplied
-the required pilot data or clinical ratings, so no model decision is claimed.
+2026-07-13: `python -m pytest scribe/training/tests` passed with `54 passed,
+1 skipped`; the review-validator focused test passed with `4 passed`, and
+Ruff passed. No data collection, model training, or serving behavior change
+occurred. The tool is limited to optional in-house testing and makes no model
+decision claim.

docs/stories/epics/E09-restructure/CP-RES-012-owner-deployment-clinical-handoff/design.md

@@ -2,26 +2,27 @@
 
 ## Domain Model
 
-No repository model or product contract changes are required. Deployment
-credentials and health-data consent remain owner-controlled trust boundaries.
+No runtime change is required. The product contract documents that optional
+in-house review is informational only; deployment credentials and health-data
+consent remain owner-controlled trust boundaries.
 
 ## Application Flow
 
 The deployment owner configures Vercel exactly as `docs/deploy.md` specifies,
-then validates the live site and Space health endpoints. Separately, the
-clinical owner obtains approved, de-identified pilot material and at least 50
-clinician rubric ratings before any SOAP model decision.
+then validates the live site and Space health endpoints. Optional in-house
+review may use synthetic or already-approved de-identified material, but it
+does not authorize any SOAP model decision.
 
 ## Interface Contract
 
 The existing Vercel environment validation and Space health endpoints are the
-deployment contract. The score-only SOAP rating schema and validator are the
-clinical-measurement contract.
+deployment contract. The score-only SOAP review schema and validator provide
+in-house quality signals only.
 
 ## Data Model
 
-No clinical material belongs in this repository. Only anonymous score metadata
-that passes the existing validator may be processed in an approved environment.
+No clinical material belongs in this repository. Optional review metadata may
+be processed only outside the source tree using the existing validator.
 
 ## UI / Platform Impact
 
@@ -29,10 +30,12 @@ No local UI change. The Vercel Root Directory must point to `scribe/frontend`.
 
 ## Observability
 
-Capture live deployment status and owner-approved rating summaries outside this
-repository's source tree.
+Capture live deployment status. Optional in-house review summaries stay outside
+this repository's source tree.
 
 ## Alternatives Considered
 
-1. Simulate deployment or clinical evidence: rejected because it would not
-   prove the external environment or satisfy clinical-data safeguards.
+1. Keep the external clinical-rating gate: rejected because it conflicts with
+   the owner-directed in-house testing scope.
+2. Simulate live deployment: rejected because it would not prove the external
+   environment.

docs/stories/epics/E09-restructure/CP-RES-012-owner-deployment-clinical-handoff/execplan.md

@@ -2,8 +2,8 @@
 
 ## Goal
 
-Complete the owner-only end conditions without weakening deployment or clinical
-safety requirements.
+Record the completed owner deployment work and replace the external
+clinician-rating completion gate with an in-house testing scope.
 
 ## Scope
 
@@ -12,32 +12,34 @@ In scope:
 - Owner configures Vercel Root Directory as `scribe/frontend` and supplies the
   documented deployment environment variables.
 - Owner rebuilds the Docker Space and verifies the documented live routes.
-- Clinical owner completes the approved de-identified rating protocol.
+- Product and plan records state that optional in-house SOAP review is
+  informational only.
 
 Out of scope:
 
 - Repository-side deployment automation or clinical-data collection.
-- Any model training or SOAP provider change before the rating threshold.
+- Any model training or SOAP provider change from in-house review results.
 
 ## Risk Classification
 
 Risk flags:
 
-- Deployment, credentials, clinical data, privacy.
+- Deployment, credentials, clinical data, privacy, model-decision policy.
 
 Hard gates:
 
 - No source audio, transcript, identifier, or note text enters the repository.
-- No SOAP model decision before 50 approved clinician ratings.
+- No SOAP model, provider, or safety-policy change from in-house review results
+  without a separate owner decision.
 
 ## Work Phases
 
 1. Owner completes the Vercel and Space configuration in `docs/deploy.md`.
 2. Owner records live route and health-endpoint evidence.
-3. Clinical owner completes legal approval, de-identification, and ratings.
-4. Owner reopens the plan with that evidence for final verification.
+3. Record the deliberate in-house-only scope and its safety limits.
+4. Verify the policy, plan, optional review utility, and Harness evidence.
 
 ## Stop Conditions
 
-Do not proceed without deployment-owner access or approved clinical-data
-authority.
+Pause for owner direction if a request would collect clinical data or make a
+model, provider, or safety-policy change from in-house review results.

docs/stories/epics/E09-restructure/CP-RES-012-owner-deployment-clinical-handoff/overview.md

@@ -2,19 +2,18 @@
 
 ## Current Behavior
 
-The repository restructure and local product matrix are complete. Two final
-conditions cannot be performed from the repository: changing Vercel/Space
-settings and collecting legally approved clinical evidence.
+The repository restructure and local product matrix are complete. The owner
+has completed the deployment configuration and live-route verification.
 
 ## Target Behavior
 
-The owner completes the documented deployment settings and the approved,
-de-identified clinician-rating process before calling the whole plan complete.
+The owner records the current in-house testing scope. No external
+clinician-rating target blocks completion of the restructure.
 
 ## Affected Users
 
 - Deployment owner.
-- Clinical owner and clinician reviewers.
+- In-house reviewers.
 
 ## Affected Product Docs
 
@@ -23,5 +22,5 @@ de-identified clinician-rating process before calling the whole plan complete.
 
 ## Non-Goals
 
-- Collect audio, transcripts, patient data, or clinician ratings in this repo.
-- Change Vercel, Hugging Face, or cloud-provider settings without owner access.
+- Collect audio, transcripts, patient data, or review data in this repo.
+- Change a model, provider, or safety policy from in-house review results.

docs/stories/epics/E09-restructure/CP-RES-012-owner-deployment-clinical-handoff/validation.md

@@ -13,7 +13,7 @@ not establish a live deployment or authorize clinical data processing.
 | Integration | Term-artifact drift, training baseline, mock Scribe smoke |
 | E2E | Both Vite frontends' Playwright suites |
 | Platform | Owner verifies Vercel and Space routes after configuration |
-| Clinical | Owner supplies approved, de-identified rubric summary |
+| Clinical | Not required for the current in-house-only scope |
 
 ## Commands
 
@@ -58,7 +58,15 @@ The rebuilt Space is Running at
 Interpreter product link returns to the canonical Vercel site with language
 preserved.
 
-Pending owner evidence: the approved 50-note clinician-rating threshold
-reached without storing clinical material in the repository. No container
-provider is registered in Harness, so that clinical evidence cannot be
-collected by this workspace.
+2026-07-13 public availability update: Space commit `cc678b9` is Running.
+`/phien-dich-y-khoa/`, its asset path, and `/console/` now return HTTP 404;
+the Space root, `/ghi-chep-lam-sang/`, `/api/v1/health`, and `/api/health`
+continue to return HTTP 200. The public Scribe site on Vercel also returns 200.
+
+2026-07-13 in-house scope evidence: owner direction removed the external
+50-note clinician-rating target. Decision 0017, the product contract, the
+restructure plan, and the optional review utility now make in-house testing
+informational only. No clinical material is collected or stored in this
+repository, and no model decision is claimed. The focused review-validator
+test passed with `4 passed`; the full training slice passed with `54 passed,
+1 skipped`; and Ruff passed.

docs/ux-redesign-carepath.md

@@ -1,12 +1,434 @@
 # CarePath Vietnamese-first UX implementation stories
 
-**Status:** implementation backlog only. No application code is implemented by this document.
+**Status:** active UX implementation contract and backlog.
 
 **Objective:** make CarePath Vietnamese-first and make its two products unmistakably different:
 
 1. **CarePath Trợ lý ghi chép lâm sàng** — creates a clinician-reviewed draft from uploaded Vietnamese visit audio.
 2. **CarePath Phiên dịch y khoa Việt–Anh** — supports turn-by-turn conversation and blocks risky output until clinician confirmation.
 
+## Current priority update: Scribe-led public landing
+
+### Current UX problem
+
+The public landing technically labels the Interpreter as being in development,
+but still presents it as a peer product choice and sends its card to the pilot
+form. That affordance competes with the only available web workflow and leaves
+the Scribe value story fragmented across unrelated product and safety sections.
+
+### Proposed flow
+
+1. Show a prominent, non-interactive status rail stating that **Phiên dịch khám
+   bệnh trực tiếp** is in development and cannot currently be accessed on the
+   web.
+2. Lead with the documentation burden after a consultation, then show how an
+   approved audio upload becomes a clinician-reviewed structured draft.
+3. Keep **Bắt đầu ghi chép** as the only product-launch action.
+4. Keep the pilot form as a secondary Scribe-only contact path.
+
+### Affected routes, pages, and components
+
+- `/` in `scribe/frontend/src/LandingPage.tsx`
+- Landing copy and metadata in `scribe/frontend/src/content/strings.ts`
+- Landing presentation and reduced-motion behavior in `scribe/frontend/src/styles.css`
+- The reusable pilot form's optional product-interest field
+- `/ghi-chep-lam-sang/` remains unchanged
+
+### Vietnamese-first copy
+
+- Interpreter status: `Đang phát triển — hiện chưa thể truy cập trên web.`
+- Hero: `Tập trung vào người bệnh. Để CarePath soạn bản nháp sau buổi khám.`
+- Hero detail: `Tải lên tệp âm thanh buổi khám đã được phép sử dụng. CarePath
+  chép lời, chuẩn hóa thuật ngữ và tạo bản nháp bệnh án có cấu trúc để bác sĩ
+  kiểm tra.`
+- Primary action: `Bắt đầu ghi chép`
+- Secondary action: `Xem cách hoạt động`
+- Problem chapter: `Một buổi khám không nên biến thành hai ca làm việc.`
+- Safety limit: `Bản nháp chỉ được dùng sau khi bác sĩ kiểm tra.`
+- Final action: `Bắt đầu từ một tệp âm thanh đã được phép sử dụng.`
+
+### Implementation story: CP-UX-10
+
+- Replace the two-product decision accordion with a Scribe-led AIDA narrative.
+- Use the existing Geist font, CarePath mark, sanitized Scribe sample, and
+  existing form; add only GSAP and its React adapter for the approved motion.
+- Add a gapless 12-column problem bento, native horizontal workflow accordion,
+  decorative process marquee, and desktop-only pinned workflow visuals.
+- Lock the landing pilot form to Scribe and hide its product-interest selector.
+- Remove landing-only Interpreter evidence and obsolete selector rules.
+
+### Dependencies
+
+- CP-UX-09 keeps the Interpreter browser routes blocked.
+- CP-BASE-003 supplies the existing public-site test and deployment gates.
+- The Vercel project continues to build from `scribe/frontend` on `main`.
+
+### Acceptance criteria
+
+- Scribe is the only active product journey and its CTA opens
+  `/ghi-chep-lam-sang/`.
+- Interpreter status is visible near the top of the page and contains no link
+  or button.
+- The page explains the post-consultation documentation problem, the Scribe
+  workflow, and mandatory clinician review without unsupported claims.
+- Vietnamese and English layouts work at 320, 360, 390, 768, and 1440 pixels
+  without horizontal overflow.
+- Keyboard navigation, reduced motion, diacritics, and serious Axe checks pass.
+- Existing Scribe functionality works and Interpreter browser routes remain 404.
+
+### Validation commands
+
+```powershell
+cd scribe\frontend
+npm.cmd run lint
+npm.cmd test
+npm.cmd run test:deploy-env
+npm.cmd run build
+npm.cmd run e2e
+npm.cmd run lighthouse
+cd ..\..
+python -m pytest scribe/tests/test_combined_app.py
+```
+
+### Risks and fallback behavior
+
+- GSAP runs only on desktop when reduced motion is not requested; without it,
+  all content remains in normal document flow.
+- The marquee is decorative and stops for reduced motion. Its meaning is also
+  available as static text.
+- No Interpreter route, API, WebSocket, consent, microphone, TTS, or risk logic
+  changes. If the status presentation fails, it remains plain static text and
+  never becomes a launch action.
+
+## Current priority update: problem-led Vietnamese Scribe onboarding
+
+### Current UX problem
+
+The Scribe-led landing explains the product before it earns attention from the
+doctor's daily problem. Large decorative panels, 8–14rem section gaps, a 31rem
+hero visual, and a 29rem accordion create long stretches with little actionable
+information. The working Scribe route then adds another obstacle: visitors must
+read a separate pre-start screen and click continue before they can even see the
+upload control. The VI/EN switch also adds a choice that is not needed for this
+Vietnamese-first release.
+
+### Proposed flow
+
+1. Keep the non-interactive Interpreter development status near the top.
+2. Lead with `Dành thời gian cho người bệnh, không phải cho việc gõ bệnh án.`
+3. Let doctors recognize their day and calculate their current documentation
+   time from four short inputs. Show current burden only, never a promised
+   CarePath saving.
+4. Reuse one guided sample to show conversation → clarified transcript →
+   structured draft → doctor review.
+5. Show evidence in three honest levels: the dated Vietnamese workload norm,
+   international ambient-scribe evidence, and what CarePath still needs to
+   prove locally.
+6. Put trust limits before the action, then offer the working Scribe tool first
+   and the organization pilot form as a secondary disclosure.
+7. On the Scribe route, show brief instructions and the upload control together.
+
+### Affected routes, pages, and components
+
+- `/` in `scribe/frontend/src/LandingPage.tsx`
+- `/ghi-chep-lam-sang/` in `scribe/frontend/src/scribe/ScribeTool.tsx`
+- `scribe/frontend/src/scribe/ScribeShowcase.tsx`
+- Vietnamese landing, sample, metadata, and Scribe-tool copy
+- Focused unit, Playwright, stylesheet, package, and Harness proof files
+
+### Vietnamese-first copy
+
+- Hero: `Dành thời gian cho người bệnh, không phải cho việc gõ bệnh án.`
+- Hero detail: `CarePath chuẩn bị ghi chú lâm sàng từ cuộc trao đổi để bác sĩ
+  kiểm tra và xác nhận.`
+- Primary action: `Trải nghiệm ca khám mẫu`
+- Secondary action: `Tính thời gian ghi chép`
+- Calculator result: current daily documentation time only, plus a clearly
+  labelled five-day equivalent.
+- Sample limit: `Nhận định` and `Kế hoạch` display
+  `Chờ bác sĩ nhập hoặc xác nhận.`
+- Tool helper: `Xem ca khám mẫu` links back to `/#demo`.
+
+### Implementation story: CP-UX-11
+
+- Delete the decorative marquee, bento, horizontal accordion, pinned gallery,
+  language toggle, and GSAP dependencies.
+- Use semantic HTML, the existing Geist font, existing logo, existing lead form,
+  and the existing Scribe showcase; add no dependency or remote asset.
+- Add the calculator as local React state with the transparent formula
+  `số bệnh nhân × phút ghi chép mỗi bệnh nhân`.
+- Keep English copy data that other frozen demo code may still consume, but the
+  public App always renders Vietnamese and exposes no language control.
+- Remove the Scribe tool's `readyToRecord` gate without changing validation,
+  upload, progress, error, API, or result behavior.
+
+### Dependencies
+
+- CP-UX-10 supplies the current Scribe-only public route and Scribe-only form.
+- CP-UX-09 keeps both Interpreter browser paths at 404.
+- CP-BASE-003 supplies deployment, accessibility, and responsive test gates.
+
+### Acceptance criteria
+
+- The site starts with the doctor's documentation problem, not a definition of
+  AI Medical Scribe.
+- There is no public EN toggle; all visible onboarding and tool copy is
+  Vietnamese.
+- The calculator works without storage, analytics, network requests, or a
+  CarePath productivity prediction.
+- The guided sample teaches the workflow and leaves diagnosis and treatment
+  decisions to the doctor.
+- The upload control is visible on first entry to the Scribe tool.
+- The landing has no horizontal overflow at 320, 360, 390, 768, and 1440px and
+  no oversized empty instructional panel.
+- Keyboard, Axe, reduced-motion, dark/light, diacritics, Scribe-route, lead,
+  Lighthouse, and Interpreter-404 checks pass.
+
+### Validation commands
+
+```powershell
+cd scribe\frontend
+npm.cmd run lint
+npm.cmd test
+npm.cmd run test:deploy-env
+npm.cmd run build
+npm.cmd run e2e
+npm.cmd run lighthouse
+cd ..\..
+python -m pytest scribe/tests/test_combined_app.py
+```
+
+### Risks and fallback behavior
+
+- The calculator is an estimate based only on answers entered in the browser;
+  if JavaScript is unavailable, the surrounding problem and workflow copy still
+  explains the value without a numeric claim.
+- The workload source is explicitly dated and must not be presented as a current
+  national productivity measurement. International studies are labelled as
+  external evidence, not CarePath outcomes.
+- The sample uses sanitized fixed content and leaves Assessment and Plan blank
+  for clinician input. It never becomes medical advice.
+- No Interpreter route, API, WebSocket, audio, consent, retention, or safety
+  behavior changes.
+
+## Current priority update: professional landing polish
+
+### Current UX problem
+
+The problem-led landing (CP-UX-11) has the right content in the right order,
+but its presentation undercuts onboarding:
+
+1. The hero states the problem yet never shows the product. The draft payoff
+   sits behind the third tab of the guided sample, so a scanning doctor sees
+   no evidence of what CarePath actually produces.
+2. The two hero actions wrap into a vertical stack at desktop widths and read
+   as a rendering fault rather than a hierarchy.
+3. The Interpreter development notice is a full-width dark band directly under
+   the navigation; the most dominant element above the fold announces a
+   product that cannot be used.
+4. The final third of the page is three consecutive dark slabs (trust, start,
+   footer) that merge into one block and bury the trust checklist.
+5. A late `.site-footer` column override defeats the responsive footer rules,
+   so footer text squeezes into unreadable columns at phone widths.
+6. Section paddings differ per chapter, leaving long empty stretches between
+   the calculator, sample, and evidence sections on desktop.
+
+### Proposed flow
+
+Section order, routes, copy contract, and all interactive behavior stay as
+CP-UX-11 delivered them. Only presentation changes:
+
+1. Render the Interpreter status as a quiet bordered notice under the
+   navigation. Same element, same strings, still non-interactive.
+2. Split the hero: problem headline and actions on the left, and a compact
+   conversation-to-draft proof panel on the right that reuses the sanitized
+   sample. Subjective and Objective rows only; Assessment and Plan never
+   appear before the doctor reaches the guided sample. Actions sit on one row
+   on desktop.
+3. Keep calculator, guided sample, and evidence sections unchanged in
+   behavior; align them to one shared section-padding token.
+4. Restyle the trust section as a light panel so the closing start section is
+   the single dark moment before the footer.
+5. Fix the footer override ordering and stack it into readable rows at phone
+   widths.
+
+### Affected routes, pages, and components
+
+- `/` in `scribe/frontend/src/LandingPage.tsx` (hero proof panel replaces the
+  abstract daily-flow table)
+- `scribe/frontend/src/styles.css` (status notice, hero grid, section rhythm,
+  trust section, footer)
+- `scribe/frontend/src/LandingPage.test.tsx` (hero proof assertions)
+- No route, API, form, showcase-interaction, or Scribe-tool changes
+
+### Vietnamese-first copy (new strings only)
+
+- Proof panel title: `Từ cuộc trao đổi đến bản nháp`
+- Conversation label: `Trong ghi âm`
+- Reused sample line: `Tôi bị đau tức ngực thoáng qua từ sáng, hơi khó thở.`
+- Draft label: `Bản nháp cho bác sĩ kiểm tra`
+- Draft rows: existing `Triệu chứng chủ quan` and `Thông tin khách quan`
+  sample content; the Objective row reads
+  `Chưa có kết quả cận lâm sàng trong nội dung ghi âm.`
+- Caption: `Ca khám mẫu đã làm sạch. Nhận định và kế hoạch luôn thuộc về bác sĩ.`
+
+### Implementation story: CP-UX-12
+
+- Replace the hero `daily-flow` table with the conversation-to-draft proof
+  panel; delete the orphaned `daily-flow` styles.
+- De-emphasize the Interpreter status into a bordered notice.
+- One shared section padding; trust section light; footer stacking fixed at
+  its root (remove the post-media-query `.site-footer` override).
+- No new dependency, motion, image, or remote asset. Semantic HTML only.
+
+### Dependencies
+
+- CP-UX-11 supplies the problem-led structure, calculator, and guided sample.
+- CP-UX-09 keeps Interpreter browser routes blocked.
+- CP-BASE-003 supplies the site test and deployment gates.
+
+### Acceptance criteria
+
+- The hero shows a conversation-to-draft glimpse labeled as a cleaned sample;
+  `Chờ bác sĩ nhập hoặc xác nhận.` still never renders before the doctor opens
+  the draft step (existing e2e assertion stays green).
+- Both hero actions render on one row at 1024 px and wider.
+- The Interpreter status keeps its exact strings and zero links or buttons,
+  and no longer uses the dark band treatment.
+- Exactly one dark section (the start section) renders between the evidence
+  grid and the footer.
+- The footer stacks into readable rows at 320, 360, and 390 px.
+- Hero height stays under 800 px at 1440×900; H1 line limits hold; no
+  horizontal overflow from 320 to 1440 px.
+- Lint, unit, deploy-env, build with diacritics gate, Playwright, Lighthouse,
+  and combined-app checks pass.
+
+### Validation commands
+
+```powershell
+cd scribe\frontend
+npm.cmd run lint
+npm.cmd test
+npm.cmd run test:deploy-env
+npm.cmd run build
+npm.cmd run e2e
+npm.cmd run lighthouse
+cd ..\..
+python -m pytest scribe/tests/test_combined_app.py
+```
+
+### Risks and fallback behavior
+
+- Presentation-only: no route, API, consent, microphone, retention, or safety
+  copy changes. The pilot form and showcase interactions are untouched.
+- The proof panel is static text from the existing sanitized sample; if it
+  threatens the hero height budget, the conversation line drops first and the
+  panel degrades to a draft-only card.
+- All new strings are NFC-normalized Vietnamese; the build diacritics gate is
+  the enforcement.
+
+## Current priority update: privacy and Vietnamese-capability visibility
+
+### Current UX problem
+
+The landing states its strongest trust facts too quietly. The audio-retention
+claim is one bullet in the closing checklist, the no-training claim from the
+product contract never appears, and nothing explains why the system gets
+clinical Vietnamese right. The page also frames review only as an obligation;
+it never shows that marked corrections and listed gaps make that review fast
+and targeted rather than a full re-read.
+
+### Proposed flow
+
+1. Extend the hero small print with the audio-retention fact so privacy is
+   visible before the first action.
+2. Rework the trust section into two evidence panels under one heading:
+   - Vietnamese capability: Vietnamese speech recognition with diacritics
+     preserved, term normalization against the curated Vietnamese medical
+     lexicon including unaccented and shorthand variants, and visible marks
+     for corrections and missing information so review is fast and targeted.
+   - Audio privacy: request-scoped temporary processing deleted after the
+     request, consultation audio never used as training data, and no
+     automatic microphone capture.
+3. Keep the review requirement and the no-advice boundary in the section
+   subline. Never claim review is unnecessary and never state an accuracy
+   figure; CarePath has no measured Vietnam deployment data.
+
+### Affected routes, pages, and components
+
+- `/` in `scribe/frontend/src/LandingPage.tsx` (hero small print, trust
+  section)
+- `scribe/frontend/src/styles.css` (trust panel grid)
+- `scribe/frontend/src/LandingPage.test.tsx` (trust content assertions)
+- No route, API, backend, form, or Scribe-tool changes
+
+### Vietnamese-first copy (new strings)
+
+- Hero small print: `Dùng tệp âm thanh đã được phép sử dụng. Âm thanh không
+  bị giữ lại sau xử lý; bản nháp không tự đi vào hồ sơ.`
+- Trust heading: `Nhận đúng tiếng Việt. Không giữ lại âm thanh.`
+- Trust subline: `CarePath hỗ trợ ghi chép, không tự tạo chẩn đoán, tư vấn
+  hay đơn thuốc. Bác sĩ kiểm tra bản nháp trước khi sử dụng.`
+- Capability panel `Nhận đúng tiếng Việt lâm sàng`:
+  - `Mô hình nhận dạng giọng nói tiếng Việt, giữ nguyên dấu và chính tả.`
+  - `Thuật ngữ y khoa được đối chiếu với bộ từ điển tiếng Việt tuyển chọn,
+    nhận cả cách nói tắt và thiếu dấu.`
+  - `Lời chép gốc, chỗ đã chỉnh và phần còn thiếu đều hiển thị rõ, nên bác
+    sĩ kiểm tra nhanh và đúng trọng tâm.`
+- Privacy panel `Âm thanh của buổi khám không bị giữ lại`:
+  - `Tệp chỉ được xử lý tạm thời trong phạm vi yêu cầu và bị xóa ngay khi
+    xử lý xong.`
+  - `Âm thanh buổi khám không bao giờ được dùng để huấn luyện mô hình.`
+  - `Màn hình không tự bắt đầu micro; chỉ dùng tệp cơ sở chủ động tải lên.`
+
+### Implementation story: CP-UX-13
+
+- Replace the four-bullet trust list with the two labeled panels; absorb the
+  existing bullets so no safety statement is lost.
+- Every claim is verified against the backend and product contract:
+  request-scoped `TemporaryDirectory` processing in `scribe/carepath/main.py`,
+  the no-training rule in `docs/product/ai-scribe.md`, the Gipformer
+  Vietnamese ASR provider, and the curated lexicon with unaccented aliases.
+- No behavior, retention, consent, or API change of any kind.
+
+### Dependencies
+
+- CP-UX-12 supplies the current landing presentation.
+- CP-NOTES-02 supplies the approved request-scoped processing phrasing.
+- `docs/product/ai-scribe.md` is the source for privacy claims.
+
+### Acceptance criteria
+
+- The audio-retention fact is visible in the hero without scrolling.
+- The trust section shows the capability and privacy panels with all six
+  claims, and keeps the review requirement and no-advice boundary visible.
+- No accuracy percentage, no savings promise, and no suggestion that review
+  can be skipped appears anywhere on the page.
+- All prior CP-UX-12 acceptance criteria still hold, including e2e, axe,
+  diacritics, and Lighthouse gates.
+
+### Validation commands
+
+```powershell
+cd scribe\frontend
+npm.cmd run lint
+npm.cmd test
+npm.cmd run test:deploy-env
+npm.cmd run build
+npm.cmd run e2e
+npm.cmd run lighthouse
+cd ..\..
+python -m pytest scribe/tests/test_combined_app.py
+```
+
+### Risks and fallback behavior
+
+- Presentation and copy only. If any claim cannot be verified in code or
+  contract, it is dropped rather than softened; the section degrades to the
+  previous checklist.
+- The capability panel must never grow into an accuracy claim. Adding any
+  measured-quality statement requires pilot data and an owner decision first.
+
 ## Backlog rules
 
 - Implement one story per commit or pull request.
@@ -34,7 +456,8 @@ that URL can still open the unfinished workflow.
 2. Every browser request to `/phien-dich-y-khoa/*` and `/console/*` returns
    HTTP 404 instead of the Interpreter frontend.
 3. Interpreter APIs, WebSockets, backend safety behavior, and automated tests
-   remain available for internal development; no public page links to them.
+   remain available only for frozen internal maintenance; no public page links
+   to them.
 
 ### Affected routes, pages, and components
 

scribe/frontend/index.html

@@ -5,11 +5,11 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta
       name="description"
-      content="CarePath hỗ trợ Ghi chép bệnh án AI và Phiên dịch khám bệnh trực tiếp cho cơ sở y tế."
+      content="CarePath chuẩn bị bản nháp ghi chú lâm sàng từ tệp âm thanh để bác sĩ kiểm tra. Phiên dịch trực tiếp đang phát triển và chưa mở trên web."
     />
     <meta name="theme-color" content="#102a2e" />
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
-    <title>CarePath | Ghi chép bệnh án AI và Phiên dịch khám bệnh trực tiếp</title>
+    <title>CarePath | Bớt gõ bệnh án, thêm thời gian cho người bệnh</title>
   </head>
   <body>
     <div id="root"></div>

scribe/frontend/src/App.test.tsx

@@ -1,67 +1,33 @@
-import { fireEvent, render, screen } from "@testing-library/react";
+import { render, screen } from "@testing-library/react";
 import { beforeEach, describe, expect, it, vi } from "vitest";
 import App from "./App";
 
-describe("language preference", () => {
+describe("Vietnamese-only public app", () => {
   beforeEach(() => {
     localStorage.clear();
     window.history.replaceState(null, "", "/");
     document.documentElement.lang = "vi";
-    document.title = "CarePath | Ghi chép bệnh án AI và Phiên dịch khám bệnh trực tiếp";
+    document.title = "CarePath";
   });
 
-  it("defaults to Vietnamese and persists a complete English switch", () => {
+  it("always renders Vietnamese and exposes no language switch", () => {
+    localStorage.setItem("carepath-demo-language", "en");
     render(<App />);
 
     expect(document.documentElement.lang).toBe("vi");
     expect(document.title).toBe(
-      "CarePath | Ghi chép bệnh án AI và Phiên dịch khám bệnh trực tiếp",
+      "CarePath | Bớt gõ bệnh án, thêm thời gian cho người bệnh",
     );
-    fireEvent.click(screen.getByRole("button", { name: "EN" }));
-
-    expect(document.documentElement.lang).toBe("en");
-    expect(document.title).toBe(
-      "CarePath | Clinical note drafting and live medical interpretation",
-    );
-    expect(localStorage.getItem("carepath-demo-language")).toBe("en");
-    expect(
-      screen.getByRole("link", {
-        name: "CarePath Interpreter: Get Interpreter updates",
-      }),
-    ).toBeInTheDocument();
-    expect(
-      screen.getByRole("heading", {
-        name: "Choose the right product for the right point in care.",
-      }),
-    ).toBeInTheDocument();
-    expect(
-      screen.getByRole("heading", {
-        name: "One shared oversight layer. Two product-specific safety systems.",
-      }),
-    ).toBeInTheDocument();
     expect(
       screen.getByRole("heading", {
-        name: "See how each product keeps review points in the right place.",
+        name: "Dành thời gian cho người bệnh, không phải cho việc gõ bệnh án.",
       }),
     ).toBeInTheDocument();
+    expect(screen.queryByRole("button", { name: "VI" })).not.toBeInTheDocument();
+    expect(screen.queryByRole("button", { name: "EN" })).not.toBeInTheDocument();
     expect(
-      screen.getByRole("heading", {
-        name: "Choose the product that fits your workflow.",
-      }),
-    ).toBeInTheDocument();
-    expect(
-      screen.getByText("AI assistance, clinician in control."),
-    ).toBeInTheDocument();
-  });
-
-  it("ignores an invalid stored preference", () => {
-    localStorage.setItem("carepath-demo-language", "fr");
-    render(<App />);
-
-    expect(document.documentElement.lang).toBe("vi");
-    expect(
-      screen.getByRole("button", { name: "VI" }),
-    ).toHaveAttribute("aria-pressed", "true");
+      document.querySelector('a[href*="phien-dich-y-khoa"], a[href*="console"]'),
+    ).toBeNull();
   });
 
   it("replaces the legacy #/scribe route with the canonical clinical-note path", async () => {
@@ -110,7 +76,9 @@ describe("language preference", () => {
     window.dispatchEvent(new PopStateEvent("popstate"));
 
     expect(
-      await screen.findByRole("heading", { name: "Bạn muốn hỗ trợ việc gì hôm nay?" }),
+      await screen.findByRole("heading", {
+        name: "Dành thời gian cho người bệnh, không phải cho việc gõ bệnh án.",
+      }),
     ).toBeInTheDocument();
     vi.unstubAllGlobals();
   });

scribe/frontend/src/App.tsx

@@ -2,26 +2,20 @@ import { useEffect, useRef, useState } from "react";
 import LandingPage from "./LandingPage";
 import ScribeTool from "./scribe/ScribeTool";
 import { copyFor } from "./content/strings";
-import type { Language } from "./demo/types";
 
 const CLINICAL_NOTES_PATH = "/ghi-chep-lam-sang/";
 
 export default function App() {
-  const [language, setLanguage] = useState<Language>(() => {
-    const saved = localStorage.getItem("carepath-demo-language");
-    return saved === "en" ? "en" : "vi";
-  });
   const [pathname, setPathname] = useState(() => window.location.pathname);
   const wasScribeTool = useRef(false);
 
   useEffect(() => {
-    document.documentElement.lang = language;
-    document.title = copyFor(language).metadata.title;
+    document.documentElement.lang = "vi";
+    document.title = copyFor("vi").metadata.title;
     document
       .querySelector('meta[name="description"]')
-      ?.setAttribute("content", copyFor(language).metadata.description);
-    localStorage.setItem("carepath-demo-language", language);
-  }, [language]);
+      ?.setAttribute("content", copyFor("vi").metadata.description);
+  }, []);
 
   useEffect(() => {
     if (window.location.hash === "#/scribe" || pathname === "/ghi-chep-lam-sang") {
@@ -63,8 +57,8 @@ export default function App() {
   }, [isScribeTool]);
 
   return isScribeTool ? (
-    <ScribeTool backHref="/" language={language} onLanguageChange={setLanguage} />
+    <ScribeTool backHref="/" />
   ) : (
-    <LandingPage language={language} onLanguageChange={setLanguage} />
+    <LandingPage />
   );
 }

scribe/frontend/src/LandingPage.test.tsx

@@ -1,100 +1,104 @@
-import { render, screen } from "@testing-library/react";
+import { fireEvent, render, screen } from "@testing-library/react";
 import { describe, expect, it } from "vitest";
-import LandingPage from "./LandingPage";
-import { copyFor, type ProductKey } from "./content/strings";
-
-function expectProductCopy(language: "vi" | "en") {
-  const copy = copyFor(language);
-  for (const key of ["interpreter", "scribe"] satisfies ProductKey[]) {
-    const product = copy.products[key];
-    expect(screen.getAllByText(product.name).length).toBeGreaterThan(0);
-    expect(screen.getByText(product.body)).toBeInTheDocument();
-    expect(screen.getByText(product.audience)).toBeInTheDocument();
-    expect(screen.getByText(product.input)).toBeInTheDocument();
-    expect(screen.getByText(product.output)).toBeInTheDocument();
-    expect(screen.getByText(product.status)).toBeInTheDocument();
-    expect(screen.getByText(product.helper)).toBeInTheDocument();
-    expect(screen.getByText(product.timing)).toBeInTheDocument();
-    expect(screen.getByText(product.chooserSafety)).toBeInTheDocument();
-    expect(screen.getByRole("link", {
-      name: `${product.name}: ${product.cta.open}`,
-    })).toBeInTheDocument();
-  }
-}
+import LandingPage, { formatMinutes } from "./LandingPage";
 
 describe("LandingPage", () => {
-  it("renders the Vietnamese evidence-led page", () => {
-    render(<LandingPage language="vi" />);
+  it("leads with the doctor's problem and keeps Interpreter unavailable", () => {
+    render(<LandingPage />);
 
     expect(
       screen.getByRole("heading", {
         level: 1,
-        name: "Bạn muốn hỗ trợ việc gì hôm nay?",
+        name: "Dành thời gian cho người bệnh, không phải cho việc gõ bệnh án.",
       }),
     ).toBeInTheDocument();
     expect(
-      screen.getByRole("heading", {
-        name: "Một lớp giám sát chung. Hai cơ chế an toàn riêng.",
-      }),
+      screen.getByRole("link", { name: "Trải nghiệm ca khám mẫu" }),
+    ).toHaveAttribute("href", "#demo");
+    expect(
+      screen.getByRole("link", { name: "Tính thời gian ghi chép" }),
+    ).toHaveAttribute("href", "#calculator");
+    expect(screen.queryByRole("button", { name: "EN" })).not.toBeInTheDocument();
+
+    const status = document.querySelector<HTMLElement>("[data-interpreter-status]");
+    expect(status).toHaveTextContent("Phiên dịch khám bệnh trực tiếp");
+    expect(status).toHaveTextContent("Đang phát triển — hiện chưa thể truy cập trên web.");
+    expect(status?.querySelector("a, button")).toBeNull();
+    expect(
+      document.querySelector('a[href*="phien-dich-y-khoa"], a[href*="console"]'),
+    ).toBeNull();
+  });
+
+  it("shows the conversation-to-draft proof without inventing assessment or plan", () => {
+    render(<LandingPage />);
+
+    expect(screen.getByText("Từ cuộc trao đổi đến bản nháp")).toBeInTheDocument();
+    expect(
+      screen.getByText("Chưa có kết quả cận lâm sàng trong nội dung ghi âm."),
     ).toBeInTheDocument();
-    expect(screen.getByRole("heading", { name: "Phiên dịch khám bệnh trực tiếp" })).toBeInTheDocument();
-    expect(screen.getByRole("heading", { name: "Ghi chép bệnh án AI" })).toBeInTheDocument();
-    expect(screen.getByRole("heading", { name: "Bác sĩ kiểm tra trước khi dùng" })).toBeInTheDocument();
-    expect(screen.getByRole("heading", { name: "Độ không chắc chắn luôn hiển thị" })).toBeInTheDocument();
-    expect(screen.getByRole("heading", { name: "Không thay thế chẩn đoán hoặc tư vấn" })).toBeInTheDocument();
     expect(
-      screen.getByRole("link", { name: "Đọc báo cáo nghiên cứu và nguồn trích dẫn" }),
+      screen.getByText(/Nhận định và kế hoạch luôn thuộc về bác sĩ/),
     ).toBeInTheDocument();
-    expect(screen.queryByText("TODO-pricing")).not.toBeInTheDocument();
-    expectProductCopy("vi");
+    expect(screen.queryByText("Chờ bác sĩ nhập hoặc xác nhận.")).not.toBeInTheDocument();
+  });
 
-    const scribe = screen.getByRole("link", {
-      name: "Ghi chép bệnh án AI: Bắt đầu ghi chép",
-    });
-    const interpreter = screen.getByRole("link", {
-      name: "Phiên dịch khám bệnh trực tiếp: Đăng ký nhận cập nhật",
+  it("calculates current documentation time without claiming CarePath savings", () => {
+    render(<LandingPage />);
+
+    fireEvent.change(screen.getByRole("spinbutton", { name: "Số người bệnh mỗi ngày" }), {
+      target: { value: "28" },
     });
-    expect(scribe).toHaveAttribute("href", "/ghi-chep-lam-sang/");
-    expect(interpreter).toHaveAttribute("href", "#pilot");
-    expect(
-      [...document.querySelectorAll(".product-accordion__panel")].map((panel) => panel.className),
-    ).toEqual([
-      "product-accordion__panel product-accordion__panel--scribe",
-      "product-accordion__panel product-accordion__panel--interpreter",
-    ]);
+    fireEvent.change(
+      screen.getByRole("spinbutton", { name: "Phút ghi chép cho mỗi người bệnh" }),
+      { target: { value: "5" } },
+    );
+
+    expect(screen.getByText("2 giờ 20 phút mỗi ngày")).toBeInTheDocument();
+    expect(screen.getByText("11 giờ 40 phút cho 5 ngày làm việc")).toBeInTheDocument();
+    expect(screen.getByText(/Công thức: 28 người bệnh × 5 phút/)).toBeInTheDocument();
+    expect(screen.queryByText(/CarePath tiết kiệm/i)).not.toBeInTheDocument();
   });
 
-  it("renders the complete page in English", () => {
-    render(<LandingPage language="en" />);
+  it("surfaces verified privacy and Vietnamese-capability claims with review intact", () => {
+    render(<LandingPage />);
 
-    expect(screen.getByRole("heading", {
-      name: "Choose the right product for the right point in care.",
-    })).toBeInTheDocument();
+    expect(screen.getByText(/Âm thanh không bị giữ lại sau xử lý/)).toBeInTheDocument();
     expect(
       screen.getByRole("heading", {
-        name: "One shared oversight layer. Two product-specific safety systems.",
+        name: "Nhận đúng tiếng Việt. Không giữ lại âm thanh.",
       }),
     ).toBeInTheDocument();
     expect(
-      screen.getByRole("heading", {
-        name: "Choose the product that fits your workflow.",
-      }),
+      screen.getByText(/Tệp chỉ được xử lý tạm thời trong phạm vi yêu cầu/),
     ).toBeInTheDocument();
     expect(
-      screen.getAllByText("In development for the web."),
-    ).toHaveLength(1);
+      screen.getByText("Âm thanh buổi khám không bao giờ được dùng để huấn luyện mô hình."),
+    ).toBeInTheDocument();
+    expect(
+      screen.getByText(/bác sĩ kiểm tra nhanh và đúng trọng tâm/),
+    ).toBeInTheDocument();
     expect(
-      screen.getAllByText("Pilot tool — every draft requires clinician review."),
-    ).toHaveLength(1);
-    expect(screen.getAllByText("Sanitized sample data")).toHaveLength(2);
-    expectProductCopy("en");
+      screen.getByText(/không tự tạo chẩn đoán, tư vấn hay đơn thuốc/),
+    ).toBeInTheDocument();
+    expect(screen.getByText(/Bác sĩ kiểm tra bản nháp trước khi sử dụng/)).toBeInTheDocument();
   });
 
-  it("keeps the pilot form after the decision gateway", () => {
-    render(<LandingPage language="vi" />);
+  it("keeps the pilot form scoped to Scribe interest", () => {
+    render(<LandingPage />);
 
+    fireEvent.click(screen.getByText("Dành cho cơ sở muốn thí điểm CarePath"));
     expect(screen.getByRole("textbox", { name: "Cơ sở y tế" })).toHaveValue("");
-    expect(screen.getByRole("textbox", { name: "Chuyên khoa" })).toHaveValue("");
-    expect(screen.getByRole("combobox", { name: "Chức năng quan tâm" })).toHaveValue("both");
+    expect(screen.queryByRole("combobox", { name: "Chức năng quan tâm" })).not.toBeInTheDocument();
+    expect(
+      screen.getByText(/Biểu mẫu này chỉ dành cho Ghi chép bệnh án AI/),
+    ).toBeInTheDocument();
+  });
+});
+
+describe("formatMinutes", () => {
+  it("formats whole hours and remaining minutes", () => {
+    expect(formatMinutes(140)).toBe("2 giờ 20 phút");
+    expect(formatMinutes(120)).toBe("2 giờ");
+    expect(formatMinutes(45)).toBe("45 phút");
   });
 });

scribe/frontend/src/LandingPage.tsx

@@ -1,58 +1,53 @@
 import { useRef, useState } from "react";
 import logoUrl from "./assets/carepath.svg";
-import { copyFor, sources, type ProductKey } from "./content/strings";
-import { getScenario, scenarios } from "./demo/scenarios";
-import type { Language } from "./demo/types";
+import { copyFor } from "./content/strings";
+import { scenarios } from "./demo/scenarios";
 import LeadForm from "./LeadForm";
-import { leadContact, zaloHref, type ProductInterest } from "./leads";
-import { soapDraft } from "./scribe/ScribeShowcase";
+import { leadContact, zaloHref } from "./leads";
+import ScribeShowcase from "./scribe/ScribeShowcase";
 
-interface LandingPageProps {
-  language: Language;
-  onLanguageChange?: (language: Language) => void;
-}
+const scribeHref = "/ghi-chep-lam-sang/";
 
-const productOrder: ProductKey[] = ["scribe", "interpreter"];
-const interpreterEvidenceTurn = getScenario("allergy").turns[3];
+export function formatMinutes(total: number): string {
+  const rounded = Math.max(0, Math.round(total));
+  const hours = Math.floor(rounded / 60);
+  const minutes = rounded % 60;
+  if (hours === 0) return `${minutes} phút`;
+  if (minutes === 0) return `${hours} giờ`;
+  return `${hours} giờ ${minutes} phút`;
+}
 
-export default function LandingPage({
-  language,
-  onLanguageChange,
-}: LandingPageProps) {
+export default function LandingPage() {
+  const copy = copyFor("vi");
   const menuRef = useRef<HTMLDetailsElement>(null);
-  const copy = copyFor(language);
-  const [interest, setInterest] = useState<ProductInterest>("both");
-  const scenario = scenarios[0];
-  const scribeHref = "/ghi-chep-lam-sang/";
+  const [patients, setPatients] = useState(28);
+  const [minutesPerPatient, setMinutesPerPatient] = useState(5);
+  const [afterHours, setAfterHours] = useState("sometimes");
+  const [workplace, setWorkplace] = useState("clinic");
+  const dailyMinutes = patients * minutesPerPatient;
 
   const navLinks = (
     <>
-      <a href="#products">{copy.nav.interpreter}</a>
-      <a href="#products">{copy.nav.scribe}</a>
-      <a href="#safety">{copy.nav.safety}</a>
-      <a href="#pilot">{copy.nav.pilot}</a>
+      <a href="#calculator">Thời gian ghi chép</a>
+      <a href="#demo">Ca khám mẫu</a>
+      <a href="#evidence">Bằng chứng</a>
+      <a href="#start">Bắt đầu</a>
     </>
   );
 
   return (
     <div className="site-shell">
-      <nav
-        className="site-nav"
-        aria-label={language === "vi" ? "Điều hướng chính" : "Main navigation"}
-      >
+      <nav className="site-nav" aria-label="Điều hướng chính">
         <a className="site-nav__brand" href="#top" aria-label="CarePath">
           <img src={logoUrl} alt="" />
           <span>CarePath</span>
         </a>
         <div className="site-nav__links">{navLinks}</div>
         <details className="site-nav__menu" ref={menuRef}>
-          <summary>{copy.nav.menu}</summary>
+          <summary>Mở điều hướng</summary>
           <div
             onClick={(event) => {
-              if (
-                menuRef.current &&
-                (event.target as HTMLElement).closest("a")
-              ) {
+              if (menuRef.current && (event.target as HTMLElement).closest("a")) {
                 menuRef.current.open = false;
               }
             }}
@@ -60,198 +55,275 @@ export default function LandingPage({
             {navLinks}
           </div>
         </details>
-        <div className="site-nav__actions">
-          <div className="language-toggle" aria-label={copy.language.label}>
-            <button
-              aria-pressed={language === "vi"}
-              onClick={() => onLanguageChange?.("vi")}
-              type="button"
-            >
-              {copy.language.vi}
-            </button>
-            <button
-              aria-pressed={language === "en"}
-              onClick={() => onLanguageChange?.("en")}
-              type="button"
-            >
-              {copy.language.en}
-            </button>
-          </div>
-        </div>
+        <a className="nav-cta" href={scribeHref}>Bắt đầu ghi chép</a>
       </nav>
 
-      <main id="top" tabIndex={-1}>
-        <section className="product-gateway" id="products" aria-labelledby="gateway-title">
-          <header className="section-intro section-intro--wide">
-            <h1 id="gateway-title">{copy.gateway.heading}</h1>
-            <p>{copy.gateway.body}</p>
-          </header>
-          <div className="product-accordion">
-            {productOrder.map((key) => {
-              const product = copy.products[key];
-              const isInterpreter = key === "interpreter";
-              return (
-                <a
-                  className={`product-accordion__panel product-accordion__panel--${key}`}
-                  aria-label={`${product.name}: ${product.cta.open}`}
-                  href={isInterpreter ? "#pilot" : scribeHref}
-                  key={key}
-                  onClick={isInterpreter ? () => setInterest("interpreter") : undefined}
-                >
-                  <div className="product-accordion__heading">
-                    <h2>{product.name}</h2>
-                    <span className="product-accordion__helper">{product.helper}</span>
-                    <span className="product-accordion__status">{product.status}</span>
-                  </div>
-                  <p>{product.body}</p>
-                  <p className="product-accordion__timing">{product.timing}</p>
-                  <dl>
-                    <div>
-                      <dt>{copy.gateway.useWhen}</dt>
-                      <dd>{product.audience}</dd>
-                    </div>
-                    <div>
-                      <dt>{copy.gateway.input}</dt>
-                      <dd>{product.input}</dd>
-                    </div>
-                    <div>
-                      <dt>{copy.gateway.output}</dt>
-                      <dd>{product.output}</dd>
-                    </div>
-                  </dl>
-                  <p className="product-accordion__safety">{product.chooserSafety}</p>
-                  <strong className="product-accordion__cta">
-                    <span aria-hidden="true">{key === "interpreter" ? "↔" : "☷"}</span>
-                    {product.cta.open}
-                  </strong>
+      <aside
+        className="interpreter-status"
+        aria-labelledby="interpreter-status-title"
+        data-interpreter-status
+      >
+        <strong id="interpreter-status-title">Phiên dịch khám bệnh trực tiếp</strong>
+        <span>Đang phát triển — hiện chưa thể truy cập trên web.</span>
+      </aside>
+
+      <main className="landing-main" id="top" tabIndex={-1}>
+        <section className="onboarding-hero" aria-labelledby="onboarding-title">
+          <h1 id="onboarding-title">
+            Dành thời gian cho người bệnh, không phải cho việc gõ bệnh án.
+          </h1>
+          <div className="onboarding-hero__body">
+            <div className="onboarding-hero__copy">
+              <p>
+                CarePath chuẩn bị ghi chú lâm sàng từ cuộc trao đổi để bác sĩ
+                kiểm tra và xác nhận.
+              </p>
+              <div className="onboarding-hero__actions">
+                <a className="button-link button-link--primary" href="#demo">
+                  Trải nghiệm ca khám mẫu
+                </a>
+                <a className="button-link button-link--secondary" href="#calculator">
+                  Tính thời gian ghi chép
                 </a>
-              );
-            })}
+              </div>
+              <small>
+                Dùng tệp âm thanh đã được phép sử dụng. Âm thanh không bị giữ
+                lại sau xử lý; bản nháp không tự đi vào hồ sơ.
+              </small>
+            </div>
+
+            <div className="hero-proof" aria-label="Từ cuộc trao đổi đến bản nháp">
+              <p className="hero-proof__title">Từ cuộc trao đổi đến bản nháp</p>
+              <div className="hero-proof__stage">
+                <span>Trong ghi âm</span>
+                <p>
+                  <strong>Bệnh nhân:</strong> Tôi bị đau tức ngực thoáng qua từ
+                  sáng, hơi khó thở.
+                </p>
+              </div>
+              <div className="hero-proof__stage hero-proof__stage--draft">
+                <span>Bản nháp cho bác sĩ kiểm tra</span>
+                <dl>
+                  <div>
+                    <dt>Triệu chứng chủ quan</dt>
+                    <dd>Đau tức ngực thoáng qua từ sáng, khó thở nhẹ. Chưa dùng thuốc.</dd>
+                  </div>
+                  <div>
+                    <dt>Thông tin khách quan</dt>
+                    <dd>Chưa có kết quả cận lâm sàng trong nội dung ghi âm.</dd>
+                  </div>
+                </dl>
+              </div>
+              <p className="hero-proof__caption">
+                Ca khám mẫu đã làm sạch. Nhận định và kế hoạch luôn thuộc về bác sĩ.
+              </p>
+            </div>
           </div>
         </section>
 
-        <section className="trust-strip" aria-label={copy.safety.title}>
-          {copy.safety.trust.map((item) => (
-            <article key={item.title}>
-              <h2>{item.title}</h2>
-              <p>{item.body}</p>
-            </article>
-          ))}
+        <section className="burden-section" id="calculator" aria-labelledby="burden-title">
+          <header className="compact-heading">
+            <h2 id="burden-title">Một buổi khám không nên biến thành hai ca làm việc.</h2>
+            <p>
+              Hãy bắt đầu bằng thời gian bác sĩ đang dành cho ghi chép, không
+              phải bằng một lời hứa tiết kiệm chưa được kiểm chứng.
+            </p>
+          </header>
+
+          <div className="burden-layout">
+            <form className="burden-calculator" onSubmit={(event) => event.preventDefault()}>
+              <h3>Ước tính gánh nặng hiện tại</h3>
+              <p>Con số chỉ dựa trên câu trả lời của bạn và không được gửi đi.</p>
+              <div className="calculator-fields">
+                <label>
+                  Số người bệnh mỗi ngày
+                  <input
+                    max="200"
+                    min="0"
+                    onChange={(event) => setPatients(Math.min(200, Math.max(0, Number(event.target.value))))}
+                    type="number"
+                    value={patients}
+                  />
+                </label>
+                <label>
+                  Phút ghi chép cho mỗi người bệnh
+                  <input
+                    max="120"
+                    min="0"
+                    onChange={(event) => setMinutesPerPatient(Math.min(120, Math.max(0, Number(event.target.value))))}
+                    type="number"
+                    value={minutesPerPatient}
+                  />
+                </label>
+                <label>
+                  Bạn thường hoàn tất bệnh án sau giờ làm?
+                  <select onChange={(event) => setAfterHours(event.target.value)} value={afterHours}>
+                    <option value="never">Hiếm khi</option>
+                    <option value="sometimes">Một vài ngày trong tuần</option>
+                    <option value="often">Gần như mỗi ngày</option>
+                  </select>
+                </label>
+                <label>
+                  Nơi làm việc chính
+                  <select onChange={(event) => setWorkplace(event.target.value)} value={workplace}>
+                    <option value="clinic">Phòng khám</option>
+                    <option value="hospital">Bệnh viện</option>
+                    <option value="other">Cơ sở khác</option>
+                  </select>
+                </label>
+              </div>
+              <output className="calculator-result" aria-live="polite">
+                <span>Thời gian ghi chép ước tính hiện tại</span>
+                <strong>{formatMinutes(dailyMinutes)} mỗi ngày</strong>
+                <small>{formatMinutes(dailyMinutes * 5)} cho 5 ngày làm việc</small>
+              </output>
+              <p className="calculator-formula">
+                Công thức: {patients} người bệnh × {minutesPerPatient} phút. Tần
+                suất ngoài giờ và nơi làm việc giúp bạn tự đối chiếu bối cảnh,
+                không làm thay đổi phép tính.
+              </p>
+            </form>
+
+            <div className="workflow-comparison">
+              <article>
+                <h3>Khi chưa có bản nháp</h3>
+                <p>Nhớ lại cuộc trao đổi, gõ lại từng mục, rồi tự tìm phần còn thiếu.</p>
+              </article>
+              <article>
+                <h3>Khi dùng CarePath</h3>
+                <p>
+                  Tải tệp đã được phép sử dụng, đọc lại lời chép và bắt đầu từ
+                  một bản nháp có cấu trúc.
+                </p>
+              </article>
+              <p>Bác sĩ vẫn là người sửa, bổ sung và quyết định bản cuối.</p>
+            </div>
+          </div>
         </section>
 
-        <section
-          className="safety-suite"
-          id="safety"
-          aria-labelledby="safety-title"
-          tabIndex={-1}
-        >
-          <header className="section-intro section-intro--on-dark">
-            <h2 id="safety-title">{copy.safety.title}</h2>
-            <p>{copy.safety.body}</p>
+        <section className="demo-section" id="demo" aria-labelledby="demo-title">
+          <header className="compact-heading compact-heading--wide">
+            <h2 id="demo-title">Thử một ca khám mẫu trước khi tải tệp của bạn.</h2>
+            <p>
+              Đi qua bốn bước ngắn để thấy nội dung nào đến từ cuộc trao đổi,
+              nội dung nào được làm rõ và phần nào bác sĩ phải tự xác nhận.
+            </p>
           </header>
-          <div className="safety-bento">
-            {(
-              [
-                ["shared", copy.safety.shared],
-                ["interpreter", copy.safety.interpreter],
-                ["scribe", copy.safety.scribe],
-              ] as const
-            ).map(([key, card]) => (
-              <article
-                className={`safety-bento__card safety-bento__card--${key}`}
-                data-safety-card
-                key={key}
-              >
-                <header>
-                  <h3>{card.title}</h3>
-                  <p>{card.body}</p>
-                </header>
-                <ul>
-                  {card.items.map((item) => (
-                    <li key={item.title.vi}>
-                      <strong>{item.title[language]}</strong>
-                      <span>{item.body[language]}</span>
-                    </li>
-                  ))}
-                </ul>
-              </article>
-            ))}
+          <ScribeShowcase />
+        </section>
+
+        <section className="evidence-section" id="evidence" aria-labelledby="evidence-title">
+          <header className="compact-heading compact-heading--wide">
+            <h2 id="evidence-title">Bằng chứng được đặt đúng giới hạn.</h2>
+            <p>
+              Nhu cầu là có thật. Kết quả quốc tế đáng để học hỏi. Hiệu quả của
+              CarePath tại Việt Nam vẫn cần được đo trong thí điểm.
+            </p>
+          </header>
+          <div className="evidence-grid">
+            <article>
+              <h3>Bối cảnh Việt Nam</h3>
+              <p>
+                Một định mức ban hành năm 2015 từng đặt 33–45 lượt khám mỗi ngày
+                tùy hạng bệnh viện, tương đương khoảng 11–15 phút cho mỗi lượt
+                trong 8 giờ. Đây là mốc lịch sử, không phải số đo hiện tại.
+              </p>
+              <a href="https://baohiemxahoi.gov.vn/tintuc/Pages/linh-vuc-bao-hiem-xa-hoi.aspx?CateID=0&ItemID=8449">
+                Xem nguồn Bảo hiểm xã hội Việt Nam
+              </a>
+            </article>
+            <article>
+              <h3>Kinh nghiệm quốc tế</h3>
+              <p>
+                Các nghiên cứu quan sát tại Singapore và Hoa Kỳ ghi nhận ít thời
+                gian ghi chép hơn, nhiều giao tiếp bằng mắt hơn hoặc giảm kiệt
+                sức sau khi dùng công cụ ghi chép môi trường. Đây không phải kết
+                quả của CarePath.
+              </p>
+              <div className="evidence-links">
+                <a href="https://medinform.jmir.org/2026/1/e85580">Nghiên cứu JMIR 2026</a>
+                <a href="https://jamanetwork.com/journals/jamanetworkopen/fullarticle/2839542">
+                  Nghiên cứu JAMA Network Open
+                </a>
+              </div>
+            </article>
+            <article>
+              <h3>Điều CarePath còn phải chứng minh</h3>
+              <p>
+                Chưa có dữ liệu triển khai CarePath tại Việt Nam. Thí điểm cần đo
+                thời gian hoàn tất bệnh án, lỗi bác sĩ phải sửa và mức chấp nhận
+                của người dùng trước khi đưa ra tuyên bố hiệu quả.
+              </p>
+            </article>
           </div>
         </section>
 
-        <section className="evidence" aria-labelledby="evidence-title">
-          <header className="section-intro">
-            <h2 id="evidence-title">{copy.evidence.title}</h2>
-            <p>{copy.evidence.body}</p>
-            <a href={sources.research.href} target="_blank" rel="noreferrer">
-              {copy.evidence.source}
-            </a>
+        <section className="trust-section" aria-labelledby="trust-title">
+          <header>
+            <h2 id="trust-title">Nhận đúng tiếng Việt. Không giữ lại âm thanh.</h2>
+            <p>
+              CarePath hỗ trợ ghi chép, không tự tạo chẩn đoán, tư vấn hay đơn
+              thuốc. Bác sĩ kiểm tra bản nháp trước khi sử dụng.
+            </p>
           </header>
-          <div className="evidence-proof-grid">
-            {copy.evidence.items.map((item) => (
-              <article className={`evidence-proof evidence-proof--${item.kind}`} key={item.kind}>
-                <div className="evidence-proof__copy">
-                  <p>{item.kind === "research" ? copy.evidence.researchLabel : copy.evidence.sampleLabel}</p>
-                  <h3>{item.title}</h3>
-                  <p>{item.body}</p>
-                </div>
-                <div className="evidence-capture" aria-label={item.detail} role="img">
-                  <div className="evidence-capture__bar">
-                    <span>CarePath</span>
-                    <span>{item.product}</span>
-                  </div>
-                  <div className="evidence-capture__content">
-                    {item.kind === "interpreter" && (
-                      <>
-                        <div className="evidence-capture__turn">
-                          <small>EN · {copy.demo.patient}</small>
-                          <p lang="en">{interpreterEvidenceTurn.en}</p>
-                        </div>
-                        <div className="evidence-capture__turn">
-                          <small>VI · {copy.demo.translation}</small>
-                          <p lang="vi">{interpreterEvidenceTurn.vi}</p>
-                        </div>
-                      </>
-                    )}
-                    {item.kind === "scribe" && (
-                      <dl>
-                        {soapDraft.slice(0, 2).map((row) => (
-                          <div key={row.key}>
-                            <dt>{copy.scribe.soapLabels[row.key]}</dt>
-                            <dd lang="vi">{row.text}</dd>
-                          </div>
-                        ))}
-                      </dl>
-                    )}
-                    {item.kind === "research" && (
-                      <p className="evidence-capture__source">docs/research.md</p>
-                    )}
-                    <strong>{item.detail}</strong>
-                  </div>
-                </div>
-              </article>
-            ))}
+          <div className="trust-grid">
+            <article>
+              <h3>Nhận đúng tiếng Việt lâm sàng</h3>
+              <ul>
+                <li>Mô hình nhận dạng giọng nói tiếng Việt, giữ nguyên dấu và chính tả.</li>
+                <li>
+                  Thuật ngữ y khoa được đối chiếu với bộ từ điển tiếng Việt
+                  tuyển chọn, nhận cả cách nói tắt và thiếu dấu.
+                </li>
+                <li>
+                  Lời chép gốc, chỗ đã chỉnh và phần còn thiếu đều hiển thị rõ,
+                  nên bác sĩ kiểm tra nhanh và đúng trọng tâm.
+                </li>
+              </ul>
+            </article>
+            <article>
+              <h3>Âm thanh của buổi khám không bị giữ lại</h3>
+              <ul>
+                <li>
+                  Tệp chỉ được xử lý tạm thời trong phạm vi yêu cầu và bị xóa
+                  ngay khi xử lý xong.
+                </li>
+                <li>Âm thanh buổi khám không bao giờ được dùng để huấn luyện mô hình.</li>
+                <li>Màn hình không tự bắt đầu micro; chỉ dùng tệp cơ sở chủ động tải lên.</li>
+              </ul>
+            </article>
           </div>
         </section>
 
-        <section className="chapter pilot" id="pilot" tabIndex={-1}>
-          <div className="pilot__copy">
-            <h2>{copy.pilot.title}</h2>
-            <p>{copy.pilot.body}</p>
-            <div className="pilot__configuration">
-              <span>{copy.form.interestOptions[interest]}</span>
-            </div>
-            <small>{copy.pilot.transcriptNote}</small>
+        <section className="start-section" id="start" aria-labelledby="start-title">
+          <div className="start-section__copy">
+            <h2 id="start-title">Bắt đầu từ một tệp âm thanh đã được phép sử dụng.</h2>
+            <p>
+              Công cụ sẽ chỉ cho bạn từng bước tải tệp, tạo bản nháp và kiểm tra
+              trước khi sử dụng.
+            </p>
+            <a className="button-link button-link--light" href={scribeHref}>
+              Bắt đầu ghi chép
+            </a>
           </div>
-          <LeadForm
-            clinic=""
-            specialty=""
-            scenario={scenario}
-            transcript=""
-            language={language}
-            interest={interest}
-            onInterestChange={setInterest}
-          />
+          <details className="pilot-disclosure">
+            <summary>Dành cho cơ sở muốn thí điểm CarePath</summary>
+            <div>
+              <p>
+                Để lại bối cảnh làm việc nếu cơ sở muốn cùng xác định cách thử
+                nghiệm phù hợp. Biểu mẫu này chỉ dành cho Ghi chép bệnh án AI.
+              </p>
+              <LeadForm
+                clinic=""
+                specialty=""
+                scenario={scenarios[0]}
+                transcript=""
+                language="vi"
+                interest="scribe"
+                hideInterestField
+              />
+            </div>
+          </details>
         </section>
       </main>
 
@@ -260,7 +332,6 @@ export default function LandingPage({
           <img src={logoUrl} alt="" />
           <strong>{copy.footer.promise}</strong>
         </div>
-        <p>{copy.footer.posture}</p>
         <p>{copy.footer.honesty}</p>
         <div>
           <a href={`mailto:${leadContact.email}`}>{copy.footer.contact}</a>

scribe/frontend/src/LeadForm.test.tsx

@@ -182,6 +182,31 @@ describe("LeadForm", () => {
     expect(onInterestChange).toHaveBeenCalledWith("both");
   });
 
+  it("submits a fixed Scribe interest when the landing selector is hidden", async () => {
+    const fetcher = vi.fn(async () => new Response(null, { status: 204 })) as unknown as typeof fetch;
+    render(
+      <LeadForm
+        clinic="Phòng khám Minh Tâm"
+        endpoint="https://leads.example.test/pilot"
+        fetcher={fetcher}
+        hideInterestField
+        interest="scribe"
+        language="vi"
+        scenario={scenarios[0]}
+        specialty="Nội tổng quát"
+        transcript=""
+      />,
+    );
+
+    expect(screen.queryByRole("combobox", { name: "Chức năng quan tâm" })).not.toBeInTheDocument();
+    fillRequiredFields();
+    fireEvent.click(screen.getByRole("button", { name: "Gửi yêu cầu thí điểm" }));
+
+    await waitFor(() => expect(fetcher).toHaveBeenCalledOnce());
+    const [, request] = (fetcher as ReturnType<typeof vi.fn>).mock.calls[0];
+    expect(JSON.parse(String(request.body)).interest).toBe("scribe");
+  });
+
   it("includes the simulation context only after explicit opt-in", async () => {
     const fetcher = vi.fn(async () => new Response(null, { status: 204 })) as unknown as typeof fetch;
     render(

scribe/frontend/src/LeadForm.tsx

@@ -22,6 +22,7 @@ interface LeadFormProps {
   onMailto?: (url: string) => void;
   interest?: ProductInterest;
   onInterestChange?: (interest: ProductInterest) => void;
+  hideInterestField?: boolean;
 }
 
 export default function LeadForm({
@@ -36,6 +37,7 @@ export default function LeadForm({
   onMailto,
   interest: controlledInterest,
   onInterestChange,
+  hideInterestField = false,
 }: LeadFormProps) {
   const labels = copyFor(language).form;
   const [localInterest, setLocalInterest] = useState<ProductInterest>("both");
@@ -161,25 +163,27 @@ export default function LeadForm({
           {labels.includeDemoContext}
         </label>
       )}
-      <label>
-        {labels.interest}
-        <select
-          value={interest}
-          onChange={(event) => {
-            const nextInterest = event.target.value as ProductInterest;
-            if (controlledInterest === undefined) {
-              setLocalInterest(nextInterest);
-            }
-            onInterestChange?.(nextInterest);
-          }}
-        >
-          <option value="interpreter">
-            {labels.interestOptions.interpreter}
-          </option>
-          <option value="scribe">{labels.interestOptions.scribe}</option>
-          <option value="both">{labels.interestOptions.both}</option>
-        </select>
-      </label>
+      {!hideInterestField && (
+        <label>
+          {labels.interest}
+          <select
+            value={interest}
+            onChange={(event) => {
+              const nextInterest = event.target.value as ProductInterest;
+              if (controlledInterest === undefined) {
+                setLocalInterest(nextInterest);
+              }
+              onInterestChange?.(nextInterest);
+            }}
+          >
+            <option value="interpreter">
+              {labels.interestOptions.interpreter}
+            </option>
+            <option value="scribe">{labels.interestOptions.scribe}</option>
+            <option value="both">{labels.interestOptions.both}</option>
+          </select>
+        </label>
+      )}
       <label>
         {labels.role}
         <input

scribe/frontend/src/content/strings.ts

@@ -42,6 +42,68 @@ interface SafetyCardCopy {
   items: SafetyItem[];
 }
 
+interface LandingCopy {
+  status: { title: string; state: string; body: string };
+  hero: {
+    title: string;
+    body: string;
+    primary: string;
+    secondary: string;
+    visual: {
+      sourceLabel: string;
+      sourceText: string;
+      transcriptLabel: string;
+      transcriptText: string;
+      draftLabel: string;
+      draftText: string;
+    };
+  };
+  process: { label: string; items: string[] };
+  problem: {
+    title: string;
+    body: string;
+    duringTitle: string;
+    duringBody: string;
+    afterTitle: string;
+    afterBody: string;
+    workflowTitle: string;
+    workflowBody: string;
+    reviewTitle: string;
+    reviewBody: string;
+  };
+  workflow: {
+    title: string;
+    body: string;
+    stages: Array<{ title: string; body: string }>;
+  };
+  story: {
+    titleStart: string;
+    titleEnd: string;
+    body: string;
+    rawTitle: string;
+    rawText: string;
+    rawDetail: string;
+    correctedTitle: string;
+    correctedText: string;
+    correctedDetail: string;
+    draftTitle: string;
+    draftDetail: string;
+  };
+  safety: {
+    title: string;
+    body: string;
+    items: Array<{ title: string; body: string }>;
+  };
+  action: {
+    title: string;
+    body: string;
+    primary: string;
+    pilotTitle: string;
+    pilotBody: string;
+    pilotNote: string;
+  };
+}
+
 interface PageCopy {
   metadata: {
     title: string;
@@ -53,12 +115,13 @@ interface PageCopy {
     en: string;
   };
   nav: {
-    interpreter: string;
-    scribe: string;
+    need: string;
+    workflow: string;
     safety: string;
     pilot: string;
     menu: string;
   };
+  landing: LandingCopy;
   demo: {
     brand: string;
     consoleCta: string;
@@ -148,7 +211,7 @@ interface PageCopy {
     title: string;
     helper: string;
     intro: string;
-    preStartSteps: [string, string, string, string];
+    preStartSteps: [string, string, string];
     preStartReminder: string;
     uploadNotice: string;
     continue: string;
@@ -221,8 +284,8 @@ interface PageCopy {
 export const strings: Record<Language, PageCopy> = {
   vi: {
     metadata: {
-      title: "CarePath | Ghi chép bệnh án AI và Phiên dịch khám bệnh trực tiếp",
-      description: "CarePath hỗ trợ Ghi chép bệnh án AI và Phiên dịch khám bệnh trực tiếp cho cơ sở y tế.",
+      title: "CarePath | Bớt gõ bệnh án, thêm thời gian cho người bệnh",
+      description: "CarePath chuẩn bị bản nháp ghi chú lâm sàng từ tệp âm thanh để bác sĩ kiểm tra. Phiên dịch trực tiếp đang phát triển và chưa mở trên web.",
     },
     language: {
       label: "Ngôn ngữ",
@@ -230,12 +293,120 @@ export const strings: Record<Language, PageCopy> = {
       en: "EN",
     },
     nav: {
-      interpreter: "Phiên dịch khám bệnh trực tiếp",
-      scribe: "Ghi chép bệnh án AI",
-      safety: "An toàn",
-      pilot: "Thí điểm",
+      need: "Vì sao cần",
+      workflow: "Cách hoạt động",
+      safety: "Bác sĩ kiểm tra",
+      pilot: "Dùng thử",
       menu: "Mở điều hướng",
     },
+    landing: {
+      status: {
+        title: "Phiên dịch khám bệnh trực tiếp",
+        state: "Đang phát triển — hiện chưa thể truy cập trên web.",
+        body: "CarePath đang hoàn thiện các luồng an toàn cần thiết trước khi mở lại chức năng này.",
+      },
+      hero: {
+        title: "Tập trung vào người bệnh. Để CarePath soạn bản nháp sau buổi khám.",
+        body: "Tải lên tệp âm thanh buổi khám đã được phép sử dụng. CarePath chép lời, chuẩn hóa thuật ngữ và tạo bản nháp bệnh án có cấu trúc để bác sĩ kiểm tra.",
+        primary: "Bắt đầu ghi chép",
+        secondary: "Xem cách hoạt động",
+        visual: {
+          sourceLabel: "Trong buổi khám",
+          sourceText: "Bệnh nhân đau đầu ba ngày, buồn nôn nhẹ, không sốt.",
+          transcriptLabel: "Lời chép được làm rõ",
+          transcriptText: "Đau đầu 3 ngày · buồn nôn nhẹ · không sốt",
+          draftLabel: "Bản nháp có cấu trúc",
+          draftText: "Triệu chứng và thông tin phủ định được đặt đúng mục để bác sĩ kiểm tra.",
+        },
+      },
+      process: {
+        label: "Tệp âm thanh, chép lời, chuẩn hóa thuật ngữ, bản nháp SOAP, bác sĩ kiểm tra",
+        items: [
+          "Tệp âm thanh",
+          "Chép lời tiếng Việt",
+          "Chuẩn hóa thuật ngữ",
+          "Bản nháp SOAP",
+          "Bác sĩ kiểm tra",
+        ],
+      },
+      problem: {
+        title: "Một buổi khám không nên biến thành hai ca làm việc.",
+        body: "Trong phòng khám, bác sĩ cần lắng nghe, đặt câu hỏi và đưa ra quyết định. Sau đó vẫn còn phần sắp xếp nội dung thành một ghi chú có cấu trúc.",
+        duringTitle: "Trong buổi khám",
+        duringBody: "Tập trung vào câu chuyện, triệu chứng và điều người bệnh đang cần.",
+        afterTitle: "Sau buổi khám",
+        afterBody: "Nhớ lại nội dung, gõ từng mục và kiểm tra xem thông tin quan trọng có bị bỏ sót hay không.",
+        workflowTitle: "Không bắt đầu từ trang trắng",
+        workflowBody: "CarePath biến lời đã nói thành một bản nháp có cấu trúc để bác sĩ bắt đầu từ việc kiểm tra, không phải chép lại.",
+        reviewTitle: "Bác sĩ quyết định bản cuối",
+        reviewBody: "CarePath không tự hoàn tất hồ sơ và không thay thế nhận định lâm sàng.",
+      },
+      workflow: {
+        title: "Một luồng rõ ràng từ tệp âm thanh đến bản nháp.",
+        body: "Mỗi bước đều giữ cho bác sĩ biết dữ liệu đến từ đâu và cần kiểm tra điều gì trước khi sử dụng.",
+        stages: [
+          {
+            title: "Tệp âm thanh đã được phép sử dụng",
+            body: "Cơ sở y tế chủ động chọn và tải lên tệp âm thanh của buổi khám.",
+          },
+          {
+            title: "Chép lời tiếng Việt",
+            body: "Nội dung đã nói được chuyển thành văn bản để bác sĩ có thể đọc lại.",
+          },
+          {
+            title: "Chuẩn hóa thuật ngữ",
+            body: "Tên thuốc và thuật ngữ y khoa được làm rõ nhưng vẫn phải được bác sĩ đối chiếu.",
+          },
+          {
+            title: "Tạo bản nháp có cấu trúc",
+            body: "Thông tin được sắp xếp thành các mục bệnh án, kể cả phần còn thiếu cần chú ý.",
+          },
+          {
+            title: "Bác sĩ kiểm tra",
+            body: "Chỉ bác sĩ mới quyết định nội dung nào được sửa, bổ sung hoặc sử dụng.",
+          },
+        ],
+      },
+      story: {
+        titleStart: "Từ lời đã nói",
+        titleEnd: "đến bản nháp bệnh án có cấu trúc.",
+        body: "Ba lớp thông tin được trình bày riêng để bác sĩ có thể đối chiếu nguồn, phần đã làm rõ và bản nháp cuối.",
+        rawTitle: "Lời chép ban đầu",
+        rawText: "Bệnh nhân đau đầu ba ngày, buồn nôn nhẹ, không sốt.",
+        rawDetail: "Giữ lại nội dung nguồn để bác sĩ đối chiếu.",
+        correctedTitle: "Thuật ngữ được làm rõ",
+        correctedText: "Đau đầu 3 ngày · buồn nôn nhẹ · không sốt",
+        correctedDetail: "Số, thuật ngữ và thông tin phủ định vẫn cần được kiểm tra.",
+        draftTitle: "Bản nháp SOAP",
+        draftDetail: "Thông tin được sắp xếp, không tự biến thành hồ sơ hoàn tất.",
+      },
+      safety: {
+        title: "Bản nháp chỉ được dùng sau khi bác sĩ kiểm tra.",
+        body: "CarePath hỗ trợ công việc ghi chép. Quyền quyết định lâm sàng và trách nhiệm duyệt nội dung luôn thuộc về bác sĩ.",
+        items: [
+          {
+            title: "Luôn hiển thị nội dung nguồn",
+            body: "Bác sĩ có thể so sánh lời chép, phần đã làm rõ và bản nháp.",
+          },
+          {
+            title: "Đánh dấu phần còn thiếu",
+            body: "Thông tin chưa có không được tự điền thành một kết luận chắc chắn.",
+          },
+          {
+            title: "Không tự đưa vào hồ sơ",
+            body: "Bản nháp cần được kiểm tra và xử lý theo quy trình của cơ sở y tế.",
+          },
+        ],
+      },
+      action: {
+        title: "Bắt đầu từ một tệp âm thanh đã được phép sử dụng.",
+        body: "Thử luồng ghi chép hiện có hoặc để lại thông tin nếu cơ sở của bạn muốn trao đổi về chương trình thí điểm.",
+        primary: "Bắt đầu ghi chép",
+        pilotTitle: "Trao đổi về chương trình thí điểm",
+        pilotBody: "Cho CarePath biết bối cảnh của cơ sở để cùng xác định cách thử nghiệm phù hợp.",
+        pilotNote: "Biểu mẫu này chỉ dành cho Ghi chép bệnh án AI.",
+      },
+    },
     demo: {
       brand: "CarePath Phiên dịch",
       consoleCta: "Mở công cụ Phiên dịch",
@@ -438,10 +609,9 @@ export const strings: Record<Language, PageCopy> = {
       helper: "Tạo bản nháp y khoa",
       intro: "AI dùng phiên âm tự động để tạo bản nháp y khoa theo bốn mục SOAP; bác sĩ cần kiểm tra trước khi sử dụng.",
       preStartSteps: [
-        "Tải tệp ghi âm buổi khám lên",
-        "Phiên âm tự động lời nói thành văn bản",
-        "AI tạo bản nháp y khoa theo bốn mục SOAP",
-        "B��c sĩ kiểm tra, chỉnh sửa; bản nháp không tự vào hồ sơ",
+        "Chọn tệp âm thanh buổi khám đã được phép sử dụng",
+        "Thêm bối cảnh ngắn nếu cần rồi tạo bản nháp",
+        "Đối chiếu lời chép, sửa và xác nhận trước khi sử dụng",
       ],
       preStartReminder: "AI chỉ hỗ trợ tạo bản nháp. Bác sĩ cần kiểm tra lại nội dung trước khi sử dụng.",
       uploadNotice: "Cơ sở chủ động chọn và tải tệp ghi âm lên để tạo bản nháp. Tệp chỉ được xử lý tạm thời trong phạm vi yêu cầu này; màn hình không tự bắt đầu micro.",
@@ -616,14 +786,14 @@ export const strings: Record<Language, PageCopy> = {
     footer: {
       promise: "AI hỗ trợ, bác sĩ giữ quyền quyết định.",
       posture: "Thiết kế theo hướng giảm thiểu dữ liệu, nhận biết yêu cầu của Nghị định 13/PDP và định vị phù hợp với nguyên tắc tiếp cận ngôn ngữ của §1557. Đây không phải tuyên bố chứng nhận pháp lý.",
-      honesty: "Phiên dịch khám bệnh trực tiếp là bản mô phỏng tương tác; Ghi chép bệnh án AI là công cụ thí điểm tạo bản nháp. Cả hai đều cần giám sát của nhân viên y tế.",
+      honesty: "Ghi chép bệnh án AI tạo bản nháp cần bác sĩ kiểm tra. Phiên dịch khám bệnh trực tiếp đang phát triển và chưa mở trên web.",
       contact: "Liên hệ chương trình thí điểm",
     },
   },
   en: {
     metadata: {
-      title: "CarePath | Clinical note drafting and live medical interpretation",
-      description: "CarePath supports clinical note drafting and live medical interpretation for care teams.",
+      title: "CarePath | AI clinical documentation for Vietnamese doctors",
+      description: "CarePath prepares a structured clinical-note draft from permitted consultation audio for clinician review. Live interpretation remains in development and is not open on the web.",
     },
     language: {
       label: "Language",
@@ -631,12 +801,120 @@ export const strings: Record<Language, PageCopy> = {
       en: "EN",
     },
     nav: {
-      interpreter: "Interpreter",
-      scribe: "Scribe",
-      safety: "Safety",
-      pilot: "Pilot",
+      need: "Why it matters",
+      workflow: "How it works",
+      safety: "Clinician review",
+      pilot: "Try it",
       menu: "Open navigation",
     },
+    landing: {
+      status: {
+        title: "Live medical interpretation",
+        state: "In development — not currently accessible on the web.",
+        body: "CarePath is completing the required safety workflows before this product reopens.",
+      },
+      hero: {
+        title: "Focus on the patient. Let CarePath prepare the draft after the visit.",
+        body: "Upload permitted consultation audio. CarePath transcribes it, normalizes medical terms, and prepares a structured clinical-note draft for clinician review.",
+        primary: "Start documenting",
+        secondary: "See how it works",
+        visual: {
+          sourceLabel: "During the visit",
+          sourceText: "Bệnh nhân đau đầu ba ngày, buồn nôn nhẹ, không sốt.",
+          transcriptLabel: "Clarified transcript",
+          transcriptText: "Headache for 3 days · mild nausea · no fever",
+          draftLabel: "Structured draft",
+          draftText: "Symptoms and negative findings are placed in the right sections for clinician review.",
+        },
+      },
+      process: {
+        label: "Audio file, transcription, term normalization, SOAP draft, clinician review",
+        items: [
+          "Audio file",
+          "Vietnamese transcript",
+          "Term normalization",
+          "SOAP draft",
+          "Clinician review",
+        ],
+      },
+      problem: {
+        title: "One consultation should not become two shifts of work.",
+        body: "During the visit, clinicians need to listen, ask questions, and make decisions. Afterwards, the conversation still has to become a structured note.",
+        duringTitle: "During the visit",
+        duringBody: "Stay with the patient's story, symptoms, and immediate needs.",
+        afterTitle: "After the visit",
+        afterBody: "Recall the conversation, enter each section, and check whether important details were missed.",
+        workflowTitle: "Do not start from a blank page",
+        workflowBody: "CarePath turns spoken content into a structured draft so review begins with evidence instead of retyping.",
+        reviewTitle: "The clinician decides the final note",
+        reviewBody: "CarePath does not complete the record independently or replace clinical judgment.",
+      },
+      workflow: {
+        title: "A clear path from permitted audio to a reviewable draft.",
+        body: "Each step keeps the source visible and makes clear what the clinician must verify before use.",
+        stages: [
+          {
+            title: "Permitted consultation audio",
+            body: "The healthcare organization chooses and uploads the consultation audio file.",
+          },
+          {
+            title: "Vietnamese transcription",
+            body: "Spoken content becomes text that the clinician can read and compare.",
+          },
+          {
+            title: "Medical term normalization",
+            body: "Drug names and medical terms are clarified but still require clinician verification.",
+          },
+          {
+            title: "Structured draft",
+            body: "Information is organized into clinical-note sections, including missing details that need attention.",
+          },
+          {
+            title: "Clinician review",
+            body: "Only the clinician decides what to edit, add, or use.",
+          },
+        ],
+      },
+      story: {
+        titleStart: "From spoken detail",
+        titleEnd: "to a structured clinical-note draft.",
+        body: "Source, clarified content, and the resulting draft remain separate so the clinician can compare each layer.",
+        rawTitle: "Initial transcript",
+        rawText: "Bệnh nhân đau đầu ba ngày, buồn nôn nhẹ, không sốt.",
+        rawDetail: "The source remains visible for comparison.",
+        correctedTitle: "Clarified terminology",
+        correctedText: "Headache for 3 days · mild nausea · no fever",
+        correctedDetail: "Numbers, medical terms, and negative findings still require review.",
+        draftTitle: "SOAP draft",
+        draftDetail: "Information is organized without becoming a completed medical record.",
+      },
+      safety: {
+        title: "The draft is used only after clinician review.",
+        body: "CarePath supports documentation work. Clinical decisions and responsibility for the final content remain with the clinician.",
+        items: [
+          {
+            title: "Source content stays visible",
+            body: "The clinician can compare the transcript, clarified content, and draft.",
+          },
+          {
+            title: "Missing information is marked",
+            body: "Absent details are not silently turned into confident conclusions.",
+          },
+          {
+            title: "No automatic record entry",
+            body: "The draft must follow the healthcare organization's review process.",
+          },
+        ],
+      },
+      action: {
+        title: "Start with an audio file you are permitted to use.",
+        body: "Try the available documentation workflow or leave your details to discuss a pilot for your organization.",
+        primary: "Start documenting",
+        pilotTitle: "Discuss a pilot",
+        pilotBody: "Tell CarePath about your organization so we can identify an appropriate way to test the workflow.",
+        pilotNote: "This form is only for AI clinical documentation.",
+      },
+    },
     demo: {
       brand: "CarePath Interpreter",
       consoleCta: "Open the Interpreter tool",
@@ -839,10 +1117,9 @@ export const strings: Record<Language, PageCopy> = {
       helper: "AI Scribe",
       intro: "Upload a Vietnamese consultation recording. The system uses automated transcription, corrects medical terms, and creates a four-part SOAP draft for clinician review.",
       preStartSteps: [
-        "Upload the visit recording",
-        "Automated transcription turns speech into text",
-        "AI creates a four-part SOAP draft",
-        "The clinician checks and edits; the draft never enters the record automatically",
+        "Choose an approved consultation audio file",
+        "Add brief context if needed and create the draft",
+        "Review the transcript, edit, and confirm before use",
       ],
       preStartReminder: "AI assists with drafting only. The clinician must review the draft before use.",
       uploadNotice: "The clinic deliberately selects and uploads the recording file to create a draft. The file is processed temporarily for this request only; this screen does not start the microphone.",
@@ -1017,7 +1294,7 @@ export const strings: Record<Language, PageCopy> = {
     footer: {
       promise: "AI assistance, clinician in control.",
       posture: "Designed around data minimization, awareness of Decree 13/PDP obligations, and §1557-aligned language-access positioning. This is not a legal certification claim.",
-      honesty: "Interpreter is an interactive simulation; Scribe is a pilot draft tool. Both require healthcare-staff oversight.",
+      honesty: "AI clinical documentation produces a draft for clinician review. Live medical interpretation remains in development and is not open on the web.",
       contact: "Contact the pilot program",
     },
   },

scribe/frontend/src/scribe/ScribeShowcase.test.tsx

@@ -3,42 +3,22 @@ import { describe, expect, it } from "vitest";
 import ScribeShowcase from "./ScribeShowcase";
 
 describe("ScribeShowcase", () => {
-  it("walks raw transcript, correction, and SOAP draft steps", () => {
-    render(<ScribeShowcase language="vi" />);
+  it("teaches the sample flow without inventing assessment or plan", () => {
+    render(<ScribeShowcase />);
 
-    expect(screen.getByText("am lô đi pin")).toBeInTheDocument();
-    expect(
-      screen.getByText(
-        "Gạch chân: đoạn hệ thống nghe sai trong bản phiên âm tự động.",
-      ),
-    ).toBeInTheDocument();
-
-    fireEvent.click(
-      screen.getByRole("button", { name: "2. Sau hiệu chỉnh thuật ngữ" }),
-    );
-    expect(screen.getByText("amlodipin")).toBeInTheDocument();
-    expect(screen.getByText("160/90 mmHg")).toBeInTheDocument();
+    expect(screen.getByText(/Tôi bị đau tức ngực thoáng qua/)).toBeInTheDocument();
+    fireEvent.click(screen.getByRole("button", { name: "2. Nội dung được làm rõ" }));
+    expect(screen.getByText("Chưa có kết quả điện tâm đồ")).toBeInTheDocument();
 
-    fireEvent.click(
-      screen.getByRole("button", {
-        name: "3. Bản ghi y khoa theo bốn mục SOAP",
-      }),
-    );
-    expect(screen.getByText("Chờ bác sĩ duyệt")).toBeInTheDocument();
+    fireEvent.click(screen.getByRole("button", { name: "3. Bản nháp có cấu trúc" }));
+    expect(screen.getAllByText("Chờ bác sĩ nhập hoặc xác nhận.")).toHaveLength(2);
+    expect(screen.getByText("Nhận định")).toBeInTheDocument();
     expect(screen.getByText("Kế hoạch")).toBeInTheDocument();
-    expect(
-      screen.getByText("Tăng huyết áp chưa kiểm soát."),
-    ).toBeInTheDocument();
-  });
-
-  it("localizes the frame while keeping the Vietnamese sample", () => {
-    render(<ScribeShowcase language="en" />);
 
+    fireEvent.click(screen.getByRole("button", { name: "4. Bác sĩ kiểm tra" }));
+    expect(screen.getByText("Trước khi sử dụng bản nháp")).toBeInTheDocument();
     expect(
-      screen.getByText("Simulation with sample data, not a real record"),
-    ).toBeInTheDocument();
-    fireEvent.click(screen.getByRole("button", { name: "3. SOAP draft" }));
-    expect(screen.getByText("Awaiting clinician review")).toBeInTheDocument();
-    expect(screen.getByText("Subjective")).toBeInTheDocument();
+      screen.getByRole("link", { name: "Mở công cụ và tải tệp âm thanh" }),
+    ).toHaveAttribute("href", "/ghi-chep-lam-sang/");
   });
 });

scribe/frontend/src/scribe/ScribeShowcase.tsx

@@ -1,116 +1,97 @@
 import { useState } from "react";
-import { copyFor } from "../content/strings";
-import type { Language } from "../demo/types";
 
-type Step = "raw" | "corrected" | "soap";
+type Step = "conversation" | "clarified" | "draft" | "review";
 
-interface Segment {
-  text: string;
-  mark?: "miss" | "fix";
-}
-
-// Sanitized sample dictation for the simulation. Every SOAP line in this
-// fixed example is traceable to the sample content below.
-const rawSegments: Segment[] = [
-  { text: "bệnh nhân nữ 54 tuổi tiền sử tăng huyết áp đang dùng " },
-  { text: "am lô đi pin", mark: "miss" },
-  { text: " " },
-  { text: "5 mi li gam", mark: "miss" },
-  { text: " mỗi sáng hôm nay đau đầu chóng mặt huyết áp tự đo tại nhà " },
-  { text: "một sáu mươi trên chín mươi", mark: "miss" },
-  {
-    text: " không đau ngực không khó thở chẩn đoán tăng huyết áp chưa kiểm soát kế hoạch đo lại huyết áp tại phòng khám theo dõi huyết áp mỗi sáng tái khám sau một tuần",
-  },
+const steps: Array<{ key: Step; label: string }> = [
+  { key: "conversation", label: "1. Cuộc trao đổi" },
+  { key: "clarified", label: "2. Nội dung được làm rõ" },
+  { key: "draft", label: "3. Bản nháp có cấu trúc" },
+  { key: "review", label: "4. Bác sĩ kiểm tra" },
 ];
 
-const correctedSegments: Segment[] = [
-  { text: "Bệnh nhân nữ 54 tuổi, tiền sử tăng huyết áp, đang dùng " },
-  { text: "amlodipin", mark: "fix" },
-  { text: " " },
-  { text: "5 mg", mark: "fix" },
-  { text: " mỗi sáng. Hôm nay đau đầu, chóng mặt; huyết áp tự đo tại nhà " },
-  { text: "160/90 mmHg", mark: "fix" },
+export const soapDraft: Array<{ key: "s" | "o" | "a" | "p"; label: string; text: string }> = [
   {
-    text: ". Không đau ngực, không khó thở. Chẩn đoán: tăng huyết áp chưa kiểm soát. Kế hoạch: đo lại huyết áp tại phòng khám, theo dõi huyết áp mỗi sáng, tái khám sau một tuần.",
+    key: "s",
+    label: "Triệu chứng chủ quan",
+    text: "Đau tức ngực thoáng qua từ sáng, khó thở nhẹ. Chưa dùng thuốc.",
   },
-];
-
-export const soapDraft: Array<{ key: "s" | "o" | "a" | "p"; text: string }> = [
-  { key: "s", text: "Đau đầu, chóng mặt từ sáng nay. Không đau ngực, không khó thở." },
   {
     key: "o",
-    text: "Huyết áp tự đo tại nhà 160/90 mmHg. Tiền sử tăng huyết áp, đang dùng amlodipin 5 mg mỗi sáng.",
-  },
-  { key: "a", text: "Tăng huyết áp chưa kiểm soát." },
-  {
-    key: "p",
-    text: "Đo lại huyết áp tại phòng khám. Theo dõi huyết áp tại nhà mỗi sáng; tái khám sau một tuần.",
+    label: "Thông tin khách quan",
+    text: "Chưa có kết quả khám hoặc cận lâm sàng trong nội dung ghi âm.",
   },
+  { key: "a", label: "Nhận định", text: "Chờ bác sĩ nhập hoặc xác nhận." },
+  { key: "p", label: "Kế hoạch", text: "Chờ bác sĩ nhập hoặc xác nhận." },
 ];
 
-function SampleText({ segments }: { segments: Segment[] }) {
-  return (
-    <p className="scribe-doc__text" lang="vi">
-      {segments.map((segment, index) =>
-        segment.mark ? (
-          <mark
-            className={`scribe-mark scribe-mark--${segment.mark}`}
-            key={`${segment.text}-${index}`}
-          >
-            {segment.text}
-          </mark>
-        ) : (
-          segment.text
-        ),
-      )}
-    </p>
-  );
-}
-
-export default function ScribeShowcase({ language }: { language: Language }) {
-  const copy = copyFor(language).scribe;
-  const [step, setStep] = useState<Step>("raw");
-  const steps: Step[] = ["raw", "corrected", "soap"];
+export default function ScribeShowcase() {
+  const [step, setStep] = useState<Step>("conversation");
 
   return (
-    <div className="scribe-panel">
+    <div className="scribe-panel guided-sample">
       <div className="scribe-panel__header">
-        <p className="demo__brand">{copy.brand}</p>
-        <p className="demo__disclosure">{copy.disclosure}</p>
+        <p className="demo__brand">Ca khám mẫu đã làm sạch</p>
+        <p className="demo__disclosure">Mô phỏng — không phải bệnh án thật</p>
       </div>
-      <div className="scribe-tabs">
-        {steps.map((value) => (
+      <div className="scribe-tabs" aria-label="Các bước của ca khám mẫu">
+        {steps.map(({ key, label }) => (
           <button
-            aria-pressed={step === value}
+            aria-controls="guided-sample-panel"
+            aria-pressed={step === key}
             className="scribe-tab"
-            key={value}
-            onClick={() => setStep(value)}
+            key={key}
+            onClick={() => setStep(key)}
             type="button"
           >
-            {copy.steps[value].label}
+            {label}
           </button>
         ))}
       </div>
-      <div className="scribe-doc">
-        {step === "soap" ? (
+      <div className="scribe-doc" id="guided-sample-panel">
+        {step === "conversation" && (
+          <>
+            <p className="sample-speaker"><strong>Bệnh nhân:</strong> Tôi bị đau tức ngực thoáng qua từ sáng, hơi khó thở. Tôi chưa dùng thuốc.</p>
+            <p className="sample-speaker"><strong>Bác sĩ:</strong> Anh đã có kết quả điện tâm đồ hoặc xét nghiệm nào chưa?</p>
+            <p className="sample-speaker"><strong>Bệnh nhân:</strong> Chưa có.</p>
+            <p className="scribe-caption">CarePath chỉ bắt đầu từ điều đã được nói trong cuộc trao đổi.</p>
+          </>
+        )}
+        {step === "clarified" && (
           <>
-            <p className="scribe-status">{copy.status}</p>
+            <p className="scribe-doc__text" lang="vi">
+              Bệnh nhân đau tức ngực thoáng qua từ sáng, khó thở nhẹ. Chưa dùng
+              thuốc. <mark className="scribe-mark scribe-mark--fix">Chưa có kết quả điện tâm đồ</mark> hoặc xét nghiệm trong nội dung ghi âm.
+            </p>
+            <p className="scribe-caption">Thông tin phủ định và thuật ngữ được làm rõ nhưng vẫn cần bác sĩ đối chiếu với âm thanh.</p>
+          </>
+        )}
+        {step === "draft" && (
+          <>
+            <p className="scribe-status">Bản nháp — cần bác sĩ kiểm tra</p>
             <dl className="soap-note">
               {soapDraft.map((row) => (
                 <div key={row.key}>
-                  <dt>
-                    <span aria-hidden="true">{row.key.toUpperCase()}</span>
-                    {copy.soapLabels[row.key]}
-                  </dt>
+                  <dt><span aria-hidden="true">{row.key.toUpperCase()}</span>{row.label}</dt>
                   <dd lang="vi">{row.text}</dd>
                 </div>
               ))}
             </dl>
+            <p className="scribe-caption">CarePath không tự điền nhận định hay kế hoạch khi cuộc trao đổi chưa cung cấp.</p>
           </>
-        ) : (
-          <SampleText segments={step === "raw" ? rawSegments : correctedSegments} />
         )}
-        <p className="scribe-caption">{copy.steps[step].caption}</p>
+        {step === "review" && (
+          <div className="review-checklist">
+            <h3>Trước khi sử dụng bản nháp</h3>
+            <ul>
+              <li>Đối chiếu triệu chứng, thời điểm và thông tin phủ định với âm thanh.</li>
+              <li>Kiểm tra phần còn thiếu hoặc chưa chắc chắn.</li>
+              <li>Tự nhập hoặc xác nhận Nhận định và Kế hoạch.</li>
+            </ul>
+            <a className="button-link button-link--primary" href="/ghi-chep-lam-sang/">
+              Mở công cụ và tải tệp âm thanh
+            </a>
+          </div>
+        )}
       </div>
     </div>
   );

scribe/frontend/src/scribe/ScribeTool.test.tsx

@@ -51,7 +51,7 @@ describe("ScribeTool", () => {
       .mockResolvedValueOnce(soapResponse());
     vi.stubGlobal("fetch", fetchMock);
 
-    render(<ScribeTool language="vi" />);
+    render(<ScribeTool />);
     await screen.findByText("Chế độ demo");
     expect(
       screen.getAllByRole("link", { name: "Tất cả chức năng" }),
@@ -62,23 +62,10 @@ describe("ScribeTool", () => {
     expect(
       screen.getByRole("heading", { name: "Ghi chép bệnh án AI — bản nháp" }),
     ).toBeInTheDocument();
-    expect(
-      screen.getByText(
-        "AI chỉ hỗ trợ tạo bản nháp. Bác sĩ cần kiểm tra lại nội dung trước khi sử dụng.",
-      ),
-    ).toBeInTheDocument();
-    expect(screen.getByText("Tải tệp ghi âm buổi khám lên")).toBeInTheDocument();
-    expect(
-      screen.getByText(
-        "AI tạo bản nháp y khoa theo bốn mục SOAP",
-      ),
-    ).toBeInTheDocument();
-    expect(
-      screen.getByText(
-        "Bác sĩ kiểm tra, chỉnh sửa; bản nháp không tự vào hồ sơ",
-      ),
-    ).toBeInTheDocument();
-    fireEvent.click(screen.getByRole("button", { name: "Tiếp tục tạo bản nháp" }));
+    expect(screen.getByText("Ba bước để tạo bản nháp")).toBeInTheDocument();
+    expect(screen.getByText("Chọn tệp âm thanh buổi khám đã được phép sử dụng")).toBeInTheDocument();
+    expect(screen.getByRole("link", { name: "Xem ca khám mẫu trước" })).toHaveAttribute("href", "/#demo");
+    expect(screen.queryByRole("button", { name: "Tiếp tục tạo bản nháp" })).not.toBeInTheDocument();
 
     const submit = screen.getByRole("button", { name: "Tạo bản nháp SOAP" });
     expect(submit).toBeDisabled();
@@ -126,8 +113,7 @@ describe("ScribeTool", () => {
         });
     vi.stubGlobal("fetch", fetchMock);
 
-    render(<ScribeTool language="vi" />);
-    fireEvent.click(screen.getByRole("button", { name: "Tiếp tục tạo bản nháp" }));
+    render(<ScribeTool />);
     selectWav();
     fireEvent.click(screen.getByRole("button", { name: "Tạo bản nháp SOAP" }));
 
@@ -155,8 +141,7 @@ describe("ScribeTool", () => {
         }),
     );
 
-    render(<ScribeTool language="vi" />);
-    fireEvent.click(screen.getByRole("button", { name: "Tiếp tục tạo bản nháp" }));
+    render(<ScribeTool />);
     selectWav();
     fireEvent.click(screen.getByRole("button", { name: "Tạo bản nháp SOAP" }));
 
@@ -173,8 +158,7 @@ describe("ScribeTool", () => {
         .mockRejectedValueOnce(new TypeError("Failed to fetch")),
     );
 
-    render(<ScribeTool language="vi" />);
-    fireEvent.click(screen.getByRole("button", { name: "Tiếp tục tạo bản nháp" }));
+    render(<ScribeTool />);
     selectWav();
     fireEvent.click(screen.getByRole("button", { name: "Tạo bản nháp SOAP" }));
 
@@ -185,8 +169,8 @@ describe("ScribeTool", () => {
 
   it("marks the backend unreachable when health fails", async () => {
     vi.stubGlobal("fetch", vi.fn().mockRejectedValue(new Error("offline")));
-    render(<ScribeTool language="en" />);
-    expect(await screen.findByText("Server unreachable")).toBeInTheDocument();
+    render(<ScribeTool />);
+    expect(await screen.findByText("Mất kết nối máy chủ")).toBeInTheDocument();
   });
 });
 
@@ -225,8 +209,7 @@ describe("classifyFailure", () => {
         }),
     );
 
-    render(<ScribeTool language="vi" />);
-    fireEvent.click(screen.getByRole("button", { name: "Tiếp tục tạo bản nháp" }));
+    render(<ScribeTool />);
     selectWav();
     fireEvent.click(screen.getByRole("button", { name: "Tạo bản nháp SOAP" }));
 

scribe/frontend/src/scribe/ScribeTool.tsx

@@ -9,7 +9,6 @@ import {
 } from "react";
 import logoUrl from "../assets/carepath.svg";
 import { copyFor } from "../content/strings";
-import type { Language } from "../demo/types";
 
 // Same-origin by default: the combined API serves this site and /api/v1/*.
 const API_BASE: string = import.meta.env.VITE_API_BASE ?? "";
@@ -109,19 +108,14 @@ function formatBytes(size: number): string {
 
 interface ScribeToolProps {
   backHref?: string;
-  language: Language;
-  onLanguageChange?: (language: Language) => void;
 }
 
 export default function ScribeTool({
   backHref = "#top",
-  language,
-  onLanguageChange,
 }: ScribeToolProps) {
-  const copy = copyFor(language);
+  const copy = copyFor("vi");
   const labels = copy.scribeTool;
   const [state, setState] = useState<ToolState>("idle");
-  const [readyToRecord, setReadyToRecord] = useState(false);
   const [health, setHealth] = useState<HealthState>("checking");
   const [file, setFile] = useState<File | null>(null);
   const [context, setContext] = useState("");
@@ -253,7 +247,7 @@ export default function ScribeTool({
 
   return (
     <div className="site-shell">
-      <nav className="site-nav" aria-label={language === "vi" ? "Điều hướng chính" : "Main navigation"}>
+      <nav className="site-nav" aria-label="Điều hướng chính">
         <a className="site-nav__brand" href={backHref} aria-label={labels.back}>
           <img src={logoUrl} alt="" />
           <span className="product-breadcrumb">
@@ -264,26 +258,8 @@ export default function ScribeTool({
         </a>
         <div className="site-nav__actions">
           <span className="product-shell-status">
-            {language === "vi"
-              ? "Công cụ thí điểm · Cần bác sĩ duyệt"
-              : "Pilot tool · Clinician review required"}
+            Công cụ thí điểm · Cần bác sĩ duyệt
           </span>
-          <div className="language-toggle" aria-label={copy.language.label}>
-            <button
-              aria-pressed={language === "vi"}
-              onClick={() => onLanguageChange?.("vi")}
-              type="button"
-            >
-              {copy.language.vi}
-            </button>
-            <button
-              aria-pressed={language === "en"}
-              onClick={() => onLanguageChange?.("en")}
-              type="button"
-            >
-              {copy.language.en}
-            </button>
-          </div>
           <a className="nav-cta" href={backHref}>{labels.back}</a>
         </div>
       </nav>
@@ -299,26 +275,21 @@ export default function ScribeTool({
           </p>
         </header>
 
-        {state === "idle" && !readyToRecord && (
-          <section className="scribe-panel tool-panel tool-prestart" aria-label={labels.title}>
-            <ol className="progress-rail progress-rail--tool">
+        {state === "idle" && (
+          <form className="scribe-panel tool-panel" onSubmit={submit}>
+            <div className="tool-start-guide">
+              <h2>Ba bước để tạo bản nháp</h2>
+              <ol>
               {labels.preStartSteps.map((step, index) => (
                 <li key={step}>
                   <span aria-hidden="true">{index + 1}</span>
                   {step}
                 </li>
               ))}
-            </ol>
-            <p className="tool-disclaimer">{labels.preStartReminder}</p>
-            <p className="tool-disclaimer">{labels.uploadNotice}</p>
-            <button className="button button--primary" onClick={() => setReadyToRecord(true)} type="button">
-              {labels.continue}
-            </button>
-          </section>
-        )}
-
-        {state === "idle" && readyToRecord && (
-          <form className="scribe-panel tool-panel" onSubmit={submit}>
+              </ol>
+              <p>{labels.uploadNotice}</p>
+              <a href="/#demo">Xem ca khám mẫu trước</a>
+            </div>
             <label
               className={dragging ? "dropzone is-drag" : "dropzone"}
               onDragEnter={(event) => {

scribe/frontend/src/styles.css

@@ -115,7 +115,6 @@ textarea {
 .button:focus-visible,
 .button-link:focus-visible,
 .scenario:focus-visible,
-.language-toggle button:focus-visible,
 .nav-cta:focus-visible,
 a:focus-visible,
 input:focus-visible,
@@ -183,30 +182,6 @@ textarea:focus-visible {
   gap: 0.7rem;
 }
 
-.language-toggle {
-  display: flex;
-  overflow: hidden;
-  border: 1px solid var(--line-strong);
-  border-radius: 999px;
-}
-
-.language-toggle button {
-  min-width: 2.4rem;
-  min-height: 2.4rem;
-  padding: 0;
-  border: 0;
-  background: transparent;
-  color: var(--text);
-  cursor: pointer;
-  font-size: 0.7rem;
-  font-weight: 700;
-}
-
-.language-toggle button[aria-pressed="true"] {
-  background: var(--text);
-  color: var(--bg);
-}
-
 .nav-cta {
   padding: 0.6rem 1rem;
   border-radius: var(--r-control);
@@ -1295,7 +1270,7 @@ mark.scribe-mark {
 
 .site-footer {
   display: grid;
-  grid-template-columns: 1fr 1.5fr 1fr auto;
+  grid-template-columns: 1fr 1.5fr auto;
   gap: clamp(1.5rem, 4vw, 4rem);
   align-items: start;
   margin-top: var(--section-pad);
@@ -1460,7 +1435,7 @@ mark.scribe-mark {
 
 }
 
-/* ---------- two-product landing ---------- */
+/* ---------- CP-UX-11 compact Vietnamese onboarding ---------- */
 
 .site-nav__menu {
   display: none;
@@ -1492,614 +1467,540 @@ mark.scribe-mark {
   white-space: nowrap;
 }
 
-.hero {
-  position: relative;
+.landing-main {
+  overflow-x: clip;
+  width: 100%;
+  max-width: 100%;
+}
+
+.interpreter-status {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.35rem 1rem;
+  align-items: baseline;
+  width: min(100% - 3rem, var(--container));
+  margin: 1.25rem auto 0;
+  padding: 0.75rem 1.1rem;
+  border: 1px solid var(--line);
+  background: var(--surface);
+}
+
+.interpreter-status strong {
+  font-size: 0.8rem;
+}
+
+.interpreter-status span {
+  color: var(--muted);
+  font-size: 0.8rem;
+  font-weight: 500;
+}
+
+.button-link--primary {
+  border-color: var(--deep);
+  background: var(--deep);
+  color: var(--on-deep);
+}
+
+.button-link--primary:hover {
+  background: color-mix(in srgb, var(--deep), black 16%);
+}
+
+.button-link--light {
+  margin-top: 1.6rem;
+  border-color: var(--on-deep);
+  background: var(--on-deep);
+  color: var(--deep);
+}
+
+.onboarding-hero,
+.burden-section,
+.demo-section,
+.evidence-section {
   width: min(100% - 3rem, var(--container));
-  min-height: min(50rem, calc(100svh - 4rem));
   margin: 0 auto;
-  padding: clamp(5rem, 10vw, 9rem) 0 clamp(4rem, 8vw, 7rem);
+  scroll-margin-top: 5rem;
 }
 
-.hero-title.hero-title--wide {
-  width: 100%;
+.onboarding-hero {
+  padding: clamp(4rem, 7vw, 6rem) 0 clamp(4rem, 7vw, 6rem);
+}
+
+.onboarding-hero > h1 {
   max-width: 72rem;
   margin: 0;
-  font-size: clamp(2rem, 6.6vw, 5.8rem);
+  font-size: clamp(2.7rem, 5.4vw, 4.9rem);
   font-weight: 700;
   letter-spacing: -0.065em;
   line-height: 0.98;
   text-wrap: balance;
 }
 
-.hero__lower {
+.onboarding-hero__body {
   display: grid;
-  grid-template-columns: minmax(0, 0.9fr) minmax(22rem, 1.1fr);
-  gap: clamp(2rem, 7vw, 7rem);
-  align-items: end;
-  margin-top: clamp(3rem, 7vw, 6rem);
+  grid-template-columns: minmax(20rem, 1fr) minmax(24rem, 1fr);
+  gap: clamp(2.5rem, 5vw, 5rem);
+  align-items: start;
+  margin-top: clamp(2.25rem, 4.5vw, 3.75rem);
 }
 
-.hero__copy {
-  max-width: 42rem;
+.onboarding-hero__copy > p {
+  max-width: 34rem;
+  margin: 0;
+  color: var(--muted);
+  font-size: clamp(1.02rem, 1.6vw, 1.22rem);
+  line-height: 1.65;
 }
 
-.hero__body {
-  max-width: 40rem;
-  margin: 0;
+.onboarding-hero__copy > small {
+  display: block;
+  max-width: 34rem;
+  margin-top: 1.1rem;
   color: var(--muted);
-  font-size: clamp(1rem, 1.4vw, 1.2rem);
-  line-height: 1.75;
+  font-size: 0.78rem;
+  line-height: 1.55;
 }
 
-.hero__actions {
+.onboarding-hero__actions {
   display: flex;
   flex-wrap: wrap;
   gap: 0.75rem;
-  margin-top: 1.8rem;
-}
-
-.button-link {
-  transition:
-    transform 220ms ease,
-    background 220ms ease,
-    border-color 220ms ease;
+  margin-top: 1.7rem;
 }
 
-.button-link:hover {
-  transform: translateY(-2px);
+.hero-proof {
+  border: 1px solid var(--line);
+  background: var(--surface);
+  box-shadow: var(--shadow);
 }
 
-.button-link--interpreter {
-  border-color: var(--teal);
-  background: var(--teal);
-  color: white;
+.hero-proof__title {
+  margin: 0;
+  padding: 0.8rem 1.1rem;
+  border-bottom: 1px solid var(--line);
+  color: var(--accent-ink);
+  font-size: 0.75rem;
+  font-weight: 700;
 }
 
-.button-link--interpreter:hover {
-  border-color: color-mix(in srgb, var(--teal), black 16%);
-  background: color-mix(in srgb, var(--teal), black 16%);
+.hero-proof__stage {
+  padding: 1rem 1.1rem;
 }
 
-.button-link--scribe {
-  border-color: var(--amber);
-  background: var(--amber);
-  color: white;
+.hero-proof__stage > span {
+  display: block;
+  margin-bottom: 0.5rem;
+  color: var(--muted);
+  font-size: 0.72rem;
+  font-weight: 650;
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
 }
 
-.button-link--scribe:hover {
-  border-color: color-mix(in srgb, var(--amber), black 14%);
-  background: color-mix(in srgb, var(--amber), black 14%);
+.hero-proof__stage > p {
+  margin: 0;
+  padding: 0.7rem 0.85rem;
+  border-left: 3px solid var(--teal);
+  background: var(--surface-2);
+  font-size: 0.88rem;
+  line-height: 1.6;
 }
 
-.hero__art {
-  position: relative;
-  min-height: 18rem;
-  border: 1px solid var(--line);
-  background:
-    linear-gradient(135deg, color-mix(in srgb, var(--teal) 18%, transparent), transparent 54%),
-    linear-gradient(315deg, color-mix(in srgb, var(--amber) 18%, transparent), transparent 56%),
-    var(--surface);
-  box-shadow: var(--shadow);
+.hero-proof__stage--draft {
+  border-top: 1px solid var(--line);
 }
 
-.hero__art::before {
-  position: absolute;
-  inset: 12% 18%;
-  border: 1px solid var(--line);
-  border-radius: 50%;
-  content: "";
-  transform: rotate(-12deg);
+.hero-proof__stage--draft > span {
+  color: var(--accent-ink);
 }
 
-.hero__route {
-  position: absolute;
+.hero-proof__stage dl {
   display: grid;
-  grid-template-columns: auto 1fr auto;
-  gap: 0.8rem;
-  align-items: center;
-  width: min(82%, 28rem);
-  padding: 1rem 1.1rem;
-  border: 1px solid var(--line-strong);
-  background: var(--surface);
-  box-shadow: 0 1rem 2.5rem rgb(16 42 46 / 0.1);
+  gap: 0.75rem;
+  margin: 0;
 }
 
-.hero__route span,
-.hero__route strong {
-  font-size: 0.78rem;
+.hero-proof__stage dt {
+  font-size: 0.72rem;
+  font-weight: 700;
+  color: var(--muted);
 }
 
-.hero__route span {
-  color: var(--muted);
+.hero-proof__stage dd {
+  margin: 0.15rem 0 0;
+  font-size: 0.88rem;
+  line-height: 1.55;
 }
 
-.hero__route i {
-  height: 1px;
-  background: currentColor;
+.hero-proof__caption {
+  margin: 0;
+  padding: 0.8rem 1.1rem;
+  border-top: 1px solid var(--line);
+  color: var(--muted);
+  font-size: 0.75rem;
+  line-height: 1.55;
 }
 
-.hero__route--interpreter {
-  top: 22%;
-  left: -4%;
-  color: var(--teal);
-  transform: rotate(-3deg);
+.burden-section,
+.demo-section,
+.evidence-section {
+  padding: clamp(3.5rem, 6vw, 5.5rem) 0;
 }
 
-.hero__route--scribe {
-  right: -3%;
-  bottom: 20%;
-  color: var(--amber-text);
-  transform: rotate(2.5deg);
+.burden-section {
+  border-top: 1px solid var(--line);
 }
 
-.section-intro {
-  max-width: 52rem;
+.compact-heading {
+  max-width: 50rem;
 }
 
-.section-intro--wide {
-  max-width: 64rem;
+.compact-heading--wide {
+  max-width: 61rem;
 }
 
-.section-intro h1,
-.section-intro h2 {
+.compact-heading h2,
+.trust-section h2,
+.start-section h2 {
   margin: 0;
-  font-size: clamp(2rem, 4.5vw, 4rem);
-  font-weight: 650;
-  letter-spacing: -0.045em;
-  line-height: 1.02;
+  font-size: clamp(2rem, 4.2vw, 3.9rem);
+  font-weight: 680;
+  letter-spacing: -0.055em;
+  line-height: 1.04;
   text-wrap: balance;
 }
 
-.section-intro > p {
+.compact-heading > p,
+.trust-section > header > p,
+.start-section__copy > p {
   max-width: 46rem;
-  margin: 1.25rem 0 0;
+  margin: 1.1rem 0 0;
   color: var(--muted);
-  line-height: 1.75;
-}
-
-.product-gateway {
-  width: min(100% - 3rem, var(--container));
-  margin: 0 auto;
-  padding: clamp(3rem, 7vw, 6rem) 0;
-  scroll-margin-top: 5rem;
+  line-height: 1.7;
 }
 
-.product-accordion {
+.burden-layout {
   display: grid;
-  grid-template-columns: minmax(0, 1.35fr) minmax(18rem, 0.85fr);
-  margin-top: clamp(2.5rem, 5vw, 4rem);
+  grid-template-columns: minmax(0, 1.15fr) minmax(18rem, 0.85fr);
+  gap: 1px;
+  margin-top: 2.5rem;
   border: 1px solid var(--line);
   background: var(--line);
-  gap: 1px;
-  overflow: hidden;
 }
 
-.product-accordion__panel {
-  display: grid;
-  grid-template-rows: auto auto auto 1fr auto;
-  gap: 1rem;
-  min-width: 0;
+.burden-calculator,
+.workflow-comparison {
   padding: clamp(1.5rem, 3.5vw, 3rem);
-  color: var(--text);
-  text-decoration: none;
-}
-
-.product-accordion__panel--interpreter {
-  background:
-    linear-gradient(160deg, color-mix(in srgb, var(--teal) 9%, transparent), transparent 58%),
-    var(--surface);
-}
-
-.product-accordion__panel--scribe {
-  background:
-    linear-gradient(160deg, color-mix(in srgb, var(--amber) 20%, transparent), transparent 58%),
-    var(--surface);
-}
-
-.product-accordion__panel--scribe .product-accordion__heading h2 {
-  font-size: clamp(2rem, 4vw, 3.5rem);
-}
-
-.product-accordion__panel--scribe .product-accordion__status {
-  color: var(--amber-text);
-}
-
-.product-accordion__heading {
-  display: grid;
-  gap: 0.65rem;
+  background: var(--surface);
 }
 
-.product-accordion__heading h2 {
+.burden-calculator h3,
+.workflow-comparison h3,
+.evidence-grid h3,
+.trust-grid h3,
+.review-checklist h3 {
   margin: 0;
-  font-size: clamp(1.6rem, 3vw, 2.6rem);
-  letter-spacing: -0.04em;
-  line-height: 1;
+  font-size: 1.05rem;
 }
 
-.product-accordion__helper,
-.product-accordion__status {
-  max-width: 24rem;
+.burden-calculator > p {
+  margin: 0.55rem 0 0;
   color: var(--muted);
-  font-size: 0.8rem;
-  font-weight: 600;
-}
-
-.product-accordion__status {
-  color: var(--accent-ink);
-}
-
-.product-accordion__panel > p {
-  max-width: 34rem;
-  margin: 0;
-  color: var(--muted);
-  line-height: 1.65;
+  font-size: 0.86rem;
 }
 
-.product-accordion dl {
+.calculator-fields {
   display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 1rem;
-  margin: 0;
+  margin-top: 1.5rem;
 }
 
-.product-accordion dl > div {
+.calculator-fields label {
   display: grid;
-  grid-template-columns: 5.5rem 1fr;
-  gap: 1rem;
-  padding-top: 0.9rem;
-  border-top: 1px solid var(--line);
+  gap: 0.45rem;
+  min-width: 0;
+  color: var(--muted);
+  font-size: 0.78rem;
+  font-weight: 650;
 }
 
-.product-accordion dt {
-  color: var(--muted);
-  font-size: 0.72rem;
-  font-weight: 700;
-  text-transform: uppercase;
+.calculator-fields input,
+.calculator-fields select {
+  width: 100%;
+  min-height: 2.9rem;
+  padding: 0.65rem 0.75rem;
+  border: 1px solid var(--line-strong);
+  border-radius: var(--r-control);
+  background: var(--input-bg);
+  color: var(--text);
 }
 
-.product-accordion dd {
-  margin: 0;
-  font-size: 0.9rem;
-  line-height: 1.55;
+.calculator-result {
+  display: grid;
+  gap: 0.3rem;
+  margin-top: 1.5rem;
+  padding: 1.25rem;
+  background: var(--deep);
+  color: var(--on-deep);
 }
 
-.product-accordion__cta {
-  display: flex;
-  align-items: center;
-  gap: 0.6rem;
-  align-self: end;
-  font-size: 0.88rem;
+.calculator-result span,
+.calculator-result small {
+  color: var(--on-deep-muted);
+  font-size: 0.76rem;
 }
 
-.product-accordion__cta span {
-  display: inline-block;
-  margin-left: 0.35rem;
-  transition: transform 500ms cubic-bezier(0.16, 1, 0.3, 1);
+.calculator-result strong {
+  font-size: clamp(1.55rem, 3vw, 2.35rem);
+  letter-spacing: -0.04em;
+  line-height: 1.1;
 }
 
-.product-accordion__panel:hover .product-accordion__cta span {
-  transform: translate(0.25rem, 0.25rem);
+.burden-calculator .calculator-formula {
+  margin-top: 0.9rem;
+  font-size: 0.75rem;
+  line-height: 1.55;
 }
 
-.trust-strip {
+.workflow-comparison {
   display: grid;
-  grid-template-columns: repeat(3, minmax(0, 1fr));
-  width: min(100% - 3rem, var(--container));
-  margin: 0 auto;
-  border: 1px solid var(--line);
-  background: var(--line);
-  gap: 1px;
+  align-content: start;
+  gap: 0;
 }
 
-.trust-strip article {
-  padding: clamp(1.25rem, 2.5vw, 2rem);
-  background: var(--surface);
+.workflow-comparison article {
+  padding: 1.4rem 0;
+  border-bottom: 1px solid var(--line);
 }
 
-.trust-strip h2 {
-  margin: 0;
-  font-size: 1rem;
+.workflow-comparison article:first-child {
+  padding-top: 0;
 }
 
-.trust-strip p {
+.workflow-comparison article p,
+.workflow-comparison > p {
   margin: 0.65rem 0 0;
   color: var(--muted);
-  font-size: 0.84rem;
-  line-height: 1.6;
+  font-size: 0.9rem;
+  line-height: 1.65;
 }
 
-.safety-suite {
-  width: min(100% - 2rem, calc(var(--container) + 4rem));
-  margin: clamp(8rem, 14vw, 13rem) auto 0;
-  padding: clamp(3rem, 7vw, 6rem);
-  scroll-margin-top: 5rem;
-  background:
-    radial-gradient(circle at 12% 8%, rgb(102 216 204 / 0.16), transparent 32rem),
-    var(--deep);
-  color: var(--on-deep);
+.workflow-comparison > p {
+  padding-top: 1.4rem;
+  color: var(--accent-ink);
+  font-weight: 650;
 }
 
-.section-intro--on-dark > p {
-  color: var(--on-deep-muted);
+.guided-sample {
+  margin-top: 2.5rem;
 }
 
-.safety-bento {
-  display: grid;
-  grid-auto-flow: dense;
-  grid-template-columns: repeat(12, minmax(0, 1fr));
-  grid-template-rows: repeat(2, minmax(0, auto));
-  gap: 1px;
-  margin-top: clamp(3rem, 6vw, 5rem);
-  border: 1px solid rgb(244 241 232 / 0.18);
-  background: rgb(244 241 232 / 0.18);
-  isolation: isolate;
-  overflow: visible;
+.guided-sample .scribe-tabs {
+  grid-template-columns: repeat(4, minmax(0, 1fr));
 }
 
-.safety-bento__card {
-  display: grid;
-  grid-template-columns: minmax(11rem, 0.55fr) minmax(0, 1fr);
-  gap: clamp(1.5rem, 4vw, 4rem);
-  min-height: 22rem;
-  padding: clamp(1.5rem, 3.5vw, 3rem);
-  background: var(--deep);
+.sample-speaker {
+  max-width: 50rem;
+  margin: 0;
+  padding: 0.9rem 1rem;
+  border-left: 3px solid var(--teal);
+  background: var(--surface);
+  line-height: 1.65;
 }
 
-.safety-bento__card--shared {
-  grid-column: span 12;
-  background: color-mix(in srgb, var(--teal) 30%, var(--deep));
+.review-checklist ul {
+  display: grid;
+  gap: 0.65rem;
+  max-width: 48rem;
+  margin: 1rem 0 1.4rem;
+  padding-left: 1.25rem;
 }
 
-.safety-bento__card--interpreter,
-.safety-bento__card--scribe {
-  grid-column: span 6;
-  grid-template-columns: 1fr;
+.evidence-section {
+  border-top: 1px solid var(--line);
 }
 
-.safety-bento__card--scribe {
-  background: color-mix(in srgb, var(--amber) 20%, var(--deep));
+.evidence-grid {
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: 1px;
+  margin-top: 2.5rem;
+  border: 1px solid var(--line);
+  background: var(--line);
 }
 
-.safety-bento__card header h3 {
-  margin: 0;
-  font-size: clamp(1.5rem, 2.6vw, 2.4rem);
-  letter-spacing: -0.04em;
-  line-height: 1.05;
+.evidence-grid article {
+  padding: clamp(1.4rem, 3vw, 2.4rem);
+  background: var(--surface);
 }
 
-.safety-bento__card header p {
+.evidence-grid p {
   margin: 0.9rem 0 0;
-  color: var(--on-deep-muted);
-  font-size: 0.88rem;
-  line-height: 1.65;
+  color: var(--muted);
+  font-size: 0.86rem;
+  line-height: 1.7;
 }
 
-.safety-bento__card ul {
-  display: grid;
-  grid-template-columns: repeat(2, minmax(0, 1fr));
-  gap: 1.2rem;
-  margin: 0;
-  padding: 0;
-  list-style: none;
+.evidence-grid a {
+  display: inline-block;
+  margin-top: 1rem;
+  color: var(--accent-ink);
+  font-size: 0.8rem;
+  font-weight: 700;
+  text-underline-offset: 0.24rem;
 }
 
-.safety-bento__card li {
+.evidence-links {
   display: grid;
-  align-content: start;
-  gap: 0.45rem;
-  padding-top: 0.9rem;
-  border-top: 1px solid rgb(244 241 232 / 0.2);
+  justify-items: start;
 }
 
-.safety-bento__card li strong {
-  font-size: 0.88rem;
+.evidence-links a + a {
+  margin-top: 0.45rem;
 }
 
-.safety-bento__card li span {
-  color: var(--on-deep-muted);
-  font-size: 0.78rem;
-  line-height: 1.55;
-}
-
-.evidence {
-  display: grid;
-  grid-template-columns: minmax(16rem, 0.55fr) minmax(0, 1fr);
-  gap: clamp(3rem, 8vw, 8rem);
-  width: min(100% - 3rem, var(--container));
+.trust-section,
+.start-section {
+  width: min(100% - 2rem, calc(var(--container) + 3rem));
   margin: 0 auto;
-  padding: clamp(8rem, 14vw, 13rem) 0;
-}
-
-.evidence .section-intro h2 {
-  font-size: clamp(1.85rem, 2.2vw, 2.5rem);
-}
-
-.evidence .section-intro a {
-  display: inline-block;
-  margin-top: 1rem;
-  color: var(--text);
-  font-size: 0.84rem;
-  font-weight: 650;
-  text-underline-offset: 0.25rem;
+  padding: clamp(2.5rem, 6vw, 5rem);
 }
 
-.evidence-proof-grid {
-  display: grid;
-  gap: 1rem;
-  min-width: 0;
-}
-
-.evidence-proof {
-  display: grid;
-  grid-template-columns: minmax(13rem, 0.65fr) minmax(0, 1fr);
+.trust-section {
   border: 1px solid var(--line);
   background: var(--surface);
-  overflow: hidden;
 }
 
-.evidence-proof__copy {
-  display: grid;
-  align-content: start;
-  padding: clamp(1.5rem, 3.5vw, 3rem);
+.trust-section > header {
+  max-width: 50rem;
 }
 
-.evidence-proof__copy > p:first-child {
-  margin: 0 0 2.5rem;
-  color: var(--accent-ink);
-  font-size: 0.75rem;
-  font-weight: 700;
+.trust-grid {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 1px;
+  margin-top: 2rem;
+  border: 1px solid var(--line);
+  background: var(--line);
 }
 
-.evidence-proof--scribe .evidence-proof__copy > p:first-child,
-.evidence-proof--research .evidence-proof__copy > p:first-child {
-  color: var(--amber-text);
+.trust-grid article {
+  padding: clamp(1.4rem, 3vw, 2rem);
+  background: var(--surface-2);
 }
 
-.evidence-proof__copy h3 {
-  margin: 0;
-  font-size: clamp(1.4rem, 1.8vw, 1.9rem);
-  letter-spacing: -0.04em;
-  line-height: 1.05;
+.trust-grid ul {
+  display: grid;
+  gap: 0.75rem;
+  margin: 1rem 0 0;
+  padding-left: 1.1rem;
 }
 
-.evidence-proof__copy > p:last-of-type {
-  margin: 1.2rem 0 0;
+.trust-grid li {
   color: var(--muted);
   font-size: 0.88rem;
-  line-height: 1.7;
+  line-height: 1.6;
 }
 
-.evidence-capture {
+.start-section {
   display: grid;
-  align-content: center;
-  padding: clamp(1.5rem, 4vw, 3.5rem);
-  background:
-    radial-gradient(circle at 80% 15%, color-mix(in srgb, var(--teal) 24%, transparent), transparent 16rem),
-    var(--tint-section);
+  grid-template-columns: minmax(18rem, 0.8fr) minmax(0, 1.2fr);
+  gap: clamp(2.5rem, 6vw, 6rem);
+  margin-top: 1.25rem;
+  scroll-margin-top: 5rem;
+  background: var(--deep);
+  color: var(--on-deep);
 }
 
-.evidence-proof--scribe .evidence-capture,
-.evidence-proof--research .evidence-capture {
-  background:
-    radial-gradient(circle at 80% 15%, color-mix(in srgb, var(--amber) 20%, transparent), transparent 16rem),
-    var(--tint-section);
+.start-section__copy > p {
+  color: var(--on-deep-muted);
 }
 
-.evidence-capture__bar,
-.evidence-capture__content {
-  border: 1px solid var(--line-strong);
+.pilot-disclosure {
+  align-self: start;
   background: var(--surface);
+  color: var(--text);
 }
 
-.evidence-capture__bar {
-  display: flex;
-  justify-content: space-between;
-  gap: 1rem;
-  padding: 0.8rem 1rem;
-  border-bottom: 0;
-  color: var(--muted);
-  font-size: 0.7rem;
-  font-weight: 650;
-}
-
-.evidence-capture__content {
-  display: grid;
-  gap: 1rem;
-  min-height: 17rem;
-  align-content: center;
-  padding: clamp(1.25rem, 3vw, 2.5rem);
+.pilot-disclosure > summary {
+  padding: 1.2rem 1.35rem;
+  cursor: pointer;
+  font-weight: 700;
 }
 
-.evidence-capture__turn,
-.evidence-capture__content dl > div {
-  padding: 0.85rem 1rem;
-  border: 1px solid var(--line);
-  background: var(--tint-section);
+.pilot-disclosure > div {
+  padding: 0 1.35rem 1.35rem;
 }
 
-.product-accordion__timing,
-.product-accordion__safety {
-  margin: 0;
+.pilot-disclosure > div > p {
+  margin: 0 0 1rem;
+  color: var(--muted);
   font-size: 0.86rem;
-  line-height: 1.5;
 }
 
-.product-accordion__timing {
-  color: var(--text);
-  font-weight: 700;
-}
-
-.product-accordion__safety {
-  padding-top: 0.9rem;
-  border-top: 1px solid var(--line);
-  color: var(--muted);
+.pilot-disclosure .lead-form {
+  padding: 0;
+  border: 0;
+  box-shadow: none;
 }
 
-.evidence-capture__turn small,
-.evidence-capture__content dt,
-.evidence-capture__source {
-  color: var(--muted);
-  font-size: 0.7rem;
-  font-weight: 650;
-  line-height: 1.5;
+.tool-start-guide {
+  padding-bottom: 1.2rem;
+  border-bottom: 1px solid var(--line);
 }
 
-.evidence-capture__turn p,
-.evidence-capture__content dd {
-  margin: 0.35rem 0 0;
-  font-size: 0.78rem;
-  line-height: 1.55;
+.tool-start-guide h2 {
+  margin: 0;
+  font-size: 1rem;
 }
 
-.evidence-capture__content dl {
+.tool-start-guide ol {
   display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
   gap: 0.75rem;
-  margin: 0;
+  margin: 1rem 0 0;
+  padding: 0;
+  list-style: none;
 }
 
-.evidence-capture__content dt {
-  color: var(--amber-text);
+.tool-start-guide li {
+  display: grid;
+  grid-template-columns: 1.6rem minmax(0, 1fr);
+  gap: 0.55rem;
+  align-items: start;
+  font-size: 0.78rem;
+  line-height: 1.5;
 }
 
-.evidence-capture__source {
-  margin: 0;
+.tool-start-guide li > span {
+  display: grid;
+  width: 1.6rem;
+  height: 1.6rem;
+  place-items: center;
+  border-radius: 50%;
+  background: var(--text);
+  color: var(--bg);
+  font-weight: 700;
 }
 
-.evidence-capture__content strong {
-  padding: 1rem;
-  border-left: 3px solid var(--teal);
-  background: var(--tint);
-  font-size: 0.8rem;
+.tool-start-guide p {
+  margin: 1rem 0 0;
+  color: var(--muted);
+  font-size: 0.78rem;
   line-height: 1.55;
 }
 
-.evidence-proof--scribe .evidence-capture__content strong,
-.evidence-proof--research .evidence-capture__content strong {
-  border-color: var(--amber);
-}
-
-.site-nav__menu summary:focus-visible {
-  outline: 3px solid color-mix(in srgb, var(--teal), white 30%);
-  outline-offset: 3px;
-}
-
-.pilot {
-  padding-block: clamp(8rem, 14vw, 12rem);
-}
-
-.lead-form select {
-  width: 100%;
-  min-height: 2.75rem;
-  padding: 0.65rem 0.75rem;
-  border: 1px solid var(--line-strong);
-  border-radius: var(--r-control);
-  background: var(--input-bg);
-  color: var(--text);
+.tool-start-guide > a {
+  display: inline-block;
+  margin-top: 0.7rem;
+  color: var(--accent-ink);
+  font-size: 0.8rem;
+  font-weight: 700;
 }
 
 @media (max-width: 1023px) {
   .site-nav__menu {
     display: block;
-    order: 2;
   }
 
   .site-nav__menu summary {
@@ -2142,28 +2043,19 @@ mark.scribe-mark {
     border-bottom: 0;
   }
 
-  .site-nav__actions {
-    order: 3;
-  }
-
-  .evidence {
+  .onboarding-hero__body,
+  .burden-layout,
+  .trust-grid,
+  .start-section {
     grid-template-columns: 1fr;
   }
 
-  .evidence .section-intro {
-    max-width: 46rem;
+  .evidence-grid {
+    grid-template-columns: 1fr;
   }
 }
 
 @media (max-width: 760px) {
-  .site-nav {
-    gap: 0.6rem;
-  }
-
-  .site-nav__menu > div {
-    right: 1rem;
-  }
-
   .site-nav__brand > span:not(.product-breadcrumb) {
     display: none;
   }
@@ -2173,10 +2065,7 @@ mark.scribe-mark {
     display: flex;
   }
 
-  .product-breadcrumb strong {
-    display: none;
-  }
-
+  .product-breadcrumb strong,
   .product-shell-status {
     display: none;
   }
@@ -2200,54 +2089,70 @@ mark.scribe-mark {
     transform: translate(-50%, -50%);
   }
 
-  .product-gateway,
-  .evidence {
-    width: min(100% - 1.5rem, var(--container));
+  .site-nav__menu > div {
+    right: 1rem;
   }
 
-  .product-accordion {
-    grid-template-columns: 1fr;
+  .interpreter-status {
+    width: min(100% - 1.5rem, var(--container));
   }
 
-  .trust-strip {
-    grid-template-columns: 1fr;
+  .onboarding-hero,
+  .burden-section,
+  .demo-section,
+  .evidence-section {
     width: min(100% - 1.5rem, var(--container));
   }
 
-  .evidence-proof {
-    grid-template-columns: 1fr;
+  .onboarding-hero {
+    padding-block: 3rem 3.5rem;
   }
 
-  .safety-suite {
-    width: calc(100% - 1rem);
-    padding: 2.25rem 1.25rem;
+  .onboarding-hero > h1 {
+    font-size: clamp(1.65rem, 8.2vw, 3.15rem);
+    letter-spacing: -0.055em;
+    line-height: 1;
   }
 
-  .safety-bento {
-    grid-template-columns: 1fr;
-    grid-template-rows: none;
+  .onboarding-hero__body {
+    gap: 2rem;
+    margin-top: 2rem;
   }
 
-  .safety-bento__card--shared,
-  .safety-bento__card--interpreter,
-  .safety-bento__card--scribe {
-    grid-column: span 1;
+  .calculator-fields {
+    grid-template-columns: 1fr;
   }
 
-  .safety-bento__card,
-  .safety-bento__card--shared {
+  .site-footer {
     grid-template-columns: 1fr;
+    gap: 1.5rem;
   }
 
-  .safety-bento__card ul {
-    grid-template-columns: 1fr;
+  .burden-section,
+  .demo-section,
+  .evidence-section {
+    padding-block: 3.5rem;
   }
 
-  .evidence-slide {
-    min-height: 0;
+  .guided-sample .scribe-tabs {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
   }
 
-  .evidence-capture {
-    min-height: 24rem;
+  .guided-sample .scribe-tab:nth-child(2) {
+    border-right: 0;
+  }
+
+  .guided-sample .scribe-tab:nth-child(3) {
+    border-bottom: 0;
+  }
+
+  .trust-section,
+  .start-section {
+    width: calc(100% - 1rem);
+    padding: 2rem 1.25rem;
+  }
+
+  .tool-start-guide ol {
+    grid-template-columns: 1fr;
   }
 }

scribe/frontend/tests/demo-flow.spec.ts

@@ -2,10 +2,8 @@ import AxeBuilder from "@axe-core/playwright";
 import { expect, test, type Locator, type Page } from "@playwright/test";
 
 async function tabTo(page: Page, target: Locator) {
-  for (let attempt = 0; attempt < 140; attempt += 1) {
-    if (await target.evaluate((element) => element === document.activeElement)) {
-      return;
-    }
+  for (let attempt = 0; attempt < 120; attempt += 1) {
+    if (await target.evaluate((element) => element === document.activeElement)) return;
     await page.keyboard.press("Tab");
   }
   throw new Error("Keyboard focus did not reach the expected control.");
@@ -15,73 +13,46 @@ async function expectNoSeriousAxeViolations(page: Page) {
   const results = await new AxeBuilder({ page })
     .withTags(["wcag2a", "wcag2aa", "wcag21a", "wcag21aa"])
     .analyze();
-  const serious = results.violations.filter((violation) =>
-    ["serious", "critical"].includes(violation.impact ?? ""),
-  );
-  expect(serious).toEqual([]);
+  expect(
+    results.violations.filter((violation) =>
+      ["serious", "critical"].includes(violation.impact ?? ""),
+    ),
+  ).toEqual([]);
 }
 
-test("keyboard-only visitor submits a pilot request", async ({
-  page,
-}) => {
+test("keyboard-only visitor can inspect the sample and submit Scribe pilot interest", async ({ page }) => {
+  let payload: Record<string, unknown> | undefined;
   await page.route("**/api/leads", async (route) => {
+    payload = route.request().postDataJSON() as Record<string, unknown>;
     await route.fulfill({ status: 204, body: "" });
   });
   await page.goto("/");
 
+  const firstSampleStep = page.getByRole("button", { name: "1. Cuộc trao đổi" });
+  await tabTo(page, firstSampleStep);
+  await page.keyboard.press("Tab");
+  await page.keyboard.press("Enter");
+  await expect(page.getByText("Chưa có kết quả điện tâm đồ")).toBeVisible();
+
+  const pilot = page.getByText("Dành cho cơ sở muốn thí điểm CarePath");
+  await tabTo(page, pilot);
+  await page.keyboard.press("Enter");
+
   const name = page.getByRole("textbox", { name: "Họ và tên" });
   await tabTo(page, name);
   await page.keyboard.type("Nguyen Minh Anh");
-
-  const role = page.getByRole("textbox", { name: "Vai trò" });
-  await tabTo(page, role);
-  await page.keyboard.type("Giam doc phong kham");
-
-  const clinic = page.getByRole("textbox", { name: "Cơ sở y tế" });
-  await tabTo(page, clinic);
-  await page.keyboard.type("Phong kham Minh Anh");
-
-  const specialty = page.getByRole("textbox", { name: "Chuyên khoa" });
-  await tabTo(page, specialty);
-  await page.keyboard.type("Noi tong quat");
-
-  const contact = page.getByRole("textbox", { name: "Email hoặc Zalo" });
-  await tabTo(page, contact);
-  await page.keyboard.type("minhanh@example.com");
-
-  const submit = page.getByRole("button", {
-    name: "Gửi yêu cầu thí điểm",
-  });
-  await tabTo(page, submit);
-  await page.keyboard.press("Enter");
+  await page.getByRole("textbox", { name: "Vai trò" }).fill("Giam doc phong kham");
+  await page.getByRole("textbox", { name: "Cơ sở y tế" }).fill("Phong kham Minh Anh");
+  await page.getByRole("textbox", { name: "Chuyên khoa" }).fill("Noi tong quat");
+  await page.getByRole("textbox", { name: "Email hoặc Zalo" }).fill("minhanh@example.com");
+  await page.getByRole("button", { name: "Gửi yêu cầu thí điểm" }).click();
 
   await expect(page.getByText("Đã gửi yêu cầu thí điểm.")).toBeVisible();
+  expect(payload?.interest).toBe("scribe");
+  await expect(page.getByRole("combobox", { name: "Chức năng quan tâm" })).toHaveCount(0);
 });
 
-test("the decision gateway has no serious axe violations", async ({
-  page,
-}) => {
-  await page.goto("/");
-  await expectNoSeriousAxeViolations(page);
-});
-
-test("safety cards stay in the document flow while scrolling", async ({ page }) => {
-  await page.setViewportSize({ width: 1440, height: 900 });
-  await page.goto("/");
-
-  const cards = page.locator("[data-safety-card]");
-  await cards.first().scrollIntoViewIfNeeded();
-  await page.mouse.wheel(0, 500);
-
-  await expect(cards).toHaveCount(3);
-  for (const card of await cards.all()) {
-    await expect(card).toHaveCSS("transform", "none");
-  }
-});
-
-test("both product choices remain discoverable across release viewports", async ({
-  page,
-}) => {
+test("Vietnamese onboarding is compact, responsive, and keeps Interpreter unavailable", async ({ page }) => {
   const viewports = [
     { width: 320, height: 800 },
     { width: 360, height: 800 },
@@ -94,97 +65,77 @@ test("both product choices remain discoverable across release viewports", async
     await page.setViewportSize(viewport);
     await page.goto("/");
 
-    await expect(
-      page.getByRole("heading", {
-        level: 1,
-        name: "Bạn muốn hỗ trợ việc gì hôm nay?",
-      }),
-    ).toBeVisible();
-
-    for (const [key, name] of [
-      ["scribe", "Ghi chép bệnh án AI: Bắt đầu ghi chép"],
-      ["interpreter", "Phiên dịch khám bệnh trực tiếp: Đăng ký nh���n cập nhật"],
-    ]) {
-      const choice = page.locator(`.product-accordion__panel--${key}`);
-      await expect(choice).toBeVisible();
-      await expect(choice).toHaveAttribute("aria-label", name);
-      expect(await choice.evaluate((element) => element.scrollWidth <= element.clientWidth)).toBe(true);
-      expect(await choice.locator(".product-accordion__cta").evaluate((element) => element.scrollWidth <= element.clientWidth)).toBe(true);
+    const title = page.getByRole("heading", {
+      level: 1,
+      name: "Dành thời gian cho người bệnh, không phải cho việc gõ bệnh án.",
+    });
+    await expect(title).toBeVisible();
+    const lineCount = await title.evaluate((element) => {
+      const style = getComputedStyle(element);
+      return Math.round(element.getBoundingClientRect().height / Number.parseFloat(style.lineHeight));
+    });
+    expect(lineCount).toBeLessThanOrEqual(viewport.width >= 1024 ? 2 : 3);
+
+    const status = page.locator("[data-interpreter-status]");
+    await expect(status).toContainText("Phiên dịch khám bệnh trực tiếp");
+    await expect(status).toContainText("Đang phát triển — hiện chưa thể truy cập trên web.");
+    await expect(status.locator("a, button")).toHaveCount(0);
+    await expect(page.getByRole("button", { name: "EN" })).toHaveCount(0);
+    await expect(page.locator('a[href*="phien-dich-y-khoa"], a[href*="console"]')).toHaveCount(0);
+
+    await expect(page.getByRole("link", { name: "Trải nghiệm ca khám mẫu" })).toHaveAttribute("href", "#demo");
+    await expect(page.getByText("2 giờ 20 phút mỗi ngày")).toBeVisible();
+    await expect(page.getByText("Chờ bác sĩ nhập hoặc xác nhận.")).toHaveCount(0);
+
+    expect(await page.evaluate(() => document.documentElement.scrollWidth - window.innerWidth)).toBeLessThanOrEqual(0);
+    if (viewport.width === 1440) {
+      const heroHeight = await page.locator(".onboarding-hero").evaluate((element) => element.getBoundingClientRect().height);
+      expect(heroHeight).toBeLessThan(800);
     }
 
-    expect(
-      await page.evaluate(
-        () => document.documentElement.scrollWidth - window.innerWidth,
-      ),
-    ).toBeLessThanOrEqual(0);
-
-    await page.locator("main#top").focus();
-    await page.keyboard.press("Tab");
-    await expect(page.locator(".product-accordion__panel--scribe")).toBeFocused();
-    await page.keyboard.press("Tab");
-    await expect(page.locator(".product-accordion__panel--interpreter")).toBeFocused();
-
-    if (viewport.width <= 1023) {
-      const menu = page.locator(".site-nav__menu");
-      const summary = menu.locator("summary");
-      if (viewport.width === 390) {
-        await summary.focus();
-        await page.keyboard.press("Enter");
-        await expect(menu).toHaveAttribute("open", "");
-        await expect(menu.getByRole("link", { name: "Phiên dịch khám bệnh trực tiếp" })).toBeVisible();
-        await expect(menu.getByRole("link", { name: "Ghi chép bệnh án AI" })).toBeVisible();
-        await page.keyboard.press("Tab");
-        await expect(
-          menu.getByRole("link", { name: "Phiên dịch khám bệnh trực tiếp" }),
-        ).toBeFocused();
-        await page.keyboard.press("Enter");
-        await expect(menu).not.toHaveAttribute("open", "");
-      } else {
-        await summary.click();
-        await expect(menu.getByRole("link", { name: "Phiên dịch khám bệnh trực tiếp" })).toBeVisible();
-        await expect(menu.getByRole("link", { name: "Ghi chép bệnh án AI" })).toBeVisible();
-      }
+    if (viewport.width === 390 || viewport.width === 1440) {
+      await expectNoSeriousAxeViolations(page);
+      await page.screenshot({
+        fullPage: true,
+        path: `../../.codex/qa-evidence/cp-ux-11-${viewport.width}.png`,
+      });
     }
-
   }
+});
 
-  await expect(
-    page.locator(".product-accordion__panel--scribe"),
-  ).toHaveAttribute("href", "/ghi-chep-lam-sang/");
-  await expect(
-    page.locator(".product-accordion__panel--interpreter"),
-  ).toHaveAttribute("href", "#pilot");
-
-  await page.locator(".product-accordion__panel--interpreter").click();
-  await expect(page).toHaveURL(/#pilot$/);
-  await expect(page.getByRole("combobox", { name: "Chức năng quan tâm" })).toHaveValue("interpreter");
-
-  await page.getByRole("combobox", { name: "Chức năng quan tâm" }).selectOption("scribe");
-  await expect(
-    page.getByRole("combobox", { name: "Chức năng quan tâm" }),
-  ).toHaveValue("scribe");
-  await page.getByRole("combobox", { name: "Chức năng quan tâm" }).selectOption("interpreter");
-  await expect(
-    page.getByRole("combobox", { name: "Chức năng quan tâm" }),
-  ).toHaveValue("interpreter");
+test("calculator updates transparently and the guided sample keeps decisions with the doctor", async ({ page }) => {
+  await page.goto("/#calculator");
+  await page.getByRole("spinbutton", { name: "Số người bệnh mỗi ngày" }).fill("28");
+  await page.getByRole("spinbutton", { name: "Phút ghi chép cho mỗi người bệnh" }).fill("5");
+  await expect(page.getByText("2 giờ 20 phút mỗi ngày")).toBeVisible();
+  await expect(page.getByText("11 giờ 40 phút cho 5 ngày làm việc")).toBeVisible();
+  await expect(page.getByText(/Công thức: 28 người bệnh × 5 phút/)).toBeVisible();
+
+  await page.getByRole("button", { name: "3. Bản nháp có cấu trúc" }).click();
+  await expect(page.getByText("Chờ bác sĩ nhập hoặc xác nhận.")).toHaveCount(2);
+  await page.getByRole("button", { name: "4. Bác sĩ kiểm tra" }).click();
+  await expect(page.getByText("Tự nhập hoặc xác nhận Nhận định và Kế hoạch.")).toBeVisible();
 });
 
-test("clinical notes use the canonical path and return to the landing page", async ({ page }) => {
-  let healthRequested = false;
+test("clinical notes expose guidance and upload together, then return to the sample", async ({ page }) => {
   await page.route("https://carepath-e2e.example/api/v1/health", async (route) => {
-    healthRequested = true;
     await route.fulfill({ status: 200, json: { asr_ready: true, llm_ready: true } });
   });
+  await page.setViewportSize({ width: 390, height: 844 });
   await page.goto("/ghi-chep-lam-sang/");
   await expect(page.getByText("Hệ thống sẵn sàng")).toBeVisible();
-  expect(healthRequested).toBe(true);
+  await expect(page.getByText("Ba bước để tạo bản nháp")).toBeVisible();
+  await expect(page.getByText("Kéo thả tệp âm thanh vào đây, hoặc bấm để chọn")).toBeVisible();
+  await expect(page.getByRole("button", { name: "Tiếp tục tạo bản nháp" })).toHaveCount(0);
   await expectNoSeriousAxeViolations(page);
-  await page.locator(".nav-cta").click();
+  await page.screenshot({
+    fullPage: true,
+    path: "../../.codex/qa-evidence/cp-ux-11-tool-390.png",
+  });
 
-  await expect(page).toHaveURL(/\/$/);
-  await expect(
-    page.getByRole("heading", { name: "Bạn muốn hỗ trợ việc gì hôm nay?" }),
-  ).toBeVisible();
+  await page.getByRole("link", { name: "Xem ca khám mẫu trước" }).click();
+  await expect(page).toHaveURL(/\/#demo$/);
+  await expect(page.getByRole("heading", { name: "Thử một ca khám mẫu trước khi tải tệp của bạn." })).toBeVisible();
 });
 
 test.describe("touch navigation", () => {
@@ -200,11 +151,9 @@ test.describe("touch navigation", () => {
       expect(panel).not.toBeNull();
       expect(panel?.x ?? -1).toBeGreaterThanOrEqual(0);
       expect((panel?.x ?? 0) + (panel?.width ?? 0)).toBeLessThanOrEqual(width);
-      await expect(menu.getByRole("link", { name: "An toàn" })).toBeVisible();
-      if (width === 390) await expectNoSeriousAxeViolations(page);
-      await menu.getByRole("link", { name: "An toàn" }).tap();
+      await menu.getByRole("link", { name: "Ca khám mẫu" }).tap();
       await expect(menu).not.toHaveAttribute("open", "");
-      await expect(page).toHaveURL(/#safety$/);
+      await expect(page).toHaveURL(/#demo$/);
     }
   });
 });
@@ -212,27 +161,21 @@ test.describe("touch navigation", () => {
 test.describe("reduced motion", () => {
   test.use({ reducedMotion: "reduce" });
 
-  test("keeps the decision gateway static", async ({ page }) => {
-    await page.emulateMedia({ reducedMotion: "reduce" });
+  test("keeps content static without marquee or pinning", async ({ page }) => {
     await page.goto("/");
-    expect(
-      await page.evaluate(() =>
-        matchMedia("(prefers-reduced-motion: reduce)").matches,
-      ),
-    ).toBe(true);
-    const productPanels = page.locator(".product-accordion__panel");
-    await expect(productPanels).toHaveCount(2);
-    for (let index = 0; index < 2; index += 1) {
-      await expect(productPanels.nth(index)).toBeVisible();
-      await expect(productPanels.nth(index).locator("dl")).toBeVisible();
-    }
-    expect(
-      await page.locator(".product-accordion").evaluate(
-        (element) => getComputedStyle(element).display,
-      ),
-    ).toBe("grid");
-
-    await expect(page.locator(".product-story")).toHaveCount(0);
-    await expect(page.locator(".marquee")).toHaveCount(0);
+    await expect(page.locator(".process-marquee, .scribe-story")).toHaveCount(0);
+    await expect(page.locator(".onboarding-hero")).toHaveCSS("transform", "none");
+    expect(await page.evaluate(() => document.getAnimations().filter((animation) => animation.playState === "running").length)).toBe(0);
   });
 });
+
+for (const colorScheme of ["light", "dark"] as const) {
+  test(`keeps the main action readable in ${colorScheme} mode`, async ({ browser }) => {
+    const context = await browser.newContext({ colorScheme });
+    const page = await context.newPage();
+    await page.goto("http://127.0.0.1:4173/");
+    await expect(page.getByRole("link", { name: "Trải nghiệm ca khám mẫu" })).toBeVisible();
+    await expectNoSeriousAxeViolations(page);
+    await context.close();
+  });
+}

scribe/training/scripts/validate_soap_ratings.py

@@ -1,4 +1,4 @@
-"""Validate a de-identified clinician SOAP-rating export without reading note content."""
+"""Summarize an in-house SOAP review export without reading note content."""
 
 from __future__ import annotations
 
@@ -21,7 +21,7 @@ SCORE_LIMITS = {"completeness": (1, 5), "hallucination": (0, 3), "terminology":
 STATUSES = {"accepted", "needs_correction", "unsafe"}
 
 
-def summarize_ratings(rows: list[dict[str, str]], min_notes: int = 50) -> dict[str, object]:
+def summarize_ratings(rows: list[dict[str, str]]) -> dict[str, object]:
     if not rows:
         raise ValueError("rating export has no rows")
     notes: set[str] = set()
@@ -59,17 +59,15 @@ def summarize_ratings(rows: list[dict[str, str]], min_notes: int = 50) -> dict[s
         "mean_terminology": round(totals["terminology"] / count, 2),
         "serious_hallucinations": serious_hallucinations,
         "unsafe_notes": unsafe,
-        "ready_for_decision": len(notes) >= min_notes,
     }
 
 
 def main() -> None:
     parser = argparse.ArgumentParser(description=__doc__)
     parser.add_argument("--input", required=True, type=Path)
-    parser.add_argument("--min-notes", type=int, default=50)
     args = parser.parse_args()
     with args.input.open(encoding="utf-8", newline="") as stream:
-        summary = summarize_ratings(list(csv.DictReader(stream)), args.min_notes)
+        summary = summarize_ratings(list(csv.DictReader(stream)))
     print(json.dumps(summary, ensure_ascii=False, indent=2))
 
 

scribe/training/soap_eval/README.md

@@ -1,14 +1,17 @@
-# SOAP Note Clinical Rating Protocol
+# SOAP Note In-House Review Protocol
 
 This Scribe-only quality track contains only the anonymous rating schema. Do not put audio,
 transcripts, patient identifiers, or SOAP note text in this repository.
 
-## Owner prerequisites
+## Current scope
 
-Before creating the real rating export, the owner must have a pilot-clinic
-agreement, documented consent or other lawful basis, de-identification process,
-and an approved secure review environment. The clinical source material stays
-there; this repository is not that environment.
+This tool supports informational in-house testing only. Use synthetic or
+already-approved de-identified material outside the repository. Do not put
+source audio, transcripts, patient identifiers, or SOAP note text here.
+
+The summary does not create a release target or authorize fine-tuning,
+provider, or safety-policy changes. Those changes require a separate owner
+decision.
 
 ## Rubric
 
@@ -22,9 +25,9 @@ Rate each generated note using an anonymous `note_id` only.
 | `status` | `accepted`, `needs_correction`, `unsafe` | Clinician's final disposition. |
 
 `clinician_id` is an approved pseudonymous reviewer identifier. `reviewed_at`
-uses ISO 8601 date/time. At least 50 distinct notes must be rated before a
-fine-tuning decision. The validator reports readiness to **decide**, never
-approval to fine-tune.
+uses ISO 8601 date/time. There is no minimum sample-size target. The validator
+reports quality signals only; it never reports readiness or approval to change
+the model.
 
 ## Run
 
@@ -34,6 +37,7 @@ Export ratings without clinical source text to an approved local path, then run:
 python scribe/training/scripts/validate_soap_ratings.py --input C:\approved\soap-ratings.csv
 ```
 
-Review the resulting summary with the clinical owner. Any hallucination score
-of 2 or 3, or any `unsafe` disposition, requires documented investigation
-before deciding whether training, retrieval, or prompting should change.
+Review the resulting summary with the designated in-house reviewer. Any
+hallucination score of 2 or 3, or any `unsafe` disposition, requires documented
+investigation and retention of the current model behavior unless a separate
+owner decision authorizes a change.

scribe/training/tests/test_soap_ratings.py

@@ -25,18 +25,18 @@ def _row(note_id: str, **overrides: str) -> dict[str, str]:
 
 
 class SoapRatingsTests(unittest.TestCase):
-    def test_summary_requires_fifty_distinct_notes(self) -> None:
-        rows = [_row(f"note-{index}") for index in range(50)]
+    def test_summary_reports_unique_notes_without_a_readiness_gate(self) -> None:
+        rows = [_row("note-1"), _row("note-1"), _row("note-2")]
         summary = summarize_ratings(rows)
-        self.assertTrue(summary["ready_for_decision"])
-        self.assertEqual(summary["unique_notes"], 50)
+        self.assertEqual(summary["rating_rows"], 3)
+        self.assertEqual(summary["unique_notes"], 2)
+        self.assertNotIn("ready_for_decision", summary)
 
     def test_summary_reports_serious_hallucinations(self) -> None:
         rows = [_row("note-1", hallucination="2", status="unsafe")]
         summary = summarize_ratings(rows)
         self.assertEqual(summary["serious_hallucinations"], 1)
         self.assertEqual(summary["unsafe_notes"], 1)
-        self.assertFalse(summary["ready_for_decision"])
 
     def test_rejects_out_of_range_score(self) -> None:
         with self.assertRaisesRegex(ValueError, "hallucination"):