diff --git a/apple-touch-icon.png b/apple-touch-icon.png
new file mode 100644
index 0000000..4e2ff8d
Binary files /dev/null and b/apple-touch-icon.png differ
diff --git a/brand-mark-full.png b/brand-mark-full.png
new file mode 100644
index 0000000..eff8ff1
Binary files /dev/null and b/brand-mark-full.png differ
diff --git a/brand-mark-square.png b/brand-mark-square.png
new file mode 100644
index 0000000..1d753ee
Binary files /dev/null and b/brand-mark-square.png differ
diff --git a/brand-mark.svg b/brand-mark.svg
index c202f8a..5b646f2 100644
--- a/brand-mark.svg
+++ b/brand-mark.svg
@@ -1,6 +1,9 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 26" fill="none">
-  <circle cx="13" cy="4" r="2.6" fill="#F76857"/>
-  <circle cx="13" cy="22" r="2.6" fill="#F76857"/>
-  <path d="M5 9c0-2.8 2.2-5 5-5h1c2.8 0 5 2.2 5 5v0c0 1.4-1.1 2.5-2.5 2.5H7.5C6.1 11.5 5 12.6 5 14v0c0 2.8 2.2 5 5 5h1" stroke="#1DB897" stroke-width="2.6" stroke-linecap="round"/>
-  <path d="M11 11.5h6c1.4 0 2.5 1.1 2.5 2.5v0c0 1.4-1.1 2.5-2.5 2.5H11" stroke="#1DB897" stroke-width="2.6" stroke-linecap="round" opacity="0.55"/>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
+  <rect width="100" height="100" fill="#FFFFFF"/>
+  <g transform="rotate(-22 50 50)">
+    <rect x="22" y="34" width="44" height="10" rx="5" fill="#AEDED3"/>
+    <rect x="28" y="46" width="44" height="10" rx="5" fill="#1DB897"/>
+    <rect x="34" y="58" width="44" height="10" rx="5" fill="#172E58"/>
+  </g>
+  <circle cx="76" cy="22" r="5.5" fill="#F17B61"/>
 </svg>
diff --git a/contact.html b/contact.html
index 23fdc8c..fd0ca30 100644
--- a/contact.html
+++ b/contact.html
@@ -4,7 +4,33 @@
 <meta charset="utf-8" />
 <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
 <title>Start a project — Stackless</title>
-<meta name="description" content="Tell us what's eating your week. We'll come back with a fixed quote within one business day." />
+<meta name="description" content="Tell us what you need built, automated, or integrated. We reply within one business day with a clear scope and quote." />
+<meta name="theme-color" content="#1DB897" />
+
+<!-- Favicons -->
+<link rel="icon" type="image/svg+xml" href="favicon.svg" />
+<link rel="icon" type="image/png" sizes="32x32" href="favicon-32.png" />
+<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png" />
+<link rel="manifest" href="manifest.json" />
+
+<!-- Open Graph -->
+<meta property="og:type" content="website" />
+<meta property="og:site_name" content="Stackless" />
+<meta property="og:title" content="Start a project — Stackless" />
+<meta property="og:description" content="Tell us what you need built, automated, or integrated. Reply within one business day with a clear scope and quote." />
+<meta property="og:url" content="https://stackless.co.za/contact.html" />
+<meta property="og:image" content="https://stackless.co.za/og-card.png" />
+<meta property="og:image:width" content="1200" />
+<meta property="og:image:height" content="630" />
+<meta property="og:image:alt" content="Stackless — build · automate · integrate" />
+<meta property="og:locale" content="en_ZA" />
+
+<!-- Twitter / X -->
+<meta name="twitter:card" content="summary_large_image" />
+<meta name="twitter:title" content="Start a project — Stackless" />
+<meta name="twitter:description" content="Tell us what you need built, automated, or integrated. Reply within one business day with a clear scope and quote." />
+<meta name="twitter:image" content="https://stackless.co.za/og-card.png" />
+<meta name="twitter:image:alt" content="Stackless — build · automate · integrate" />
 <link rel="preconnect" href="https://fonts.googleapis.com" />
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Inter+Tight:wght@500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet" />
diff --git a/favicon-32.png b/favicon-32.png
new file mode 100644
index 0000000..94c2b9f
Binary files /dev/null and b/favicon-32.png differ
diff --git a/favicon.svg b/favicon.svg
new file mode 100644
index 0000000..5b646f2
--- /dev/null
+++ b/favicon.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
+  <rect width="100" height="100" fill="#FFFFFF"/>
+  <g transform="rotate(-22 50 50)">
+    <rect x="22" y="34" width="44" height="10" rx="5" fill="#AEDED3"/>
+    <rect x="28" y="46" width="44" height="10" rx="5" fill="#1DB897"/>
+    <rect x="34" y="58" width="44" height="10" rx="5" fill="#172E58"/>
+  </g>
+  <circle cx="76" cy="22" r="5.5" fill="#F17B61"/>
+</svg>
diff --git a/icon-192.png b/icon-192.png
new file mode 100644
index 0000000..d95e650
Binary files /dev/null and b/icon-192.png differ
diff --git a/icon-512.png b/icon-512.png
new file mode 100644
index 0000000..b122cfd
Binary files /dev/null and b/icon-512.png differ
diff --git a/index.html b/index.html
index 72b41ad..c2c949b 100644
--- a/index.html
+++ b/index.html
@@ -4,7 +4,33 @@
 <meta charset="utf-8" />
 <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
 <title>Stackless — Build, automate, integrate. We handle it for you.</title>
-<meta name="description" content="Stackless builds websites, installs AI agents, and automates the workflows small and medium businesses keep putting off. Ship in days, not quarters." />
+<meta name="description" content="Stackless builds, automates, and integrates the software your business runs on — websites, AI agents, workflow automation, and internal apps. Outsourced, end-to-end." />
+<meta name="theme-color" content="#1DB897" />
+
+<!-- Favicons (browser tabs + iOS home screen) -->
+<link rel="icon" type="image/svg+xml" href="favicon.svg" />
+<link rel="icon" type="image/png" sizes="32x32" href="favicon-32.png" />
+<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png" />
+<link rel="manifest" href="manifest.json" />
+
+<!-- Open Graph (WhatsApp, iMessage, Telegram, Discord, Slack, Facebook, LinkedIn) -->
+<meta property="og:type" content="website" />
+<meta property="og:site_name" content="Stackless" />
+<meta property="og:title" content="Stackless — Build, automate, integrate. We handle it for you." />
+<meta property="og:description" content="Websites, AI agents, workflow automation, and internal apps — built and run for you. Outsourced software, end-to-end." />
+<meta property="og:url" content="https://stackless.co.za/" />
+<meta property="og:image" content="https://stackless.co.za/og-card.png" />
+<meta property="og:image:width" content="1200" />
+<meta property="og:image:height" content="630" />
+<meta property="og:image:alt" content="Stackless — build · automate · integrate" />
+<meta property="og:locale" content="en_ZA" />
+
+<!-- Twitter / X -->
+<meta name="twitter:card" content="summary_large_image" />
+<meta name="twitter:title" content="Stackless — Build, automate, integrate. We handle it for you." />
+<meta name="twitter:description" content="Websites, AI agents, workflow automation, and internal apps — built and run for you." />
+<meta name="twitter:image" content="https://stackless.co.za/og-card.png" />
+<meta name="twitter:image:alt" content="Stackless — build · automate · integrate" />
 <link rel="preconnect" href="https://fonts.googleapis.com" />
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Inter+Tight:wght@500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet" />
diff --git a/manifest.json b/manifest.json
new file mode 100644
index 0000000..e34bf83
--- /dev/null
+++ b/manifest.json
@@ -0,0 +1,15 @@
+{
+  "name": "Stackless",
+  "short_name": "Stackless",
+  "description": "Build, automate, integrate. Outsourced software, end-to-end.",
+  "start_url": "/",
+  "scope": "/",
+  "display": "standalone",
+  "background_color": "#F4F2EC",
+  "theme_color": "#1DB897",
+  "icons": [
+    { "src": "icon-192.png", "sizes": "192x192", "type": "image/png" },
+    { "src": "icon-512.png", "sizes": "512x512", "type": "image/png" },
+    { "src": "favicon.svg",    "sizes": "any",     "type": "image/svg+xml" }
+  ]
+}
diff --git a/mqjf26fh-7711074E-0104-46DE-92FB-0EB67162627C_1_201_a.jpeg b/mqjf26fh-7711074E-0104-46DE-92FB-0EB67162627C_1_201_a.jpeg
new file mode 100644
index 0000000..6b8bc92
Binary files /dev/null and b/mqjf26fh-7711074E-0104-46DE-92FB-0EB67162627C_1_201_a.jpeg differ
diff --git a/og-card.png b/og-card.png
new file mode 100644
index 0000000..71f7613
Binary files /dev/null and b/og-card.png differ
diff --git a/pricing.html b/pricing.html
index fc329ac..4a5e73a 100644
--- a/pricing.html
+++ b/pricing.html
@@ -4,7 +4,33 @@
 <meta charset="utf-8" />
 <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
 <title>Pricing — Stackless</title>
-<meta name="description" content="Rent-an-AI-Agent retainers, project-based builds, and ongoing studio engagements. Fixed quotes, weekly demos, no surprises." />
+<meta name="description" content="Three transparent plans: Build (project), Run (monthly retainer), Scale (custom). Rent-an-AI-Agent add-ons available on every tier. South African pricing in ZAR." />
+<meta name="theme-color" content="#1DB897" />
+
+<!-- Favicons -->
+<link rel="icon" type="image/svg+xml" href="favicon.svg" />
+<link rel="icon" type="image/png" sizes="32x32" href="favicon-32.png" />
+<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png" />
+<link rel="manifest" href="manifest.json" />
+
+<!-- Open Graph -->
+<meta property="og:type" content="website" />
+<meta property="og:site_name" content="Stackless" />
+<meta property="og:title" content="Pricing — Stackless" />
+<meta property="og:description" content="Three plans: Build (project), Run (monthly retainer), Scale (custom). Rent-an-AI-Agent add-ons available on every tier." />
+<meta property="og:url" content="https://stackless.co.za/pricing.html" />
+<meta property="og:image" content="https://stackless.co.za/og-card.png" />
+<meta property="og:image:width" content="1200" />
+<meta property="og:image:height" content="630" />
+<meta property="og:image:alt" content="Stackless — build · automate · integrate" />
+<meta property="og:locale" content="en_ZA" />
+
+<!-- Twitter / X -->
+<meta name="twitter:card" content="summary_large_image" />
+<meta name="twitter:title" content="Pricing — Stackless" />
+<meta name="twitter:description" content="Three plans: Build (project), Run (monthly retainer), Scale (custom). Rent-an-AI-Agent add-ons available on every tier." />
+<meta name="twitter:image" content="https://stackless.co.za/og-card.png" />
+<meta name="twitter:image:alt" content="Stackless — build · automate · integrate" />
 <link rel="preconnect" href="https://fonts.googleapis.com" />
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Inter+Tight:wght@500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet" />