Fit the five-section case sample in the hero demo

Stack the demo's form and sample so the case sections get the full
width, shorten the sample lines, and move the owl clear of the text.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

Author: Programcode

src/components/landing/Hero.tsx

@@ -111,7 +111,7 @@ const HeroPreview = () => {
         <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-12 z-20 -scale-x-100" />
+            <Owl pose="point" size={140} priority breathe={false} className="absolute -bottom-10 -left-24 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">
@@ -122,7 +122,8 @@ const HeroPreview = () => {
                     </div>
                 </div>
 
-                <div className="grid grid-cols-1 gap-4 bg-background p-5 lg:grid-cols-[1.05fr_0.95fr]">
+                {/* Stacked: the case sample needs the full width for its five sections. */}
+                <div className="grid grid-cols-1 gap-4 bg-background p-5">
                     <div className="space-y-4 rounded-lg border-2 border-border bg-card p-4">
                         <div className="flex items-center justify-between gap-3">
                             <p className="font-display text-lg font-[600] text-heading">{t(`features.${mode}`)}</p>

src/locales/en.json

@@ -913,15 +913,15 @@
       "sampleCase": {
         "title": "Ready-to-read case",
         "openingLabel": "Opening",
-        "opening": "Today we will show two arguments that prove phones belong outside the classroom.",
+        "opening": "Two arguments show phones belong outside class.",
         "argumentLabel": "Argument",
-        "argument": "Phones break concentration: every notification pulls attention away from the lesson.",
+        "argument": "Notifications break concentration.",
         "evidenceLabel": "Evidence",
-        "evidence": "A study on how long students take to refocus after a notification, with its source and year.",
+        "evidence": "A refocus-time study, with source and year.",
         "ifTheySayLabel": "If they say…",
-        "ifTheySay": "\"Students need phones for emergencies.\" We answer: the school office can always reach families.",
+        "ifTheySay": "\"Emergencies!\" We answer: the office can call home.",
         "closingLabel": "Closing",
-        "closing": "A lesson without phones is a lesson students actually hear."
+        "closing": "No phones, lessons students hear."
       },
       "sampleCrossfireTitle": "Crossfire exchange",
       "sampleQuestionLabel": "Question",

src/locales/es.json

@@ -913,15 +913,15 @@
       "sampleCase": {
         "title": "Caso listo para leer",
         "openingLabel": "Apertura",
-        "opening": "Hoy demostraremos con dos argumentos que los teléfonos deben quedarse fuera del aula.",
+        "opening": "Dos argumentos: el móvil, fuera del aula.",
         "argumentLabel": "Argumento",
-        "argument": "El teléfono rompe la concentración: cada notificación aparta la atención de la clase.",
+        "argument": "Las notificaciones rompen la concentración.",
         "evidenceLabel": "Evidencia",
-        "evidence": "Un estudio sobre cuánto tardan los alumnos en volver a concentrarse tras una notificación, con su fuente y año.",
+        "evidence": "Un estudio sobre reconcentrarse, con fuente y año.",
         "ifTheySayLabel": "Si dicen…",
-        "ifTheySay": "«Los alumnos necesitan el teléfono para emergencias». Respondemos: la secretaría del colegio siempre puede avisar a las familias.",
+        "ifTheySay": "«¡Emergencias!». Respondemos: el colegio llama a casa.",
         "closingLabel": "Cierre",
-        "closing": "Una clase sin teléfonos es una clase que los alumnos de verdad escuchan."
+        "closing": "Sin móviles, clases que se escuchan."
       },
       "sampleCrossfireTitle": "Intercambio de interrogatorio",
       "sampleQuestionLabel": "Pregunta",

src/locales/hu.json

@@ -913,15 +913,15 @@
       "sampleCase": {
         "title": "Felolvasható eset",
         "openingLabel": "Nyitás",
-        "opening": "Ma két érvvel bizonyítjuk, hogy a telefonok helye az osztálytermen kívül van.",
+        "opening": "Két érv: a telefon helye az órán kívül van.",
         "argumentLabel": "Érv",
-        "argument": "A telefon megtöri a figyelmet: minden értesítés elviszi a figyelmet az óráról.",
+        "argument": "Az értesítések megtörik a figyelmet.",
         "evidenceLabel": "Bizonyíték",
-        "evidence": "Egy kutatás arról, mennyi idő alatt koncentrálnak újra a diákok egy értesítés után, forrással és évszámmal.",
+        "evidence": "Kutatás az újrafókuszálásról, forrással, évszámmal.",
         "ifTheySayLabel": "Ha azt mondják…",
-        "ifTheySay": "„A diákoknak vészhelyzetre kell a telefon.” Válaszunk: az iskola titkársága mindig eléri a családokat.",
+        "ifTheySay": "„Vészhelyzet!” Válaszunk: a titkárság hazatelefonál.",
         "closingLabel": "Zárás",
-        "closing": "A telefon nélküli óra az, amire a diákok tényleg odafigyelnek."
+        "closing": "Telefon nélkül figyelnek a diákok."
       },
       "sampleCrossfireTitle": "Keresztkérdezési párbeszéd",
       "sampleQuestionLabel": "Kérdés",