<!DOCTYPE html>
<html lang="en" class="scroll-smooth">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Insurer-Ready Cyber Awareness Training | CyberLearningHub</title>
  <meta name="description" content="Cyber awareness training evidence for US small-medium businesses. Short modules, phishing baseline tests, and insurer-ready evidence packs. From $999/year." />
  <link rel="canonical" href="https://cyberlearninghub.com/" />
  <link rel="alternate" hreflang="en" href="https://cyberlearninghub.com/" />
  <link rel="alternate" hreflang="en-AU" href="https://cyberlearninghub.com/au/" />

  <!-- Open Graph -->
  <meta property="og:type" content="website" />
  <meta property="og:title" content="CyberLearningHub - Insurer-Ready Cyber Awareness Training" />
  <meta property="og:description" content="Cyber awareness training evidence for small-medium businesses. Short modules, phishing baseline tests, and insurer-ready evidence packs. From $999/year." />
  <meta property="og:url" content="https://cyberlearninghub.com/" />
  <meta property="og:site_name" content="CyberLearningHub" />
  <meta property="og:image" content="https://cyberlearninghub.com/assets/og-default.png" />

  <!-- Twitter Card -->
  <meta name="twitter:card" content="summary" />
  <meta name="twitter:title" content="CyberLearningHub - Insurer-Ready Cyber Awareness Training" />
  <meta name="twitter:description" content="Cyber awareness training evidence for small-medium businesses. Short modules, phishing baseline tests, and insurer-ready evidence packs." />
  <meta name="twitter:image" content="https://cyberlearninghub.com/assets/og-default.png" />

  <!-- JSON-LD -->
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "WebPage",
    "name": "CyberLearningHub - Insurer-Ready Cyber Awareness Training",
    "description": "Cyber awareness training evidence for US small-medium businesses. Short modules, phishing baseline tests, and insurer-ready evidence packs.",
    "url": "https://cyberlearninghub.com/",
    "publisher": {
      "@type": "Organization",
      "name": "CyberLearningHub",
      "url": "https://cyberlearninghub.com"
    }
  }
  </script>

  <link rel="icon" href="/assets/favicon.svg" type="image/svg+xml" />
  <script src="https://cdn.tailwindcss.com"></script>
  <script>
    tailwind.config = {
      theme: {
        extend: {
          colors: {
            brand: {
              950: '#0f172a',
              900: '#1e293b',
              800: '#334155',
            }
          }
        }
      }
    }
  </script>
  <style>
    body { background-color: #0f172a; color: #e2e8f0; }
    details summary { cursor: pointer; list-style: none; }
    details summary::-webkit-details-marker { display: none; }
    details summary::before { content: '+'; font-weight: bold; margin-right: 0.75rem; color: #22d3ee; font-size: 1.25rem; }
    details[open] summary::before { content: '\2212'; }
    .glow-border { box-shadow: 0 0 30px rgba(34, 211, 238, 0.07); }
  </style>
<script id="vtag-ai-js" async src="https://r2.leadsy.ai/tag.js" data-pid="1r7YQEcdzQCbLwzrH" data-version="062024"></script>
</head>
<body class="antialiased font-sans">

  <!-- ========== NAV ========== -->
  <nav class="sticky top-0 z-50 border-b border-slate-800 bg-[#0f172a]/90 backdrop-blur-md">
    <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
      <div class="flex h-16 items-center justify-between">
        <!-- Logo + Brand Name -->
        <a href="/" class="flex items-center gap-2.5 shrink-0">
          <svg class="h-8 w-8 text-cyan-400" data-brand="icon" viewBox="0 0 32 32" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true">
            <circle cx="16" cy="16" r="14"/><circle cx="16" cy="16" r="10"/><circle cx="16" cy="16" r="6"/><circle cx="16" cy="16" r="2" fill="currentColor" stroke="none"/>
          </svg>
          <span class="text-lg font-bold text-white whitespace-nowrap" data-brand="name">CyberLearningHub</span>
        </a>

        <!-- Desktop links -->
        <div class="hidden lg:flex items-center gap-6 text-sm text-slate-300">
          <a href="#whats-included" class="hover:text-cyan-400 transition">What's included</a>
          <a href="#how-it-works" class="hover:text-cyan-400 transition">How it works</a>
          <a href="#insurance" class="hover:text-cyan-400 transition">Insurance</a>
          <a href="#pricing" class="hover:text-cyan-400 transition">Pricing</a>
          <a href="#brokers-msps" class="hover:text-cyan-400 transition">Brokers &amp; MSPs</a>
          <a href="#faq" class="hover:text-cyan-400 transition">FAQ</a>
          <a href="/blog/" class="hover:text-cyan-400 transition">Blog</a>
        </div>

        <!-- CTA buttons -->
        <div class="flex items-center gap-3">
          <!-- Region selector -->
          <div class="relative" id="region-selector">
            <button onclick="document.getElementById('region-dropdown').classList.toggle('hidden')"
                    class="flex items-center gap-1.5 rounded-full border border-slate-700 px-3 py-2 text-sm text-slate-300 hover:border-cyan-500 hover:text-cyan-400 transition"
                    aria-label="Change region">
              <svg class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><circle cx="12" cy="12" r="10"/><path d="M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10A15.3 15.3 0 0 1 12 2z"/></svg>
              <span>US</span>
              <svg class="h-3 w-3" viewBox="0 0 12 12" fill="currentColor"><path d="M2.5 4.5l3.5 3.5 3.5-3.5"/></svg>
            </button>
            <div id="region-dropdown" class="hidden absolute right-0 mt-2 w-40 rounded-lg border border-slate-700 bg-slate-900 shadow-xl z-50">
              <div class="py-1">
                <span class="flex items-center gap-2 px-4 py-2 text-sm text-cyan-400 font-medium">
                  <span class="w-5 text-center">US</span> United States
                </span>
                <a href="/au/" onclick="document.cookie='clh_region=au; path=/; max-age=31536000; secure; samesite=lax'"
                   class="flex items-center gap-2 px-4 py-2 text-sm text-slate-300 hover:bg-slate-800 hover:text-cyan-400 transition">
                  <span class="w-5 text-center">AU</span> Australia
                </a>
              </div>
            </div>
          </div>
          <a href="/cdn-cgi/l/email-protection#422a272e2e2d02213b2027302e2723302c2b2c252a37206c212d2f" class="hidden sm:inline-flex items-center gap-1.5 rounded-full border border-slate-700 px-4 py-2 text-sm text-slate-300 hover:border-cyan-500 hover:text-cyan-400 transition">
            Contact
          </a>
          <a href="/demo"
             class="inline-flex items-center gap-1.5 rounded-full bg-cyan-500 px-4 py-2 text-sm font-semibold text-slate-950 hover:bg-cyan-400 transition"
             data-ga-event="cta_click" data-ga-category="conversion" data-ga-label="nav_try_demo">
            Try Demo
          </a>
          <!-- Mobile menu button -->
          <button onclick="document.getElementById('mobile-menu').classList.toggle('hidden')"
                  class="lg:hidden ml-1 p-2 text-slate-400 hover:text-white" aria-label="Menu">
            <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"/></svg>
          </button>
        </div>
      </div>

      <!-- Mobile menu -->
      <div id="mobile-menu" class="hidden lg:hidden pb-4 space-y-2 text-sm text-slate-300">
        <a href="#whats-included" class="block py-2 hover:text-cyan-400">What's included</a>
        <a href="#how-it-works" class="block py-2 hover:text-cyan-400">How it works</a>
        <a href="#insurance" class="block py-2 hover:text-cyan-400">Insurance</a>
        <a href="#pricing" class="block py-2 hover:text-cyan-400">Pricing</a>
        <a href="#brokers-msps" class="block py-2 hover:text-cyan-400">Brokers &amp; MSPs</a>
        <a href="#faq" class="block py-2 hover:text-cyan-400">FAQ</a>
        <a href="/blog/" class="block py-2 hover:text-cyan-400">Blog</a>
        <div class="border-t border-slate-700 pt-2 mt-2">
          <a href="/au/" onclick="document.cookie='clh_region=au; path=/; max-age=31536000; secure; samesite=lax'"
             class="flex items-center gap-2 py-2 hover:text-cyan-400">
            <svg class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><circle cx="12" cy="12" r="10"/><path d="M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10A15.3 15.3 0 0 1 12 2z"/></svg>
            Switch to Australia
          </a>
        </div>
      </div>
    </div>
  </nav>

  <main>
  <!-- ========== HERO ========== -->
  <section class="border-b border-slate-800">
    <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 py-20 lg:py-28">
      <div class="grid lg:grid-cols-2 gap-12 lg:gap-16 items-center">
        <!-- Left column -->
        <div>
          <!-- Badge -->
          <span class="inline-flex items-center gap-2 rounded-full border border-cyan-500/30 bg-cyan-500/10 px-4 py-1.5 text-sm text-cyan-300 mb-6">
            <svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"/></svg>
            Designed for US small businesses (5&ndash;250 staff)
          </span>

          <h1 class="text-4xl sm:text-5xl lg:text-6xl font-extrabold tracking-tight leading-tight mb-6">
            Insurer-ready cyber awareness training <span class="text-cyan-400">evidence</span> for small&ndash;medium businesses.
          </h1>

          <p class="text-lg text-slate-400 mb-8 max-w-xl">
            Give your team the training they need&mdash;and your insurer the proof they expect. One platform, one annual fee, zero complexity.
          </p>

          <!-- Bullet points -->
          <ul class="space-y-3 mb-10 text-slate-300">
            <li class="flex items-start gap-3">
              <svg class="h-5 w-5 mt-0.5 text-cyan-400 shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg>
              Short cyber awareness module (10&ndash;15 min)
            </li>
            <li class="flex items-start gap-3">
              <svg class="h-5 w-5 mt-0.5 text-cyan-400 shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg>
              Scored knowledge check + completion tracking
            </li>
            <li class="flex items-start gap-3">
              <svg class="h-5 w-5 mt-0.5 text-cyan-400 shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg>
              Phishing awareness baseline test for your team
            </li>
            <li class="flex items-start gap-3">
              <svg class="h-5 w-5 mt-0.5 text-cyan-400 shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg>
              Insurer-ready evidence pack (PDF + CSV)
            </li>
          </ul>

          <!-- CTA buttons -->
          <div class="flex flex-wrap gap-4">
            <a href="#pricing"
               class="inline-flex items-center rounded-full bg-cyan-500 px-6 py-3 text-sm font-semibold text-slate-950 hover:bg-cyan-400 transition"
             data-ga-event="cta_click" data-ga-category="conversion" data-ga-label="hero_purchase">
              Purchase annual access
            </a>
            <a href="#outputs"
               class="inline-flex items-center rounded-full border border-slate-700 px-6 py-3 text-sm text-slate-300 hover:border-cyan-500 hover:text-cyan-400 transition"
             data-ga-event="cta_click" data-ga-category="engagement" data-ga-label="hero_preview_outputs">
              Preview the outputs
            </a>
            <a href="https://cal.com/cyberlearninghub/intro-call?overlayCalendar=true"
               target="_blank" rel="noopener"
               class="inline-flex items-center rounded-full border border-slate-700 px-6 py-3 text-sm text-slate-300 hover:border-cyan-500 hover:text-cyan-400 transition"
             data-ga-event="cta_click" data-ga-category="conversion" data-ga-label="hero_book_call">
              Talk to us
            </a>
          </div>
        </div>

        <!-- Right column - Evidence card -->
        <div class="flex justify-center lg:justify-end">
          <div class="w-full max-w-md rounded-2xl border border-slate-800 bg-slate-900/60 p-8 glow-border">
            <div class="flex items-center gap-2 mb-6">
              <svg class="h-5 w-5 text-cyan-400" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"/></svg>
              <h2 class="text-sm font-semibold text-cyan-300 uppercase tracking-wider">Insurer-Ready Snapshot</h2>
            </div>

            <div class="space-y-6">
              <!-- Training completions -->
              <div>
                <div class="flex justify-between text-sm mb-2">
                  <span class="text-slate-400">Training completions</span>
                  <span class="text-white font-bold text-lg">94%</span>
                </div>
                <div class="h-2 rounded-full bg-slate-800">
                  <div class="h-2 rounded-full bg-cyan-500" style="width:94%"></div>
                </div>
              </div>

              <!-- Phishing baseline -->
              <div>
                <div class="flex justify-between text-sm mb-2">
                  <span class="text-slate-400">Phishing baseline</span>
                  <span class="text-white font-bold text-lg">82%</span>
                </div>
                <div class="h-2 rounded-full bg-slate-800">
                  <div class="h-2 rounded-full bg-cyan-500" style="width:82%"></div>
                </div>
              </div>

              <!-- Details -->
              <div class="grid grid-cols-2 gap-4 pt-4 border-t border-slate-800">
                <div>
                  <p class="text-xs text-slate-400 uppercase tracking-wider">Staff trained</p>
                  <p class="text-lg font-bold text-white">47 / 50</p>
                </div>
                <div>
                  <p class="text-xs text-slate-400 uppercase tracking-wider">Avg. score</p>
                  <p class="text-lg font-bold text-white">87%</p>
                </div>
                <div>
                  <p class="text-xs text-slate-400 uppercase tracking-wider">Period</p>
                  <p class="text-lg font-bold text-white">2024&ndash;25</p>
                </div>
                <div>
                  <p class="text-xs text-slate-400 uppercase tracking-wider">Evidence</p>
                  <p class="text-lg font-bold text-cyan-400">PDF + CSV</p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- ========== WHAT'S INCLUDED ========== -->
  <section id="whats-included" class="border-b border-slate-800">
    <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 py-20 lg:py-24">
      <div class="text-center mb-14">
        <span class="inline-block text-sm font-semibold text-cyan-400 uppercase tracking-wider mb-3">Everything you need</span>
        <h2 class="text-3xl sm:text-4xl font-extrabold tracking-tight">What's included</h2>
        <p class="mt-4 text-slate-400 max-w-2xl mx-auto">Four components that work together to train your team and prove it to your insurer.</p>
      </div>

      <div class="grid sm:grid-cols-2 gap-6">
        <!-- Card 1: Module -->
        <div class="rounded-2xl border border-slate-800 bg-slate-900/60 p-6">
          <div class="flex items-center gap-3 mb-3">
            <span class="flex h-10 w-10 items-center justify-center rounded-xl bg-cyan-500/10 text-cyan-400">
              <svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253"/></svg>
            </span>
            <h3 class="text-white font-semibold text-lg">Short cyber awareness module</h3>
          </div>
          <div class="pl-[3.25rem] text-slate-400 space-y-2">
            <p>A focused 10&ndash;15 minute online module covering the essentials every employee needs to know: phishing red flags, password hygiene, social engineering, safe browsing, and incident reporting.</p>
            <p>No jargon, no filler&mdash;just the core topics insurers expect to see covered in a security awareness program.</p>
          </div>
        </div>

        <!-- Card 2: Knowledge check -->
        <div class="rounded-2xl border border-slate-800 bg-slate-900/60 p-6">
          <div class="flex items-center gap-3 mb-3">
            <span class="flex h-10 w-10 items-center justify-center rounded-xl bg-cyan-500/10 text-cyan-400">
              <svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4"/></svg>
            </span>
            <h3 class="text-white font-semibold text-lg">Scored knowledge check</h3>
          </div>
          <div class="pl-[3.25rem] text-slate-400 space-y-2">
            <p>Each employee completes a scored quiz after the training module. Individual scores and pass/fail statuses are captured automatically and logged in your training register.</p>
            <p>This gives you concrete proof that staff understood the material&mdash;not just that they clicked through it.</p>
          </div>
        </div>

        <!-- Card 3: Phishing assessment -->
        <div class="rounded-2xl border border-slate-800 bg-slate-900/60 p-6">
          <div class="flex items-center gap-3 mb-3">
            <span class="flex h-10 w-10 items-center justify-center rounded-xl bg-cyan-500/10 text-cyan-400">
              <svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/></svg>
            </span>
            <h3 class="text-white font-semibold text-lg">Phishing awareness baseline</h3>
          </div>
          <div class="pl-[3.25rem] text-slate-400 space-y-2">
            <p>A simulated phishing test sent to your team to measure real-world awareness. You get a baseline score showing what percentage of staff identified the simulated phish correctly.</p>
            <p>Insurers increasingly want to see phishing simulation results. This gives you a clean, defensible number to report.</p>
          </div>
        </div>

        <!-- Card 4: Evidence pack -->
        <div class="rounded-2xl border border-slate-800 bg-slate-900/60 p-6">
          <div class="flex items-center gap-3 mb-3">
            <span class="flex h-10 w-10 items-center justify-center rounded-xl bg-cyan-500/10 text-cyan-400">
              <svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 21h10a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v14a2 2 0 002 2z"/></svg>
            </span>
            <h3 class="text-white font-semibold text-lg">Insurer-ready evidence pack</h3>
          </div>
          <div class="pl-[3.25rem] text-slate-400 space-y-2">
            <p>A downloadable PDF summary and CSV training register that you can attach directly to insurance applications, renewals, or broker requests.</p>
            <p>Includes completion rates, quiz scores, phishing baseline results, and a date-stamped summary&mdash;exactly what underwriters look for.</p>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- ========== PREVIEW THE OUTPUTS ========== -->
  <section id="outputs" class="border-b border-slate-800">
    <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 py-20 lg:py-24">
      <div class="text-center mb-14">
        <span class="inline-block text-sm font-semibold text-cyan-400 uppercase tracking-wider mb-3">See what you get</span>
        <h2 class="text-3xl sm:text-4xl font-extrabold tracking-tight">Preview the outputs</h2>
        <p class="mt-4 text-slate-400 max-w-2xl mx-auto">Three deliverables you can hand directly to your insurer, broker, or compliance team.</p>
      </div>

      <div class="grid md:grid-cols-3 gap-6">
        <!-- Output 1: Training register -->
        <div class="rounded-2xl border border-slate-800 bg-slate-900/60 p-6 flex flex-col">
          <div class="flex items-center gap-3 mb-4">
            <span class="flex h-10 w-10 items-center justify-center rounded-xl bg-cyan-500/10 text-cyan-400">
              <svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 10h18M3 14h18m-9-4v8m-7 0h14a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v8a2 2 0 002 2z"/></svg>
            </span>
            <h3 class="text-lg font-semibold text-white">Training register</h3>
          </div>
          <p class="text-slate-400 text-sm mb-4 flex-1">CSV export with employee name, completion date, quiz score, and pass/fail status for every team member.</p>
          <div class="rounded-xl bg-slate-950/80 border border-slate-800 p-4 text-xs font-mono text-slate-400 overflow-x-auto">
            <div class="text-cyan-500 mb-1">training_register.csv</div>
            Name, Date, Score, Status<br/>
            J. Smith, 2024-11-12, 90%, Pass<br/>
            A. Lee, 2024-11-13, 85%, Pass<br/>
            M. Jones, 2024-11-13, 70%, Pass
          </div>
        </div>

        <!-- Output 2: Phishing baseline -->
        <div class="rounded-2xl border border-slate-800 bg-slate-900/60 p-6 flex flex-col">
          <div class="flex items-center gap-3 mb-4">
            <span class="flex h-10 w-10 items-center justify-center rounded-xl bg-cyan-500/10 text-cyan-400">
              <svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/></svg>
            </span>
            <h3 class="text-lg font-semibold text-white">Phishing baseline summary</h3>
          </div>
          <p class="text-slate-400 text-sm mb-4 flex-1">Aggregate results from your team's simulated phishing test: who reported, who clicked, and your overall baseline score.</p>
          <div class="rounded-xl bg-slate-950/80 border border-slate-800 p-4 space-y-3">
            <div class="flex justify-between text-sm">
              <span class="text-slate-400">Emails sent</span>
              <span class="text-white font-semibold">50</span>
            </div>
            <div class="flex justify-between text-sm">
              <span class="text-slate-400">Reported correctly</span>
              <span class="text-cyan-400 font-semibold">41 (82%)</span>
            </div>
            <div class="flex justify-between text-sm">
              <span class="text-slate-400">Clicked link</span>
              <span class="text-amber-400 font-semibold">7 (14%)</span>
            </div>
            <div class="flex justify-between text-sm">
              <span class="text-slate-400">No action</span>
              <span class="text-slate-400 font-semibold">2 (4%)</span>
            </div>
          </div>
        </div>

        <!-- Output 3: Insurer snapshot -->
        <div class="rounded-2xl border border-slate-800 bg-slate-900/60 p-6 flex flex-col">
          <div class="flex items-center gap-3 mb-4">
            <span class="flex h-10 w-10 items-center justify-center rounded-xl bg-cyan-500/10 text-cyan-400">
              <svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 21h10a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v14a2 2 0 002 2z"/></svg>
            </span>
            <h3 class="text-lg font-semibold text-white">Insurer snapshot (PDF)</h3>
          </div>
          <p class="text-slate-400 text-sm mb-4 flex-1">A branded, date-stamped PDF summary designed to attach directly to your cyber insurance application or renewal.</p>
          <div class="rounded-xl bg-slate-950/80 border border-slate-800 p-4 space-y-3">
            <div class="text-cyan-500 text-xs font-mono mb-2">evidence_pack_2024.pdf</div>
            <div class="flex justify-between text-sm">
              <span class="text-slate-400">Training completion</span>
              <span class="text-white font-semibold">94%</span>
            </div>
            <div class="flex justify-between text-sm">
              <span class="text-slate-400">Avg. quiz score</span>
              <span class="text-white font-semibold">87%</span>
            </div>
            <div class="flex justify-between text-sm">
              <span class="text-slate-400">Phishing baseline</span>
              <span class="text-white font-semibold">82%</span>
            </div>
            <div class="flex justify-between text-sm">
              <span class="text-slate-400">Coverage period</span>
              <span class="text-white font-semibold">2024&ndash;25</span>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- ========== HOW IT WORKS ========== -->
  <section id="how-it-works" class="border-b border-slate-800">
    <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 py-20 lg:py-24">
      <div class="text-center mb-14">
        <span class="inline-block text-sm font-semibold text-cyan-400 uppercase tracking-wider mb-3">Simple process</span>
        <h2 class="text-3xl sm:text-4xl font-extrabold tracking-tight">How it works</h2>
        <p class="mt-4 text-slate-400 max-w-2xl mx-auto">Three steps. No IT overhead. Evidence ready in days, not months.</p>
      </div>

      <div class="grid md:grid-cols-3 gap-8">
        <!-- Step 1 -->
        <div class="text-center">
          <div class="mx-auto mb-6 flex h-16 w-16 items-center justify-center rounded-2xl bg-cyan-500/10 border border-cyan-500/20">
            <span class="text-2xl font-extrabold text-cyan-400">1</span>
          </div>
          <h3 class="text-xl font-semibold text-white mb-3">Staff complete the module</h3>
          <p class="text-slate-400">Invite your team via email. They complete the short cyber awareness module and scored knowledge check at their own pace. Takes 10&ndash;15 minutes.</p>
        </div>

        <!-- Step 2 -->
        <div class="text-center">
          <div class="mx-auto mb-6 flex h-16 w-16 items-center justify-center rounded-2xl bg-cyan-500/10 border border-cyan-500/20">
            <span class="text-2xl font-extrabold text-cyan-400">2</span>
          </div>
          <h3 class="text-xl font-semibold text-white mb-3">Run the phishing baseline</h3>
          <p class="text-slate-400">We send a simulated phishing email to your team. Results are collected automatically so you know where your team stands.</p>
        </div>

        <!-- Step 3 -->
        <div class="text-center">
          <div class="mx-auto mb-6 flex h-16 w-16 items-center justify-center rounded-2xl bg-cyan-500/10 border border-cyan-500/20">
            <span class="text-2xl font-extrabold text-cyan-400">3</span>
          </div>
          <h3 class="text-xl font-semibold text-white mb-3">Export your evidence</h3>
          <p class="text-slate-400">Download your insurer-ready evidence pack: PDF summary and CSV training register. Attach it to your application, renewal, or send it to your broker.</p>
        </div>
      </div>
    </div>
  </section>

  <!-- ========== INSURANCE ALIGNMENT ========== -->
  <section id="insurance" class="border-b border-slate-800">
    <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 py-20 lg:py-24">
      <div class="text-center mb-14">
        <span class="inline-block text-sm font-semibold text-cyan-400 uppercase tracking-wider mb-3">Insurance alignment</span>
        <h2 class="text-3xl sm:text-4xl font-extrabold tracking-tight">Built for insurance readiness</h2>
        <p class="mt-4 text-slate-400 max-w-2xl mx-auto">Cyber insurers ask about training. We help you answer with confidence.</p>
      </div>

      <div class="grid lg:grid-cols-3 gap-8">
        <!-- Left: 2x2 grid -->
        <div class="lg:col-span-2 grid sm:grid-cols-2 gap-6">
          <!-- Sub-card 1 -->
          <div class="rounded-2xl border border-slate-800 bg-slate-900/60 p-6">
            <div class="flex h-10 w-10 items-center justify-center rounded-xl bg-cyan-500/10 text-cyan-400 mb-4">
              <svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"/></svg>
            </div>
            <h3 class="text-lg font-semibold text-white mb-2">Answer training questions fast</h3>
            <p class="text-slate-400 text-sm">When your application asks "Do employees receive regular security awareness training?"&mdash;you can say yes and prove it.</p>
          </div>

          <!-- Sub-card 2 -->
          <div class="rounded-2xl border border-slate-800 bg-slate-900/60 p-6">
            <div class="flex h-10 w-10 items-center justify-center rounded-xl bg-cyan-500/10 text-cyan-400 mb-4">
              <svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"/></svg>
            </div>
            <h3 class="text-lg font-semibold text-white mb-2">Show reasonable care</h3>
            <p class="text-slate-400 text-sm">Documented training and phishing testing demonstrates due diligence. This can support better coverage terms and smoother claims.</p>
          </div>

          <!-- Sub-card 3 -->
          <div class="rounded-2xl border border-slate-800 bg-slate-900/60 p-6">
            <div class="flex h-10 w-10 items-center justify-center rounded-xl bg-cyan-500/10 text-cyan-400 mb-4">
              <svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"/></svg>
            </div>
            <h3 class="text-lg font-semibold text-white mb-2">Broker-friendly documentation</h3>
            <p class="text-slate-400 text-sm">Your evidence pack is formatted so brokers and underwriters can review it quickly. No screenshots, no ad-hoc emails&mdash;just clean, professional documentation.</p>
          </div>

          <!-- Sub-card 4 -->
          <div class="rounded-2xl border border-slate-800 bg-slate-900/60 p-6">
            <div class="flex h-10 w-10 items-center justify-center rounded-xl bg-cyan-500/10 text-cyan-400 mb-4">
              <svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"/></svg>
            </div>
            <h3 class="text-lg font-semibold text-white mb-2">Annual refresh made easy</h3>
            <p class="text-slate-400 text-sm">Renew each year to keep your training current and your evidence fresh. No contracts&mdash;just a simple annual subscription.</p>
          </div>
        </div>

        <!-- Right: Sidebar -->
        <div class="rounded-2xl border border-slate-800 bg-slate-900/60 p-6 lg:p-8">
          <h3 class="text-lg font-semibold text-white mb-6">What your evidence pack includes</h3>
          <ul class="space-y-4">
            <li class="flex items-start gap-3">
              <svg class="h-5 w-5 mt-0.5 text-cyan-400 shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg>
              <div>
                <p class="text-white font-medium">PDF summary report</p>
                <p class="text-slate-400 text-sm">Date-stamped, branded overview with all key metrics.</p>
              </div>
            </li>
            <li class="flex items-start gap-3">
              <svg class="h-5 w-5 mt-0.5 text-cyan-400 shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg>
              <div>
                <p class="text-white font-medium">CSV training register</p>
                <p class="text-slate-400 text-sm">Per-employee completion dates, scores, and status.</p>
              </div>
            </li>
            <li class="flex items-start gap-3">
              <svg class="h-5 w-5 mt-0.5 text-cyan-400 shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg>
              <div>
                <p class="text-white font-medium">Phishing baseline results</p>
                <p class="text-slate-400 text-sm">Aggregate phishing simulation scores for your team.</p>
              </div>
            </li>
            <li class="flex items-start gap-3">
              <svg class="h-5 w-5 mt-0.5 text-cyan-400 shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg>
              <div>
                <p class="text-white font-medium">Completion rate metrics</p>
                <p class="text-slate-400 text-sm">Clear percentage-based KPIs insurers expect to see.</p>
              </div>
            </li>
            <li class="flex items-start gap-3">
              <svg class="h-5 w-5 mt-0.5 text-cyan-400 shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg>
              <div>
                <p class="text-white font-medium">Coverage period timestamp</p>
                <p class="text-slate-400 text-sm">Proof that training is current and within policy period.</p>
              </div>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </section>

  <!-- ========== PRICING ========== -->
  <section id="pricing" class="border-b border-slate-800">
    <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 py-20 lg:py-24">
      <div class="text-center mb-14">
        <span class="inline-block text-sm font-semibold text-cyan-400 uppercase tracking-wider mb-3">Simple pricing</span>
        <h2 class="text-3xl sm:text-4xl font-extrabold tracking-tight">One plan. Everything included.</h2>
        <p class="mt-4 text-slate-400 max-w-2xl mx-auto">No per-user fees, no hidden costs, no long-term contracts.</p>
      </div>

      <div class="mx-auto max-w-lg">
        <div class="rounded-2xl border border-cyan-500/30 bg-slate-900/60 p-8 lg:p-10 glow-border text-center">
          <h3 class="text-lg font-semibold text-cyan-400 mb-2">Annual Access</h3>
          <div class="flex items-baseline justify-center gap-2 mb-2">
            <span class="text-5xl font-extrabold text-white">$999</span>
            <span class="text-slate-400 text-lg">/year</span>
          </div>
          <p class="text-slate-400 text-sm mb-8">For businesses with 5&ndash;250 employees</p>

          <a href="https://buy.stripe.com/7sY9AM3CY7Aq5Bi8Yd5c404"
             target="_blank" rel="noopener"
             class="block w-full rounded-full bg-cyan-500 py-3.5 text-center font-semibold text-slate-950 hover:bg-cyan-400 transition mb-4"
             data-ga-event="cta_click" data-ga-category="conversion" data-ga-label="pricing_purchase">
            Purchase annual access
          </a>
          <a href="https://cal.com/cyberlearninghub/intro-call?overlayCalendar=true"
             target="_blank" rel="noopener"
             class="block w-full rounded-full border border-slate-700 py-3.5 text-center text-slate-300 hover:border-cyan-500 hover:text-cyan-400 transition"
             data-ga-event="cta_click" data-ga-category="conversion" data-ga-label="pricing_book_call">
            Book a 15-min call first
          </a>

          <div class="mt-8 border-t border-slate-800 pt-8">
            <ul class="space-y-3 text-left text-slate-300 text-sm">
              <li class="flex items-start gap-3">
                <svg class="h-5 w-5 mt-0.5 text-cyan-400 shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg>
                Cyber awareness training module
              </li>
              <li class="flex items-start gap-3">
                <svg class="h-5 w-5 mt-0.5 text-cyan-400 shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg>
                Scored knowledge check per employee
              </li>
              <li class="flex items-start gap-3">
                <svg class="h-5 w-5 mt-0.5 text-cyan-400 shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg>
                Simulated phishing baseline test
              </li>
              <li class="flex items-start gap-3">
                <svg class="h-5 w-5 mt-0.5 text-cyan-400 shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg>
                Insurer-ready evidence pack (PDF + CSV)
              </li>
              <li class="flex items-start gap-3">
                <svg class="h-5 w-5 mt-0.5 text-cyan-400 shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg>
                Up to 250 employees included
              </li>
              <li class="flex items-start gap-3">
                <svg class="h-5 w-5 mt-0.5 text-cyan-400 shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg>
                No per-user fees or hidden costs
              </li>
              <li class="flex items-start gap-3">
                <svg class="h-5 w-5 mt-0.5 text-cyan-400 shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg>
                Email support included
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- ========== BROKERS & MSPs ========== -->
  <section id="brokers-msps" class="border-b border-slate-800">
    <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 py-20 lg:py-24">
      <div class="grid lg:grid-cols-2 gap-12 items-center">
        <div>
          <span class="inline-block text-sm font-semibold text-cyan-400 uppercase tracking-wider mb-3">For channel partners</span>
          <h2 class="text-3xl sm:text-4xl font-extrabold tracking-tight mb-6">Brokers &amp; MSPs</h2>
          <p class="text-lg text-slate-400 mb-6">
            If you manage cyber risk for clients, CyberLearningHub gives you a fast, affordable way to get their training evidence in order.
          </p>
          <ul class="space-y-4 mb-8 text-slate-300">
            <li class="flex items-start gap-3">
              <svg class="h-5 w-5 mt-0.5 text-cyan-400 shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg>
              Recommend to clients who need training evidence for renewals
            </li>
            <li class="flex items-start gap-3">
              <svg class="h-5 w-5 mt-0.5 text-cyan-400 shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg>
              White-label evidence packs available for multi-client accounts
            </li>
            <li class="flex items-start gap-3">
              <svg class="h-5 w-5 mt-0.5 text-cyan-400 shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg>
              Volume pricing for 5+ client accounts
            </li>
            <li class="flex items-start gap-3">
              <svg class="h-5 w-5 mt-0.5 text-cyan-400 shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/></svg>
              Dedicated partner support channel
            </li>
          </ul>
          <a href="https://cal.com/cyberlearninghub/intro-call?overlayCalendar=true"
             target="_blank" rel="noopener"
             class="inline-flex items-center rounded-full bg-cyan-500 px-6 py-3 text-sm font-semibold text-slate-950 hover:bg-cyan-400 transition"
             data-ga-event="cta_click" data-ga-category="conversion" data-ga-label="brokers_partner_call">
            Talk to us about partnership
          </a>
        </div>

        <div class="rounded-2xl border border-slate-800 bg-slate-900/60 p-8">
          <h3 class="text-lg font-semibold text-white mb-6">Why partners choose us</h3>
          <div class="space-y-6">
            <div class="flex gap-4">
              <span class="flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-cyan-500/10 text-cyan-400 font-bold">1</span>
              <div>
                <p class="text-white font-medium">Fast client onboarding</p>
                <p class="text-slate-400 text-sm">Clients can be trained and evidence-ready within a week. No complex setup or IT involvement needed.</p>
              </div>
            </div>
            <div class="flex gap-4">
              <span class="flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-cyan-500/10 text-cyan-400 font-bold">2</span>
              <div>
                <p class="text-white font-medium">Professional evidence output</p>
                <p class="text-slate-400 text-sm">PDF and CSV deliverables you can attach directly to applications and renewals on behalf of your clients.</p>
              </div>
            </div>
            <div class="flex gap-4">
              <span class="flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-cyan-500/10 text-cyan-400 font-bold">3</span>
              <div>
                <p class="text-white font-medium">Predictable pricing</p>
                <p class="text-slate-400 text-sm">Flat annual fee per client. No per-user costs that scale unpredictably. Volume discounts available.</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- ========== FAQ ========== -->
  <section id="faq" class="border-b border-slate-800">
    <div class="mx-auto max-w-3xl px-4 sm:px-6 lg:px-8 py-20 lg:py-24">
      <div class="text-center mb-14">
        <span class="inline-block text-sm font-semibold text-cyan-400 uppercase tracking-wider mb-3">Common questions</span>
        <h2 class="text-3xl sm:text-4xl font-extrabold tracking-tight">Frequently asked questions</h2>
      </div>

      <div class="space-y-4">
        <!-- FAQ 1 -->
        <details class="rounded-2xl border border-slate-800 bg-slate-900/60 p-6 group">
          <summary class="text-white font-semibold text-lg">
            How long does it take to get started?
          </summary>
          <p class="mt-4 pl-[1.75rem] text-slate-400">
            Most businesses are up and running the same day. After purchasing, you'll receive onboarding instructions via email. Staff can begin the training module immediately, and the phishing baseline can typically be run within the first week.
          </p>
        </details>

        <!-- FAQ 2 -->
        <details class="rounded-2xl border border-slate-800 bg-slate-900/60 p-6 group">
          <summary class="text-white font-semibold text-lg">
            Do we need any special software or IT setup?
          </summary>
          <p class="mt-4 pl-[1.75rem] text-slate-400">
            No. Everything runs in the browser. Employees receive an email invitation, complete the training and quiz online, and results are tracked automatically. There's nothing to install or configure.
          </p>
        </details>

        <!-- FAQ 3 -->
        <details class="rounded-2xl border border-slate-800 bg-slate-900/60 p-6 group">
          <summary class="text-white font-semibold text-lg">
            Is this accepted by cyber insurers?
          </summary>
          <p class="mt-4 pl-[1.75rem] text-slate-400">
            The evidence pack is designed to answer the most common training-related questions on cyber insurance applications. While every insurer has different requirements, the PDF summary and CSV register provide the documentation most underwriters expect to see: completion rates, quiz scores, phishing test results, and date-stamped proof of training.
          </p>
        </details>

        <!-- FAQ 4 -->
        <details class="rounded-2xl border border-slate-800 bg-slate-900/60 p-6 group">
          <summary class="text-white font-semibold text-lg">
            What happens when our subscription renews?
          </summary>
          <p class="mt-4 pl-[1.75rem] text-slate-400">
            Each annual subscription includes a fresh round of training, a new phishing baseline test, and an updated evidence pack. This keeps your documentation current for each policy period. There are no auto-renewals&mdash;you choose when to renew.
          </p>
        </details>

        <!-- FAQ 5 -->
        <details class="rounded-2xl border border-slate-800 bg-slate-900/60 p-6 group">
          <summary class="text-white font-semibold text-lg">
            Can we use this if we have more than 250 employees?
          </summary>
          <p class="mt-4 pl-[1.75rem] text-slate-400">
            The standard plan covers up to 250 employees. If you have a larger team, get in touch and we'll put together a custom quote. We also offer volume pricing for brokers and MSPs managing multiple client accounts.
          </p>
        </details>
      </div>
    </div>
  </section>

  <!-- ========== BOTTOM CTA ========== -->
  <section class="border-b border-slate-800">
    <div class="mx-auto max-w-4xl px-4 sm:px-6 lg:px-8 py-20 lg:py-24 text-center">
      <h2 class="text-3xl sm:text-4xl font-extrabold tracking-tight mb-6">
        Ready to get your training <span class="text-cyan-400">evidence</span> in order?
      </h2>
      <p class="text-lg text-slate-400 mb-10 max-w-2xl mx-auto">
        Join small businesses across the US who use CyberLearningHub to train their teams and satisfy their insurers.
      </p>
      <div class="flex flex-wrap justify-center gap-4">
        <a href="#pricing"
           class="inline-flex items-center rounded-full bg-cyan-500 px-8 py-3.5 text-sm font-semibold text-slate-950 hover:bg-cyan-400 transition"
             data-ga-event="cta_click" data-ga-category="conversion" data-ga-label="bottom_get_started">
          Get started &mdash; $999/year
        </a>
        <a href="https://cal.com/cyberlearninghub/intro-call?overlayCalendar=true"
           target="_blank" rel="noopener"
           class="inline-flex items-center rounded-full border border-slate-700 px-8 py-3.5 text-sm text-slate-300 hover:border-cyan-500 hover:text-cyan-400 transition"
             data-ga-event="cta_click" data-ga-category="conversion" data-ga-label="bottom_book_call">
          Book a 15-min call
        </a>
        <a href="/cdn-cgi/l/email-protection#6a020f0606052a0913080f18060f0b180403040d021f0844090507" class="inline-flex items-center rounded-full border border-slate-700 px-8 py-3.5 text-sm text-slate-300 hover:border-cyan-500 hover:text-cyan-400 transition" data-ga-event="cta_click" data-ga-category="conversion" data-ga-label="bottom_email">
          Email us
        </a>
      </div>
    </div>
  </section>
  </main>

  <!-- ========== FOOTER ========== -->
  <footer class="border-t border-slate-800">
    <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 py-12">
      <div class="flex flex-col md:flex-row items-center justify-between gap-6">
        <div class="flex items-center gap-2.5">
          <svg class="h-6 w-6 text-cyan-400" data-brand="icon" viewBox="0 0 32 32" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true">
            <circle cx="16" cy="16" r="14"/><circle cx="16" cy="16" r="10"/><circle cx="16" cy="16" r="6"/><circle cx="16" cy="16" r="2" fill="currentColor" stroke="none"/>
          </svg>
          <span class="text-slate-400 text-sm">&copy; <span id="year"></span> <span data-brand="name">CyberLearningHub</span>. All rights reserved.</span>
        </div>
        <div class="flex items-center gap-6 text-sm text-slate-400">
          <a href="/blog/" class="hover:text-cyan-400 transition">Blog</a>
          <a href="/cdn-cgi/l/email-protection#e8808d848487a88b918a8d9a848d899a8681868f809d8ac68b8785" class="hover:text-cyan-400 transition">Contact</a>
          <a href="/terms" class="hover:text-cyan-400 transition">Terms</a>
          <a href="/disclaimer" class="hover:text-cyan-400 transition">Disclaimer</a>
          <a href="/privacy" class="hover:text-cyan-400 transition">Privacy</a>
        </div>
      </div>
    </div>
  </footer>

  <!-- Dynamic year -->
  <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>document.getElementById('year').textContent = new Date().getFullYear();</script>

  <!-- Tally.so embed (backward compatibility) -->
  <script async src="https://tally.so/widgets/embed.js"></script>

<script async src="https://plausible.io/js/pa-QTxOPkVikLT4HN-zZB8_O.js"></script>
<script>window.plausible=window.plausible||function(){(plausible.q=plausible.q||[]).push(arguments)},plausible.init=plausible.init||function(i){plausible.o=i||{}};plausible.init()</script>
<script src="/js/analytics.js" defer></script>
<div data-brand="powered-by" class="text-center py-3 text-xs text-slate-500" style="display:none;">Powered by <a href="https://cyberlearninghub.com" target="_blank" class="text-slate-400 hover:text-white transition">CyberLearningHub</a></div>
<script src="/js/branding.js" defer></script>
<script>
// Close region dropdown when clicking outside
document.addEventListener('click', function(e) {
  var dropdown = document.getElementById('region-dropdown');
  var selector = document.getElementById('region-selector');
  if (dropdown && selector && !selector.contains(e.target)) {
    dropdown.classList.add('hidden');
  }
});
</script>
</body>
</html>
