Move partner logos to top and add GPU Mode and ExecuTorch

src/app/page.module.css

@@ -16,13 +16,6 @@
   max-width: 980px;
 }
 
-.eyebrow {
-  font-size: 0.78rem;
-  letter-spacing: 0.28em;
-  text-transform: uppercase;
-  color: var(--muted);
-}
-
 .partnerRail {
   display: grid;
   gap: 16px;
@@ -54,7 +47,7 @@
 
 .partnerGrid {
   display: grid;
-  grid-template-columns: repeat(2, minmax(0, 1fr));
+  grid-template-columns: repeat(4, minmax(0, 1fr));
   gap: 14px;
 }
 
@@ -78,8 +71,19 @@
   justify-content: flex-start;
 }
 
+.openaiLockup {
+  display: flex;
+  align-items: center;
+  gap: 14px;
+}
+
+.openaiBlossom {
+  width: 36px;
+  height: auto;
+}
+
 .openaiWordmark {
-  width: min(240px, 100%);
+  width: min(180px, 100%);
   height: auto;
 }
 
@@ -89,10 +93,15 @@
   display: block;
 }
 
-.partnerMeta {
-  color: #d0d0d0;
-  line-height: 1.55;
-  font-size: 0.92rem;
+.gpuModeLogo {
+  width: min(180px, 100%);
+  height: auto;
+}
+
+.executorchLogo {
+  width: min(88px, 100%);
+  height: auto;
+  filter: invert(1) hue-rotate(180deg);
 }
 
 .title {
@@ -346,7 +355,7 @@
 
 @media (max-width: 900px) {
   .partnerGrid {
-    grid-template-columns: 1fr;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
   }
 
   .grid {
@@ -375,6 +384,15 @@
     min-height: 72px;
   }
 
+  .openaiWordmark,
+  .gpuModeLogo {
+    width: min(160px, 100%);
+  }
+
+  .executorchLogo {
+    width: 80px;
+  }
+
   .profileCard {
     align-items: flex-start;
   }
@@ -390,3 +408,9 @@
     width: 100%;
   }
 }
+
+@media (max-width: 560px) {
+  .partnerGrid {
+    grid-template-columns: 1fr;
+  }
+}

src/app/signup-panel.tsx

@@ -123,12 +123,80 @@ export default function SignupPanel({ session }: SignupPanelProps) {
     <div className={styles.page}>
       <main className={styles.shell}>
         <section className={styles.hero}>
-          <p className={styles.eyebrow}>Hackathon Registration</p>
+          <section className={styles.partnerRail}>
+            <div className={styles.partnerRailHeader}>
+              <p className={styles.partnerLabel}>Built With</p>
+            </div>
+            <div className={styles.partnerGrid}>
+              <div className={styles.partnerCard}>
+                <span className={styles.partnerName}>OpenAI</span>
+                <div className={styles.partnerMarkSurface}>
+                  <div className={styles.openaiLockup}>
+                    <Image
+                      alt="OpenAI monoblossom in white"
+                      className={styles.openaiBlossom}
+                      height={721}
+                      priority
+                      src="/brand/openai-white-monoblossom.svg"
+                      unoptimized
+                      width={721}
+                    />
+                    <Image
+                      alt="OpenAI white wordmark"
+                      className={styles.openaiWordmark}
+                      height={719}
+                      priority
+                      src="/brand/openai-white-wordmark.svg"
+                      unoptimized
+                      width={1604}
+                    />
+                  </div>
+                </div>
+              </div>
+              <div className={styles.partnerCard}>
+                <span className={styles.partnerName}>Hugging Face</span>
+                <div className={styles.partnerMarkSurface}>
+                  <Image
+                    alt="Hugging Face pirate logo in white"
+                    className={styles.hfPirateLogo}
+                    height={463}
+                    src="/brand/hugging-face-logo-pirate-white.svg"
+                    unoptimized
+                    width={500}
+                  />
+                </div>
+              </div>
+              <div className={styles.partnerCard}>
+                <span className={styles.partnerName}>GPU Mode</span>
+                <div className={styles.partnerMarkSurface}>
+                  <Image
+                    alt="GPU Mode white logo"
+                    className={styles.gpuModeLogo}
+                    height={1700}
+                    src="/brand/gpu-mode-white-cropped.svg"
+                    unoptimized
+                    width={3141}
+                  />
+                </div>
+              </div>
+              <div className={styles.partnerCard}>
+                <span className={styles.partnerName}>ExecuTorch</span>
+                <div className={styles.partnerMarkSurface}>
+                  <Image
+                    alt="ExecuTorch logo"
+                    className={styles.executorchLogo}
+                    height={839}
+                    src="/brand/executorch-logo.png"
+                    width={864}
+                  />
+                </div>
+              </div>
+            </div>
+          </section>
           <h1 className={styles.title}>Humanity&apos;s Last Hackathon</h1>
           <p className={styles.subtitle}>
             Build Mac Metal kernels with Codex from OpenAI, register through Hugging Face, and qualify for the final
-            challenge in Humanity&apos;s Last Hackathon. <b>The focus is local inference, kernel optimization, and
-            agent-driven ML systems work on Apple silicon.</b>
+            challenge in Humanity&apos;s Last Hackathon.
           </p>
           <div className={styles.heroMeta}>
             <span>Launch: May 4th, 2026</span>
@@ -242,40 +310,6 @@ export default function SignupPanel({ session }: SignupPanelProps) {
           </section>
         </section>
 
-        <section className={styles.partnerRail}>
-          <div className={styles.partnerRailHeader}>
-            <p className={styles.partnerLabel}>Built With</p> 
-          </div>
-          <div className={styles.partnerGrid}>
-            <div className={styles.partnerCard}>
-              <span className={styles.partnerName}>OpenAI</span>
-              <div className={styles.partnerMarkSurface}>
-                <Image
-                  alt="OpenAI white wordmark"
-                  className={styles.openaiWordmark}
-                  height={719}
-                  priority
-                  src="/brand/openai-white-wordmark.svg"
-                  unoptimized
-                  width={1604}
-                />
-              </div>
-            </div>
-            <div className={styles.partnerCard}>
-              <span className={styles.partnerName}>Hugging Face</span>
-              <div className={styles.partnerMarkSurface}>
-                <Image
-                  alt="Hugging Face pirate logo in white"
-                  className={styles.hfPirateLogo}
-                  height={463}
-                  src="https://huggingface.co/datasets/huggingface/brand-assets/resolve/main/hf-logo-pirate.svg"
-                  unoptimized
-                  width={500}
-                />
-              </div>
-            </div>
-          </div>  
-        </section>
       </main>
     </div>
   );