diff --git a/apps/web/public/images/partners/global/orca-security.svg b/apps/web/public/images/partners/global/orca-security.svg
new file mode 100644
index 000000000..f1de20455
--- /dev/null
+++ b/apps/web/public/images/partners/global/orca-security.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?> <svg xmlns="http://www.w3.org/2000/svg" id="Orca_Security" data-name="Orca Security" viewBox="0 0 214.19 81.24"><defs><style> .cls-1 { fill: #101921; } .cls-2 { fill: #0080ff; } </style></defs><g id="Orca_Security-2" data-name="Orca Security"><g id="Security"><path id="Y" class="cls-1" d="M202.24,75.48l-8.48-10.26h4.04s6.05,7.48,6.05,7.48h.27s6.16-7.48,6.16-7.48h3.9s-8.5,10.22-8.5,10.22v5.45s-3.44,0-3.44,0v-5.4Z"></path><path id="T" class="cls-1" d="M182.81,68.02h-6.64s0-2.8,0-2.8h13.9s1.97,2.8,1.97,2.8h-5.79s0,13.05,0,13.05h-3.44s0-13.05,0-13.05Z"></path><path id="I" class="cls-1" d="M168.3,65.22h3.44s0,15.67,0,15.67h-3.44s0-15.67,0-15.67Z"></path><path id="R" class="cls-1" d="M147.25,65.19h9.82c4.71,0,7.02,1.88,7.02,5.27,0,2.58-1.48,4.33-4.31,4.98l5.01,5.45h-4.06s-4.36-4.93-4.36-4.93h-5.68s0,4.93,0,4.93h-3.44s0-15.69,0-15.69ZM156.96,73.42c2.66,0,3.63-1.23,3.63-2.83s-.97-2.8-3.63-2.8h-6.27s0,5.63,0,5.63h6.27Z"></path><path id="U" class="cls-1" d="M124.43,74.85v-9.64s3.44,0,3.44,0v9.5c0,2.92,2.48,3.88,5.41,3.88s5.41-.94,5.41-3.79v-9.59s3.44,0,3.44,0v9.55c0,4.73-3.85,6.48-8.91,6.48-5.06,0-8.8-1.75-8.8-6.39Z"></path><path id="C" class="cls-1" d="M102.45,73.1c0-4.42,3.69-8.25,10.55-8.25,3.07,0,5.52.94,7,1.88v2.94s-.03,0-.03,0c-1.99-1.14-4.06-2.22-7.05-2.22-4.36,0-6.92,2.42-6.92,5.63,0,3.16,2.4,5.54,6.86,5.54,2.96,0,5.14-.92,7.1-2.15h.03s0,2.94,0,2.94c-1.43.87-4.01,1.82-7.35,1.82-7.02,0-10.2-3.72-10.2-8.12Z"></path><path id="E" class="cls-1" d="M84.26,65.22h15.47s.11,2.58.11,2.58h-12.16s0,3.68,0,3.68h9.9s0,2.58,0,2.58h-9.9s0,4.24,0,4.24h12.6s-.13,2.6-.13,2.6h-15.88s0-15.67,0-15.67Z"></path><path id="S" class="cls-1" d="M63.68,79.58v-2.94s.03,0,.03,0c2.64,1.23,5.73,1.97,8.45,1.97,2.91,0,4.44-.81,4.44-2.11s-1.18-1.7-5.68-2.35c-3.74-.56-7.08-1.43-7.08-4.37,0-2.6,2.64-4.96,8.21-4.96,2.4,0,5.09.54,7.11,1.5v2.94s-.03,0-.03,0c-2.18-1.17-4.9-1.82-7.35-1.82-2.91,0-4.33.83-4.33,2.04,0,1.46,2.21,1.73,5.6,2.26,3.77.56,7.16,1.39,7.16,4.57,0,2.02-1.53,4.91-8.07,4.91-3.53,0-6.24-.72-8.45-1.66Z"></path></g><rect id="dot" class="cls-2" x="16.44" y="69.25" width="25.01" height="7.57"></rect><g id="Orca"><path id="a" class="cls-1" d="M204.79,1.51c-3.11,0-5.83,2.06-6.71,5.04C194.5,2.47,189.18.03,181.94.03c-13.97,0-25.51,12.26-25.51,28.14,0,15.88,11.53,28.14,25.51,28.14,7.24,0,12.56-2.42,16.16-6.52.88,2.98,3.6,5.04,6.71,5.04h9.05s0-53.33,0-53.33h-9.07ZM184.79,40.75c-6.94,0-12.26-5.02-12.26-12.58s5.32-12.56,12.26-12.56c6.94,0,12.28,5.02,12.28,12.56,0,7.54-5.34,12.58-12.28,12.58Z"></path><path id="c" class="cls-1" d="M139.23,34.79c-2.08,3.73-5.98,5.96-10.61,5.96-6.94,0-12.28-5.02-12.28-12.58,0-7.57,5.34-12.58,12.28-12.58,4.57,0,8.47,2.19,10.57,5.87l13.7-7.93C147.95,5.34,138.95,0,128.62,0c-15.69,0-28.27,12.28-28.27,28.16,0,15.88,12.58,28.16,28.27,28.16,10.4,0,19.44-5.38,24.35-13.7l-13.74-7.84Z"></path><path id="r" class="cls-1" d="M95.95.36v18.13c-6.6-1.07-16.01,1.61-16.01,12.17v24.09s-15.99,0-15.99,0V1.44s9.05,0,9.05,0c3.11,0,5.83,2.06,6.69,5.06,4.05-3.92,9.82-5.94,15.45-6.11h.04c.26-.02.51-.02.77-.02Z"></path><g id="o"><path id="o-dark-space" class="cls-1" d="M29.56.06c-3.06,0-6.01.49-8.78,1.38,1.68,1.43,3.23,3.2,4.62,5.3,1.71,2.59,3.07,5.55,4.05,8.76.04,0,.07,0,.11,0,6.77,0,12.26,4.81,12.26,12.58s-5.49,12.57-12.26,12.57c-.02,0-.03,0-.05,0-1.05,3.49-2.54,6.71-4.43,9.49-1.28,1.88-2.7,3.5-4.22,4.82,2.74.88,5.67,1.35,8.7,1.35,15.64,0,28.32-12.59,28.32-28.12,0-15.53-12.68-28.12-28.32-28.12Z"></path><g id="o-sonar-rings"><path id="o-sonar-ring3" class="cls-2" d="M12.34,9.19c3.1,3.03,5.31,7.62,6.31,12.88,1.5-3.04,4.16-5.18,7.37-6.09-.87-2.69-2.03-5.17-3.47-7.35-1.61-2.44-3.46-4.35-5.46-5.69-2.47,1.21-4.75,2.77-6.75,4.61.69.47,1.36,1.02,2,1.65Z"></path><path id="o-sonar-ring3-2" data-name="o-sonar-ring3" class="cls-2" d="M26.07,40.16c-3.15-.89-5.77-2.97-7.3-5.89-.62,3.66-1.83,7.04-3.56,9.84-1.32,2.13-2.87,3.81-4.57,4.99,1.95,1.74,4.15,3.22,6.54,4.38,1.85-1.29,3.56-3.06,5.07-5.28,1.6-2.36,2.89-5.07,3.82-8.03Z"></path><path id="o-sonar-ring2" class="cls-2" d="M15.8,28.22c-.07-6.95-2.31-13.26-6.01-16.88-.66-.64-1.34-1.17-2.05-1.6-1.7,1.94-3.14,4.12-4.26,6.48,2.64,2.47,4.36,6.92,4.36,12.11,0,5.13-1.69,9.54-4.27,12.03,1.16,2.41,2.66,4.62,4.44,6.59,1.55-.95,2.98-2.44,4.2-4.41,2.37-3.81,3.64-8.9,3.59-14.31Z"></path><path id="o-sonar-ring1" class="cls-2" d="M1.61,18.59C.57,21.52,0,24.67,0,27.94s.59,6.56,1.67,9.54c1.69-2.13,2.81-5.59,2.81-9.4s-1.15-7.37-2.88-9.49Z"></path></g></g></g></g></svg> 
\ No newline at end of file
diff --git a/apps/web/src/components/sections/home/HeroHeading.tsx b/apps/web/src/components/sections/home/HeroHeading.tsx
index f5d18ed5c..12f88ba0b 100644
--- a/apps/web/src/components/sections/home/HeroHeading.tsx
+++ b/apps/web/src/components/sections/home/HeroHeading.tsx
@@ -23,7 +23,7 @@
 export function HeroHeading() {
   return (
     <h1
-      className="cs-hero-h1 font-display font-semibold text-white"
+      className="cs-hero-h1 text-left font-display font-semibold text-white"
       style={{
         fontSize: "var(--fs-display-home)",
         letterSpacing: "var(--fs-display-ls)",
diff --git a/apps/web/src/components/sections/partners/PartnersNetwork.tsx b/apps/web/src/components/sections/partners/PartnersNetwork.tsx
index 0d3d5f634..5c161d1c9 100644
--- a/apps/web/src/components/sections/partners/PartnersNetwork.tsx
+++ b/apps/web/src/components/sections/partners/PartnersNetwork.tsx
@@ -1,12 +1,6 @@
 "use client";
 
-import {
-  AnimatePresence,
-  domAnimation,
-  LazyMotion,
-  m,
-  useReducedMotion,
-} from "motion/react";
+import { domAnimation, LazyMotion, m, useReducedMotion } from "motion/react";
 import Image from "next/image";
 import { useEffect, useRef, useState } from "react";
 import { Container, Section } from "@/components/layout";
@@ -21,143 +15,135 @@ interface Partner {
   wordmark?: string;
 }
 
-const REGIONS = ["Global", "Asia Pacific", "Europe", "Middle East", "North America"] as const;
-type Region = (typeof REGIONS)[number];
+interface RegionGroup {
+  region: string;
+  partners: Partner[];
+}
 
-const INITIAL_VISIBLE = 8;
+const TRACKS = [
+  { id: "technology-alliances", label: "Technology Alliances" },
+  { id: "channel-partners", label: "Channel Partners" },
+] as const;
 
-const CARD_SPRING = { type: "spring", stiffness: 280, damping: 30, mass: 0.8 } as const;
+type TrackId = (typeof TRACKS)[number]["id"];
 
-const tabId = (region: Region): string => `region-tab-${region.replace(/\s+/g, "-").toLowerCase()}`;
+const ALLIANCES: Partner[] = [
+  { name: "Nutanix", country: "San Jose, USA", logo: "/images/partners/global/nutanix.jpg" },
+  { name: "Sysdig", country: "San Francisco, USA", logo: "/images/partners/global/sysdig.png" },
+  {
+    name: "Orca Security",
+    country: "Portland, USA",
+    logo: "/images/partners/global/orca-security.svg",
+  },
+  {
+    name: "Zensar",
+    country: "San Jose, USA",
+    logo: "/images/partners/global/zensar.svg",
+    invertOnLight: true,
+  },
+];
 
-const PARTNERS: Record<Region, Partner[]> = {
-  Global: [
-    { name: "Nutanix", country: "San Jose, USA", logo: "/images/partners/global/nutanix.jpg" },
-    { name: "Sysdig", country: "San Francisco, USA", logo: "/images/partners/global/sysdig.png" },
-    {
-      name: "Zensar",
-      country: "San Jose, USA",
-      logo: "/images/partners/global/zensar.svg",
-      invertOnLight: true,
-    },
-  ],
-  "Asia Pacific": [
-    { name: "Hitachi Systems", country: "India", logo: "/images/partners/global/hitachi.webp" },
-    { name: "Citius Cloud", country: "India", logo: "/images/partners/global/citius.webp" },
-    { name: "CyberNx", country: "India", logo: "/images/partners/global/cybernx.webp" },
-    { name: "eCaps", country: "India", logo: "/images/partners/global/ecaps.webp" },
-    { name: "SEESEC", country: "India", logo: "/images/partners/global/seesec.webp" },
-    { name: "Imperium", country: "Singapore", logo: "/images/partners/global/imperium.webp" },
-    { name: "R-Tech", country: "Indonesia", logo: "/images/partners/global/rtech.webp" },
-    { name: "eSec Forte", country: "India", logo: "/images/partners/global/sec-forte.webp" },
-    { name: "Raksha Technologies", country: "India", logo: "/images/partners/global/raksha.webp" },
-    { name: "Flying Stars", country: "India", logo: "/images/partners/global/flying-stars.webp" },
-    { name: "Softcell", country: "India", logo: "/images/partners/global/softcell.png" },
-  ],
-  Europe: [
-    { name: "NGIT", country: "Nordics", logo: "/images/partners/global/ngit.webp" },
-    {
-      name: "Mactech Consultants",
-      country: "London, UK",
-      logo: "/images/partners/global/MactechProperties_logo.png",
-    },
-  ],
-  "Middle East": [
-    {
-      name: "Surakshate",
-      country: "UAE",
-      logo: "/images/partners/global/surakshate.webp",
-      invertOnLight: true,
-    },
-    {
-      name: "Help AG",
-      country: "Dubai, UAE",
-      logo: "/images/partners/global/help-ag-logo-2048x603.png",
-    },
-    {
-      name: "Paramount Assure",
-      country: "Dubai, UAE",
-      logo: "/images/partners/global/paramount.png",
-    },
-    {
-      name: "Gulf IT",
-      country: "Dubai, UAE",
-      logo: "/images/partners/global/gulf-it.svg",
-    },
-    {
-      name: "Sechpoint Tech",
-      country: "Dubai, UAE",
-      logo: "/images/partners/global/sechpoint.svg",
-    },
-    {
-      name: "Sandbox Security",
-      country: "Dubai, UAE",
-      logo: "/images/partners/global/sandbox-security.png",
-    },
-    {
-      name: "TecCentric",
-      country: "Doha, Qatar",
-      logo: "/images/partners/global/teccentric.svg",
-    },
-  ],
-  "North America": [
-    {
-      name: "PacGenesis",
-      country: "USA",
-      logo: "/images/partners/global/pacgenesis.png",
-    },
-    {
-      name: "Fortifire",
-      country: "North America",
-      logo: "/images/partners/global/fortifire-icon.webp",
-      wordmark: "FORTIFIRE",
-    },
-    {
-      name: "Zensar",
-      country: "San Jose, USA",
-      logo: "/images/partners/global/zensar.svg",
-      invertOnLight: true,
-    },
-  ],
-};
+const CHANNEL: RegionGroup[] = [
+  {
+    region: "Asia Pacific",
+    partners: [
+      { name: "Hitachi Systems", country: "India", logo: "/images/partners/global/hitachi.webp" },
+      { name: "Citius Cloud", country: "India", logo: "/images/partners/global/citius.webp" },
+      { name: "CyberNx", country: "India", logo: "/images/partners/global/cybernx.webp" },
+      { name: "eCaps", country: "India", logo: "/images/partners/global/ecaps.webp" },
+      { name: "SEESEC", country: "India", logo: "/images/partners/global/seesec.webp" },
+      { name: "eSec Forte", country: "India", logo: "/images/partners/global/sec-forte.webp" },
+      {
+        name: "Raksha Technologies",
+        country: "India",
+        logo: "/images/partners/global/raksha.webp",
+      },
+      {
+        name: "Flying Stars",
+        country: "India",
+        logo: "/images/partners/global/flying-stars.webp",
+      },
+      { name: "Softcell", country: "India", logo: "/images/partners/global/softcell.png" },
+      { name: "Imperium", country: "Singapore", logo: "/images/partners/global/imperium.webp" },
+      { name: "R-Tech", country: "Indonesia", logo: "/images/partners/global/rtech.webp" },
+    ],
+  },
+  {
+    region: "Middle East & Africa",
+    partners: [
+      {
+        name: "Help AG",
+        country: "Dubai, UAE",
+        logo: "/images/partners/global/help-ag-logo-2048x603.png",
+      },
+      {
+        name: "Paramount Assure",
+        country: "Dubai, UAE",
+        logo: "/images/partners/global/paramount.png",
+      },
+      { name: "Gulf IT", country: "Dubai, UAE", logo: "/images/partners/global/gulf-it.svg" },
+      {
+        name: "Sandbox Security",
+        country: "Dubai, UAE",
+        logo: "/images/partners/global/sandbox-security.png",
+      },
+      {
+        name: "Surakshate",
+        country: "UAE",
+        logo: "/images/partners/global/surakshate.webp",
+        invertOnLight: true,
+      },
+      { name: "TecCentric", country: "Doha, Qatar", logo: "/images/partners/global/teccentric.svg" },
+      {
+        name: "Sechpoint Tech",
+        country: "Nairobi, Kenya",
+        logo: "/images/partners/global/sechpoint.svg",
+      },
+    ],
+  },
+  {
+    region: "Europe",
+    partners: [
+      { name: "NGIT", country: "Nordics", logo: "/images/partners/global/ngit.webp" },
+      {
+        name: "Mactech Consultants",
+        country: "London, UK",
+        logo: "/images/partners/global/MactechProperties_logo.png",
+      },
+    ],
+  },
+  {
+    region: "North America",
+    partners: [
+      { name: "PacGenesis", country: "USA", logo: "/images/partners/global/pacgenesis.png" },
+      {
+        name: "Fortifire",
+        country: "North America",
+        logo: "/images/partners/global/fortifire-icon.webp",
+        wordmark: "FORTIFIRE",
+      },
+    ],
+  },
+];
 
 export function PartnersNetwork(): React.ReactElement {
   const reduce = useReducedMotion();
-  const [active, setActive] = useState<Region>("Global");
-  const [expanded, setExpanded] = useState(false);
-  const partners = PARTNERS[active];
-  const basePartners = partners.slice(0, INITIAL_VISIBLE);
-  const extraPartners = partners.slice(INITIAL_VISIBLE);
-
-  // The tab bar is a single horizontal row that scrolls (no wrap) when it overflows a
-  // narrow viewport. Auto-center the active tab so the selection is never stuck off-screen;
-  // the first tab ("Global") rests at the left edge so the bar reads from the start.
-  const scrollerRef = useRef<HTMLDivElement>(null);
+  const [active, setActive] = useState<TrackId>("technology-alliances");
+  const showAlliances = active === "technology-alliances";
+  const activeIndex = showAlliances ? 0 : 1;
+  // The panel fades only when the reader switches tracks. On first paint the section's own
+  // FadeUp wrapper owns the entrance, so a second fade here would double up.
+  const mounted = useRef(false);
   useEffect(() => {
-    const scroller = scrollerRef.current;
-    if (!scroller) return;
-    if (active === "Global") {
-      scroller.scrollTo({ left: 0, behavior: "smooth" });
-      return;
-    }
-    const btn = scroller.querySelector<HTMLButtonElement>(`#${tabId(active)}`);
-    if (!btn) return;
-    const target = btn.offsetLeft - (scroller.clientWidth - btn.offsetWidth) / 2;
-    scroller.scrollTo({ left: Math.max(0, target), behavior: "smooth" });
-  }, [active]);
-
-  const selectRegion = (region: Region): void => {
-    setActive(region);
-    setExpanded(false);
-  };
+    mounted.current = true;
+  }, []);
 
   return (
     <Section
       padding="lg"
       className="relative overflow-hidden"
       style={{
-        background:
-          "linear-gradient(180deg, #151021 0%, #10123E 30%, #131E8F 65%, #471EC0 100%)",
+        background: "linear-gradient(180deg, #151021 0%, #10123E 30%, #131E8F 65%, #471EC0 100%)",
       }}
     >
       <div
@@ -189,8 +175,7 @@ export function PartnersNetwork(): React.ReactElement {
               A Global Network of Trusted{" "}
               <span
                 style={{
-                  background:
-                    "linear-gradient(90deg, #B68CFF 0%, #7A59FF 100%)",
+                  background: "linear-gradient(90deg, #B68CFF 0%, #7A59FF 100%)",
                   WebkitBackgroundClip: "text",
                   WebkitTextFillColor: "transparent",
                   backgroundClip: "text",
@@ -213,116 +198,130 @@ export function PartnersNetwork(): React.ReactElement {
         </div>
 
         <LazyMotion features={domAnimation}>
+          {/* Two equal grid columns let the sliding indicator be exactly 50% wide with no
+              measurement: translateX(100%) lands it on the second column. */}
           <div
-            ref={scrollerRef}
-            className="mt-10 -mx-6 flex overflow-x-auto px-6 [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden"
+            role="tablist"
+            aria-label="Partner tracks"
+            className="relative mx-auto mt-10 grid w-full max-w-[480px] grid-cols-2"
+            style={{
+              background: "#fff",
+              border: "1px solid rgba(0,0,0,0.08)",
+              borderRadius: "100px",
+              padding: "4px",
+            }}
           >
-            <div
-              role="tablist"
-              aria-label="Partner regions"
-              className="mx-auto inline-flex shrink-0 items-center gap-1"
+            <span
+              aria-hidden
+              className="pointer-events-none absolute top-[4px] bottom-[4px] left-[4px] w-[calc(50%-4px)]"
               style={{
-                background: "#fff",
-                border: "1px solid rgba(0,0,0,0.08)",
                 borderRadius: "100px",
-                padding: "4px",
-                width: "fit-content",
+                background: "linear-gradient(180deg, #151021 0%, #131E8F 100%)",
+                transform: `translateX(${activeIndex * 100}%)`,
+                transition: "transform 360ms cubic-bezier(0.34, 1.4, 0.64, 1)",
               }}
-            >
-              {REGIONS.map((region) => {
-                const isActive = region === active;
-                return (
-                  <button
-                    key={region}
-                    id={tabId(region)}
-                    type="button"
-                    role="tab"
-                    aria-selected={isActive}
-                    onClick={() => selectRegion(region)}
-                    className="flex shrink-0 items-center whitespace-nowrap font-semibold leading-[1.2] tracking-[-0.04em]"
-                    style={{
-                      fontSize: "var(--fs-body)",
-                      minHeight: "44px",
-                      padding: "8px 24px",
-                      borderRadius: "100px",
-                      cursor: "pointer",
-                      border: "none",
-                      background: isActive
-                        ? "linear-gradient(180deg, #151021 0%, #131E8F 100%)"
-                        : "transparent",
-                      color: isActive ? "#fff" : "#555",
-                      transition:
-                        "background 360ms cubic-bezier(0.34, 1.56, 0.64, 1), color 280ms ease-out",
-                    }}
-                  >
-                    {region}
-                  </button>
-                );
-              })}
-            </div>
+            />
+            {TRACKS.map((track) => {
+              const isActive = track.id === active;
+              return (
+                <button
+                  key={track.id}
+                  id={`partner-track-tab-${track.id}`}
+                  type="button"
+                  role="tab"
+                  aria-selected={isActive}
+                  aria-controls={`partner-track-panel-${track.id}`}
+                  onClick={() => setActive(track.id)}
+                  className="relative z-10 flex items-center justify-center whitespace-nowrap px-3 font-semibold leading-[1.2] tracking-[-0.04em] text-[length:var(--fs-body-sm)] sm:px-4 sm:text-[length:var(--fs-body)]"
+                  style={{
+                    minHeight: "44px",
+                    borderRadius: "100px",
+                    cursor: "pointer",
+                    border: "none",
+                    background: "transparent",
+                    color: isActive ? "#fff" : "#555",
+                    transition: "color 280ms ease-out",
+                  }}
+                >
+                  {track.label}
+                </button>
+              );
+            })}
           </div>
 
-          <div className="mt-10 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4">
-            {partners.length === 0 ? (
-              <div className="col-span-full text-center text-white/70 py-12" style={{ fontSize: "var(--fs-body)" }}>
-                We&apos;re actively expanding in this region. Check back soon.
+          {/* Swapping the panel changes the section height by ~1500px (4 cards vs 22). Doing
+              that in one frame, with an opacity-only fade and no exit phase, means the reader
+              sees a single layout change instead of a blank gap followed by a jump. */}
+          <m.div
+            key={active}
+            id={`partner-track-panel-${active}`}
+            role="tabpanel"
+            aria-labelledby={`partner-track-tab-${active}`}
+            initial={mounted.current && !reduce ? { opacity: 0 } : false}
+            animate={{ opacity: 1 }}
+            transition={{ duration: 0.16, ease: EASE_SOFT }}
+            className="mt-10"
+          >
+            {showAlliances ? (
+              <div className="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4">
+                {ALLIANCES.map((partner) => (
+                  <PartnerCard key={partner.name} partner={partner} headingLevel="h3" />
+                ))}
               </div>
             ) : (
-              basePartners.map((p) => <PartnerCard key={`${p.name}-${p.country}`} partner={p} />)
+              <div className="flex flex-col gap-12">
+                {CHANNEL.map((group) => (
+                  <div key={group.region}>
+                    <div className="flex items-center gap-5">
+                      <h3
+                        className="font-display font-semibold text-white"
+                        style={{
+                          fontSize: "var(--fs-h3)",
+                          lineHeight: 1.2,
+                          letterSpacing: "-0.02em",
+                        }}
+                      >
+                        {group.region}
+                      </h3>
+                      <span
+                        aria-hidden
+                        className="h-px flex-1"
+                        style={{ background: "rgba(255,255,255,0.16)" }}
+                      />
+                    </div>
+                    <div className="mt-6 grid grid-cols-1 gap-4 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4">
+                      {group.partners.map((partner) => (
+                        <PartnerCard
+                          key={`${group.region}-${partner.name}`}
+                          partner={partner}
+                          headingLevel="h4"
+                        />
+                      ))}
+                    </div>
+                  </div>
+                ))}
+              </div>
             )}
-            {/* Mobile/tablet: show every partner up front — no View More toggle below lg. */}
-            <div className="contents lg:hidden">
-              {extraPartners.map((p) => (
-                <PartnerCard key={`${p.name}-${p.country}`} partner={p} />
-              ))}
-            </div>
-            {/* Desktop (lg+): reveal the remaining partners via View More, with the spring entrance. */}
-            <div className="hidden lg:contents">
-              <AnimatePresence initial={false}>
-                {expanded &&
-                  extraPartners.map((p, i) => (
-                    <m.div
-                      key={`${p.name}-${p.country}`}
-                      initial={reduce ? false : { opacity: 0, y: 18, scale: 0.96 }}
-                      animate={{ opacity: 1, y: 0, scale: 1 }}
-                      exit={reduce ? { opacity: 0 } : { opacity: 0, y: 18, scale: 0.96 }}
-                      transition={
-                        reduce ? { duration: 0.15, ease: EASE_SOFT } : { ...CARD_SPRING, delay: i * 0.06 }
-                      }
-                    >
-                      <PartnerCard partner={p} />
-                    </m.div>
-                  ))}
-              </AnimatePresence>
-            </div>
-          </div>
-
-          {partners.length > INITIAL_VISIBLE && (
-            <div className="mt-10 hidden justify-center lg:flex">
-              <button
-                type="button"
-                onClick={() => setExpanded((prev) => !prev)}
-                aria-expanded={expanded}
-                className="rounded-full px-6 py-3 text-[#0F123E] bg-white font-semibold hover:bg-white/90 transition-colors"
-                style={{ fontSize: "var(--fs-body-sm)", minHeight: "44px" }}
-              >
-                {expanded ? "View Less" : "View More"}
-              </button>
-            </div>
-          )}
+          </m.div>
         </LazyMotion>
       </Container>
     </Section>
   );
 }
 
-function PartnerCard({ partner }: { partner: Partner }): React.ReactElement {
+function PartnerCard({
+  partner,
+  headingLevel: NameTag,
+}: {
+  partner: Partner;
+  headingLevel: "h3" | "h4";
+}): React.ReactElement {
   return (
     <div
       className="flex flex-col gap-3 rounded-[12px] bg-white p-5"
       style={{ border: "1px solid rgba(255,255,255,0.12)" }}
     >
-      <div className="flex h-9 items-center gap-2">
+      <div className="flex h-9 max-w-[150px] items-center gap-2">
         {partner.logo.endsWith(".svg") ? (
           // SVG logos render via plain <img> — next/image needs dangerouslyAllowSVG, and
           // vectors gain nothing from the optimizer.
@@ -334,7 +333,7 @@ function PartnerCard({ partner }: { partner: Partner }): React.ReactElement {
             height={36}
             loading="lazy"
             decoding="async"
-            className="h-full w-auto object-contain object-left"
+            className="h-full w-auto max-w-full object-contain object-left"
             style={partner.invertOnLight ? { filter: "brightness(0)" } : undefined}
           />
         ) : (
@@ -344,7 +343,7 @@ function PartnerCard({ partner }: { partner: Partner }): React.ReactElement {
             width={partner.wordmark ? 36 : 160}
             height={36}
             sizes={partner.wordmark ? "36px" : "160px"}
-            className="h-full w-auto object-contain object-left"
+            className="h-full w-auto max-w-full object-contain object-left"
             style={partner.invertOnLight ? { filter: "brightness(0)" } : undefined}
           />
         )}
@@ -358,12 +357,12 @@ function PartnerCard({ partner }: { partner: Partner }): React.ReactElement {
         ) : null}
       </div>
       <div className="flex flex-col gap-1">
-        <h3
+        <NameTag
           className="font-display font-semibold text-[#0F123E]"
           style={{ fontSize: "var(--fs-h5)", lineHeight: 1.3 }}
         >
           {partner.name}
-        </h3>
+        </NameTag>
         <p className="text-[#475569]" style={{ fontSize: "var(--fs-caption)" }}>
           {partner.country}
         </p>