diff --git "a/index.html" "b/index.html"
--- "a/index.html"
+++ "b/index.html"
@@ -3,872 +3,939 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Chit Chat - Support for Men Falsely Accused</title>
+    <title>Smart Move to Madeira | Cost of Living Calculator</title>
     <script src="https://cdn.tailwindcss.com"></script>
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
-    <script>
-        tailwind.config = {
-            theme: {
-                extend: {
-                    colors: {
-                        primary: '#2563eb',
-                        secondary: '#60a5fa',
-                        accent: '#f59e0b',
-                        dark: '#1e293b',
-                        light: '#f8fafc'
-                    },
-                    fontFamily: {
-                        sans: ['Inter', 'sans-serif'],
-                    }
-                }
-            }
-        }
-    </script>
     <style>
-        @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
-        
-        body {
-            font-family: 'Inter', sans-serif;
-        }
-        
-        .gradient-text {
-            background: linear-gradient(90deg, #2563eb 0%, #f59e0b 100%);
-            -webkit-background-clip: text;
-            background-clip: text;
-            color: transparent;
-        }
-        
-        .hero-bg {
-            background: linear-gradient(135deg, rgba(37, 99, 235, 0.9) 0%, rgba(30, 41, 59, 0.95) 100%), 
-                        url('https://cdn.midjourney.com/399dbf9f-b2ad-4473-ab63-aaf33a3b0810/0_1.png so I have found our way to build websites');
-            background-size: cover;
-            background-position: center;
+        .parallax {
             background-attachment: fixed;
+            background-position: center;
+            background-repeat: no-repeat;
+            background-size: cover;
         }
-        
-        .service-card {
-            transition: all 0.3s ease;
-            border-left: 4px solid transparent;
-        }
-        
-        .service-card:hover {
-            transform: translateY(-5px);
-            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
-            border-left-color: #f59e0b;
-        }
-        
-        .testimonial-card {
-            transition: all 0.3s ease;
-        }
-        
-        .testimonial-card:hover {
-            transform: translateY(-5px);
-            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
-        }
-        
-        .nav-link {
-            position: relative;
-        }
-        
-        .nav-link::after {
-            content: '';
-            position: absolute;
-            width: 0;
-            height: 2px;
-            bottom: -2px;
-            left: 0;
-            background-color: #f59e0b;
-            transition: width 0.3s ease;
-        }
-        
-        .nav-link:hover::after {
-            width: 100%;
-        }
-        
-        .animate-float {
-            animation: float 6s ease-in-out infinite;
+        .gradient-overlay {
+            background: linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.3));
         }
-        
-        @keyframes float {
-            0% { transform: translateY(0px); }
-            50% { transform: translateY(-20px); }
-            100% { transform: translateY(0px); }
+        .calculator-shadow {
+            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
         }
-        
-        .animate-pulse-slow {
-            animation: pulse 4s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+        .result-transition {
+            transition: all 0.5s ease-in-out;
         }
-        
-        @keyframes pulse {
-            0%, 100% { opacity: 1; }
-            50% { opacity: 0.8; }
+        .chart-container {
+            height: 300px;
         }
-        
-        .contact-input:focus {
-            box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.2);
+        @media (max-width: 768px) {
+            .parallax {
+                background-attachment: scroll;
+            }
         }
     </style>
 </head>
-<body class="bg-light text-dark">
+<body class="font-sans antialiased text-gray-800">
     <!-- Navigation -->
-    <nav class="bg-white/80 backdrop-blur-md shadow-sm sticky top-0 z-50">
-        <div class="container mx-auto px-4 py-3 flex justify-between items-center">
-            <div class="flex items-center space-x-2">
-                <div class="w-10 h-10 rounded-full bg-primary flex items-center justify-center text-white">
-                    <i class="fas fa-comments text-xl"></i>
+    <nav class="bg-white shadow-lg fixed w-full z-50">
+        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+            <div class="flex justify-between h-16">
+                <div class="flex items-center">
+                    <div class="flex-shrink-0 flex items-center">
+                        <i class="fas fa-umbrella-beach text-blue-600 text-2xl mr-2"></i>
+                        <span class="text-xl font-bold text-blue-600">Smart Move to Madeira</span>
+                    </div>
+                </div>
+                <div class="hidden md:flex items-center space-x-8">
+                    <a href="#calculator" class="text-gray-700 hover:text-blue-600 px-3 py-2 text-sm font-medium">Calculator</a>
+                    <a href="#benefits" class="text-gray-700 hover:text-blue-600 px-3 py-2 text-sm font-medium">Benefits</a>
+                    <a href="#testimonials" class="text-gray-700 hover:text-blue-600 px-3 py-2 text-sm font-medium">Testimonials</a>
+                    <a href="#contact" class="bg-blue-600 text-white px-4 py-2 rounded-md text-sm font-medium hover:bg-blue-700 transition duration-300">Free Consultation</a>
+                </div>
+                <div class="md:hidden flex items-center">
+                    <button id="menu-btn" class="text-gray-700 hover:text-blue-600">
+                        <i class="fas fa-bars text-xl"></i>
+                    </button>
                 </div>
-                <a href="#" class="text-2xl font-bold text-dark">Chit<span class="text-primary">Chat</span></a>
-            </div>
-            
-            <!-- Desktop Menu -->
-            <div class="hidden md:flex space-x-8 items-center">
-                <a href="#home" class="nav-link font-medium text-dark hover:text-primary">Home</a>
-                <a href="#about" class="nav-link font-medium text-dark hover:text-primary">About</a>
-                <a href="#services" class="nav-link font-medium text-dark hover:text-primary">Services</a>
-                <a href="#testimonials" class="nav-link font-medium text-dark hover:text-primary">Testimonials</a>
-                <a href="#contact" class="nav-link font-medium text-dark hover:text-primary">Contact</a>
-                <a href="#contact" class="bg-primary hover:bg-blue-700 text-white font-medium py-2 px-6 rounded-full transition duration-300">Get Help</a>
             </div>
-            
-            <!-- Mobile menu button -->
-            <button id="mobile-menu-button" class="md:hidden text-dark focus:outline-none">
-                <i class="fas fa-bars text-2xl"></i>
-            </button>
         </div>
-        
-        <!-- Mobile Menu -->
-        <div id="mobile-menu" class="hidden md:hidden bg-white py-4 px-6 shadow-lg">
-            <div class="flex flex-col space-y-4">
-                <a href="#home" class="nav-link font-medium text-dark hover:text-primary">Home</a>
-                <a href="#about" class="nav-link font-medium text-dark hover:text-primary">About</a>
-                <a href="#services" class="nav-link font-medium text-dark hover:text-primary">Services</a>
-                <a href="#testimonials" class="nav-link font-medium text-dark hover:text-primary">Testimonials</a>
-                <a href="#contact" class="nav-link font-medium text-dark hover:text-primary">Contact</a>
-                <a href="#contact" class="bg-primary hover:bg-blue-700 text-white font-medium py-2 px-6 rounded-full text-center transition duration-300 mt-2">Get Help</a>
+        <!-- Mobile menu -->
+        <div id="mobile-menu" class="hidden md:hidden bg-white shadow-lg">
+            <div class="px-2 pt-2 pb-3 space-y-1 sm:px-3">
+                <a href="#calculator" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-blue-600">Calculator</a>
+                <a href="#benefits" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-blue-600">Benefits</a>
+                <a href="#testimonials" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-blue-600">Testimonials</a>
+                <a href="#contact" class="block px-3 py-2 text-base font-medium text-blue-600">Free Consultation</a>
             </div>
         </div>
     </nav>
 
     <!-- Hero Section -->
-    <section id="home" class="hero-bg text-white py-20 md:py-32">
-        <div class="container mx-auto px-4">
-            <div class="flex flex-col md:flex-row items-center gap-12">
-                <div class="md:w-1/2">
-                    <h1 class="text-4xl md:text-5xl lg:text-6xl font-bold mb-6 leading-tight">
-                        <span class="gradient-text">Reclaim Your Life</span><br>
-                        After False Accusations
-                    </h1>
-                    <p class="text-xl mb-8 opacity-90">Professional counselling and legal support for men facing false abuse allegations. Regain your confidence, reputation, and peace of mind.</p>
-                    <div class="flex flex-col sm:flex-row gap-4">
-                        <a href="#" class="bg-accent hover:bg-yellow-600 text-white font-semibold py-3 px-8 rounded-full transition duration-300 text-center shadow-lg hover:shadow-xl">
-                            <i class="fas fa-calendar-check mr-2"></i> Book a Session
-                        </a>
-                        <a href="#services" class="bg-white/10 hover:bg-white/20 border-2 border-white text-white font-semibold py-3 px-8 rounded-full transition duration-300 text-center">
-                            <i class="fas fa-info-circle mr-2"></i> Learn More
-                        </a>
-                    </div>
-                </div>
-                <div class="md:w-1/2 hidden md:block">
-                    <div class="relative">
-                        <div class="w-full h-full bg-primary/20 rounded-2xl overflow-hidden backdrop-blur-sm border border-white/10">
-                            <img src="https://cdn.midjourney.com/01866d7c-efc1-4dbc-a0ea-78b48dea6797/0_0.png" alt="Support" class="w-full h-auto object-cover rounded-2xl">
-                        </div>
-                        <div class="absolute -bottom-6 -left-6 bg-white p-4 rounded-xl shadow-xl animate-float">
-                            <div class="bg-primary/10 text-primary p-3 rounded-full">
-                                <i class="fas fa-hand-holding-heart text-2xl"></i>
-                            </div>
-                            <p class="text-sm font-medium mt-2 text-dark">Domestic Accusations Specialist</p>
-                        </div>
-                        <div class="absolute -top-6 -right-6 bg-white p-4 rounded-xl shadow-xl animate-float" style="animation-delay: 1s;">
-                            <div class="bg-accent/10 text-accent p-3 rounded-full">
-                                <i class="fas fa-user-shield text-2xl"></i>
-                            </div>
-                            <p class="text-sm font-medium mt-2 text-dark">Confidential</p>
+    <section class="parallax gradient-overlay" style="background-image: url('https://images.unsplash.com/photo-1596422846543-75c6fc197f07?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1740&q=80'); min-height: 100vh; display: flex; align-items: center;">
+        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-32 text-white">
+            <div class="md:w-2/3 lg:w-1/2">
+                <h1 class="text-4xl md:text-5xl lg:text-6xl font-bold mb-6 leading-tight">Unlock a Wealthier Retirement</h1>
+                <h2 class="text-2xl md:text-3xl font-semibold mb-8">Compare Your California Life to Madeira's Paradise</h2>
+                <p class="text-lg mb-8">Discover how relocating could save you thousands annually while elevating your lifestyle. Input your details below for instant insights.</p>
+                <div class="bg-white bg-opacity-20 backdrop-blur-sm rounded-lg p-6 mb-8">
+                    <div class="flex items-center">
+                        <div class="bg-blue-600 rounded-full p-3 mr-4">
+                            <i class="fas fa-chart-line text-white text-xl"></i>
                         </div>
+                        <p class="text-xl font-medium">Californians save an average of <span class="font-bold">30-50%</span> on cost of living in Madeira</p>
                     </div>
                 </div>
+                <a href="#calculator" class="bg-blue-600 hover:bg-blue-700 text-white font-bold py-4 px-8 rounded-lg text-lg transition duration-300 inline-flex items-center">
+                    Start Your Calculation Now <i class="fas fa-arrow-down ml-3"></i>
+                </a>
             </div>
         </div>
     </section>
 
-    <!-- Stats Section -->
-    <section class="py-16 bg-white">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
-                <div class="bg-light p-8 rounded-2xl shadow-sm text-center hover:shadow-md transition duration-300">
-                    <div class="text-5xl font-bold mb-3 text-primary animate-count" id="years-count">0</div>
-                    <h3 class="text-xl font-semibold mb-2">Years of Experience</h3>
-                    <p class="text-gray-600">Providing specialized support for men in crisis</p>
+    <!-- Trust Badges -->
+    <section class="bg-gray-50 py-8">
+        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+            <div class="flex flex-wrap justify-center items-center gap-8 md:gap-16">
+                <div class="flex items-center">
+                    <i class="fas fa-shield-alt text-blue-600 text-3xl mr-3"></i>
+                    <span class="text-gray-700 font-medium">GDPR Compliant</span>
                 </div>
-                <div class="bg-light p-8 rounded-2xl shadow-sm text-center hover:shadow-md transition duration-300">
-                    <div class="text-5xl font-bold mb-3 text-primary animate-count" id="clients-count">0</div>
-                    <h3 class="text-xl font-semibold mb-2">Men Supported</h3>
-                    <p class="text-gray-600">Helping clients navigate false allegations</p>
+                <div class="flex items-center">
+                    <i class="fas fa-lock text-blue-600 text-3xl mr-3"></i>
+                    <span class="text-gray-700 font-medium">Data Privacy</span>
                 </div>
-                <div class="bg-light p-8 rounded-2xl shadow-sm text-center hover:shadow-md transition duration-300">
-                    <div class="text-5xl font-bold mb-3 text-primary animate-count" id="success-count">0</div>
-                    <h3 class="text-xl font-semibold mb-2">Success Stories</h3>
-                    <p class="text-gray-600">Rebuilding lives after false accusations</p>
+                <div class="flex items-center">
+                    <i class="fas fa-user-tie text-blue-600 text-3xl mr-3"></i>
+                    <span class="text-gray-700 font-medium">Expert Verified</span>
+                </div>
+                <div class="flex items-center">
+                    <i class="fas fa-star text-blue-600 text-3xl mr-3"></i>
+                    <span class="text-gray-700 font-medium">500+ Successful Relocations</span>
                 </div>
             </div>
         </div>
     </section>
 
-    <!-- About Section -->
-    <section id="about" class="py-20 bg-light">
-        <div class="container mx-auto px-4">
+    <!-- Benefits Section -->
+    <section id="benefits" class="py-20 bg-white">
+        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
             <div class="text-center mb-16">
-                <span class="text-primary font-semibold">ABOUT US</span>
-                <h2 class="text-3xl md:text-4xl font-bold mt-2 mb-4">Meet John Chitty</h2>
-                <div class="w-20 h-1 bg-accent mx-auto"></div>
+                <h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-4">Why Madeira? The Financial and Lifestyle Edge</h2>
+                <p class="text-xl text-gray-600 max-w-3xl mx-auto">For High Net Worth Individuals seeking wealth preservation and quality of life, Madeira offers unparalleled advantages.</p>
             </div>
-            
-            <div class="flex flex-col md:flex-row items-center gap-12">
-                <div class="md:w-1/2 relative">
-                    <img src="https://cdn.midjourney.com/36d5e842-907f-42d3-a709-a5ad0d7096f0/0_0.png" alt="John Chitty" class="rounded-2xl shadow-xl w-full">
-                    <div class="absolute -bottom-6 -right-6 bg-white p-6 rounded-xl shadow-lg hidden md:block">
-                        <div class="flex items-center">
-                            <div class="bg-primary/10 text-primary p-3 rounded-full mr-4">
-                                <i class="fas fa-award text-2xl"></i>
-                            </div>
-                            <div>
-                                <h4 class="font-bold">Certified Counselor</h4>
-                                <p class="text-sm text-gray-600">15+ years experience</p>
-                            </div>
-                        </div>
+
+            <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-12">
+                <!-- Benefit 1 -->
+                <div class="bg-gray-50 rounded-xl p-8 hover:shadow-lg transition duration-300">
+                    <div class="bg-blue-100 w-16 h-16 rounded-full flex items-center justify-center mb-6">
+                        <i class="fas fa-percentage text-blue-600 text-2xl"></i>
                     </div>
+                    <h3 class="text-xl font-bold text-gray-900 mb-3">Tax Advantages</h3>
+                    <p class="text-gray-600 mb-4">Portugal's NHR regime offers potential 0% tax on foreign income for 10 years, compared to California's high tax brackets.</p>
+                    <ul class="space-y-2">
+                        <li class="flex items-start">
+                            <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
+                            <span>No wealth tax</span>
+                        </li>
+                        <li class="flex items-start">
+                            <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
+                            <span>Favorable capital gains treatment</span>
+                        </li>
+                        <li class="flex items-start">
+                            <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
+                            <span>Double taxation avoidance</span>
+                        </li>
+                    </ul>
                 </div>
-                <div class="md:w-1/2">
-                    <h3 class="text-2xl font-bold mb-6">Specialized Support for False Allegations</h3>
-                    <p class="text-gray-700 mb-4">John Chitty founded Chit Chat after recognizing the unique challenges men face when falsely accused of abuse. With a background in both counselling and legal advocacy, he provides comprehensive support that addresses both emotional and practical needs.</p>
-                    <p class="text-gray-700 mb-6">John's approach combines evidence-based therapeutic techniques with practical guidance to help clients navigate the complex aftermath of false accusations, from legal proceedings to rebuilding personal relationships.</p>
-                    
-                    <div class="bg-white p-6 rounded-xl shadow-sm border-l-4 border-accent">
-                        <p class="text-gray-700 italic mb-3">"False accusations can shatter lives, but they don't have to be the end of your story. With the right support, you can reclaim your dignity and move forward."</p>
-                        <p class="font-semibold text-right">— John Chitty, Founder</p>
+
+                <!-- Benefit 2 -->
+                <div class="bg-gray-50 rounded-xl p-8 hover:shadow-lg transition duration-300">
+                    <div class="bg-blue-100 w-16 h-16 rounded-full flex items-center justify-center mb-6">
+                        <i class="fas fa-home text-blue-600 text-2xl"></i>
                     </div>
-                    
-                    <div class="mt-8 grid grid-cols-2 gap-4">
-                        <div class="flex items-center">
-                            <div class="bg-primary/10 text-primary p-2 rounded-full mr-3">
-                                <i class="fas fa-check"></i>
-                            </div>
-                            <span class="text-gray-700">Licensed Therapist</span>
+                    <h3 class="text-xl font-bold text-gray-900 mb-3">Affordable Luxury</h3>
+                    <p class="text-gray-600 mb-4">Experience European luxury at a fraction of California prices, with significant savings across all living expenses.</p>
+                    <div class="grid grid-cols-2 gap-4 mt-4">
+                        <div class="bg-white p-3 rounded-lg shadow-sm">
+                            <div class="text-blue-600 font-bold text-lg">40-60%</div>
+                            <div class="text-gray-600 text-sm">Less on groceries</div>
                         </div>
-                        <div class="flex items-center">
-                            <div class="bg-primary/10 text-primary p-2 rounded-full mr-3">
-                                <i class="fas fa-check"></i>
-                            </div>
-                            <span class="text-gray-700">Legal Advocacy</span>
+                        <div class="bg-white p-3 rounded-lg shadow-sm">
+                            <div class="text-blue-600 font-bold text-lg">50-70%</div>
+                            <div class="text-gray-600 text-sm">Less on healthcare</div>
                         </div>
-                        <div class="flex items-center">
-                            <div class="bg-primary/10 text-primary p-2 rounded-full mr-3">
-                                <i class="fas fa-check"></i>
-                            </div>
-                            <span class="text-gray-700">24/7 Availability</span>
+                        <div class="bg-white p-3 rounded-lg shadow-sm">
+                            <div class="text-blue-600 font-bold text-lg">60%</div>
+                            <div class="text-gray-600 text-sm">Less on utilities</div>
                         </div>
-                        <div class="flex items-center">
-                            <div class="bg-primary/10 text-primary p-2 rounded-full mr-3">
-                                <i class="fas fa-check"></i>
-                            </div>
-                            <span class="text-gray-700">Confidential Support</span>
+                        <div class="bg-white p-3 rounded-lg shadow-sm">
+                            <div class="text-blue-600 font-bold text-lg">3-5%</div>
+                            <div class="text-gray-600 text-sm">Property tax vs 1.2% in CA</div>
                         </div>
                     </div>
                 </div>
+
+                <!-- Benefit 3 -->
+                <div class="bg-gray-50 rounded-xl p-8 hover:shadow-lg transition duration-300">
+                    <div class="bg-blue-100 w-16 h-16 rounded-full flex items-center justify-center mb-6">
+                        <i class="fas fa-heart text-blue-600 text-2xl"></i>
+                    </div>
+                    <h3 class="text-xl font-bold text-gray-900 mb-3">Quality of Life</h3>
+                    <p class="text-gray-600 mb-4">Beyond financial benefits, Madeira offers an exceptional living environment that enhances wellbeing and longevity.</p>
+                    <ul class="space-y-3">
+                        <li class="flex items-start">
+                            <div class="bg-green-100 text-green-800 text-xs font-medium px-2.5 py-0.5 rounded mr-3">#1</div>
+                            <span>World's best island destination (World Travel Awards)</span>
+                        </li>
+                        <li class="flex items-start">
+                            <div class="bg-green-100 text-green-800 text-xs font-medium px-2.5 py-0.5 rounded mr-3">Top 5</div>
+                            <span>Safest place in Europe</span>
+                        </li>
+                        <li class="flex items-start">
+                            <div class="bg-green-100 text-green-800 text-xs font-medium px-2.5 py-0.5 rounded mr-3">365</div>
+                            <span>Days of spring-like weather</span>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+
+            <!-- Video Section -->
+            <div class="mt-20 bg-gray-900 rounded-xl overflow-hidden">
+                <div class="aspect-w-16 aspect-h-9">
+                    <iframe class="w-full h-96" src="https://www.youtube.com/embed/dQw4w9WgXcQ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+                </div>
+                <div class="p-8">
+                    <h3 class="text-2xl font-bold text-white mb-4">See Why Californians Are Choosing Madeira</h3>
+                    <p class="text-gray-300">Hear from expats who've successfully transitioned and are enjoying the benefits of island living without sacrificing luxury or financial security.</p>
+                </div>
             </div>
         </div>
     </section>
 
-    <!-- Services Section -->
-    <section id="services" class="py-20 bg-white">
-        <div class="container mx-auto px-4">
+    <!-- Calculator Section -->
+    <section id="calculator" class="py-20 bg-gray-50">
+        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
             <div class="text-center mb-16">
-                <span class="text-primary font-semibold">OUR SERVICES</span>
-                <h2 class="text-3xl md:text-4xl font-bold mt-2 mb-4">Specialized Support Programs</h2>
-                <p class="text-gray-600 max-w-2xl mx-auto">Comprehensive services designed to address every aspect of your situation, from emotional healing to legal navigation.</p>
-                <div class="w-20 h-1 bg-accent mx-auto mt-4"></div>
+                <h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-4">Your Personalized Savings Calculator</h2>
+                <p class="text-xl text-gray-600 max-w-3xl mx-auto">Enter your current California expenses to see how much you could save by relocating to Madeira.</p>
             </div>
-            
-            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
-                <!-- Service 1 -->
-                <div class="service-card bg-light p-8 rounded-xl">
-                    <div class="bg-primary/10 text-primary w-14 h-14 rounded-full flex items-center justify-center mb-6">
-                        <i class="fas fa-heart text-2xl"></i>
-                    </div>
-                    <h3 class="text-xl font-bold mb-3">Emotional Recovery</h3>
-                    <p class="text-gray-600 mb-4">Personalized counselling to process trauma, manage stress, and rebuild self-worth after false allegations.</p>
-                    <a href="#" class="text-primary font-medium flex items-center">
-                        Learn more <i class="fas fa-arrow-right ml-2"></i>
-                    </a>
-                </div>
-                
-                <!-- Service 2 -->
-                <div class="service-card bg-light p-8 rounded-xl">
-                    <div class="bg-primary/10 text-primary w-14 h-14 rounded-full flex items-center justify-center mb-6">
-                        <i class="fas fa-gavel text-2xl"></i>
-                    </div>
-                    <h3 class="text-xl font-bold mb-3">Legal Navigation</h3>
-                    <p class="text-gray-600 mb-4">Expert guidance through legal complexities with referrals to specialized attorneys and advocacy support.</p>
-                    <a href="#" class="text-primary font-medium flex items-center">
-                        Learn more <i class="fas fa-arrow-right ml-2"></i>
-                    </a>
-                </div>
-                
-                <!-- Service 3 -->
-                <div class="service-card bg-light p-8 rounded-xl">
-                    <div class="bg-primary/10 text-primary w-14 h-14 rounded-full flex items-center justify-center mb-6">
-                        <i class="fas fa-users text-2xl"></i>
-                    </div>
-                    <h3 class="text-xl font-bold mb-3">Peer Support Groups</h3>
-                    <p class="text-gray-600 mb-4">Safe spaces to connect with others facing similar challenges, share experiences, and find community.</p>
-                    <a href="#" class="text-primary font-medium flex items-center">
-                        Learn more <i class="fas fa-arrow-right ml-2"></i>
-                    </a>
-                </div>
-                
-                <!-- Service 4 -->
-                <div class="service-card bg-light p-8 rounded-xl">
-                    <div class="bg-primary/10 text-primary w-14 h-14 rounded-full flex items-center justify-center mb-6">
-                        <i class="fas fa-child text-2xl"></i>
+
+            <div class="bg-white rounded-xl calculator-shadow overflow-hidden">
+                <div class="grid md:grid-cols-2">
+                    <!-- Calculator Form -->
+                    <div class="p-8 md:p-12">
+                        <h3 class="text-2xl font-bold text-gray-900 mb-6">Your California Finances</h3>
+                        
+                        <form id="cost-calculator" class="space-y-6">
+                            <!-- Income -->
+                            <div>
+                                <label for="income" class="block text-sm font-medium text-gray-700 mb-1">Annual Income ($)</label>
+                                <div class="relative rounded-md shadow-sm">
+                                    <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
+                                        <span class="text-gray-500 sm:text-sm">$</span>
+                                    </div>
+                                    <input type="number" id="income" name="income" class="focus:ring-blue-500 focus:border-blue-500 block w-full pl-7 pr-12 py-3 border-gray-300 rounded-md" placeholder="250,000" required>
+                                    <div class="absolute inset-y-0 right-0 flex items-center">
+                                        <select id="income-type" name="income-type" class="focus:ring-blue-500 focus:border-blue-500 h-full py-0 pl-2 pr-7 border-transparent bg-transparent text-gray-500 sm:text-sm rounded-md">
+                                            <option value="pretax">Pre-tax</option>
+                                            <option value="posttax">Post-tax</option>
+                                        </select>
+                                    </div>
+                                </div>
+                            </div>
+
+                            <!-- Housing -->
+                            <div>
+                                <label for="housing" class="block text-sm font-medium text-gray-700 mb-1">Monthly Housing Cost ($)</label>
+                                <div class="relative rounded-md shadow-sm">
+                                    <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
+                                        <span class="text-gray-500 sm:text-sm">$</span>
+                                    </div>
+                                    <input type="number" id="housing" name="housing" class="focus:ring-blue-500 focus:border-blue-500 block w-full pl-7 pr-12 py-3 border-gray-300 rounded-md" placeholder="4,500" required>
+                                </div>
+                                <div class="mt-2 flex items-center">
+                                    <input type="checkbox" id="own-property" name="own-property" class="h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded">
+                                    <label for="own-property" class="ml-2 block text-sm text-gray-700">I own property in California</label>
+                                </div>
+                            </div>
+
+                            <!-- Healthcare -->
+                            <div>
+                                <label for="healthcare" class="block text-sm font-medium text-gray-700 mb-1">Monthly Healthcare Cost ($)</label>
+                                <div class="relative rounded-md shadow-sm">
+                                    <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
+                                        <span class="text-gray-500 sm:text-sm">$</span>
+                                    </div>
+                                    <input type="number" id="healthcare" name="healthcare" class="focus:ring-blue-500 focus:border-blue-500 block w-full pl-7 pr-12 py-3 border-gray-300 rounded-md" placeholder="1,200" required>
+                                </div>
+                            </div>
+
+                            <!-- Food -->
+                            <div>
+                                <label for="food" class="block text-sm font-medium text-gray-700 mb-1">Monthly Food/Groceries ($)</label>
+                                <div class="relative rounded-md shadow-sm">
+                                    <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
+                                        <span class="text-gray-500 sm:text-sm">$</span>
+                                    </div>
+                                    <input type="number" id="food" name="food" class="focus:ring-blue-500 focus:border-blue-500 block w-full pl-7 pr-12 py-3 border-gray-300 rounded-md" placeholder="1,500" required>
+                                </div>
+                            </div>
+
+                            <!-- Transportation -->
+                            <div>
+                                <label for="transportation" class="block text-sm font-medium text-gray-700 mb-1">Monthly Transportation ($)</label>
+                                <div class="relative rounded-md shadow-sm">
+                                    <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
+                                        <span class="text-gray-500 sm:text-sm">$</span>
+                                    </div>
+                                    <input type="number" id="transportation" name="transportation" class="focus:ring-blue-500 focus:border-blue-500 block w-full pl-7 pr-12 py-3 border-gray-300 rounded-md" placeholder="800" required>
+                                </div>
+                            </div>
+
+                            <!-- Entertainment -->
+                            <div>
+                                <label for="entertainment" class="block text-sm font-medium text-gray-700 mb-1">Monthly Entertainment/Dining ($)</label>
+                                <div class="relative rounded-md shadow-sm">
+                                    <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
+                                        <span class="text-gray-500 sm:text-sm">$</span>
+                                    </div>
+                                    <input type="number" id="entertainment" name="entertainment" class="focus:ring-blue-500 focus:border-blue-500 block w-full pl-7 pr-12 py-3 border-gray-300 rounded-md" placeholder="1,000">
+                                </div>
+                            </div>
+
+                            <!-- Other Expenses -->
+                            <div>
+                                <label for="other" class="block text-sm font-medium text-gray-700 mb-1">Other Monthly Expenses ($)</label>
+                                <div class="relative rounded-md shadow-sm">
+                                    <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none">
+                                        <span class="text-gray-500 sm:text-sm">$</span>
+                                    </div>
+                                    <input type="number" id="other" name="other" class="focus:ring-blue-500 focus:border-blue-500 block w-full pl-7 pr-12 py-3 border-gray-300 rounded-md" placeholder="500">
+                                </div>
+                            </div>
+
+                            <div class="pt-4">
+                                <button type="submit" class="w-full bg-blue-600 hover:bg-blue-700 text-white font-bold py-3 px-4 rounded-md transition duration-300 flex items-center justify-center">
+                                    Calculate My Savings <i class="fas fa-calculator ml-2"></i>
+                                </button>
+                            </div>
+                        </form>
                     </div>
-                    <h3 class="text-xl font-bold mb-3">Parental Rights</h3>
-                    <p class="text-gray-600 mb-4">Specialized support for fathers fighting to maintain or regain relationships with their children.</p>
-                    <a href="#" class="text-primary font-medium flex items-center">
-                        Learn more <i class="fas fa-arrow-right ml-2"></i>
-                    </a>
-                </div>
-                
-                <!-- Service 5 -->
-                <div class="service-card bg-light p-8 rounded-xl">
-                    <div class="bg-primary/10 text-primary w-14 h-14 rounded-full flex items-center justify-center mb-6">
-                        <i class="fas fa-briefcase text-2xl"></i>
+
+                    <!-- Results Panel (Initially Hidden) -->
+                    <div id="results-panel" class="bg-blue-600 text-white p-8 md:p-12 hidden result-transition">
+                        <div class="flex justify-between items-start mb-8">
+                            <h3 class="text-2xl font-bold">Your Potential Savings</h3>
+                            <button id="reset-calculator" class="text-white hover:text-blue-100 text-sm font-medium flex items-center">
+                                <i class="fas fa-redo mr-1"></i> Reset
+                            </button>
+                        </div>
+
+                        <!-- Summary Card -->
+                        <div class="bg-white bg-opacity-10 rounded-xl p-6 mb-8">
+                            <div class="grid grid-cols-2 gap-4">
+                                <div>
+                                    <div class="text-sm text-blue-100">Annual Savings</div>
+                                    <div id="annual-savings" class="text-2xl font-bold">$0</div>
+                                </div>
+                                <div>
+                                    <div class="text-sm text-blue-100">Monthly Savings</div>
+                                    <div id="monthly-savings" class="text-2xl font-bold">$0</div>
+                                </div>
+                                <div>
+                                    <div class="text-sm text-blue-100">5-Year Wealth Impact</div>
+                                    <div id="five-year-impact" class="text-2xl font-bold">$0</div>
+                                </div>
+                                <div>
+                                    <div class="text-sm text-blue-100">Tax Savings</div>
+                                    <div id="tax-savings" class="text-2xl font-bold">$0</div>
+                                </div>
+                            </div>
+                        </div>
+
+                        <!-- Comparison Table -->
+                        <div class="mb-8">
+                            <h4 class="text-lg font-semibold mb-4">Cost Comparison</h4>
+                            <div class="overflow-x-auto">
+                                <table class="min-w-full bg-white bg-opacity-10 rounded-lg overflow-hidden">
+                                    <thead>
+                                        <tr class="text-left text-sm font-semibold text-blue-100">
+                                            <th class="px-4 py-3">Category</th>
+                                            <th class="px-4 py-3">California</th>
+                                            <th class="px-4 py-3">Madeira</th>
+                                            <th class="px-4 py-3">Savings</th>
+                                        </tr>
+                                    </thead>
+                                    <tbody id="comparison-table" class="divide-y divide-blue-700">
+                                        <!-- Rows will be added by JavaScript -->
+                                    </tbody>
+                                </table>
+                            </div>
+                        </div>
+
+                        <!-- Chart -->
+                        <div class="mb-8">
+                            <h4 class="text-lg font-semibold mb-4">Monthly Cost Breakdown</h4>
+                            <div class="chart-container bg-white bg-opacity-10 rounded-lg p-4">
+                                <canvas id="cost-chart"></canvas>
+                            </div>
+                        </div>
+
+                        <!-- CTA -->
+                        <div class="bg-white text-blue-600 rounded-lg p-6">
+                            <h4 class="text-xl font-bold mb-3">Ready to Make Your Smart Move?</h4>
+                            <p class="mb-4">Get your free personalized relocation guide and consultation to explore your options.</p>
+                            <form id="lead-form" class="space-y-4">
+                                <div>
+                                    <input type="text" id="name" name="name" placeholder="Your Name" class="w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-blue-500 focus:border-blue-500">
+                                </div>
+                                <div>
+                                    <input type="email" id="email" name="email" placeholder="Email Address" class="w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-blue-500 focus:border-blue-500" required>
+                                </div>
+                                <div>
+                                    <select id="timeline" name="timeline" class="w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-blue-500 focus:border-blue-500">
+                                        <option value="">When are you considering moving?</option>
+                                        <option value="3mo">Within 3 months</option>
+                                        <option value="6mo">3-6 months</option>
+                                        <option value="1yr">6-12 months</option>
+                                        <option value="1yr+">1+ years</option>
+                                        <option value="exploring">Just exploring</option>
+                                    </select>
+                                </div>
+                                <button type="submit" class="w-full bg-blue-600 hover:bg-blue-700 text-white font-bold py-3 px-4 rounded-md transition duration-300">
+                                    Get My Free Guide & Consultation
+                                </button>
+                                <p class="text-xs text-blue-100 text-center">We respect your privacy. No spam, ever.</p>
+                            </form>
+                        </div>
                     </div>
-                    <h3 class="text-xl font-bold mb-3">Career Rehabilitation</h3>
-                    <p class="text-gray-600 mb-4">Strategies to address professional fallout and rebuild your career trajectory after reputation damage.</p>
-                    <a href="#" class="text-primary font-medium flex items-center">
-                        Learn more <i class="fas fa-arrow-right ml-2"></i>
-                    </a>
-                </div>
-                
-                <!-- Service 6 -->
-                <div class="service-card bg-light p-8 rounded-xl">
-                    <div class="bg-primary/10 text-primary w-14 h-14 rounded-full flex items-center justify-center mb-6">
-                        <i class="fas fa-handshake text-2xl"></i>
+
+                    <!-- Initial State Placeholder -->
+                    <div id="calculator-placeholder" class="bg-blue-600 text-white p-8 md:p-12 flex items-center justify-center result-transition">
+                        <div class="text-center">
+                            <div class="bg-white bg-opacity-20 rounded-full w-20 h-20 flex items-center justify-center mx-auto mb-6">
+                                <i class="fas fa-calculator text-3xl"></i>
+                            </div>
+                            <h3 class="text-xl font-bold mb-2">Calculate Your Savings</h3>
+                            <p class="text-blue-100 mb-6">Enter your California expenses to see your personalized Madeira comparison.</p>
+                            <div class="animate-bounce">
+                                <i class="fas fa-arrow-left text-2xl md:hidden"></i>
+                                <i class="fas fa-arrow-up hidden md:inline-block text-2xl"></i>
+                            </div>
+                        </div>
                     </div>
-                    <h3 class="text-xl font-bold mb-3">Relationship Rebuilding</h3>
-                    <p class="text-gray-600 mb-4">Guidance on forming new connections and repairing existing relationships damaged by false allegations.</p>
-                    <a href="#" class="text-primary font-medium flex items-center">
-                        Learn more <i class="fas fa-arrow-right ml-2"></i>
-                    </a>
                 </div>
             </div>
+
+            <!-- Disclaimer -->
+            <div class="mt-8 text-center text-sm text-gray-500 max-w-3xl mx-auto">
+                <p><i class="fas fa-info-circle mr-1"></i> Estimates based on averages from Numbeo, Expatistan, and our proprietary HNWI cost database. Actual savings may vary. Consult a professional for personalized advice.</p>
+            </div>
         </div>
     </section>
 
     <!-- Testimonials Section -->
-    <section id="testimonials" class="py-20 bg-primary text-white">
-        <div class="container mx-auto px-4">
+    <section id="testimonials" class="py-20 bg-white">
+        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
             <div class="text-center mb-16">
-                <span class="text-accent font-semibold">CLIENT STORIES</span>
-                <h2 class="text-3xl md:text-4xl font-bold mt-2 mb-4">Voices of Resilience</h2>
-                <p class="text-white/80 max-w-2xl mx-auto">Hear from men who've walked this path and emerged stronger with our support.</p>
-                <div class="w-20 h-1 bg-accent mx-auto mt-4"></div>
+                <h2 class="text-3xl md:text-4xl font-bold text-gray-900 mb-4">Join Like-Minded Californians Who Made the Move</h2>
+                <p class="text-xl text-gray-600 max-w-3xl mx-auto">Hear from successful expats who've transformed their financial future and quality of life.</p>
             </div>
-            
-            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
+
+            <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8 mb-16">
                 <!-- Testimonial 1 -->
-                <div class="testimonial-card bg-white/10 backdrop-blur-sm p-8 rounded-xl border border-white/10">
+                <div class="bg-gray-50 rounded-xl p-8 hover:shadow-lg transition duration-300">
                     <div class="flex items-center mb-6">
-                        <div class="w-16 h-16 rounded-full overflow-hidden border-2 border-accent">
-                            <img src="https://randomuser.me/api/portraits/men/32.jpg" alt="Client" class="w-full h-full object-cover">
+                        <div class="w-16 h-16 rounded-full overflow-hidden mr-4">
+                            <img src="https://randomuser.me/api/portraits/women/65.jpg" alt="Sarah J." class="w-full h-full object-cover">
                         </div>
-                        <div class="ml-4">
-                            <h4 class="font-bold text-lg">Michael T.</h4>
-                            <p class="text-white/70 text-sm">Father of two</p>
+                        <div>
+                            <h4 class="font-bold text-gray-900">Sarah J.</h4>
+                            <p class="text-blue-600">Former Tech Executive, Palo Alto</p>
                         </div>
                     </div>
-                    <p class="italic mb-6">"After my ex falsely accused me, I was suicidal. John's counselling gave me hope again. Today, I have joint custody and my life back. This program saved me."</p>
-                    <div class="flex text-accent">
-                        <i class="fas fa-star"></i>
-                        <i class="fas fa-star"></i>
-                        <i class="fas fa-star"></i>
-                        <i class="fas fa-star"></i>
-                        <i class="fas fa-star"></i>
+                    <div class="flex items-center mb-4">
+                        <div class="flex text-yellow-400">
+                            <i class="fas fa-star"></i>
+                            <i class="fas fa-star"></i>
+                            <i class="fas fa-star"></i>
+                            <i class="fas fa-star"></i>
+                            <i class="fas fa-star"></i>
+                        </div>
+                        <span class="ml-2 text-sm text-gray-600">2 years in Madeira</span>
+                    </div>
+                    <p class="text-gray-700 mb-4">"Moving to Madeira was the best financial decision we've made. Our cost of living dropped by 45%, and the NHR tax regime saved us over $120k in taxes last year alone."</p>
+                    <div class="bg-blue-100 text-blue-800 text-sm px-3 py-1 rounded-full inline-flex items-center">
+                        <i class="fas fa-home mr-1"></i>
+                        <span>Funchal, Madeira</span>
                     </div>
                 </div>
-                
+
                 <!-- Testimonial 2 -->
-                <div class="testimonial-card bg-white/10 backdrop-blur-sm p-8 rounded-xl border border-white/10">
+                <div class="bg-gray-50 rounded-xl p-8 hover:shadow-lg transition duration-300">
                     <div class="flex items-center mb-6">
-                        <div class="w-16 h-16 rounded-full overflow-hidden border-2 border-accent">
-                            <img src="https://randomuser.me/api/portraits/men/45.jpg" alt="Client" class="w-full h-full object-cover">
+                        <div class="w-16 h-16 rounded-full overflow-hidden mr-4">
+                            <img src="https://randomuser.me/api/portraits/men/32.jpg" alt="Michael T." class="w-full h-full object-cover">
                         </div>
-                        <div class="ml-4">
-                            <h4 class="font-bold text-lg">David R.</h4>
-                            <p class="text-white/70 text-sm">Business owner</p>
+                        <div>
+                            <h4 class="font-bold text-gray-900">Michael T.</h4>
+                            <p class="text-blue-600">Retired Attorney, San Francisco</p>
+                        </div>
+                    </div>
+                    <div class="flex items-center mb-4">
+                        <div class="flex text-yellow-400">
+                            <i class="fas fa-star"></i>
+                            <i class="fas fa-star"></i>
+                            <i class="fas fa-star"></i>
+                            <i class="fas fa-star"></i>
+                            <i class="fas fa-star"></i>
                         </div>
+                        <span class="ml-2 text-sm text-gray-600">3 years in Madeira</span>
                     </div>
-                    <p class="italic mb-6">"The legal guidance and emotional support helped me clear my name. Two years later, my business is thriving and I'm in a healthy new relationship."</p>
-                    <div class="flex text-accent">
-                        <i class="fas fa-star"></i>
-                        <i class="fas fa-star"></i>
-                        <i class="fas fa-star"></i>
-                        <i class="fas fa-star"></i>
-                        <i class="fas fa-star"></i>
+                    <p class="text-gray-700 mb-4">"The healthcare here is excellent and costs 60% less than our California plan. We live in a luxury oceanfront villa that would cost 3x in Malibu. The FIRE community here is thriving."</p>
+                    <div class="bg-blue-100 text-blue-800 text-sm px-3 py-1 rounded-full inline-flex items-center">
+                        <i class="fas fa-home mr-1"></i>
+                        <span>Calheta, Madeira</span>
                     </div>
                 </div>
-                
+
                 <!-- Testimonial 3 -->
-                <div class="testimonial-card bg-white/10 backdrop-blur-sm p-8 rounded-xl border border-white/10">
+                <div class="bg-gray-50 rounded-xl p-8 hover:shadow-lg transition duration-300">
                     <div class="flex items-center mb-6">
-                        <div class="w-16 h-16 rounded-full overflow-hidden border-2 border-accent">
-                            <img src="https://randomuser.me/api/portraits/men/68.jpg" alt="Client" class="w-full h-full object-cover">
+                        <div class="w-16 h-16 rounded-full overflow-hidden mr-4">
+                            <img src="https://randomuser.me/api/portraits/women/44.jpg" alt="Lisa & David R." class="w-full h-full object-cover">
+                        </div>
+                        <div>
+                            <h4 class="font-bold text-gray-900">Lisa & David R.</h4>
+                            <p class="text-blue-600">Entrepreneurs, Santa Monica</p>
                         </div>
-                        <div class="ml-4">
-                            <h4 class="font-bold text-lg">James L.</h4>
-                            <p class="text-white/70 text-sm">Teacher</p>
+                    </div>
+                    <div class="flex items-center mb-4">
+                        <div class="flex text-yellow-400">
+                            <i class="fas fa-star"></i>
+                            <i class="fas fa-star"></i>
+                            <i class="fas fa-star"></i>
+                            <i class="fas fa-star"></i>
+                            <i class="fas fa-star"></i>
                         </div>
+                        <span class="ml-2 text-sm text-gray-600">1 year in Madeira</span>
                     </div>
-                    <p class="italic mb-6">"The support group connected me with others who understood. After losing my job and nearly my family, I've rebuilt everything thanks to this program."</p>
-                    <div class="flex text-accent">
-                        <i class="fas fa-star"></i>
-                        <i class="fas fa-star"></i>
-                        <i class="fas fa-star"></i>
-                        <i class="fas fa-star"></i>
-                        <i class="fas fa-star-half-alt"></i>
+                    <p class="text-gray-700 mb-4">"We were skeptical at first, but the numbers don't lie. Our quality of life has improved dramatically while our expenses dropped. The digital nomad community here is incredible."</p>
+                    <div class="bg-blue-100 text-blue-800 text-sm px-3 py-1 rounded-full inline-flex items-center">
+                        <i class="fas fa-home mr-1"></i>
+                        <span>Ponta do Sol, Madeira</span>
                     </div>
                 </div>
             </div>
-        </div>
-    </section>
 
-    <!-- FAQ Section -->
-    <section class="py-20 bg-light">
-        <div class="container mx-auto px-4">
-            <div class="text-center mb-16">
-                <span class="text-primary font-semibold">HAVE QUESTIONS?</span>
-                <h2 class="text-3xl md:text-4xl font-bold mt-2 mb-4">Frequently Asked Questions</h2>
-                <p class="text-gray-600 max-w-2xl mx-auto">Find answers to common questions about our services and approach.</p>
-                <div class="w-20 h-1 bg-accent mx-auto mt-4"></div>
-            </div>
-            
-            <div class="max-w-3xl mx-auto">
-                <!-- FAQ Item 1 -->
-                <div class="mb-4 bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition duration-300">
-                    <button class="faq-question flex justify-between items-center w-full text-left font-semibold text-lg text-dark focus:outline-none">
-                        <span>Is everything discussed in sessions confidential?</span>
-                        <i class="fas fa-chevron-down text-primary transition-transform duration-300"></i>
-                    </button>
-                    <div class="faq-answer mt-4 text-gray-600 hidden">
-                        <p>Yes, all counselling sessions are completely confidential, with the exception of situations where there is immediate risk of harm to yourself or others, which we are legally obligated to report. We use encrypted communication platforms and secure record-keeping to protect your privacy.</p>
-                    </div>
-                </div>
-                
-                <!-- FAQ Item 2 -->
-                <div class="mb-4 bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition duration-300">
-                    <button class="faq-question flex justify-between items-center w-full text-left font-semibold text-lg text-dark focus:outline-none">
-                        <span>Do you provide legal advice or representation?</span>
-                        <i class="fas fa-chevron-down text-primary transition-transform duration-300"></i>
-                    </button>
-                    <div class="faq-answer mt-4 text-gray-600 hidden">
-                        <p>While we're not a law firm, we provide critical legal navigation support. This includes explaining legal processes, helping you understand your rights, preparing you for court appearances, and connecting you with specialized attorneys in our network. We work alongside your legal team to provide comprehensive support.</p>
-                    </div>
-                </div>
-                
-                <!-- FAQ Item 3 -->
-                <div class="mb-4 bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition duration-300">
-                    <button class="faq-question flex justify-between items-center w-full text-left font-semibold text-lg text-dark focus:outline-none">
-                        <span>How quickly can I get an appointment?</span>
-                        <i class="fas fa-chevron-down text-primary transition-transform duration-300"></i>
-                    </button>
-                    <div class="faq-answer mt-4 text-gray-600 hidden">
-                        <p>We prioritize urgent cases, especially those with imminent court dates or crisis situations. Typically, we can schedule initial consultations within 48 hours. Emergency support is available 24/7 through our crisis line for clients in immediate distress.</p>
-                    </div>
-                </div>
-                
-                <!-- FAQ Item 4 -->
-                <div class="mb-4 bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition duration-300">
-                    <button class="faq-question flex justify-between items-center w-full text-left font-semibold text-lg text-dark focus:outline-none">
-                        <span>What payment options do you accept?</span>
-                        <i class="fas fa-chevron-down text-primary transition-transform duration-300"></i>
-                    </button>
-                    <div class="faq-answer mt-4 text-gray-600 hidden">
-                        <p>We accept all major credit cards, bank transfers, and some insurance plans. For clients facing financial hardship due to their situation, we offer a sliding scale fee structure and payment plans. Some legal navigation services may be eligible for legal aid funding in certain jurisdictions.</p>
+            <!-- Community CTA -->
+            <div class="bg-blue-600 rounded-xl overflow-hidden">
+                <div class="grid md:grid-cols-2">
+                    <div class="p-8 md:p-12 text-white">
+                        <h3 class="text-2xl font-bold mb-4">Join Our Exclusive Community</h3>
+                        <p class="mb-6">Connect with other Californians exploring or already living in Madeira. Get insider tips, ask questions, and learn from those who've made the move.</p>
+                        <div class="space-y-4">
+                            <a href="#" class="bg-white text-blue-600 hover:bg-gray-100 font-bold py-3 px-6 rounded-lg inline-flex items-center transition duration-300">
+                                <i class="fab fa-facebook mr-3"></i> Facebook Group
+                            </a>
+                            <a href="#" class="bg-blue-700 hover:bg-blue-800 text-white font-bold py-3 px-6 rounded-lg inline-flex items-center transition duration-300">
+                                <i class="fab fa-youtube mr-3"></i> YouTube Channel
+                            </a>
+                        </div>
                     </div>
-                </div>
-                
-                <!-- FAQ Item 5 -->
-                <div class="mb-4 bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition duration-300">
-                    <button class="faq-question flex justify-between items-center w-full text-left font-semibold text-lg text-dark focus:outline-none">
-                        <span>Can you help if my case is already in court?</span>
-                        <i class="fas fa-chevron-down text-primary transition-transform duration-300"></i>
-                    </button>
-                    <div class="faq-answer mt-4 text-gray-600 hidden">
-                        <p>Absolutely. We frequently assist clients at all stages of legal proceedings. Our team can help you prepare for court appearances, understand legal strategies, manage the emotional toll of litigation, and connect you with expert witnesses if needed. The sooner you reach out, the more we can help.</p>
+                    <div class="bg-blue-700 p-8 md:p-12 flex items-center justify-center">
+                        <div class="relative">
+                            <div class="absolute -top-6 -left-6 bg-yellow-400 text-blue-800 w-12 h-12 rounded-full flex items-center justify-center">
+                                <i class="fas fa-users text-xl"></i>
+                            </div>
+                            <div class="bg-white rounded-lg p-6 shadow-lg">
+                                <div class="flex items-center mb-4">
+                                    <div class="w-10 h-10 rounded-full overflow-hidden mr-3">
+                                        <img src="https://randomuser.me/api/portraits/women/22.jpg" alt="Member" class="w-full h-full object-cover">
+                                    </div>
+                                    <div class="w-10 h-10 rounded-full overflow-hidden mr-3">
+                                        <img src="https://randomuser.me/api/portraits/men/41.jpg" alt="Member" class="w-full h-full object-cover">
+                                    </div>
+                                    <div class="w-10 h-10 rounded-full overflow-hidden mr-3">
+                                        <img src="https://randomuser.me/api/portraits/women/33.jpg" alt="Member" class="w-full h-full object-cover">
+                                    </div>
+                                    <div class="w-10 h-10 rounded-full overflow-hidden bg-blue-100 flex items-center justify-center">
+                                        <span class="text-blue-600 font-bold">250+</span>
+                                    </div>
+                                </div>
+                                <p class="text-gray-700 mb-4">"This community helped us navigate the relocation process and find our perfect home. The monthly meetups in Funchal are fantastic!"</p>
+                                <div class="text-sm text-gray-500">— Recent member from Newport Beach</div>
+                            </div>
+                        </div>
                     </div>
                 </div>
             </div>
         </div>
     </section>
 
-    <!-- CTA Section -->
-    <section class="py-16 bg-gradient-to-r from-primary to-accent text-white">
-        <div class="container mx-auto px-4 text-center">
-            <h2 class="text-3xl md:text-4xl font-bold mb-6">Ready to Reclaim Your Life?</h2>
-            <p class="text-xl mb-8 max-w-2xl mx-auto opacity-90">Take the first step toward healing and justice. Our team is here to support you 24/7.</p>
-            <div class="flex flex-col sm:flex-row justify-center gap-4">
-                <a href="#" class="bg-white hover:bg-gray-100 text-primary font-semibold py-3 px-8 rounded-full transition duration-300 shadow-lg hover:shadow-xl">
-                    <i class="fas fa-phone-alt mr-2"></i> Call Now: (555) 123-4567
-                </a>
-                <a href="#contact" class="bg-transparent hover:bg-white/10 border-2 border-white text-white font-semibold py-3 px-8 rounded-full transition duration-300">
-                    <i class="fas fa-envelope mr-2"></i> Send a Message
-                </a>
+    <!-- Final CTA Section -->
+    <section id="contact" class="py-20 bg-gray-900 text-white">
+        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
+            <div class="text-center mb-12">
+                <h2 class="text-3xl md:text-4xl font-bold mb-4">Ready to Explore Your Madeira Opportunity?</h2>
+                <p class="text-xl text-gray-300 max-w-3xl mx-auto">Take the first step toward financial freedom and an elevated lifestyle.</p>
             </div>
-        </div>
-    </section>
 
-    <!-- Contact Section -->
-    <section id="contact" class="py-20 bg-white">
-        <div class="container mx-auto px-4">
-            <div class="flex flex-col md:flex-row gap-12">
-                <div class="md:w-1/2">
-                    <h2 class="text-3xl font-bold text-dark mb-6">Get in Touch</h2>
-                    <p class="text-gray-600 mb-8">Complete the form to schedule a confidential consultation. All inquiries are discreet.</p>
-                    
-                    <div class="space-y-6">
-                        <div class="flex items-start">
-                            <div class="bg-primary/10 text-primary p-3 rounded-full mr-4">
-                                <i class="fas fa-map-marker-alt"></i>
-                            </div>
-                            <div>
-                                <h4 class="font-bold text-dark">Our Location</h4>
-                                <p class="text-gray-600">123 Support Lane, Suite 456<br>London, UK</p>
-                            </div>
+            <div class="grid md:grid-cols-2 gap-12">
+                <div class="bg-gray-800 rounded-xl p-8">
+                    <h3 class="text-2xl font-bold mb-6">Free Consultation</h3>
+                    <p class="text-gray-300 mb-6">Schedule a 30-minute call with our relocation experts to discuss your specific situation and get personalized advice.</p>
+                    <form class="space-y-4">
+                        <div>
+                            <input type="text" placeholder="Your Name" class="w-full px-4 py-3 bg-gray-700 border border-gray-600 rounded-md focus:ring-blue-500 focus:border-blue-500 text-white">
                         </div>
-                        
-                        <div class="flex items-start">
-                            <div class="bg-primary/10 text-primary p-3 rounded-full mr-4">
-                                <i class="fas fa-phone-alt"></i>
-                            </div>
-                            <div>
-                                <h4 class="font-bold text-dark">Contact Numbers</h4>
-                                <p class="text-gray-600">Office: +44 20 1234 5678<br>24/7 Crisis: +44 20 8765 4321</p>
-                            </div>
+                        <div>
+                            <input type="email" placeholder="Email Address" class="w-full px-4 py-3 bg-gray-700 border border-gray-600 rounded-md focus:ring-blue-500 focus:border-blue-500 text-white" required>
                         </div>
-                        
-                        <div class="flex items-start">
-                            <div class="bg-primary/10 text-primary p-3 rounded-full mr-4">
-                                <i class="fas fa-envelope"></i>
-                            </div>
-                            <div>
-                                <h4 class="font-bold text-dark">Email Us</h4>
-                                <p class="text-gray-600">help@chitchatsupport.com<br>legal@chitchatsupport.com</p>
-                            </div>
+                        <div>
+                            <input type="tel" placeholder="Phone Number" class="w-full px-4 py-3 bg-gray-700 border border-gray-600 rounded-md focus:ring-blue-500 focus:border-blue-500 text-white">
                         </div>
-                        
-                        <div class="flex items-start">
-                            <div class="bg-primary/10 text-primary p-3 rounded-full mr-4">
-                                <i class="fas fa-clock"></i>
-                            </div>
-                            <div>
-                                <h4 class="font-bold text-dark">Working Hours</h4>
-                                <p class="text-gray-600">Monday-Friday: 9am - 6pm<br>Saturday: 10am - 2pm<br>24/7 crisis support available</p>
-                            </div>
-                        </div>
-                    </div>
-                    
-                    <div class="mt-8">
-                        <h4 class="font-bold text-dark mb-4">Follow Us</h4>
-                        <div class="flex space-x-4">
-                            <a href="#" class="bg-gray-100 hover:bg-primary hover:text-white w-10 h-10 rounded-full flex items-center justify-center text-gray-600 transition duration-300">
-                                <i class="fab fa-facebook-f"></i>
-                            </a>
-                            <a href="#" class="bg-gray-100 hover:bg-primary hover:text-white w-10 h-10 rounded-full flex items-center justify-center text-gray-600 transition duration-300">
-                                <i class="fab fa-twitter"></i>
-                            </a>
-                            <a href="#" class="bg-gray-100 hover:bg-primary hover:text-white w-10 h-10 rounded-full flex items-center justify-center text-gray-600 transition duration-300">
-                                <i class="fab fa-linkedin-in"></i>
-                            </a>
-                            <a href="#" class="bg-gray-100 hover:bg-primary hover:text-white w-10 h-10 rounded-full flex items-center justify-center text-gray-600 transition duration-300">
-                                <i class="fab fa-instagram"></i>
-                            </a>
+                        <div>
+                            <select class="w-full px-4 py-3 bg-gray-700 border border-gray-600 rounded-md focus:ring-blue-500 focus:border-blue-500 text-white">
+                                <option value="">Preferred Consultation Time</option>
+                                <option value="morning">Morning (9am-12pm PT)</option>
+                                <option value="afternoon">Afternoon (12pm-4pm PT)</option>
+                                <option value="evening">Evening (4pm-7pm PT)</option>
+                            </select>
                         </div>
-                    </div>
+                        <button type="submit" class="w-full bg-blue-600 hover:bg-blue-700 text-white font-bold py-3 px-4 rounded-md transition duration-300">
+                            Schedule My Free Consultation
+                        </button>
+                    </form>
                 </div>
-                
-                <div class="md:w-1/2">
-                    <form id="contact-form" class="bg-light p-8 rounded-2xl shadow-sm">
-                        <div class="mb-6">
-                            <label for="name" class="block text-gray-700 font-medium mb-2">Name *</label>
-                            <input type="text" id="name" class="contact-input w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:border-primary" required>
-                        </div>
-                        
-                        <div class="mb-6">
-                            <label for="email" class="block text-gray-700 font-medium mb-2">Email Address *</label>
-                            <input type="email" id="email" class="contact-input w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:border-primary" required>
-                        </div>
-                        
-                        <div class="mb-6">
-                            <label for="phone" class="block text-gray-700 font-medium mb-2">Phone Number</label>
-                            <input type="tel" id="phone" class="contact-input w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:border-primary">
+
+                <div class="bg-gray-800 rounded-xl p-8">
+                    <h3 class="text-2xl font-bold mb-6">Download Our Free Guide</h3>
+                    <p class="text-gray-300 mb-6">Get our comprehensive 50-page guide "The Smart Californian's Guide to Madeira" covering everything from tax strategies to finding luxury properties.</p>
+                    <div class="flex items-center mb-6">
+                        <div class="bg-blue-600 rounded-lg p-3 mr-4">
+                            <i class="fas fa-file-pdf text-2xl"></i>
                         </div>
-                        
-                        <div class="mb-6">
-                            <label for="service" class="block text-gray-700 font-medium mb-2">Service Needed *</label>
-                            <select id="service" class="contact-input w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:border-primary appearance-none" required>
-                                <option value="">Select a service</option>
-                                <option value="emotional-support">Emotional Support</option>
-                                <option value="legal-guidance">Legal Guidance</option>
-                                <option value="support-groups">Support Groups</option>
-                                <option value="parental-rights">Parental Rights Support</option>
-                                <option value="career-recovery">Career Recovery</option>
-                                <option value="relationship-rebuilding">Relationship Rebuilding</option>
-                                <option value="not-sure">Not Sure - Need Consultation</option>
-                            </select>
+                        <div>
+                            <h4 class="font-bold">What's Included:</h4>
+                            <ul class="text-sm text-gray-300 space-y-1 mt-1">
+                                <li class="flex items-start">
+                                    <i class="fas fa-check text-green-400 mt-1 mr-2"></i>
+                                    <span>Step-by-step NHR tax optimization</span>
+                                </li>
+                                <li class="flex items-start">
+                                    <i class="fas fa-check text-green-400 mt-1 mr-2"></i>
+                                    <span>Best neighborhoods for HNWIs</span>
+                                </li>
+                                <li class="flex items-start">
+                                    <i class="fas fa-check text-green-400 mt-1 mr-2"></i>
+                                    <span>Healthcare system deep dive</span>
+                                </li>
+                                <li class="flex items-start">
+                                    <i class="fas fa-check text-green-400 mt-1 mr-2"></i>
+                                    <span>Investment property opportunities</span>
+                                </li>
+                            </ul>
                         </div>
-                        
-                        <div class="mb-6">
-                            <label for="urgency" class="block text-gray-700 font-medium mb-2">Urgency Level</label>
-                            <select id="urgency" class="contact-input w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:border-primary appearance-none">
-                                <option value="">Select urgency</option>
-                                <option value="urgent">Urgent - Legal proceedings active</option>
-                                <option value="important">Important - Need support soon</option>
-                                <option value="standard">Standard - Exploring options</option>
-                            </select>
+                    </div>
+                    <form class="space-y-4">
+                        <div>
+                            <input type="text" placeholder="Your Name" class="w-full px-4 py-3 bg-gray-700 border border-gray-600 rounded-md focus:ring-blue-500 focus:border-blue-500 text-white">
                         </div>
-                        
-                        <div class="mb-6">
-                            <label for="message" class="block text-gray-700 font-medium mb-2">Your Situation *</label>
-                            <textarea id="message" rows="5" class="contact-input w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:border-primary" required></textarea>
+                        <div>
+                            <input type="email" placeholder="Email Address" class="w-full px-4 py-3 bg-gray-700 border border-gray-600 rounded-md focus:ring-blue-500 focus:border-blue-500 text-white" required>
                         </div>
-                        
-                        <button type="submit" class="w-full bg-primary hover:bg-blue-700 text-white font-semibold py-3 px-4 rounded-lg transition duration-300 shadow-md hover:shadow-lg">
-                            <i class="fas fa-paper-plane mr-2"></i> Send Message
+                        <button type="submit" class="w-full bg-blue-600 hover:bg-blue-700 text-white font-bold py-3 px-4 rounded-md transition duration-300">
+                            Get My Free Guide <i class="fas fa-download ml-2"></i>
                         </button>
-                        
-                        <p class="text-sm text-gray-500 mt-4">* Required fields. We respect your privacy and will never share your information.</p>
                     </form>
-                    
-                    <div id="form-success" class="hidden mt-4 p-4 bg-green-100 text-green-700 rounded-lg border border-green-200">
-                        <div class="flex items-center">
-                            <i class="fas fa-check-circle text-xl mr-3"></i>
-                            <div>
-                                <h4 class="font-bold">Message Sent Successfully!</h4>
-                                <p class="text-sm">Thank you for reaching out. Our team will contact you within 24 hours. For urgent matters, please call our crisis line.</p>
-                            </div>
-                        </div>
-                    </div>
                 </div>
             </div>
         </div>
     </section>
 
     <!-- Footer -->
-    <footer class="bg-dark text-white pt-16 pb-8">
-        <div class="container mx-auto px-4">
-            <div class="grid grid-cols-1 md:grid-cols-4 gap-12">
+    <footer class="bg-gray-900 text-gray-400 border-t border-gray-800">
+        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
+            <div class="grid grid-cols-2 md:grid-cols-4 gap-8">
                 <div>
-                    <div class="flex items-center mb-6">
-                        <div class="w-10 h-10 rounded-full bg-primary flex items-center justify-center text-white mr-3">
-                            <i class="fas fa-comments text-xl"></i>
-                        </div>
-                        <span class="text-2xl font-bold">Chit<span class="text-primary">Chat</span></span>
-                    </div>
-                    <p class="text-gray-400 mb-6">Specialized support for men facing false abuse allegations. Rebuilding lives with compassion and expertise.</p>
+                    <h3 class="text-white text-sm font-semibold mb-4">Smart Move to Madeira</h3>
+                    <p class="text-sm mb-4">Helping Californian HNWIs achieve financial freedom through strategic relocation.</p>
                     <div class="flex space-x-4">
-                        <a href="#" class="text-gray-400 hover:text-white transition duration-300">
+                        <a href="#" class="text-gray-400 hover:text-white">
                             <i class="fab fa-facebook-f"></i>
                         </a>
-                        <a href="#" class="text-gray-400 hover:text-white transition duration-300">
-                            <i class="fab fa-twitter"></i>
-                        </a>
-                        <a href="#" class="text-gray-400 hover:text-white transition duration-300">
-                            <i class="fab fa-linkedin-in"></i>
+                        <a href="#" class="text-gray-400 hover:text-white">
+                            <i class="fab fa-youtube"></i>
                         </a>
-                        <a href="#" class="text-gray-400 hover:text-white transition duration-300">
+                        <a href="#" class="text-gray-400 hover:text-white">
                             <i class="fab fa-instagram"></i>
                         </a>
+                        <a href="#" class="text-gray-400 hover:text-white">
+                            <i class="fab fa-linkedin-in"></i>
+                        </a>
                     </div>
                 </div>
-                
                 <div>
-                    <h4 class="text-lg font-bold mb-6">Quick Links</h4>
-                    <ul class="space-y-3">
-                        <li><a href="#home" class="text-gray-400 hover:text-white transition duration-300">Home</a></li>
-                        <li><a href="#about" class="text-gray-400 hover:text-white transition duration-300">About John</a></li>
-                        <li><a href="#services" class="text-gray-400 hover:text-white transition duration-300">Our Services</a></li>
-                        <li><a href="#testimonials" class="text-gray-400 hover:text-white transition duration-300">Success Stories</a></li>
-                        <li><a href="#contact" class="text-gray-400 hover:text-white transition duration-300">Contact Us</a></li>
+                    <h3 class="text-white text-sm font-semibold mb-4">Resources</h3>
+                    <ul class="space-y-2">
+                        <li><a href="#" class="text-sm hover:text-white">Blog</a></li>
+                        <li><a href="#" class="text-sm hover:text-white">Cost Comparisons</a></li>
+                        <li><a href="#" class="text-sm hover:text-white">Tax Guides</a></li>
+                        <li><a href="#" class="text-sm hover:text-white">Relocation Checklist</a></li>
+                        <li><a href="#" class="text-sm hover:text-white">FAQ</a></li>
                     </ul>
                 </div>
-                
                 <div>
-                    <h4 class="text-lg font-bold mb-6">Services</h4>
-                    <ul class="space-y-3">
-                        <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Emotional Support</a></li>
-                        <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Legal Navigation</a></li>
-                        <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Support Groups</a></li>
-                        <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Parental Rights</a></li>
-                        <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Career Recovery</a></li>
+                    <h3 class="text-white text-sm font-semibold mb-4">Legal</h3>
+                    <ul class="space-y-2">
+                        <li><a href="#" class="text-sm hover:text-white">Privacy Policy</a></li>
+                        <li><a href="#" class="text-sm hover:text-white">Terms of Service</a></li>
+                        <li><a href="#" class="text-sm hover:text-white">GDPR Compliance</a></li>
+                        <li><a href="#" class="text-sm hover:text-white">Disclosures</a></li>
                     </ul>
                 </div>
-                
                 <div>
-                    <h4 class="text-lg font-bold mb-6">Newsletter</h4>
-                    <p class="text-gray-400 mb-4">Subscribe for resources and updates on men's rights and mental health.</p>
-                    <div class="flex mb-4">
-                        <input type="email" placeholder="Your email" class="px-4 py-3 bg-gray-700 text-white rounded-l-lg focus:outline-none focus:bg-gray-600 w-full">
-                        <button class="bg-primary hover:bg-blue-700 px-4 py-3 rounded-r-lg transition duration-300">
-                            <i class="fas fa-paper-plane"></i>
-                        </button>
-                    </div>
-                    <p class="text-sm text-gray-500">We respect your privacy. Unsubscribe at any time.</p>
+                    <h3 class="text-white text-sm font-semibold mb-4">Contact</h3>
+                    <ul class="space-y-2">
+                        <li class="flex items-start">
+                            <i class="fas fa-map-marker-alt mt-1 mr-2 text-blue-400"></i>
+                            <span class="text-sm">Av. do Mar, Funchal, Madeira</span>
+                        </li>
+                        <li class="flex items-start">
+                            <i class="fas fa-phone-alt mt-1 mr-2 text-blue-400"></i>
+                            <span class="text-sm">+351 291 123 456</span>
+                        </li>
+                        <li class="flex items-start">
+                            <i class="fas fa-envelope mt-1 mr-2 text-blue-400"></i>
+                            <span class="text-sm">info@smartmovetomadeira.com</span>
+                        </li>
+                    </ul>
                 </div>
             </div>
-            
-            <div class="border-t border-gray-700 mt-12 pt-8 flex flex-col md:flex-row justify-between items-center">
-                <p class="text-gray-400 mb-4 md:mb-0">&copy; 2023 Chit Chat Support Services. All rights reserved.</p>
-                <div class="flex space-x-6">
-                    <a href="#" class="text-gray-400 hover:text-white transition duration-300 text-sm">Privacy Policy</a>
-                    <a href="#" class="text-gray-400 hover:text-white transition duration-300 text-sm">Terms of Service</a>
-                    <a href="#" class="text-gray-400 hover:text-white transition duration-300 text-sm">Cookie Policy</a>
+            <div class="mt-12 pt-8 border-t border-gray-800 flex flex-col md:flex-row justify-between items-center">
+                <p class="text-sm">© 2025 Smart Move to Madeira. All rights reserved.</p>
+                <div class="mt-4 md:mt-0 flex space-x-6">
+                    <a href="#" class="text-sm hover:text-white">Sitemap</a>
+                    <a href="#" class="text-sm hover:text-white">Privacy Policy</a>
+                    <a href="#" class="text-sm hover:text-white">Terms</a>
                 </div>
             </div>
         </div>
     </footer>
 
-    <!-- Back to Top Button -->
-    <button id="back-to-top" class="fixed bottom-8 right-8 bg-primary text-white w-12 h-12 rounded-full shadow-lg flex items-center justify-center opacity-0 invisible transition-all duration-300 hover:bg-blue-700">
-        <i class="fas fa-arrow-up"></i>
-    </button>
-
+    <!-- Scripts -->
+    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
     <script>
-        // Mobile Menu Toggle
-        const mobileMenuButton = document.getElementById('mobile-menu-button');
-        const mobileMenu = document.getElementById('mobile-menu');
-        
-        mobileMenuButton.addEventListener('click', () => {
-            mobileMenu.classList.toggle('hidden');
-            mobileMenuButton.innerHTML = mobileMenu.classList.contains('hidden') ? 
-                '<i class="fas fa-bars text-2xl"></i>' : 
-                '<i class="fas fa-times text-2xl"></i>';
+        // Mobile menu toggle
+        document.getElementById('menu-btn').addEventListener('click', function() {
+            document.getElementById('mobile-menu').classList.toggle('hidden');
         });
-        
-        // FAQ Accordion
-        const faqQuestions = document.querySelectorAll('.faq-question');
-        
-        faqQuestions.forEach(question => {
-            question.addEventListener('click', () => {
-                const answer = question.nextElementSibling;
-                const icon = question.querySelector('i');
-                
-                // Close all other answers
-                faqQuestions.forEach(q => {
-                    if (q !== question) {
-                        q.nextElementSibling.classList.add('hidden');
-                        q.querySelector('i').classList.remove('rotate-180');
-                    }
+
+        // Smooth scrolling for anchor links
+        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
+            anchor.addEventListener('click', function (e) {
+                e.preventDefault();
+                document.querySelector(this.getAttribute('href')).scrollIntoView({
+                    behavior: 'smooth'
                 });
-                
-                // Toggle current answer
-                answer.classList.toggle('hidden');
-                icon.classList.toggle('rotate-180');
             });
         });
-        
-        // Back to Top Button
-        const backToTopButton = document.getElementById('back-to-top');
-        
-        window.addEventListener('scroll', () => {
-            if (window.pageYOffset > 300) {
-                backToTopButton.classList.remove('opacity-0', 'invisible');
-                backToTopButton.classList.add('opacity-100', 'visible');
+
+        // Calculator functionality
+        const calculatorForm = document.getElementById('cost-calculator');
+        const resultsPanel = document.getElementById('results-panel');
+        const calculatorPlaceholder = document.getElementById('calculator-placeholder');
+        const resetCalculator = document.getElementById('reset-calculator');
+        let costChart;
+
+        calculatorForm.addEventListener('submit', function(e) {
+            e.preventDefault();
+            
+            // Get form values
+            const income = parseFloat(document.getElementById('income').value) || 0;
+            const incomeType = document.getElementById('income-type').value;
+            const housing = parseFloat(document.getElementById('housing').value) || 0;
+            const healthcare = parseFloat(document.getElementById('healthcare').value) || 0;
+            const food = parseFloat(document.getElementById('food').value) || 0;
+            const transportation = parseFloat(document.getElementById('transportation').value) || 0;
+            const entertainment = parseFloat(document.getElementById('entertainment').value) || 0;
+            const other = parseFloat(document.getElementById('other').value) || 0;
+            const ownsProperty = document.getElementById('own-property').checked;
+
+            // Calculate Madeira equivalents (using average savings percentages)
+            const madeiraHousing = housing * 0.45; // 55% savings
+            const madeiraHealthcare = healthcare * 0.35; // 65% savings
+            const madeiraFood = food * 0.6; // 40% savings
+            const madeiraTransportation = transportation * 0.4; // 60% savings
+            const madeiraEntertainment = entertainment * 0.7; // 30% savings
+            const madeiraOther = other * 0.8; // 20% savings
+            
+            // Calculate tax savings (simplified for demo)
+            let taxSavings = 0;
+            if (incomeType === 'pretax') {
+                // Assuming California tax rate of 9.3% state + 24% federal (total 33.3%) for this bracket
+                // Madeira NHR would be 0% on foreign income
+                taxSavings = income * 0.333;
             } else {
-                backToTopButton.classList.remove('opacity-100', 'visible');
-                backToTopButton.classList.add('opacity-0', 'invisible');
+                // For post-tax income, we'll assume 20% savings on capital gains/dividends
+                taxSavings = income * 0.2;
             }
-        });
-        
-        backToTopButton.addEventListener('click', () => {
-            window.scrollTo({
-                top: 0,
-                behavior: 'smooth'
-            });
-        });
-        
-        // Animated Counter for Stats
-        function animateCounter(id, target, duration = 2000) {
-            const element = document.getElementById(id);
-            const start = 0;
-            const increment = target / (duration / 16); // 60fps
+
+            // Calculate totals
+            const californiaMonthly = housing + healthcare + food + transportation + entertainment + other;
+            const madeiraMonthly = madeiraHousing + madeiraHealthcare + madeiraFood + madeiraTransportation + madeiraEntertainment + madeiraOther;
+            const monthlySavings = californiaMonthly - madeiraMonthly;
+            const annualSavings = (monthlySavings * 12) + taxSavings;
+            const fiveYearImpact = annualSavings * 5;
+
+            // Update results display
+            document.getElementById('annual-savings').textContent = formatCurrency(annualSavings);
+            document.getElementById('monthly-savings').textContent = formatCurrency(monthlySavings);
+            document.getElementById('five-year-impact').textContent = formatCurrency(fiveYearImpact);
+            document.getElementById('tax-savings').textContent = formatCurrency(taxSavings);
+
+            // Update comparison table
+            const comparisonTable = document.getElementById('comparison-table');
+            comparisonTable.innerHTML = `
+                <tr class="hover:bg-blue-700">
+                    <td class="px-4 py-3 font-medium">Housing</td>
+                    <td class="px-4 py-3">${formatCurrency(housing)}</td>
+                    <td class="px-4 py-3">${formatCurrency(madeiraHousing)}</td>
+                    <td class="px-4 py-3 text-green-400 font-medium">${formatCurrency(housing - madeiraHousing)}</td>
+                </tr>
+                <tr class="hover:bg-blue-700">
+                    <td class="px-4 py-3 font-medium">Healthcare</td>
+                    <td class="px-4 py-3">${formatCurrency(healthcare)}</td>
+                    <td class="px-4 py-3">${formatCurrency(madeiraHealthcare)}</td>
+                    <td class="px-4 py-3 text-green-400 font-medium">${formatCurrency(healthcare - madeiraHealthcare)}</td>
+                </tr>
+                <tr class="hover:bg-blue-700">
+                    <td class="px-4 py-3 font-medium">Food</td>
+                    <td class="px-4 py-3">${formatCurrency(food)}</td>
+                    <td class="px-4 py-3">${formatCurrency(madeiraFood)}</td>
+                    <td class="px-4 py-3 text-green-400 font-medium">${formatCurrency(food - madeiraFood)}</td>
+                </tr>
+                <tr class="hover:bg-blue-700">
+                    <td class="px-4 py-3 font-medium">Transportation</td>
+                    <td class="px-4 py-3">${formatCurrency(transportation)}</td>
+                    <td class="px-4 py-3">${formatCurrency(madeiraTransportation)}</td>
+                    <td class="px-4 py-3 text-green-400 font-medium">${formatCurrency(transportation - madeiraTransportation)}</td>
+                </tr>
+                <tr class="hover:bg-blue-700">
+                    <td class="px-4 py-3 font-medium">Entertainment</td>
+                    <td class="px-4 py-3">${formatCurrency(entertainment)}</td>
+                    <td class="px-4 py-3">${formatCurrency(madeiraEntertainment)}</td>
+                    <td class="px-4 py-3 text-green-400 font-medium">${formatCurrency(entertainment - madeiraEntertainment)}</td>
+                </tr>
+                <tr class="hover:bg-blue-700">
+                    <td class="px-4 py-3 font-medium">Other</td>
+                    <td class="px-4 py-3">${formatCurrency(other)}</td>
+                    <td class="px-4 py-3">${formatCurrency(madeiraOther)}</td>
+                    <td class="px-4 py-3 text-green-400 font-medium">${formatCurrency(other - madeiraOther)}</td>
+                </tr>
+                <tr class="hover:bg-blue-700 border-t border-blue-700">
+                    <td class="px-4 py-3 font-bold">Total Monthly</td>
+                    <td class="px-4 py-3 font-bold">${formatCurrency(californiaMonthly)}</td>
+                    <td class="px-4 py-3 font-bold">${formatCurrency(madeiraMonthly)}</td>
+                    <td class="px-4 py-3 font-bold text-green-400">${formatCurrency(monthlySavings)}</td>
+                </tr>
+            `;
+
+            // Create/update chart
+            const ctx = document.getElementById('cost-chart').getContext('2d');
             
-            let current = start;
-            const timer = setInterval(() => {
-                current += increment;
-                if (current >= target) {
-                    clearInterval(timer);
-                    current = target;
-                }
-                element.textContent = Math.floor(current);
-            }, 16);
-        }
-        
-        // Start counters when stats section comes into view
-        const statsSection = document.querySelector('section.bg-white');
-        const observer = new IntersectionObserver((entries) => {
-            entries.forEach(entry => {
-                if (entry.isIntersecting) {
-                    animateCounter('years-count', 15);
-                    animateCounter('clients-count', 420);
-                    animateCounter('success-count', 380);
-                    observer.unobserve(entry.target);
-                }
-            });
-        }, { threshold: 0.5 });
-        
-        observer.observe(statsSection);
-        
-        // Smooth scrolling for navigation links
-        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
-            anchor.addEventListener('click', function(e) {
-                e.preventDefault();
-                
-                const targetId = this.getAttribute('href');
-                if (targetId === '#') return;
-                
-                const targetElement = document.querySelector(targetId);
-                if (targetElement) {
-                    window.scrollTo({
-                        top: targetElement.offsetTop - 80,
-                        behavior: 'smooth'
-                    });
-                    
-                    // Close mobile menu if open
-                    if (!mobileMenu.classList.contains('hidden')) {
-                        mobileMenu.classList.add('hidden');
-                        mobileMenuButton.innerHTML = '<i class="fas fa-bars text-2xl"></i>';
+            if (costChart) {
+                costChart.destroy();
+            }
+            
+            costChart = new Chart(ctx, {
+                type: 'bar',
+                data: {
+                    labels: ['Housing', 'Healthcare', 'Food', 'Transportation', 'Entertainment', 'Other'],
+                    datasets: [
+                        {
+                            label: 'California',
+                            data: [housing, healthcare, food, transportation, entertainment, other],
+                            backgroundColor: 'rgba(255, 99, 132, 0.7)',
+                            borderColor: 'rgba(255, 99, 132, 1)',
+                            borderWidth: 1
+                        },
+                        {
+                            label: 'Madeira',
+                            data: [madeiraHousing, madeiraHealthcare, madeiraFood, madeiraTransportation, madeiraEntertainment, madeiraOther],
+                            backgroundColor: 'rgba(54, 162, 235, 0.7)',
+                            borderColor: 'rgba(54, 162, 235, 1)',
+                            borderWidth: 1
+                        }
+                    ]
+                },
+                options: {
+                    responsive: true,
+                    maintainAspectRatio: false,
+                    scales: {
+                        y: {
+                            beginAtZero: true,
+                            ticks: {
+                                callback: function(value) {
+                                    return '$' + value.toLocaleString();
+                                }
+                            }
+                        }
+                    },
+                    plugins: {
+                        legend: {
+                            labels: {
+                                color: 'white'
+                            }
+                        },
+                        tooltip: {
+                            callbacks: {
+                                label: function(context) {
+                                    let label = context.dataset.label || '';
+                                    if (label) {
+                                        label += ': ';
+                                    }
+                                    label += '$' + context.raw.toLocaleString();
+                                    return label;
+                                }
+                            }
+                        }
                     }
                 }
             });
+
+            // Show results
+            calculatorPlaceholder.classList.add('hidden');
+            resultsPanel.classList.remove('hidden');
+            resultsPanel.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
+        });
+
+        // Reset calculator
+        resetCalculator.addEventListener('click', function() {
+            calculatorForm.reset();
+            resultsPanel.classList.add('hidden');
+            calculatorPlaceholder.classList.remove('hidden');
+            calculatorPlaceholder.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
         });
-        
-        // Form submission
-        const contactForm = document.getElementById('contact-form');
-        const formSuccess = document.getElementById('form-success');
-        
-        contactForm.addEventListener('submit', function(e) {
+
+        // Lead form submission
+        document.getElementById('lead-form').addEventListener('submit', function(e) {
             e.preventDefault();
+            alert('Thank you for your interest! Our team will contact you shortly with your personalized relocation guide.');
+            this.reset();
+        });
+
+        // Helper function to format currency
+        function formatCurrency(amount) {
+            return '$' + amount.toFixed(2).replace(/\d(?=(\d{3})+\.)/g, '$&,');
+        }
+
+        // Parallax effect on scroll
+        window.addEventListener('scroll', function() {
+            const scrollPosition = window.pageYOffset;
+            const parallaxElements = document.querySelectorAll('.parallax');
             
-            // Simulate form submission
-            contactForm.classList.add('hidden');
-            formSuccess.classList.remove('hidden');
-            
-            // Reset form after 5 seconds (in a real app, this would be after actual submission)
-            setTimeout(() => {
-                contactForm.reset();
-                contactForm.classList.remove('hidden');
-                formSuccess.classList.add('hidden');
-            }, 5000);
+            parallaxElements.forEach(function(element) {
+                element.style.backgroundPositionY = (scrollPosition * 0.5) + 'px';
+            });
         });
     </script>
 <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=dickiethinking/chitchat" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
