<!DOCTYPE html>  
<html lang="en">  
<head>  
<meta charset="UTF-8">  
<meta name="viewport" content="width=device-width, initial-scale=1.0">  
<title>ACT Commercial Intelligence Review™</title>  
<style>  
:root {  
  --color-primary: #1B2A4A;  
  --color-accent: #D4AF37;  
  --color-bg: #FFFFFF;  
  --color-text: #1B2A4A;  
  --color-muted: #6B7280;  
  --color-light-bg: #F8F9FA;  
}  
* { box-sizing: border-box; margin: 0; padding: 0; }  
body {  
  font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;  
  background-color: var(--color-bg);  
  color: var(--color-text);  
  line-height: 1.6;  
}  
.container {  
  max-width: 900px;  
  margin: 0 auto;  
  padding: 40px 20px;  
}  
header {  
  text-align: center;  
  padding: 40px 0 20px;  
}  
.logo {  
  font-weight: 800;  
  font-size: 1.5rem;  
  letter-spacing: 1px;  
  color: var(--color-primary);  
  margin-bottom: 20px;  
}  
h1 {  
  font-size: 2.5rem;  
  color: var(--color-primary);  
  margin-bottom: 15px;  
  line-height: 1.2;  
}  
h2 {  
  font-size: 1.8rem;  
  color: var(--color-primary);  
  margin-bottom: 20px;  
}  
p {  
  font-size: 1.1rem;  
  margin-bottom: 20px;  
  color: #333333;  
}  
.hero {  
  background-color: var(--color-primary);  
  color: #FFFFFF;  
  padding: 60px 40px;  
  border-radius: 8px;  
  text-align: center;  
  margin-bottom: 40px;  
}  
.hero h1, .hero p {  
  color: #FFFFFF;  
}  
.hero p {  
  opacity: 0.9;  
  max-width: 700px;  
  margin: 0 auto 30px;  
}  
.btn-gold {  
  display: inline-block;  
  background-color: var(--color-accent);  
  color: var(--color-primary);  
  font-weight: 700;  
  padding: 16px 32px;  
  border-radius: 4px;  
  text-decoration: none;  
  transition: opacity 0.2s;  
  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.3);  
}  
.btn-gold:hover {  
  opacity: 0.9;  
}  
.callout-gold {  
  background-color: var(--color-light-bg);  
  border-left: 4px solid var(--color-accent);  
  padding: 30px;  
  border-radius: 0 8px 8px 0;  
  margin-bottom: 40px;  
}  
.callout-gold ul {  
  list-style: none;  
  margin: 20px 0;  
}  
.callout-gold li {  
  padding: 8px 0;  
  font-size: 1.1rem;  
  position: relative;  
  padding-left: 24px;  
}  
.callout-gold li::before {  
  content: "—";  
  position: absolute;  
  left: 0;  
  color: var(--color-accent);  
  font-weight: bold;  
}  
.mantra {  
  background-color: #FDFBF7;  
  border: 1px solid var(--color-accent);  
  padding: 30px;  
  text-align: center;  
  border-radius: 8px;  
  font-size: 1.3rem;  
  font-style: italic;  
  color: var(--color-primary);  
  margin-bottom: 40px;  
}  
.navy-box {  
  background-color: var(--color-primary);  
  color: #FFFFFF;  
  padding: 40px;  
  border-radius: 8px;  
  margin-bottom: 40px;  
}  
.navy-box h2, .navy-box p {  
  color: #FFFFFF;  
}  
.columns {  
  display: flex;  
  gap: 20px;  
  margin-bottom: 40px;  
}  
.column {  
  flex: 1;  
  background-color: var(--color-light-bg);  
  border: 1px solid #E5E7EB;  
  border-top: 4px solid var(--color-primary);  
  padding: 30px 20px;  
  border-radius: 0 0 8px 8px;  
}  
.column h3 {  
  color: var(--color-primary);  
  margin-bottom: 15px;  
  font-size: 1.2rem;  
}  
.process-step {  
  display: flex;  
  align-items: flex-start;  
  margin-bottom: 20px;  
  background: var(--color-light-bg);  
  padding: 20px;  
  border-radius: 6px;  
  border-left: 4px solid var(--color-accent);  
}  
.process-num {  
  font-size: 1.5rem;  
  font-weight: 800;  
  color: var(--color-accent);  
  margin-right: 20px;  
  min-width: 30px;  
}  
footer {  
  text-align: center;  
  padding: 40px 0;  
  border-top: 1px solid #E5E7EB;  
  color: var(--color-muted);  
  font-size: 0.95rem;  
}  
@media (max-width: 768px) {  
  .columns { flex-direction: column; }  
  h1 { font-size: 2rem; }  
  .hero { padding: 40px 20px; }  
}  
</style>  
</head>  
<body>

<div class="container">

  <!-- 1. EMOTIONAL HOOK -->  
  <div class="callout-gold">  
    <h2>Does this sound familiar?</h2>  
    <ul>  
      <li>Am I making the right decisions?</li>  
      <li>Why isn't the business rewarding me more?</li>  
      <li>Have I built a business or just created a job?</li>  
      <li>Where should I actually focus next?</li>  
      <li>How do I know which changes will genuinely improve things?</li>  
    </ul>  
    <p style="margin-top: 20px; font-weight: 600; margin-bottom: 0;">If any of those questions resonate — you're exactly why ACT exists.</p>  
  </div>

  <!-- 2. HERO -->  
  <div class="hero">  
    <div style="font-weight: 700; letter-spacing: 1px; margin-bottom: 15px; color: #D4AF37; text-transform: uppercase; font-size: 0.9rem;">ACT Business Consultants</div>  
    <h1 style="color: #FFFFFF; margin-bottom: 15px;">Every important business decision carries risk.</h1>  
    <p style="font-size: 1.25rem; font-weight: 600; color: #D4AF37; margin-bottom: 15px;">Should I recruit? Increase prices? Invest? Reduce costs? Expand? Sell?</p>  
    <p>The hardest part isn't making decisions. It's knowing which decision will create the biggest commercial improvement. That is ACT.</p>  
    <a href="https://meet.brevo.com/john-goodwin/intro" class="btn-gold">Book your complimentary Commercial Intelligence Call</a>  
  </div>

  <!-- 3. MANTRA BANNER -->  
  <div class="mantra">  
    "ACT doesn't sell advice. ACT sells commercial evidence that allows owners to make better decisions with confidence."  
  </div>

  <!-- 4. METHODOLOGY & GUARANTEE -->  
  <div style="margin-bottom: 40px;">  
    <h2>We don't begin with opinions. We begin with evidence.</h2>  
    <p>Evidence Before Advice® is at the heart of everything we do. Every recommendation is supported by data from your own business — your financials, your operations, your market. The ACT Commercial Decision System™ collects evidence from multiple sources before we recommend any action.</p>  
  </div>

  <div style="background-color: var(--color-primary); color: #FFFFFF; padding: 30px; border-radius: 8px; border: 2px solid var(--color-accent); margin-bottom: 40px;">  
    <h3 style="color: var(--color-accent); margin-bottom: 10px; font-size: 1.3rem;">Our Confidence Guarantee</h3>  
    <p style="color: #FFFFFF; margin-bottom: 0;">If, after our Discovery Call, we don't believe we can identify opportunities that will materially improve your business, we'll tell you honestly and recommend you don't proceed.</p>  
  </div>

  <!-- 5. STATISTIC INSERT -->  
  <div class="callout-gold" style="border-left-color: var(--color-primary);">  
    <p style="font-size: 1.2rem; font-weight: 600; margin-bottom: 0; color: var(--color-primary);">Most owner-managed businesses unknowingly lose profit through dozens of small commercial decisions rather than one big mistake.</p>  
  </div>

  <!-- 6. NARRATIVE CASE STUDY -->  
  <div style="border: 1px solid var(--color-primary); border-top: 4px solid var(--color-accent); padding: 40px; border-radius: 8px; margin-bottom: 40px; background-color: var(--color-light-bg);">  
    <h2>Inside a Commercial Intelligence Review</h2>  
    <p>A family-owned online retailer had been trading successfully for years. They believed rising sales would solve their problems. Our Commercial Intelligence Review found that the issue wasn't sales at all. Profit was disappearing through advertising, fulfilment costs and an over-complicated product range.</p>  
    <p>Within weeks, we uncovered multiple commercial decisions that had been hiding in plain sight — turning hidden drag into predictable margin.</p>  
    <div style="text-align: center; margin-top: 30px;">  
      <a href="https://meet.brevo.com/john-goodwin/intro" class="btn-gold">Book your complimentary Commercial Intelligence Call</a>  
    </div>  
  </div>

  <!-- 7. WHAT YOU GET -->  
  <h2>What you receive</h2>  
  <div class="columns">  
    <div class="column">  
      <h3>Clarity</h3>  
      <p style="font-size: 1rem; margin-bottom: 0;">In 8–10 weeks we'll show you exactly where profit is leaking and which commercial decisions will have the greatest impact.</p>  
    </div>  
    <div class="column">  
      <h3>Evidence</h3>  
      <p style="font-size: 1rem; margin-bottom: 0;">Every recommendation is supported by data from your own business. Not opinions. Not industry averages. Your evidence.</p>  
    </div>  
    <div class="column">  
      <h3>Confidence</h3>  
      <p style="font-size: 1rem; margin-bottom: 0;">You'll receive a prioritised 90-day implementation plan with the financial value of each decision clearly stated.</p>  
    </div>  
  </div>

  <!-- 8. WHY OWNERS CALL ACT -->  
  <div class="callout-gold">  
    <h2>Why owners call ACT</h2>  
    <p style="margin-bottom: 0;">Not because they're failing. Because they're successful enough to know they could do better — but don't have the evidence to know which commercial decisions to make next.</p>  
  </div>

  <!-- 9. WHAT HAPPENS NEXT -->  
  <div style="background-color: var(--color-light-bg); border: 1px solid #E5E7EB; padding: 40px; border-radius: 8px; margin-bottom: 40px;">  
    <h2>What happens next?</h2>  
    <p>Your Commercial Intelligence Review isn't the end. It's the foundation for better commercial decisions. Some owners implement the recommendations themselves. Others ask us to work alongside them through the ACT Business Transformation Programme™ to turn evidence into measurable results.</p>  
  </div>

  <!-- 10. PROCESS -->  
  <h2>Our Process</h2>  
  <div style="margin-bottom: 40px;">  
    <div class="process-step">  
      <div class="process-num">1</div>  
      <div>  
        <h3 style="color: var(--color-primary); margin-bottom: 5px;">Discovery Call</h3>  
        <p style="margin-bottom: 0; font-size: 1rem;">20 minutes to understand your business and confirm we can add value.</p>  
      </div>  
    </div>  
    <div class="process-step">  
      <div class="process-num">2</div>  
      <div>  
        <h3 style="color: var(--color-primary); margin-bottom: 5px;">Commercial Intelligence Review</h3>  
        <p style="margin-bottom: 0; font-size: 1rem;">8–10 weeks of evidence gathering and analysis.</p>  
      </div>  
    </div>  
    <div class="process-step">  
      <div class="process-num">3</div>  
      <div>  
        <h3 style="color: var(--color-primary); margin-bottom: 5px;">Commercial Intelligence Report</h3>  
        <p style="margin-bottom: 0; font-size: 1rem;">Prioritised commercial decisions backed by evidence.</p>  
      </div>  
    </div>  
    <div class="process-step">  
      <div class="process-num">4</div>  
      <div>  
        <h3 style="color: var(--color-primary); margin-bottom: 5px;">90-Day Implementation</h3>  
        <p style="margin-bottom: 0; font-size: 1rem;">Turn decisions into measurable results.</p>  
      </div>  
    </div>  
  </div>

  <!-- 11. PRICING -->  
  <div style="border-left: 4px solid var(--color-accent); background: var(--color-light-bg); padding: 30px; border-radius: 0 8px 8px 0; margin-bottom: 40px;">  
    <h3 style="color: var(--color-primary); margin-bottom: 10px;">Investment</h3>  
    <p style="margin-bottom: 0;">Commercial Intelligence Reviews typically from £2,500 + VAT depending on business complexity.</p>  
  </div>

  <!-- 12. ABOUT ACT -->  
  <div class="navy-box">  
    <h2 style="color: #FFFFFF; margin-bottom: 15px;">About ACT</h2>  
    <p style="color: #FFFFFF; margin-bottom: 0;">The ACT Commercial Decision System™ was built through years of working alongside owner-managed businesses — helping them make better commercial decisions, improve profitability, and prepare for successful exits. It's the methodology that delivers, not the person.</p>  
  </div>

  <!-- 13. FINAL CTA -->  
  <div style="background-color: var(--color-primary); color: #FFFFFF; padding: 60px 40px; border-radius: 8px; text-align: center; margin-bottom: 40px;">  
    <h2 style="color: #FFFFFF; margin-bottom: 15px;">Let's spend 20 minutes discussing your business.</h2>  
    <p style="color: #FFFFFF; opacity: 0.9; margin-bottom: 30px;">If we don't believe we can add significant value, we'll tell you.</p>  
    <a href="https://meet.brevo.com/john-goodwin/intro" class="btn-gold" style="margin-bottom: 30px; display: inline-block;">Book your complimentary Commercial Intelligence Call</a>  
    <p style="font-size: 0.95rem; opacity: 0.8; margin-bottom: 5px;">Phone: 01235 886222</p>  
    <p style="font-size: 0.95rem; opacity: 0.8; margin-bottom: 0;">Email: johngoodwin@actbusinessconsultants.co.uk</p>  
  </div>

  <!-- FOOTER -->  
  <footer>  
    <p>The ACT Commercial Decision System™ — Evidence Before Advice® — Decisions Before Actions™</p>  
    <p style="margin-top: 10px;">ACT Business Consultants Ltd</p>  
  </footer>

</div>

</body>  
</html>