fix(landing): clean up logo-strip/features seam with inset column divider

The vertical line appearing under the logo marquee was the Features section's
full-height column border-right (at 48% width) butting directly against the
logo strip's bottom edge with asymmetric content beside it — it read as a
broken/stray line.

- Remove the hard inline `border-right` from .motioncode-feature-list.
- Replace it with an inset, top/bottom-faded pseudo-element divider so the
  line never reaches the section's top edge (no collision with the strip
  seam) and reads as an intentional split. Hidden on mobile, matching the
  existing responsive rule that dropped the border there.

Verified in a headless browser: the seam under the marquee is clean, the
divider still renders correctly between the feature columns, and the
extracted handoff section (with its split-out MotionPathPlugin) draws its
diagram with no console errors. lint + production build pass.

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

Author: codex

app/globals.css

@@ -3000,7 +3000,31 @@ body::after {
   gap: 24px;
 }
 
+/* Soft, inset column divider for the pinned features section. Replaces a hard
+   full-height border so the line never collides with the logo strip seam above;
+   it fades out top and bottom and reads as an intentional split. */
+.motioncode-feature-list::after {
+  content: "";
+  position: absolute;
+  top: 14%;
+  bottom: 14%;
+  right: 0;
+  width: 1px;
+  background: linear-gradient(
+    180deg,
+    transparent,
+    var(--border) 16%,
+    var(--border) 84%,
+    transparent
+  );
+  pointer-events: none;
+}
+
 @media (max-width: 767px) {
+  .motioncode-feature-list::after {
+    display: none;
+  }
+
   .motioncode-march-shell {
     overflow-x: hidden;
   }

app/page.tsx

@@ -1232,7 +1232,7 @@ export default function LandingPage() {
           03 /
         </div>
 
-        <div className="motioncode-feature-list" style={{ width: "48%", padding: "60px 40px", borderRight: "1px solid var(--border)", display: "flex", flexDirection: "column" }}>
+        <div className="motioncode-feature-list" style={{ width: "48%", padding: "60px 40px", position: "relative", display: "flex", flexDirection: "column" }}>
           <div style={{ fontFamily: "var(--font-mono)", fontSize: "9px", color: "#3a3a4a", letterSpacing: "3px" }}>PRODUCT</div>
           <div style={{ fontFamily: "var(--font-mono)", fontSize: "28px", color: "var(--text)", marginBottom: "18px", marginTop: "16px" }}>Everything you need to ship motion.</div>
           <div className="motioncode-feature-status-line">