diff --git a/public/logo-mark.png b/public/logo-mark.png
new file mode 100644
index 0000000..23826ed
Binary files /dev/null and b/public/logo-mark.png differ
diff --git a/public/logo-stacked.png b/public/logo-stacked.png
new file mode 100644
index 0000000..a10afe3
Binary files /dev/null and b/public/logo-stacked.png differ
diff --git a/src/app/apple-icon.png b/src/app/apple-icon.png
new file mode 100644
index 0000000..2514aec
Binary files /dev/null and b/src/app/apple-icon.png differ
diff --git a/src/app/favicon.ico b/src/app/favicon.ico
deleted file mode 100644
index af98450..0000000
Binary files a/src/app/favicon.ico and /dev/null differ
diff --git a/src/app/globals.css b/src/app/globals.css
index cc6aaf6..64abb0f 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -322,11 +322,21 @@ a {
 }
 
 .logo-mark {
-  width: 30px;
-  height: 30px;
+  width: auto;
+  height: 40px;
   flex: none;
 }
 
+.logo-stacked {
+  display: inline-block;
+}
+
+.logo-stacked img {
+  display: block;
+  width: 120px;
+  height: auto;
+}
+
 .logo-type {
   display: flex;
   flex-direction: column;
diff --git a/src/app/icon.png b/src/app/icon.png
new file mode 100644
index 0000000..36d0c2e
Binary files /dev/null and b/src/app/icon.png differ
diff --git a/src/app/page.tsx b/src/app/page.tsx
index c6210bf..f7687bb 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -6,7 +6,7 @@ import StatCounter from "@/components/stat-counter";
 import Capabilities from "@/components/capabilities";
 import QueryTicker from "@/components/query-ticker";
 import ProductVisual from "@/components/product-visuals";
-import Logo from "@/components/logo";
+import { LogoStacked } from "@/components/logo";
 import { stats, products, journeySteps, gaps, footerColumns } from "@/content/home";
 
 type Vars = CSSProperties & Record<`--${string}`, string | number>;
@@ -403,7 +403,7 @@ export default function Home() {
         <div className="wrap">
           <div className="footer-top">
             <div className="footer-brand">
-              <Logo />
+              <LogoStacked />
               <p>
                 Paid media, SEO, AI visibility, web, attribution, and technology — connected into one accountable
                 digital growth system.
diff --git a/src/components/logo.tsx b/src/components/logo.tsx
index 36af768..d39f9a7 100644
--- a/src/components/logo.tsx
+++ b/src/components/logo.tsx
@@ -1,18 +1,9 @@
-export function LogoMark({ className = "logo-mark" }: { className?: string }) {
-  return (
-    <svg className={className} viewBox="0 0 32 32" fill="none" aria-hidden="true">
-      <rect x="0.5" y="0.5" width="31" height="31" stroke="currentColor" strokeOpacity="0.35" />
-      <path d="M6 25 L16 7 L26 25" stroke="currentColor" strokeWidth="1.4" />
-      <path d="M10.5 18.5 H21.5" stroke="currentColor" strokeWidth="1.4" />
-      <rect x="23.5" y="5.5" width="3" height="3" fill="#da291c" />
-    </svg>
-  );
-}
+import Image from "next/image";
 
 export default function Logo() {
   return (
     <a href="#top" className="logo" aria-label="AI Growth Technologies — home">
-      <LogoMark />
+      <Image className="logo-mark" src="/logo-mark.png" alt="" width={229} height={192} priority />
       <span className="logo-type">
         <b>AI GROWTH</b>
         <span>TECHNOLOGIES</span>
@@ -20,3 +11,11 @@ export default function Logo() {
     </a>
   );
 }
+
+export function LogoStacked() {
+  return (
+    <a href="#top" className="logo-stacked" aria-label="AI Growth Technologies — back to top">
+      <Image src="/logo-stacked.png" alt="AI Growth Technologies" width={480} height={547} />
+    </a>
+  );
+}