diff --git a/content/updates/1.18.0.md b/content/updates/1.18.0.md
new file mode 100644
index 0000000..864e7c6
--- /dev/null
+++ b/content/updates/1.18.0.md
@@ -0,0 +1,13 @@
+---
+version: 1.18.0
+date: 2026-10-24
+title: Find me a tutor
+summary: Answer a few questions and get the three tutors who fit best, all with open times in the next 14 days, on one screen.
+image: /updates/find-a-tutor.webp
+imageAlt: The Find me a tutor page with questions about language, level, price and time of day on the left, and three suggested Spanish tutors with their reasons, next free time and price on the right
+---
+- A new page, Find me a tutor, asks for the language you want, your level, your price range, when you can have lessons and whether you want a trial lesson.
+- It shows the three tutors who fit best, each with the reasons it picked them, their next free time in your time zone, their price and a Book button.
+- Every tutor shown has open times in the next 14 days, so each one can be booked today. You do not need an account.
+- If fewer than three tutors fit, the page says so and shows what to change to see more. If none fit, you can start again or see everyone.
+- The page address remembers your answers, so you can share them. It works in a dark theme that follows your device setting, and on a phone the button stays in reach.
diff --git a/docs/feature-map.md b/docs/feature-map.md
index df9c5d5..14ad39a 100644
--- a/docs/feature-map.md
+++ b/docs/feature-map.md
@@ -67,7 +67,7 @@ This file is long and every feature used to add a bullet at the same place, so t
 
 - A home-made measure must not claim more than it checks (T-0641): `tests/support/measure-claims.ts` is the table of every kind a measure says it catches (`scripts/mobile-audit.mjs`, the source scans in `tests/support/mobile-scans.ts`, the rate-limit check): one sample in the broken state and one in the right state per kind. `tests/measure-claims.test.ts` (in `npm test`) runs the REAL measure on both (the browser measures run on the HTML samples in a small fake page, `tests/support/mini-dom.ts`) and fails when a comment in those files claims a catch ("catches", "must stay", "no longer", "is reported" ...) without a `[claim: id]` marker of a row, or a row is not claimed. One marker cannot answer for a list: when a marked comment names a kind (summary, tab, menu item, checkbox, select, textarea, min-w-[Npx], style width, grid-cols, text-xs ...), a row it marks must list that kind in `covers` (`KIND_WORDS` in the same file holds the words per measure file; kept by hand), and a row can have more samples (`moreBroken`, `moreGood`). To add a measure: write the claim with `[claim: id]` in its comment, add one row per kind it names, and add the kind words. What the comments say but the table does not hold (the other measures of `audit()`, the scanners that have their own self-check in `tests/rate-limits.test.ts`) is listed with the reason in `LEFT_WITHOUT_ROW` of the same file; those comments only describe. Today the table has [count: CLAIMS=30] rows, the comments of [count: MEASURE_FILES=3] files are read, and [count: LEFT_WITHOUT_ROW=4] things are left without a row.
 
-- Accessibility of the public pages (T-0638): `tests/accessibility.test.ts` ([count: ACCESSIBILITY_TESTS=12] tests) keeps pinch-zoom allowed, exactly one `<main>` on each of the [count: PUBLIC_PAGES=20] public pages (a layout above a page counts), and no pale grey text (`text-gray-200`, `-300`, `-400`; icons and disabled controls are listed with a reason in `GREY_EXEMPT`) in the [count: PUBLIC_TEXT_FILES=26] files of `PUBLIC_TEXT_FILES` and in every layout above a public page.
+- Accessibility of the public pages (T-0638): `tests/accessibility.test.ts` ([count: ACCESSIBILITY_TESTS=12] tests) keeps pinch-zoom allowed, exactly one `<main>` on each of the [count: PUBLIC_PAGES=21] public pages (a layout above a page counts), and no pale grey text (`text-gray-200`, `-300`, `-400`; icons and disabled controls are listed with a reason in `GREY_EXEMPT`) in the [count: PUBLIC_TEXT_FILES=26] files of `PUBLIC_TEXT_FILES` and in every layout above a public page.
 - Legibility of the tutor app (T-0842): `tests/dashboard-legibility.test.ts` keeps the floor in `src/styles/dashboard-shell.css` (the last block): pale greys (`text-gray-200` to `-500`) read the third ink, sizes `text-[9px]` to `text-[11px]` are 12px, amber, emerald, indigo and red text read the shell tokens, and the bell badge has dark text in dark. It scans every page of the tutor app and the components they draw for a size under 12px the floor does not cover, and for an icon-only back link with no `aria-label`. Pages not yet rebuilt rely on the floor; rebuilt pages use the tokens directly. Second pass (T-0842, same file): a placeholder reads the third ink (`.dash ::placeholder`, it was `placeholder:text-gray-300`, 1.47 to 1) and the shadcn muted text does too (`--muted-foreground` set in the `.dash` block, so a select's placeholder is readable in the dark theme); every `input`, `textarea` and `select` of the tutor app (the pages, the components they draw and `src/components/settings`) must have a label for it, an `aria-label` or sit inside a `<label>`, because a placeholder is not a name (`unnamedControls`, with a mutation on the real lesson form); the week grid of the Calendar opens one hour before the first lesson of the week, or one hour before now, instead of at 6 AM (`openingMinute` in `src/lib/calendar.ts`, `tests/calendar-opening.test.ts`).
 - Brand, titles and answers (T-0850): `tests/seo-brand.test.ts` keeps one title pattern ("Topic | Tutafy"; the home page and the two posts about Tutafy start with it, within 60 characters, `BLOG_SEO` adds the brand to a post title that lacks it), the share picture `src/app/og/route.tsx` (1200 x 630 PNG with the name; every page points to `/og`), the first three FAQ answers (what Tutafy is, who it is for, how it differs from a marketplace: home page, About, `/llms.txt` "In short"), the directory FAQ with its FAQPage data from one list (`TUTORS_FAQ`), the AI tool count the public pages state (the number in the app), the lesson price in a profile only when real (`lessonOffer`, never a rating of its own), and an alternative text on every public image.
 - Public pages review (T-0843): `tests/seo-public-pages.test.ts` keeps the structured data of the index pages (`pageJsonLd` in `src/lib/seo.ts`: about, contact, customers, updates, blog and the tutor directory say what kind of page they are, with a breadcrumb and the items they list, never an e-mail address), the own title and noindex of the 404 page (`src/app/not-found.tsx`), and indigo-600 (not 500) for small labels and the buttons and bands that carry white text. The voice of the site is written down in `docs/brand-voice.md` (a draft for the owner to approve).
diff --git a/docs/features/T-0897-find-a-tutor.md b/docs/features/T-0897-find-a-tutor.md
new file mode 100644
index 0000000..a6921a0
--- /dev/null
+++ b/docs/features/T-0897-find-a-tutor.md
@@ -0,0 +1,29 @@
+# T-0897: Find me a tutor (`/find-a-tutor`), design option A of T-0864
+
+One screen: five questions on the left, the three tutors that fit best on the right (under the form on a phone, where the button stays in reach). Built from the approved sample `docs/find-tutor-design` (pull request #90, option A).
+
+## What it does
+
+- `src/app/find-a-tutor/page.tsx` (server) reads the directory list (`getDirectory`, the same cached public cards as `/tutors`), reads the answers from the address with the directory's own `parseFilters` and hands both to `src/components/find/FindTutorView.tsx` (client). It also draws the four-question FAQ and its `FAQPage` data from one list (`FIND_TUTOR_FAQ` in `src/lib/site-content.ts`).
+- The answers are the directory's filters: language, level, price range, time of day (in the visitor's time zone), trial lesson, and the time zone itself. `formFilters` in `src/lib/find-tutor.ts` keeps only these, so a search word, a day, "near me" or a sort in the address changes nothing silently.
+- `findTutors` takes the top three of `applyFilters` in the directory's "Recommended" order. `whyThisTutor` writes up to three reasons and prints one only when it is true of that card (a language or level asked for, a free time that really falls in the chosen time of day, the price range, the trial lesson, then rating and next free time to fill the list).
+- With scripts the three tutors follow every answer (the address is kept for sharing); without scripts the form is a plain GET form and the server draws the answer for the address.
+- States: three tutors; fewer than three (it says what to drop, with the number of tutors that gives); none (an explained card with "Start again" and "See all tutors"); under six listed tutors (the finder is closed, like the directory, with a link to the list); a failed read (an alert with a retry link and `noindex`, never an empty finder).
+- Every answer is a real radio button (a switch for the trial lesson) inside a `fieldset` with a legend, so the keyboard and screen readers work as for any form. The time zone sits in a `details` element.
+- Dark: the page uses the directory's `.dir-page` dark scheme (`src/styles/directory-dark.css`); one rule keeps a chosen answer filled in dark (`--dir-chosen`, checked by `tests/find-tutor.test.ts`).
+
+## Added around it (so nothing points at a page that is not there)
+
+- `PAGE_SEO.findTutor` (title, description, canonical), the sitemap, `KEY_PAGES` for `/llms.txt`, the footer link, a link from the directory ("Not sure who to pick?"), and the visitor-journey list (`src/lib/track-path.ts`, path only).
+- The registries that list public pages: `tests/accessibility.test.ts`, `tests/seo-metadata.test.ts`, `tests/updates.test.ts`, and the count marker in `docs/feature-map.md`.
+- Updates entry 1.18.0 with its picture (`public/updates/find-a-tutor.webp`).
+
+## Tests
+
+`tests/find-tutor.test.ts`: the pick (at most three, only tutors that fit, best first, what to drop), the reasons (only true ones), `formFilters`, the real page over made-up tutors (the three picks, a narrowed list, no match, closed, failed read, nothing private in the HTML, the form markup, the address read like the directory's, title, description, canonical, structured data and FAQ) and the dark contrast.
+
+## Not done
+
+- The sample's "What for" question (travel, work, exam...) is not on the form: a tutor does not say what they teach it for, so no tutor could be matched to it honestly. It needs a field tutors fill in (a separate ticket).
+- The sample's "More..." opens a list; here it is a select, which also works without scripts.
+- A tutor who has not chosen levels in Settings is not matched when a level is asked for (the directory's rule), so until more tutors choose, "Any" level gives the most results.
diff --git a/public/updates/find-a-tutor.webp b/public/updates/find-a-tutor.webp
new file mode 100644
index 0000000..eada127
Binary files /dev/null and b/public/updates/find-a-tutor.webp differ
diff --git a/src/app/find-a-tutor/layout.tsx b/src/app/find-a-tutor/layout.tsx
new file mode 100644
index 0000000..3ddb617
--- /dev/null
+++ b/src/app/find-a-tutor/layout.tsx
@@ -0,0 +1,10 @@
+import { pageMetadata } from '@/lib/page-meta'
+import '@/styles/directory-dark.css'
+
+// The finder is a server page with a client form; the title, description and canonical address come from PAGE_SEO.findTutor. The dark colour
+// scheme is the directory's own (it follows the visitor's system setting, inside `.dir-page` only).
+export const metadata = pageMetadata('findTutor')
+
+export default function FindTutorLayout({ children }: { children: React.ReactNode }) {
+  return children
+}
diff --git a/src/app/find-a-tutor/page.tsx b/src/app/find-a-tutor/page.tsx
new file mode 100644
index 0000000..cf3aa9d
--- /dev/null
+++ b/src/app/find-a-tutor/page.tsx
@@ -0,0 +1,64 @@
+import Link from 'next/link'
+import { SiteFooter } from '@/components/SiteFooter'
+import { SiteLogo } from '@/components/SiteLogo'
+import { FindTutorView } from '@/components/find/FindTutorView'
+import { getDirectory } from '@/lib/directory-cache'
+import { parseFilters, refreshCards } from '@/lib/directory'
+import { formFilters } from '@/lib/find-tutor'
+import { PAGE_SEO } from '@/lib/page-meta'
+import { FIND_TUTOR_FAQ } from '@/lib/site-content'
+import { faqPageJsonLd, jsonLdScript, pageJsonLd } from '@/lib/seo'
+
+// "Find me a tutor" (T-0897): a student answers a few questions and gets the three tutors that fit best. The tutors are the public cards of the
+// directory (src/lib/directory-cache.ts: only tutors who can be booked today, a fixed list of keys), so the finder cannot show a tutor the
+// directory would not. The answers come from the address (?lang=...&level=...), checked against fixed lists like the directory's.
+type Params = Record<string, string | string[] | undefined>
+
+/** A form sends an empty value for "Any" next to a chosen one (a button and the "More…" list share the name `lang`): the first value that is not empty wins. */
+function firstFilled(params: Params): Params {
+  const out: Params = {}
+  for (const [k, v] of Object.entries(params)) out[k] = Array.isArray(v) ? (v.find(x => x !== '') ?? '') : v
+  return out
+}
+
+export default async function FindTutorPage({ searchParams }: { searchParams: Promise<Params> }) {
+  const params = firstFilled(await searchParams)
+  const directory = await getDirectory()
+  const now = new Date()
+  const cards = directory ? refreshCards(directory.cards, now) : []
+
+  return (
+    <div className="dir-page min-h-screen bg-[#F7F8FA]">
+      {directory !== null && pageJsonLd(PAGE_SEO.findTutor, 'Find me a tutor', 'CollectionPage').map((d, i) => <script key={i} type="application/ld+json" dangerouslySetInnerHTML={{ __html: jsonLdScript(d) }} />)}
+      <script type="application/ld+json" dangerouslySetInnerHTML={{ __html: jsonLdScript(faqPageJsonLd(FIND_TUTOR_FAQ)) }} />
+      <header className="bg-white border-b border-gray-100 px-6 py-3.5">
+        <div className="max-w-[1120px] mx-auto flex items-center justify-between">
+          <SiteLogo size="md" />
+          <div className="flex items-center gap-4">
+            <Link href="/tutors" className="text-[13px] font-medium text-gray-600 hover:text-gray-900 transition-colors">All tutors</Link>
+            <Link href="/student/login" className="text-[13px] font-medium text-gray-600 hover:text-gray-900 transition-colors">Student login →</Link>
+          </div>
+        </div>
+      </header>
+
+      {/* a page that could not read the list is an error, not content: it must not be indexed (the status code of a page cannot be set here) */}
+      {directory === null && <meta name="robots" content="noindex" />}
+      <main>
+        <FindTutorView cards={cards} initial={formFilters(parseFilters(params))} nowIso={now.toISOString()} error={directory === null} listed={directory?.listed ?? 0} />
+        <section aria-labelledby="find-faq-h" className="max-w-[1120px] mx-auto px-4 pb-12">
+          <h2 id="find-faq-h" className="text-[22px] font-extrabold text-gray-900">Questions about finding a tutor</h2>
+          <dl className="mt-5 grid gap-x-10 gap-y-6 md:grid-cols-2">
+            {FIND_TUTOR_FAQ.map(f => (
+              <div key={f.q}>
+                <dt className="text-[15px] font-bold text-gray-900">{f.q}</dt>
+                <dd className="text-[14px] text-gray-700 mt-1.5 leading-relaxed">{f.a}</dd>
+              </div>
+            ))}
+          </dl>
+        </section>
+      </main>
+
+      <SiteFooter />
+    </div>
+  )
+}
diff --git a/src/app/sitemap.ts b/src/app/sitemap.ts
index 57df13f..7765da2 100644
--- a/src/app/sitemap.ts
+++ b/src/app/sitemap.ts
@@ -38,6 +38,7 @@ export default async function sitemap(): Promise<MetadataRoute.Sitemap> {
   const pages: { path: string; priority: number; freq: MetadataRoute.Sitemap[number]['changeFrequency'] }[] = [
     { path: '', priority: 1.0, freq: 'weekly' },
     { path: '/tutors', priority: 0.8, freq: 'daily' },
+    { path: '/find-a-tutor', priority: 0.7, freq: 'daily' },
     { path: '/blog', priority: 0.7, freq: 'weekly' },
     { path: '/updates', priority: 0.5, freq: 'weekly' },
     { path: '/about', priority: 0.6, freq: 'monthly' },
diff --git a/src/components/SiteFooter.tsx b/src/components/SiteFooter.tsx
index af0e15a..11eb527 100644
--- a/src/components/SiteFooter.tsx
+++ b/src/components/SiteFooter.tsx
@@ -6,6 +6,7 @@ import { SiteLogo } from '@/components/SiteLogo'
 // public page file for one or the other).
 export const FOOTER_LINKS = [
   { href: '/tutors', label: 'Find tutors' },
+  { href: '/find-a-tutor', label: 'Find me a tutor' },
   { href: '/about', label: 'About' },
   { href: '/blog', label: 'Blog' },
   { href: '/updates', label: 'Updates' },
diff --git a/src/components/directory/DirectoryView.tsx b/src/components/directory/DirectoryView.tsx
index 9085b00..b7ef8d4 100644
--- a/src/components/directory/DirectoryView.tsx
+++ b/src/components/directory/DirectoryView.tsx
@@ -199,6 +199,7 @@ export function DirectoryView({ cards, listed, truncated, initial, nowIso, error
       <div>
         <h1 className="text-[28px] min-[721px]:text-[34px] leading-[1.1] tracking-tight font-extrabold text-gray-900">Find a language tutor you can book today</h1>
         <p className="text-[15px] min-[721px]:text-[16px] text-gray-600 mt-2 max-w-[640px]">Every tutor here has open times in the next 14 days. Book with just your name and email.</p>
+        <p className="text-[14px] text-gray-700 mt-2" data-testid="find-link">Not sure who to pick? <Link href="/find-a-tutor" className="font-bold text-indigo-700 underline underline-offset-2">Find me a tutor</Link></p>
         <p className="inline-flex items-center gap-1.5 text-[13px] text-gray-600 mt-2.5" data-testid="tz-line"><Globe className="h-3.5 w-3.5" aria-hidden="true" /> {tzLine}
           <button type="button" onClick={() => setPanel(window.matchMedia('(min-width: 721px)').matches ? 'zone' : 'sheet')} className="min-h-11 -my-3 px-1.5 font-semibold text-indigo-700 underline underline-offset-2" data-testid="tz-change">Change</button></p>
       </div>
diff --git a/src/components/find/FindTutorView.tsx b/src/components/find/FindTutorView.tsx
new file mode 100644
index 0000000..ff1c38a
--- /dev/null
+++ b/src/components/find/FindTutorView.tsx
@@ -0,0 +1,245 @@
+'use client'
+
+// "Find me a tutor" as the visitor uses it (T-0897, design option A of T-0864): one screen, the questions on the left, the three tutors that fit on
+// the right (under the form on a phone, where the button stays in reach). The answers are the directory's own filters (src/lib/directory.ts) and the
+// tutors are the directory's public cards, so nothing here can show a tutor the directory would not. The form is a plain GET form that works without
+// scripts (the server draws the answer for the address); with scripts the three tutors follow every answer, and the address is kept for sharing.
+import { useEffect, useMemo, useRef, useState, useSyncExternalStore, type ReactNode } from 'react'
+import Link from 'next/link'
+import { AlertCircle, ArrowRight, CalendarX, Check, Clock, Globe, SearchX, Star } from 'lucide-react'
+import { initialsOf, priceLabel, safeZone, zoneCity } from '@/lib/tutor-profile'
+import {
+  DIRECTORY_OPENS_AT, LEVEL_OPTIONS, PRICE_BUCKETS, TOD_OPTIONS, ZONE_CHOICES, filterLabel, filtersToQuery, languageCounts, nextAvailableText, withoutFilter,
+  type DirectoryCard, type Filters,
+} from '@/lib/directory'
+import { SUGGESTED, findTutors, formFilters, whyThisTutor } from '@/lib/find-tutor'
+
+const subscribe = () => () => {}
+const browserZone = (): string | null => {
+  try { return safeZone(Intl.DateTimeFormat().resolvedOptions().timeZone) } catch { return null }
+}
+
+/** Languages drawn as buttons; the rest sit behind "More…". */
+const TOP_LANGUAGES = 5
+
+const TILES = [['#E0E7FF', '#4338CA'], ['#FCE7F3', '#BE185D'], ['#DCFCE7', '#15803D'], ['#FEF3C7', '#B45309'], ['#EDE9FE', '#6D28D9'], ['#CCFBF1', '#0F766E']] as const
+const tileFor = (name: string) => TILES[[...name].reduce((a, c) => a + c.charCodeAt(0), 0) % TILES.length]
+
+const RING = 'peer-focus-visible:ring-2 peer-focus-visible:ring-indigo-500 peer-focus-visible:ring-offset-2'
+const PRIMARY = 'inline-flex items-center justify-center gap-2 min-h-12 px-5 text-[15px] font-bold rounded-xl text-white bg-indigo-600 hover:bg-indigo-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500 focus-visible:ring-offset-2'
+const SECONDARY = 'inline-flex items-center justify-center gap-2 min-h-11 px-4 text-[14px] font-bold rounded-xl text-indigo-700 bg-white border border-indigo-200 hover:bg-indigo-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500 focus-visible:ring-offset-2'
+
+/** One answer: a real radio button, drawn as a pill. The button itself is hidden but stays in the tab order, and the pill shows its focus and its choice. */
+function Choice({ name, value, checked, onChange, children }: { name: string; value: string; checked: boolean; onChange: () => void; children: ReactNode }) {
+  return (
+    <label className="relative">
+      <input type="radio" name={name} value={value} checked={checked} onChange={onChange} className="peer sr-only" />
+      <span className={`inline-flex items-center min-h-11 px-4 rounded-full border text-[14px] font-semibold cursor-pointer select-none bg-white text-gray-800 border-gray-300 hover:border-indigo-300 peer-checked:bg-indigo-600 peer-checked:border-indigo-600 peer-checked:text-white ${RING}`}>
+        {children}
+      </span>
+    </label>
+  )
+}
+
+function Question({ legend, note, children }: { legend: string; note?: string; children: ReactNode }) {
+  return (
+    <fieldset className="mt-5 min-w-0">
+      <legend className="text-[13px] font-bold text-gray-700 mb-2">{legend}</legend>
+      <div className="flex flex-wrap gap-2">{children}</div>
+      {note && <p className="mt-1.5 text-[12.5px] text-gray-600">{note}</p>}
+    </fieldset>
+  )
+}
+
+function Pick({ card, rank, filters, zone, now }: { card: DirectoryCard; rank: number; filters: Filters; zone: string | null; now: Date }) {
+  const [bg, fg] = tileFor(card.name)
+  const price = priceLabel(card.price, card.currency)
+  const why = whyThisTutor(card, filters, { zone, now })
+  return (
+    <article className="bg-white border border-gray-100 rounded-[18px] shadow-sm p-4 min-[721px]:p-5" data-testid="find-pick" data-slug={card.slug}>
+      <div className="flex items-start gap-3">
+        {card.photo ? (
+          // eslint-disable-next-line @next/next/no-img-element -- a tutor's photo can be any web address the tutor pasted; this is one 48px picture
+          <img src={card.photo} alt="" width={48} height={48} loading="lazy" className="w-12 h-12 rounded-xl object-cover shrink-0 bg-indigo-100" />
+        ) : (
+          <span aria-hidden="true" data-testid="card-monogram" style={{ background: bg, color: fg }} className="w-12 h-12 rounded-xl grid place-items-center font-extrabold text-[17px] shrink-0">{initialsOf(card.name)}</span>
+        )}
+        <div className="min-w-0 flex-1">
+          <h3 className="text-[17px] font-extrabold text-gray-900 leading-tight break-words"><Link href={`/tutors/${card.slug}`} className="hover:underline underline-offset-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500 rounded">{card.name}</Link></h3>
+          <p className="mt-0.5 text-[13px] text-gray-600 flex flex-wrap items-center gap-x-1.5">
+            {card.rating !== null && <span className="inline-flex items-center gap-1 font-bold text-gray-900"><Star className="h-3.5 w-3.5 text-amber-400 fill-amber-400" aria-hidden="true" /><span className="sr-only">Rated </span>{card.rating.toFixed(1)} <span className="font-medium text-gray-600">({card.reviews})</span></span>}
+            {card.rating !== null && <span aria-hidden="true">·</span>}
+            <span>{card.languages.join(' · ')}</span>
+          </p>
+        </div>
+        <span className="shrink-0 text-[12px] font-bold text-indigo-700 bg-indigo-50 rounded-full px-2.5 py-1"><span className="sr-only">Match </span>#{rank}</span>
+      </div>
+      <h4 className="mt-3.5 text-[12px] font-bold tracking-wide uppercase text-gray-600">Why this tutor</h4>
+      <ul className="mt-1.5 grid gap-1 text-[14px] text-gray-800" data-testid="find-why">
+        {why.map(w => <li key={w} className="flex gap-2 items-start"><Check className="h-4 w-4 text-emerald-600 mt-[3px] shrink-0" aria-hidden="true" /><span>{w}</span></li>)}
+      </ul>
+      <div className="mt-3 flex items-center gap-2 bg-emerald-50 text-emerald-800 rounded-xl px-3 py-2 text-[13px]" data-testid="find-next">
+        <Clock className="h-4 w-4 shrink-0" aria-hidden="true" />
+        <div className="min-w-0"><b className="font-bold">Next available</b> · <span>{nextAvailableText(card, zone ?? card.tz, now)}</span><small className="block text-[12px] leading-tight text-emerald-900/80">{zone ? 'Your time' : `${zoneCity(card.tz)} time`}</small></div>
+      </div>
+      <div className="mt-3 flex items-center justify-between gap-3">
+        <div className="leading-tight">
+          {price ? <><small className="block text-[12px] text-gray-600">From</small><b className="text-[22px] font-extrabold text-gray-900">{price}<span className="text-[13px] font-medium text-gray-600"> / lesson</span></b></> : <b className="text-[14px] font-semibold text-gray-700">Ask for price</b>}
+        </div>
+        <Link href={`/book/${card.slug}`} className="inline-flex items-center justify-center min-h-11 px-5 text-[14px] font-bold text-white bg-indigo-600 hover:bg-indigo-700 rounded-xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500 focus-visible:ring-offset-2">
+          Book<span className="sr-only"> a lesson with {card.name}</span>
+        </Link>
+      </div>
+    </article>
+  )
+}
+
+export function FindTutorView({ cards, initial, nowIso, error, listed }: { cards: DirectoryCard[]; initial: Filters; nowIso: string; error: boolean; listed: number }) {
+  const [filters, setFilters] = useState<Filters>(() => formFilters(initial))
+  const browser = useSyncExternalStore(subscribe, browserZone, () => null)
+  const viewerZone = filters.tz ?? browser
+  const now = useMemo(() => new Date(nowIso), [nowIso])
+  const resultsRef = useRef<HTMLElement>(null)
+
+  const first = useRef(true)
+  useEffect(() => {
+    if (first.current) { first.current = false; return }
+    try { window.history.replaceState(null, '', `/find-a-tutor${filtersToQuery(filters)}`) } catch { /* the address is only for sharing */ }
+  }, [filters])
+
+  const set = (patch: Partial<Filters>) => setFilters(f => ({ ...f, ...patch }))
+  const ctx = useMemo(() => ({ zone: viewerZone, now }), [viewerZone, now])
+  const result = useMemo(() => findTutors(cards, filters, ctx), [cards, filters, ctx])
+  const languages = useMemo(() => languageCounts(cards), [cards])
+  const top = languages.slice(0, TOP_LANGUAGES)
+  const more = languages.slice(TOP_LANGUAGES)
+  const chosenInMore = filters.lang !== null && more.some(l => l.language.toLowerCase() === filters.lang!.toLowerCase())
+  const open = !error && cards.length > 0
+  const same = (a: string | null, b: string) => a !== null && a.toLowerCase() === b.toLowerCase()
+  const tzLine = filters.tz ? `Times shown in: ${zoneCity(filters.tz)}` : viewerZone ? `Times shown in your time zone: ${zoneCity(viewerZone)}` : 'Times shown in each tutor’s own time zone, until we know yours'
+  const zoneOptions = filters.tz && !(ZONE_CHOICES as readonly string[]).includes(filters.tz) ? [filters.tz, ...ZONE_CHOICES] : [...ZONE_CHOICES]
+  const count = result.picks.length
+  const active = (['lang', 'level', 'price', 'tod', 'trial'] as const).filter(k => (k === 'trial' ? filters.trial : Boolean(filters[k])))
+
+  const show = (e: React.FormEvent) => {
+    e.preventDefault()
+    const el = resultsRef.current
+    if (!el) return
+    el.focus({ preventScroll: true })
+    try { el.scrollIntoView({ behavior: 'smooth', block: 'start' }) } catch { /* an old browser: the focus is enough */ }
+  }
+
+  return (
+    <div className="max-w-[1120px] mx-auto px-4 pt-[18px] pb-10 min-[721px]:pt-7 min-[721px]:pb-12">
+      <h1 className="text-[28px] min-[721px]:text-[34px] leading-[1.1] tracking-tight font-extrabold text-gray-900">Find me a language tutor</h1>
+      <p className="text-[15px] min-[721px]:text-[16px] text-gray-700 mt-2 max-w-[680px]" data-testid="find-answer">
+        Answer a few questions and we show you the 3 tutors who fit best. Every one of them has open times in the next 14 days, and you book with just your name and email.
+      </p>
+
+      {error && (
+        <div role="alert" className="mt-6 flex items-start gap-3 rounded-2xl border border-red-200 bg-red-50 px-4 py-3.5 text-[14px] text-red-900" data-testid="find-error">
+          <AlertCircle className="h-[18px] w-[18px] shrink-0 mt-0.5" aria-hidden="true" />
+          <span><b>We could not load the tutors.</b> Check your connection and try again. <a href={`/find-a-tutor${filtersToQuery(filters)}`} className="font-bold underline underline-offset-2">Try again</a></span>
+        </div>
+      )}
+
+      {!error && cards.length === 0 && (
+        <div className="text-center px-4 py-14 max-w-[520px] mx-auto grid gap-2.5 justify-items-center" data-testid="find-closed">
+          <span className="w-[72px] h-[72px] rounded-[22px] bg-indigo-50 text-indigo-600 grid place-items-center"><CalendarX className="h-8 w-8" aria-hidden="true" /></span>
+          <h2 className="text-[22px] font-extrabold text-gray-900">The tutor finder opens soon</h2>
+          <p className="text-[15px] text-gray-700">We only suggest tutors you can book today, and we open once at least {DIRECTORY_OPENS_AT} tutors have open times. {listed > 0 ? 'Tutors are finishing their profiles now, so check back soon.' : 'Check back soon.'}</p>
+          <Link href="/tutors" className={SECONDARY}>See the tutor list</Link>
+        </div>
+      )}
+
+      {open && (
+        <div className="mt-6 grid gap-6 items-start min-[900px]:grid-cols-[minmax(0,380px)_minmax(0,1fr)]">
+          <form method="get" action="/find-a-tutor" onSubmit={show} className="bg-white border border-gray-100 rounded-[20px] shadow-sm p-5 min-[721px]:p-6" data-testid="find-form">
+            <h2 className="text-[20px] font-extrabold text-gray-900">Tell us what you need</h2>
+            <p className="text-[14px] text-gray-600 mt-1">Five quick answers. No account, no email yet.</p>
+
+            <Question legend="I want to learn">
+              <Choice name="lang" value="" checked={filters.lang === null} onChange={() => set({ lang: null })}>Any language</Choice>
+              {top.map(l => <Choice key={l.language} name="lang" value={l.language.toLowerCase()} checked={same(filters.lang, l.language)} onChange={() => set({ lang: l.language })}>{l.language}</Choice>)}
+              {more.length > 0 && (
+                <select name="lang" aria-label="More languages" value={chosenInMore ? filters.lang!.toLowerCase() : ''} onChange={e => set({ lang: e.target.value || null })}
+                  className={`min-h-11 rounded-full border px-4 text-[14px] font-semibold bg-white text-gray-800 focus:outline-none focus:ring-2 focus:ring-indigo-500 ${chosenInMore ? 'border-indigo-600 ring-1 ring-indigo-600' : 'border-gray-300'}`}>
+                  <option value="">More…</option>
+                  {more.map(l => <option key={l.language} value={l.language.toLowerCase()}>{l.language}</option>)}
+                </select>
+              )}
+            </Question>
+
+            <Question legend="My level" note="Not sure? Choose Beginner: tutors will find your level in the first lesson.">
+              <Choice name="level" value="" checked={filters.level === null} onChange={() => set({ level: null })}>Any</Choice>
+              {LEVEL_OPTIONS.map(o => <Choice key={o.id} name="level" value={o.id} checked={filters.level === o.id} onChange={() => set({ level: o.id })}>{o.label}</Choice>)}
+            </Question>
+
+            <Question legend="Price per lesson">
+              <Choice name="price" value="" checked={filters.price === null} onChange={() => set({ price: null })}>Any</Choice>
+              {PRICE_BUCKETS.map(b => <Choice key={b.id} name="price" value={b.id} checked={filters.price === b.id} onChange={() => set({ price: b.id })}>{b.label}</Choice>)}
+            </Question>
+
+            <Question legend="When I can have lessons">
+              <Choice name="tod" value="" checked={filters.tod === null} onChange={() => set({ tod: null })}>Any time</Choice>
+              {TOD_OPTIONS.map(o => <Choice key={o.id} name="tod" value={o.id} checked={filters.tod === o.id} onChange={() => set({ tod: o.id })}>{o.label}</Choice>)}
+            </Question>
+            <p className="mt-2 text-[12.5px] text-gray-600 flex items-start gap-1.5" data-testid="find-tz"><Globe className="h-3.5 w-3.5 mt-[3px] shrink-0" aria-hidden="true" /><span>{tzLine}</span></p>
+            <details className="mt-1 text-[13px]">
+              <summary className="inline-flex items-center min-h-11 cursor-pointer font-semibold text-indigo-700 underline underline-offset-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500 rounded">Change time zone</summary>
+              <label htmlFor="find-tz" className="sr-only">Show times in</label>
+              <select id="find-tz" name="tz" value={filters.tz ?? ''} onChange={e => set({ tz: e.target.value || null })} className="w-full min-h-11 rounded-xl border border-gray-300 bg-white px-3 text-[14px] text-gray-900 focus:outline-none focus:border-indigo-500 focus:ring-2 focus:ring-indigo-500/20">
+                <option value="">{browser ? `Automatic: ${zoneCity(browser)}` : 'Automatic (your browser)'}</option>
+                {zoneOptions.map(z => <option key={z} value={z}>{zoneCity(z)} ({z.split('/')[0].replace('_', ' ')})</option>)}
+              </select>
+            </details>
+
+            <label className="relative mt-4 flex items-center justify-between gap-3.5 rounded-2xl border border-gray-200 px-3.5 py-3 cursor-pointer">
+              <span><b className="block text-[14px] text-gray-900">Only tutors with a trial lesson</b><span className="text-[12.5px] text-gray-600">A cheaper first lesson</span></span>
+              <input type="checkbox" role="switch" name="trial" value="1" checked={filters.trial} onChange={e => set({ trial: e.target.checked })} className="peer sr-only" />
+              <span aria-hidden="true" className={`w-11 h-[26px] rounded-full relative shrink-0 bg-gray-300 peer-checked:bg-indigo-600 ${RING} after:content-[''] after:absolute after:top-[3px] after:left-[3px] after:w-5 after:h-5 after:rounded-full after:bg-white after:shadow after:transition-all peer-checked:after:left-[21px]`} />
+            </label>
+
+            <div className="mt-5 max-[899px]:sticky max-[899px]:bottom-0 max-[899px]:-mx-5 max-[899px]:px-5 max-[899px]:py-3 max-[899px]:bg-white max-[899px]:border-t max-[899px]:border-gray-100 max-[899px]:rounded-b-[20px]">
+              <button type="submit" className={`${PRIMARY} w-full`} data-testid="find-submit">
+                {count > 0 ? `Show my ${count === 1 ? '1 tutor' : `${count} tutors`}` : 'Show my tutors'} <ArrowRight className="h-4 w-4" aria-hidden="true" />
+              </button>
+            </div>
+          </form>
+
+          <section ref={resultsRef} tabIndex={-1} aria-labelledby="find-results-h" className="focus:outline-none scroll-mt-4" data-testid="find-results">
+            {count > 0 ? (
+              <>
+                <h2 id="find-results-h" className="text-[22px] font-extrabold text-gray-900" aria-live="polite" data-testid="find-count">{count === 1 ? '1 tutor' : `${count} tutors`} you can book today</h2>
+                <p className="mt-1 text-[14px] text-gray-700">Picked from every tutor with open times in the next 14 days. <Link href={`/tutors${filtersToQuery(filters)}`} className="font-bold text-indigo-700 underline underline-offset-2" data-testid="find-all">See all tutors</Link></p>
+                <div className="mt-4 grid gap-3.5" data-testid="find-picks">
+                  {result.picks.map((c, i) => <Pick key={c.slug} card={c} rank={i + 1} filters={filters} zone={viewerZone} now={now} />)}
+                </div>
+                {count < SUGGESTED && result.relax.length > 0 && (
+                  <p className="mt-4 text-[14px] text-gray-700" data-testid="find-relax">Only {count} {count === 1 ? 'tutor fits' : 'tutors fit'} all your answers. For more, try {result.relax.slice(0, 2).map((r, i) => (
+                    <span key={r.key}>{i > 0 ? ' or ' : ''}<button type="button" onClick={() => setFilters(withoutFilter(filters, r.key))} className="font-bold text-indigo-700 underline underline-offset-2 p-1">removing {r.label} ({r.count} {r.count === 1 ? 'tutor' : 'tutors'})</button></span>
+                  ))}.</p>
+                )}
+              </>
+            ) : (
+              <div className="bg-white border border-gray-100 rounded-[18px] shadow-sm text-center px-5 py-10 grid gap-2.5 justify-items-center" data-testid="find-nomatch">
+                <span className="w-[72px] h-[72px] rounded-[22px] bg-indigo-50 text-indigo-600 grid place-items-center"><SearchX className="h-8 w-8" aria-hidden="true" /></span>
+                <h2 id="find-results-h" className="text-[22px] font-extrabold text-gray-900" aria-live="polite">No tutor fits all your answers yet</h2>
+                <p className="text-[15px] text-gray-700 max-w-[460px]">Nobody with open times fits {active.map(k => filterLabel({ ...filters, q: '' }, k)).join(' + ') || 'these answers'}.</p>
+                {result.relax.length > 0 && (
+                  <p className="text-[14px] text-gray-700">Try {result.relax.slice(0, 2).map((r, i) => (
+                    <span key={r.key}>{i > 0 ? ' or ' : ''}<button type="button" onClick={() => setFilters(withoutFilter(filters, r.key))} className="font-bold text-indigo-700 underline underline-offset-2 p-1">removing {r.label} ({r.count} {r.count === 1 ? 'tutor' : 'tutors'})</button></span>
+                  ))}.</p>
+                )}
+                <div className="flex flex-wrap gap-2.5 justify-center mt-1.5">
+                  <button type="button" onClick={() => setFilters(f => formFilters({ ...f, lang: null, level: null, price: null, tod: null, trial: false }))} className={PRIMARY}>Start again</button>
+                  <Link href="/tutors" className={SECONDARY}>See all tutors</Link>
+                </div>
+              </div>
+            )}
+          </section>
+        </div>
+      )}
+    </div>
+  )
+}
diff --git a/src/lib/find-tutor.ts b/src/lib/find-tutor.ts
new file mode 100644
index 0000000..e7cf4ae
--- /dev/null
+++ b/src/lib/find-tutor.ts
@@ -0,0 +1,66 @@
+// "Find me a tutor" (T-0897, design option A of T-0864): a student answers a few questions on one screen and gets the three tutors that fit best.
+// There is no second rule for who may be shown. The cards are the public directory cards (src/lib/directory.ts: only tutors who can be booked
+// today, a fixed list of keys), the answers are the directory's own filters (language, level, price, time of day, trial lesson, time zone), and
+// the order is the directory's "Recommended" order. This file only picks the top three and writes, for each, the reasons that are TRUE of that
+// tutor (a reason is printed only when the card really has it). Plain .ts with no browser, React or database imports, so the node tests can load it.
+import {
+  NO_FILTERS, PRICE_BUCKETS, TOD_OPTIONS, activeFilters, applyFilters, nextAvailableText, relaxations, slotFits, sortCards,
+  type DirectoryCard, type Filters, type ViewContext,
+} from '@/lib/directory'
+import { LEVEL_OPTIONS } from '@/lib/tutor-levels'
+import { priceLabel } from '@/lib/tutor-profile'
+
+/** How many tutors the finder suggests. */
+export const SUGGESTED = 3
+
+/** The questions the form asks. Every other filter of the directory (search words, day, "near me", sort) is not asked here, so an address cannot set it silently. */
+export function formFilters(f: Filters): Filters {
+  return { ...NO_FILTERS, lang: f.lang, level: f.level, price: f.price, tod: f.tod, trial: f.trial, tz: f.tz }
+}
+
+export type FindResult = {
+  /** How many tutors fit all the answers (the three shown are the best of these). */
+  total: number
+  picks: DirectoryCard[]
+  /** When fewer than three fit: what to drop to get more (best first), with how many tutors that would give. */
+  relax: ReturnType<typeof relaxations>
+}
+
+export function findTutors(cards: DirectoryCard[], filters: Filters, ctx: ViewContext): FindResult {
+  const matching = sortCards(applyFilters(cards, filters, ctx), 'recommended', ctx.now)
+  const picks = matching.slice(0, SUGGESTED)
+  const relax = matching.length < SUGGESTED && activeFilters(filters).length > 0 ? relaxations(cards, filters, ctx) : []
+  return { total: matching.length, picks, relax }
+}
+
+const lower = (s: string) => s.charAt(0).toLowerCase() + s.slice(1)
+
+/**
+ * Up to three reasons this tutor was picked. Each one is a fact about THIS card and the answers given: the language and level it was
+ * matched on, the time of day when a free time really falls in it (in the visitor's time zone), the price range, the trial lesson, and
+ * then plain facts (rating, next free time) to fill the list.
+ */
+export function whyThisTutor(card: DirectoryCard, filters: Filters, ctx: ViewContext): string[] {
+  const why: string[] = []
+  const add = (s: string | null) => { if (s && !why.includes(s) && why.length < 3) why.push(s) }
+
+  if (filters.lang) add(`Teaches ${card.languages.find(l => l.toLowerCase() === filters.lang!.toLowerCase()) ?? filters.lang}`)
+  else if (card.languages.length > 0) add(`Teaches ${card.languages.slice(0, 2).join(' and ')}`)
+
+  const level = LEVEL_OPTIONS.find(o => o.id === filters.level)
+  if (level && card.levels.includes(level.id)) add(`Teaches ${lower(level.label)} students`)
+
+  const tod = TOD_OPTIONS.find(o => o.id === filters.tod)
+  if (tod && ctx.zone && card.slots.some(m => slotFits(m, { when: null, tod: tod.id }, ctx.zone!, ctx.now))) add(`Free this ${tod.id} in your time`)
+
+  const bucket = PRICE_BUCKETS.find(b => b.id === filters.price)
+  const price = priceLabel(card.price, card.currency)
+  if (bucket && price) add(`${price} a lesson, in your ${bucket.label} range`)
+
+  const trial = card.trialPrice !== null ? priceLabel(card.trialPrice, card.currency) : null
+  if (trial) add(`Trial lesson for ${trial}`)
+
+  if (card.rating !== null && card.reviews > 0) add(`Rated ${card.rating.toFixed(1)} from ${card.reviews} ${card.reviews === 1 ? 'review' : 'reviews'}`)
+  add(`Next free time: ${nextAvailableText(card, ctx.zone ?? card.tz, ctx.now)}`)
+  return why
+}
diff --git a/src/lib/page-meta.ts b/src/lib/page-meta.ts
index 7aeb457..31bb31e 100644
--- a/src/lib/page-meta.ts
+++ b/src/lib/page-meta.ts
@@ -46,6 +46,11 @@ export const PAGE_SEO = {
     title: 'Find an Online Language Tutor | Tutafy',
     description: 'Browse language tutors on Tutafy and book 1-on-1 online lessons. Compare languages, ratings and prices, then pick a time that suits you.',
   },
+  findTutor: {
+    path: '/find-a-tutor',
+    title: 'Find Me a Tutor: 3 Tutors You Can Book Today | Tutafy',
+    description: 'Tell us the language, level, price and time of day you want and get 3 online tutors with open times in the next 14 days. No account needed.',
+  },
   blog: {
     path: '/blog',
     title: 'Tips & Guides for Online Tutors | Tutafy Blog',
diff --git a/src/lib/site-content.ts b/src/lib/site-content.ts
index 77f9301..593f47f 100644
--- a/src/lib/site-content.ts
+++ b/src/lib/site-content.ts
@@ -48,6 +48,17 @@ export const TUTORS_FAQ: { q: string; a: string }[] = [
   { q: 'How do I list myself as a tutor?', a: 'Create your free page and set your free hours, and students can book you here. It is free to start and Tutafy takes no commission on your lessons.' },
 ]
 
+/**
+ * Questions a student asks on the finder (/find-a-tutor), answered only with what the finder does (T-0897): the 14-day rule and the order are
+ * in src/lib/directory.ts, the answers asked are the form's own. The page draws exactly these and its FAQPage data is built from the same list.
+ */
+export const FIND_TUTOR_FAQ: { q: string; a: string }[] = [
+  { q: 'How does Tutafy pick the three tutors?', a: 'It takes every tutor with free times in the next 14 days, keeps the ones that fit your answers (language, level, price, time of day and trial lesson) and shows the three that come first in the tutor list. A tutor with a free time in the next two days, a complete profile and more reviews comes first.' },
+  { q: 'Do I need an account to book?', a: 'No. Open a tutor, choose one of their free times and book with just your name and email.' },
+  { q: 'What if no tutor fits my answers?', a: 'The page says so and shows what to change, for example how many more tutors fit if you drop one answer. The tutor list shows everyone you can book.' },
+  { q: 'Are the times shown in my time zone?', a: 'Yes, once your browser tells us your time zone. You can change the time zone on the form, and it is kept in the page address so a shared link shows the same times.' },
+]
+
 interface PlanSource {
   name: string
   monthlyUsd: number
@@ -90,6 +101,7 @@ export const KEY_PAGES: { path: string; title: string; description: string }[] =
   { path: '/', title: 'Home', description: PAGE_SEO.home.description },
   { path: '/blog', title: 'Blog', description: PAGE_SEO.blog.description },
   { path: '/tutors', title: 'Find tutors', description: PAGE_SEO.tutors.description },
+  { path: '/find-a-tutor', title: 'Find me a tutor', description: PAGE_SEO.findTutor.description },
   { path: '/about', title: 'About Tutafy', description: PAGE_SEO.about.description },
   { path: '/customers', title: 'Customer stories', description: PAGE_SEO.customers.description },
   { path: '/updates', title: 'Updates', description: PAGE_SEO.updates.description },
diff --git a/src/lib/track-path.ts b/src/lib/track-path.ts
index 53656cf..d58e89d 100644
--- a/src/lib/track-path.ts
+++ b/src/lib/track-path.ts
@@ -4,7 +4,7 @@
 // null and is never sent or stored. Query strings and fragments are dropped.
 // No imports, so the node tests can load it.
 
-export const PUBLIC_PAGES = ['/', '/about', '/contact', '/privacy', '/terms', '/customers', '/updates', '/tutors', '/login', '/register', '/onboarding'] as const
+export const PUBLIC_PAGES = ['/', '/about', '/contact', '/privacy', '/terms', '/customers', '/updates', '/tutors', '/find-a-tutor', '/login', '/register', '/onboarding'] as const
 
 // First path segment of the signed-in tutor area; the rest of the path (ids) is cut off.
 export const APP_SECTIONS = [
diff --git a/src/styles/directory-dark.css b/src/styles/directory-dark.css
index a33bc23..8aa3e58 100644
--- a/src/styles/directory-dark.css
+++ b/src/styles/directory-dark.css
@@ -22,6 +22,8 @@
     --dir-bad: #fecaca;
     --dir-bad-bg: rgba(239, 68, 68, 0.14);
     --dir-bad-line: rgba(248, 113, 113, 0.45);
+    --dir-chosen: #5558e8;
+    --dir-chosen-ink: #ffffff;
     background-color: var(--dir-bg);
     color: var(--dir-ink);
   }
@@ -58,6 +60,11 @@
   /* the pastel initials tile of a tutor with no photo (its colours are set inline, hence !important) takes the dark surface and the accent text */
   .dir-page [data-testid="card-monogram"] { background: var(--dir-surface-2) !important; color: var(--dir-accent) !important; }
 
+  /* "Find me a tutor" (/find-a-tutor, T-0897): an answer is a hidden radio button or switch followed by a drawn pill or track. The light page fills the
+     chosen pill with indigo through a peer-checked class, which ties in weight with the surface remap above and loses; this rule is heavier, so the
+     chosen answer keeps its solid fill and white text in the dark scheme too. */
+  .dir-page input.peer:checked + span { background-color: var(--dir-chosen); border-color: var(--dir-chosen); color: var(--dir-chosen-ink); }
+
   /* sticky bottom bar of the filter sheet and the popovers are plain surfaces */
   .dir-page .sticky.bg-white { background-color: var(--dir-surface); }
   .dir-page select, .dir-page input[type="search"] { background-color: var(--dir-surface); color: var(--dir-ink); }
diff --git a/tests/accessibility.test.ts b/tests/accessibility.test.ts
index 03d9f8b..671b382 100644
--- a/tests/accessibility.test.ts
+++ b/tests/accessibility.test.ts
@@ -90,6 +90,7 @@ const PUBLIC_PAGES = [
   'src/app/tutors/(directory)/page.tsx',
   'src/app/tutors/[slug]/page.tsx',
   'src/app/learn/[language]/page.tsx',
+  'src/app/find-a-tutor/page.tsx',
   'src/app/(auth)/login/page.tsx',
   'src/app/(auth)/register/page.tsx',
   'src/app/student/login/page.tsx',
diff --git a/tests/find-tutor.test.ts b/tests/find-tutor.test.ts
new file mode 100644
index 0000000..9c78383
--- /dev/null
+++ b/tests/find-tutor.test.ts
@@ -0,0 +1,267 @@
+// T-0897: "Find me a tutor" (/find-a-tutor), design option A of T-0864. The REAL page and the real picking code run here over an in-memory database that
+// holds made-up tutors (some with an email, a phone number and a payment link in their row):
+//   - the pick: at most three tutors, only tutors that fit every answer, in the directory's "Recommended" order; fewer than three says what to drop; none is an
+//     explained state, never a blank page;
+//   - the reasons printed for a tutor are true of that tutor (a language, a level, a time of day, a price range or a trial lesson is named only when it holds);
+//   - only the public cards of the directory reach the page: nothing private, and a failed read is an error (noindex), never an empty list;
+//   - the form is a plain GET form (it works without scripts), every answer is a real radio button or switch with a visible name, and the address is checked
+//     like the directory's (an unknown value never gives a state, "Any" next to a chosen language does not hide the choice);
+//   - the page tells search engines and assistants what it is (title, description, canonical, FAQPage data drawn from the printed questions).
+// Nothing here reaches a service. All names, prices and times are made up.
+import { test, mock, beforeEach } from 'node:test'
+import assert from 'node:assert/strict'
+import path from 'node:path'
+import { fileURLToPath, pathToFileURL } from 'node:url'
+import { renderToStaticMarkup } from 'react-dom/server'
+import { createFakeDb, type FakeDb } from './support/fake-db.ts'
+
+const SRC = path.join(path.resolve(path.dirname(fileURLToPath(import.meta.url)), '..'), 'src')
+
+let db: FakeDb
+let adminFails = false
+mock.module(pathToFileURL(path.join(SRC, 'lib/supabase/server.ts')).href, {
+  namedExports: {
+    createAdminClient: () => {
+      if (adminFails) throw new Error('Supabase admin client is not configured')
+      return { from: (table: string) => db.from(table) }
+    },
+    createClient: async () => ({ from: (t: string) => db.from(t), auth: { getUser: async () => ({ data: { user: null } }) } }),
+  },
+})
+mock.module('next/cache', { namedExports: { unstable_cache: (fn: (...a: unknown[]) => unknown) => fn } })
+mock.module('next/navigation', { namedExports: { notFound: () => { throw new Error('NEXT_NOT_FOUND') }, useRouter: () => ({ push() {}, replace() {} }), useSearchParams: () => new URLSearchParams() } })
+
+const page = (await import('@/app/find-a-tutor/page.tsx')).default as (p: { searchParams: Promise<Record<string, string | string[] | undefined>> }) => Promise<React.ReactElement>
+const find = await import('@/lib/find-tutor.ts')
+const dir = await import('@/lib/directory.ts')
+const { FIND_TUTOR_FAQ } = await import('@/lib/site-content.ts')
+const { PAGE_SEO } = await import('@/lib/page-meta.ts')
+
+const BIO = 'I teach English to adults and children, one to one, with a plan for every lesson and clear homework.'
+let seq = 0
+
+function tutor(o: Record<string, unknown> = {}) {
+  const n = ++seq
+  const id = `t-${n}`
+  const row = {
+    id, slug: `tutor-${n}`, name: `Tutor Number${n}`, bio: BIO, avatar_url: null, languages: ['English'], timezone: 'UTC', booking_url_active: true,
+    average_rating: 0, review_count: 0, default_lesson_price: 20, currency: 'USD', trial_enabled: false, trial_price: null, buffer_minutes: 0,
+    email: `private.tutor${n}@example.com`, phone: '0900 000 000', stripe_account_id: `acct_${n}`, payment_link: `https://pay.example.com/${n}`, paypal_link: 'paypal.me/someone', ...o,
+  }
+  const avail = [0, 1, 2, 3, 4, 5, 6].map(d => ({ id: `a-${n}-${d}`, tutor_id: id, day_of_week: d, start_time: '00:00', end_time: '23:30' }))
+  return { row, avail }
+}
+
+function seed(tutors: ReturnType<typeof tutor>[]) {
+  db = createFakeDb({ tutors: tutors.map(t => t.row), availability: tutors.flatMap(t => t.avail), availability_exceptions: [], lessons: [] })
+}
+
+/** Eight tutors: four Spanish (two with a trial lesson, one for beginners), three English, one French. */
+function market() {
+  seed([
+    tutor({ name: 'Ana Torres', languages: ['Spanish'], default_lesson_price: 12, trial_enabled: true, trial_price: 5, average_rating: 4.9, review_count: 41, levels_taught: ['beginner'] }),
+    tutor({ name: 'Ben Carter', languages: ['spanish', 'English'], default_lesson_price: 22, review_count: 3, average_rating: 4.5 }),
+    tutor({ name: 'Chloe Martin', languages: ['Spanish'], default_lesson_price: 24, trial_enabled: true, trial_price: 8, levels_taught: ['beginner', 'intermediate'] }),
+    tutor({ name: 'Daniel Weber', languages: ['Spanish'], default_lesson_price: 60 }),
+    tutor({ name: 'Elena Rossi', languages: ['English'], default_lesson_price: 18 }),
+    tutor({ name: 'Felix Braun', languages: ['English'], default_lesson_price: 28 }),
+    tutor({ name: 'Grace Liu', languages: ['English'], default_lesson_price: 35 }),
+    tutor({ name: 'Hugo Lambert', languages: ['French'], default_lesson_price: 30 }),
+  ])
+}
+
+beforeEach(() => { adminFails = false; seq = 0 })
+
+const html = async (searchParams: Record<string, string | string[] | undefined> = {}) => renderToStaticMarkup(await page({ searchParams: Promise.resolve(searchParams) }))
+const picksIn = (h: string) => [...h.matchAll(/data-testid="find-pick" data-slug="([^"]+)"/g)].map(m => m[1])
+/** The inputs of the page as attribute maps (a bare attribute such as checked reads as ""). */
+const inputsOf = (h: string) => (h.match(/<input [^>]*>/g) ?? []).map(t => Object.fromEntries([...t.matchAll(/([a-z-]+)(?:="([^"]*)")?/g)].map(m => [m[1], m[2] ?? ''])))
+const isChecked = (h: string, name: string, value: string) => inputsOf(h).some(i => i.name === name && i.value === value && 'checked' in i)
+const text = (h: string) => h.replace(/<[^>]+>/g, ' ').replace(/&#x27;/g, "'").replace(/\s+/g, ' ')
+
+// ---- the pick -------------------------------------------------------------------------------------------------------------------------
+
+function card(o: Partial<import('@/lib/directory.ts').DirectoryCard> = {}): import('@/lib/directory.ts').DirectoryCard {
+  const now = Date.now()
+  return { slug: 'x', name: 'X Y', photo: null, languages: ['Spanish'], headline: 'Hi', rating: null, reviews: 0, price: 20, currency: 'USD', trialPrice: null, tz: 'UTC', levels: [], complete: 1, slots: [Math.floor(now / 60000) + 600], ...o }
+}
+const NOW = new Date()
+const CTX = { zone: 'UTC' as string | null, now: NOW }
+
+test('findTutors shows at most three tutors, only those that fit every answer, best first', () => {
+  const cards = ['a', 'b', 'c', 'd', 'e'].map((s, i) => card({ slug: s, languages: [i === 4 ? 'French' : 'Spanish'], complete: i }))
+  const all = find.findTutors(cards, find.formFilters(dir.NO_FILTERS), CTX)
+  assert.equal(all.picks.length, 3)
+  assert.equal(all.total, 5)
+  const spanish = find.findTutors(cards, find.formFilters({ ...dir.NO_FILTERS, lang: 'Spanish' }), CTX)
+  assert.ok(spanish.picks.every(c => c.languages.includes('Spanish')))
+  assert.equal(spanish.total, 4)
+  const french = find.findTutors(cards, find.formFilters({ ...dir.NO_FILTERS, lang: 'French' }), CTX)
+  assert.deepEqual(french.picks.map(c => c.slug), ['e'])
+  assert.ok(french.relax.length > 0 && french.relax[0].count > 1, 'one tutor fits: it says what to drop to get more')
+})
+
+test('findTutors with nobody matching gives no picks and what to drop', () => {
+  const cards = [card({ slug: 'a', languages: ['Spanish'] })]
+  const none = find.findTutors(cards, find.formFilters({ ...dir.NO_FILTERS, lang: 'German', trial: true }), CTX)
+  assert.equal(none.picks.length, 0)
+  assert.equal(none.total, 0)
+  assert.ok(none.relax.length === 0 || none.relax.every(r => r.count > 0))
+})
+
+test('formFilters keeps only what the form asks: a search word, a day, "near me" or a sort in the address never applies silently', () => {
+  const f = find.formFilters({ ...dir.NO_FILTERS, q: 'zzz', when: 'today', near: true, sort: 'price-low', lang: 'Spanish', level: 'beginner', price: 'up15', tod: 'evening', trial: true, tz: 'Europe/Madrid' })
+  assert.deepEqual(f, { ...dir.NO_FILTERS, lang: 'Spanish', level: 'beginner', price: 'up15', tod: 'evening', trial: true, tz: 'Europe/Madrid' })
+})
+
+test('whyThisTutor names only what is true of the tutor, at most three reasons', () => {
+  const c = card({ languages: ['Spanish', 'English'], levels: ['beginner'], trialPrice: 8, price: 22, rating: 4.9, reviews: 41 })
+  const plain = find.whyThisTutor(c, find.formFilters(dir.NO_FILTERS), CTX)
+  assert.ok(plain.length >= 1 && plain.length <= 3)
+  assert.ok(plain.includes('Teaches Spanish and English'))
+  assert.ok(plain.includes('Trial lesson for $8'))
+  const asked = find.whyThisTutor(c, find.formFilters({ ...dir.NO_FILTERS, lang: 'Spanish', level: 'beginner', price: '15-30' }), CTX)
+  assert.deepEqual(asked.slice(0, 3), ['Teaches Spanish', 'Teaches beginner students', '$22 a lesson, in your $15 to $30 range'])
+  // a level the tutor did not choose is never claimed
+  assert.ok(!find.whyThisTutor(card({ levels: [] }), find.formFilters({ ...dir.NO_FILTERS, level: 'advanced' }), CTX).some(w => /advanced/.test(w)))
+  // no trial lesson, no trial sentence; no reviews, no rating sentence
+  const bare = find.whyThisTutor(card({ trialPrice: null, rating: null, reviews: 0 }), find.formFilters(dir.NO_FILTERS), CTX)
+  assert.ok(!bare.some(w => /Trial|Rated/.test(w)))
+  // a time of day is claimed only when a free time really falls in it, in the visitor's zone
+  const evening = Math.floor(Date.parse('2026-10-20T19:00:00Z') / 60000)
+  const ctx = { zone: 'UTC', now: new Date('2026-10-20T08:00:00Z') }
+  assert.ok(find.whyThisTutor(card({ slots: [evening] }), find.formFilters({ ...dir.NO_FILTERS, tod: 'evening' }), ctx).includes('Free this evening in your time'))
+  assert.ok(!find.whyThisTutor(card({ slots: [evening] }), find.formFilters({ ...dir.NO_FILTERS, tod: 'morning' }), ctx).some(w => /Free this/.test(w)))
+  assert.ok(!find.whyThisTutor(card({ slots: [evening] }), find.formFilters({ ...dir.NO_FILTERS, tod: 'evening' }), { zone: null, now: ctx.now }).some(w => /Free this/.test(w)), 'no zone known, no claim about "your time"')
+})
+
+// ---- the page -------------------------------------------------------------------------------------------------------------------------
+
+test('the page shows the three best tutors for an empty form, each with reasons, a next free time, a price and a Book link', async () => {
+  market()
+  const h = await html()
+  assert.equal(picksIn(h).length, 3)
+  assert.match(h, /3 tutors you can book today/)
+  for (const slug of picksIn(h)) {
+    assert.match(h, new RegExp(`href="/book/${slug}"`))
+    assert.match(h, new RegExp(`href="/tutors/${slug}"`))
+  }
+  assert.equal((h.match(/Why this tutor/g) ?? []).length, 3)
+  assert.equal((h.match(/data-testid="find-next"/g) ?? []).length, 3)
+  assert.match(h, /href="\/tutors"[^>]*data-testid="find-all"|data-testid="find-all"/)
+})
+
+test('an answer in the address narrows the tutors: Spanish, a beginner, up to $30', async () => {
+  market()
+  const h = await html({ lang: 'spanish', level: 'beginner', price: '15-30' })
+  const slugs = picksIn(h)
+  assert.deepEqual(slugs.length, 1, 'only Chloe Martin teaches Spanish to beginners at $24; Ana Torres is $12, under the range')
+  assert.match(text(h), /Chloe Martin/)
+  assert.match(h, /1 tutor you can book today/)
+  assert.match(h, /data-testid="find-relax"/, 'fewer than three: it says what to drop')
+  assert.match(text(h), /Teaches Spanish/)
+  assert.match(text(h), /Teaches beginner students/)
+  assert.ok(isChecked(h, 'lang', 'spanish'))
+  assert.ok(isChecked(h, 'level', 'beginner'))
+})
+
+test('nobody fits: an explained state with a way back, not a blank page', async () => {
+  market()
+  const h = await html({ lang: 'french', trial: '1' })
+  assert.deepEqual(picksIn(h), [])
+  assert.match(h, /data-testid="find-nomatch"/)
+  assert.match(text(h), /No tutor fits all your answers yet/)
+  assert.match(text(h), /Start again/)
+  assert.match(h, /href="\/tutors"/)
+  assert.match(text(h), /removing/, 'it suggests what to drop')
+})
+
+test('under six listed tutors the finder is closed with a plain explanation and a link to the list; no tutor is drawn', async () => {
+  seed([tutor({ name: 'Ana Torres' }), tutor({ name: 'Ben Carter' })])
+  const h = await html()
+  assert.deepEqual(picksIn(h), [])
+  assert.match(h, /data-testid="find-closed"/)
+  assert.match(text(h), /The tutor finder opens soon/)
+  assert.doesNotMatch(h, /data-testid="find-form"/)
+  assert.match(h, /href="\/tutors"/)
+})
+
+test('a failed read is an error with a retry link and noindex, never an empty finder', async () => {
+  market()
+  adminFails = true
+  const h = await html({ lang: 'spanish' })
+  assert.match(h, /data-testid="find-error"/)
+  assert.match(h, /role="alert"/)
+  assert.match(h, /<meta name="robots" content="noindex"\/>/)
+  assert.match(h, /href="\/find-a-tutor\?lang=spanish"/, 'the answers are kept in the retry link')
+  assert.deepEqual(picksIn(h), [])
+})
+
+test('nothing private reaches the page: no email, phone, payment or account value from the tutor rows', async () => {
+  market()
+  const h = await html()
+  for (const leak of ['private.tutor', '@example.com', '0900 000 000', 'acct_', 'pay.example.com', 'paypal', 'stripe', '"email"', '"phone"']) assert.ok(!h.includes(leak), `the page must not carry "${leak}"`)
+})
+
+test('the form is a plain GET form with a real radio button for each answer, a name for every group and a switch for the trial lesson', async () => {
+  market()
+  const h = await html()
+  assert.match(h, /<form [^>]*action="\/find-a-tutor"[^>]*method="get"/)
+  for (const legend of ['I want to learn', 'My level', 'Price per lesson', 'When I can have lessons']) assert.match(h, new RegExp(`<legend[^>]*>${legend}</legend>`), legend)
+  assert.equal((h.match(/<fieldset/g) ?? []).length, 4)
+  // every input sits inside a label that has visible text, and the switch says what it is
+  assert.ok(inputsOf(h).length >= 12)
+  assert.ok(inputsOf(h).some(i => i.type === 'checkbox' && i.role === 'switch' && i.name === 'trial' && i.value === '1'))
+  assert.equal(inputsOf(h).filter(i => i.type === 'radio').every(i => ['lang', 'level', 'price', 'tod'].includes(i.name)), true)
+  assert.match(h, /Only tutors with a trial lesson/)
+  assert.match(h, /<select [^>]*id="find-tz"[^>]*name="tz"|<select [^>]*name="tz"[^>]*id="find-tz"/)
+  assert.match(h, /<label [^>]*for="find-tz"[^>]*>Show times in<\/label>/)
+  assert.match(h, /data-testid="find-submit"[^>]*>Show my 3 tutors/)
+  assert.equal((h.match(/<h1/g) ?? []).length, 1)
+})
+
+test('the address is read like the directory\'s: an unknown value gives no state; "Any" next to a chosen language does not hide the choice; search words are ignored', async () => {
+  market()
+  const odd = await html({ level: 'expert', price: 'free', tod: 'midnight', trial: 'yes', q: 'Ana', sort: 'rating', when: 'today', near: '1' })
+  assert.equal(picksIn(odd).length, 3, 'a search word, a day, "near me" and a sort are not asked here, so they change nothing')
+  assert.ok(isChecked(odd, 'lang', '') && isChecked(odd, 'level', '') && isChecked(odd, 'price', '') && isChecked(odd, 'tod', ''), 'an unknown level, price or time of day is "Any"')
+  assert.ok(!inputsOf(odd).some(i => i.name === 'trial' && 'checked' in i), 'trial is on only for 1')
+  // a language nobody teaches is a plain "no tutor fits", and what was typed is never written into the page as markup
+  const alien = await html({ lang: '<script>alert(1)</script>' })
+  assert.deepEqual(picksIn(alien), [])
+  assert.match(alien, /data-testid="find-nomatch"/)
+  assert.doesNotMatch(alien, /<script>alert/)
+  const both = await html({ lang: ['', 'french'] })
+  assert.deepEqual(picksIn(both).length, 1)
+  assert.match(text(both), /Hugo Lambert/)
+})
+
+test('the page says what it is: title, description, canonical, structured data and a real FAQ drawn from one list', async () => {
+  market()
+  const h = await html()
+  const ld = [...h.matchAll(/<script type="application\/ld\+json">([\s\S]*?)<\/script>/g)].map(m => JSON.parse(m[1].replace(/\\u003c/g, '<')))
+  const faq = ld.find(d => d['@type'] === 'FAQPage')
+  assert.ok(faq, 'FAQPage data')
+  assert.deepEqual(faq.mainEntity.map((q: { name: string }) => q.name), FIND_TUTOR_FAQ.map(f => f.q))
+  for (const f of FIND_TUTOR_FAQ) assert.ok(text(h).includes(f.q.replace(/’/g, "'")), f.q)
+  assert.ok(ld.some(d => d['@type'] === 'CollectionPage' && d.url === 'https://www.tutafy.com/find-a-tutor'))
+  assert.ok(ld.some(d => d['@type'] === 'BreadcrumbList'))
+  assert.equal(PAGE_SEO.findTutor.path, '/find-a-tutor')
+  assert.ok(PAGE_SEO.findTutor.title.length >= 20 && PAGE_SEO.findTutor.title.length <= 60)
+  assert.ok(PAGE_SEO.findTutor.description.length >= 70 && PAGE_SEO.findTutor.description.length <= 155)
+  assert.match(text(h), /Answer a few questions and we show you the 3 tutors who fit best/)
+})
+
+// ---- the dark colour scheme -----------------------------------------------------------------------------------------------------------
+
+test('in the dark scheme a chosen answer keeps its solid fill: white text on it is at least 4.5 to 1 and the fill stands out from the card by 3 to 1', async () => {
+  const { readFileSync } = await import('node:fs')
+  const css = readFileSync(path.join(SRC, 'styles/directory-dark.css'), 'utf8').replace(/\r\n/g, '\n')
+  const v = (name: string) => css.split(`--${name}:`)[1].trim().slice(1, 7)
+  const rgb = (hex: string) => [0, 2, 4].map(i => parseInt(hex.slice(i, i + 2), 16))
+  const lum = (c: number[]) => { const f = (x: number) => { const s = x / 255; return s <= 0.03928 ? s / 12.92 : ((s + 0.055) / 1.055) ** 2.4 }; return 0.2126 * f(c[0]) + 0.7152 * f(c[1]) + 0.0722 * f(c[2]) }
+  const ratio = (a: string, b: string) => { const [hi, lo] = [lum(rgb(a)), lum(rgb(b))].sort((x, y) => y - x); return (hi + 0.05) / (lo + 0.05) }
+  assert.ok(ratio(v('dir-chosen-ink'), v('dir-chosen')) >= 4.5, `white on the chosen fill: ${ratio(v('dir-chosen-ink'), v('dir-chosen')).toFixed(2)}`)
+  assert.ok(ratio(v('dir-chosen'), v('dir-surface')) >= 3, `the chosen fill on the card: ${ratio(v('dir-chosen'), v('dir-surface')).toFixed(2)}`)
+  assert.match(css, /\.dir-page input\.peer:checked \+ span \{[^}]*var\(--dir-chosen\)/)
+})
diff --git a/tests/seo-metadata.test.ts b/tests/seo-metadata.test.ts
index 2abb973..39b4592 100644
--- a/tests/seo-metadata.test.ts
+++ b/tests/seo-metadata.test.ts
@@ -260,6 +260,7 @@ test('each page file takes its metadata from page-meta and writes no title or ca
     ['src/app/blog/page.tsx', 'blog'],
     ['src/app/updates/page.tsx', 'updates'],
     ['src/app/tutors/(directory)/layout.tsx', 'tutors'],
+    ['src/app/find-a-tutor/layout.tsx', 'findTutor'],
     ['src/app/(auth)/login/layout.tsx', 'login'],
     ['src/app/(auth)/register/layout.tsx', 'register'],
     ['src/app/student/login/layout.tsx', 'studentLogin'],
diff --git a/tests/updates.test.ts b/tests/updates.test.ts
index c7d1565..a7b2e7f 100644
--- a/tests/updates.test.ts
+++ b/tests/updates.test.ts
@@ -406,7 +406,7 @@ const PUBLIC_PAGES = [
   'src/app/page.tsx', 'src/app/switch/page.tsx', 'src/app/about/page.tsx', 'src/app/contact/page.tsx',
   'src/app/customers/page.tsx', 'src/app/privacy/page.tsx', 'src/app/terms/page.tsx', 'src/app/updates/page.tsx',
   'src/app/blog/page.tsx', 'src/app/blog/[slug]/page.tsx', 'src/app/tutors/(directory)/page.tsx', 'src/app/tutors/[slug]/page.tsx',
-  'src/app/learn/[language]/page.tsx', 'src/app/unsubscribe/page.tsx',
+  'src/app/learn/[language]/page.tsx', 'src/app/find-a-tutor/page.tsx', 'src/app/unsubscribe/page.tsx',
 ]
 
 /** Pages that are public but are not a place to browse, so they have no site footer: the reason is written. */
@@ -443,7 +443,7 @@ test('the shared footer shows Updates next to Privacy and Terms, and the link go
   const labels = [...html.matchAll(/<a [^>]*href="([^"]+)"[^>]*>([^<]+)<\/a>/g)].map(m => [m[2], m[1]])
   assert.ok(labels.some(([label, href]) => label === 'Updates' && href === '/updates'), html)
   for (const l of ['About', 'Blog', 'Customers', 'Contact', 'Privacy', 'Terms']) assert.ok(labels.some(([label]) => label === l), l)
-  assert.deepEqual(FOOTER_LINKS.map(l => l.label), ['Find tutors', 'About', 'Blog', 'Updates', 'Customers', 'Contact', 'Privacy', 'Terms'])
+  assert.deepEqual(FOOTER_LINKS.map(l => l.label), ['Find tutors', 'Find me a tutor', 'About', 'Blog', 'Updates', 'Customers', 'Contact', 'Privacy', 'Terms'])
 })
 
 test('every public page has the Updates link in its footer', () => {