Landing: bring openscience.sh into the monorepo as frontend/landing

Imports the static landing page from the now-archived
openscience-landing-page repo at its last stable state (original hero
art), so the site deploys from this repo going forward. Vercel's root
directory points at frontend/landing; vercel.json (clean URLs, headers,
CSP) comes along unchanged.

Author: aayambansal

frontend/landing/.gitignore

@@ -0,0 +1,5 @@
+.vercel
+.DS_Store
+node_modules
+*.log
+.playwright-mcp

frontend/landing/DESIGN.md

@@ -0,0 +1,65 @@
+# Design
+
+## Theme
+
+Warm near-black, terminal-native editorial. A research-paper aesthetic rendered
+in a dark room: slab-serif display over a warm charcoal ground, JetBrains Mono
+for anything a machine would print, a single coral accent, paper grain and a
+faint graticule over everything. The lane is committed identity, not a greenfield
+choice — keep it.
+
+## Color (OKLCH-equivalent, authored in HSL)
+
+- `--bg` hsl(30 14% 7%) — warm near-black ground (the whole page)
+- `--bg-2` hsl(30 11% 10%), `--bg-3` hsl(30 10% 13%), `--panel` hsl(30 12% 9%)
+- `--fg` hsl(42 30% 90%) — warm cream ink (body)
+- `--fg-soft` 68%, `--fg-faint` 50%, `--fg-dim` 38% — the muted ramp
+- `--border` hsl(32 10% 17%), `--border-2` hsl(34 11% 24%) — hairlines
+- `--coral` hsl(14 66% 66%) + `--coral-deep` — the one accent, ≤10% of surface
+- `--gold` hsl(36 55% 70%), `--blue`, `--purple`, `--ok` — reserved for the
+  product-shot mocks (terminal syntax, graph nodes), not for chrome.
+- Strategy: **Committed-dark.** The charcoal ground carries the brand; coral is
+  the single spark. No second accent competes.
+
+## Typography
+
+- Display + body: **CMU Concrete** (the Computer Modern Concrete slab serif from
+  TeX). Roman + Bold only, no italic — the family has none. Carries every human
+  sentence: headings and prose.
+- Machine text: **JetBrains Mono** (400/500/700) — labels, code, terminal, meta,
+  nav, chips. Never for prose.
+- Scale (tokens in `:root`): `--fs-display` clamp(44–84px) · `--fs-h1` (hero) ·
+  `--fs-h2` (sections) · `--fs-h3` (card headlines) · `--fs-lede` 17–20px ·
+  `--fs-prose` 17px. Mono locked to four steps: 14 code / 13 meta / 12 label /
+  11 micro. Shared prose measure `--measure: 48ch`.
+- Rules: serif for all prose; mono only for machine text; one 18px header→lede
+  gap everywhere; `text-wrap: balance` on headings.
+
+## Components
+
+- **Statement card** (`.card.g-red/.g-purple/.g-blue`): radial grainy gradient,
+  mono kicker + serif headline + serif body, 10px radius. Paired with a product
+  shot in a showcase row.
+- **Product shot** (`.shot`, `.term-svg`): browser/terminal chrome around a real
+  mock — the animated-once terminal SVG, the web workspace, the Atlas graph, the
+  connectors orbit. These are the page's imagery.
+- **Quickstart stepper** (`.qs-step`): full-width numbered rows (a real 3-step
+  sequence, so numbers are earned), roomy command chips.
+- **Copy chip** (`.chip`): the `curl | bash` install line, click-to-copy.
+- **Footer**: mono link columns + giant clipped `openscience` wordmark, fully
+  visible above the bottom edge.
+
+## Layout
+
+- Max width 1180px, fluid `clamp()` section padding for rhythm.
+- Alternating two-column showcase rows (card ⇄ shot), then lower-density
+  typographic sections. Vary spacing; avoid uniform box grids (an identical card
+  grid is the slop tell).
+- Full-bleed grainy engraving hero (a Doré-style two-angels woodcut, B&W) with a
+  veil for headline contrast.
+
+## Motion
+
+Reveal-on-scroll (IntersectionObserver, staggered) over an always-safe default;
+the terminal types once then rests. Nothing blinks or loops in the chrome.
+`prefers-reduced-motion` shows everything statically. Ease-out only.

frontend/landing/PRODUCT.md

@@ -0,0 +1,55 @@
+# Product
+
+## Register
+
+brand
+
+## Users
+
+Working scientists, ML engineers, and computational researchers evaluating an
+open-source research agent. They arrive skeptical of hype, fluent in the
+terminal, and looking for one thing: is this real, and can I read the source?
+The page has to earn a `curl | bash` or a GitHub star in one scroll.
+
+## Product Purpose
+
+The landing page for **OpenScience** (openscience.sh) — the open-source release
+of the SynSci CLI (`synsci`). It runs the whole research loop (read, hypothesize,
+implement, run, record) in the browser or the terminal, wires into ~30 scientific
+databases, and ships 17 domains of built-in skills. Free, AGPL-3.0, no account.
+Success = installs and GitHub stars from researchers who trust it because they
+can see exactly what it does.
+
+## Brand Personality
+
+Open, rigorous, grounded. The voice of a careful scientist, not a startup pitch.
+It shows real commands, real citations, real reproducible results instead of
+claiming capability. Warm paper-and-ink, not cold SaaS blue. Confident without
+shouting; every claim is something you could go verify in the source.
+
+## Anti-references
+
+- SaaS-cream / purple-gradient-on-white landing pages (the 2026 AI default).
+- "AI scientist" hype framing, "supercharge/seamless/transform" copy, badge-pill
+  rows ("Open source · No account · Fast").
+- Green "phosphor" terminal costume; widget-bento dashboards with blinking lights.
+- Framing as "an alternative to X"; naming specific model vendors.
+- Anything that blinks or pulses. The user finds it enraging.
+
+## Design Principles
+
+1. **Show the real work.** Real terminal sessions, real database names, real
+   citations and ΔΔG values. Never a mock that couldn't actually run.
+2. **Open by default.** The pitch is legibility: read it, fork it, write your own.
+   The design should feel as inspectable as the source.
+3. **Calm confidence.** No hype, no urgency theater. Restraint reads as trust.
+4. **Warm-technical, not cold-SaaS.** Paper/ink warmth carried by the serif and
+   the coral accent; the terminal supplies the technical register.
+5. **Fewer, better surfaces.** Boxes are a last resort. Let typography, imagery,
+   and whitespace carry the page; reserve framed panels for real product shots.
+
+## Accessibility & Inclusion
+
+WCAG AA contrast on all body copy. `prefers-reduced-motion` fully honored (reveals
+and the terminal collapse to static). Nothing blinks or auto-plays audio. Focus
+states visible. Semantic landmarks and aria-labels on icon-only controls.

frontend/landing/apple-touch-icon.png

@@ -0,0 +1,39 @@
+/* CMU Concrete — the slab serif from the Computer Modern (TeX) family.
+   Roman + Bold only, no italic. Self-hosted, no external requests. */
+@font-face {
+  font-family: "CMU Concrete";
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("/fonts/cmu-concrete-roman.woff") format("woff");
+}
+@font-face {
+  font-family: "CMU Concrete";
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url("/fonts/cmu-concrete-bold.woff") format("woff");
+}
+
+/* JetBrains Mono — the terminal, command blocks, labels, and data chips. */
+@font-face {
+  font-family: "JetBrains Mono";
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("/fonts/jetbrains-mono-400.woff2") format("woff2");
+}
+@font-face {
+  font-family: "JetBrains Mono";
+  font-style: normal;
+  font-weight: 500;
+  font-display: swap;
+  src: url("/fonts/jetbrains-mono-500.woff2") format("woff2");
+}
+@font-face {
+  font-family: "JetBrains Mono";
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url("/fonts/jetbrains-mono-700.woff2") format("woff2");
+}