From 611a861bdd6d8a71a12b2e95055043dce2b6b42d Mon Sep 17 00:00:00 2001
From: Peter Foster <peter.foster@ukdataservices.co.uk>
Date: Sun, 22 Feb 2026 11:11:40 +0000
Subject: [PATCH] Accessibility: fix WCAG structural/landmark issues

- nav.php: add aria-label="Main navigation" to navbar <nav>
- article-footer.php: h4 -> h3 in related-card (h2->h4 skipped h3)
- 6 articles: add aria-label="Table of contents" to article-toc <nav>
- index.php: move trust-signals section inside <main> (was after </main>)
- web-scraping, price-monitoring, competitive-intelligence: add <main> wrapper
- index.php: inline #179e83 colour fixes (text on tinted backgrounds)
---
 ...business-intelligence-dashboard-design.php |  8 ++--
 .../competitive-intelligence-roi-metrics.php  |  8 ++--
 .../javascript-heavy-sites-scraping.php       |  8 ++--
 .../predictive-analytics-customer-churn.php   |  8 ++--
 .../sql-analytics-advanced-techniques.php     |  8 ++--
 .../web-scraping-compliance-uk-guide.php      |  8 ++--
 includes/article-footer.php                   |  2 +-
 includes/nav.php                              |  2 +-
 index.php                                     | 44 +++++++++----------
 services/competitive-intelligence.php         |  6 ++-
 services/price-monitoring.php                 |  6 ++-
 services/web-scraping.php                     |  6 ++-
 12 files changed, 63 insertions(+), 51 deletions(-)

diff --git a/blog/articles/business-intelligence-dashboard-design.php b/blog/articles/business-intelligence-dashboard-design.php
index 570f7e3..3115579 100644
--- a/blog/articles/business-intelligence-dashboard-design.php
+++ b/blog/articles/business-intelligence-dashboard-design.php
@@ -33,7 +33,7 @@ $read_time = 12;
     <meta name="article:tag" content="Dashboard Design, Business Intelligence, Data Visualisation, Analytics">
     
     <!-- Preload critical resources -->
-    <link rel="preload" href="../../assets/css/main.css" as="style">
+    <link rel="preload" href="../../assets/css/main.css?v=20260222" as="style">
     <link rel="preload" href="../../assets/images/ukds-main-logo.png" as="image">
     
     <!-- Open Graph / Social Media -->
@@ -64,8 +64,8 @@ $read_time = 12;
     <link href="https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;400;500;600;700&family=Lato:wght@300;400;500;600;700&display=swap" rel="stylesheet">
     
     <!-- Styles -->
-    <link rel="stylesheet" href="../../assets/css/main.css">
-    <link rel="stylesheet" href="../../assets/css/cro-enhancements.css">
+    <link rel="stylesheet" href="../../assets/css/main.css?v=20260222">
+    <link rel="stylesheet" href="../../assets/css/cro-enhancements.css?v=20260222">
     
     <!-- Article Schema Markup -->
     <script type="application/ld+json">
@@ -141,7 +141,7 @@ $read_time = 12;
                 </header>
                 
                 <!-- Table of Contents -->
-                <nav class="article-toc">
+                <nav class="article-toc" aria-label="Table of contents">
                     <h2>Table of Contents</h2>
                     <ol>
                         <li><a href="#dashboard-fundamentals">Dashboard Design Fundamentals</a></li>
diff --git a/blog/articles/competitive-intelligence-roi-metrics.php b/blog/articles/competitive-intelligence-roi-metrics.php
index e7440cb..4cd0abe 100644
--- a/blog/articles/competitive-intelligence-roi-metrics.php
+++ b/blog/articles/competitive-intelligence-roi-metrics.php
@@ -33,7 +33,7 @@ $read_time = 8;
     <meta name="article:tag" content="ROI, Competitive Intelligence, Business Intelligence, Metrics">
     
     <!-- Preload critical resources -->
-    <link rel="preload" href="../../assets/css/main.css" as="style">
+    <link rel="preload" href="../../assets/css/main.css?v=20260222" as="style">
     <link rel="preload" href="../../assets/images/ukds-main-logo.png" as="image">
     
     <!-- Open Graph / Social Media -->
@@ -64,8 +64,8 @@ $read_time = 8;
     <link href="https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;400;500;600;700&family=Lato:wght@300;400;500;600;700&display=swap" rel="stylesheet">
     
     <!-- Styles -->
-    <link rel="stylesheet" href="../../assets/css/main.css">
-    <link rel="stylesheet" href="../../assets/css/cro-enhancements.css">
+    <link rel="stylesheet" href="../../assets/css/main.css?v=20260222">
+    <link rel="stylesheet" href="../../assets/css/cro-enhancements.css?v=20260222">
     
     <!-- Article Schema Markup -->
     <script type="application/ld+json">
@@ -142,7 +142,7 @@ $read_time = 8;
                 
                 
                 <!-- Table of Contents -->
-                <nav class="article-toc">
+                <nav class="article-toc" aria-label="Table of contents">
                     <h2>Table of Contents</h2>
                     <ol>
                         <li><a href="#why-measure-roi">Why Measure CI ROI?</a></li>
diff --git a/blog/articles/javascript-heavy-sites-scraping.php b/blog/articles/javascript-heavy-sites-scraping.php
index 27bac9c..a84b1c2 100644
--- a/blog/articles/javascript-heavy-sites-scraping.php
+++ b/blog/articles/javascript-heavy-sites-scraping.php
@@ -33,7 +33,7 @@ $read_time = 8;
     <meta name="article:tag" content="JavaScript, Web Scraping, Browser Automation, SPA">
     
     <!-- Preload critical resources -->
-    <link rel="preload" href="../../assets/css/main.css" as="style">
+    <link rel="preload" href="../../assets/css/main.css?v=20260222" as="style">
     <link rel="preload" href="../../assets/images/ukds-main-logo.png" as="image">
     
     <!-- Open Graph / Social Media -->
@@ -61,8 +61,8 @@ $read_time = 8;
     <link href="https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;400;500;600;700&family=Lato:wght@300;400;500;600;700&display=swap" rel="stylesheet">
     
     <!-- Styles -->
-    <link rel="stylesheet" href="../../assets/css/main.css">
-    <link rel="stylesheet" href="../../assets/css/cro-enhancements.css">
+    <link rel="stylesheet" href="../../assets/css/main.css?v=20260222">
+    <link rel="stylesheet" href="../../assets/css/cro-enhancements.css?v=20260222">
     
     <!-- Article Schema Markup -->
     <script type="application/ld+json">
@@ -139,7 +139,7 @@ $read_time = 8;
                 
                 
                 <!-- Table of Contents -->
-                <nav class="article-toc">
+                <nav class="article-toc" aria-label="Table of contents">
                     <h2>Table of Contents</h2>
                     <ol>
                         <li><a href="#understanding-challenges">Understanding the Challenges</a></li>
diff --git a/blog/articles/predictive-analytics-customer-churn.php b/blog/articles/predictive-analytics-customer-churn.php
index 04e3d02..5314e09 100644
--- a/blog/articles/predictive-analytics-customer-churn.php
+++ b/blog/articles/predictive-analytics-customer-churn.php
@@ -33,7 +33,7 @@ $read_time = 14;
     <meta name="article:tag" content="Predictive Analytics, Customer Churn, Machine Learning, Retention">
     
     <!-- Preload critical resources -->
-    <link rel="preload" href="../../assets/css/main.css" as="style">
+    <link rel="preload" href="../../assets/css/main.css?v=20260222" as="style">
     <link rel="preload" href="../../assets/images/ukds-main-logo.png" as="image">
     
     <!-- Open Graph / Social Media -->
@@ -64,8 +64,8 @@ $read_time = 14;
     <link href="https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;400;500;600;700&family=Lato:wght@300;400;500;600;700&display=swap" rel="stylesheet">
     
     <!-- Styles -->
-    <link rel="stylesheet" href="../../assets/css/main.css">
-    <link rel="stylesheet" href="../../assets/css/cro-enhancements.css">
+    <link rel="stylesheet" href="../../assets/css/main.css?v=20260222">
+    <link rel="stylesheet" href="../../assets/css/cro-enhancements.css?v=20260222">
     
     <!-- Article Schema Markup -->
     <script type="application/ld+json">
@@ -182,7 +182,7 @@ $read_time = 14;
                 </header>
                 
                 <!-- Table of Contents -->
-                <nav class="article-toc">
+                <nav class="article-toc" aria-label="Table of contents">
                     <h2>Table of Contents</h2>
                     <ol>
                         <li><a href="#churn-fundamentals">Understanding Customer Churn</a></li>
diff --git a/blog/articles/sql-analytics-advanced-techniques.php b/blog/articles/sql-analytics-advanced-techniques.php
index ba823fc..d99a235 100644
--- a/blog/articles/sql-analytics-advanced-techniques.php
+++ b/blog/articles/sql-analytics-advanced-techniques.php
@@ -33,7 +33,7 @@ $read_time = 16;
     <meta name="article:tag" content="SQL, Analytics, Data Science, Business Intelligence">
     
     <!-- Preload critical resources -->
-    <link rel="preload" href="../../assets/css/main.css" as="style">
+    <link rel="preload" href="../../assets/css/main.css?v=20260222" as="style">
     <link rel="preload" href="../../assets/images/ukds-main-logo.png" as="image">
     
     <!-- Open Graph / Social Media -->
@@ -64,8 +64,8 @@ $read_time = 16;
     <link href="https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;400;500;600;700&family=Lato:wght@300;400;500;600;700&display=swap" rel="stylesheet">
     
     <!-- Styles -->
-    <link rel="stylesheet" href="../../assets/css/main.css">
-    <link rel="stylesheet" href="../../assets/css/cro-enhancements.css">
+    <link rel="stylesheet" href="../../assets/css/main.css?v=20260222">
+    <link rel="stylesheet" href="../../assets/css/cro-enhancements.css?v=20260222">
     
     <!-- Article Schema Markup -->
     <script type="application/ld+json">
@@ -141,7 +141,7 @@ $read_time = 16;
                 </header>
                 
                 <!-- Table of Contents -->
-                <nav class="article-toc">
+                <nav class="article-toc" aria-label="Table of contents">
                     <h2>Table of Contents</h2>
                     <ol>
                         <li><a href="#window-functions">Advanced Window Functions</a></li>
diff --git a/blog/articles/web-scraping-compliance-uk-guide.php b/blog/articles/web-scraping-compliance-uk-guide.php
index f0e0aa3..cbd3b73 100644
--- a/blog/articles/web-scraping-compliance-uk-guide.php
+++ b/blog/articles/web-scraping-compliance-uk-guide.php
@@ -33,7 +33,7 @@ $read_time = 12;
     <meta name="article:tag" content="GDPR, Web Scraping, Legal Compliance, UK Law">
     
     <!-- Preload critical resources for performance -->
-    <link rel="preload" href="../../assets/css/main.css" as="style">
+    <link rel="preload" href="../../assets/css/main.css?v=20260222" as="style">
     <link rel="preload" href="../../assets/images/ukds-main-logo.png" as="image">
     <link rel="preload" href="<?php echo $og_image; ?>" as="image">
     
@@ -67,8 +67,8 @@ $read_time = 12;
     <link href="https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;400;500;600;700&family=Lato:wght@300;400;500;600;700&display=swap" rel="stylesheet">
     
     <!-- Styles -->
-    <link rel="stylesheet" href="../../assets/css/main.css">
-    <link rel="stylesheet" href="../../assets/css/cro-enhancements.css">
+    <link rel="stylesheet" href="../../assets/css/main.css?v=20260222">
+    <link rel="stylesheet" href="../../assets/css/cro-enhancements.css?v=20260222">
     
     <!-- Critical Button and Spacing Fix -->
     <style>
@@ -328,7 +328,7 @@ $read_time = 12;
                 
                 
                 <!-- Table of Contents -->
-                <nav class="article-toc">
+                <nav class="article-toc" aria-label="Table of contents">
                     <h2>Table of Contents</h2>
                     <ol>
                         <li><a href="#legal-framework">UK Legal Framework Overview</a></li>
diff --git a/includes/article-footer.php b/includes/article-footer.php
index 81455c4..e0f84c2 100644
--- a/includes/article-footer.php
+++ b/includes/article-footer.php
@@ -118,7 +118,7 @@ $display_articles = array_slice($filtered_articles, 0, 3);
         <?php foreach ($display_articles as $article): ?>
         <article class="related-card">
             <span class="category"><?php echo htmlspecialchars($article['category']); ?></span>
-            <h4><a href="/blog/articles/<?php echo htmlspecialchars($article['slug']); ?>.php"><?php echo htmlspecialchars($article['title']); ?></a></h4>
+            <h3><a href="/blog/articles/<?php echo htmlspecialchars($article['slug']); ?>.php"><?php echo htmlspecialchars($article['title']); ?></a></h3>
             <span class="read-time"><?php echo htmlspecialchars($article['read_time']); ?></span>
         </article>
         <?php endforeach; ?>
diff --git a/includes/nav.php b/includes/nav.php
index 59e7d86..dc059ce 100644
--- a/includes/nav.php
+++ b/includes/nav.php
@@ -13,7 +13,7 @@ function nav_active($href, $current) {
 }
 ?>
 <!-- Navigation -->
-<nav class="navbar" id="navbar">
+<nav class="navbar" id="navbar" aria-label="Main navigation">
     <div class="nav-container">
         <div class="nav-logo">
             <a href="/">
diff --git a/index.php b/index.php
index 5b48bb1..8348be2 100644
--- a/index.php
+++ b/index.php
@@ -18,7 +18,7 @@ header('Content-Security-Policy: default-src \'self\'; script-src \'self\' \'uns
 
 // SEO and performance optimizations
 $page_title = "Web Scraping Services UK | Get Your Free Quote Today";
-$page_description = "Custom web scraping &amp; data extraction for UK businesses. Competitor prices, property listings, market data — delivered clean, structured, on schedule. No contract. Free quote.";
+$page_description = "Custom web scraping & data extraction for UK businesses. Competitor prices, property listings, market data — delivered clean, structured, on schedule. No contract. Free quote.";
 $canonical_url = "https://ukdataservices.co.uk/";
 $keywords = "web scraping services UK, data analytics London, web scraping UK, data extraction services, business intelligence, competitive analysis, price monitoring, data analytics Manchester, market research, web data mining, GDPR compliant scraping, enterprise data solutions, automated data collection UK";
 $author = "UK Data Services";
@@ -111,7 +111,7 @@ $twitter_card_image = "https://ukdataservices.co.uk/assets/images/ukds-main-logo
     <link href="https://fonts.googleapis.com/css2?family=Roboto+Slab:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Lato:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
     
     <!-- Resource Preloading for Performance -->
-    <link rel="preload" href="/assets/css/main.min.css?v=1.1.3" as="style">
+    <link rel="preload" href="/assets/css/main.min.css?v=1.1.4" as="style">
     <link rel="preload" href="/assets/images/ukds-main-logo.webp" as="image">
     <link rel="preload" href="/assets/js/main.min.js?v=1.1.1" as="script">
     
@@ -131,14 +131,14 @@ $twitter_card_image = "https://ukdataservices.co.uk/assets/images/ukds-main-logo
     .hero-title{font-size:3.5rem;font-weight:700;margin-bottom:24px;line-height:1.2}
     .hero-subtitle{font-size:1.3rem;margin-bottom:40px;opacity:0.95;line-height:1.5}
     .btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;border:none;border-radius:8px;text-decoration:none;font-weight:500;font-size:16px;cursor:pointer;transition:all 0.3s ease;box-shadow:0 2px 8px rgba(0,0,0,0.1);min-height:48px}
-    .btn-primary{background:#179e83;color:white!important}
+    .btn-primary{background:#148069;color:white!important}
     .btn-secondary{background:white;color:#144784!important;border:2px solid #144784}
     .hero-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
     </style>
     
     <!-- Styles -->
-    <link rel="stylesheet" href="/assets/css/main.min.css?v=1.1.3" media="print" onload="this.media='all'">
-    <noscript><link rel="stylesheet" href="assets/css/main.min.css?v=1.1.3"></noscript>
+    <link rel="stylesheet" href="/assets/css/main.min.css?v=1.1.4" media="print" onload="this.media='all'">
+    <noscript><link rel="stylesheet" href="assets/css/main.min.css?v=1.1.4"></noscript>
     
     <!-- Enhanced Local SEO Schema -->
     <script type="application/ld+json">
@@ -679,7 +679,7 @@ $twitter_card_image = "https://ukdataservices.co.uk/assets/images/ukds-main-logo
     <section class="tools-banner" style="background: #f0f9f7; padding: 25px 20px; text-align: center;">
         <div class="container" style="max-width: 900px; margin: 0 auto;">
             <span style="font-size: 1.5em; margin-right: 10px;">🛠️</span>
-            <strong>New:</strong> Try our <a href="/tools/" style="color: #179e83; text-decoration: underline;">free web scraping tools</a> — cost calculator, scrapeability checker, and more. No signup required.
+            <strong>New:</strong> Try our <a href="/tools/" style="color: #148069; text-decoration: underline;">free web scraping tools</a> — cost calculator, scrapeability checker, and more. No signup required.
         </div>
     </section>
 
@@ -822,24 +822,24 @@ $twitter_card_image = "https://ukdataservices.co.uk/assets/images/ukds-main-logo
                 <h3 style="text-align: center; font-size: 1.8rem; margin-bottom: 40px; color: #144784;">UK-Wide Service Coverage</h3>
                 <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px;">
                     <div style="text-align: center; padding: 20px; background: #f8f9fa; border-radius: 12px;">
-                        <h4 style="color: #179e83; margin-bottom: 15px;">🏙️ London & South East</h4>
+                        <h4 style="color: #148069; margin-bottom: 15px;">🏙️ London & South East</h4>
                         <p style="color: #666; margin: 0;">Financial services, fintech, and e-commerce data solutions for the capital's business district.</p>
-                        <a href="/blog/articles/uk-property-market-data-trends" style="color: #179e83; text-decoration: none; font-weight: 500;">Property Market Analysis →</a>
+                        <a href="/blog/articles/uk-property-market-data-trends" style="color: #148069; text-decoration: none; font-weight: 500;">Property Market Analysis →</a>
                     </div>
                     <div style="text-align: center; padding: 20px; background: #f8f9fa; border-radius: 12px;">
-                        <h4 style="color: #179e83; margin-bottom: 15px;">🏭 Manchester & North West</h4>
+                        <h4 style="color: #148069; margin-bottom: 15px;">🏭 Manchester & North West</h4>
                         <p style="color: #666; margin: 0;">Manufacturing, logistics, and industrial data intelligence for the North West's business hub.</p>
-                        <a href="/project-types" style="color: #179e83; text-decoration: none; font-weight: 500;">Data Processing Services →</a>
+                        <a href="/project-types" style="color: #148069; text-decoration: none; font-weight: 500;">Data Processing Services →</a>
                     </div>
                     <div style="text-align: center; padding: 20px; background: #f8f9fa; border-radius: 12px;">
-                        <h4 style="color: #179e83; margin-bottom: 15px;">🏴󠁧󠁢󠁳󠁣󠁴󠁿 Edinburgh & Scotland</h4>
+                        <h4 style="color: #148069; margin-bottom: 15px;">🏴󠁧󠁢󠁳󠁣󠁴󠁿 Edinburgh & Scotland</h4>
                         <p style="color: #666; margin: 0;">Energy, oil & gas, and renewable energy sector data solutions across Scotland.</p>
-                        <a href="/blog/categories/industry-insights" style="color: #179e83; text-decoration: none; font-weight: 500;">Industry Insights →</a>
+                        <a href="/blog/categories/industry-insights" style="color: #148069; text-decoration: none; font-weight: 500;">Industry Insights →</a>
                     </div>
                     <div style="text-align: center; padding: 20px; background: #f8f9fa; border-radius: 12px;">
-                        <h4 style="color: #179e83; margin-bottom: 15px;">🏴󠁧󠁢󠁷󠁬󠁳󠁿 Cardiff & Wales</h4>
+                        <h4 style="color: #148069; margin-bottom: 15px;">🏴󠁧󠁢󠁷󠁬󠁳󠁿 Cardiff & Wales</h4>
                         <p style="color: #666; margin: 0;">Government, public sector, and automotive industry data services throughout Wales.</p>
-                        <a href="gdpr-compliance" style="color: #179e83; text-decoration: none; font-weight: 500;">Compliance Standards →</a>
+                        <a href="gdpr-compliance" style="color: #148069; text-decoration: none; font-weight: 500;">Compliance Standards →</a>
                     </div>
                 </div>
             </div>
@@ -1034,11 +1034,11 @@ $twitter_card_image = "https://ukdataservices.co.uk/assets/images/ukds-main-logo
                 <div class="faq-item" style="background: white; border-radius: 8px; margin-bottom: 16px; box-shadow: 0 2px 8px rgba(0,0,0,0.06);">
                     <button class="faq-question" style="width: 100%; padding: 20px 24px; text-align: left; background: none; border: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; font-size: 1.1rem; font-weight: 600; color: #252d3b;">
                         How much does web scraping cost?
-                        <span class="faq-icon" style="font-size: 1.5rem; color: #179e83;">+</span>
+                        <span class="faq-icon" style="font-size: 1.5rem; color: #148069;">+</span>
                     </button>
                     <div class="faq-answer" style="max-height: 0; overflow: hidden; transition: max-height 0.3s ease;">
                         <p style="padding: 0 24px 20px; color: #666; line-height: 1.7;">
-                            Our web scraping projects typically start from £500 for simple data extraction tasks. Pricing varies based on data volume, complexity, frequency of updates, and delivery format. We offer fixed-price quotes with no hidden fees. <a href="/quote" style="color: #179e83;">Request a free quote</a> for your specific requirements.
+                            Our web scraping projects typically start from £500 for simple data extraction tasks. Pricing varies based on data volume, complexity, frequency of updates, and delivery format. We offer fixed-price quotes with no hidden fees. <a href="/quote" style="color: #148069;">Request a free quote</a> for your specific requirements.
                         </p>
                     </div>
                 </div>
@@ -1046,7 +1046,7 @@ $twitter_card_image = "https://ukdataservices.co.uk/assets/images/ukds-main-logo
                 <div class="faq-item" style="background: white; border-radius: 8px; margin-bottom: 16px; box-shadow: 0 2px 8px rgba(0,0,0,0.06);">
                     <button class="faq-question" style="width: 100%; padding: 20px 24px; text-align: left; background: none; border: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; font-size: 1.1rem; font-weight: 600; color: #252d3b;">
                         Is web scraping legal in the UK?
-                        <span class="faq-icon" style="font-size: 1.5rem; color: #179e83;">+</span>
+                        <span class="faq-icon" style="font-size: 1.5rem; color: #148069;">+</span>
                     </button>
                     <div class="faq-answer" style="max-height: 0; overflow: hidden; transition: max-height 0.3s ease;">
                         <p style="padding: 0 24px 20px; color: #666; line-height: 1.7;">
@@ -1058,7 +1058,7 @@ $twitter_card_image = "https://ukdataservices.co.uk/assets/images/ukds-main-logo
                 <div class="faq-item" style="background: white; border-radius: 8px; margin-bottom: 16px; box-shadow: 0 2px 8px rgba(0,0,0,0.06);">
                     <button class="faq-question" style="width: 100%; padding: 20px 24px; text-align: left; background: none; border: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; font-size: 1.1rem; font-weight: 600; color: #252d3b;">
                         How long does a typical project take?
-                        <span class="faq-icon" style="font-size: 1.5rem; color: #179e83;">+</span>
+                        <span class="faq-icon" style="font-size: 1.5rem; color: #148069;">+</span>
                     </button>
                     <div class="faq-answer" style="max-height: 0; overflow: hidden; transition: max-height 0.3s ease;">
                         <p style="padding: 0 24px 20px; color: #666; line-height: 1.7;">
@@ -1070,7 +1070,7 @@ $twitter_card_image = "https://ukdataservices.co.uk/assets/images/ukds-main-logo
                 <div class="faq-item" style="background: white; border-radius: 8px; margin-bottom: 16px; box-shadow: 0 2px 8px rgba(0,0,0,0.06);">
                     <button class="faq-question" style="width: 100%; padding: 20px 24px; text-align: left; background: none; border: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; font-size: 1.1rem; font-weight: 600; color: #252d3b;">
                         What data formats do you deliver?
-                        <span class="faq-icon" style="font-size: 1.5rem; color: #179e83;">+</span>
+                        <span class="faq-icon" style="font-size: 1.5rem; color: #148069;">+</span>
                     </button>
                     <div class="faq-answer" style="max-height: 0; overflow: hidden; transition: max-height 0.3s ease;">
                         <p style="padding: 0 24px 20px; color: #666; line-height: 1.7;">
@@ -1082,7 +1082,7 @@ $twitter_card_image = "https://ukdataservices.co.uk/assets/images/ukds-main-logo
                 <div class="faq-item" style="background: white; border-radius: 8px; margin-bottom: 16px; box-shadow: 0 2px 8px rgba(0,0,0,0.06);">
                     <button class="faq-question" style="width: 100%; padding: 20px 24px; text-align: left; background: none; border: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; font-size: 1.1rem; font-weight: 600; color: #252d3b;">
                         Is the data GDPR compliant?
-                        <span class="faq-icon" style="font-size: 1.5rem; color: #179e83;">+</span>
+                        <span class="faq-icon" style="font-size: 1.5rem; color: #148069;">+</span>
                     </button>
                     <div class="faq-answer" style="max-height: 0; overflow: hidden; transition: max-height 0.3s ease;">
                         <p style="padding: 0 24px 20px; color: #666; line-height: 1.7;">
@@ -1094,7 +1094,7 @@ $twitter_card_image = "https://ukdataservices.co.uk/assets/images/ukds-main-logo
                 <div class="faq-item" style="background: white; border-radius: 8px; margin-bottom: 16px; box-shadow: 0 2px 8px rgba(0,0,0,0.06);">
                     <button class="faq-question" style="width: 100%; padding: 20px 24px; text-align: left; background: none; border: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; font-size: 1.1rem; font-weight: 600; color: #252d3b;">
                         Do you offer ongoing monitoring services?
-                        <span class="faq-icon" style="font-size: 1.5rem; color: #179e83;">+</span>
+                        <span class="faq-icon" style="font-size: 1.5rem; color: #148069;">+</span>
                     </button>
                     <div class="faq-answer" style="max-height: 0; overflow: hidden; transition: max-height 0.3s ease;">
                         <p style="padding: 0 24px 20px; color: #666; line-height: 1.7;">
@@ -1199,7 +1199,6 @@ $twitter_card_image = "https://ukdataservices.co.uk/assets/images/ukds-main-logo
             </div>
         </div>
     </section>
-    </main>
 
     <!-- Trust & Security Signals -->
     <section class="trust-signals" style="padding: 50px 0; background: linear-gradient(135deg, #252d3b 0%, #1a2332 100%); color: white; text-align: center;">
@@ -1229,6 +1228,7 @@ $twitter_card_image = "https://ukdataservices.co.uk/assets/images/ukds-main-logo
             </div>
         </div>
     </section>
+    </main>
 
     <!-- Footer -->
     <footer class="footer">
diff --git a/services/competitive-intelligence.php b/services/competitive-intelligence.php
index a5ffebf..2437476 100644
--- a/services/competitive-intelligence.php
+++ b/services/competitive-intelligence.php
@@ -51,7 +51,7 @@ $breadcrumbs = [
     <link href="https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;500;600;700&family=Lato:wght@400;500;600;700&display=swap" rel="stylesheet">
 
     <!-- Styles -->
-    <link rel="stylesheet" href="/assets/css/main.css">
+    <link rel="stylesheet" href="/assets/css/main.css?v=20260222">
 
     <!-- Service Schema -->
     <script type="application/ld+json">
@@ -489,6 +489,8 @@ $breadcrumbs = [
 <body>
     <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/nav.php'); ?>
 
+    <main id="main-content">
+
     <!-- Breadcrumb -->
     <section class="breadcrumb">
         <div class="container">
@@ -841,6 +843,8 @@ $breadcrumbs = [
         </div>
     </section>
 
+    </main>
+
     <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/footer.php'); ?>
 
     <script src="/assets/js/main.js" defer></script>
diff --git a/services/price-monitoring.php b/services/price-monitoring.php
index 807cc81..e76e9cf 100644
--- a/services/price-monitoring.php
+++ b/services/price-monitoring.php
@@ -51,7 +51,7 @@ $breadcrumbs = [
     <link href="https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;500;600;700&family=Lato:wght@400;500;600;700&display=swap" rel="stylesheet">
 
     <!-- Styles -->
-    <link rel="stylesheet" href="/assets/css/main.css">
+    <link rel="stylesheet" href="/assets/css/main.css?v=20260222">
 
     <!-- Service Schema -->
     <script type="application/ld+json">
@@ -497,6 +497,8 @@ $breadcrumbs = [
 <body>
     <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/nav.php'); ?>
 
+    <main id="main-content">
+
     <!-- Breadcrumb -->
     <section class="breadcrumb">
         <div class="container">
@@ -745,6 +747,8 @@ $breadcrumbs = [
         </div>
     </section>
 
+    </main>
+
     <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/footer.php'); ?>
 
     <script src="/assets/js/main.js" defer></script>
diff --git a/services/web-scraping.php b/services/web-scraping.php
index 3832525..d290b36 100644
--- a/services/web-scraping.php
+++ b/services/web-scraping.php
@@ -51,7 +51,7 @@ $breadcrumbs = [
     <link href="https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;500;600;700&family=Lato:wght@400;500;600;700&display=swap" rel="stylesheet">
 
     <!-- Styles -->
-    <link rel="stylesheet" href="/assets/css/main.css">
+    <link rel="stylesheet" href="/assets/css/main.css?v=20260222">
 
     <!-- Service Schema -->
     <script type="application/ld+json">
@@ -568,6 +568,8 @@ $breadcrumbs = [
 <body>
     <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/nav.php'); ?>
 
+    <main id="main-content">
+
     <!-- Breadcrumb -->
     <section class="breadcrumb">
         <div class="container">
@@ -836,6 +838,8 @@ $breadcrumbs = [
         </div>
     </section>
 
+    </main>
+
     <?php include($_SERVER['DOCUMENT_ROOT'] . '/includes/footer.php'); ?>
 
     <script src="/assets/js/main.js" defer></script>