diff --git a/apps/web/app/page.tsx b/apps/web/app/page.tsx
index 51bbce9..878c98c 100644
--- a/apps/web/app/page.tsx
+++ b/apps/web/app/page.tsx
@@ -22,10 +22,9 @@ export default function HomePage() {
   return (
     <div className="landing-dark relative isolate">
       <PaletteScroller />
-      {/* Hero / Ecosystem / Problem aren't wrapped — the seamless navy bleed across them
+      {/* Hero / Problem aren't wrapped — the seamless navy bleed across them
           would break if their bgs faded in independently. Reveals begin at WhoItsFor. */}
       <HeroSection />
-      <EcosystemSection />
       <ProblemSection />
       <ScrollReveal>
         <WhoItsFor />
@@ -51,6 +50,9 @@ export default function HomePage() {
       <ScrollReveal>
         <DeploySection />
       </ScrollReveal>
+      <ScrollReveal>
+        <EcosystemSection />
+      </ScrollReveal>
       <ScrollReveal>
         <FeatureGrid />
       </ScrollReveal>