fix(landing): blend hero bottom into the section below

app/page.tsx

@@ -17,7 +17,7 @@ export default function Home() {
     <>
       <SiteHeader />
 
-      <HeroBackground fieldHeight={640}>
+      <HeroBackground fieldHeight={640} fadeBottom>
         <Section className='py-24 text-center lg:py-32'>
           <div className='inline-flex items-center rounded-full border border-white/10 bg-white/5 p-1 text-body-xs text-white/70'>
             <span className='rounded-full bg-white/10 px-3 py-1 font-medium text-white'>

components/landing/stats-strip.tsx

@@ -79,10 +79,7 @@ export function StatsStrip() {
   if (items.length === 0) return null;
 
   return (
-    <Section
-      reveal
-      className='bg-[linear-gradient(180deg,rgba(46,237,170,0.08)_0%,rgba(13,17,17,0)_100%)]'
-    >
+    <Section reveal>
       <StatsBar items={items} />
     </Section>
   );

components/marketing/hero-background.tsx

@@ -43,10 +43,11 @@ export function HeroBackground({
   children?: ReactNode;
   fieldHeight?: number;
   /**
-   * For heroes stretched to the footer: resolve the teal tint back to ink at
-   * the very bottom within this one gradient, so the page meets the next
-   * section with no seam (instead of clipping at the teal peak). Default heroes
-   * keep the tint peaking at the bottom edge.
+   * Peak the teal tint just above the bottom, then resolve it back to ink at
+   * the very bottom within this one gradient, so the hero meets whatever
+   * follows with no seam (instead of clipping at the teal peak). Default heroes
+   * keep the tint peaking at the bottom edge, which only reads clean when the
+   * next section starts on the same teal.
    */
   fadeBottom?: boolean;
 }) {

components/marketing/hero-section.tsx

@@ -22,8 +22,8 @@ interface HeroSectionProps {
   showMedia?: boolean;
   /**
    * Resolve the teal tint back to ink at the very bottom so the hero meets the
-   * next section (or the footer) with no seam. Use when the hero sits directly
-   * above the footer.
+   * next section (or the footer) with no seam. Leave off only when the section
+   * below starts on the same teal tint.
    */
   fadeBottom?: boolean;
   className?: string;