Enhance landing typography

Improve nav font size and overall salience; enlarge hero heading, subtitle, and caption text; adjust nav spacing and weights for better contrast on the landing page.

X-Lovable-Edit-ID: edt-a860c520-4156-49f6-9815-75f379659d0e

Author: lovable-dev[bot]

src/pages/Index.tsx

@@ -23,7 +23,7 @@ const Index = () => {
 
       {/* Navigation */}
       <nav className="relative z-10 flex justify-end px-8 pt-6 sm:px-16 lg:px-24">
-        <div className="flex items-center gap-6 font-mono-display text-sm tracking-wide text-muted-foreground">
+        <div className="flex items-center gap-8 font-mono-display text-base tracking-wide text-foreground/80">
           <Link to="/" className="transition-colors hover:text-foreground">home</Link>
           <Link to="/people" className="transition-colors hover:text-foreground">people</Link>
           <Link to="/research" className="transition-colors hover:text-foreground">projects</Link>
@@ -33,17 +33,17 @@ const Index = () => {
       {/* Content */}
       <main className="relative z-10 flex min-h-[calc(100vh-4rem)] flex-col justify-center px-8 sm:px-16 lg:px-24">
         <div className="max-w-xl">
-          <h1 className="font-mono-display text-5xl font-bold tracking-tight text-foreground sm:text-6xl">
+          <h1 className="font-mono-display text-6xl font-bold tracking-tight text-foreground sm:text-7xl drop-shadow-lg">
             ai smith lab
           </h1>
-          <p className="mt-4 font-mono-display text-lg tracking-wide text-muted-foreground sm:text-xl">
+          <p className="mt-5 font-mono-display text-xl font-medium tracking-wide text-foreground/80 sm:text-2xl drop-shadow-md">
             toolsmiths for the age of agentic ai.
           </p>
           <div className="mt-3 space-y-0.5">
-            <p className="font-mono-display text-xs tracking-wide text-muted-foreground/70 sm:text-sm">
+            <p className="font-mono-display text-sm tracking-wide text-foreground/50 sm:text-base">
               human × ai systems ×
             </p>
-            <p className="font-mono-display text-xs tracking-wide text-muted-foreground/70 sm:text-sm">
+            <p className="font-mono-display text-sm tracking-wide text-foreground/50 sm:text-base">
               privacy × security × trust.
             </p>
           </div>