diff --git a/Controllers/HomeController.cs b/Controllers/HomeController.cs
index d1be78f..390ebf5 100644
--- a/Controllers/HomeController.cs
+++ b/Controllers/HomeController.cs
@@ -37,18 +37,6 @@ namespace clivelancaster.Controllers
             }
             return View(subscription);
         }
-        public IActionResult About()
-        {
-            return View();
-        }
-        public IActionResult Clients()
-        {
-            return View();
-        }
-        public IActionResult Services()
-        {
-            return View();
-        }
         public IActionResult Terms()
         {
             return View();
diff --git a/Readme.txt b/Readme.txt
index 5580722..60b337b 100644
--- a/Readme.txt
+++ b/Readme.txt
@@ -2,4 +2,12 @@
     Id SERIAL PRIMARY KEY,              -- Auto-incrementing primary key
     Email VARCHAR(255) NOT NULL,        -- Email field, required with a max length of 255 characters
     DateSubscribed TIMESTAMP NOT NULL DEFAULT CURRENT_TIMESTAMP -- Date and time of subscription
-);
\ No newline at end of file
+);
+
+### Tailwind
+npm install tailwindcss @tailwindcss/cli
+@import "tailwindcss";
+## dev
+npx @tailwindcss/cli -i ./wwwroot/css/site.css -o ./wwwroot/lib/tailwind/tailwindcss.css --watch
+## build
+npx @tailwindcss/cli -i ./wwwroot/css/site.css -o ./wwwroot/lib/tailwind/tailwindcss.css --minify
\ No newline at end of file
diff --git a/Views/Contact/Index.cshtml b/Views/Contact/Index.cshtml
index df753cf..1498190 100644
--- a/Views/Contact/Index.cshtml
+++ b/Views/Contact/Index.cshtml
@@ -1,75 +1,120 @@
 @model clivelancaster.Models.ContactFormModel
 @{
     ViewData["Title"] = "Contact";
-    Layout = "~/Views/Shared/_Layout.cshtml";
+    Layout = "~/Views/Shared/_PageLayout.cshtml";
 }
 
-<div class="container py-4">
-    <header class="pb-3 mb-4 border-bottom">
-        <span class="fs-4"><i class="bi bi-envelope-fill"></i> @ViewData["Title"]</span>
-    </header>
-    <div class="p-5 mb-4 bg-body-tertiary rounded-3 border">
-        <div class="container-fluid py-5">
-            <h2>Contact</h2>
+<partial name="_PartialPageNavigation" />
 
-            @if (ViewBag.Message != null)
+<header class="pt-32 pb-12 bg-slate-50 text-center px-6">
+    <h1 class="text-4xl md:text-5xl font-bold text-slate-900 mb-4">Let's Start a Conversation</h1>
+    <p class="text-lg text-slate-600 max-w-2xl mx-auto">Whether you have a product idea to validate or need expert consulting for your enterprise, I'm here to help.</p>
+</header>
+
+<main class="flex-grow max-w-7xl mx-auto px-6 py-12 w-full">
+    <div class="grid lg:grid-cols-2 gap-16">
+
+        <div>
+            <div class="mb-10">
+                <h2 class="text-2xl font-bold text-slate-900 mb-6">Get in Touch</h2>
+                <p class="text-slate-600 mb-8 leading-relaxed">
+                    I am currently accepting new roles and consulting opportunities. Please fill out the form, and I will get back to you within 24 hours.
+                </p>
+
+                <div class="space-y-6"> 
+                    <div class="flex items-start">
+                        <div class="w-12 h-12 bg-blue-100 rounded-lg flex items-center justify-center text-blue-600 text-xl mr-4 flex-shrink-0">
+                            <a href="/img/CV_Clive_Lancaster.pdf" target="_blank"><i class="fas fa-download"></i></a>
+                        </div>
+                        <div>
+                            <h3 class="font-bold text-slate-900">Download</h3>
+                            <p class="text-slate-600">CV availble for <a href="/img/CV_Clive_Lancaster.pdf" target="_blank"><u>download</u></a>.</p>
+                        </div>
+                    </div>
+                    <div class="flex items-start">
+                        <div class="w-12 h-12 bg-blue-100 rounded-lg flex items-center justify-center text-blue-600 text-xl mr-4 flex-shrink-0">
+                            <i class="fas fa-map-marker-alt"></i>
+                        </div>
+                        <div>
+                            <h3 class="font-bold text-slate-900">Location</h3>
+                            <p class="text-slate-600">Based in Sydney, Australia.<br>Available for remote work globally.</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="border-t border-slate-200 pt-8">
+                <h3 class="font-bold text-slate-900 mb-4">Frequently Asked Questions</h3>
+                <div class="space-y-4">
+                    <details class="group bg-slate-50 p-4 rounded-lg cursor-pointer">
+                        <summary class="flex justify-between items-center font-medium list-none text-slate-800">
+                            <span>Are you actively searching for a new role?</span>
+                            <span class="transition group-open:rotate-180"><i class="fas fa-chevron-down text-sm"></i></span>
+                        </summary>
+                        <p class="text-slate-600 text-sm mt-3 leading-relaxed">Yes, I am always open to opportunities where I can add meaningful value and make a positive impact.</p>
+                    </details>
+                    <details class="group bg-slate-50 p-4 rounded-lg cursor-pointer">
+                        <summary class="flex justify-between items-center font-medium list-none text-slate-800">
+                            <span>Do you have a preference for full-time permanent or contract roles?</span>
+                            <span class="transition group-open:rotate-180"><i class="fas fa-chevron-down text-sm"></i></span>
+                        </summary>
+                        <p class="text-slate-600 text-sm mt-3 leading-relaxed">Permanent roles are preferred, though I am open to contract opportunities.</p>
+                    </details>
+                    <details class="group bg-slate-50 p-4 rounded-lg cursor-pointer">
+                        <summary class="flex justify-between items-center font-medium list-none text-slate-800">
+                            <span>Do you have full working rights in Australia or UK?</span>
+                            <span class="transition group-open:rotate-180"><i class="fas fa-chevron-down text-sm"></i></span>
+                        </summary>
+                        <p class="text-slate-600 text-sm mt-3 leading-relaxed">Yes, I have full working rights in Australia & UK.</p>
+                    </details>
+                </div>
+            </div>
+        </div>
+
+        <div class="bg-white p-8 rounded-2xl shadow-xl border border-slate-100">
+            @if (@ViewBag.Message != null)
             {
-                <div class="alert alert-info">@ViewBag.Message</div>
-            }
 
-            <form asp-action="Index" method="post">
-                <div class="form-group">
-                    <label asp-for="Name" class="incognito-field"></label>
-                    <input asp-for="Name" class="form-control incognito-field" autocomplete="off" tabindex="-1" />
-                    <label asp-for="NameIncognito"></label>
-                    <input asp-for="NameIncognito" class="form-control" />
+                <h2 class="text-2xl font-bold text-blue-600">Thank you for getting in touch!</h2>
+                <p class="text-slate-600 mb-8 leading-relaxed">We’ve received your message and will get back to you as soon as possible.</p>
+                <a href="/Home" class="px-8 py-4 bg-white text-slate-700 border border-slate-200 font-semibold rounded-lg hover:bg-slate-50 transition text-center">Back to Home<i class="fas fa-home ml-2"></i></a>
+            }
+            else {
+            <form asp-action="Index" method="post" id="contactForm" class="space-y-6">
+                <div class="grid md:grid-cols-2 gap-6">
+                    <div>
+                        <label asp-for="Name" class="incognito-field"></label>
+                        <input asp-for="Name" class="form-control incognito-field" autocomplete="off" tabindex="-1" />
+                            <label asp-for="NameIncognito" class="block text-sm font-semibold text-slate-700 mb-2"></label>
+                        <input asp-for="NameIncognito" class="w-full px-4 py-3 rounded-lg border border-slate-300 focus:border-blue-500 focus:ring-2 focus:ring-blue-200 outline-none transition" placeholder="John Doe" />
+                    </div>
+                    <div>
+                            <label asp-for="Email" class="block text-sm font-semibold text-slate-700 mb-2"></label>
+                        <input asp-for="Email" class="w-full px-4 py-3 rounded-lg border border-slate-300 focus:border-blue-500 focus:ring-2 focus:ring-blue-200 outline-none transition" placeholder="john@example.com" />
+                        <span asp-validation-for="Email" class="text-danger"></span>
+                    </div>
                 </div>
-                <div class="form-group">
-                    <label asp-for="Email"></label>
-                    <input asp-for="Email" class="form-control" />
-                    <span asp-validation-for="Email" class="text-danger"></span>
-                </div>
-                <div class="form-group">
+                <div>
                     <label asp-for="Subject" class="incognito-field"></label>
                     <input asp-for="Subject" class="form-control incognito-field" autocomplete="off" tabindex="-1" />
-                    <label asp-for="SubjectIncognito"></label>
-                    <input asp-for="SubjectIncognito" class="form-control" />
+                        <label asp-for="SubjectIncognito" class="block text-sm font-semibold text-slate-700 mb-2"></label>
+                        <select asp-for="SubjectIncognito" class="w-full px-4 py-3 rounded-lg border border-slate-300 focus:border-blue-500 focus:ring-2 focus:ring-blue-200 outline-none transition bg-white">
+                        <option>General Inquiry</option>
+                        <option>Job Opportunity</option>
+                        <option>Software Development</option>
+                        <option>Product Strategy Consulting</option>
+                        <option>Speaking Opportunity</option>
+                        </select>
                 </div>
-                <div class="form-group">
+                <div>
                     <label asp-for="Message" class="incognito-field"></label>
                     <textarea asp-for="Message" class="form-control incognito-field" autocomplete="off" tabindex="-1"></textarea>
-                    <label asp-for="MessageIncognito"></label>
-                    <textarea asp-for="MessageIncognito" class="form-control"></textarea>
+                        <label asp-for="MessageIncognito" for="message" class="block text-sm font-semibold text-slate-700 mb-2"></label>
+                    <textarea asp-for="MessageIncognito" rows="5" class="w-full px-4 py-3 rounded-lg border border-slate-300 focus:border-blue-500 focus:ring-2 focus:ring-blue-200 outline-none transition" placeholder="Tell me a bit about your project..."></textarea>
                 </div>
-                <div class="p-2"></div>
-                <button type="submit" class="btn btn-primary">Send Message</button>
+                    <button type="submit" class="w-full bg-blue-600 text-white font-bold py-4 rounded-lg hover:bg-blue-700 transition shadow-lg transform active:scale-95 flex items-center justify-center">Send Message<i class="fas fa-paper-plane ml-2"></i></button>
             </form>
+            }
         </div>
-    </div>
-
-    <div class="row align-items-md-stretch">
-        <div class="col-md-6">
-            <div class="h-100 p-5 text-bg-dark rounded-3">
-                <h2>Phone</h2>
-                <i class="bi bi-telephone-fill"></i>
-                <p><a href="tel:0401089305" style="color:#fff;">0401089305</a></p>
-                <h2>Email</h2>
-                <i class="bi bi-envelope-at-fill"></i>
-                <p><a href="mailto:clivelancaster@gmx.com" style="color:#fff;">clivelancaster@gmx.com</a></p>
-                <h2>Telegram</h2>
-                <i class="bi bi-telegram"></i>
-                <p><a href="https://t.me/clivelancaster" style="color:#fff;">https://t.me/clivelancaster</a></p>
-            </div>
-        </div>
-        <div class="col-md-6">
-            <div class="h-100 p-5 bg-body-tertiary border rounded-3">
-                <h2>Location</h2>
-                <i class="bi bi-geo-alt-fill"></i>
-                <p>Sydney Australia</p>
-				<h2>Social</h2>
-                <i class="bi bi-linkedin"></i>
-                <p><a href="https://www.linkedin.com/in/clivelancaster/" style="color:#5a5a5a;">https://www.linkedin.com/in/clivelancaster/</a></p>
-            </div>
-        </div>
-    </div>
-</div>
+     </div>
+</main>
diff --git a/Views/Home/About.cshtml b/Views/Home/About.cshtml
deleted file mode 100644
index 0315ee5..0000000
--- a/Views/Home/About.cshtml
+++ /dev/null
@@ -1,172 +0,0 @@
-
-@{
-    ViewData["Title"] = "About";
-    Layout = "~/Views/Shared/_Layout.cshtml";
-}
-
-<div class="container py-4">
-    <header class="pb-3 mb-4 border-bottom">
-        <span class="fs-4"><i class="bi bi-file-person-fill"></i> @ViewData["Title"]</span>
-    </header>
-
-    <div class="p-5 mb-4 bg-body-tertiary rounded-3 border">
-        <div class="container-fluid py-2">
-            <p class="float-end">
-                <img src="~/img/member-1.jpg" class="bd-about-img rounded-circle" alt="Clive Lancaster" width="200px" />
-            </p>
-            <h1 class="display-6 fw-bold">Profile</h1>
-            <p class="col-md-8 fs-6">
-				Accomplished and results-driven <strong>Digital Product Manager</strong> with a diverse background in <i>health-tech, prop-tech, HR, and e-commerce</i>. Expertise as both a <i>business analyst</i> and <i>full-stack software developer</i>, excelling at delivering innovative digital solutions. Known for an analytical and customer-centric approach, adept at balancing strategic business imperatives with exceptional user experiences, fostering collaboration, and driving measurable success.
-            </p>
-            <a href="/img/CV_Clive_Lancaster.pdf" class="btn btn-primary" type="button"><i class="bi bi-file-pdf-fill"></i> Dowload CV</a>
-        </div>
-    </div>
-
-    <div class="p-5 mb-4 bg-body-tertiary rounded-3 border">
-        <div class="container-fluid py-2">
-            <h1 class="display-6 fw-bold">Key Achievements</h1>
-            <ul class="col-md-12 fs-6">
-                <li>
-                    <strong>Enhanced clinical decision support, operational efficiency, and long-term product sustainability</strong> by managing the successful replatforming and rebranding of Telstra Health’s Medicines Information management system into Entry Point, and spearheading a UX and technology stack upgrade of the AusDI product for internal and external customers.
-                </li>
-                <li>
-                    <strong>Positioned Telstra Health as a national leader in digital health interoperability</strong> by leading delivery of Australia’s first secure, interoperable SMART on FHIR work capacity certificate, resulting in subsequent multi-million-dollar government contracts (ReturnToWorkSA).
-                </li>
-                <li>
-                    <strong>Created a new recurring revenue stream for MedicalDirector</strong> by establishing and launching the organisation’s first medicines Clinical Decision Support (CDS) Data-as-a-Service platform, mapped to AMT (SNOMED CT-AU), achieving a signed customer contract (2018–2019).
-                </li>
-                <li>
-                    <strong>Generated £400k+ in incremental annual revenue</strong> for the UK’s #1 personalised gifts retailer (Getting Personal) by defining, building, and delivering a custom retail data analytics platform directly aligned to core business KPIs.
-                </li>
-                <li>
-                    <strong>Improved conversion, reduced churn, and elevated brand quality</strong> across 290+ independent hotels by leading the end-to-end rebranding and delivery of Best Western Hotels’ UK/Europe business-critical marketing and e-commerce platform in collaboration with internal teams and external partners.
-                </li>
-                <li>
-                    <strong>Reduced financial processing time by 80% and eliminated manual errors</strong> by leading the automation of credit-card reconciliation workflows across Best Western Hotels’ phone-based sales channels.
-                </li>
-             </ul>
-        </div>
-    </div>
-
-    <div class="p-5 mb-4 bg-body-tertiary rounded-3 border">
-        <div class="container-fluid py-2">
-            <h1 class="display-6 fw-bold">Core Competencies</h1>
-            <p class="col-md-8 fs-6">
-                <table class="table table-striped-columns">
-                    <thead>
-                    <tr>
-                        <td>Competency</td>
-                        <td>Description</td>
-                        <td>Tools/Methodologies</td>
-					</tr>
-					</thead>
-                    <tbody class="table-group-divider">
-                    <tr>
-                        <td>Product Strategy Development</td>
-                        <td>Define product vision and roadmap aligned with business goals and user needs. Prioritize features based on market trends and competition.</td>
-                        <td>North Star Metric, OKRs, SWOT Analysis, Business Model Canvas</td>
-                    </tr>
-                    <tr>
-                        <td>User-Centered Design & UX Focus</td>
-                        <td>Advocate for users by applying UX/UI best practices to create intuitive, user-friendly products.</td>
-                        <td>Design Thinking, Figma, User Personas</td>
-                    </tr>
-                    <tr>
-                        <td>Data-Driven Decision Making</td>
-                        <td>Use data to validate decisions and guide product improvements based on customer behavior and performance metrics.</td>
-						<td>Google Analytics, A/B Testing, SQL Microsoft Power BI, Tableau</td>
-                    </tr>
-                    <tr>
-                        <td>Agile Methodology & Product Development Lifecycle</td>
-                        <td>Lead teams through agile processes, ensuring smooth product development from ideation to launch.</td>
-                        <td>Scrum, Kanban, Jira, Confluence</td>
-                    </tr>
-                    <tr>
-                        <td>Stakeholder Management & Communication</td>
-                        <td>Align cross-functional teams and communicate product value effectively to all stakeholders.</td>
-                        <td>RACI Matrix, Microsoft Teams, Miro, PowerPoint</td>
-                    </tr>
-                    <tr>
-                        <td>Technical Acumen</td>
-                        <td>Understand technology and development processes to bridge the gap between business and engineering.</td>
-                        <td>APIs, Postman, GitHub, DevOps principles</td>
-                    </tr>
-                    <tr>
-                        <td>Roadmap & Backlog Prioritization</td>
-                        <td>Prioritize features to maximize value and impact using structured frameworks.</td>
-                        <td>MoSCoW, RICE, Trello, Productboard</td>
-                    </tr>
-                    <tr>
-                        <td>Market & Competitive Analysis</td>
-                        <td>Analyze market trends and competition to ensure product differentiation and growth.</td>
-                        <td>Porter’s Five Forces, SEMrush, Ahrefs</td>
-                    </tr>
-                    <tr>
-                        <td>Customer Empathy & Feedback Loops</td>
-                        <td>Regularly engage users to gather feedback and iterate product features based on customer pain points.</td>
-                        <td>NPS, UserTesting, Customer Journey Mapping</td>
-                    </tr>
-                    <tr>
-                        <td>Financial Acumen & Business Value Creation</td>
-                        <td>Align product goals with business outcomes like revenue, profitability, and customer retention.</td>
-                        <td>P&L Management, ROI Calculations, Pricing Models</td>
-                    </tr>
-                    <tr>
-                        <td>Growth Mindset & Continuous Learning</td>
-                        <td>Stay updated on industry trends and continuously improve skills and processes.</td>
-                        <td>Linkin Learning, Product-Led Growth, Lean Startup</td>
-                    </tr>
-                    <tr>
-                        <td>Risk Management & Problem Solving</td>
-                        <td>Identify risks early and develop solutions to ensure successful product delivery.</td>
-                        <td>Risk Matrix, Root Cause Analysis, Fishbone Diagram</td>
-                    </tr>
-                    </tbody>
-                </table>
-            </p>
-        </div>
-    </div>
-
-    <div class="p-5 mb-4 bg-body-tertiary rounded-3 border">
-        <div class="container-fluid py-2">
-            <h1 class="display-6 fw-bold">Education</h1>
-            <ul class="col-md-8 fs-6">
-                <li>BSc (Hon) Computer Studies (2.1)		Teesside University, Middlesbrough, 2002 to 2004<br />
-					<i>Dissertation on Medical Information System using Microsoft Technologies</i>
-				</li>
-				<li>
-					HND Computing (Information Technology)	 Teesside University, Middlesbrough, 2000 to 2002
-				</li>
-            </ul>
-        </div>
-    </div>
-
-    <div class="p-5 mb-4 bg-body-tertiary rounded-3 border">
-        <div class="container-fluid py-2">
-            <h1 class="display-6 fw-bold">Training & Certification</h1>
-            <ul class="col-md-8 fs-6">
-                <li>
-                    Certified Scrum Product Owner (CSPO)		Scrum Alliance, 2022
-                </li>
-                <li>
-                    First Aid					St John Ambulance Australia (NSW)
-                </li>
-                <li>
-                    ICARE Customer Services Course		Interchange & Consort Hotels, York, 2011
-                </li>
-                <li>
-                    City & Guilds AutoCAD 2D & 3D Design	York College of Further & Higher Education, York, 1999 to 2000
-                </li>
-                <li>
-                    8th Kyu Shodokan Aikido York, England
-                </li>
-                <li>
-					7th Kyu Shorinji Kan Jiu Jitsu York, England
-                </li>
-                <li>
-                    2nd Kyu Kano Institute of Judo Randburg, South Africa
-                </li>
-            </ul>
-        </div>
-    </div>
-</div>
diff --git a/Views/Home/Clients.cshtml b/Views/Home/Clients.cshtml
deleted file mode 100644
index 3c1493f..0000000
--- a/Views/Home/Clients.cshtml
+++ /dev/null
@@ -1,247 +0,0 @@
-
-@{
-    ViewData["Title"] = "Clients";
-    Layout = "~/Views/Shared/_Layout.cshtml";
-}
-
-<div class="container py-4">
-    <header class="pb-3 mb-4 border-bottom">
-        <span class="fs-4"><i class="bi bi-people-fill"></i> @ViewData["Title"]</span>
-    </header>
-    <div class="p-5 mb-4 bg-body-tertiary rounded-3 border">
-        <div class="container-fluid py-2">
-            <p class="float-end">
-					<img src="~/img/client-1.png" alt="Telstra Health" width="150px" />
-			</p>
-            <h1 class="display-8 fw-bold">Telstra Health Pty Ltd.</h1>
-            <p class="col-md-8 fs-6">Telstra Health is Australia’s largest eHealth software and technology company.</p>
-            <p class="col-md-8 fs-6">
-				<strong>Product Manager</strong><br />
-                Sydney, September 2022 to Present
-            </p>
-				
-            <ul>
-                <li>
-                    Define quarterly OKRs and roadmap scope for Clinical Decision Support (CDS) products including AusDI, Medicines DaaS, AIDH, DRTC, Entry Point and Access Control System (ACS), reporting to Product Lead.
-                </li>
-                <li>
-                    Own backlog prioritisation and stakeholder alignment across clinical, technical, and commercial teams.
-                </li>
-                <li>
-                    Partner with sales and pre-sales to shape government and enterprise deals.
-                </li>
-                <li>
-                    Drive data-informed iteration using customer feedback loops and usage analytics.
-                </li>
-			</ul>
-        </div>
-        <div class="container-fluid py-2">
-            <p class="col-md-8 fs-6">
-                <strong>Product Owner</strong><br />
-                Sydney, December 2020 to September 2022
-			</p>    
-            <ul>
-                <li>
-                    Planned and executed roadmap for Kyra Secure Messaging (Argus), ConnectingCare & eReferrals, aligning with hospital and GP strategies.
-                </li>
-                <li>
-                    Led cross-functional squads (8–12 engineers, UX, QA) to deliver secure, compliant integrations.
-                </li>
-                <li>
-                    Supported BD in winning government tenders and private healthcare contracts.
-
-                </li>
-            </ul>
-            <a href="https://www.telstrahealth.com/" style="color:#212529bf;">www.telstrahealth.com</a>
-        </div>
-    </div>
-    <div class="p-5 mb-4 bg-body-tertiary rounded-3 border">
-        <div class="container-fluid py-2">
-            <p class="float-end">
-                <img src="~/img/client-2.png" alt="CoreLogic Asia Pacific" width="150px" />
-            </p>
-            <h1 class="display-6 fw-bold">RP Data Pty Ltd t/a CoreLogic Asia Pacific</h1>
-            
-            <p class="col-md-8 fs-6">
-                Cotality (formerly RP Data Pty Ltd t/a CoreLogic Asia Pacific) is a global leading property market data and insights solutions provider within Australia, NewZealand and America.
-                </p>
-			<p class="col-md-8 fs-6">
-                <strong>Snr. Professional Product Owner</strong>	<br />Sydney, January 2020 to December 2020
-			</p>
-            <ul><li>
-                	Developed and executed product roadmap successfully achieving key business goals and KPI’s within budget
-                </li>
-                <li>
-                    Provided guidance to the recent sale’s agile delivery team in order to achieve business goals and objectives
-                </li>
-                <li>
-                    Collaborated with other businesses units and customer stakeholders to deliver positive customer outcomes
-                </li>
-                <li>
-                    Developed the business case for the Recent Sales division insight of the covid-19 pandemic
-				</li>
-			</ul>
-            <a href="https://www.corelogic.com.au/" style="color:#212529bf;">www.corelogic.com.au</a>
-        </div>
-    </div>
-    <div class="p-5 mb-4 bg-body-tertiary rounded-3 border">
-        <div class="container-fluid py-2">
-            <p class="float-end">
-                <img src="~/img/client-3.png" alt="MedicalDirector" width="150px" />
-            </p>
-            <h1 class="display-6 fw-bold">Health Communication Network Pty Ltd t/a MedicalDirector</h1>
-			<p class="col-md-8 fs-6">
-                Telstra Health (formerly MedicalDirector) is a healthcare management software solutions and information provider and leader in the Australian market.
-			</p>
-            <p class="col-md-8 fs-6">
-                <strong>
-                    Product Manager </strong><br />
-                        Sydney, May 2017 to Nov 2019
-             </p>
-            <ul><li>
-                	Developed product roadmap and managed product backlog for the Clinical Content division in line with the product strategy
-                </li>
-                <li>
-                    Managed the delivery of a business first Medicines DaaS from conception to initial customer contract
-                </li>
-                <li>
-                    Increased customer satisfaction and Net Promoter Score for AusDI by working with integration partners including the SHPA, IMGateway and FDB to deliver additional product offerings
-                </li>
-                <li>
-                    Enhanced efficiency and sustainability of pharmaceutical document management by managing the migration and delivery of a current version of Allette Systems PageSeeder
-                </li>
-                <li>
-                    Developed feature wireframes and mock-ups for AusDI desktop and mobile using insights from UX designers
-                </li>
-                <li>
-                    Delivering support and maintaining relationships for government state held health contracts
-				</li>
-            </ul>
-        </div>
-        <div class="container-fluid py-2">
-            <p class="col-md-8 fs-6">
-                <strong>
-                    Senior Business Analyst
-                </strong><br />
-                        Sydney, Dec 2016 to May 2017
-			</p>
-            <ul><li>
-                	Owned the customer requirements for the Clinical Content division
-                </li>
-                <li>
-                    Enhanced delivery management and efficiency of both business and technical processes
-                </li>
-                <li>
-                    Responsible for Agile process and Sprint management
-                </li>
-                <li>
-                    External and internal stakeholder management
-                </li>
-                <li>
-                    Leadership and management of delivery channels
-				</li>
-			</ul>
-            <a href="https://www.medicaldirector.com/" style="color:#212529bf;">www.medicaldirector.com</a>
-        </div>
-    </div>
-    <div class="p-5 mb-4 bg-body-tertiary rounded-3 border">
-        <div class="container-fluid py-2">
-            <p class="float-end">
-                <img src="~/img/client-4.png" alt="X Channel Marketing" width="150px" />
-            </p>
-            <h1 class="display-6 fw-bold">X Channel Marketing Ltd. </h1>
-			<p class="col-md-8 fs-6">
-				X Channel Marketing is a data services company specialising in retail data collection transformation and analysis.
-			</p><p class="col-md-8 fs-6">
-                <strong>
-                    Business Analyst
-                </strong><br />
-                       York, April 2016 to September 2016
-                        </p>
-            <ul>
-                <li>
-                    Collaborated with retail clients to capture onboarding and change-request requirements, producing clear functional specifications supporting product and data platform updates.
-                </li>
-                <li>
-                    Improved internal analysis and documentation processes, increasing efficiency and consistency across delivery teams.
-                </li>
-                <li>
-                    Supported the design and enhancement of FRS documentation for clients including Boohoo, Jack Wills, Ann Summers and Getting Personal.
-                </li>
-                <li>
-                    Contributed to extending the ETL data warehouse to support new analytics capabilities for marketing and sales insights.
-                </li>
-                <li>
-                    Coordinated internal and client-facing project activities, strengthening stakeholder communication and delivery alignment.
-                </li>
-            </ul>
-            <a href="https://www.xcm-uk.com/" style="color:#212529bf;">www.xcm-uk.com</a>
-        </div>
-    </div>
-    <div class="p-5 mb-4 bg-body-tertiary rounded-3 border">
-        <div class="container-fluid py-2">
-            <p class="float-end">
-                <img src="~/img/client-5.png" alt="World Nomads Group" width="150px" />
-            </p>
-            <h1 class="display-6 fw-bold">World Nomads Group Pty Ltd. </h1>
-            <p class="col-md-8 fs-6">
-				nib Travel (formerly World Nomads Group) are an online travel insurance company specialising in providing short term insurance cover.
-            </p>
-            <p class="col-md-8 fs-6">
-                <strong>
-                    Software Developer
-                </strong><br />
-                        Sydney, Dec. 2014 to May 2015
-                
-			</p> <ul>
-				<li>
-                    Delivered enhancements across customer-facing travel insurance products, working in Agile teams and collaborating with product owners using C#, .NET, AngularJS and CMS platforms.
-                </li>
-				</ul>
-            <a href="https://www.worldnomads.com/au/" style="color:#212529bf;">www.worldnomads.com</a>
-        </div>
-    </div>
-    <div class="p-5 mb-4 bg-body-tertiary rounded-3 border">
-        <div class="container-fluid py-2">
-            <p class="float-end">
-                <img src="~/img/client-6.png" alt="Maximus International" width="150px" />
-            </p>
-            <h1 class="display-6 fw-bold">Maximus International Pty Ltd. </h1>
-			<p class="col-md-8 fs-6">Maximus International are a business consultancy which provides leadership development and talent management services to some of the biggest business in Australia.</p>
-            <p class="col-md-8 fs-6">
-                <strong>
-                    Senior Software Developer / Business Analyst
-				</strong><br />Hybrid role including full Business Systems Analysis responsibilities<br />
-                Sydney, June 2011 to Oct. 2014
-                
-                
-			</p>   <ul>
-				<li>
-                    Hybrid BA/product/engineering role designing and delivering SaaS HR and talent management solutions for enterprise clients including Telstra, Johnson & Johnson and 3M.
-                </li>
-				</ul>
-            <a href="https://maximus.com.au/" style="color:#212529bf;">www.maximus.com.au</a>
-        </div>
-    </div>
-    <div class="p-5 mb-4 bg-body-tertiary rounded-3 border">
-        <div class="container-fluid py-2">
-            <p class="float-end">
-                <img src="~/img/client-7.png" alt="Best Western Hotels" width="150px" />
-            </p>
-            <h1 class="display-6 fw-bold">Best Western Hotels Ltd. </h1>
-            <p class="col-md-8 fs-6">
-                Best Western along with sister company Beacon Purchasing provide hotel marketing and management services to privately owned hotels.
-			</p>
-            <p class="col-md-8 fs-6">
-                <strong>Software Developer / Analyst Programmer</strong><br />
-                    York, Apr. 2005 to Mar. 2011
-                    </p>
-            <ul><li>
-                    Developed and maintained web and business systems, conducted requirements analysis, and supported delivery of technology solutions for hospitality operations across multiple brands.
-                </li>
-			</ul>
-            <a href="https://www.bestwestern.co.uk/" style="color:#212529bf;">www.bestwestern.co.uk</a>
-		</div>
-    </div>
-</div>
-
diff --git a/Views/Home/Index.cshtml b/Views/Home/Index.cshtml
index f3ca789..0b51e54 100644
--- a/Views/Home/Index.cshtml
+++ b/Views/Home/Index.cshtml
@@ -1,170 +1,278 @@
-@model clivelancaster.Models.SubscribeFormModel
-@{
+@{
     ViewData["Title"] = "Home Page";
 }
 
-<div id="myCarousel" class="carousel slide" data-bs-ride="carousel" data-bs-interval="5500">
-    <div class="carousel-indicators">
-        <button type="button" data-bs-target="#myCarousel" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
-        <button type="button" data-bs-target="#myCarousel" data-bs-slide-to="1" aria-label="Slide 2"></button>
-        <button type="button" data-bs-target="#myCarousel" data-bs-slide-to="2" aria-label="Slide 3"></button>
-        <button type="button" data-bs-target="#myCarousel" data-bs-slide-to="3" aria-label="Slide 4"></button>
-    </div>
-	<div class="carousel-inner">
-        <div class="carousel-item active">
-            <div class="container">
-                <div class="carousel-caption text-end">
-                    <h1>Unlock Growth Potential.</h1>
-                    <p>Our consulting services empower your business to achieve its full potential by aligning product strategies with your overarching goals. We help you create a clear product vision that resonates in the marketplace, ensuring your offerings are not just competitive but truly exceptional.</p>
-                    <p><a class="btn btn-lg btn-primary" href="/Contact"><i class="bi bi-play-fill"></i> Get started today!</a></p>
-                </div>
-            </div>
-        </div>
-        <div class="carousel-item">
-            <div class="container">
-                <div class="carousel-caption text-end">
-                    <h1>Reduce Risk and Increase Efficiency.</h1>
-                    <p>By validating new product ideas and features before heavy investments, we help minimize financial risk. Our structured ideation process ensures that your resources are focused on initiatives with the highest potential for success.</p>
-                    <p><a class="btn btn-lg btn-primary" href="/Contact"><i class="bi bi-play-fill"></i> Get started today!</a></p>
-                </div>
-            </div>
-        </div>
-        <div class="carousel-item">
-            <div class="container">
-                <div class="carousel-caption text-end">
-                    <h1>Streamline Product Lifecycle Management.</h1>
-                    <p>Our expertise in product lifecycle management enables you to take control of your product’s journey—from inception to market launch. We prioritize features that matter most to your customers and tackle technical challenges head-on, driving efficiency and effectiveness in your development processes.</p>
-                    <p><a class="btn btn-lg btn-primary" href="/Contact"><i class="bi bi-play-fill"></i> Get started today!</a></p>
-                </div>
-            </div>
-        </div>
-        <div class="carousel-item">
-            <div class="container">
-                <div class="carousel-caption text-end">
-                    <h1>Achieve Sustainable Success.</h1>
-                    <p>With our comprehensive approach to product management, we not only help you meet immediate goals but also lay the groundwork for long-term growth and adaptability in a constantly evolving market.</p>
-                    <p><a class="btn btn-lg btn-primary" href="/Contact"><i class="bi bi-play-fill"></i> Get started today!</a></p>
-                </div>
-            </div>
-        </div>
-    </div>
-    <button class="carousel-control-prev" type="button" data-bs-target="#myCarousel" data-bs-slide="prev">
-        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
-        <span class="visually-hidden">Previous</span>
-    </button>
-    <button class="carousel-control-next" type="button" data-bs-target="#myCarousel" data-bs-slide="next">
-        <span class="carousel-control-next-icon" aria-hidden="true"></span>
-        <span class="visually-hidden">Next</span>
-    </button>
-</div>
+<nav class="fixed w-full z-50 bg-white/95 backdrop-blur-md border-b border-slate-100 transition-all duration-300" id="navbar">
+    <div class="max-w-7xl mx-auto px-6 h-20 flex items-center justify-between">
+        <a href="/Home" class="text-2xl font-bold text-slate-900 tracking-tight hover:opacity-80 transition">CLIVE <span class="text-blue-600">LANCASTER</span></a>
 
-<div class="container marketing">
-    <!-- Three columns of text below the carousel -->
-    <div class="row">
-        <div class="col-lg-4">
-            <svg class="bd-about-img rounded-circle" width="140" height="140" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="About" preserveAspectRatio="xMidYMid slice" focusable="false"><title>About</title><rect width="100%" height="100%" fill="none" /></svg>
-            
-            <h2 class="fw-normal">About</h2>
-            <p>Learn more about Clive Lancaster.</p>
-            <p><a class="btn btn-secondary" href="/Home/About"><i class="bi bi-file-person-fill"></i> View details</a></p>
-        </div><!-- /.col-lg-4 -->
-        <div class="col-lg-4">
-            <svg class="bd-clients-img rounded-circle" width="140" height="140" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Clients" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Clients</title><rect width="100%" height="100%" fill="none" /></svg>
-            <h2 class="fw-normal">Clients</h2>
-            <p>Explore customer success stories.</p>
-            <p><a class="btn btn-secondary" href="/Home/Clients"><i class="bi bi-people-fill"></i> View details</a></p>
-        </div><!-- /.col-lg-4 -->
-        <div class="col-lg-4">
-            <svg class="bd-services-img rounded-circle" width="140" height="140" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Services" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Services</title><rect width="100%" height="100%" fill="none" /></svg>
-            <h2 class="fw-normal">Services</h2>
-            <p>Discover capabilities and services.</p>
-            <p><a class="btn btn-secondary" href="/Home/Services"><i class="bi bi-box-fill"></i> View details</a></p>
-        </div><!-- /.col-lg-4 -->
-    </div><!-- /.row -->
+        <div class="hidden md:flex space-x-8 items-center">
+            <a href="/Home#about" class="text-slate-600 hover:text-blue-600 font-medium transition">About</a>
+            <a href="/Home#services" class="text-slate-600 hover:text-blue-600 font-medium transition">Services</a>
+            <a href="/Home#experience" class="text-slate-600 hover:text-blue-600 font-medium transition">Experience</a>
+            <a href="https://blog.clivelancaster.com" class="text-slate-600 hover:text-blue-600 font-medium transition">Blog</a>
+            <a href="/Contact" class="px-5 py-2.5 bg-blue-600 text-white font-semibold rounded-lg hover:bg-blue-700 transition shadow-lg shadow-blue-600/20">Get Started</a>
+        </div>
 
-    <div class="bg-body-tertiary rounded-3 border" style="padding:20px; margin-top:15px;">
-    <div class="row featurette">
-        <div class="col-md-10">
-            <h2 class="featurette-heading fw-normal lh-1">Domain Expertise <span class="text-body-secondary">Across Key Industries.</span></h2>
-            <p class="lead">With deep domain experience in medical, real estate, retail, hospitality, and human resources, services rendered bring tailored solutions that address the unique challenges of each sector. With a proven track record of delivering technology and product solutions that streamline operations, enhance customer experiences, and drive growth. Whether you need innovative healthcare platforms, cutting-edge retail solutions, or dynamic HR tools, expertises spanning a diverse range of industries.</p>
-        </div>
-        <div class="col-md-2">
-                <img src="./img/banner-1.jpg" class="bd-placeholder-img bd-placeholder-img-lg featurette-image img-fluid mx-auto" style="border-radius: .3rem !important;" width="250" height="250" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Domain" preserveAspectRatio="xMidYMid slice" focusable="false"><rect width="100%" height="100%" fill="var(--bs-secondary-bg)" /><text x="50%" y="50%" fill="var(--bs-secondary-color)" dy=".3em"></text>
-        </div>
-    </div>
+        <button id="mobile-menu-btn" class="md:hidden text-slate-600 text-2xl focus:outline-none p-2" aria-label="Toggle Menu">
+            <i class="fas fa-bars"></i>
+        </button>
     </div>
 
-    <div class="bg-body-tertiary rounded-3 border" style="padding:20px; margin-top:15px;">
-    <div class="row featurette">
-        <div class="col-md-10 order-md-2">
-            <h2 class="featurette-heading fw-normal lh-1">Over 18 Years <span class="text-body-secondary"> of Product and Software Excellence.</span></h2>
-            <p class="lead">Backed by over 18 years of experience in Product Management and Software Development, knowing how to take ideas from concept to market success. With a long-standing history of leading high-performing teams, launching world-class products, and driving digital transformation. From SaaS platforms to custom enterprise solutions, ensuring every product is built to meet business needs and exceed user expectations.</p>
-        </div>
-        <div class="col-md-2 order-md-1">
-                <img src="./img/banner-2.jpg" class="bd-placeholder-img bd-placeholder-img-lg featurette-image img-fluid mx-auto" style="border-radius: .3rem !important;" width="250" height="250" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Experience" preserveAspectRatio="xMidYMid slice" focusable="false"><rect width="100%" height="100%" fill="var(--bs-secondary-bg)" /><text x="50%" y="50%" fill="var(--bs-secondary-color)" dy=".3em"></text>
+    <div id="mobile-menu" class="hidden md:hidden absolute top-20 left-0 w-full bg-white border-b border-slate-100 shadow-xl">
+        <div class="flex flex-col px-6 py-4 space-y-4">
+            <a href="/Home#about" class="mobile-link text-slate-600 hover:text-blue-600 font-medium text-lg block py-2 border-b border-slate-50">About</a>
+            <a href="/Home#services" class="mobile-link text-slate-600 hover:text-blue-600 font-medium text-lg block py-2 border-b border-slate-50">Services</a>
+            <a href="/Home#experience" class="mobile-link text-slate-600 hover:text-blue-600 font-medium text-lg block py-2 border-b border-slate-50">Experience</a>
+            <a href="https://blog.clivelancaster.com" class="mobile-link text-slate-600 hover:text-blue-600 font-medium text-lg block py-2 border-b border-slate-50">Blog</a>
+            <a href="/Contact" class="mobile-link block w-full text-center px-5 py-3 bg-blue-600 text-white font-semibold rounded-lg hover:bg-blue-700 transition">Get Started</a>
         </div>
     </div>
-    </div>
+</nav>
 
-    <div class="bg-body-tertiary rounded-3 border" style="padding:20px; margin-top:15px;">
-    <div class="row featurette">
-        <div class="col-md-10">
-            <h2 class="featurette-heading fw-normal lh-1">International Experience <span class="text-body-secondary">Across Europe and Asia Pacific.</span></h2>
-            <p class="lead">With extensive international experience across Europe and the Asia Pacific, and an understanding of the complexities of global markets and diverse user needs. Our ability to navigate different cultures, regulatory environments, and market dynamics enables us to deliver products that scale internationally. Whether launching a new product in a local market or expanding globally, we leverage a global perspective to drive success across borders.</p>
+<header class="hero-bg pt-32 pb-20 lg:pt-48 lg:pb-32" id="home">
+    <div class="max-w-7xl mx-auto px-6 grid lg:grid-cols-2 gap-12 items-center">
+        <div class="order-2 lg:order-1">
+            <div class="inline-block px-3 py-1 bg-blue-100 text-blue-700 rounded-full text-sm font-semibold mb-6">
+                Digital Product Management & Ownership
+            </div>
+            <h1 class="text-5xl lg:text-6xl font-bold text-slate-900 leading-tight mb-6">
+                Reduce Risk. <br>
+                <span class="gradient-text">Increase Value.</span>
+            </h1>
+            <p class="text-lg lg:text-xl text-slate-600 mb-8 leading-relaxed max-w-lg">
+                Bridging customer expectations, commercial objectives and technology capabilities to shape products that solve meaningful problems, create measurable value and deliver sustainable competitive advantage.
+            </p>
+            <div class="flex flex-col sm:flex-row gap-4">
+                <a href="#contact" class="px-8 py-4 bg-slate-900 text-white font-semibold rounded-lg hover:bg-slate-800 transition text-center shadow-xl">
+                    Schedule a Consultation
+                </a>
+                <a href="#experience" class="px-8 py-4 bg-white text-slate-700 border border-slate-200 font-semibold rounded-lg hover:bg-slate-50 transition text-center">
+                    View Portfolio
+                </a>
+            </div>
         </div>
-        <div class="col-md-2">
-                <img src="./img/banner-3.jpg" class="bd-placeholder-img bd-placeholder-img-lg featurette-image img-fluid mx-auto" style="border-radius: .3rem !important;" width="250" height="250" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="International" preserveAspectRatio="xMidYMid slice" focusable="false"><rect width="100%" height="100%" fill="var(--bs-secondary-bg)" /><text x="50%" y="50%" fill="var(--bs-secondary-color)" dy=".3em"></text>
+
+        <div class="relative order-1 lg:order-2">
+            <div class="bg-white p-8 rounded-2xl shadow-2xl border border-slate-100 relative z-10">
+                <div class="flex items-center justify-between mb-8">
+                    <div>
+                        <h3 class="font-bold text-slate-900 text-lg">Product Success Metrics</h3>
+                        <p class="text-sm text-slate-500">Quarterly Performance</p>
+                    </div>
+                    <div class="h-10 w-10 bg-green-100 rounded-full flex items-center justify-center text-green-600">
+                        <i class="fas fa-arrow-up"></i>
+                    </div>
+                </div>
+                <div class="flex items-end space-x-4 h-48">
+                    <div class="w-1/4 bg-blue-100 rounded-t-lg h-3/5 relative group">
+                        <div class="absolute -top-8 left-1/2 -translate-x-1/2 bg-slate-800 text-white text-xs px-2 py-1 rounded opacity-0 group-hover:opacity-100 transition">Idea</div>
+                    </div>
+                    <div class="w-1/4 bg-blue-200 rounded-t-lg h-4/5 relative group">
+                        <div class="absolute -top-8 left-1/2 -translate-x-1/2 bg-slate-800 text-white text-xs px-2 py-1 rounded opacity-0 group-hover:opacity-100 transition">Validate</div>
+                    </div>
+                    <div class="w-1/4 bg-blue-400 rounded-t-lg h-2/3 relative group">
+                        <div class="absolute -top-8 left-1/2 -translate-x-1/2 bg-slate-800 text-white text-xs px-2 py-1 rounded opacity-0 group-hover:opacity-100 transition">Build</div>
+                    </div>
+                    <div class="w-1/4 bg-blue-600 rounded-t-lg h-full relative group">
+                        <div class="absolute -top-8 left-1/2 -translate-x-1/2 bg-slate-800 text-white text-xs px-2 py-1 rounded opacity-0 group-hover:opacity-100 transition">Scale</div>
+                    </div>
+                </div>
+                <div class="mt-6 border-t border-slate-100 pt-4 flex justify-between text-sm">
+                    <span class="font-semibold text-slate-700">ROI Calculation</span>
+                    <span class="text-green-600 font-bold">+125%</span>
+                </div>
+            </div>
+            <div class="absolute -top-6 -right-6 w-24 h-24 bg-blue-400 rounded-full mix-blend-multiply filter blur-2xl opacity-20 animate-pulse"></div>
+            <div class="absolute -bottom-8 -left-8 w-32 h-32 bg-purple-400 rounded-full mix-blend-multiply filter blur-2xl opacity-20 animate-pulse"></div>
         </div>
     </div>
+</header>
+
+<section class="bg-slate-900 py-12 text-white">
+    <div class="max-w-7xl mx-auto px-6 grid grid-cols-1 md:grid-cols-3 gap-8 text-center divide-y md:divide-y-0 md:divide-x divide-slate-700">
+        <div class="px-4 py-2">
+            <p class="text-4xl font-bold text-blue-400 mb-1">12+</p>
+            <p class="text-slate-400 text-sm uppercase tracking-wide font-medium">Years of Excellence</p>
+            <p class="text-xs text-slate-500 mt-1">Digital Product Management</p>
         </div>
-    <div class="bg-body-tertiary rounded-3 border" style="padding:20px; margin-top:15px;">
-    <section class="py-2 text-center container">
-        <div class="row py-lg-2">
-            <div class="col-lg-10 col-md-8 mx-auto">
-                <h1 class="fw-light">Digital Product Management</h1>
-                <p class="lead text-muted text-start">Partner with us to harness the full potential of your products and drive your business towards sustained success!</p>
-                <p>
-                    <a href="/Contact" class="btn btn-primary my-2"><i class="bi bi-play-fill"></i> Get started today!</a>
-                    <a href="/Home/About" class="btn btn-secondary my-2"><i class="bi bi-book-fill"></i> Learn More</a>
+        <div class="px-4 py-2">
+            <p class="text-4xl font-bold text-blue-400 mb-1">Global</p>
+            <p class="text-slate-400 text-sm uppercase tracking-wide font-medium">International Reach</p>
+            <p class="text-xs text-slate-500 mt-1">Europe & Asia Pacific</p>
+        </div>
+        <div class="px-4 py-2">
+            <p class="text-4xl font-bold text-blue-400 mb-1">Diverse</p>
+            <p class="text-slate-400 text-sm uppercase tracking-wide font-medium">Industry Expertise</p>
+            <p class="text-xs text-slate-500 mt-1">Medical, Retail, Real Estate, HR</p>
+        </div>
+    </div>
+</section>
+
+<section id="about" class="py-24 bg-white">
+    <div class="max-w-7xl mx-auto px-6">
+        <div class="flex flex-col lg:flex-row gap-16 items-center">
+            <div class="lg:w-1/2">
+                <div class="relative">
+                    <img src="~/img/meeting-01.jpg?ixlib=rb-1.2.1&auto=format&fit=crop&w=1000&q=80" alt="Product Planning" class="rounded-2xl shadow-xl relative z-10">
+                    <div class="absolute -bottom-6 -right-6 w-full h-full border-2 border-blue-100 rounded-2xl z-0"></div>
+                </div>
+            </div>
+            <div class="lg:w-1/2">
+                <h2 class="text-sm font-bold text-blue-600 uppercase tracking-widest mb-2">About Clive</h2>
+                <h3 class="text-3xl font-bold text-slate-900 mb-6">Connecting Customer, Business & Engineering</h3>
+                <p class="text-slate-600 mb-8 leading-relaxed">
+                    Accomplished and results-driven Digital Product Manager with a diverse background spanning health-tech, prop-tech, HR and e-commerce. Combining experience across <strong>Product Management, Product Ownership, Business Analysis and full-stack software development</strong> to translate customer needs and business objectives into valuable, technology-enabled products.
                 </p>
+                <p class="text-slate-600 mb-8 leading-relaxed">
+                    Known for an analytical, customer-centric approach and the ability to balance <strong>strategic business priorities, customer experience and technical feasibility</strong>. Experienced in shaping product strategy, defining roadmaps, validating opportunities, prioritising investment and leading cross-functional delivery to achieve measurable outcomes.
+                </p>
+                <p class="text-slate-600 mb-8 leading-relaxed">
+                    From delivering <strong>interoperable and compliant clinical decision support solutions</strong> to improving <strong>workflow automation and digital experiences</strong>, the focus remains on solving the right problems, reducing product risk and creating sustainable customer and commercial value.
+                </p>
+
+                <div class="grid grid-cols-2 gap-4">
+                    <div class="flex items-center space-x-3">
+                        <i class="fas fa-check-circle text-green-500"></i>
+                        <span class="text-slate-700 font-medium">Product Strategy & Vision</span>
+                    </div>
+                    <div class="flex items-center space-x-3">
+                        <i class="fas fa-check-circle text-green-500"></i>
+                        <span class="text-slate-700 font-medium">Customer Discovery & User-Centric Design</span>
+                    </div>
+                    <div class="flex items-center space-x-3">
+                        <i class="fas fa-check-circle text-green-500"></i>
+                        <span class="text-slate-700 font-medium">Roadmapping & Prioritisation</span>
+                    </div>
+                    <div class="flex items-center space-x-3">
+                        <i class="fas fa-check-circle text-green-500"></i>
+                        <span class="text-slate-700 font-medium">Stakeholder & Cross-Functional Leadership</span>
+                    </div>
+                    <div class="flex items-center space-x-3">
+                        <i class="fas fa-check-circle text-green-500"></i>
+                        <span class="text-slate-700 font-medium">Data-Driven Decision Making</span>
+                    </div>
+                    <div class="flex items-center space-x-3">
+                        <i class="fas fa-check-circle text-green-500"></i>
+                        <span class="text-slate-700 font-medium">AI Product Management</span>
+                    </div>
+                </div>
             </div>
         </div>
-    </section>
     </div>
-    <hr class="featurette-divider">
-    <div class="container">
-        <footer class="py-1">
-            <div class="row">
-                <div class="col-6 col-md-3 mb-3">
-                    <h5>Overview</h5>
-                    <ul class="nav flex-column">
-                        
-                        <li class="nav-item mb-2"><a href="/Home/About" class="nav-link p-0 text-body-secondary">About</a></li>
-                        <li class="nav-item mb-2"><a href="/Home/Services" class="nav-link p-0 text-body-secondary">Services</a></li>
-                        <li class="nav-item mb-2"><a href="/Home/Clients" class="nav-link p-0 text-body-secondary">Clients</a></li>
-                    </ul>
-                </div>
-                <div class="col-6 col-md-3 mb-3">
-                    <h5>News</h5>
-					<ul class="nav flex-column">
-                        <li class="nav-item mb-2"><a href="https://blog.clivelancaster.com" class="nav-link p-0 text-body-secondary">Blog</a></li>
-                        <li class="nav-item mb-2"><a href="/Contact" class="nav-link p-0 text-body-secondary">Contact</a></li>
-                    </ul>
-                </div>
+</section>
 
-                <div class="col-md-6 offset-md-0 mb-2">
-                    <form asp-action="Index" method="post">
-						<h5>Subscribe to our newsletter</h5>
-                        <p>Monthly digest of what's new and exciting from us.</p>
-                        <div class="d-flex flex-column flex-sm-row w-100 gap-2">
-                            <label asp-for="email" for="email" class="visually-hidden">Email address</label>
-                            <input asp-for="email" id="email" type="text" class="form-control" placeholder="Email address">
-                            <span asp-validation-for="email" class="text-danger"></span>
-							<button class="btn btn-primary" type="submit">Subscribe</button>
-                        </div>
-                    </form>
+<section id="services" class="py-24 bg-slate-50">
+    <div class="max-w-7xl mx-auto px-6">
+        <div class="text-center mb-16">
+            <h2 class="text-3xl font-bold text-slate-900 mb-4">Core Competencies</h2>
+            <p class="text-slate-600 max-w-2xl mx-auto">Comprehensive product management services designed to take your concept from ideation to sustainable market success.</p>
+        </div>
+
+        <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-8">
+            <div class="service-card bg-white p-8 rounded-xl shadow-sm border border-slate-100">
+                <div class="w-12 h-12 bg-blue-50 rounded-lg flex items-center justify-center text-blue-600 text-xl mb-6">
+                    <i class="fas fa-rocket"></i>
+                </div>
+                <h3 class="font-bold text-slate-900 text-lg mb-3">Unlock Growth</h3>
+                <p class="text-slate-600 text-sm leading-relaxed">Align product strategies with overarching goals. Create a clear product vision that resonates in the marketplace.</p>
+            </div>
+
+            <div class="service-card bg-white p-8 rounded-xl shadow-sm border border-slate-100">
+                <div class="w-12 h-12 bg-blue-50 rounded-lg flex items-center justify-center text-blue-600 text-xl mb-6">
+                    <i class="fas fa-shield-alt"></i>
+                </div>
+                <h3 class="font-bold text-slate-900 text-lg mb-3">Reduce Risk</h3>
+                <p class="text-slate-600 text-sm leading-relaxed">Validate ideas before heavy investment. Use structured ideation to focus resources on high-potential initiatives.</p>
+            </div>
+
+            <div class="service-card bg-white p-8 rounded-xl shadow-sm border border-slate-100">
+                <div class="w-12 h-12 bg-blue-50 rounded-lg flex items-center justify-center text-blue-600 text-xl mb-6">
+                    <i class="fas fa-cogs"></i>
+                </div>
+                <h3 class="font-bold text-slate-900 text-lg mb-3">Streamline Lifecycle</h3>
+                <p class="text-slate-600 text-sm leading-relaxed">Take control of the journey from inception to launch. Prioritize features that matter most to customers.</p>
+            </div>
+
+            <div class="service-card bg-white p-8 rounded-xl shadow-sm border border-slate-100">
+                <div class="w-12 h-12 bg-blue-50 rounded-lg flex items-center justify-center text-blue-600 text-xl mb-6">
+                    <i class="fas fa-chart-pie"></i>
+                </div>
+                <h3 class="font-bold text-slate-900 text-lg mb-3">Sustainable Success</h3>
+                <p class="text-slate-600 text-sm leading-relaxed">Lay the groundwork for long-term growth and adaptability in a constantly evolving market.</p>
+            </div>
+        </div>
+    </div>
+</section>
+
+<section id="experience" class="py-24 bg-white">
+    <div class="max-w-7xl mx-auto px-6">
+        <div class="mb-16">
+            <h2 class="text-3xl font-bold text-slate-900 mb-4">Track Record of Success</h2>
+            <div class="h-1 w-20 bg-blue-600"></div>
+        </div>
+
+        <div class="space-y-12">
+            <div class="flex flex-col md:flex-row gap-8 items-start border-b border-slate-100 pb-12">
+                <div class="md:w-1/3">
+                    <span class="text-sm font-bold text-blue-600 uppercase">Healthcare / API</span>
+                    <h3 class="text-2xl font-bold text-slate-900 mt-2">Telstra Health & MedicalDirector</h3>
+                </div>
+                <div class="md:w-2/3">
+                    <p class="text-slate-600 mb-4">
+                        <strong>Vision:</strong> Establish Telstra Health & MedicalDirector as a trusted, interoperable digital health platform by connecting clinicians, healthcare organisations and government services through secure, standards-based APIs and digital workflows.
+                    </p>
+                    <p class="text-slate-600">
+                        <strong>Key Result:</strong> Expanded Telstra Health & MedicalDirector's market position and created a new API-based revenue opportunity by taking the Medicines DaaS platform from <strong>concept through to commercial contract execution.</strong>
+                    </p>
                 </div>
             </div>
-        </footer>
-</div>
-</div>
\ No newline at end of file
+
+            <div class="flex flex-col md:flex-row gap-8 items-start border-b border-slate-100 pb-12">
+                <div class="md:w-1/3">
+                    <span class="text-sm font-bold text-blue-600 uppercase">SaaS / Enterprise</span>
+                    <h3 class="text-2xl font-bold text-slate-900 mt-2">Cotality & XCM</h3>
+                </div>
+                <div class="md:w-2/3">
+                    <p class="text-slate-600 mb-4">
+                        <strong>Vision:</strong> Transform complex property, customer and marketing data into actionable intelligence that enables organisations to make informed decisions, identify opportunities and create measurable customer and commercial value.
+                    </p>
+                    <p class="text-slate-600">
+                        <strong>Key Result:</strong> Bridged business, customer and technology needs to shape data-driven products and analytics solutions that convert complex datasets into <strong>clear, actionable insights and measurable business value.</strong>
+                    </p>
+                </div>
+            </div>
+
+            <div class="flex flex-col md:flex-row gap-8 items-start">
+                <div class="md:w-1/3">
+                    <span class="text-sm font-bold text-blue-600 uppercase">E-Commerce / Retail</span>
+                    <h3 class="text-2xl font-bold text-slate-900 mt-2">Best Western</h3>
+                </div>
+                <div class="md:w-2/3">
+                    <p class="text-slate-600 mb-4">
+                        <strong>Vision:</strong> Create data-driven digital marketing experiences that improve customer engagement, strengthen brand value and deliver measurable commercial growth.
+                    </p>
+                    <p class="text-slate-600">
+                        <strong>Key Result:</strong> Supported revenue growth and enhanced brand recognition for over <strong>290+ privately owned Best Western hotels.</strong>
+                    </p>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+
+<section id="contact" class="py-24 bg-blue-600 relative overflow-hidden">
+    <div class="absolute inset-0 bg-[url('https://www.transparenttextures.com/patterns/cubes.png')] opacity-10"></div>
+    <div class="max-w-4xl mx-auto px-6 text-center relative z-10">
+        <h2 class="text-3xl md:text-4xl font-bold text-white mb-6">Ready to harness the full potential of your product?</h2>
+        <p class="text-blue-100 text-lg mb-10">Partner with me to drive your business towards sustained success and digital transformation.</p>
+        <div class="flex flex-col sm:flex-row justify-center gap-4">
+            <a href="/Contact" class="px-8 py-4 bg-white text-blue-600 font-bold rounded-lg hover:bg-slate-100 transition shadow-lg flex items-center justify-center">
+                <i class="fas fa-envelope mr-2"></i> Contact Me
+            </a>
+            <a href="https://www.linkedin.com/in/clivelancaster/" target="_blank" class="px-8 py-4 bg-transparent border-2 border-white text-white font-bold rounded-lg hover:bg-white/10 transition flex items-center justify-center">
+                <i class="fab fa-linkedin mr-2"></i> LinkedIn
+            </a>
+        </div>
+    </div>
+</section>
\ No newline at end of file
diff --git a/Views/Home/Privacy.cshtml b/Views/Home/Privacy.cshtml
index 097b56b..87e2418 100644
--- a/Views/Home/Privacy.cshtml
+++ b/Views/Home/Privacy.cshtml
@@ -1,99 +1,83 @@
 @{
     ViewData["Title"] = "Privacy Policy";
+    Layout = "~/Views/Shared/_PageLayout.cshtml";
 }
 
-<div class="container py-4">
-    <header class="pb-3 mb-4 border-bottom">
-        <span class="fs-4">@ViewData["Title"]</span>
-    </header>
-    <div class="p-5 mb-4 bg-body-tertiary rounded-3 border">
-    <div class="container-fluid py-2">
-        <h1 class="display-6 fw-bold">Privacy Policy</h1>
-        <p class="col-md-8 fs-6">
-			<strong>Introduction</strong>
-        </p><p class="col-md-8 fs-6">
-            At Clive Lancaster, we are committed to protecting your privacy and ensuring the security of your personal information. This Privacy Policy outlines how we collect, use, and protect the information you provide to us when you use our website. By accessing or using our website, you agree to the terms of this Privacy Policy.
-        </p><p class="col-md-8 fs-6">
-            <strong>
-                Information We Collect</strong>
-        </p><p class="col-md-8 fs-6">
-            We may collect the following types of information when you visit our website:
-        </p><ol>
-            <li>
-            Personal Information: This includes information you voluntarily provide, such as your name, email address, phone number, or other contact details when you fill out forms, sign up for newsletters, or contact us.
-			</li><li>
-            Non-Personal Information: We collect non-personally identifiable information automatically as you interact with our website, such as IP addresses, browser type, device information, and browsing behavior through cookies or analytics tools.
-			</li>
-            Cookies: Our website uses cookies to enhance your user experience. Cookies are small files stored on your device that help us analyze site traffic, improve functionality, and personalize content. You can adjust your browser settings to decline cookies, but this may affect your experience on our website.
-        </li>
-        </ol><p class="col-md-8 fs-6">
-            <strong>
-                How We Use Your Information</strong>
-        </p><p class="col-md-8 fs-6">
-            We use the information we collect to:
-        </p><ul>
-          <li>  Provide and improve our website’s functionality and services.
-			</li> <li>Respond to your inquiries or requests.
-            </li>
-            <li>
-                Send you relevant updates, newsletters, or marketing materials (if you have opted in).
-            </li>
-            <li>
-                Analyze website usage and trends to enhance your experience.
-            </li>
-            <li>
-                Ensure the security and integrity of our website.
-            </li>
-            <li>How We Share Your Information
-            </li>
-        </ul><p class="col-md-8 fs-6">
-            We do not sell, trade, or rent your personal information to third parties. However, we may share your information with trusted service providers who assist us in operating our website, conducting business, or servicing you, provided they agree to keep your information confidential.
-        </p><p class="col-md-8 fs-6">
-            We may also disclose your information if required by law, to enforce our website policies, or to protect our or others’ rights, property, or safety.
-        </p><p class="col-md-8 fs-6">
-            <strong>
-                Third-Party Links</strong>
-        </p><p class="col-md-8 fs-6">
-            Our website may contain links to third-party websites. We are not responsible for the privacy practices of these external sites. We encourage you to review the privacy policies of any third-party websites you visit.
-        </p><p class="col-md-8 fs-6">
-            <strong>
-                Data Security</strong>
-        </p><p class="col-md-8 fs-6">
-            We take appropriate measures to safeguard your personal information from unauthorized access, alteration, or disclosure. However, no method of transmission over the internet or electronic storage is completely secure, and we cannot guarantee its absolute security.
-        </p><p class="col-md-8 fs-6">
-            <strong>
-                Your Rights</strong>
-        </p><p class="col-md-8 fs-6">
-            You have the right to:
-        </p><ul>
-            <li>
-            
-                Access, update, or delete your personal information.
-			</li>
-			<li>
-				Opt out of receiving marketing communications from us.
-            </li>
-            <li>
-                Request that we limit the use of your personal information.
-            </li>
-            <li>
-                To exercise any of these rights, please contact us.
-                </li>
-        </ul><p class="col-md-8 fs-6">
-            <strong>
-                Changes to This Privacy Policy</strong>
-        </p><p class="col-md-8 fs-6">
-            We may update this Privacy Policy from time to time to reflect changes in our practices or legal requirements. We will notify you of any significant changes by posting the revised policy on our website.
-        </p><p class="col-md-8 fs-6">
-            <strong>
-                Contact Us</strong>
-        </p><p class="col-md-8 fs-6">
-            If you have any questions or concerns about this Privacy Policy or how we handle your personal information, please contact us at:
-        </p><p class="col-md-8 fs-6">
-            Clive Lancaster
-        </p><p class="col-md-8 fs-6">
-            Effective Date: 01/11/2024
-        </p>
-    </<div>
-</div>
+<partial name="_PartialPageNavigation" />
+
+<header class="pt-32 pb-12 bg-slate-50 text-center px-6">
+    <h1 class="text-4xl md:text-5xl font-bold text-slate-900 mb-4">@ViewData["Title"]</h1>
+    <p class="text-slate-500 text-xs uppercase tracking-widest font-bold">Last Updated: January 2026</p>
+</header>
+
+<main class="flex-grow max-w-7xl mx-auto px-6 py-12 w-full">
+    <div class="max-w-6xl mx-auto">
+        <div class="bg-white p-8 md:p-12 rounded-2xl shadow-sm border border-slate-100">
+
+            <div class="prose prose-slate max-w-none">
+                <h2 class="text-xl font-bold text-slate-900 mb-4">Introduction</h2>
+                <p class="text-slate-600 leading-relaxed mb-6">
+                    At Clive Lancaster, we are committed to protecting your privacy and ensuring the security of your personal information. This Privacy Policy outlines how we collect, use, and protect the information you provide to us when you use our website. By accessing or using our website, you agree to the terms of this Privacy Policy.
+                </p>
+
+                <h2 class="text-xl font-bold text-slate-900 mb-4">Information We Collect</h2>
+                <p class="text-slate-600 leading-relaxed mb-4">
+                    We may collect the following types of information when you visit our website:
+                </p>
+                <ul class="list-disc pl-5 space-y-3 text-slate-600 mb-6">
+                    <li>
+                        <strong class="text-slate-900">Personal Information:</strong> This includes information you voluntarily provide, such as your name, email address, phone number, or other contact details when you fill out forms, sign up for newsletters, or contact us.
+                    </li>
+                    <li>
+                        <strong class="text-slate-900">Non-Personal Information:</strong> We collect non-personally identifiable information automatically as you interact with our website, such as IP addresses, browser type, device information, and browsing behavior through cookies or analytics tools.
+                    </li>
+                    <li>
+                        <strong class="text-slate-900">Cookies:</strong> Our website uses cookies to enhance your user experience. Cookies are small files stored on your device that help us analyze site traffic, improve functionality, and personalize content.
+                    </li>
+                </ul>
+
+                <h2 class="text-xl font-bold text-slate-900 mb-4">How We Use Your Information</h2>
+                <p class="text-slate-600 leading-relaxed mb-4">
+                    We use the information we collect to:
+                </p>
+                <ul class="list-disc pl-5 space-y-2 text-slate-600 mb-6">
+                    <li>Provide and improve our website’s functionality and services.</li>
+                    <li>Respond to your inquiries or requests.</li>
+                    <li>Send you relevant updates or marketing materials (if opted in).</li>
+                    <li>Analyze website usage and trends to enhance your experience.</li>
+                    <li>Ensure the security and integrity of our website.</li>
+                </ul>
+
+                <h2 class="text-xl font-bold text-slate-900 mb-4">How We Share Your Information</h2>
+                <p class="text-slate-600 leading-relaxed mb-6">
+                    We do not sell, trade, or rent your personal information to third parties. However, we may share your information with trusted service providers who assist us in operating our website, provided they agree to keep your information confidential.
+                </p>
+
+                <h2 class="text-xl font-bold text-slate-900 mb-4">Third-Party Links</h2>
+                <p class="text-slate-600 leading-relaxed mb-6">
+                    Our website may contain links to third-party websites. We are not responsible for the privacy practices of these external sites. We encourage you to review the privacy policies of any third-party websites you visit.
+                </p>
+
+                <h2 class="text-xl font-bold text-slate-900 mb-4">Data Security</h2>
+                <p class="text-slate-600 leading-relaxed mb-6">
+                    We take appropriate measures to safeguard your personal information from unauthorized access, alteration, or disclosure. However, no method of transmission over the internet is completely secure.
+                </p>
+
+                <h2 class="text-xl font-bold text-slate-900 mb-4">Your Rights</h2>
+                <ul class="list-disc pl-5 space-y-2 text-slate-600 mb-6">
+                    <li>Access, update, or delete your personal information.</li>
+                    <li>Opt out of receiving marketing communications from us.</li>
+                    <li>Request that we limit the use of your personal information.</li>
+                </ul>
+
+                <div class="mt-10 pt-10 border-t border-slate-100">
+                    <h2 class="text-xl font-bold text-slate-900 mb-2">Contact Us</h2>
+                    <p class="text-slate-600 mb-1">If you have any questions or concerns about this policy, please contact us at:</p>
+                    <p class="font-bold text-slate-900">Clive Lancaster</p>
+                    <p class="text-sm text-slate-500 mt-4">Effective Date: 01/01/2026</p>
+                </div>
+            </div>
+
         </div>
+    </div>
+</main>
\ No newline at end of file
diff --git a/Views/Home/Services.cshtml b/Views/Home/Services.cshtml
deleted file mode 100644
index 0bf5051..0000000
--- a/Views/Home/Services.cshtml
+++ /dev/null
@@ -1,131 +0,0 @@
-
-@{
-    ViewData["Title"] = "Services";
-    Layout = "~/Views/Shared/_Layout.cshtml";
-}
-
-	<div class="container py-4 album">
-			<header class="pb-3 mb-4 border-bottom">
-        <span class="fs-4"><i class="bi bi-box-fill"></i> Services</span>
-			</header>
-    <div class="container px-4 py-5 bg-body-tertiary rounded-3 border" id="hanging-icons">
-        <h1 class="display-6 fw-bold">Services</h1>
-        <div class="row g-4 py-5 row-cols-1 row-cols-lg-3">
-            <div class="col d-flex align-items-start">
-                <div class="icon-square text-body-emphasis bg-body-secondary d-inline-flex align-items-center justify-content-center fs-4 flex-shrink-0 me-3">
-                    <i class="bi bi-bar-chart-steps" width="1em" height="1em"></i>
-                </div>
-                <div>
-                    <h3 class="fs-2 text-body-emphasis">Product Management</h3>
-                    <p>
-                        As a product management professional, I provide end-to-end services to lead and drive the development and lifecycle of digital products. I collaborate with stakeholders to define product vision and strategy, ensuring alignment with business goals. By leveraging data-driven decision-making and agile methodologies, I prioritize features, manage roadmaps, and coordinate cross-functional teams to deliver high-quality products that meet customer needs and market demands.
-                    </p>
-                    <a href="/Contact" class="btn btn-primary">
-                        <i class="bi bi-chat-dots-fill"></i>  Enquire Today!
-                    </a>
-                </div>
-            </div>
-            <div class="col d-flex align-items-start">
-                <div class="icon-square text-body-emphasis bg-body-secondary d-inline-flex align-items-center justify-content-center fs-4 flex-shrink-0 me-3">
-                    <i class="bi bi-kanban" width="1em" height="1em"></i>
-                </div>
-                <div>
-                    <h3 class="fs-2 text-body-emphasis">Product Owner</h3>
-                    <p>As a Product Owner, I serve as the key liaison between business stakeholders and development teams, ensuring the successful delivery of features and solutions. I define and prioritize the product backlog, clarify requirements, and guide teams through iterative development cycles. My approach ensures that every feature delivers maximum value to the business and end users, while maintaining alignment with the overall product vision and objectives.</p>
-                    <a href="/Contact" class="btn btn-primary">
-                        <i class="bi bi-chat-dots-fill"></i> Enquire Today!
-                    </a>
-                </div>
-            </div>
-            <div class="col d-flex align-items-start">
-                <div class="icon-square text-body-emphasis bg-body-secondary d-inline-flex align-items-center justify-content-center fs-4 flex-shrink-0 me-3">
-                    <i class="bi bi-clipboard2-data-fill" width="1em" height="1em"></i>
-                </div>
-                <div>
-                    <h3 class="fs-2 text-body-emphasis">Business Analysis</h3>
-                    <p>I offer comprehensive business analysis services to identify and define business requirements, assess processes, and develop strategic solutions to improve efficiency. Through stakeholder engagement, data analysis, and workflow mapping, I provide actionable insights that drive informed decision-making and support business transformation. My focus is on bridging the gap between business needs and technical capabilities, ensuring successful project outcomes.</p>
-                    <a href="/Contact" class="btn btn-primary">
-                        <i class="bi bi-chat-dots-fill"></i> Enquire Today!
-                    </a>
-                </div>
-            </div>
-        </div>
-        <div class="row g-4 py-5 row-cols-1 row-cols-lg-3">
-            <div class="col d-flex align-items-start">
-                <div class="icon-square text-body-emphasis bg-body-secondary d-inline-flex align-items-center justify-content-center fs-4 flex-shrink-0 me-3">
-                    <i class="bi bi-code-slash" width="1em" height="1em"></i>
-                </div>
-                <div>
-                    <h3 class="fs-2 text-body-emphasis">Software Development</h3>
-                    <p>As a software development professional, I provide custom software solutions tailored to meet specific business requirements. Using modern programming languages and development frameworks, I design, build, and deploy applications that are scalable, secure, and efficient. I follow best practices in coding, testing, and version control to ensure robust solutions that align with both user needs and technical specifications.</p>
-                    <a href="/Contact" class="btn btn-primary">
-                        <i class="bi bi-chat-dots-fill"></i> Enquire Today!
-                    </a>
-                </div>
-            </div>
-            <div class="col d-flex align-items-start">
-                <div class="icon-square text-body-emphasis bg-body-secondary d-inline-flex align-items-center justify-content-center fs-4 flex-shrink-0 me-3">
-                    <i class="bi bi-diagram-3-fill" width="1em" height="1em"></i>
-                </div>
-                <div>
-                    <h3 class="fs-2 text-body-emphasis">Systems Analysis</h3>
-                    <p>In systems analysis, I evaluate and optimize the technical infrastructure of organizations by identifying system requirements and designing solutions that improve functionality, scalability, and security. Through comprehensive assessments, I ensure that all components of an IT system work harmoniously, enhancing performance and aligning with business goals. I help design and implement system architectures that support long-term growth and operational efficiency.</p>
-                    <a href="/Contact" class="btn btn-primary">
-                        <i class="bi bi-chat-dots-fill"></i> Enquire Today!
-                    </a>
-                </div>
-            </div>
-            <div class="col d-flex align-items-start">
-                <div class="icon-square text-body-emphasis bg-body-secondary d-inline-flex align-items-center justify-content-center fs-4 flex-shrink-0 me-3">
-                    <i class="bi bi-rulers" width="1em" height="1em"></i>
-                </div>
-                <div>
-                    <h3 class="fs-2 text-body-emphasis">Computer-aided design (CAD)</h3>
-                    <p>I provide advanced computer-aided design (CAD) services to create precise 2D and 3D models for various industries, including manufacturing, architecture, and engineering. Using industry-standard CAD software, I translate concepts and ideas into detailed digital representations that guide production processes, ensuring accuracy and efficiency. My CAD services help streamline design workflows and reduce errors, enabling faster time-to-market for products.</p>
-                    <a href="/Contact" class="btn btn-primary">
-                        <i class="bi bi-chat-dots-fill"></i> Enquire Today!
-                    </a>
-                </div>
-            </div>
-        </div>
-        <div class="row g-4 py-5 row-cols-1 row-cols-lg-3">
-            <div class="col d-flex align-items-start">
-                <div class="icon-square text-body-emphasis bg-body-secondary d-inline-flex align-items-center justify-content-center fs-4 flex-shrink-0 me-3">
-                    <i class="bi bi-camera-fill" width="1em" height="1em"></i>
-                </div>
-                <div>
-                    <h3 class="fs-2 text-body-emphasis">Photography</h3>
-                    <p>As a professional photographer, I offer high-quality imaging services for personal, corporate, and creative needs. I specialize in capturing visually compelling photographs for events, portraits, product shoots, and more. With a keen eye for detail, I ensure that each shot aligns with client expectations and enhances brand identity or personal expression. I provide end-to-end services, including editing and post-production, to deliver polished, high-resolution images.</p>
-                    <a href="/Contact" class="btn btn-primary">
-                        <i class="bi bi-chat-dots-fill"></i> Enquire Today!
-                    </a>
-                </div>
-            </div>
-            <div class="col d-flex align-items-start">
-                <div class="icon-square text-body-emphasis bg-body-secondary d-inline-flex align-items-center justify-content-center fs-4 flex-shrink-0 me-3">
-                    <i class="bi bi-camera-reels-fill" width="1em" height="1em"></i>
-                </div>
-                <div>
-                    <h3 class="fs-2 text-body-emphasis">Videography</h3>
-                    <p>I offer videography services to capture dynamic and engaging video content for a variety of purposes, including marketing, events, training, and entertainment. From pre-production planning to filming and post-production editing, I deliver professional-grade video content that resonates with audiences. My work ensures that stories are told in a visually captivating way, with a focus on high-quality production, sound, and editing to create compelling narratives.</p>
-                    <a href="/Contact" class="btn btn-primary">
-                        <i class="bi bi-chat-dots-fill"></i> Enquire Today!
-                    </a>
-                </div>
-            </div>
-            <div class="col d-flex align-items-start">
-                <div class="icon-square text-body-emphasis bg-body-secondary d-inline-flex align-items-center justify-content-center fs-4 flex-shrink-0 me-3">
-                    <i class="bi bi-hdd-network-fill" width="1em" height="1em"></i>
-                </div>
-                <div>
-                    <h3 class="fs-2 text-body-emphasis">Networking</h3>
-                    <p>With expertise in networking, I design and implement secure, efficient, and scalable networks for businesses and individuals. I provide services that range from network setup and optimization to troubleshooting and security enhancements. By ensuring the reliable flow of data and connectivity across systems, I help organizations maintain seamless communication and enhance productivity while safeguarding against cyber threats. My networking solutions are tailored to meet the specific needs of each client.</p>
-                    <a href="/Contact" class="btn btn-primary">
-                        <i class="bi bi-chat-dots-fill"></i> Enquire Today!
-                    </a>
-                </div>
-            </div>
-            </div>
-        </div>
-    </div>
-    </div>
\ No newline at end of file
diff --git a/Views/Home/Terms.cshtml b/Views/Home/Terms.cshtml
index b9ab042..d25fdac 100644
--- a/Views/Home/Terms.cshtml
+++ b/Views/Home/Terms.cshtml
@@ -1,90 +1,92 @@
 
 @{
-    ViewData["Title"] = "Terms";
-    Layout = "~/Views/Shared/_Layout.cshtml";
+    ViewData["Title"] = "Terms & Conditions";
+    Layout = "~/Views/Shared/_PageLayout.cshtml";
 }
 
-<div class="container py-4">
-    <header class="pb-3 mb-4 border-bottom">
-        <span class="fs-4">@ViewData["Title"]</span>
-    </header>
-    <div class="p-5 mb-4 bg-body-tertiary rounded-3 border">
-        <div class="container-fluid py-2">
-            <h1 class="display-6 fw-bold">Terms & Conditions</h1>
-            <p class="col-md-8 fs-6">
-                Last Updated: 01/11/2024
+<partial name="_PartialPageNavigation" />
+
+<header class="pt-32 pb-12 bg-slate-50 text-center px-6">
+    <h1 class="text-4xl md:text-5xl font-bold text-slate-900 mb-4">@ViewData["Title"]</h1>
+    <p class="text-slate-500 text-xs uppercase tracking-widest font-bold">Last Updated: 01/01/2026</p>
+</header>
+
+<main class="flex-grow max-w-7xl mx-auto px-6 py-12 w-full">
+    <div class="max-w-6xl mx-auto">
+        <div class="bg-white p-8 md:p-12 rounded-2xl shadow-sm border border-slate-100">
+
+            <div class="space-y-8">
+                <section>
+                    <h2 class="text-xl font-bold text-slate-900 mb-3">1. Acceptance of Terms</h2>
+                    <p class="text-slate-600 leading-relaxed">
+                        By accessing and using clivelancaster.com (the "Site"), you agree to be bound by these Terms and Conditions (the "Terms"). If you do not agree to these Terms, please do not use the Site. These Terms apply to all visitors, users, and others who access or use the Site.
+                    </p>
+                </section>
+
+                <section>
+                    <h2 class="text-xl font-bold text-slate-900 mb-3">2. Changes to Terms</h2>
+                    <p class="text-slate-600 leading-relaxed">
+                        We reserve the right to modify these Terms at any time. Any changes will be effective immediately upon posting to the Site. It is your responsibility to review the Terms regularly. Your continued use of the Site after the posting of changes constitutes your acceptance of the revised Terms.
+                    </p>
+                </section>
+
+                <section>
+                    <h2 class="text-xl font-bold text-slate-900 mb-3">3. Use of the Site</h2>
+                    <p class="text-slate-600 leading-relaxed">
+                        You agree to use the Site for lawful purposes only and in a way that does not infringe on the rights of, restrict, or inhibit anyone else's use of the Site. Prohibited behavior includes harassing or causing distress or inconvenience to any other user, transmitting obscene or offensive content, or disrupting the normal flow of dialogue within the Site.
+                    </p>
+                </section>
+
+                <section>
+                    <h2 class="text-xl font-bold text-slate-900 mb-3">4. Intellectual Property</h2>
+                    <p class="text-slate-600 leading-relaxed">
+                        All content on the Site, including but not limited to text, graphics, logos, icons, images, and software, is the property of clivelancaster.com or its content suppliers and is protected by copyright, trademark, and other intellectual property laws. You may not use, copy, reproduce, distribute, or exploit any content from the Site without express written permission from clivelancaster.com.
+                    </p>
+                </section>
+
+                <section>
+                    <h2 class="text-xl font-bold text-slate-900 mb-3">5. User-Generated Content</h2>
+                    <p class="text-slate-600 leading-relaxed">
+                        You may have the opportunity to post comments, reviews, or other content to the Site. By submitting such content, you grant clivelancaster.com a non-exclusive, royalty-free, perpetual, and worldwide license to use, reproduce, modify, publish, and display such content in any media.
+                    </p>
+                </section>
+
+                <section>
+                    <h2 class="text-xl font-bold text-slate-900 mb-3">6. Third-Party Links</h2>
+                    <p class="text-slate-600 leading-relaxed">
+                        The Site may contain links to third-party websites or services that are not owned or controlled by clivelancaster.com. We are not responsible for the content, privacy policies, or practices of any third-party websites.
+                    </p>
+                </section>
+
+                <section>
+                    <h2 class="text-xl font-bold text-slate-900 mb-3">7. Disclaimers</h2>
+                    <p class="text-slate-600 leading-relaxed">
+                        The content on the Site is provided "as is" without warranties of any kind, either express or implied. clivelancaster.com does not guarantee the accuracy, completeness, or reliability of any content or material on the Site.
+                    </p>
+                </section>
+
+                <section>
+                    <h2 class="text-xl font-bold text-slate-900 mb-3">8. Limitation of Liability</h2>
+                    <p class="text-slate-600 leading-relaxed">
+                        To the fullest extent permitted by law, clivelancaster.com shall not be liable for any direct, indirect, incidental, special, or consequential damages resulting from the use or inability to use the Site.
+                    </p>
+                </section>
+
+                <section>
+                    <h2 class="text-xl font-bold text-slate-900 mb-3">11. Governing Law</h2>
+                    <p class="text-slate-600 leading-relaxed">
+                        These Terms are governed by and construed in accordance with the laws of Australia. Any disputes arising from or relating to the use of the Site shall be subject to the exclusive jurisdiction of the courts in Australia.
+                    </p>
+                </section>
+
+                <div class="mt-10 pt-10 border-t border-slate-100">
+                    <h2 class="text-xl font-bold text-slate-900 mb-2">12. Contact Information</h2>
+                    <p class="text-slate-600">
+                        If you have any questions about these Terms, please contact us.
+                    </p>
+                </div>
+            </div>
 
-                </p>
-            <p class="col-md-8 fs-6">
-				<strong> 1. Acceptance of Terms</strong><br />
-                By accessing and using clivelancaster.com (the "Site"), you agree to be bound by these Terms and Conditions (the "Terms"). If you do not agree to these Terms, please do not use the Site. These Terms apply to all visitors, users, and others who access or use the Site.
-            </p>
-            <p class="col-md-8 fs-6">
-                <strong>
-                    2. Changes to Terms
-                </strong><br />
-                We reserve the right to modify these Terms at any time. Any changes will be effective immediately upon posting to the Site. It is your responsibility to review the Terms regularly. Your continued use of the Site after the posting of changes constitutes your acceptance of the revised Terms.
-            </p>
-            <p class="col-md-8 fs-6">
-                <strong>
-                    3. Use of the Site
-                </strong><br />
-                You agree to use the Site for lawful purposes only and in a way that does not infringe on the rights of, restrict, or inhibit anyone else's use of the Site. Prohibited behavior includes harassing or causing distress or inconvenience to any other user, transmitting obscene or offensive content, or disrupting the normal flow of dialogue within the Site.
-            </p>
-            <p class="col-md-8 fs-6">
-                <strong>
-                    4. Intellectual Property
-                </strong><br />
-                All content on the Site, including but not limited to text, graphics, logos, icons, images, and software, is the property of clivelancaster.com or its content suppliers and is protected by copyright, trademark, and other intellectual property laws. You may not use, copy, reproduce, distribute, or exploit any content from the Site without express written permission from clivelancaster.com.
-            </p>
-            <p class="col-md-8 fs-6">
-                <strong>
-                    5. User-Generated Content
-                </strong><br />
-                You may have the opportunity to post comments, reviews, or other content to the Site. By submitting such content, you grant clivelancaster.com a non-exclusive, royalty-free, perpetual, and worldwide license to use, reproduce, modify, publish, and display such content in any media. You are solely responsible for the content you post, and you agree not to post content that is unlawful, defamatory, obscene, or infringing on intellectual property rights.
-            </p>
-            <p class="col-md-8 fs-6">
-                <strong>
-                    6. Third-Party Links
-                </strong><br />
-                The Site may contain links to third-party websites or services that are not owned or controlled by clivelancaster.com. We are not responsible for the content, privacy policies, or practices of any third-party websites. You acknowledge and agree that [Website Name] is not liable for any damage or loss caused by or in connection with the use of any such third-party websites or services.
-            </p>
-            <p class="col-md-8 fs-6">
-                <strong>
-                    7. Disclaimers
-                </strong><br />
-                The content on the Site is provided "as is" without warranties of any kind, either express or implied. clivelancaster.com does not guarantee the accuracy, completeness, or reliability of any content or material on the Site. Use of the Site and reliance on any information obtained from the Site is at your own risk.
-            </p>
-            <p class="col-md-8 fs-6">
-                <strong>
-                    8. Limitation of Liability
-                </strong><br />
-                To the fullest extent permitted by law, clivelancaster.com shall not be liable for any direct, indirect, incidental, special, or consequential damages resulting from the use or inability to use the Site, including but not limited to damages for loss of profits, goodwill, data, or other intangible losses.
-            </p>
-            <p class="col-md-8 fs-6">
-                <strong>
-                    9. Indemnification
-                </strong><br />
-                You agree to indemnify, defend, and hold harmless clivelancaster.com and its officers, directors, employees, and agents from any claims, liabilities, damages, losses, or expenses, including legal fees, arising out of your use of the Site or your violation of these Terms.
-            </p>
-            <p class="col-md-8 fs-6">
-                <strong>
-                    10. Termination
-                </strong><br />
-                We reserve the right to terminate or suspend your access to the Site at any time, with or without notice, for any violation of these Terms or for any other reason.
-            </p>
-            <p class="col-md-8 fs-6">
-                <strong>
-                    11. Governing Law
-                </strong><br />
-                These Terms are governed by and construed in accordance with the laws of Australia. Any disputes arising from or relating to the use of the Site shall be subject to the exclusive jurisdiction of the courts in Australia.
-            </p>
-            <p class="col-md-8 fs-6">
-                <strong>
-                    12. Contact Information
-                </strong><br />
-                If you have any questions about these Terms, please contact us.
-                </p>
         </div>
     </div>
-</div>
+</main>
\ No newline at end of file
diff --git a/Views/Home/ThankYou.cshtml b/Views/Home/ThankYou.cshtml
index e1214a9..c3d4272 100644
--- a/Views/Home/ThankYou.cshtml
+++ b/Views/Home/ThankYou.cshtml
@@ -1,29 +1,39 @@
 @{
     ViewData["Title"] = "Thank You";
-    Layout = "~/Views/Shared/_Layout.cshtml";
+    Layout = "~/Views/Shared/_PageLayout.cshtml";
 }
 
-<div class="container py-4">
-    <header class="pb-3 mb-4 border-bottom">
-        <span class="fs-4">@ViewData["Title"]</span>
-    </header>
-    <div class="p-5 mb-4 bg-body-tertiary rounded-3 border">
-        <div class="container-fluid py-2">
-            <h1 class="display-6 fw-bold">Thank You for Subscribing!</h1>
-            <p class="col-md-8 fs-6">
-                We’re thrilled to have you as part of our community.
-            </p><p class="col-md-8 fs-6">
-                We look forward to keeping you up to date with the latest news, industry insights, and exclusive updates to help you stay ahead in Product Management and Software Developent.
-            </p><p class="col-md-8 fs-6">
-                If you ever have any questions or feedback, feel free to reach out we’re here to help!
-            </p><p class="col-md-8 fs-6">
-                Thanks again for subscribing, and stay tuned for exciting content coming your way soon.
-            </p>
-            <p class="col-md-8 fs-6">
-                <a href="/Home/Index" class="btn btn-primary">
-                    Explore!
-                </a>
-            </p>
+<partial name="_PartialPageNavigation" />
+
+<header class="pt-32 pb-12 bg-slate-50 text-center px-6">
+    <h1 class="text-4xl md:text-5xl font-bold text-slate-900 mb-4">@ViewData["Title"]</h1>
+</header>
+
+<main class="flex-grow max-w-7xl mx-auto px-6 py-12 w-full">
+    <div class="max-w-6xl mx-auto">
+        <div class="bg-white p-8 md:p-12 rounded-2xl shadow-sm border border-slate-100">
+
+            <div class="prose prose-slate max-w-none">
+                <h2 class="text-xl font-bold text-slate-900 mb-4">You’re in. Let’s build something great.</h2>
+                <p class="text-slate-600 leading-relaxed mb-6">
+                    Welcome to the inner circle. Product management moves fast, but you just got a head start.
+                </p>
+                <p class="text-slate-600 leading-relaxed mb-6">
+                    We look forward to keeping you up to date with the latest news, industry insights, and exclusive updates to help you stay ahead in Product Management and Software Developent.
+                </p>
+                <p class="text-slate-600 leading-relaxed mb-6">
+                    If you ever have any questions or feedback, feel free to reach out we’re here to help!
+                </p>
+                <p class="text-slate-600 leading-relaxed mb-6">
+                    Thanks again for subscribing, and stay tuned for exciting content coming your way soon.
+                </p>
+                <p class="text-slate-600 leading-relaxed mb-6">
+                    <a href="/Home/Index" class="px-8 py-4 bg-slate-900 text-white font-semibold rounded-lg hover:bg-slate-800 transition text-center shadow-xl">
+                        Explore!
+                    </a>
+                </p>
+            </div>
+
         </div>
     </div>
-</div>
\ No newline at end of file
+</main>
\ No newline at end of file
diff --git a/Views/Shared/_Layout.cshtml b/Views/Shared/_Layout.cshtml
index 04f9079..b50cac9 100644
--- a/Views/Shared/_Layout.cshtml
+++ b/Views/Shared/_Layout.cshtml
@@ -2,73 +2,34 @@
 <html lang="en">
 <head>
     <meta charset="utf-8" />
-    <meta name="description" content="Clive Lancaster - Digital Product Manager">
+    <meta name="description" content="Accomplished Digital Product Manager with 12+ years of experience in health-tech, prop-tech, HR, and e-commerce. Reducing risk and increasing efficiency.">
     <meta name="keywords" content="product, manager, owner, health, strategy, customer, commercial, management, agile, digital, clive, lancaster">
     <meta name="author" content="Clive Lancaster">
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>@ViewData["Title"] - Clive Lancaster - Digital Product Manager</title>
-    <link rel="stylesheet" href="~/lib/bootstrap/css/bootstrap.min.css" />
-	<link href="~/lib/bootstrap-icons/font/bootstrap-icons.min.css" rel="stylesheet" />
-    <link rel="stylesheet" href="~/css/site.css" asp-append-version="true" />
-    <link rel="stylesheet" href="~/css/carousel.css" asp-append-version="true" />
-	<link rel="stylesheet" href="~/clivelancaster.styles.css" asp-append-version="true" />
+
+    <link rel="stylesheet" href="~/lib/tailwind/tailwindcss.css" />
+    <link rel="stylesheet" href="~/css/main.css" asp-append-version="true" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap">
+
     <script defer src="https://analytics.rokoh.com/script.js" data-website-id="7c70ca5f-c4e8-46ef-9f49-8daae609f705"></script>
     <link rel="icon" type="image/x-icon" href='@Url.Content("~/favicon.ico")'>
 </head>
-<body>
-    <header>
-        <nav class="navbar navbar-expand-sm navbar-toggleable-sm navbar-light bg-white border-bottom box-shadow fixed-top mb-3">
-            <div class="container">
-                <a class="navbar-brand" asp-area="" asp-controller="Home" asp-action="Index">CLIVE LANCASTER</a>
-                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target=".navbar-collapse" aria-controls="navbarSupportedContent"
-                        aria-expanded="false" aria-label="Toggle navigation">
-                    <span class="navbar-toggler-icon"></span>
-                </button>
-                <div class="navbar-collapse collapse d-sm-inline-flex justify-content-between">
-					<ul class="navbar-nav flex-grow-1">
-                        <li class="nav-item">
-                            <a class="nav-link" asp-area="" asp-controller="Home" asp-action="Index"><i class="bi bi-house-fill"></i> Home</a>
-                        </li>
-                        <li class="nav-item">
-                            <a class="nav-link" asp-area="" asp-controller="Home" asp-action="About"><i class="bi bi-file-person-fill"></i> About</a>
-                        </li>
-                        <li class="nav-item">
-                            <a class="nav-link" asp-area="" asp-controller="Home" asp-action="Services"><i class="bi bi-box-fill"></i> Services</a>
-                        </li>
-                        <li class="nav-item">
-                            <a class="nav-link" asp-area="" asp-controller="Home" asp-action="Clients"><i class="bi bi-people-fill"></i> Clients</a>
-                        </li>
-                        <li class="nav-item">
-                            <a class="nav-link" href="https://blog.clivelancaster.com" style="color:#595959;" onmouseover="this.style.color='#333333'" onmouseout="this.style.color='#595959'"><i class="bi bi-substack"></i> Blog</a>
-                        </li>
-                        <li class="nav-item">
-                            <a class="nav-link" asp-area="" asp-controller="Contact" asp-action="Index"><i class="bi bi-envelope-fill"></i> Contact</a>
-                        </li>
-                    </ul>
-                </div>
-            </div>
-        </nav>
-    </header>
+<body class="text-slate-700 bg-white flex flex-col min-h-screen">
 
-    <main role="main" class="pb-3">
-        @RenderBody()
-    </main>
+    @RenderBody()
 
-    <div class="container">
-        <footer class="py-2">
-            <div class="d-flex flex-column flex-sm-row justify-content-between py-4 my-4 border-top">
-                <p>Clive Lancaster &copy; @DateTime.Now.Year - <a style="color:#212529bf;" asp-area="" asp-controller="Home" asp-action="Privacy">Privacy Policy</a> | <a style="color:#212529bf;" asp-area="" asp-controller="Home" asp-action="Terms">Terms</a></p>
-                <ul class="list-unstyled d-flex">
-                    <li class="ms-3"><a class="link-body-emphasis" href="https://www.linkedin.com/in/clivelancaster/"><i class="bi bi-linkedin"></i></a></li>
-					<li class="ms-3"><a class="link-body-emphasis" href="https://x.com/clivelancaster"><i class="bi bi-twitter-x"></i></a></li>
-                    <li class="ms-3"><a class="link-body-emphasis" href="https://www.youtube.com/@@CliveLancaster/"><i class="bi bi-youtube"></i></a></li>
-                    <li class="ms-3"><a class="link-body-emphasis" href="https://www.instagram.com/shotreact/"><i class="bi bi-instagram"></i></a></li>
-                </ul>
+    <footer class="bg-slate-900 text-slate-400 py-16">
+        <div class="max-w-7xl mx-auto px-6 grid md:grid-cols-2 lg:grid-cols-4 gap-12">
+            <partial name="_PartialFooter" />
+            <div>
+                <partial name="_PartialFooterForm" />
             </div>
-        </footer>
-    </div>
-    <script src="~/lib/jquery/dist/jquery.min.js"></script>
-    <script src="~/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
+        </div>
+        <partial name="_PartialLegal" />
+    </footer>
+
     <script src="~/js/site.js" asp-append-version="true"></script>
     @await RenderSectionAsync("Scripts", required: false)
 </body>
diff --git a/Views/Shared/_PageLayout.cshtml b/Views/Shared/_PageLayout.cshtml
new file mode 100644
index 0000000..6529a0e
--- /dev/null
+++ b/Views/Shared/_PageLayout.cshtml
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8" />
+    <meta name="description" content="Accomplished Digital Product Manager with 12+ years of experience in health-tech, prop-tech, HR, and e-commerce. Reducing risk and increasing efficiency.">
+    <meta name="keywords" content="product, manager, owner, health, strategy, customer, commercial, management, agile, digital, clive, lancaster">
+    <meta name="author" content="Clive Lancaster">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>@ViewData["Title"] - Clive Lancaster - Digital Product Manager</title>
+
+    <link rel="stylesheet" href="~/lib/tailwind/tailwindcss.css" />
+    <link rel="stylesheet" href="~/css/main.css" asp-append-version="true" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap">
+
+    <script defer src="https://analytics.rokoh.com/script.js" data-website-id="7c70ca5f-c4e8-46ef-9f49-8daae609f705"></script>
+    <link rel="icon" type="image/x-icon" href='@Url.Content("~/favicon.ico")'>
+</head>
+<body class="text-slate-700 bg-slate-50 flex flex-col min-h-screen">
+
+    @RenderBody()
+
+    <footer class="bg-slate-900 text-slate-400 py-16">
+        <div class="max-w-7xl mx-auto px-6 grid md:grid-cols-3 lg:grid-cols-3 gap-12">
+            <partial name="_PartialFooter" />
+        </div>
+        <partial name="_PartialLegal" />
+    </footer>
+
+    <script src="~/js/site.js" asp-append-version="true"></script>
+    @await RenderSectionAsync("Scripts", required: false)
+</body>
+</html>
diff --git a/Views/Shared/_PageLayout.cshtml.css b/Views/Shared/_PageLayout.cshtml.css
new file mode 100644
index 0000000..53100f4
--- /dev/null
+++ b/Views/Shared/_PageLayout.cshtml.css
@@ -0,0 +1,52 @@
+/* Please see documentation at https://learn.microsoft.com/aspnet/core/client-side/bundling-and-minification
+for details on configuring this project to bundle and minify static web assets. */
+
+.navbar > .container {
+    flex-direction: row-reverse;
+}
+
+a.navbar-brand {
+  white-space: normal;
+  text-align: center;
+  word-break: break-all;
+}
+
+a {
+    color: #808080;
+}
+
+.btn-primary {
+  color: #fff;
+  background-color: #1b6ec2;
+  border-color: #1861ac;
+}
+
+.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
+  color: #fff;
+  background-color: #1b6ec2;
+  border-color: #1861ac;
+}
+
+.border-top {
+  border-top: 1px solid #e5e5e5;
+}
+.border-bottom {
+  border-bottom: 1px solid #e5e5e5;
+}
+
+/*.box-shadow {
+  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
+}*/
+
+button.accept-policy {
+  font-size: 1rem;
+  line-height: inherit;
+}
+
+.footer {
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+  white-space: nowrap;
+  line-height: 60px;
+}
diff --git a/Views/Shared/_PartialFooter.cshtml b/Views/Shared/_PartialFooter.cshtml
new file mode 100644
index 0000000..8de34b3
--- /dev/null
+++ b/Views/Shared/_PartialFooter.cshtml
@@ -0,0 +1,28 @@
+        <div>
+            <h4 class="text-white text-xl font-bold mb-6">CLIVE LANCASTER</h4>
+            <p class="text-sm mb-6">Digital Product Management excellence backed by 12+ years of industry experience across Europe and Asia Pacific.</p>
+            <div class="flex space-x-4">
+                <a href="https://www.linkedin.com/in/clivelancaster/" class="text-white hover:text-blue-400 transition"><i class="fab fa-linkedin fa-lg"></i></a>
+                <a href="https://t.me/clivelancaster" class="text-white hover:text-blue-400 transition"><i class="fab fa-telegram fa-lg"></i></a>
+            </div>
+        </div>
+
+        <div>
+            <h4 class="text-white font-semibold mb-6">Overview</h4>
+            <ul class="space-y-2 text-sm">
+                <li><a href="/#about" class="hover:text-white transition">About</a></li>
+                <li><a href="/#services" class="hover:text-white transition">Services</a></li>
+                <li><a href="/#experience" class="hover:text-white transition">Clients</a></li>
+                <li><a href="/#experience" class="hover:text-white transition">Case Studies</a></li>
+                <li><a href="https://blog.clivelancaster.com" class="hover:text-white transition">Blog</a></li>
+            </ul>
+        </div>
+
+        <div>
+            <h4 class="text-white font-semibold mb-6">Contact</h4>
+            <ul class="space-y-2 text-sm">
+                <li><i class="fas fa-phone w-6"></i> <span id="contact-phone" class="hidden"></span></li>
+                <li><i class="fas fa-map-marker-alt w-6"></i> Sydney, Australia</li>
+                <li><i class="fas fa-globe w-6"></i> Remote / Global</li>
+            </ul>
+        </div>
\ No newline at end of file
diff --git a/Views/Shared/_PartialFooterForm.cshtml b/Views/Shared/_PartialFooterForm.cshtml
new file mode 100644
index 0000000..f127a46
--- /dev/null
+++ b/Views/Shared/_PartialFooterForm.cshtml
@@ -0,0 +1,10 @@
+@model clivelancaster.Models.SubscribeFormModel
+
+<h4 class="text-white font-semibold mb-4">Stay Connected</h4>
+<p class="text-xs mb-4">Subscribe for insights on product strategy and tech trends.</p>
+<form asp-action="Index" class="flex flex-col gap-2" method="post">
+    <label asp-for="email" for="email" class="visually-hidden">Email address</label>
+    <input asp-for="email" id="email" type="text" placeholder="Email address" autocomplete="on" class="bg-slate-800 text-white border border-slate-700 rounded px-4 py-2 text-sm focus:outline-none focus:border-blue-500 transition">
+    <span asp-validation-for="email" class="text-danger"></span>
+    <button class="bg-blue-600 text-white font-semibold py-2 rounded hover:bg-blue-700 transition text-sm" type="submit">Subscribe</button>
+</form>
\ No newline at end of file
diff --git a/Views/Shared/_PartialLegal.cshtml b/Views/Shared/_PartialLegal.cshtml
new file mode 100644
index 0000000..c489177
--- /dev/null
+++ b/Views/Shared/_PartialLegal.cshtml
@@ -0,0 +1,7 @@
+<div class="max-w-7xl mx-auto px-6 mt-16 pt-8 border-t border-slate-800 flex flex-col md:flex-row justify-between items-center text-xs">
+    <p>&copy; @DateTime.Now.Year Clive Lancaster. All rights reserved.</p>
+    <div class="flex space-x-6 mt-4 md:mt-0">
+        <a href="/Home/Privacy" class="hover:text-white">Privacy Policy</a>
+        <a href="/Home/Terms" class="hover:text-white">Terms of Service</a>
+    </div>
+</div>
\ No newline at end of file
diff --git a/Views/Shared/_PartialPageNavigation.cshtml b/Views/Shared/_PartialPageNavigation.cshtml
new file mode 100644
index 0000000..7e143ad
--- /dev/null
+++ b/Views/Shared/_PartialPageNavigation.cshtml
@@ -0,0 +1,25 @@
+<nav class="fixed w-full z-50 bg-white/95 backdrop-blur-md border-b border-slate-100 transition-all duration-300" id="navbar">
+    <div class="max-w-7xl mx-auto px-6 h-20 flex items-center justify-between">
+        <a href="/Home" class="text-2xl font-bold text-slate-900 tracking-tight hover:opacity-80 transition">CLIVE <span class="text-blue-600">LANCASTER</span></a>
+
+        <div class="hidden md:flex space-x-8 items-center">
+            <a href="/Home/#about" class="text-slate-600 hover:text-blue-600 font-medium transition">About</a>
+            <a href="/Home/#services" class="text-slate-600 hover:text-blue-600 font-medium transition">Services</a>
+            <a href="/Home/#experience" class="text-slate-600 hover:text-blue-600 font-medium transition">Experience</a>
+            <a href="https://blog.clivelancaster.com" class="text-slate-600 hover:text-blue-600 font-medium transition">Blog</a>
+        </div>
+
+        <button id="mobile-menu-btn" class="md:hidden text-slate-600 text-2xl focus:outline-none p-2" aria-label="Toggle Menu">
+            <i class="fas fa-bars"></i>
+        </button>
+    </div>
+
+    <div id="mobile-menu" class="hidden md:hidden absolute top-20 left-0 w-full bg-white border-b border-slate-100 shadow-xl">
+        <div class="flex flex-col px-6 py-4 space-y-4">
+            <a href="/Home/#about" class="mobile-link text-slate-600 hover:text-blue-600 font-medium text-lg block py-2 border-b border-slate-50">About</a>
+            <a href="/Home/#services" class="mobile-link text-slate-600 hover:text-blue-600 font-medium text-lg block py-2 border-b border-slate-50">Services</a>
+            <a href="/Home/#experience" class="mobile-link text-slate-600 hover:text-blue-600 font-medium text-lg block py-2 border-b border-slate-50">Experience</a>
+            <a href="https://blog.clivelancaster.com" class="mobile-link text-slate-600 hover:text-blue-600 font-medium text-lg block py-2 border-b border-slate-50">Blog</a>
+        </div>
+    </div>
+</nav>
\ No newline at end of file
diff --git a/appsettings.json b/appsettings.json
index a38feab..5fde2c2 100644
--- a/appsettings.json
+++ b/appsettings.json
@@ -12,7 +12,7 @@
         "Password": "ilzk zwwq odrt ndjm"
     },
     "ConnectionStrings": {
-        "DefaultConnection": "Host=10.1.1.20;Database=clive;Username=clive;Password=Money247!"
+        "DefaultConnection": "Host=10.10.0.20;Database=clive;Username=clive;Password=Money247!"
     },
     "AllowedHosts": "*"
 }
\ No newline at end of file
diff --git a/clivelancaster.csproj b/clivelancaster.csproj
index a141166..aa91b3c 100644
--- a/clivelancaster.csproj
+++ b/clivelancaster.csproj
@@ -17,17 +17,17 @@
   </ItemGroup>
 
   <ItemGroup>
-    <PackageReference Include="MailKit" Version="4.8.0" />
-    <PackageReference Include="Microsoft.AspNetCore.Razor.Language" Version="6.0.35" />
-    <PackageReference Include="Microsoft.VisualStudio.Azure.Containers.Tools.Targets" Version="1.21.0" />
-    <PackageReference Include="Microsoft.VisualStudio.Web.CodeGeneration.Design" Version="8.0.6" />
-    <PackageReference Include="Npgsql.EntityFrameworkCore.PostgreSQL" Version="8.0.10" />
-    <PackageReference Include="System.Text.Json" Version="8.0.5" />
-    <PackageReference Include="System.Windows.Extensions" Version="8.0.0" />
+    <PackageReference Include="MailKit" Version="4.17.0" />
+    <PackageReference Include="Microsoft.AspNetCore.Razor.Language" Version="6.0.36" />
+    <PackageReference Include="Microsoft.VisualStudio.Azure.Containers.Tools.Targets" Version="1.23.0" />
+    <PackageReference Include="Npgsql.EntityFrameworkCore.PostgreSQL" Version="9.0.4" />
+    <PackageReference Include="System.Text.Json" Version="10.0.10" />
+    <PackageReference Include="System.Windows.Extensions" Version="10.0.10" />
   </ItemGroup>
 
   <ItemGroup>
     <Folder Include="wwwroot\img\" />
+    <Folder Include="wwwroot\lib\tailwind\" />
   </ItemGroup>
 
 </Project>
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000..cc526db
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,1061 @@
+{
+  "name": "Clivelancaster",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "dependencies": {
+        "@tailwindcss/cli": "^4.1.18",
+        "tailwindcss": "^4.1.18"
+      }
+    },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.13",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
+      "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.0",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/remapping": {
+      "version": "2.3.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz",
+      "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.5.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
+      "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
+      "license": "MIT"
+    },
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.31",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
+      "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "node_modules/@parcel/watcher": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher/-/watcher-2.5.1.tgz",
+      "integrity": "sha512-dfUnCxiN9H4ap84DvD2ubjw+3vUNpstxa0TneY/Paat8a3R4uQZDLSvWjmznAY/DoahqTHl9V46HF/Zs3F29pg==",
+      "hasInstallScript": true,
+      "license": "MIT",
+      "dependencies": {
+        "detect-libc": "^1.0.3",
+        "is-glob": "^4.0.3",
+        "micromatch": "^4.0.5",
+        "node-addon-api": "^7.0.0"
+      },
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      },
+      "optionalDependencies": {
+        "@parcel/watcher-android-arm64": "2.5.1",
+        "@parcel/watcher-darwin-arm64": "2.5.1",
+        "@parcel/watcher-darwin-x64": "2.5.1",
+        "@parcel/watcher-freebsd-x64": "2.5.1",
+        "@parcel/watcher-linux-arm-glibc": "2.5.1",
+        "@parcel/watcher-linux-arm-musl": "2.5.1",
+        "@parcel/watcher-linux-arm64-glibc": "2.5.1",
+        "@parcel/watcher-linux-arm64-musl": "2.5.1",
+        "@parcel/watcher-linux-x64-glibc": "2.5.1",
+        "@parcel/watcher-linux-x64-musl": "2.5.1",
+        "@parcel/watcher-win32-arm64": "2.5.1",
+        "@parcel/watcher-win32-ia32": "2.5.1",
+        "@parcel/watcher-win32-x64": "2.5.1"
+      }
+    },
+    "node_modules/@parcel/watcher-android-arm64": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-android-arm64/-/watcher-android-arm64-2.5.1.tgz",
+      "integrity": "sha512-KF8+j9nNbUN8vzOFDpRMsaKBHZ/mcjEjMToVMJOhTozkDonQFFrRcfdLWn6yWKCmJKmdVxSgHiYvTCef4/qcBA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-darwin-arm64": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-arm64/-/watcher-darwin-arm64-2.5.1.tgz",
+      "integrity": "sha512-eAzPv5osDmZyBhou8PoF4i6RQXAfeKL9tjb3QzYuccXFMQU0ruIc/POh30ePnaOyD1UXdlKguHBmsTs53tVoPw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-darwin-x64": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-x64/-/watcher-darwin-x64-2.5.1.tgz",
+      "integrity": "sha512-1ZXDthrnNmwv10A0/3AJNZ9JGlzrF82i3gNQcWOzd7nJ8aj+ILyW1MTxVk35Db0u91oD5Nlk9MBiujMlwmeXZg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-freebsd-x64": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-freebsd-x64/-/watcher-freebsd-x64-2.5.1.tgz",
+      "integrity": "sha512-SI4eljM7Flp9yPuKi8W0ird8TI/JK6CSxju3NojVI6BjHsTyK7zxA9urjVjEKJ5MBYC+bLmMcbAWlZ+rFkLpJQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-arm-glibc": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-glibc/-/watcher-linux-arm-glibc-2.5.1.tgz",
+      "integrity": "sha512-RCdZlEyTs8geyBkkcnPWvtXLY44BCeZKmGYRtSgtwwnHR4dxfHRG3gR99XdMEdQ7KeiDdasJwwvNSF5jKtDwdA==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-arm-musl": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-musl/-/watcher-linux-arm-musl-2.5.1.tgz",
+      "integrity": "sha512-6E+m/Mm1t1yhB8X412stiKFG3XykmgdIOqhjWj+VL8oHkKABfu/gjFj8DvLrYVHSBNC+/u5PeNrujiSQ1zwd1Q==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-arm64-glibc": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-glibc/-/watcher-linux-arm64-glibc-2.5.1.tgz",
+      "integrity": "sha512-LrGp+f02yU3BN9A+DGuY3v3bmnFUggAITBGriZHUREfNEzZh/GO06FF5u2kx8x+GBEUYfyTGamol4j3m9ANe8w==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-arm64-musl": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-musl/-/watcher-linux-arm64-musl-2.5.1.tgz",
+      "integrity": "sha512-cFOjABi92pMYRXS7AcQv9/M1YuKRw8SZniCDw0ssQb/noPkRzA+HBDkwmyOJYp5wXcsTrhxO0zq1U11cK9jsFg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-x64-glibc": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-glibc/-/watcher-linux-x64-glibc-2.5.1.tgz",
+      "integrity": "sha512-GcESn8NZySmfwlTsIur+49yDqSny2IhPeZfXunQi48DMugKeZ7uy1FX83pO0X22sHntJ4Ub+9k34XQCX+oHt2A==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-x64-musl": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-musl/-/watcher-linux-x64-musl-2.5.1.tgz",
+      "integrity": "sha512-n0E2EQbatQ3bXhcH2D1XIAANAcTZkQICBPVaxMeaCVBtOpBZpWJuf7LwyWPSBDITb7In8mqQgJ7gH8CILCURXg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-win32-arm64": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-arm64/-/watcher-win32-arm64-2.5.1.tgz",
+      "integrity": "sha512-RFzklRvmc3PkjKjry3hLF9wD7ppR4AKcWNzH7kXR7GUe0Igb3Nz8fyPwtZCSquGrhU5HhUNDr/mKBqj7tqA2Vw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-win32-ia32": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-ia32/-/watcher-win32-ia32-2.5.1.tgz",
+      "integrity": "sha512-c2KkcVN+NJmuA7CGlaGD1qJh1cLfDnQsHjE89E60vUEMlqduHGCdCLJCID5geFVM0dOtA3ZiIO8BoEQmzQVfpQ==",
+      "cpu": [
+        "ia32"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-win32-x64": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-x64/-/watcher-win32-x64-2.5.1.tgz",
+      "integrity": "sha512-9lHBdJITeNR++EvSQVUcaZoWupyHfXe1jZvGZ06O/5MflPcuPLtEphScIBL+AiCWBO46tDSHzWyD0uDmmZqsgA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@tailwindcss/cli": {
+      "version": "4.1.18",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/cli/-/cli-4.1.18.tgz",
+      "integrity": "sha512-sMZ+lZbDyxwjD2E0L7oRUjJ01Ffjtme5OtjvvnC+cV4CEDcbqzbp25TCpxHj6kWLU9+DlqJOiNgSOgctC2aZmg==",
+      "license": "MIT",
+      "dependencies": {
+        "@parcel/watcher": "^2.5.1",
+        "@tailwindcss/node": "4.1.18",
+        "@tailwindcss/oxide": "4.1.18",
+        "enhanced-resolve": "^5.18.3",
+        "mri": "^1.2.0",
+        "picocolors": "^1.1.1",
+        "tailwindcss": "4.1.18"
+      },
+      "bin": {
+        "tailwindcss": "dist/index.mjs"
+      }
+    },
+    "node_modules/@tailwindcss/node": {
+      "version": "4.1.18",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/node/-/node-4.1.18.tgz",
+      "integrity": "sha512-DoR7U1P7iYhw16qJ49fgXUlry1t4CpXeErJHnQ44JgTSKMaZUdf17cfn5mHchfJ4KRBZRFA/Coo+MUF5+gOaCQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/remapping": "^2.3.4",
+        "enhanced-resolve": "^5.18.3",
+        "jiti": "^2.6.1",
+        "lightningcss": "1.30.2",
+        "magic-string": "^0.30.21",
+        "source-map-js": "^1.2.1",
+        "tailwindcss": "4.1.18"
+      }
+    },
+    "node_modules/@tailwindcss/oxide": {
+      "version": "4.1.18",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide/-/oxide-4.1.18.tgz",
+      "integrity": "sha512-EgCR5tTS5bUSKQgzeMClT6iCY3ToqE1y+ZB0AKldj809QXk1Y+3jB0upOYZrn9aGIzPtUsP7sX4QQ4XtjBB95A==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 10"
+      },
+      "optionalDependencies": {
+        "@tailwindcss/oxide-android-arm64": "4.1.18",
+        "@tailwindcss/oxide-darwin-arm64": "4.1.18",
+        "@tailwindcss/oxide-darwin-x64": "4.1.18",
+        "@tailwindcss/oxide-freebsd-x64": "4.1.18",
+        "@tailwindcss/oxide-linux-arm-gnueabihf": "4.1.18",
+        "@tailwindcss/oxide-linux-arm64-gnu": "4.1.18",
+        "@tailwindcss/oxide-linux-arm64-musl": "4.1.18",
+        "@tailwindcss/oxide-linux-x64-gnu": "4.1.18",
+        "@tailwindcss/oxide-linux-x64-musl": "4.1.18",
+        "@tailwindcss/oxide-wasm32-wasi": "4.1.18",
+        "@tailwindcss/oxide-win32-arm64-msvc": "4.1.18",
+        "@tailwindcss/oxide-win32-x64-msvc": "4.1.18"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-android-arm64": {
+      "version": "4.1.18",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-android-arm64/-/oxide-android-arm64-4.1.18.tgz",
+      "integrity": "sha512-dJHz7+Ugr9U/diKJA0W6N/6/cjI+ZTAoxPf9Iz9BFRF2GzEX8IvXxFIi/dZBloVJX/MZGvRuFA9rqwdiIEZQ0Q==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-darwin-arm64": {
+      "version": "4.1.18",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-arm64/-/oxide-darwin-arm64-4.1.18.tgz",
+      "integrity": "sha512-Gc2q4Qhs660bhjyBSKgq6BYvwDz4G+BuyJ5H1xfhmDR3D8HnHCmT/BSkvSL0vQLy/nkMLY20PQ2OoYMO15Jd0A==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-darwin-x64": {
+      "version": "4.1.18",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-x64/-/oxide-darwin-x64-4.1.18.tgz",
+      "integrity": "sha512-FL5oxr2xQsFrc3X9o1fjHKBYBMD1QZNyc1Xzw/h5Qu4XnEBi3dZn96HcHm41c/euGV+GRiXFfh2hUCyKi/e+yw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-freebsd-x64": {
+      "version": "4.1.18",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-freebsd-x64/-/oxide-freebsd-x64-4.1.18.tgz",
+      "integrity": "sha512-Fj+RHgu5bDodmV1dM9yAxlfJwkkWvLiRjbhuO2LEtwtlYlBgiAT4x/j5wQr1tC3SANAgD+0YcmWVrj8R9trVMA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-arm-gnueabihf": {
+      "version": "4.1.18",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm-gnueabihf/-/oxide-linux-arm-gnueabihf-4.1.18.tgz",
+      "integrity": "sha512-Fp+Wzk/Ws4dZn+LV2Nqx3IilnhH51YZoRaYHQsVq3RQvEl+71VGKFpkfHrLM/Li+kt5c0DJe/bHXK1eHgDmdiA==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-arm64-gnu": {
+      "version": "4.1.18",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-gnu/-/oxide-linux-arm64-gnu-4.1.18.tgz",
+      "integrity": "sha512-S0n3jboLysNbh55Vrt7pk9wgpyTTPD0fdQeh7wQfMqLPM/Hrxi+dVsLsPrycQjGKEQk85Kgbx+6+QnYNiHalnw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-arm64-musl": {
+      "version": "4.1.18",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-musl/-/oxide-linux-arm64-musl-4.1.18.tgz",
+      "integrity": "sha512-1px92582HkPQlaaCkdRcio71p8bc8i/ap5807tPRDK/uw953cauQBT8c5tVGkOwrHMfc2Yh6UuxaH4vtTjGvHg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-x64-gnu": {
+      "version": "4.1.18",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-4.1.18.tgz",
+      "integrity": "sha512-v3gyT0ivkfBLoZGF9LyHmts0Isc8jHZyVcbzio6Wpzifg/+5ZJpDiRiUhDLkcr7f/r38SWNe7ucxmGW3j3Kb/g==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-x64-musl": {
+      "version": "4.1.18",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-musl/-/oxide-linux-x64-musl-4.1.18.tgz",
+      "integrity": "sha512-bhJ2y2OQNlcRwwgOAGMY0xTFStt4/wyU6pvI6LSuZpRgKQwxTec0/3Scu91O8ir7qCR3AuepQKLU/kX99FouqQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-wasm32-wasi": {
+      "version": "4.1.18",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-wasm32-wasi/-/oxide-wasm32-wasi-4.1.18.tgz",
+      "integrity": "sha512-LffYTvPjODiP6PT16oNeUQJzNVyJl1cjIebq/rWWBF+3eDst5JGEFSc5cWxyRCJ0Mxl+KyIkqRxk1XPEs9x8TA==",
+      "bundleDependencies": [
+        "@napi-rs/wasm-runtime",
+        "@emnapi/core",
+        "@emnapi/runtime",
+        "@tybys/wasm-util",
+        "@emnapi/wasi-threads",
+        "tslib"
+      ],
+      "cpu": [
+        "wasm32"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/core": "^1.7.1",
+        "@emnapi/runtime": "^1.7.1",
+        "@emnapi/wasi-threads": "^1.1.0",
+        "@napi-rs/wasm-runtime": "^1.1.0",
+        "@tybys/wasm-util": "^0.10.1",
+        "tslib": "^2.4.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-win32-arm64-msvc": {
+      "version": "4.1.18",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-arm64-msvc/-/oxide-win32-arm64-msvc-4.1.18.tgz",
+      "integrity": "sha512-HjSA7mr9HmC8fu6bdsZvZ+dhjyGCLdotjVOgLA2vEqxEBZaQo9YTX4kwgEvPCpRh8o4uWc4J/wEoFzhEmjvPbA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-win32-x64-msvc": {
+      "version": "4.1.18",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-x64-msvc/-/oxide-win32-x64-msvc-4.1.18.tgz",
+      "integrity": "sha512-bJWbyYpUlqamC8dpR7pfjA0I7vdF6t5VpUGMWRkXVE3AXgIZjYUYAK7II1GNaxR8J1SSrSrppRar8G++JekE3Q==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/braces": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+      "license": "MIT",
+      "dependencies": {
+        "fill-range": "^7.1.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/detect-libc": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-1.0.3.tgz",
+      "integrity": "sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==",
+      "license": "Apache-2.0",
+      "bin": {
+        "detect-libc": "bin/detect-libc.js"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/enhanced-resolve": {
+      "version": "5.18.4",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.18.4.tgz",
+      "integrity": "sha512-LgQMM4WXU3QI+SYgEc2liRgznaD5ojbmY3sb8LxyguVkIg5FxdpTkvk72te2R38/TGKxH634oLxXRGY6d7AP+Q==",
+      "license": "MIT",
+      "dependencies": {
+        "graceful-fs": "^4.2.4",
+        "tapable": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/fill-range": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+      "license": "MIT",
+      "dependencies": {
+        "to-regex-range": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/graceful-fs": {
+      "version": "4.2.11",
+      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
+      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
+      "license": "ISC"
+    },
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "license": "MIT",
+      "dependencies": {
+        "is-extglob": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/jiti": {
+      "version": "2.6.1",
+      "resolved": "https://registry.npmjs.org/jiti/-/jiti-2.6.1.tgz",
+      "integrity": "sha512-ekilCSN1jwRvIbgeg/57YFh8qQDNbwDb9xT/qu2DAHbFFZUicIl4ygVaAvzveMhMVr3LnpSKTNnwt8PoOfmKhQ==",
+      "license": "MIT",
+      "bin": {
+        "jiti": "lib/jiti-cli.mjs"
+      }
+    },
+    "node_modules/lightningcss": {
+      "version": "1.30.2",
+      "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.30.2.tgz",
+      "integrity": "sha512-utfs7Pr5uJyyvDETitgsaqSyjCb2qNRAtuqUeWIAKztsOYdcACf2KtARYXg2pSvhkt+9NfoaNY7fxjl6nuMjIQ==",
+      "license": "MPL-2.0",
+      "dependencies": {
+        "detect-libc": "^2.0.3"
+      },
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      },
+      "optionalDependencies": {
+        "lightningcss-android-arm64": "1.30.2",
+        "lightningcss-darwin-arm64": "1.30.2",
+        "lightningcss-darwin-x64": "1.30.2",
+        "lightningcss-freebsd-x64": "1.30.2",
+        "lightningcss-linux-arm-gnueabihf": "1.30.2",
+        "lightningcss-linux-arm64-gnu": "1.30.2",
+        "lightningcss-linux-arm64-musl": "1.30.2",
+        "lightningcss-linux-x64-gnu": "1.30.2",
+        "lightningcss-linux-x64-musl": "1.30.2",
+        "lightningcss-win32-arm64-msvc": "1.30.2",
+        "lightningcss-win32-x64-msvc": "1.30.2"
+      }
+    },
+    "node_modules/lightningcss-android-arm64": {
+      "version": "1.30.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-android-arm64/-/lightningcss-android-arm64-1.30.2.tgz",
+      "integrity": "sha512-BH9sEdOCahSgmkVhBLeU7Hc9DWeZ1Eb6wNS6Da8igvUwAe0sqROHddIlvU06q3WyXVEOYDZ6ykBZQnjTbmo4+A==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-darwin-arm64": {
+      "version": "1.30.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.30.2.tgz",
+      "integrity": "sha512-ylTcDJBN3Hp21TdhRT5zBOIi73P6/W0qwvlFEk22fkdXchtNTOU4Qc37SkzV+EKYxLouZ6M4LG9NfZ1qkhhBWA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-darwin-x64": {
+      "version": "1.30.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.30.2.tgz",
+      "integrity": "sha512-oBZgKchomuDYxr7ilwLcyms6BCyLn0z8J0+ZZmfpjwg9fRVZIR5/GMXd7r9RH94iDhld3UmSjBM6nXWM2TfZTQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-freebsd-x64": {
+      "version": "1.30.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.30.2.tgz",
+      "integrity": "sha512-c2bH6xTrf4BDpK8MoGG4Bd6zAMZDAXS569UxCAGcA7IKbHNMlhGQ89eRmvpIUGfKWNVdbhSbkQaWhEoMGmGslA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm-gnueabihf": {
+      "version": "1.30.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.30.2.tgz",
+      "integrity": "sha512-eVdpxh4wYcm0PofJIZVuYuLiqBIakQ9uFZmipf6LF/HRj5Bgm0eb3qL/mr1smyXIS1twwOxNWndd8z0E374hiA==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm64-gnu": {
+      "version": "1.30.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.30.2.tgz",
+      "integrity": "sha512-UK65WJAbwIJbiBFXpxrbTNArtfuznvxAJw4Q2ZGlU8kPeDIWEX1dg3rn2veBVUylA2Ezg89ktszWbaQnxD/e3A==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm64-musl": {
+      "version": "1.30.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.30.2.tgz",
+      "integrity": "sha512-5Vh9dGeblpTxWHpOx8iauV02popZDsCYMPIgiuw97OJ5uaDsL86cnqSFs5LZkG3ghHoX5isLgWzMs+eD1YzrnA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-x64-gnu": {
+      "version": "1.30.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.30.2.tgz",
+      "integrity": "sha512-Cfd46gdmj1vQ+lR6VRTTadNHu6ALuw2pKR9lYq4FnhvgBc4zWY1EtZcAc6EffShbb1MFrIPfLDXD6Xprbnni4w==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-x64-musl": {
+      "version": "1.30.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.30.2.tgz",
+      "integrity": "sha512-XJaLUUFXb6/QG2lGIW6aIk6jKdtjtcffUT0NKvIqhSBY3hh9Ch+1LCeH80dR9q9LBjG3ewbDjnumefsLsP6aiA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-win32-arm64-msvc": {
+      "version": "1.30.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.30.2.tgz",
+      "integrity": "sha512-FZn+vaj7zLv//D/192WFFVA0RgHawIcHqLX9xuWiQt7P0PtdFEVaxgF9rjM/IRYHQXNnk61/H/gb2Ei+kUQ4xQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-win32-x64-msvc": {
+      "version": "1.30.2",
+      "resolved": "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.30.2.tgz",
+      "integrity": "sha512-5g1yc73p+iAkid5phb4oVFMB45417DkRevRbt/El/gKXJk4jid+vPFF/AXbxn05Aky8PapwzZrdJShv5C0avjw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss/node_modules/detect-libc": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz",
+      "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/magic-string": {
+      "version": "0.30.21",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.21.tgz",
+      "integrity": "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.5"
+      }
+    },
+    "node_modules/micromatch": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
+      "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
+      "license": "MIT",
+      "dependencies": {
+        "braces": "^3.0.3",
+        "picomatch": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=8.6"
+      }
+    },
+    "node_modules/mri": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/mri/-/mri-1.2.0.tgz",
+      "integrity": "sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/node-addon-api": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-7.1.1.tgz",
+      "integrity": "sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==",
+      "license": "MIT"
+    },
+    "node_modules/picocolors": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+      "license": "ISC"
+    },
+    "node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
+      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/tailwindcss": {
+      "version": "4.1.18",
+      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.1.18.tgz",
+      "integrity": "sha512-4+Z+0yiYyEtUVCScyfHCxOYP06L5Ne+JiHhY2IjR2KWMIWhJOYZKLSGZaP5HkZ8+bY0cxfzwDE5uOmzFXyIwxw==",
+      "license": "MIT"
+    },
+    "node_modules/tapable": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.3.0.tgz",
+      "integrity": "sha512-g9ljZiwki/LfxmQADO3dEY1CbpmXT5Hm2fJ+QaGKwSXUylMybePR7/67YW7jOrrvjEgL1Fmz5kzyAjWVWLlucg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      }
+    },
+    "node_modules/to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "license": "MIT",
+      "dependencies": {
+        "is-number": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    }
+  }
+}
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..94fbcf7
--- /dev/null
+++ b/package.json
@@ -0,0 +1,10 @@
+{
+  "dependencies": {
+    "@tailwindcss/cli": "^4.1.18",
+    "tailwindcss": "^4.1.18"
+  },
+  "scripts": {
+    "watch": "npx @tailwindcss/cli -i ./wwwroot/css/site.css -o ./wwwroot/lib/tailwind/tailwindcss.css --watch",
+    "build": "npx @tailwindcss/cli -i ./wwwroot/css/site.css -o ./wwwroot/lib/tailwind/tailwindcss.css --minify"
+  }
+}
diff --git a/wwwroot/css/main.css b/wwwroot/css/main.css
new file mode 100644
index 0000000..b75bb09
--- /dev/null
+++ b/wwwroot/css/main.css
@@ -0,0 +1,35 @@
+body {
+    font-family: 'Inter', sans-serif;
+}
+
+.gradient-text {
+    background: linear-gradient(90deg, #1e3a8a 0%, #2563eb 100%);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+}
+
+.hero-bg {
+    background: linear-gradient(to bottom right, #f8fafc, #e2e8f0);
+}
+
+html {
+    scroll-behavior: smooth;
+}
+
+.service-card {
+    transition: all 0.3s ease;
+}
+
+.service-card:hover {
+        transform: translateY(-5px);
+    }
+
+.incognito-field {
+    opacity: 0;
+    position: absolute;
+    top: 0;
+    left: 0;
+    height: 0;
+    width: 0;
+    z-index: -1;
+}
\ No newline at end of file
diff --git a/wwwroot/css/site.css b/wwwroot/css/site.css
index 4f9f142..a461c50 100644
--- a/wwwroot/css/site.css
+++ b/wwwroot/css/site.css
@@ -1,170 +1 @@
-:root {
-    /* Dark theme */
-    --dark-background: #eaeff2;
-    --dark-foregeound: #808080;
-    /* Light theme */
-    --light-background: #f4f2ee;
-    --light-foregeound: #808080;
-    /* Defaults */
-    --current-background: var(--light-background);
-    --current-foreground: var(--light-foregeound);
-}
-
-.btn-primary {
-    background-color: #1667c0;
-    border-color: #1667c0;
-}
-
-.btn-primary:hover {
-    background-color: #074280;
-    border-color: #074280;
-}
-
-.incognito-field {
-    opacity: 0;
-    position: absolute;
-    top: 0;
-    left: 0;
-    height: 0;
-    width: 0;
-    z-index: -1;
-}
-
-@media (prefers-color-scheme: light) {
-    : root {
-        --current-background: var(--dark-background);
-        --current-foreground: var(--dark-foregeound);
-    }
-}
-
-body {
-    background-color: var(--current-background);
-    color: var(--current-foreground);
-}
-
-html {
-    font-size: 14px;
-}
-
-.bg-white {
-    background-color: #ffffff;
-}
-
-.bg-grey {
-    background-color: #eaeff2;
-}
-
-@media (min-width: 768px) {
-    html {
-        font-size: 16px;
-    }
-    .carousel-caption p {
-        padding-left: 140px;
-    }
-    .bd-placeholder-img-lg {
-        font-size: 3.5rem;
-    }
-}
-
-.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
-    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #fff;
-}
-
-html {
-    position: relative;
-    min-height: 100%;
-}
-
-body {
-    margin-bottom: 60px;
-}
-
-.carousel-inner {
-    width: 100%;
-    height: 100%;
-    background-position: left;
-    background-size: 100% 100%;
-    background-repeat: no-repeat;
-    background-image: url('../img/bg-01.png');
-}
-
-.carousel-inner h1 {
-    color:#5a5a5a;
-}
-
-.carousel-inner p {
-    color: #5a5a5a;
-}
-
-.bd-placeholder-img {
-    font-size: 1.125rem;
-    text-anchor: middle;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    user-select: none;
-}
-
-.bd-about-img {
-    font-size: 1.125rem;
-    text-anchor: middle;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    user-select: none;
-    background-image: url('../img/member-1.jpg');
-    background-size: 150px;
-}
-
-.bd-clients-img {
-    font-size: 1.125rem;
-    text-anchor: middle;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    user-select: none;
-    background-image: url('../img/member-2.jpg');
-    background-size: 150px;
-}
-
-.bd-services-img {
-    font-size: 1.125rem;
-    text-anchor: middle;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    user-select: none;
-    background-image: url('../img/member-3.jpg');
-    background-size: 150px;
-}
-
-.feature-icon {
-    width: 4rem;
-    height: 4rem;
-    border-radius: .75rem;
-}
-
-.icon-square {
-    width: 3rem;
-    height: 3rem;
-    border-radius: .75rem;
-}
-
-.text-shadow-1 {
-    text-shadow: 0 .125rem .25rem rgba(0, 0, 0, .25);
-}
-
-.text-shadow-2 {
-    text-shadow: 0 .25rem .5rem rgba(0, 0, 0, .25);
-}
-
-.text-shadow-3 {
-    text-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .25);
-}
-
-.card-cover {
-    background-repeat: no-repeat;
-    background-position: center center;
-    background-size: cover;
-}
-
-.feature-icon-small {
-    width: 3rem;
-    height: 3rem;
-}
\ No newline at end of file
+@import "tailwindcss";
\ No newline at end of file
diff --git a/wwwroot/favicon.ico b/wwwroot/favicon.ico
index c741f63..8d44b38 100644
Binary files a/wwwroot/favicon.ico and b/wwwroot/favicon.ico differ
diff --git a/wwwroot/img/logo.png b/wwwroot/img/logo.png
new file mode 100644
index 0000000..984c3f7
Binary files /dev/null and b/wwwroot/img/logo.png differ
diff --git a/wwwroot/img/meeting-01.jpg b/wwwroot/img/meeting-01.jpg
new file mode 100644
index 0000000..b76667a
Binary files /dev/null and b/wwwroot/img/meeting-01.jpg differ
diff --git a/wwwroot/js/site.js b/wwwroot/js/site.js
index 0937657..9f4299c 100644
--- a/wwwroot/js/site.js
+++ b/wwwroot/js/site.js
@@ -2,3 +2,51 @@
 // for details on configuring this project to bundle and minify static web assets.
 
 // Write your JavaScript code.
+// Mobile Menu Logic
+const btn = document.getElementById('mobile-menu-btn');
+const menu = document.getElementById('mobile-menu');
+const icon = btn.querySelector('i');
+const links = menu.querySelectorAll('.mobile-link');
+
+btn.addEventListener('click', () => {
+    menu.classList.toggle('hidden');
+    if (menu.classList.contains('hidden')) {
+        icon.classList.remove('fa-times');
+        icon.classList.add('fa-bars');
+    } else {
+        icon.classList.remove('fa-bars');
+        icon.classList.add('fa-times');
+    }
+});
+
+links.forEach(link => {
+    link.addEventListener('click', () => {
+        menu.classList.add('hidden');
+        icon.classList.remove('fa-times');
+        icon.classList.add('fa-bars');
+    });
+});
+
+// Sticky Navbar background on scroll
+window.addEventListener('scroll', () => {
+    const nav = document.getElementById('navbar');
+    if (window.scrollY > 50) {
+        nav.classList.add('shadow-md');
+        nav.classList.replace('bg-white/95', 'bg-white/100');
+    } else {
+        nav.classList.remove('shadow-md');
+        nav.classList.replace('bg-white/100', 'bg-white/95');
+    }
+});
+
+document.addEventListener("DOMContentLoaded", function () {
+    // Telephone encoded in Base64
+    const encrypted = "KzYxICgwKTQwMSAwODkgMzA1";
+    const phone = document.getElementById("contact-phone");
+    // atob() decodes the Base64 string
+    const phoneNumber = atob(encrypted);
+    // Set the span and visible text
+    phone.textContent = phoneNumber;
+    // Remove the 'hidden' class to show the link
+    phone.classList.remove("hidden");
+});
\ No newline at end of file
diff --git a/wwwroot/lib/tailwind/tailwindcss.css b/wwwroot/lib/tailwind/tailwindcss.css
new file mode 100644
index 0000000..8968c29
--- /dev/null
+++ b/wwwroot/lib/tailwind/tailwindcss.css
@@ -0,0 +1,2 @@
+/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-divide-x-reverse:0}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-green-100:oklch(96.2% .044 156.743);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-purple-400:oklch(71.4% .203 305.504);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-lg:32rem;--container-2xl:42rem;--container-4xl:56rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25/1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-widest:.1em;--leading-tight:1.25;--leading-relaxed:1.625;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--blur-md:12px;--blur-2xl:40px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.start-0{inset-inline-start:calc(var(--spacing)*0)}.start-50{inset-inline-start:calc(var(--spacing)*50)}.start-100{inset-inline-start:calc(var(--spacing)*100)}.end-0{inset-inline-end:calc(var(--spacing)*0)}.end-50{inset-inline-end:calc(var(--spacing)*50)}.end-100{inset-inline-end:calc(var(--spacing)*100)}.-top-6{top:calc(var(--spacing)*-6)}.-top-8{top:calc(var(--spacing)*-8)}.top-0{top:calc(var(--spacing)*0)}.top-20{top:calc(var(--spacing)*20)}.top-50{top:calc(var(--spacing)*50)}.top-100{top:calc(var(--spacing)*100)}.-right-6{right:calc(var(--spacing)*-6)}.-bottom-6{bottom:calc(var(--spacing)*-6)}.-bottom-8{bottom:calc(var(--spacing)*-8)}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-50{bottom:calc(var(--spacing)*50)}.bottom-100{bottom:calc(var(--spacing)*100)}.-left-8{left:calc(var(--spacing)*-8)}.left-0{left:calc(var(--spacing)*0)}.left-1\/2{left:50%}.z-0{z-index:0}.z-1{z-index:1}.z-2{z-index:2}.z-3{z-index:3}.z-10{z-index:10}.z-50{z-index:50}.order-0{order:0}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-first{order:-9999}.order-last{order:9999}.col-1{grid-column:1}.col-2{grid-column:2}.col-3{grid-column:3}.col-4{grid-column:4}.col-5{grid-column:5}.col-6{grid-column:6}.col-7{grid-column:7}.col-8{grid-column:8}.col-9{grid-column:9}.col-10{grid-column:10}.col-11{grid-column:11}.col-12{grid-column:12}.col-auto{grid-column:auto}.float-end{float:inline-end}.float-none{float:none}.float-start{float:inline-start}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing)*0)}.m-1{margin:calc(var(--spacing)*1)}.m-2{margin:calc(var(--spacing)*2)}.m-3{margin:calc(var(--spacing)*3)}.m-4{margin:calc(var(--spacing)*4)}.m-5{margin:calc(var(--spacing)*5)}.m-auto{margin:auto}.mx-0{margin-inline:calc(var(--spacing)*0)}.mx-1{margin-inline:calc(var(--spacing)*1)}.mx-2{margin-inline:calc(var(--spacing)*2)}.mx-3{margin-inline:calc(var(--spacing)*3)}.mx-4{margin-inline:calc(var(--spacing)*4)}.mx-5{margin-inline:calc(var(--spacing)*5)}.mx-auto{margin-inline:auto}.my-0{margin-block:calc(var(--spacing)*0)}.my-1{margin-block:calc(var(--spacing)*1)}.my-2{margin-block:calc(var(--spacing)*2)}.my-3{margin-block:calc(var(--spacing)*3)}.my-4{margin-block:calc(var(--spacing)*4)}.my-5{margin-block:calc(var(--spacing)*5)}.my-auto{margin-block:auto}.ms-0{margin-inline-start:calc(var(--spacing)*0)}.ms-1{margin-inline-start:calc(var(--spacing)*1)}.ms-2{margin-inline-start:calc(var(--spacing)*2)}.ms-3{margin-inline-start:calc(var(--spacing)*3)}.ms-4{margin-inline-start:calc(var(--spacing)*4)}.ms-5{margin-inline-start:calc(var(--spacing)*5)}.ms-auto{margin-inline-start:auto}.me-0{margin-inline-end:calc(var(--spacing)*0)}.me-1{margin-inline-end:calc(var(--spacing)*1)}.me-2{margin-inline-end:calc(var(--spacing)*2)}.me-3{margin-inline-end:calc(var(--spacing)*3)}.me-4{margin-inline-end:calc(var(--spacing)*4)}.me-5{margin-inline-end:calc(var(--spacing)*5)}.me-auto{margin-inline-end:auto}.mt-0{margin-top:calc(var(--spacing)*0)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-16{margin-top:calc(var(--spacing)*16)}.mt-auto{margin-top:auto}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-4{margin-right:calc(var(--spacing)*4)}.mb-0{margin-bottom:calc(var(--spacing)*0)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-5{margin-bottom:calc(var(--spacing)*5)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.mb-10{margin-bottom:calc(var(--spacing)*10)}.mb-16{margin-bottom:calc(var(--spacing)*16)}.mb-auto{margin-bottom:auto}.ml-2{margin-left:calc(var(--spacing)*2)}.\!hidden{display:none!important}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.table{display:table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-row{display:table-row}.h-1{height:calc(var(--spacing)*1)}.h-2\/3{height:66.6667%}.h-3\/5{height:60%}.h-4\/5{height:80%}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-20{height:calc(var(--spacing)*20)}.h-24{height:calc(var(--spacing)*24)}.h-25{height:calc(var(--spacing)*25)}.h-32{height:calc(var(--spacing)*32)}.h-48{height:calc(var(--spacing)*48)}.h-50{height:calc(var(--spacing)*50)}.h-75{height:calc(var(--spacing)*75)}.h-100{height:calc(var(--spacing)*100)}.h-auto{height:auto}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-1\/4{width:25%}.w-6{width:calc(var(--spacing)*6)}.w-10{width:calc(var(--spacing)*10)}.w-12{width:calc(var(--spacing)*12)}.w-20{width:calc(var(--spacing)*20)}.w-24{width:calc(var(--spacing)*24)}.w-25{width:calc(var(--spacing)*25)}.w-32{width:calc(var(--spacing)*32)}.w-50{width:calc(var(--spacing)*50)}.w-75{width:calc(var(--spacing)*75)}.w-100{width:calc(var(--spacing)*100)}.w-auto{width:auto}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-lg{max-width:var(--container-lg)}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.flex-shrink-1,.shrink{flex-shrink:1}.flex-grow{flex-grow:1}.flex-grow-0{flex-grow:0}.flex-grow-1,.grow{flex-grow:1}.caption-top{caption-side:top}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.resize{resize:both}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-0{gap:calc(var(--spacing)*0)}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}.gap-12{gap:calc(var(--spacing)*12)}.gap-16{gap:calc(var(--spacing)*16)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-12>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*12)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*12)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-x-3>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*3)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*4)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-6>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*6)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-8>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*8)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-x-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-slate-700>:not(:last-child)){border-color:var(--color-slate-700)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-x-scroll{overflow-x:scroll}.overflow-x-visible{overflow-x:visible}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.overflow-y-scroll{overflow-y:scroll}.overflow-y-visible{overflow-y:visible}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-1{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-3{border-style:var(--tw-border-style);border-width:3px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-5{border-style:var(--tw-border-style);border-width:5px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-black{border-color:var(--color-black)}.border-blue-100{border-color:var(--color-blue-100)}.border-slate-50{border-color:var(--color-slate-50)}.border-slate-100{border-color:var(--color-slate-100)}.border-slate-200{border-color:var(--color-slate-200)}.border-slate-700{border-color:var(--color-slate-700)}.border-slate-800{border-color:var(--color-slate-800)}.border-white{border-color:var(--color-white)}.bg-black{background-color:var(--color-black)}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-200{background-color:var(--color-blue-200)}.bg-blue-400{background-color:var(--color-blue-400)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-green-100{background-color:var(--color-green-100)}.bg-purple-400{background-color:var(--color-purple-400)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-800{background-color:var(--color-slate-800)}.bg-slate-900{background-color:var(--color-slate-900)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/95{background-color:#fffffff2}@supports (color:color-mix(in lab, red, red)){.bg-white\/95{background-color:color-mix(in oklab,var(--color-white)95%,transparent)}}.bg-white\/100{background-color:var(--color-white)}.bg-\[url\(\'https\:\/\/www\.transparenttextures\.com\/patterns\/cubes\.png\'\)\]{background-image:url(https://www.transparenttextures.com/patterns/cubes.png)}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-8{padding:calc(var(--spacing)*8)}.px-0{padding-inline:calc(var(--spacing)*0)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.py-0{padding-block:calc(var(--spacing)*0)}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-5{padding-block:calc(var(--spacing)*5)}.py-12{padding-block:calc(var(--spacing)*12)}.py-16{padding-block:calc(var(--spacing)*16)}.py-24{padding-block:calc(var(--spacing)*24)}.ps-0{padding-inline-start:calc(var(--spacing)*0)}.ps-1{padding-inline-start:calc(var(--spacing)*1)}.ps-2{padding-inline-start:calc(var(--spacing)*2)}.ps-3{padding-inline-start:calc(var(--spacing)*3)}.ps-4{padding-inline-start:calc(var(--spacing)*4)}.ps-5{padding-inline-start:calc(var(--spacing)*5)}.pe-0{padding-inline-end:calc(var(--spacing)*0)}.pe-1{padding-inline-end:calc(var(--spacing)*1)}.pe-2{padding-inline-end:calc(var(--spacing)*2)}.pe-3{padding-inline-end:calc(var(--spacing)*3)}.pe-4{padding-inline-end:calc(var(--spacing)*4)}.pe-5{padding-inline-end:calc(var(--spacing)*5)}.pt-0{padding-top:calc(var(--spacing)*0)}.pt-1{padding-top:calc(var(--spacing)*1)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-5{padding-top:calc(var(--spacing)*5)}.pt-8{padding-top:calc(var(--spacing)*8)}.pt-32{padding-top:calc(var(--spacing)*32)}.pb-0{padding-bottom:calc(var(--spacing)*0)}.pb-1{padding-bottom:calc(var(--spacing)*1)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pb-5{padding-bottom:calc(var(--spacing)*5)}.pb-12{padding-bottom:calc(var(--spacing)*12)}.pb-20{padding-bottom:calc(var(--spacing)*20)}.text-center{text-align:center}.text-end{text-align:end}.text-left{text-align:left}.text-right{text-align:right}.text-start{text-align:start}.align-baseline{vertical-align:baseline}.align-bottom{vertical-align:bottom}.align-middle{vertical-align:middle}.align-text-bottom{vertical-align:text-bottom}.align-text-top{vertical-align:text-top}.align-top{vertical-align:top}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-nowrap{text-wrap:nowrap}.text-wrap{text-wrap:wrap}.text-black{color:var(--color-black)}.text-blue-100{color:var(--color-blue-100)}.text-blue-400{color:var(--color-blue-400)}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-green-500{color:var(--color-green-500)}.text-green-600{color:var(--color-green-600)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-slate-900{color:var(--color-slate-900)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-10{opacity:.1}.opacity-20{opacity:.2}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.mix-blend-multiply{mix-blend-mode:multiply}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-blue-600\/20{--tw-shadow-color:#155dfc33}@supports (color:color-mix(in lab, red, red)){.shadow-blue-600\/20{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-blue-600)20%,transparent)var(--tw-shadow-alpha),transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.blur-2xl{--tw-blur:blur(var(--blur-2xl));filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.\!filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)!important}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.group-open\:rotate-180:is(:where(.group):is([open],:popover-open,:open) *){rotate:180deg}@media (hover:hover){.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-slate-50:hover{background-color:var(--color-slate-50)}.hover\:bg-slate-100:hover{background-color:var(--color-slate-100)}.hover\:bg-slate-800:hover{background-color:var(--color-slate-800)}.hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/10:hover{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.hover\:text-blue-400:hover{color:var(--color-blue-400)}.hover\:text-blue-600:hover{color:var(--color-blue-600)}.hover\:text-white:hover{color:var(--color-white)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-80:hover{opacity:.8}}.focus\:border-blue-500:focus{border-color:var(--color-blue-500)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}@media (min-width:40rem){.sm\:flex-row{flex-direction:row}}@media (min-width:48rem){.md\:mt-0{margin-top:calc(var(--spacing)*0)}.md\:flex{display:flex}.md\:hidden{display:none}.md\:w-1\/3{width:33.3333%}.md\:w-2\/3{width:66.6667%}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}:where(.md\:divide-x>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px*var(--tw-divide-x-reverse));border-inline-end-width:calc(1px*calc(1 - var(--tw-divide-x-reverse)))}:where(.md\:divide-y-0>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(0px*var(--tw-divide-y-reverse));border-bottom-width:calc(0px*calc(1 - var(--tw-divide-y-reverse)))}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}}@media (min-width:64rem){.lg\:order-1{order:1}.lg\:order-2{order:2}.lg\:w-1\/2{width:50%}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:pt-48{padding-top:calc(var(--spacing)*48)}.lg\:pb-32{padding-bottom:calc(var(--spacing)*32)}.lg\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.lg\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-divide-x-reverse{syntax:"*";inherits:false;initial-value:0}@keyframes pulse{50%{opacity:.5}}
\ No newline at end of file