From c8425efeeef24bf6cb1cc3baba4c8db446c8355e Mon Sep 17 00:00:00 2001
From: Adam <adam.gaborjani.szabo@gmail.com>
Date: Tue, 27 Oct 2026 18:57:08 +0000
Subject: [PATCH] Landing page: less text, a phone-first hero, three fewer
 sections

On a phone the first screen now holds Ollie, the H1, one line, the
Start trial button and three checked chips. The hero copy is the first
sentence of the old subheadline; the announcement, second button and
plan boxes are gone, and the product preview shows from lg up.

What's new, Active Grounding and Use cases are removed: they repeated
the feature list. Features are icon tiles, How it works and Pricing
carry one short line per item, the short answer folds to three lines
on phones, and the guide links become chip rows that scroll sideways
on phones. Every link, anchor, heading level and JSON-LD source string
stays. Unused keys leave all three catalogs; hu and es get the same
shorter copy.

At 390 px the English page goes from about 15,250 px to 5,120 px.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 src/components/landing/DeepDive.tsx    |  80 -----------------
 src/components/landing/FAQ.tsx         |   9 +-
 src/components/landing/Features.tsx    |  26 ++++--
 src/components/landing/FinalCTA.tsx    |  17 +---
 src/components/landing/GuideHub.tsx    |  52 ++++++-----
 src/components/landing/Hero.tsx        |  58 ++++--------
 src/components/landing/HowItWorks.tsx  |  47 +++++-----
 src/components/landing/Navbar.tsx      |   3 +-
 src/components/landing/Pricing.tsx     |  78 ++++++----------
 src/components/landing/ShortAnswer.tsx |  50 +++++++----
 src/components/landing/UseCases.tsx    |  66 --------------
 src/components/landing/WhatsNew.tsx    |  50 -----------
 src/locales/en.json                    | 120 ++++---------------------
 src/locales/es.json                    | 120 ++++---------------------
 src/locales/hu.json                    | 120 ++++---------------------
 src/pages/LandingPage.tsx              |   8 +-
 16 files changed, 209 insertions(+), 695 deletions(-)
 delete mode 100644 src/components/landing/DeepDive.tsx
 delete mode 100644 src/components/landing/UseCases.tsx
 delete mode 100644 src/components/landing/WhatsNew.tsx

diff --git a/src/components/landing/DeepDive.tsx b/src/components/landing/DeepDive.tsx
deleted file mode 100644
index 9a1ed934e..000000000
--- a/src/components/landing/DeepDive.tsx
+++ /dev/null
@@ -1,80 +0,0 @@
-import { useTranslation } from "react-i18next";
-import { Reveal } from "./Reveal";
-import { Database, ScanSearch, Sparkles, Network } from "lucide-react";
-
-const DeepDive = () => {
-    const { t } = useTranslation();
-
-    const steps = [
-        { icon: ScanSearch, title: t('deepDive.step1'), description: t('deepDive.step1Desc') },
-        { icon: Database, title: t('deepDive.step2'), description: t('deepDive.step2Desc') },
-        { icon: Network, title: t('deepDive.step3'), description: t('deepDive.step3Desc') },
-        { icon: Sparkles, title: t('deepDive.step4'), description: t('deepDive.step4Desc') },
-    ];
-
-    return (
-        <section className="py-24 relative overflow-hidden bg-secondary/5">
-            <div className="section-container relative z-10">
-                <div className="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center">
-                    <Reveal>
-                        <h2 className="section-heading mb-6">{t('deepDive.title')}</h2>
-                        <p className="text-lg text-muted-foreground mb-8">
-                            {t('deepDive.subtitle')}
-                        </p>
-
-                        <div className="space-y-6">
-                            {steps.map((step, index) => (
-                                <Reveal key={step.title} delay={index * 0.05} className="flex gap-4">
-                                    <div className="mt-1 w-10 h-10 rounded-lg bg-primary/10 flex items-center justify-center shrink-0">
-                                        <step.icon aria-hidden="true" className="w-5 h-5 text-primary" />
-                                    </div>
-                                    <div>
-                                        <h3 className="font-extrabold text-heading">{step.title}</h3>
-                                        <p className="text-sm text-muted-foreground">{step.description}</p>
-                                    </div>
-                                </Reveal>
-                            ))}
-                        </div>
-                    </Reveal>
-
-                    <Reveal delay={0.05} className="relative">
-                        <div className="absolute inset-0 bg-linear-to-tr from-primary/20 to-accent/20 blur-3xl rounded-full opacity-40" />
-                        <div className="glass-card p-8 relative overflow-hidden">
-                            <div className="space-y-4 font-mono text-sm max-h-[400px] overflow-hidden opacity-90">
-                                <div className="text-muted-foreground">{t('deepDive.preview.processHeading')}</div>
-                                <div className="flex gap-2">
-                                    <span aria-hidden="true" className="text-success-text">➜</span>
-                                    <span>{t('deepDive.preview.scanning')}</span>
-                                </div>
-                                <div className="flex gap-2">
-                                    <span aria-hidden="true" className="text-success-text">➜</span>
-                                    <span>{t('deepDive.preview.extracted')}</span>
-                                </div>
-                                <div className="flex gap-2">
-                                    <span aria-hidden="true" className="text-primary">➜</span>
-                                    <span>{t('deepDive.preview.vectorizing')}</span>
-                                </div>
-                                <div className="p-3 bg-secondary/50 rounded border border-border/50 my-2">
-                                    <span className="text-foreground">{t('deepDive.preview.query')}</span>
-                                </div>
-                                <div className="flex gap-2">
-                                    <span aria-hidden="true" className="text-primary">➜</span>
-                                    <span>{t('deepDive.preview.retrieved')}</span>
-                                </div>
-                                <div className="flex gap-2">
-                                    <span aria-hidden="true" className="text-primary">➜</span>
-                                    <span>{t('deepDive.preview.generating')}</span>
-                                </div>
-                                <div className="p-3 bg-primary/10 rounded border border-primary/20 text-foreground">
-                                    {t('deepDive.preview.response')}
-                                </div>
-                            </div>
-                        </div>
-                    </Reveal>
-                </div>
-            </div>
-        </section>
-    );
-};
-
-export default DeepDive;
diff --git a/src/components/landing/FAQ.tsx b/src/components/landing/FAQ.tsx
index edf3d9ae3..98591185a 100644
--- a/src/components/landing/FAQ.tsx
+++ b/src/components/landing/FAQ.tsx
@@ -19,18 +19,17 @@ const FAQ = () => {
     ];
 
     return (
-        <section id="faq" aria-labelledby="faq-title" className="bg-secondary/5 py-24">
+        <section id="faq" aria-labelledby="faq-title" className="bg-secondary/5 py-12 md:py-20">
             <div className="section-container max-w-3xl">
-                <Reveal className="mb-12 text-center">
-                    <h2 id="faq-title" className="section-heading mb-4">{t('faq.title')}</h2>
-                    <p className="text-muted-foreground">{t('faq.subtitle')}</p>
+                <Reveal className="mb-6 text-center md:mb-10">
+                    <h2 id="faq-title" className="section-heading">{t('faq.title')}</h2>
                 </Reveal>
 
                 {/* Native disclosure: closed answers stay in the HTML, so crawlers and find-in-page see them. */}
                 <Reveal delay={0.05}>
                     {faqs.map((faq) => (
                         <details key={faq.question} className="group border-b">
-                            <summary className="flex cursor-pointer list-none items-center justify-between gap-4 rounded-sm py-4 text-left text-lg font-medium transition-colors duration-150 hover:text-primary focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring [&::-webkit-details-marker]:hidden">
+                            <summary className="flex cursor-pointer list-none items-center justify-between gap-4 rounded-sm py-4 text-left font-bold md:text-lg transition-colors duration-150 hover:text-primary focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring [&::-webkit-details-marker]:hidden">
                                 {faq.question}
                                 <ChevronDown aria-hidden="true" className="h-4 w-4 shrink-0 transition-transform duration-150 ease-out-strong group-open:rotate-180" />
                             </summary>
diff --git a/src/components/landing/Features.tsx b/src/components/landing/Features.tsx
index fb46671bd..81ab1f1ca 100644
--- a/src/components/landing/Features.tsx
+++ b/src/components/landing/Features.tsx
@@ -32,7 +32,7 @@ const Features = () => {
     ];
 
     return (
-        <section id="features" className="relative py-24">
+        <section id="features" className="relative py-12 md:py-20">
             <div className="absolute inset-0 pointer-events-none">
                 {/* Positioned with top, not a translate, so nothing can override it. */}
                 <div className="orb orb-primary left-0 top-[calc(50%-12rem)] h-96 w-96 opacity-40" />
@@ -40,19 +40,27 @@ const Features = () => {
             </div>
 
             <div className="section-container relative z-10">
-                <Reveal className="mb-12 text-center">
+                <Reveal className="mb-8 text-center md:mb-12">
                     <h2 className="section-heading">{t('features.title')}</h2>
                 </Reveal>
 
-                <div className="grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3">
+                {/* Phones get icon tiles, two across; the one-line description joins from sm up. */}
+                <div className="grid grid-cols-2 gap-3 sm:gap-4 md:grid-cols-3 lg:grid-cols-4">
                     {features.map((feature, index) => (
-                        <Reveal key={feature.title} delay={index * 0.04}>
-                            <div className="feature-card h-full">
-                                <div className="mb-4 flex h-12 w-12 items-center justify-center rounded-md bg-brand-tint shadow-[0_3px_0_var(--do-primary-tint-border)]">
-                                    <feature.icon aria-hidden="true" className="h-6 w-6 text-primary" />
+                        <Reveal
+                            key={feature.title}
+                            delay={index * 0.03}
+                            // An odd last tile takes the whole row while the grid is two across.
+                            className={index === features.length - 1 && features.length % 2 ? "h-full max-md:col-span-2" : "h-full"}
+                        >
+                            <div className="feature-card flex h-full flex-col gap-3 p-4 sm:p-5">
+                                <div className="flex h-10 w-10 items-center justify-center rounded-md bg-brand-tint shadow-[0_3px_0_var(--do-primary-tint-border)]">
+                                    <feature.icon aria-hidden="true" className="h-5 w-5 text-primary" />
+                                </div>
+                                <div>
+                                    <h3 className="font-display text-base font-[600] leading-snug text-heading sm:text-lg">{feature.title}</h3>
+                                    <p className="mt-1 hidden text-sm text-muted-foreground sm:block">{feature.description}</p>
                                 </div>
-                                <h3 className="mb-2 font-display text-xl font-[600] text-heading">{feature.title}</h3>
-                                <p className="text-sm leading-relaxed text-muted-foreground">{feature.description}</p>
                             </div>
                         </Reveal>
                     ))}
diff --git a/src/components/landing/FinalCTA.tsx b/src/components/landing/FinalCTA.tsx
index a2a068b67..c92c21f05 100644
--- a/src/components/landing/FinalCTA.tsx
+++ b/src/components/landing/FinalCTA.tsx
@@ -1,6 +1,6 @@
 import { useTranslation } from "react-i18next";
 import { Reveal } from "./Reveal";
-import { ArrowRight, Sparkles } from "lucide-react";
+import { ArrowRight } from "lucide-react";
 import { Link } from "react-router-dom";
 import { useRoutePrefetch } from "@/hooks/use-route-prefetch";
 
@@ -9,7 +9,7 @@ const FinalCTA = () => {
     const appPrefetch = useRoutePrefetch("/app");
 
     return (
-        <section className="relative overflow-hidden py-24">
+        <section className="relative overflow-hidden py-14 md:py-24">
             <div className="absolute inset-0 bg-linear-to-br from-primary/10 via-secondary/10 to-[rgb(255_196_20/0.14)]" />
             <div className="absolute inset-0 animated-grid opacity-45" />
 
@@ -18,19 +18,10 @@ const FinalCTA = () => {
 
             <div className="section-container relative z-10">
                 <Reveal className="mx-auto max-w-3xl text-center">
-                    <div className="mb-6 inline-flex items-center gap-2 rounded-full border-2 border-brand-tint-border bg-brand-tint px-4 py-2 text-sm font-bold text-foreground">
-                        <Sparkles aria-hidden="true" className="h-4 w-4 text-primary" />
-                        {t('finalCta.freeTrialAvailable')}
-                    </div>
-
                     <h2 className="section-heading">{t('finalCta.title')}</h2>
 
-                    <p className="mt-6 text-lg text-muted-foreground md:text-xl">
-                        {t('finalCta.subtitle')}
-                    </p>
-
-                    <div className="mt-10 inline-flex">
-                        <Link to="/app" {...appPrefetch} className="btn-primary-gradient inline-flex items-center gap-3 px-10 py-5 text-lg">
+                    <div className="mt-8 flex justify-center">
+                        <Link to="/app" {...appPrefetch} className="btn-primary-gradient inline-flex w-full items-center justify-center gap-3 px-10 py-4 text-lg sm:w-auto md:py-5">
                             <span className="relative z-10">{t('finalCta.cta')}</span>
                             <ArrowRight aria-hidden="true" className="relative z-10 h-5 w-5" />
                         </Link>
diff --git a/src/components/landing/GuideHub.tsx b/src/components/landing/GuideHub.tsx
index 5fbc3916f..3419f3be2 100644
--- a/src/components/landing/GuideHub.tsx
+++ b/src/components/landing/GuideHub.tsx
@@ -17,7 +17,19 @@ const GROUPS = [
 ] as const;
 
 const TOOLS = GROUPS.find((group) => group.id === "tools")!;
-const linkClass = "inline-flex text-muted-foreground underline-offset-4 hover:text-primary hover:underline pointer-coarse:min-h-11 pointer-coarse:items-center";
+const chipClass = "inline-flex shrink-0 items-center whitespace-nowrap rounded-full border-2 border-border bg-card px-3.5 py-1.5 text-sm font-semibold text-foreground transition-colors hover:border-brand-tint-border hover:text-primary pointer-coarse:min-h-11";
+/** One sideways-scrolling row of chips per group on phones; the chips wrap from md up. */
+const chipRowClass = "-mx-4 flex gap-2 overflow-x-auto px-4 pb-1 sm:-mx-6 sm:px-6 md:mx-0 md:flex-wrap md:overflow-visible md:px-0";
+
+const HubHeading = () => {
+    const { t } = useTranslation();
+    return (
+        <Reveal className="mb-8 text-center md:mb-10">
+            <h2 id="guide-hub-title" className="section-heading">{t('guideHub.title')}</h2>
+            <p className="mx-auto mt-4 hidden max-w-2xl text-lg text-muted-foreground md:block">{t('guideHub.subtitle')}</p>
+        </Reveal>
+    );
+};
 
 /**
  * /hu and /es: the guides are in English, so only the free tools show, at their
@@ -26,27 +38,24 @@ const linkClass = "inline-flex text-muted-foreground underline-offset-4 hover:te
 const TranslatedToolsHub = ({ language }: { language: "hu" | "es" }) => {
     const { t } = useTranslation();
     return (
-        <section aria-labelledby="guide-hub-title" className="py-24">
+        <section aria-labelledby="guide-hub-title" className="py-12 md:py-20">
             <div className="section-container">
-                <Reveal className="mb-12 text-center">
-                    <h2 id="guide-hub-title" className="section-heading mb-4">{t('guideHub.title')}</h2>
-                    <p className="mx-auto max-w-2xl text-lg text-muted-foreground">{t('guideHub.subtitle')}</p>
-                </Reveal>
+                <HubHeading />
 
-                <Reveal delay={0.05} className="mx-auto max-w-md">
+                <Reveal delay={0.05} className="mx-auto max-w-2xl">
                     <nav aria-labelledby="guide-hub-tools">
-                        <h3 id="guide-hub-tools" className="mb-3 font-semibold">{t('guideHub.tools')}</h3>
-                        <ul className="space-y-2">
+                        <h3 id="guide-hub-tools" className="mb-3 font-display text-lg font-[600] text-heading">{t('guideHub.tools')}</h3>
+                        <ul className={chipRowClass}>
                             {TOOLS.paths.map((path) => (
-                                <li key={path}>
-                                    <Link to={localizedPath(path, language)} className={linkClass}>{t(`guideHub.links.${path.slice(1)}`)}</Link>
+                                <li key={path} className="shrink-0">
+                                    <Link to={localizedPath(path, language)} className={chipClass}>{t(`guideHub.links.${path.slice(1)}`)}</Link>
                                 </li>
                             ))}
                         </ul>
                     </nav>
                     {/* The English home page lists every guide; a plain link loads it from the server. */}
-                    <p className="mt-6">
-                        <a href="/#guide-hub-title" hrefLang="en" className={linkClass}>{t('guideHub.englishGuides')}</a>
+                    <p className="mt-5">
+                        <a href="/#guide-hub-title" hrefLang="en" className="inline-flex items-center font-semibold text-primary underline-offset-4 hover:underline pointer-coarse:min-h-11">{t('guideHub.englishGuides')}</a>
                     </p>
                 </Reveal>
             </div>
@@ -60,22 +69,19 @@ const GuideHub = () => {
     if (language !== "en") return <TranslatedToolsHub language={language} />;
 
     return (
-        <section aria-labelledby="guide-hub-title" className="py-24">
+        <section aria-labelledby="guide-hub-title" className="py-12 md:py-20">
             <div className="section-container">
-                <Reveal className="mb-12 text-center">
-                    <h2 id="guide-hub-title" className="section-heading mb-4">{t('guideHub.title')}</h2>
-                    <p className="mx-auto max-w-2xl text-lg text-muted-foreground">{t('guideHub.subtitle')}</p>
-                </Reveal>
+                <HubHeading />
 
-                <Reveal delay={0.05} className="grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-5">
+                <Reveal delay={0.05} className="grid grid-cols-1 gap-6 md:grid-cols-2 md:gap-8 lg:grid-cols-3">
                     {GROUPS.map((group) => (
                         <nav key={group.id} aria-labelledby={`guide-hub-${group.id}`}>
-                            <h3 id={`guide-hub-${group.id}`} className="mb-3 font-semibold">{t(`guideHub.${group.id}`)}</h3>
-                            <ul className="space-y-2">
+                            <h3 id={`guide-hub-${group.id}`} className="mb-3 font-display text-lg font-[600] text-heading">{t(`guideHub.${group.id}`)}</h3>
+                            <ul className={chipRowClass}>
                                 {group.paths.map((path) => (
-                                    <li key={path}>
+                                    <li key={path} className="shrink-0">
                                         {/* Static pages, not app routes: a plain link loads each from the server. */}
-                                        <a href={path} className={linkClass}>
+                                        <a href={path} className={chipClass}>
                                             {t(`guideHub.links.${path.slice(1)}`)}
                                         </a>
                                     </li>
diff --git a/src/components/landing/Hero.tsx b/src/components/landing/Hero.tsx
index 521e6e7b0..d9afd04e4 100644
--- a/src/components/landing/Hero.tsx
+++ b/src/components/landing/Hero.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { useTranslation } from "react-i18next";
 import { Reveal } from "./Reveal";
-import { ArrowRight, CheckCircle2, Sparkles } from "lucide-react";
+import { ArrowRight, CheckCircle2 } from "lucide-react";
 import { Link } from "react-router-dom";
 import { useRoutePrefetch } from "@/hooks/use-route-prefetch";
 import { Owl } from "@/components/brand/Owl";
@@ -10,20 +10,14 @@ const Hero = () => {
     const { t } = useTranslation();
     const appPrefetch = useRoutePrefetch("/app");
 
-    const planHighlights = [
-        { label: t('hero.trialBadge'), value: t('hero.trialBadgeValue') },
-        { label: t('hero.requestsBadge'), value: t('hero.requestsBadgeValue') },
-        { label: t('hero.proBadge'), value: `${t('pricing.proPrice')}${t('pricing.proPeriod')}` },
-    ];
-
-    const trustBullets = [
+    const trustChips = [
+        t('hero.trialBadge'),
         t('hero.trustBullet1'),
         t('hero.trustBullet2'),
-        t('hero.trustBullet3'),
     ];
 
     return (
-        <section className="relative min-h-dvh overflow-hidden pt-24 pb-20 md:pt-32">
+        <section className="relative overflow-hidden pt-20 pb-10 md:pt-28 md:pb-16 lg:min-h-[44rem] lg:pt-32">
             <div className="absolute inset-0 aurora-bg opacity-80" />
             <div className="absolute inset-0 animated-grid opacity-50" />
             <div className="orb orb-primary w-[420px] h-[420px] -top-44 -left-44 opacity-70" />
@@ -33,12 +27,9 @@ const Hero = () => {
             <div className="section-container relative z-10">
                 <div className="grid grid-cols-1 items-center gap-14 lg:grid-cols-[1.05fr_0.95fr]">
                     <div className="mx-auto w-full max-w-2xl lg:mx-0 lg:max-w-none">
-                        <Reveal onLoad className="mb-6">
-                            {/* rounded-2xl, not a pill: long Spanish and Hungarian copy wraps cleanly. */}
-                            <span className="inline-flex items-start gap-2 rounded-lg border-2 border-brand-tint-border bg-brand-tint px-4 py-2 text-sm font-bold text-foreground">
-                                <Sparkles aria-hidden="true" className="mt-0.5 h-4 w-4 shrink-0 text-primary" />
-                                {t('hero.announcement')}
-                            </span>
+                        {/* Below lg the product preview is hidden, so Ollie greets the visitor here instead. */}
+                        <Reveal onLoad className="mb-3 lg:hidden">
+                            <Owl pose="point" size={88} priority breathe={false} className="-ml-2" />
                         </Reveal>
 
                         <Reveal onLoad delay={0.05}>
@@ -48,43 +39,26 @@ const Hero = () => {
                         </Reveal>
 
                         <Reveal onLoad delay={0.1}>
-                            <p className="mt-6 max-w-2xl text-lg text-muted-foreground md:text-xl">
+                            <p className="mt-4 max-w-xl text-lg text-muted-foreground md:mt-6 md:text-xl">
                                 {t('hero.subheadline')}
                             </p>
                         </Reveal>
 
-                        <Reveal onLoad delay={0.15} className="mt-9 flex flex-col gap-3 sm:flex-row">
+                        <Reveal onLoad delay={0.15} className="mt-7 md:mt-9">
                             <Link
                                 to="/app"
                                 {...appPrefetch}
-                                className="btn-primary-gradient inline-flex items-center justify-center gap-2 px-8 py-4 text-lg"
+                                className="btn-primary-gradient inline-flex w-full items-center justify-center gap-2 px-8 py-4 text-lg sm:w-auto"
                             >
                                 <span className="relative z-10">{t('hero.cta')}</span>
                                 <ArrowRight aria-hidden="true" className="relative z-10 h-5 w-5" />
                             </Link>
-                            <a
-                                href="#pricing"
-                                className="btn-secondary-outline inline-flex items-center justify-center gap-2 px-8 py-4 text-lg"
-                            >
-                                {t('hero.ctaSecondary')}
-                            </a>
-                        </Reveal>
-
-                        {/* Three across at every width, so on a phone they take one short row under the buttons. */}
-                        <Reveal onLoad delay={0.15} className="mt-8 grid grid-cols-3 gap-2 sm:gap-3">
-                            {planHighlights.map((item) => (
-                                <div key={item.label} className="rounded-lg border-2 border-border bg-card px-2.5 py-3 max-[379px]:px-2 sm:p-4">
-                                    {/* On phones no extra tracking, so long Spanish and Hungarian labels take two lines at most. */}
-                                    <p className="text-balance text-[0.6875rem] font-extrabold uppercase leading-4 tracking-normal text-muted-foreground hyphens-auto max-[379px]:text-[0.625rem] sm:text-xs sm:tracking-[0.08em] sm:hyphens-manual">{item.label}</p>
-                                    <p className="mt-1 text-balance font-display text-base font-[600] text-heading sm:text-lg">{item.value}</p>
-                                </div>
-                            ))}
                         </Reveal>
 
-                        <ul className="mt-8 space-y-3">
-                            {trustBullets.map((item) => (
-                                <li key={item} className="flex items-start gap-3 text-sm text-foreground/85">
-                                    <CheckCircle2 aria-hidden="true" className="mt-0.5 h-4 w-4 shrink-0 text-success-text" />
+                        <ul className="mt-5 flex flex-wrap gap-x-4 gap-y-2">
+                            {trustChips.map((item) => (
+                                <li key={item} className="flex items-center gap-1.5 text-sm font-bold text-foreground/85">
+                                    <CheckCircle2 aria-hidden="true" className="h-4 w-4 shrink-0 text-success-text" />
                                     <span>{item}</span>
                                 </li>
                             ))}
@@ -135,10 +109,10 @@ const HeroPreview = () => {
     ];
 
     return (
-        <Reveal onLoad delay={0.1} className="relative mx-auto w-full max-w-2xl lg:mx-0 lg:max-w-none">
+        <Reveal onLoad delay={0.1} className="relative hidden w-full lg:block">
             <div className="absolute -inset-8 bg-linear-to-r from-plume-400/25 via-plume-200/20 to-[rgb(255_196_20/0.22)] blur-3xl" />
             {/* The owl points the visitor at the product. */}
-            <Owl pose="point" size={140} priority breathe={false} className="absolute -bottom-10 -left-6 z-20 hidden -scale-x-100 sm:block lg:-left-12" />
+            <Owl pose="point" size={140} priority breathe={false} className="absolute -bottom-10 -left-12 z-20 -scale-x-100" />
             <div className="relative overflow-hidden rounded-xl border-2 border-border bg-card shadow-2xl">
                 {/* Browser chrome */}
                 <div className="flex items-center border-b-2 border-border px-5 py-3">
diff --git a/src/components/landing/HowItWorks.tsx b/src/components/landing/HowItWorks.tsx
index 66c96f092..641632d73 100644
--- a/src/components/landing/HowItWorks.tsx
+++ b/src/components/landing/HowItWorks.tsx
@@ -6,42 +6,39 @@ const HowItWorks = () => {
     const { t } = useTranslation();
 
     const steps = [
-        { icon: FileSearch, step: "01", title: t('howItWorks.step1Title'), description: t('howItWorks.step1Desc') },
-        { icon: Sparkles, step: "02", title: t('howItWorks.step2Title'), description: t('howItWorks.step2Desc') },
-        { icon: Trophy, step: "03", title: t('howItWorks.step3Title'), description: t('howItWorks.step3Desc') },
+        { icon: FileSearch, step: "1", title: t('howItWorks.step1Title'), description: t('howItWorks.step1Desc') },
+        { icon: Sparkles, step: "2", title: t('howItWorks.step2Title'), description: t('howItWorks.step2Desc') },
+        { icon: Trophy, step: "3", title: t('howItWorks.step3Title'), description: t('howItWorks.step3Desc') },
     ];
 
     return (
-        <section id="how-it-works" className="py-24 relative">
+        <section id="how-it-works" className="relative bg-secondary/10 py-12 md:py-20">
             <div className="section-container">
-                <Reveal className="text-center mb-16">
-                    <h2 className="section-heading mb-4">{t('howItWorks.title')}</h2>
-                    <p className="text-muted-foreground text-lg max-w-2xl mx-auto">
-                        {t('howItWorks.subtitle')}
-                    </p>
+                <Reveal className="mb-8 text-center md:mb-12">
+                    <h2 className="section-heading">{t('howItWorks.title')}</h2>
                 </Reveal>
 
-                <div className="relative">
-                    <div className="hidden lg:block absolute top-1/2 left-0 right-0 h-px bg-linear-to-r from-transparent via-primary/30 to-transparent -translate-y-1/2" />
-
-                    <div className="grid grid-cols-1 lg:grid-cols-3 gap-8 lg:gap-4">
-                        {steps.map((step, index) => (
-                            <Reveal key={step.step} delay={index * 0.05} className="relative flex flex-col items-center text-center">
-                                <div className="relative mb-6">
-                                    <div className="w-20 h-20 rounded-full bg-card border-2 border-border flex items-center justify-center relative z-10 shadow-[0_4px_0_var(--do-border-strong)] dark:shadow-[0_4px_0_var(--do-ledge-neutral)]">
-                                        <step.icon aria-hidden="true" className="w-8 h-8 text-primary" />
+                {/* A short list on phones (icon beside the text), three columns from md up. */}
+                <ol className="mx-auto grid max-w-5xl grid-cols-1 gap-3 md:grid-cols-3 md:gap-6">
+                    {steps.map((step, index) => (
+                        <li key={step.step}>
+                            <Reveal delay={index * 0.05} className="flex h-full items-center gap-4 rounded-xl border-2 border-border bg-card p-4 md:flex-col md:p-6 md:text-center">
+                                <div className="relative shrink-0">
+                                    <div className="flex h-14 w-14 items-center justify-center rounded-full border-2 border-border bg-card shadow-[0_3px_0_var(--do-border-strong)] dark:shadow-[0_3px_0_var(--do-ledge-neutral)] md:h-16 md:w-16">
+                                        <step.icon aria-hidden="true" className="h-6 w-6 text-primary md:h-7 md:w-7" />
                                     </div>
-                                    <div className="absolute -top-2 -right-2 z-20 w-8 h-8 rounded-full bg-gold flex items-center justify-center font-display text-sm font-[600] text-on-gold shadow-[0_2px_0_var(--do-accent-ledge)]">
+                                    <div aria-hidden="true" className="absolute -right-1.5 -top-1.5 flex h-6 w-6 items-center justify-center rounded-full bg-gold font-display text-xs font-[600] text-on-gold shadow-[0_2px_0_var(--do-accent-ledge)]">
                                         {step.step}
                                     </div>
                                 </div>
-
-                                <h3 className="font-display text-xl font-[600] mb-3 text-heading">{step.title}</h3>
-                                <p className="text-muted-foreground text-sm max-w-xs">{step.description}</p>
+                                <div>
+                                    <h3 className="font-display text-lg font-[600] text-heading md:text-xl">{step.title}</h3>
+                                    <p className="mt-0.5 text-sm text-muted-foreground">{step.description}</p>
+                                </div>
                             </Reveal>
-                        ))}
-                    </div>
-                </div>
+                        </li>
+                    ))}
+                </ol>
             </div>
         </section>
     );
diff --git a/src/components/landing/Navbar.tsx b/src/components/landing/Navbar.tsx
index dc9ca018c..222ec7a89 100644
--- a/src/components/landing/Navbar.tsx
+++ b/src/components/landing/Navbar.tsx
@@ -24,9 +24,8 @@ const Navbar = () => {
 
     const navLinks = [
         { href: "#features", label: t('nav.features') },
-        { href: "#whats-new", label: t('nav.whatsNew') },
-        { href: "#pricing", label: t('nav.pricing') },
         { href: "#how-it-works", label: t('nav.howItWorks') },
+        { href: "#pricing", label: t('nav.pricing') },
     ];
 
     return (
diff --git a/src/components/landing/Pricing.tsx b/src/components/landing/Pricing.tsx
index 5c596618c..402c730da 100644
--- a/src/components/landing/Pricing.tsx
+++ b/src/components/landing/Pricing.tsx
@@ -6,6 +6,17 @@ import { useRoutePrefetch } from "@/hooks/use-route-prefetch";
 import { PREP_MODE_COUNT, UTILITY_COUNT } from "@/components/features/tools/tool-links";
 import { factsAsOf } from "@/lib/seo/pages";
 
+const FeatureList = ({ items }: { items: string[] }) => (
+    <ul className="mt-5 space-y-2.5">
+        {items.map((feature) => (
+            <li key={feature} className="flex items-start gap-2 text-sm text-foreground/90">
+                <Check aria-hidden="true" className="mt-0.5 h-4 w-4 shrink-0 text-primary" />
+                <span>{feature}</span>
+            </li>
+        ))}
+    </ul>
+);
+
 const Pricing = () => {
     const { t, i18n } = useTranslation();
     const appPrefetch = useRoutePrefetch("/app");
@@ -16,54 +27,34 @@ const Pricing = () => {
         t('pricing.trialFeature1'),
         t('pricing.trialFeature2', modeCounts),
         t('pricing.trialFeature3'),
-        t('pricing.trialFeature4'),
     ];
 
     const PRO_FEATURES = [
         t('pricing.proFeature1'),
-        t('pricing.proFeature2', modeCounts),
         t('pricing.proFeature3'),
-        t('pricing.proFeature4'),
         t('pricing.proFeature5'),
     ];
 
     return (
-        <section id="pricing" className="relative overflow-hidden py-24">
+        <section id="pricing" className="relative overflow-hidden py-12 md:py-20">
             <div className="absolute inset-0 bg-linear-to-b from-background via-secondary/10 to-background" />
             <div className="absolute inset-0 animated-grid opacity-40" />
 
             <div className="section-container relative z-10">
-                <Reveal className="mb-14 text-center">
+                <Reveal className="mb-10 text-center md:mb-12">
                     <h2 className="section-heading">{t('pricing.title')}</h2>
-                    <p className="mx-auto mt-4 max-w-2xl text-lg text-muted-foreground">
-                        {t('pricing.subtitle')}
-                    </p>
                 </Reveal>
 
-                <div className="mx-auto grid max-w-5xl grid-cols-1 gap-6 md:grid-cols-2">
+                <div className="mx-auto grid max-w-4xl grid-cols-1 gap-6 md:grid-cols-2">
                     <Reveal>
-                    <div className="h-full rounded-xl border-2 border-border bg-card p-7 transition-[border-color,box-shadow,transform] duration-200 hover:-translate-y-0.5 hover:border-brand-tint-border hover:shadow-lg">
-                        <div className="mb-4 flex items-center justify-between">
-                            <h3 className="font-display text-2xl font-[600] text-heading">{t('pricing.trial')}</h3>
-                            <span className="rounded-full border border-border/70 bg-muted px-3 py-1 text-xs font-semibold uppercase tracking-wide text-muted-foreground">
-                                {t('pricing.trialBadge')}
-                            </span>
-                        </div>
-                        <p className="font-display text-4xl font-[600] text-heading">
+                    <div className="flex h-full flex-col rounded-xl border-2 border-border bg-card p-6 transition-[border-color,box-shadow] duration-200 hover:border-brand-tint-border hover:shadow-lg">
+                        <h3 className="font-display text-xl font-[600] text-heading">{t('pricing.trial')}</h3>
+                        <p className="mt-1 font-display text-4xl font-[600] text-heading">
                             {t('pricing.trialPrice')}<span className="text-base font-medium text-muted-foreground"> {t('pricing.trialPeriod')}</span>
                         </p>
-                        <p className="mt-2 text-sm text-muted-foreground">{t('pricing.trialDesc')}</p>
-
-                        <ul className="mt-6 space-y-3">
-                            {TRIAL_FEATURES.map((feature) => (
-                                <li key={feature} className="flex items-start gap-2 text-sm text-foreground/90">
-                                    <Check aria-hidden="true" className="mt-0.5 h-4 w-4 shrink-0 text-primary" />
-                                    <span>{feature}</span>
-                                </li>
-                            ))}
-                        </ul>
-
-                        <Link to="/app" {...appPrefetch} className="btn-secondary-outline mt-8 inline-flex w-full items-center justify-center gap-2 py-3">
+                        <FeatureList items={TRIAL_FEATURES} />
+                        <div className="flex-1" />
+                        <Link to="/app" {...appPrefetch} className="btn-secondary-outline mt-6 inline-flex w-full items-center justify-center gap-2 py-3 md:mt-8">
                             <Zap aria-hidden="true" className="h-4 w-4" />
                             {t('pricing.startTrial')}
                         </Link>
@@ -71,33 +62,18 @@ const Pricing = () => {
                     </Reveal>
 
                     <Reveal delay={0.05}>
-                    <div className="relative h-full rounded-xl border-2 border-brand bg-card p-7 shadow-[0_6px_0_var(--do-primary-ledge)] transition-[border-color,box-shadow] duration-200 hover:border-primary/60">
+                    <div className="relative flex h-full flex-col rounded-xl border-2 border-brand bg-card p-6 shadow-[0_6px_0_var(--do-primary-ledge)] transition-[border-color,box-shadow] duration-200 hover:border-primary/60">
                         <div className="absolute -top-4 left-6 inline-flex items-center gap-2 rounded-full bg-brand px-3 py-1 text-xs font-extrabold uppercase tracking-[0.08em] text-white shadow-[0_2px_0_var(--do-primary-ledge)]">
                             <Sparkles aria-hidden="true" className="h-3.5 w-3.5" />
                             {t('pricing.recommended')}
                         </div>
-
-                        <div className="mb-4 mt-2 flex items-center justify-between">
-                            <h3 className="font-display text-2xl font-[600] text-heading">{t('pricing.pro')}</h3>
-                            <span className="rounded-full bg-gold-tint px-3 py-1 text-xs font-extrabold uppercase tracking-[0.08em] text-warning-text">
-                                {t('pricing.proBadge')}
-                            </span>
-                        </div>
-                        <p className="font-display text-4xl font-[600] text-heading">
+                        <h3 className="mt-1 font-display text-xl font-[600] text-heading">{t('pricing.pro')}</h3>
+                        <p className="mt-1 font-display text-4xl font-[600] text-heading">
                             {t('pricing.proPrice')}<span className="text-base font-medium text-muted-foreground">{t('pricing.proPeriod')}</span>
                         </p>
-                        <p className="mt-2 text-sm text-muted-foreground">{t('pricing.proDesc')}</p>
-
-                        <ul className="mt-6 space-y-3">
-                            {PRO_FEATURES.map((feature) => (
-                                <li key={feature} className="flex items-start gap-2 text-sm text-foreground/90">
-                                    <Check aria-hidden="true" className="mt-0.5 h-4 w-4 shrink-0 text-primary" />
-                                    <span>{feature}</span>
-                                </li>
-                            ))}
-                        </ul>
-
-                        <Link to="/app" {...appPrefetch} className="btn-primary-gradient mt-8 inline-flex w-full items-center justify-center gap-2 py-3">
+                        <FeatureList items={PRO_FEATURES} />
+                        <div className="flex-1" />
+                        <Link to="/app" {...appPrefetch} className="btn-primary-gradient mt-6 inline-flex w-full items-center justify-center gap-2 py-3 md:mt-8">
                             <Crown aria-hidden="true" className="relative z-10 h-4 w-4" />
                             <span className="relative z-10">{t('pricing.subscribe')}</span>
                         </Link>
@@ -105,7 +81,7 @@ const Pricing = () => {
                     </Reveal>
                 </div>
 
-                <p className="mt-7 text-center text-sm text-muted-foreground">
+                <p className="mx-auto mt-6 max-w-2xl text-center text-xs text-muted-foreground md:text-sm">
                     {t('pricing.noFreePlan')} {t('pricing.asOf', { asOf: factsAsOf(i18n.language) })}
                 </p>
             </div>
diff --git a/src/components/landing/ShortAnswer.tsx b/src/components/landing/ShortAnswer.tsx
index 2e895a8e9..bf5dbd74a 100644
--- a/src/components/landing/ShortAnswer.tsx
+++ b/src/components/landing/ShortAnswer.tsx
@@ -1,44 +1,56 @@
+import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { Link } from "react-router-dom";
 import { localizedPath, useRouteLanguage } from "@/lib/seo/localized-routes";
-import { ArrowRight } from "lucide-react";
+import { ArrowRight, ChevronDown } from "lucide-react";
 import { factsAsOf } from "@/lib/seo/pages";
+import { cn } from "@/lib/utils";
 import { Reveal } from "./Reveal";
 
+const linkClass = "inline-flex items-center gap-1.5 rounded-full border-2 border-brand-tint-border bg-brand-tint px-4 py-2 text-sm font-bold text-primary transition-colors hover:border-primary/50 pointer-coarse:min-h-11";
+
 /**
  * The reader's main question and a short, honest answer, as the first H2 under the hero.
  * Answer engines quote this block, so it names when another tool fits better.
+ * On phones the answer folds to three lines; the full text stays in the HTML.
  */
 const ShortAnswer = () => {
     const { t, i18n } = useTranslation();
     const language = useRouteLanguage();
+    const [expanded, setExpanded] = useState(false);
 
     return (
-        <section aria-labelledby="short-answer" className="py-20">
+        <section aria-labelledby="short-answer" className="py-8 md:py-16">
             <div className="section-container max-w-3xl">
-                <Reveal>
-                    <h2 id="short-answer" className="section-heading mb-5">{t('shortAnswer.question')}</h2>
-                    <p className="text-lg leading-relaxed text-muted-foreground">
+                <Reveal className="rounded-xl border-2 border-border bg-card p-5 md:p-8">
+                    <h2 id="short-answer" className="text-balance font-display text-2xl font-[600] leading-tight text-heading md:text-3xl">{t('shortAnswer.question')}</h2>
+                    <p
+                        id="short-answer-text"
+                        className={cn("mt-3 leading-relaxed text-muted-foreground md:mt-4 md:line-clamp-none md:text-lg", !expanded && "line-clamp-3")}
+                    >
                         {t('shortAnswer.answer', { asOf: factsAsOf(i18n.language) })}
                     </p>
-                    {/* A static guide page, not an app route: a plain link loads it from the server. */}
-                    <a
-                        href="/best-ai-debate-tools"
-                        className="mt-5 inline-flex items-center gap-2 font-medium text-primary underline-offset-4 hover:underline pointer-coarse:min-h-11"
+                    <button
+                        type="button"
+                        aria-expanded={expanded}
+                        aria-controls="short-answer-text"
+                        onClick={() => setExpanded((open) => !open)}
+                        className="mt-1 inline-flex min-h-11 items-center gap-1 text-sm font-bold text-primary md:hidden"
                     >
-                        {t('shortAnswer.compare')}
-                        <ArrowRight aria-hidden="true" className="h-4 w-4" />
-                    </a>
-                    <p className="mt-4 text-muted-foreground">
-                        {t('tools:home.freeTools')}{' '}
-                        <Link
-                            to={localizedPath("/tools", language)}
-                            className="inline-flex items-center gap-2 font-medium text-primary underline-offset-4 hover:underline pointer-coarse:min-h-11"
-                        >
+                        {expanded ? t('shortAnswer.less') : t('shortAnswer.more')}
+                        <ChevronDown aria-hidden="true" className={cn("h-4 w-4 transition-transform duration-150", expanded && "rotate-180")} />
+                    </button>
+                    <div className="mt-3 flex flex-wrap gap-2 md:mt-5">
+                        {/* A static guide page, not an app route: a plain link loads it from the server. */}
+                        <a href="/best-ai-debate-tools" className={linkClass}>
+                            {t('shortAnswer.compare')}
+                            <ArrowRight aria-hidden="true" className="h-4 w-4" />
+                        </a>
+                        <Link to={localizedPath("/tools", language)} className={linkClass}>
                             {t('tools:footer.freeTools')}
                             <ArrowRight aria-hidden="true" className="h-4 w-4" />
                         </Link>
-                    </p>
+                    </div>
                 </Reveal>
             </div>
         </section>
diff --git a/src/components/landing/UseCases.tsx b/src/components/landing/UseCases.tsx
deleted file mode 100644
index c333a7a03..000000000
--- a/src/components/landing/UseCases.tsx
+++ /dev/null
@@ -1,66 +0,0 @@
-import { useTranslation } from "react-i18next";
-import { Reveal } from "./Reveal";
-import { GraduationCap, Users, Gavel } from "lucide-react";
-
-const UseCases = () => {
-    const { t } = useTranslation();
-
-    const personas = [
-        {
-            icon: GraduationCap,
-            title: t('useCases.forDebaters'),
-            subtitle: t('useCases.debaterSubtitle'),
-            points: [t('useCases.debater1'), t('useCases.debater2'), t('useCases.debater3'), t('useCases.debater4')]
-        },
-        {
-            icon: Users,
-            title: t('useCases.forCoaches'),
-            subtitle: t('useCases.coachSubtitle'),
-            points: [t('useCases.coach1'), t('useCases.coach2'), t('useCases.coach3'), t('useCases.coach4')]
-        },
-        {
-            icon: Gavel,
-            title: t('useCases.forJudges'),
-            subtitle: t('useCases.judgeSubtitle'),
-            points: [t('useCases.judge1'), t('useCases.judge2'), t('useCases.judge3'), t('useCases.judge4')]
-        }
-    ];
-
-    return (
-        <section className="py-24 relative">
-            <div className="section-container">
-                <Reveal className="text-center mb-16">
-                    <h2 className="section-heading mb-4">{t('useCases.title')}</h2>
-                    <p className="text-muted-foreground text-lg max-w-2xl mx-auto">
-                        {t('useCases.description')}
-                    </p>
-                </Reveal>
-
-                <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
-                    {personas.map((persona, index) => (
-                        <Reveal key={persona.title} delay={index * 0.05}>
-                        <div className="feature-card h-full p-8">
-                            <div className="w-14 h-14 rounded-full bg-secondary flex items-center justify-center mb-6">
-                                <persona.icon aria-hidden="true" className="w-7 h-7 text-primary" />
-                            </div>
-                            <h3 className="font-display text-2xl font-[600] mb-1 text-heading">{persona.title}</h3>
-                            <p className="text-primary font-medium mb-6">{persona.subtitle}</p>
-
-                            <ul className="space-y-3">
-                                {persona.points.map((point, i) => (
-                                    <li key={i} className="flex items-start gap-2 text-muted-foreground text-sm">
-                                        <div className="w-1.5 h-1.5 rounded-full bg-primary mt-1.5 shrink-0" />
-                                        {point}
-                                    </li>
-                                ))}
-                            </ul>
-                        </div>
-                        </Reveal>
-                    ))}
-                </div>
-            </div>
-        </section>
-    );
-};
-
-export default UseCases;
diff --git a/src/components/landing/WhatsNew.tsx b/src/components/landing/WhatsNew.tsx
deleted file mode 100644
index 3b51e7236..000000000
--- a/src/components/landing/WhatsNew.tsx
+++ /dev/null
@@ -1,50 +0,0 @@
-import { useTranslation } from "react-i18next";
-import { Crown, GitBranch, Timer, History, Crosshair, Dumbbell } from "lucide-react";
-import { Reveal } from "./Reveal";
-
-const WhatsNew = () => {
-    const { t } = useTranslation();
-
-    const updates = [
-        { icon: Crown, title: t('whatsNew.sub1Title'), description: t('whatsNew.sub1Desc'), badge: t('whatsNew.sub1Badge') },
-        { icon: GitBranch, title: t('whatsNew.sub2Title'), description: t('whatsNew.sub2Desc'), badge: t('whatsNew.sub2Badge') },
-        { icon: Timer, title: t('whatsNew.sub3Title'), description: t('whatsNew.sub3Desc'), badge: t('whatsNew.sub3Badge') },
-        { icon: History, title: t('whatsNew.sub4Title'), description: t('whatsNew.sub4Desc'), badge: t('whatsNew.sub4Badge') },
-        { icon: Crosshair, title: t('whatsNew.sub5Title'), description: t('whatsNew.sub5Desc'), badge: t('whatsNew.sub5Badge') },
-        { icon: Dumbbell, title: t('whatsNew.sub6Title'), description: t('whatsNew.sub6Desc'), badge: t('whatsNew.sub6Badge') },
-    ];
-
-    return (
-        <section id="whats-new" className="relative py-24 bg-secondary/10">
-            <div className="section-container">
-                <Reveal className="mb-14 text-center">
-                    <h2 className="section-heading">{t('whatsNew.title')}</h2>
-                    <p className="mx-auto mt-4 max-w-2xl text-lg text-muted-foreground">
-                        {t('whatsNew.subtitle')}
-                    </p>
-                </Reveal>
-
-                <div className="grid grid-cols-1 gap-6 md:grid-cols-2">
-                    {updates.map((update, index) => (
-                        <Reveal key={update.title} delay={index * 0.05}>
-                            <div className="h-full rounded-xl border-2 border-border bg-card p-6 transition-[border-color,box-shadow,transform] duration-200 hover:-translate-y-0.5 hover:border-brand-tint-border hover:shadow-lg">
-                                <div className="mb-4 flex items-center justify-between">
-                                    <div className="flex h-11 w-11 items-center justify-center rounded-xl border border-primary/20 bg-primary/10">
-                                        <update.icon aria-hidden="true" className="h-5 w-5 text-primary" />
-                                    </div>
-                                    <span className="rounded-full border border-border/70 bg-muted px-3 py-1 text-xs font-semibold uppercase tracking-wide text-muted-foreground">
-                                        {update.badge}
-                                    </span>
-                                </div>
-                                <h3 className="font-display text-xl font-[600] text-heading">{update.title}</h3>
-                                <p className="mt-2 text-sm leading-relaxed text-muted-foreground">{update.description}</p>
-                            </div>
-                        </Reveal>
-                    ))}
-                </div>
-            </div>
-        </section>
-    );
-};
-
-export default WhatsNew;
diff --git a/src/locales/en.json b/src/locales/en.json
index 5c47e6bbd..6abdb78cb 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -13,7 +13,6 @@
     "flowchart": "Flowchart",
     "history": "History",
     "features": "Features",
-    "whatsNew": "What's new",
     "pricing": "Pricing",
     "howItWorks": "How it works",
     "startTrial": "Start trial",
@@ -893,18 +892,11 @@
   },
   "hero": {
     "headline": "{{product}}: AI debate prep and practice",
-    "subheadline": "Prepare cases and practice rounds with AI. {{product}} builds structured cases, finds the weak points in arguments, researches evidence with citations and runs timed practice rounds against an AI opponent, for students and competitive debaters.",
+    "subheadline": "Prepare cases and practice rounds with AI.",
     "trialBadge": "{{trialDays}}-day free trial",
-    "requestsBadge": "Daily AI prep",
-    "requestsBadgeValue": "Included",
-    "proBadge": "${{proMonthly}}/month Pro",
     "cta": "Start trial",
-    "ctaSecondary": "View pricing",
     "trustBullet1": "No credit card required",
     "trustBullet2": "Cancel anytime",
-    "trustBullet3": "Works with any format",
-    "announcement": "New in 2026: faster sign-in, Drive exports, flowcharts, and smarter prep tools",
-    "trialBadgeValue": "{{trialDays}} days",
     "preview": {
       "topicLabel": "Motion",
       "topicValue": "Should schools ban phones?",
@@ -936,63 +928,39 @@
   "features": {
     "title": "Everything you need to win",
     "generate": "Case generator",
-    "generateDesc": "Build complete cases with structured arguments, evidence, and counter-strategies.",
+    "generateDesc": "Full cases with evidence.",
     "attack": "Case attacker",
-    "attackDesc": "Stress-test your arguments and find weaknesses before opponents do.",
+    "attackDesc": "Find the weak points first.",
     "brainstorm": "Brainstorm",
-    "brainstormDesc": "Explore unconventional angles and discover fresh argument paths.",
+    "brainstormDesc": "Fresh angles on any motion.",
     "factoids": "Factoids",
-    "factoidsDesc": "Find debate-ready evidence with verifiable citations.",
+    "factoidsDesc": "Evidence with real citations.",
     "ask": "Ask coach",
-    "askDesc": "Get mentoring on strategy, structure, and technique.",
+    "askDesc": "Strategy help when you need it.",
     "crossfire": "Crossfire",
-    "crossfireDesc": "Practice focused questions and answers in a timed exchange.",
+    "crossfireDesc": "Timed question-and-answer drills.",
     "sparring": "Sparring",
-    "sparringDesc": "Practice a timed round against an opponent and review the scorecard.",
+    "sparringDesc": "Timed rounds with a scorecard.",
     "library": "Library",
-    "libraryDesc": "Manage sources that ground AI responses in real evidence.",
+    "libraryDesc": "Your sources in one place.",
     "timer": "Debate timer",
-    "timerDesc": "Practice with tournament-accurate timing controls.",
+    "timerDesc": "Tournament-accurate timing.",
     "flowchart": "Flowchart",
-    "flowchartDesc": "Map argument structures and rebuttal links visually.",
+    "flowchartDesc": "Map arguments visually.",
     "history": "History",
-    "historyDesc": "Access saved cases, chats, and previous prep sessions."
+    "historyDesc": "Every case and chat, saved."
   },
   "howItWorks": {
     "title": "How it works",
-    "subtitle": "Three steps to better debate prep.",
     "step1Title": "Research",
-    "step1Desc": "AI scans verified sources and builds context for your motion.",
+    "step1Desc": "AI gathers cited sources for your motion.",
     "step2Title": "Generate",
-    "step2Desc": "Get structured arguments, evidence, and counter-strategies.",
+    "step2Desc": "Get arguments, evidence and counters.",
     "step3Title": "Practice",
-    "step3Desc": "Refine with coaching, timing drills, and argument mapping."
-  },
-  "useCases": {
-    "title": "Built for everyone in debate",
-    "description": "Whether you are competing, coaching, or judging, DebateOwl gives you the edge.",
-    "forDebaters": "For debaters",
-    "forCoaches": "For coaches",
-    "forJudges": "For judges",
-    "debater1": "Generate cases in seconds, not hours",
-    "debater2": "Find evidence with real citations",
-    "debater3": "Stress-test arguments before rounds",
-    "debater4": "Practice with tournament timing",
-    "coach1": "Assign motions and review AI-generated cases",
-    "coach2": "Identify common weaknesses across teams",
-    "coach3": "Use as a teaching tool for argument structure",
-    "coach4": "Save time on repetitive prep tasks",
-    "judge1": "Explore both sides of complex motions",
-    "judge2": "Understand argument structures quickly",
-    "judge3": "Find evidence to verify claims",
-    "judge4": "Map argument flows visually",
-    "debaterSubtitle": "Cut prep time in half",
-    "coachSubtitle": "Scale your feedback",
-    "judgeSubtitle": "Deepen your analysis"
+    "step3Desc": "Drill with a coach, timer and sparring."
   },
   "pricing": {
     "title": "Simple, clear pricing",
-    "subtitle": "Start free, upgrade when you're ready.",
     "trial": "Trial",
     "trialPrice": "$0",
     "trialPeriod": "for {{trialDays}} days",
@@ -1003,7 +971,6 @@
     "trialFeature1": "Starter AI prep access",
     "trialFeature2": "All {{modes}} prep modes and {{utilities}} utilities",
     "trialFeature3": "Starter models",
-    "trialFeature4": "{{trialDays}}-day access",
     "proFeature1": "Expanded AI prep access",
     "proFeature2": "All {{modes}} prep modes and {{utilities}} utilities",
     "proFeature3": "All 10 models, including Claude Opus and Sonnet, GPT-6.1 Sol, and Gemini",
@@ -1012,10 +979,6 @@
     "startTrial": "Start free trial",
     "subscribe": "Subscribe now",
     "noFreePlan": "There is no permanent free plan. After your trial ends, a subscription is required to continue using DebateOwl.",
-    "trialBadge": "New users",
-    "trialDesc": "Use the full workflow before deciding on Pro.",
-    "proBadge": "Power users",
-    "proDesc": "For heavy prep weeks, tougher topics, and higher daily limits.",
     "asOf": "Prices as of {{asOf}}."
   },
   "faq": {
@@ -1030,7 +993,6 @@
     "a4": "We use Active Grounding™ technology to verify claims against real sources. Any unverified information is clearly marked as such.",
     "q5": "Can I save and export my work?",
     "a5": "Yes! Save cases, brainstorms, and chats to History. Export to Word, PDF, or Google Docs.",
-    "subtitle": "Pricing, workflow, and product details at a glance.",
     "q6": "What is DebateOwl?",
     "a6": "DebateOwl is an AI debate prep and practice app for students and competitive debaters. It has {{modes}} prep modes, including a case generator, a case attacker, evidence research with citations, an AI coach, Crossfire and timed Sparring rounds against an AI opponent, and it is available in English, Spanish and Hungarian.",
     "q7": "Is {{product}} the same as debatelab.ai?",
@@ -1074,53 +1036,7 @@
   },
   "finalCta": {
     "title": "Ready to build your next case?",
-    "subtitle": "Join debaters who prep smarter with AI.",
-    "cta": "Launch DebateOwl",
-    "freeTrialAvailable": "Free trial available"
-  },
-  "whatsNew": {
-    "title": "What's new",
-    "subtitle": "Latest updates and improvements.",
-    "sub1Title": "Subscription tiers",
-    "sub1Desc": "Free trial and Pro plan with higher usage limits.",
-    "sub2Title": "Argument flowcharts",
-    "sub2Desc": "Visual argument mapping with drag-and-drop nodes.",
-    "sub3Title": "Upgraded timer",
-    "sub3Desc": "Tournament-accurate timing with custom formats.",
-    "sub4Title": "Saved prep history",
-    "sub4Desc": "Access all your previous cases and sessions.",
-    "sub5Title": "Crossfire practice",
-    "sub5Desc": "Train focused questions and answers in a timed exchange.",
-    "sub5Badge": "New tool",
-    "sub6Title": "Sparring rounds",
-    "sub6Desc": "Practice a timed debate round and review the scorecard.",
-    "sub6Badge": "New tool",
-    "sub1Badge": "Billing",
-    "sub2Badge": "New tool",
-    "sub3Badge": "Improved",
-    "sub4Badge": "Productivity"
-  },
-  "deepDive": {
-    "title": "Active Grounding™ technology",
-    "subtitle": "How we keep AI responses honest.",
-    "step1": "AI scanning via Exa",
-    "step1Desc": "Neural search finds relevant, high-quality sources.",
-    "step2": "Knowledge base",
-    "step2Desc": "Your sources are vectorized for semantic matching.",
-    "step3": "Context injection",
-    "step3Desc": "Verified facts are injected into the AI prompt.",
-    "step4": "Grounded output",
-    "step4Desc": "Responses cite real sources, not hallucinations.",
-    "preview": {
-      "processHeading": "// Real-time Context Process",
-      "scanning": "Scanning https://news.example.com...",
-      "extracted": "Extracted 1,402 tokens of clean text",
-      "vectorizing": "Vectorizing content into Knowledge Base...",
-      "query": "User Query: \"Impact on economy?\"",
-      "retrieved": "Retrieved 3 relevant evidence chunks",
-      "generating": "Generating grounded response...",
-      "response": "\"Based on the provided article, the economic impact is estimated at...\""
-    }
+    "cta": "Launch DebateOwl"
   },
   "rateLimit": {
     "title": "Too many requests"
@@ -2642,7 +2558,9 @@
   "shortAnswer": {
     "question": "What is the best AI debate practice tool?",
     "answer": "It depends on what you need. As of {{asOf}}, {{product}} fits students and competitive debaters who want one place to build cases, find weak points, check evidence and run timed practice rounds, in English, Spanish or Hungarian: a {{trialDays}}-day free trial with no card, then ${{proMonthly}}/month + tax. If you want free practice against an AI opponent in World Schools or Asian Parliamentary style, debatelab.ai, a separate product, says it is free. If you mostly need brainstorming or writing help on any subject, a general assistant such as ChatGPT is more flexible.",
-    "compare": "Compare AI debate tools"
+    "compare": "Compare AI debate tools",
+    "more": "Read more",
+    "less": "Show less"
   },
   "sessionQuota": {
     "cost_one": "This round costs {{count}} AI use, however many turns it takes.",
diff --git a/src/locales/es.json b/src/locales/es.json
index cc71d4e77..436989741 100644
--- a/src/locales/es.json
+++ b/src/locales/es.json
@@ -13,7 +13,6 @@
     "flowchart": "Diagrama",
     "history": "Historial",
     "features": "Funciones",
-    "whatsNew": "Novedades",
     "pricing": "Precios",
     "howItWorks": "Cómo funciona",
     "startTrial": "Prueba gratis",
@@ -893,18 +892,11 @@
   },
   "hero": {
     "headline": "{{product}}: preparación y práctica de debate con IA",
-    "subheadline": "Prepara casos y practica rondas con IA. {{product}} construye casos estructurados, encuentra los puntos débiles de los argumentos, investiga evidencia con citas y organiza rondas de práctica cronometradas contra un oponente de IA, para estudiantes y debatientes de competición.",
+    "subheadline": "Prepara casos y practica rondas con IA.",
     "trialBadge": "Prueba gratis de {{trialDays}} días",
-    "requestsBadge": "Preparación diaria con IA",
-    "requestsBadgeValue": "Incluido",
-    "proBadge": "${{proMonthly}}/mes Pro",
     "cta": "Prueba gratis",
-    "ctaSecondary": "Ver precios",
     "trustBullet1": "Sin tarjeta de crédito",
     "trustBullet2": "Cancela cuando quieras",
-    "trustBullet3": "Funciona con cualquier formato",
-    "announcement": "Nuevo en 2026: inicio de sesión más rápido, exportaciones a Drive, diagramas de flujo y herramientas de preparación más inteligentes",
-    "trialBadgeValue": "{{trialDays}} días",
     "preview": {
       "topicLabel": "Moción",
       "topicValue": "¿Deberían las escuelas prohibir los teléfonos?",
@@ -936,63 +928,39 @@
   "features": {
     "title": "Todo lo que necesitas para ganar",
     "generate": "Generador de casos",
-    "generateDesc": "Construye casos completos con argumentos estructurados, evidencia y contra-estrategias.",
+    "generateDesc": "Casos completos con evidencia.",
     "attack": "Atacante de casos",
-    "attackDesc": "Pon a prueba tus argumentos y encuentra debilidades antes que los oponentes.",
+    "attackDesc": "Encuentra antes los puntos débiles.",
     "brainstorm": "Lluvia de ideas",
-    "brainstormDesc": "Explora ángulos no convencionales y descubre caminos de argumentación frescos.",
+    "brainstormDesc": "Ángulos nuevos para cualquier moción.",
     "factoids": "Datos",
-    "factoidsDesc": "Encuentra evidencia lista para el debate con citas verificables.",
+    "factoidsDesc": "Evidencia con citas reales.",
     "ask": "Coach",
-    "askDesc": "Recibe mentoría sobre estrategia, estructura y técnica.",
+    "askDesc": "Ayuda estratégica cuando la necesites.",
     "crossfire": "Interrogatorio",
-    "crossfireDesc": "Practica preguntas y respuestas precisas en un intercambio cronometrado.",
+    "crossfireDesc": "Preguntas y respuestas cronometradas.",
     "sparring": "Sparring",
-    "sparringDesc": "Practica una ronda cronometrada contra un oponente y revisa la tarjeta de puntuación.",
+    "sparringDesc": "Rondas cronometradas con puntuación.",
     "library": "Biblioteca",
-    "libraryDesc": "Gestiona fuentes que fundamentan las respuestas de IA con evidencia real.",
+    "libraryDesc": "Tus fuentes en un solo lugar.",
     "timer": "Cronómetro de debate",
-    "timerDesc": "Practica con controles de tiempo precisos de torneo.",
+    "timerDesc": "Tiempos precisos de torneo.",
     "flowchart": "Diagrama de flujo",
-    "flowchartDesc": "Mapea estructuras de argumentos y enlaces de refutación visualmente.",
+    "flowchartDesc": "Mapea los argumentos visualmente.",
     "history": "Historial",
-    "historyDesc": "Accede a casos guardados, chats y sesiones de preparación anteriores."
+    "historyDesc": "Cada caso y chat, guardado."
   },
   "howItWorks": {
     "title": "Cómo funciona",
-    "subtitle": "Tres pasos para una mejor preparación de debate.",
     "step1Title": "Investigar",
-    "step1Desc": "La IA escanea fuentes verificadas y construye contexto para tu moción.",
+    "step1Desc": "La IA reúne fuentes citadas para tu moción.",
     "step2Title": "Generar",
-    "step2Desc": "Obtén argumentos estructurados, evidencia y contra-estrategias.",
+    "step2Desc": "Obtén argumentos, evidencia y réplicas.",
     "step3Title": "Practicar",
-    "step3Desc": "Refina con coaching, ejercicios de tiempo y mapeo de argumentos."
-  },
-  "useCases": {
-    "title": "Hecho para todos en el debate",
-    "description": "Tanto si compites, entrenas o juzgas, DebateOwl te da ventaja.",
-    "forDebaters": "Para debatientes",
-    "forCoaches": "Para coaches",
-    "forJudges": "Para jueces",
-    "debater1": "Genera casos en segundos, no en horas",
-    "debater2": "Encuentra evidencia con citas reales",
-    "debater3": "Pon a prueba argumentos antes de las rondas",
-    "debater4": "Practica con tiempos de torneo",
-    "coach1": "Asigna mociones y revisa casos generados por IA",
-    "coach2": "Identifica debilidades comunes entre equipos",
-    "coach3": "Úsalo como herramienta de enseñanza para estructura argumentativa",
-    "coach4": "Ahorra tiempo en tareas de preparación repetitivas",
-    "judge1": "Explora ambos lados de mociones complejas",
-    "judge2": "Comprende estructuras argumentativas rápidamente",
-    "judge3": "Encuentra evidencia para verificar afirmaciones",
-    "judge4": "Mapea flujos de argumentos visualmente",
-    "debaterSubtitle": "Reduce el tiempo de preparación a la mitad",
-    "coachSubtitle": "Amplía tus comentarios",
-    "judgeSubtitle": "Profundiza tu análisis"
+    "step3Desc": "Practica con coach, cronómetro y sparring."
   },
   "pricing": {
     "title": "Precios simples y claros",
-    "subtitle": "Comienza gratis, mejora cuando estés listo.",
     "trial": "Prueba",
     "trialPrice": "$0",
     "trialPeriod": "por {{trialDays}} días",
@@ -1003,7 +971,6 @@
     "trialFeature1": "Acceso inicial a preparación con IA",
     "trialFeature2": "Los {{modes}} modos de preparación y las {{utilities}} utilidades",
     "trialFeature3": "Modelos iniciales",
-    "trialFeature4": "Acceso por {{trialDays}} días",
     "proFeature1": "Acceso ampliado a preparación con IA",
     "proFeature2": "Los {{modes}} modos de preparación y las {{utilities}} utilidades",
     "proFeature3": "Los 10 modelos, incluidos Claude Opus y Sonnet, GPT-6.1 Sol y Gemini",
@@ -1012,10 +979,6 @@
     "startTrial": "Comenzar prueba gratis",
     "subscribe": "Suscribirse ahora",
     "noFreePlan": "No hay plan gratuito permanente. Después de tu prueba, se requiere una suscripción para seguir usando DebateOwl.",
-    "trialBadge": "Usuarios nuevos",
-    "trialDesc": "Usa el flujo de trabajo completo antes de decidirte por Pro.",
-    "proBadge": "Usuarios avanzados",
-    "proDesc": "Para semanas de preparación intensiva, temas difíciles y límites diarios más altos.",
     "asOf": "Precios vigentes en {{asOf}}."
   },
   "faq": {
@@ -1030,7 +993,6 @@
     "a4": "Usamos tecnología Active Grounding™ para verificar afirmaciones contra fuentes reales. Cualquier información no verificada se marca claramente como tal.",
     "q5": "¿Puedo guardar y exportar mi trabajo?",
     "a5": "¡Sí! Guarda casos, lluvias de ideas y chats en el Historial. Exporta a Word, PDF o Google Docs.",
-    "subtitle": "Precios, flujo de trabajo y detalles del producto de un vistazo.",
     "q6": "¿Qué es DebateOwl?",
     "a6": "DebateOwl es una app de preparación y práctica de debate con IA para estudiantes y debatientes de competición. Tiene {{modes}} modos de preparación, entre ellos un generador de casos, un atacante de casos, investigación de evidencia con citas, un coach de IA, Interrogatorio y rondas de Sparring cronometradas contra un oponente de IA, y está disponible en inglés, español y húngaro.",
     "q7": "¿{{product}} es lo mismo que debatelab.ai?",
@@ -1074,53 +1036,7 @@
   },
   "finalCta": {
     "title": "¿Listo para construir tu próximo caso?",
-    "subtitle": "Únete a debatientes que se preparan mejor con IA.",
-    "cta": "Lanzar DebateOwl",
-    "freeTrialAvailable": "Prueba gratuita disponible"
-  },
-  "whatsNew": {
-    "title": "Novedades",
-    "subtitle": "Últimas actualizaciones y mejoras.",
-    "sub1Title": "Niveles de suscripción",
-    "sub1Desc": "Prueba gratis y plan Pro con límites de uso más altos.",
-    "sub2Title": "Diagramas de argumentos",
-    "sub2Desc": "Mapeo visual de argumentos con nodos arrastrables.",
-    "sub3Title": "Cronómetro mejorado",
-    "sub3Desc": "Tiempos precisos de torneo con formatos personalizados.",
-    "sub4Title": "Historial de preparación",
-    "sub4Desc": "Accede a todos tus casos y sesiones anteriores.",
-    "sub5Title": "Práctica de interrogatorio",
-    "sub5Desc": "Entrena preguntas y respuestas precisas en un intercambio cronometrado.",
-    "sub5Badge": "Nueva herramienta",
-    "sub6Title": "Rondas de sparring",
-    "sub6Desc": "Practica una ronda de debate cronometrada y revisa la tarjeta de puntuación.",
-    "sub6Badge": "Nueva herramienta",
-    "sub1Badge": "Facturación",
-    "sub2Badge": "Nueva herramienta",
-    "sub3Badge": "Mejorado",
-    "sub4Badge": "Productividad"
-  },
-  "deepDive": {
-    "title": "Tecnología Active Grounding™",
-    "subtitle": "Cómo mantenemos honestas las respuestas de IA.",
-    "step1": "Escaneo IA vía Exa",
-    "step1Desc": "La búsqueda neuronal encuentra fuentes relevantes y de alta calidad.",
-    "step2": "Base de conocimiento",
-    "step2Desc": "Tus fuentes se vectorizan para coincidencia semántica.",
-    "step3": "Inyección de contexto",
-    "step3Desc": "Los hechos verificados se inyectan en el prompt de IA.",
-    "step4": "Salida fundamentada",
-    "step4Desc": "Las respuestas citan fuentes reales, no alucinaciones.",
-    "preview": {
-      "processHeading": "// Proceso de contexto en tiempo real",
-      "scanning": "Escaneando https://news.example.com...",
-      "extracted": "Se extrajeron 1.402 tokens de texto limpio",
-      "vectorizing": "Vectorizando contenido en la base de conocimiento...",
-      "query": "Consulta del usuario: \"¿Impacto en la economía?\"",
-      "retrieved": "Se recuperaron 3 fragmentos de evidencia relevantes",
-      "generating": "Generando una respuesta fundamentada...",
-      "response": "\"Según el artículo proporcionado, se estima que el impacto económico es...\""
-    }
+    "cta": "Lanzar DebateOwl"
   },
   "rateLimit": {
     "title": "Demasiadas solicitudes"
@@ -2642,7 +2558,9 @@
   "shortAnswer": {
     "question": "¿Cuál es la mejor herramienta de IA para practicar debate?",
     "answer": "Depende de lo que necesites. En {{asOf}}, {{product}} encaja con estudiantes y debatientes de competición que quieren un solo lugar para construir casos, encontrar puntos débiles, comprobar evidencia y hacer rondas de práctica cronometradas, en inglés, español o húngaro: prueba gratis de {{trialDays}} días sin tarjeta y después ${{proMonthly}}/mes + impuestos. Si quieres practicar gratis contra un oponente de IA en estilo World Schools o Asian Parliamentary, debatelab.ai, un producto distinto, dice ser gratuito. Si sobre todo necesitas ideas o ayuda para escribir sobre cualquier tema, un asistente general como ChatGPT es más flexible.",
-    "compare": "Comparar herramientas de IA para debate"
+    "compare": "Comparar herramientas de IA para debate",
+    "more": "Leer más",
+    "less": "Ver menos"
   },
   "sessionQuota": {
     "cost_one": "Esta ronda cuesta {{count}} uso de IA, dure los turnos que dure.",
diff --git a/src/locales/hu.json b/src/locales/hu.json
index eaed26976..fe3aa6221 100644
--- a/src/locales/hu.json
+++ b/src/locales/hu.json
@@ -13,7 +13,6 @@
     "flowchart": "Folyamatábra",
     "history": "Előzmények",
     "features": "Funkciók",
-    "whatsNew": "Újdonságok",
     "pricing": "Árak",
     "howItWorks": "Hogyan működik",
     "startTrial": "Próba indítása",
@@ -893,18 +892,11 @@
   },
   "hero": {
     "headline": "{{product}}: MI-alapú vitafelkészítés és gyakorlás",
-    "subheadline": "Készíts eseteket és gyakorolj fordulókat MI-vel. A {{product}} strukturált eseteket épít, megtalálja az érvek gyenge pontjait, hivatkozásokkal kutat bizonyítékokat, és időzített gyakorlófordulókat futtat egy MI-ellenféllel szemben, diákoknak és versenyvitázóknak.",
+    "subheadline": "Készíts eseteket és gyakorolj fordulókat MI-vel.",
     "trialBadge": "{{trialDays}} napos ingyenes próba",
-    "requestsBadge": "Napi MI-felkészülés",
-    "requestsBadgeValue": "Benne van",
-    "proBadge": "${{proMonthly}}/hó Pro",
     "cta": "Próba indítása",
-    "ctaSecondary": "Árak megtekintése",
     "trustBullet1": "Bankkártya nem szükséges",
     "trustBullet2": "Bármikor lemondható",
-    "trustBullet3": "Bármely formátummal működik",
-    "announcement": "Új 2026-ban: gyorsabb bejelentkezés, Drive-exportálás, folyamatábrák és okosabb felkészülési eszközök",
-    "trialBadgeValue": "{{trialDays}} nap",
     "preview": {
       "topicLabel": "Indítvány",
       "topicValue": "Tiltsák be az iskolák a telefonokat?",
@@ -936,63 +928,39 @@
   "features": {
     "title": "Minden, ami a győzelemhez kell",
     "generate": "Esetgenerátor",
-    "generateDesc": "Építs teljes eseteket strukturált érvekkel, bizonyítékokkal és ellen-stratégiákkal.",
+    "generateDesc": "Teljes esetek bizonyítékokkal.",
     "attack": "Esettámadó",
-    "attackDesc": "Teszteld az érveidet és találd meg a gyengeségeket az ellenfelek előtt.",
+    "attackDesc": "Találd meg előbb a gyenge pontokat.",
     "brainstorm": "Ötletelés",
-    "brainstormDesc": "Fedezz fel szokatlan szögeket és találj friss érvelési utakat.",
+    "brainstormDesc": "Friss szempontok bármely indítványhoz.",
     "factoids": "Tények",
-    "factoidsDesc": "Találj vitakész bizonyítékokat ellenőrizhető hivatkozásokkal.",
+    "factoidsDesc": "Bizonyítékok valódi hivatkozásokkal.",
     "ask": "Edző",
-    "askDesc": "Kapj mentorálást stratégiáról, struktúráról és technikáról.",
+    "askDesc": "Stratégiai segítség, amikor kell.",
     "crossfire": "Keresztkérdezés",
-    "crossfireDesc": "Gyakorold a célzott kérdéseket és válaszokat időzített párbeszédben.",
+    "crossfireDesc": "Időzített kérdés-válasz gyakorlatok.",
     "sparring": "Vitapárbaj",
-    "sparringDesc": "Gyakorolj egy időzített fordulót ellenféllel, majd nézd át az értékelőlapot.",
+    "sparringDesc": "Időzített fordulók értékelőlappal.",
     "library": "Könyvtár",
-    "libraryDesc": "Kezeld a forrásokat, amelyek valós bizonyítékokkal alapozzák meg az MI válaszait.",
+    "libraryDesc": "Minden forrásod egy helyen.",
     "timer": "Vitaidőmérő",
-    "timerDesc": "Gyakorolj versenypontos időzítéssel.",
+    "timerDesc": "Versenypontos időzítés.",
     "flowchart": "Folyamatábra",
-    "flowchartDesc": "Térképezd az érvstruktúrákat és cáfolati kapcsolatokat vizuálisan.",
+    "flowchartDesc": "Az érvek vizuális térképe.",
     "history": "Előzmények",
-    "historyDesc": "Érd el a mentett eseteket, beszélgetéseket és korábbi felkészüléseket."
+    "historyDesc": "Minden eset és beszélgetés elmentve."
   },
   "howItWorks": {
     "title": "Hogyan működik",
-    "subtitle": "Három lépés a jobb vitafelkészüléshez.",
     "step1Title": "Kutatás",
-    "step1Desc": "Az MI ellenőrzött forrásokat vizsgál és kontextust épít az indítványodhoz.",
+    "step1Desc": "Az MI hivatkozott forrásokat gyűjt az indítványodhoz.",
     "step2Title": "Generálás",
-    "step2Desc": "Kapj strukturált érveket, bizonyítékokat és ellen-stratégiákat.",
+    "step2Desc": "Érvek, bizonyítékok és ellenérvek.",
     "step3Title": "Gyakorlás",
-    "step3Desc": "Finomíts coachinggal, időzítési gyakorlatokkal és érvtérképezéssel."
-  },
-  "useCases": {
-    "title": "Mindenkinek készült a vitában",
-    "description": "Akár versenyzel, edzősködsz vagy bíráskodsz, a DebateOwl előnyhöz juttat.",
-    "forDebaters": "Vitázóknak",
-    "forCoaches": "Edzőknek",
-    "forJudges": "Bíróknak",
-    "debater1": "Generálj eseteket másodpercek alatt, ne órák alatt",
-    "debater2": "Találj bizonyítékokat valós hivatkozásokkal",
-    "debater3": "Teszteld az érveket a fordulók előtt",
-    "debater4": "Gyakorolj versenyszintű időzítéssel",
-    "coach1": "Adj ki indítványokat és nézd át az MI által generált eseteket",
-    "coach2": "Azonosítsd a gyakori gyengeségeket a csapatok között",
-    "coach3": "Használd taneszközként az érvstruktúra oktatásához",
-    "coach4": "Spórolj időt az ismétlődő felkészülési feladatokon",
-    "judge1": "Fedezd fel komplex indítványok mindkét oldalát",
-    "judge2": "Értsd meg gyorsan az érvstruktúrákat",
-    "judge3": "Találj bizonyítékokat állítások ellenőrzéséhez",
-    "judge4": "Térképezd vizuálisan az érvfolyamatokat",
-    "debaterSubtitle": "Felezd meg a felkészülési időt",
-    "coachSubtitle": "Bővítsd a visszajelzéseidet",
-    "judgeSubtitle": "Mélyítsd el az elemzésedet"
+    "step3Desc": "Gyakorolj edzővel, időmérővel és vitapárbajjal."
   },
   "pricing": {
     "title": "Egyszerű, világos árazás",
-    "subtitle": "Kezdj ingyen, frissíts amikor készen állsz.",
     "trial": "Próba",
     "trialPrice": "$0",
     "trialPeriod": "{{trialDays}} napig",
@@ -1003,7 +971,6 @@
     "trialFeature1": "Kezdő MI-felkészülési hozzáférés",
     "trialFeature2": "Mind a {{modes}} felkészülési mód és a {{utilities}} segédeszköz",
     "trialFeature3": "Kezdő modellek",
-    "trialFeature4": "{{trialDays}} napos hozzáférés",
     "proFeature1": "Bővített MI-felkészülési hozzáférés",
     "proFeature2": "Mind a {{modes}} felkészülési mód és a {{utilities}} segédeszköz",
     "proFeature3": "Mind a 10 modell, köztük a Claude Opus és Sonnet, a GPT-6.1 Sol és a Gemini",
@@ -1012,10 +979,6 @@
     "startTrial": "Ingyenes próba indítása",
     "subscribe": "Feliratkozás most",
     "noFreePlan": "Nincs állandó ingyenes csomag. A próbaidőszak lejárta után előfizetés szükséges a DebateOwl további használatához.",
-    "trialBadge": "Új felhasználóknak",
-    "trialDesc": "Próbáld ki a teljes munkafolyamatot, mielőtt a Pro mellett döntesz.",
-    "proBadge": "Haladó felhasználóknak",
-    "proDesc": "Intenzív felkészülési hetekhez, nehezebb témákhoz és magasabb napi kerethez.",
     "asOf": "Árak: {{asOf}} állapot szerint."
   },
   "faq": {
@@ -1030,7 +993,6 @@
     "a4": "Active Grounding™ technológiát használunk az állítások valós forrásokkal való ellenőrzésére. Minden nem ellenőrzött információ egyértelműen meg van jelölve.",
     "q5": "Menthetem és exportálhatom a munkámat?",
     "a5": "Igen! Ments eseteket, ötleteket és beszélgetéseket az Előzményekbe. Exportálj Word, PDF vagy Google Docs formátumba.",
-    "subtitle": "Árazás, munkafolyamat és termékrészletek röviden.",
     "q6": "Mi az a DebateOwl?",
     "a6": "A DebateOwl egy MI-alapú vitafelkészítő és gyakorló alkalmazás diákoknak és versenyvitázóknak. {{modes}} felkészülési módja van, köztük esetgenerátor, esettámadó, hivatkozásokkal támogatott bizonyítékkutatás, MI-edző, Keresztkérdezés és időzített Vitapárbaj-fordulók MI-ellenféllel, és angolul, spanyolul és magyarul is elérhető.",
     "q7": "Ugyanaz a {{product}}, mint a debatelab.ai?",
@@ -1074,53 +1036,7 @@
   },
   "finalCta": {
     "title": "Készen állsz a következő eseted felépítésére?",
-    "subtitle": "Csatlakozz a vitázókhoz, akik MI-vel készülnek okosabban.",
-    "cta": "DebateOwl indítása",
-    "freeTrialAvailable": "Ingyenes próba elérhető"
-  },
-  "whatsNew": {
-    "title": "Újdonságok",
-    "subtitle": "Legújabb frissítések és fejlesztések.",
-    "sub1Title": "Előfizetési szintek",
-    "sub1Desc": "Ingyenes próba és Pro csomag magasabb használati kerettel.",
-    "sub2Title": "Érv folyamatábrák",
-    "sub2Desc": "Vizuális érvtérképezés húzd-és-ejtsd csomópontokkal.",
-    "sub3Title": "Fejlesztett időmérő",
-    "sub3Desc": "Versenypontos időzítés egyéni formátumokkal.",
-    "sub4Title": "Mentett felkészülési előzmények",
-    "sub4Desc": "Érd el az összes korábbi esetedet és munkamenetedet.",
-    "sub5Title": "Keresztkérdezési gyakorlás",
-    "sub5Desc": "Gyakorold a célzott kérdéseket és válaszokat időzített párbeszédben.",
-    "sub5Badge": "Új eszköz",
-    "sub6Title": "Vitapárbaj-fordulók",
-    "sub6Desc": "Gyakorolj egy időzített vitafordulót, majd nézd át az értékelőlapot.",
-    "sub6Badge": "Új eszköz",
-    "sub1Badge": "Számlázás",
-    "sub2Badge": "Új eszköz",
-    "sub3Badge": "Fejlesztve",
-    "sub4Badge": "Produktivitás"
-  },
-  "deepDive": {
-    "title": "Active Grounding™ technológia",
-    "subtitle": "Hogyan tartjuk őszintén az MI-válaszokat.",
-    "step1": "MI-szkennelés Exával",
-    "step1Desc": "A neurális keresés releváns, magas minőségű forrásokat talál.",
-    "step2": "Tudásbázis",
-    "step2Desc": "A forrásaid vektorizálva vannak szemantikus egyeztetéshez.",
-    "step3": "Kontextus injektálás",
-    "step3Desc": "Az ellenőrzött tények bekerülnek az MI-promptba.",
-    "step4": "Megalapozott kimenet",
-    "step4Desc": "A válaszok valós forrásokat idéznek, nem hallucinációkat.",
-    "preview": {
-      "processHeading": "// Valós idejű kontextusfolyamat",
-      "scanning": "A https://news.example.com vizsgálata...",
-      "extracted": "1 402 tokennyi tiszta szöveg kinyerve",
-      "vectorizing": "Tartalom vektorizálása a tudásbázisba...",
-      "query": "Felhasználói kérdés: \"Gazdasági hatás?\"",
-      "retrieved": "3 releváns bizonyítékrészlet lekérve",
-      "generating": "Megalapozott válasz generálása...",
-      "response": "\"A megadott cikk alapján a gazdasági hatás várhatóan...\""
-    }
+    "cta": "DebateOwl indítása"
   },
   "rateLimit": {
     "title": "Túl sok kérés"
@@ -2642,7 +2558,9 @@
   "shortAnswer": {
     "question": "Melyik a legjobb MI-alapú vitagyakorló eszköz?",
     "answer": "Attól függ, mire van szükséged. {{asOf}} állapot szerint a {{product}} azoknak a diákoknak és versenyvitázóknak való, akik egy helyen szeretnének eseteket építeni, gyenge pontokat találni, bizonyítékokat ellenőrizni és időzített gyakorlófordulókat futtatni angolul, spanyolul vagy magyarul: {{trialDays}} napos ingyenes próba bankkártya nélkül, utána ${{proMonthly}}/hó + adó. Ha ingyen szeretnél MI-ellenféllel gyakorolni World Schools vagy Asian Parliamentary stílusban, a debatelab.ai, egy másik termék, azt írja magáról, hogy ingyenes. Ha főleg ötletelésre vagy írási segítségre van szükséged bármilyen témában, egy általános asszisztens, például a ChatGPT rugalmasabb.",
-    "compare": "MI-alapú vitaeszközök összehasonlítása"
+    "compare": "MI-alapú vitaeszközök összehasonlítása",
+    "more": "Bővebben",
+    "less": "Kevesebb"
   },
   "sessionQuota": {
     "cost_one": "Ez a kör {{count}} MI-használatba kerül, akárhány fordulóból áll.",
diff --git a/src/pages/LandingPage.tsx b/src/pages/LandingPage.tsx
index 4fd701559..76bcc090a 100644
--- a/src/pages/LandingPage.tsx
+++ b/src/pages/LandingPage.tsx
@@ -1,13 +1,10 @@
 import Navbar from "@/components/landing/Navbar";
 import Hero from "@/components/landing/Hero";
 import Features from "@/components/landing/Features";
-import DeepDive from "@/components/landing/DeepDive";
-import UseCases from "@/components/landing/UseCases";
 import HowItWorks from "@/components/landing/HowItWorks";
 import FAQ from "@/components/landing/FAQ";
 import FinalCTA from "@/components/landing/FinalCTA";
 import Footer from "@/components/landing/Footer";
-import WhatsNew from "@/components/landing/WhatsNew";
 import Pricing from "@/components/landing/Pricing";
 import ShortAnswer from "@/components/landing/ShortAnswer";
 import GuideHub from "@/components/landing/GuideHub";
@@ -25,12 +22,9 @@ const LandingPage = () => {
             <main id={MAIN_CONTENT_ID} className="focus-visible:outline-hidden">
                 <Hero />
                 <ShortAnswer />
-                <WhatsNew />
                 <Features />
-                <Pricing />
-                <DeepDive />
                 <HowItWorks />
-                <UseCases />
+                <Pricing />
                 <GuideHub />
                 <FAQ />
                 <FinalCTA />