Enrich the landing page with a bento grid and aurora atmosphere

Close the flat-vs-adaline gap by adding depth and motion to our product shots:
- bento: replace the flat stacked features with a varied 12-column grid (org
  chart, cost, office, messages, connectors, plus a local-first highlight card),
  each with a corner glow and hover
- showcase: a dark aurora "Set the goal" statement band (Newsreader serif over a
  drifting northern-lights glow) for a light -> dark -> light rhythm
- hero + footer: aurora glow staging behind the dashboard and under the CTA
- ui/aurora + globals: mint/teal/lime drift-animated glow tokens
- remove the superseded flat feature components

e2e green (12 passed); build verified.

landing/app/globals.css

@@ -47,6 +47,9 @@
   --glow-warm: rgba(32, 59, 20, 0.05);
   --glow-accent: rgba(99, 143, 61, 0.06);
   --section-alt: rgba(32, 59, 20, 0.02);
+  --aurora-mint: rgba(94, 236, 151, 0.22);
+  --aurora-teal: rgba(45, 212, 191, 0.16);
+  --aurora-lime: rgba(137, 175, 84, 0.16);
 }
 
 /* ── Dark theme (Material-3 dark surfaces + mint primary) ── */
@@ -81,6 +84,9 @@
   --glow-warm: rgba(94, 236, 151, 0.05);
   --glow-accent: rgba(94, 236, 151, 0.04);
   --section-alt: rgba(94, 236, 151, 0.03);
+  --aurora-mint: rgba(94, 236, 151, 0.3);
+  --aurora-teal: rgba(45, 212, 191, 0.22);
+  --aurora-lime: rgba(137, 175, 84, 0.18);
 }
 
 /* ── Base ── */
@@ -201,6 +207,24 @@ body {
   transform: translateY(0);
 }
 
+/* ── Aurora: slow-drifting gradient light for dark showcase surfaces ── */
+@keyframes aurora-drift {
+  0% {
+    transform: translate3d(0, 0, 0) scale(1);
+  }
+  50% {
+    transform: translate3d(-4%, 3%, 0) scale(1.12);
+  }
+  100% {
+    transform: translate3d(0, 0, 0) scale(1);
+  }
+}
+
+.aurora-layer {
+  animation: aurora-drift 20s ease-in-out infinite;
+  will-change: transform;
+}
+
 /* ── Reduced motion ── */
 @media (prefers-reduced-motion: reduce) {
   html {

landing/app/page.tsx

@@ -1,11 +1,12 @@
+import { Bento } from "../components/sections/bento";
 import { DownloadSection } from "../components/sections/download-section";
 import { FAQ } from "../components/sections/faq";
-import { Features } from "../components/sections/features";
 import { Footer } from "../components/layout/footer";
 import { Hero } from "../components/sections/hero";
 import { HowItWorks } from "../components/sections/how-it-works";
 import { Navbar } from "../components/layout/navbar";
 import { Runtimes } from "../components/sections/runtimes";
+import { Showcase } from "../components/sections/showcase";
 
 export default function Page() {
   return (
@@ -22,7 +23,8 @@ export default function Page() {
       <main id="main">
         <Hero />
         <Runtimes />
-        <Features />
+        <Bento />
+        <Showcase />
         <HowItWorks />
         <FAQ />
         <DownloadSection />