<!DOCTYPE html>
<html lang="en-GB">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Thomas & Co. Systems | Strategic IT Leadership & vCIO Advisory</title>
<meta name="description" content="Board-level Virtual CIO advisory, enterprise cybersecurity, ISO 27001 compliance, and Microsoft 365 cloud infrastructure for growth-focused SMEs.">
<style>
:root {
--slate-900: #0f172a;
--slate-800: #1e293b;
--slate-700: #334155;
--slate-600: #475569;
--sky-600: #0284c7;
--sky-500: #38bdf8;
--sky-50: #f0f9ff;
--light-bg: #f8fafc;
--border: #e2e8f0;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; color: var(--slate-800); line-height: 1.6; background-color: #ffffff; }
header { background-color: var(--slate-900); color: #ffffff; padding: 3.5rem 1.5rem 3rem 1.5rem; text-align: center; border-bottom: 3px solid var(--sky-600); }
.header-content { max-width: 900px; margin: 0 auto; }
header h1 { font-size: 2.5rem; font-weight: 700; letter-spacing: -0.5px; margin-bottom: 0.5rem; }
header p { color: var(--sky-500); font-size: 1.15rem; text-transform: uppercase; letter-spacing: 1.5px; font-weight: 600; }
.container { max-width: 1000px; margin: 0 auto; padding: 2.5rem 1.5rem; }
.intro { background-color: var(--sky-50); border-left: 4px solid var(--sky-600); padding: 1.75rem; border-radius: 0 8px 8px 0; margin-bottom: 3rem; }
.intro p { font-size: 1.1rem; color: #0c4a6e; line-height: 1.7; }
h2 { font-size: 1.5rem; color: var(--slate-900); border-bottom: 2px solid var(--sky-600); padding-bottom: 0.5rem; margin: 2.5rem 0 1.5rem 0; text-transform: uppercase; letter-spacing: 0.5px; }
.grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 1.5rem; }
.card { background: var(--light-bg); border: 1px solid var(--border); border-radius: 8px; padding: 1.75rem; }
.card h3 { color: #0369a1; font-size: 1.25rem; margin-bottom: 0.75rem; }
.card ul { list-style-type: square; padding-left: 1.2rem; color: var(--slate-700); }
.card li { margin-bottom: 0.6rem; }
.badge { display: inline-block; background-color: #e0f2fe; color: #0369a1; font-size: 0.75rem; font-weight: 700; padding: 0.25rem 0.6rem; border-radius: 4px; margin-bottom: 0.75rem; }
.profile-box { background: var(--light-bg); border: 1px solid var(--border); border-radius: 8px; padding: 2rem; margin-top: 1.5rem; }
.profile-box h3 { color: var(--slate-900); font-size: 1.3rem; margin-bottom: 0.5rem; }
.profile-sub { color: var(--slate-600); font-weight: 600; font-size: 0.95rem; margin-bottom: 1rem; }
.cta-box { background-color: var(--slate-900); color: #ffffff; padding: 3rem 2rem; border-radius: 8px; text-align: center; margin-top: 3.5rem; }
.cta-box h3 { color: var(--sky-500); font-size: 1.6rem; margin-bottom: 1rem; }
.cta-box p { color: #cbd5e1; margin-bottom: 1.75rem; font-size: 1.1rem; max-width: 700px; margin-left: auto; margin-right: auto; }
.btn { display: inline-block; background-color: var(--sky-600); color: #ffffff; padding: 0.9rem 2rem; text-decoration: none; border-radius: 6px; font-weight: 600; font-size: 1rem; transition: background 0.2s; }
.btn:hover { background-color: #0369a1; }
footer { text-align: center; padding: 2.5rem 1.5rem; color: var(--slate-600); font-size: 0.85rem; border-top: 1px solid var(--border); margin-top: 4rem; }
</style>
</head>
<body>
<header>
<div class="header-content">
<h1>Thomas & Co. Systems</h1>
<p>Strategic IT Leadership & Digital Transformation</p>
</div>
</header>
<div class="container">
<section class="intro">
<p><strong>Empowering SME Growth with Board-Level Technology Leadership:</strong> Thomas & Co. Systems delivers strategic Virtual Chief Information Officer (vCIO) advisory, enterprise cybersecurity, and digital infrastructure optimisation. We help business owners transform IT from an operational overhead into a high-margin, scalable growth engine—without the expense of a full-time IT Director.</p>
</section>
<h2>Core Capabilities</h2>
<div class="grid">
<div class="card">
<span class="badge">STRATEGIC LEADERSHIP</span>
<h3>Virtual CIO (vCIO) & Governance</h3>
<ul>
<li>Board-level technology alignment & strategic roadmapping</li>
<li>IT budget, P&L, and licence cost optimisation</li>
<li>M&A due diligence & post-acquisition integration</li>
</ul>
</div>
<div class="card">
<span class="badge">GOVERNANCE & RISK</span>
<h3>Cybersecurity & Compliance</h3>
<ul>
<li>ISO 27001 & ISO 9001 management systems</li>
<li>Cyber Essentials Plus readiness & auditing</li>
<li>GDPR compliance & regulatory risk mitigation</li>
</ul>
</div>
<div class="card">
<span class="badge">CLOUD & WORKPLACE</span>
<h3>Microsoft 365 & Cloud Architecture</h3>
<ul>
<li>Tenant security hardening (PAM, DLP, Conditional Access)</li>
<li>Automated endpoint deployment (Intune & Apple Business Manager)</li>
<li>Business continuity & zero-downtime disaster recovery</li>
</ul>
</div>
<div class="card">
<span class="badge">OPERATIONAL EXCELLENCE</span>
<h3>Process Automation & Digital Insights</h3>
<ul>
<li>Service delivery workflow & SLA optimisation</li>
<li>Power BI operational reporting & executive dashboards</li>
<li>Third-party MSP oversight & vendor accountability</li>
</ul>
</div>
</div>
<h2>Engagement Models</h2>
<div class="grid">
<div class="card">
<h3>1. Fractional vCIO / Strategic Advisory</h3>
<p>Ongoing monthly retainer providing executive oversight, regular board updates, technology roadmapping, and vendor management tailored to your pace of growth.</p>
</div>
<div class="card">
<h3>2. Fixed-Scope Project Delivery</h3>
<p>Targeted engagements covering cybersecurity hardening, ISO 27001 implementation, cloud migrations, or emergency infrastructure remediation.</p>
</div>
</div>
<h2>Principal Consultant</h2>
<div class="profile-box">
<h3>Oliver Thomas</h3>
<div class="profile-sub">Principal Consultant & vCIO | First Class Hons (BSc) | CMI Level 5</div>
<p>Over a decade of experience leading enterprise IT operations, advising publicly listed (LSE) board directors, and architecting ISO-certified infrastructure across high-compliance sectors including financial services and manufacturing.</p>
</div>
<section class="cta-box">
<h3>Complimentary 1-Hour IT & Cyber Health Check</h3>
<p>We offer a zero-obligation executive review of your current IT setup, cybersecurity posture, and software licensing costs for prospective clients and partner referrals.</p>
<a href="mailto:oliver@thomasandco.systems" class="btn">Schedule an Initial Discussion</a>
</section>
</div>
<footer>
<p>Thomas & Co. Systems is a trading name of Oliver Thomas.</p>
</footer>
</body>
</html>