diff --git a/services/hosting.html b/services/hosting.html
new file mode 100644
index 0000000..b467ed7
--- /dev/null
+++ b/services/hosting.html
@@ -0,0 +1,155 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <title>Hosting &amp; Administration — circlewithadot.net</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <link href="../style.css?v=20250831" rel="stylesheet" />
+  <style>
+    /* Page-only CSS */
+    .page-wrap {
+      max-width: 860px;
+      margin: 0 auto 60px;
+      padding: 0 16px;
+      text-align: left;
+    }
+
+    .page-header {
+      display: flex;
+      align-items: center;
+      gap: 16px;
+      margin: 16px 0 10px;
+    }
+      .page-header h1 {
+        font-size: 44px;
+        margin: 0 0 4px;
+      }
+      .page-sub {
+        color: #9aa0a6;
+        margin: 0 0 18px;
+        font-size: 18px;
+      }
+
+    .page-card {
+      background: #121214;
+      border: 1px solid #1d1f21;
+      border-radius: 14px;
+      padding: 22px;
+      box-shadow: 0 14px 40px rgba(0,0,0,.45);
+      text-align: left;
+    }
+
+    .page-card p {
+      margin: 0;
+      line-height: 1.6;
+    }
+
+    .examples-title {
+      margin: 0 0 10px;
+      font-size: 16px;
+      color: #9aa0a6;
+    }
+
+    /* Make the icon row feel like the homepage “services” box */
+    .examples-card .icon-row {
+      margin-top: 8px;
+      justify-content: flex-start;
+      gap: 18px;
+      flex-wrap: wrap;
+    }
+
+    .examples-note {
+      margin-top: 12px;
+      color: #9aa0a6;
+      font-size: 14px;
+      line-height: 1.5;
+    }
+  </style>
+</head>
+<body>
+  <header class="site-header">
+    <a class="brand" href="../index.html">
+      <img class="brand-logo" src="../images/cwad_logo.png" alt="Circle With A Dot logo" />
+      <span class="brand-name">CIRCLE WITH A DOT</span>
+    </a>
+  </header>
+
+  <main class="page-wrap">
+    <header class="page-header">
+      <div>
+        <h1>Hosting &amp; Administration</h1>
+        <p class="page-sub">Limited availability • Case-by-case</p>
+      </div>
+    </header>
+
+    <section class="page-card">
+      <p>
+        We provide limited-availability, case-by-case managed hosting and administration for organizations that want reliable
+        services without running the infrastructure in-house. We do not offer web design services.
+        <br /><br />
+        Current offerings include Nextcloud, Matrix (Synapse), Mastodon, and blockchain nodes.
+        <br /><br />
+        Every deployment includes a hardened setup, monitoring, updates, and backend support (server, containers, and proxy),
+        with optional offsite backups.
+        <br /><br />
+        Email <a href="mailto:james@circlewithadot.net">james@circlewithadot.net</a> with a short description of your needs to
+        request an estimate and schedule a call.
+      </p>
+    </section>
+
+    <section class="page-card examples-card" style="margin-top:16px;">
+      <p class="examples-title"><strong>Examples of services we run</strong></p>
+      <div class="icon-row">
+        <a href="https://mastodon.circlewithadot.net/@cwad" target="_blank" rel="noopener">
+          <img src="../images/icon_mastodon.png" alt="Mastodon" />
+        </a>
+        <a href="https://peertube.circlewithadot.net" target="_blank" rel="noopener">
+          <img src="../images/icon_peertube.png" alt="PeerTube" />
+        </a>
+        <a href="https://funkwhale.circlewithadot.net" target="_blank" rel="noopener">
+          <img src="../images/icon_funkwhale.png" alt="Funkwhale" />
+        </a>
+        <a href="https://git.circlewithadot.net/explore/repos" target="_blank" rel="noopener">
+          <img src="../images/icon_gitea.png" alt="Gitea" />
+        </a>
+      </div>
+      <div class="examples-note">
+        Note: these are examples of platforms in our stack. Managed hosting offerings may vary by project.
+      </div>
+    </section>
+
+    <footer class="site-footer" role="contentinfo" style="margin-top:16px;">
+      <div class="footer-inner">
+        <div class="footer-left">
+          <a
+            href="https://creativecommons.org/licenses/by-nc-sa/4.0/"
+            target="_blank"
+            rel="noopener"
+            class="footer-text"
+          >
+            BY-NC-SA 4.0
+          </a>
+        </div>
+
+        <div class="footer-center">
+          <a
+            href="https://en.wikipedia.org/wiki/Copyleft"
+            target="_blank"
+            rel="noopener"
+            class="footer-icon"
+            aria-label="Copyleft (learn more)"
+          >
+            <img src="../images/cl.png" alt="Copyleft" />
+          </a>
+        </div>
+
+        <div class="footer-right footer-links">
+          <a href="../LICENSE">License</a>
+        </div>
+      </div>
+    </footer>
+  </main>
+
+  <a rel="me" href="https://mastodon.circlewithadot.net/@incentive" class="hidden">Mastodon</a>
+</body>
+</html>
\ No newline at end of file
