diff --git a/index.html b/index.html
new file mode 100644
index 0000000..f24f34a
--- /dev/null
+++ b/index.html
@@ -0,0 +1,303 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Third Culture Software, LLC</title>
+  <style>
+    body { font-family: Arial, sans-serif; margin: 0; line-height: 1.6; color: #333; }
+    header { background: #0f172a; color: #fff; padding: 80px 20px; text-align: center; }
+    header h1 { margin-bottom: 10px; font-size: 2.8em; }
+    header p { font-size: 1.2em; max-width: 650px; margin: 0 auto 20px; }
+    .cta-btn { display: inline-block; background: #056725; color: #fff; padding: 12px 24px; border-radius: 6px; font-weight: bold; }
+    section { padding: 50px 20px; max-width: 1100px; margin: auto; }
+    h2 { margin-bottom: 20px; }
+    .services { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; }
+    .card { border: 1px solid #ddd; border-radius: 10px; padding: 25px; background: #fafafa; }
+    .price { font-weight: bold; margin: 10px 0; }
+    .pricing-table { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px; }
+    .pricing-card { border: 1px solid #ddd; border-radius: 10px; padding: 20px; background: #fff; text-align: center; }
+    .pricing-card h3 { margin-top: 0; }
+    .highlight { border: 2px solid #22c55e; }
+    footer { background: #f1f5f9; text-align: center; padding: 30px 20px; margin-top: 40px; }
+    a { color: #0f172a; text-decoration: none; }
+
+    .card ul {
+      margin: 15px 0;
+      list-style-type: disc;
+    }
+    .card h3 {
+      margin-bottom: 10px;
+      border-bottom: 1px solid #eee;
+      padding-bottom: 10px;
+    }
+
+    .problem-section {
+        padding: 80px 20px;
+        background-color: #f9f9f9; /* Light grey background */
+        font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
+        color: #333;
+        line-height: 1.6;
+    }
+
+    .container {
+        max-width: 1100px;
+        margin: 0 auto;
+    }
+
+    .problem-content {
+        max-width: 900px;
+        margin: 0 auto;
+        text-align: center;
+    }
+
+
+    .section-title {
+        font-size: 2.5rem;
+        font-weight: 800;
+        margin-bottom: 20px;
+        color: #1a2a6c; /* Deep Blue */
+    }
+
+    .highlight-red {
+        color: #b21f1f; /* A professional red/maroon to pop */
+    }
+
+    .section-intro {
+        font-size: 1.2rem;
+        margin-bottom: 50px;
+        color: #555;
+    }
+
+    .problem-grid {
+        display: grid;
+        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+        gap: 30px;
+        margin-bottom: 50px;
+    }
+
+    .problem-card {
+        background: #ffffff;
+        padding: 40px 30px;
+        border-radius: 12px;
+        box-shadow: 0 10px 30px rgba(0,0,0,0.05);
+        transition: transform 0.3s ease;
+        border: 1px solid #eee;
+        text-align: left;
+    }
+
+    .problem-card:hover {
+        transform: translateY(-5px);
+        border-color: #b21f1f;
+    }
+
+    .problem-card .icon {
+        font-size: 2.5rem;
+        margin-bottom: 20px;
+    }
+
+ .problem-card h3 {
+        font-size: 1.4rem;
+        margin-bottom: 15px;
+        color: #1a2a6c;
+    }
+
+    .problem-card p {
+        font-size: 1rem;
+        color: #666;
+    }
+
+    .problem-footer {
+        margin-top: 40px;
+        padding: 30px;
+        background: #1a2a6c;
+        color: white;
+        border-radius: 12px;
+    }
+
+    .problem-footer p {
+        font-size: 1.2rem;
+        margin-bottom: 20px;
+    }
+
+    .cta-button {
+        display: inline-block;
+        padding: 15px 35px;
+        background-color: #b21f1f;
+        color: white;
+        text-decoration: none;
+        border-radius: 50px;
+        font-weight: bold;
+        transition: background 0.3s ease;
+    }
+
+    .cta-button:hover {
+        background-color: #8e1a1a;
+    }
+
+    /* Responsive Adjustments */
+    @media (max-width: 768px) {
+        .section-title {
+            font-size: 2rem;
+        }
+        .problem-grid {
+            grid-template-columns: 1fr;
+        }
+    }
+
+  </style>
+</head>
+<body>
+
+<header>
+  <h1>Third Culture Software</h1>
+  <p>Practical, sustainable software solutions for NGOs and healthcare systems working in low-resource and international contexts.</p>
+  <a class="cta-btn" href="mailto:contact@thirdculturesoftware.com">Contact Us</a>
+</header>
+
+<section>
+  <h2>About</h2>
+  <p>
+    Third Culture Software develops and supports software tailored to the realities of low and middle income settings. We specialize in data systems for nonprofits, community based organisations, and healthcare institutions in the Democratic Republic of the Co
+ngo, focusing on sustainability, affordability, and real-world usability.
+  </p>
+</section>
+
+<section class="problem-section">
+    <div class="container">
+        <div class="problem-content">
+            <h2 class="section-title">Global Standards. Local Expertise.</h2>
+            <p class="section-intro">
+              For small NGOs and community-based organizations in the DRC, the "last mile" of data collection is often the hardest. You have an important mission,  whether it is distributing mosquito nets, tracking community health, or managing resources, but you are often held back by three significant barriers:
+            </p>
+
+            <div class="problem-grid">
+                <div class="problem-card">
+                    <h3>Rural Connectivity</h3>
+                    <p>In rural regions, connectivity is challenging. When VSATs fail and 3G is spotty, how do you ensure that field data is transmitted without loss or delay?</p>
+                </div>
+
+                <div class="problem-card">
+                    <h3>Technical Barriers</h3>
+                    <p>Tools like ODK and DHIS2 are powerful, but they aren't "plug-and-play." Setting up secure servers, managing VPS configurations, and ensuring data syncs correctly requires engineering expertise that most small teams don't have the time to build.</p>
+                </div>
+
+                <div class="problem-card">
+                    <h3>The Scale &amp; Cost Barrier</h3>
+                    <p>Large global consultancies often overlook small-scale projects, leaving you with enterprise prices for community needs. You need a partner who understands the nuances of data collection in low and middle income settings without the overhead of a national firm.</p>
+                </div>
+            </div>
+
+            <div class="problem-footer">
+                <p><strong>We bridge this gap.</strong> We provide the technical backbone so you can focus on what matters: making an impact.</p>
+                <a href="#contact" class="cta-button">Talk to our Team</a>
+            </div>
+        </div>
+    </div>
+</section>
+
+    
+<section>
+  <h2>Our Core Solutions</h2>
+  <p>We provide the infrastructure and expertise needed to turn field data into actionable insights. Our services are designed specifically for organizations that need high-quality results without the enterprise-level complexity.</p>
+
+  <div class="services" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; margin-top: 30px;">
+
+    <!-- ODK Central Hosting -->
+    <div class="card highlight">
+      <h3 style="color: #056725; margin-top: 0;">ODK Central Hosting</h3>
+      <p><strong>The standard for mobile data collection.</strong></p>
+      <p>We manage your ODK Central instance, providing a reliable backbone for your field teams. Focus on your data, not your server maintenance.</p>
+      <ul style="padding-left: 20px; font-size: 0.95em;">
+        <li>Seamless online/offline syncing</li>
+        <li>Managed server updates &amp; security</li>
+        <li>Custom form deployment</li>
+      </ul>
+      <div class="price" style="font-size: 1.2em;">Starting at $5 / month</div>
+      <p style="font-size: 0.9em; color: #666;">+ Optional backups available</p>
+    </div>
+
+    <!-- DHIS2 Hosting -->
+    <div class="card">
+      <h3 style="color: #0f172a; margin-top: 0;">DHIS2 Hosting</h3>
+      <p><strong>Information systems for local impact.</strong></p>
+      <p>Get the power of DHIS2 without the overhead of a national-scale setup. We provide stable hosting for NGOs and community health programs.</p>
+      <ul style="padding-left: 20px; font-size: 0.95em;">
+        <li>Tailored for local NGOs &amp; CBOs</li>
+        <li>Simplified administration</li>
+        <li>Scalable for your specific program</li>
+      </ul>
+      <div class="price" style="font-size: 1.2em;">Custom Quote</div>
+      <p style="font-size: 0.9em; color: #666;">Based on your organization's size.</p>
+    </div>
+
+    <!-- Consultancy -->
+    <div class="card">
+      <h3 style="color: #0f172a; margin-top: 0;">Data & Software Consultancy</h3>
+      <p><strong>Strategy from paper to pixels.</strong></p>
+      <p>Not sure where to start? We help you design your data collection workflows, choose the right tools, and train your team to use them effectively.</p>
+      <ul style="padding-left: 20px; font-size: 0.95em;">
+        <li>Data system design &amp; roadmap</li>
+        <li>Software selection &amp; configuration</li>
+        <li>Staff capacity building &amp; training</li>
+      </ul>
+      <div class="price" style="font-size: 1.2em;">Contact for Project Rate</div>
+      <p style="font-size: 0.9em; color: #666;">Flexible per-project pricing.</p>
+    </div>
+
+  </div>
+</section>
+
+    <section style="background-color: #f8fafc; border-radius: 20px; padding: 40px;">
+  <h2 style="text-align: center;">Technical Hosting & VPS</h2>
+  <p style="text-align: center; margin-bottom: 40px;">Need raw power or professional communication tools?</p>
+  <div class="pricing-table">
+    <div class="pricing-card">
+      <h3>Email Hosting</h3>
+      <p>Custom domain email for your organization.</p>
+      <div class="price">$14 / user / year</div>
+    </div>
+
+    <div class="pricing-card">
+      <h3>VPS - Basic</h3>
+      <p>2 GiB RAM / 1 vCPU / 30 GiB SSD</p>
+      <div class="price">$5 / month</div>
+    </div>
+
+    <div class="pricing-card">
+      <h3>VPS - Standard</h3>
+      <p>4 GiB RAM / 1 vCPU / 50 GiB SSD</p>
+      <div class="price">$10 / month</div>
+    </div>
+
+    <div class="pricing-card">
+      <h3>VPS - Advanced</h3>
+      <p>6 GiB RAM / 2 vCPU / 80 GiB SSD</p>
+      <div class="price">$15 / month</div>
+    </div>
+
+    <div class="pricing-card">
+      <h3>VPS - High Capacity</h3>
+      <p>8 GiB RAM / 2 vCPU / 100 GiB SSD</p>
+      <div class="price">$25 / month</div>
+    </div>
+  </div>
+</section>
+
+<section>
+  <h2>Contact</h2>
+  <p>
+    Ready to get started or have questions? Reach out to us directly.
+  </p>
+  <p>
+    <a class="cta-btn" href="mailto:contact@thirdculturesoftware.com">Contact Us</a>
+  </p>
+</section>
+
+<footer>
+  <p>&copy; 2026 Third Culture Software, LLC</p>
+</footer>
+
+</body>
+</html>
+
