<!doctype html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="UTF-8" />
    <link
      rel="icon"
      type="image/svg+xml"
      href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='%230E9B6C'/%3E%3C/svg%3E"
    />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>CertFlow Platform</title>
    <script type="module" crossorigin src="/assets/index-B8wtJ0vO.js"></script>
    <link rel="stylesheet" crossorigin href="/assets/index-C6vPfs1B.css">
  </head>
  <body>
    <div id="root"><div class="min-h-screen text-main relative overflow-x-hidden" style="background:var(--surface)"><header class="fixed inset-x-0 top-0 z-40 transition-all duration-200" style="background:transparent;border-bottom:1px solid transparent"><div class="mx-auto flex h-14 max-w-[1400px] items-center justify-between px-5"><a class="flex items-center gap-2" style="color:#fff" href="/"><span class="grid h-8 w-8 place-items-center rounded-lg bg-primary text-white"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield-check"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path><path d="m9 12 2 2 4-4"></path></svg></span><span class="text-[15px] font-bold">Vocout</span></a><nav class="hidden items-center gap-6 text-[13px] font-medium lg:flex" style="color:rgba(255,255,255,0.75)"><div class="relative"><button class="flex items-center gap-1" style="color:var(--primary)"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down"><path d="m6 9 6 6 6-6"></path></svg></button></div><a style="color:inherit" href="/standards">Standards</a><a style="color:inherit" href="/checklists">Checklists</a><a style="color:inherit" href="/workflow">Workflow</a><a style="color:inherit" href="/integrations">Integrations</a><a style="color:inherit" href="/pricing">Pricing</a></nav><div class="flex items-center gap-2"><a class="btn" style="border:1px solid rgba(255,255,255,0.35);color:#fff;background:transparent" href="/login">Sign in</a><a class="btn btn-primary" href="/pricing">Start 14-day trial <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></header><div class="absolute left-0 top-0 bottom-0 w-0.5" style="background:var(--border)"></div><div class="absolute right-0 top-0 bottom-0 w-0.5" style="background:var(--border)"></div><section class="relative overflow-hidden" style="background:#060D1F"><div class="pointer-events-none absolute inset-0"><div class="absolute left-1/2 top-[-160px] h-[480px] w-[720px] -translate-x-1/2 rounded-full opacity-30" style="background:radial-gradient(closest-side, #0FBF80, transparent)"></div><div class="absolute bottom-[-40px] left-1/2 h-[420px] w-[920px] -translate-x-1/2" style="background:radial-gradient(ellipse 60% 75% at 50% 100%, rgba(15,191,128,0.26) 0%, rgba(59,130,246,0.10) 45%, transparent 72%)"></div><div class="absolute bottom-[-260px] left-1/2 h-[420px] w-[860px] -translate-x-1/2 rounded-[100%]" style="background:#0A1428;border:1.5px solid rgba(15,191,128,0.65);box-shadow:0 0 70px rgba(15,191,128,0.30), 0 0 160px rgba(59,130,246,0.15)"></div></div><div class="relative mx-auto flex max-w-3xl flex-col items-center px-5 text-center" style="padding-bottom:446px;padding-top:112px"><h1 class="mt-5 font-semibold leading-[1.08] tracking-[-0.03em]" style="font-size:clamp(40px, 5.5vw, 64px);background:linear-gradient(180deg, #FFFFFF 25%, #AEB8D8 100%);-webkit-background-clip:text;background-clip:text;color:transparent">Issue Certificates 5x Faster &amp; Cut Audit Admin Costs by 70%</h1><p class="mt-4 max-w-xl text-[14px] font-normal leading-relaxed" style="color:#9AA3C0">Sub-headline: The all-in-one OS for Certification Bodies and Accredited Labs. Streamline audits, dispatch lab tests, and automate ISO 17021 compliance in 7 days.</p><div class="mt-7 flex items-center gap-3"><a class="btn" style="background:#fff;color:#000" href="/pricing">Start 14-day trial</a><a class="btn" style="border:1px solid rgba(255,255,255,0.35);color:#fff;background:transparent" href="/workflow">Explore platform</a></div><div class="mt-5 flex items-center gap-1.5 text-[12px] font-semibold text-white/80"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap text-primary"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path></svg> Go live in under 7 days — no IT project</div></div></section><section class="mx-auto max-w-[1400px] px-5 py-4"><div class="grid grid-cols-1 gap-4 sm:grid-cols-3"><div class="card flex items-center gap-4 p-5"><span class="grid h-11 w-11 shrink-0 place-items-center rounded-lg bg-primary-soft text-primary"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar-clock"><path d="M21 7.5V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h3.5"></path><path d="M16 2v4"></path><path d="M8 2v4"></path><path d="M3 10h5"></path><path d="M17.5 17.5 16 16.3V14"></path><circle cx="16" cy="16" r="6"></circle></svg></span><div><div class="text-2xl font-bold text-primary">7 days</div><div class="text-[12px] text-mute">Average go-live</div></div></div><div class="card flex items-center gap-4 p-5"><span class="grid h-11 w-11 shrink-0 place-items-center rounded-lg bg-primary-soft text-primary"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trending-down"><polyline points="22 17 13.5 8.5 8.5 13.5 2 7"></polyline><polyline points="16 17 22 17 22 11"></polyline></svg></span><div><div class="text-2xl font-bold text-primary">70%</div><div class="text-[12px] text-mute">Reduction in audit overhead</div></div></div><div class="card flex items-center gap-4 p-5"><span class="grid h-11 w-11 shrink-0 place-items-center rounded-lg bg-primary-soft text-primary"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"></path><path d="M20 3v4"></path><path d="M22 5h-4"></path><path d="M4 17v2"></path><path d="M5 18H3"></path></svg></span><div><div class="text-2xl font-bold text-primary">100%</div><div class="text-[12px] text-mute">Automation</div></div></div></div></section><section id="solutions" class="mx-auto max-w-[1400px] px-5 py-14"><div class="text-[12px] font-bold uppercase tracking-widest text-primary">Solutions</div><h2 class="mt-2 max-w-xl text-2xl font-extrabold tracking-tight">Find the right solution for your organization</h2><p class="mt-2 max-w-xl text-[13.5px] text-mute">Every organization type has distinct responsibilities. CertFlow is purpose-built for all of them.</p><div class="mt-8 grid gap-4 sm:grid-cols-2 lg:grid-cols-4"><div class="card flex flex-col p-5"><span class="grid h-10 w-10 place-items-center rounded-lg bg-primary-soft text-primary"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-building2"><path d="M6 22V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v18Z"></path><path d="M6 12H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2"></path><path d="M18 9h2a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2"></path><path d="M10 6h4"></path><path d="M10 10h4"></path><path d="M10 14h4"></path><path d="M10 18h4"></path></svg></span><h3 class="mt-3 text-[15px] font-bold">Certification Bodies</h3><p class="mt-1.5 flex-1 text-[13px] leading-relaxed text-mute">Manage audits, certifications, findings, and client relationships at scale, with accreditation-safe processes built in from day one.</p><a class="mt-4 inline-flex items-center gap-1 text-[13px] font-semibold text-primary" href="/workflow">Learn more <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><div class="card flex flex-col p-5"><span class="grid h-10 w-10 place-items-center rounded-lg bg-primary-soft text-primary"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-landmark"><line x1="3" x2="21" y1="22" y2="22"></line><line x1="6" x2="6" y1="18" y2="11"></line><line x1="10" x2="10" y1="18" y2="11"></line><line x1="14" x2="14" y1="18" y2="11"></line><line x1="18" x2="18" y1="18" y2="11"></line><polygon points="12 2 20 7 4 7"></polygon></svg></span><h3 class="mt-3 text-[15px] font-bold">Scheme Owners</h3><p class="mt-1.5 flex-1 text-[13px] leading-relaxed text-mute">Control scheme versions, monitor CB performance, and maintain full ecosystem integrity across every certification body in your network.</p><a class="mt-4 inline-flex items-center gap-1 text-[13px] font-semibold text-primary" href="/standards">Learn more <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><div class="card flex flex-col p-5"><span class="grid h-10 w-10 place-items-center rounded-lg bg-primary-soft text-primary"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield-check"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path><path d="m9 12 2 2 4-4"></path></svg></span><h3 class="mt-3 text-[15px] font-bold">Accreditation Bodies</h3><p class="mt-1.5 flex-1 text-[13px] leading-relaxed text-mute">Standardize assessment workflows, centralize CAB performance data, and maintain consistent oversight across all accreditation activities.</p><a class="mt-4 inline-flex items-center gap-1 text-[13px] font-semibold text-primary" href="/integrations">Learn more <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><div class="card flex flex-col p-5"><span class="grid h-10 w-10 place-items-center rounded-lg bg-primary-soft text-primary"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-factory"><path d="M2 20a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8l-7 5V8l-7 5V4a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2Z"></path><path d="M17 18h1"></path><path d="M12 18h1"></path><path d="M7 18h1"></path></svg></span><h3 class="mt-3 text-[15px] font-bold">Supplier &amp; 2nd Party Audits</h3><p class="mt-1.5 flex-1 text-[13px] leading-relaxed text-mute">Extend quality oversight across the supply chain with collaborative, configurable audit programs designed for any supplier network.</p><a class="mt-4 inline-flex items-center gap-1 text-[13px] font-semibold text-primary" href="/checklists">Learn more <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></section><section id="outcomes" class="mx-auto max-w-[1400px] px-5 py-14"><div class="text-[12px] font-bold uppercase tracking-widest text-primary">Core Outcomes</div><h2 class="mt-2 max-w-xl text-2xl font-extrabold tracking-tight">Operate at Scale, Unlock New Revenue, AI Lead Engine</h2><div class="mt-6 grid gap-4 sm:grid-cols-2 lg:grid-cols-3"><div class="card p-5"><div class="text-[11px] font-semibold text-primary mb-2">Operate at Scale</div><h3 class="mt-2 text-[15px] font-bold">Manage audits &amp; field inspections</h3><p class="mt-2 text-[13px] text-mute">End-to-end oversight of certification programs across multiple sites and tenants.</p></div><div class="card p-5"><div class="text-[11px] font-semibold text-primary mb-2">Unlock New Revenue</div><h3 class="mt-2 text-[15px] font-bold">Auto-invoice &amp; sample fees</h3><p class="mt-2 text-[13px] text-mute">Automated billing for contracts, invoices, and sample dispatching.</p></div><div class="card p-5"><div class="text-[11px] font-semibold text-primary mb-2">AI Lead Engine</div><h3 class="mt-2 text-[15px] font-bold">Discover &amp; target prospects</h3><p class="mt-2 text-[13px] text-mute">Smart targeting and outreach for new certification opportunities.</p></div></div></section><section id="checklist" class="mx-auto max-w-[1400px] px-5 py-14"><div class="text-[12px] font-bold uppercase tracking-widest text-primary">5-Minute Checklist</div><h2 class="mt-2 max-w-xl text-2xl font-extrabold tracking-tight">Build your first checklist in 5 minutes</h2><p class="mt-2 max-w-xl text-[13.5px] text-mute">Sample checklist items with scoring weights — built live in the platform.</p><div class="mt-6 grid gap-4 sm:grid-cols-2 lg:grid-cols-3"><div class="card p-5"><div class="flex items-center justify-between"><div class="text-[11px] font-semibold text-primary">Critical</div><div class="text-[12px] text-mute">Weight: 10</div></div><h3 class="mt-2 text-[15px] font-bold">HACCP Plan Validation</h3><p class="mt-1 text-[13px] text-mute">Verify critical control points, monitoring records, and corrective actions.</p><div class="mt-3 flex items-center gap-2 text-[12px] text-mute"><span class="rounded bg-primary-soft px-2 py-0.5 text-primary">Auto-scored</span><span>5 questions</span></div></div><div class="card p-5"><div class="flex items-center justify-between"><div class="text-[11px] font-semibold text-primary">Major</div><div class="text-[12px] text-mute">Weight: 5</div></div><h3 class="mt-2 text-[15px] font-bold">Supplier Audit</h3><p class="mt-1 text-[13px] text-mute">Assess supplier HACCP, traceability, and documentation compliance.</p><div class="mt-3 flex items-center gap-2 text-[12px] text-mute"><span class="rounded bg-primary-soft px-2 py-0.5 text-primary">Auto-scored</span><span>8 questions</span></div></div><div class="card p-5"><div class="flex items-center justify-between"><div class="text-[11px] font-semibold text-primary">Minor</div><div class="text-[12px] text-mute">Weight: 2</div></div><h3 class="mt-2 text-[15px] font-bold">Facility Cleanliness</h3><p class="mt-1 text-[13px] text-mute">Sanitation, pest control, and waste management inspection.</p><div class="mt-3 flex items-center gap-2 text-[12px] text-mute"><span class="rounded bg-primary-soft px-2 py-0.5 text-primary">Auto-scored</span><span>6 questions</span></div></div></div></section><section id="workflow" class="mx-auto max-w-[1400px] px-5 py-14"><div class="text-[12px] font-bold uppercase tracking-widest text-primary">Interactive Flow</div><h2 class="mt-2 max-w-xl text-2xl font-extrabold tracking-tight">From signup to first certificate in 6 Hours</h2><p class="mt-2 max-w-xl text-[13.5px] text-mute">Pick a step on the left to see details. Each stage is integrated data flows automatically from application to renewal.</p><div class="mt-8 grid grid-cols-1 gap-6 lg:grid-cols-[300px_1fr]"><div class="relative flex flex-col gap-0"><div class="absolute left-[19px] top-[22px] bottom-[22px] w-px" style="background:var(--border)"></div><button class="relative flex items-start gap-4 py-3 text-left transition-colors hover:bg-[var(--hover)]"><span class="relative z-10 grid h-10 w-10 shrink-0 place-items-center rounded-lg" style="background:var(--primary-soft);color:var(--primary);border:1px solid var(--primary)"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-text"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path><path d="M10 9H8"></path><path d="M16 13H8"></path><path d="M16 17H8"></path></svg></span><div><div class="text-[11px] font-extrabold tracking-widest text-primary">STEP 1</div><h3 class="mt-1 text-[14px] font-bold">Application</h3><p class="mt-0.5 text-[12.5px] text-mute">Submit client application and scope details.</p></div></button><button class="relative flex items-start gap-4 py-3 text-left transition-colors hover:bg-[var(--hover)]"><span class="relative z-10 grid h-10 w-10 shrink-0 place-items-center rounded-lg" style="background:var(--surface);color:var(--text-secondary);border:1px solid var(--border)"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-receipt"><path d="M4 2v20l2-1 2 1 2-1 2 1 2-1 2 1 2-1 2 1V2l-2 1-2-1-2 1-2-1-2 1-2-1-2 1Z"></path><path d="M16 8h-6a2 2 0 1 0 0 4h4a2 2 0 1 1 0 4H8"></path><path d="M12 17.5v-11"></path></svg></span><div><div class="text-[11px] font-extrabold tracking-widest text-primary">STEP 2</div><h3 class="mt-1 text-[14px] font-bold">Contracts &amp; Invoicing</h3><p class="mt-0.5 text-[12.5px] text-mute">Generate contracts and invoices.</p></div></button><button class="relative flex items-start gap-4 py-3 text-left transition-colors hover:bg-[var(--hover)]"><span class="relative z-10 grid h-10 w-10 shrink-0 place-items-center rounded-lg" style="background:var(--surface);color:var(--text-secondary);border:1px solid var(--border)"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clipboard-check"><rect width="8" height="4" x="8" y="2" rx="1" ry="1"></rect><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"></path><path d="m9 14 2 2 4-4"></path></svg></span><div><div class="text-[11px] font-extrabold tracking-widest text-primary">STEP 3</div><h3 class="mt-1 text-[14px] font-bold">Document Review</h3><p class="mt-0.5 text-[12.5px] text-mute">Review office documentation and records.</p></div></button><button class="relative flex items-start gap-4 py-3 text-left transition-colors hover:bg-[var(--hover)]"><span class="relative z-10 grid h-10 w-10 shrink-0 place-items-center rounded-lg" style="background:var(--surface);color:var(--text-secondary);border:1px solid var(--border)"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-text"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path><path d="M10 9H8"></path><path d="M16 13H8"></path><path d="M16 17H8"></path></svg></span><div><div class="text-[11px] font-extrabold tracking-widest text-primary">STEP 4</div><h3 class="mt-1 text-[14px] font-bold">Audit Report</h3><p class="mt-0.5 text-[12.5px] text-mute">Generate the audit report.</p></div></button><button class="relative flex items-start gap-4 py-3 text-left transition-colors hover:bg-[var(--hover)]"><span class="relative z-10 grid h-10 w-10 shrink-0 place-items-center rounded-lg" style="background:var(--surface);color:var(--text-secondary);border:1px solid var(--border)"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-triangle-alert"><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"></path><path d="M12 9v4"></path><path d="M12 17h.01"></path></svg></span><div><div class="text-[11px] font-extrabold tracking-widest text-primary">STEP 5</div><h3 class="mt-1 text-[14px] font-bold">NCs &amp; CAPA</h3><p class="mt-0.5 text-[12.5px] text-mute">Non-conformities and corrective actions.</p></div></button><button class="relative flex items-start gap-4 py-3 text-left transition-colors hover:bg-[var(--hover)]"><span class="relative z-10 grid h-10 w-10 shrink-0 place-items-center rounded-lg" style="background:var(--surface);color:var(--text-secondary);border:1px solid var(--border)"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar-clock"><path d="M21 7.5V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h3.5"></path><path d="M16 2v4"></path><path d="M8 2v4"></path><path d="M3 10h5"></path><path d="M17.5 17.5 16 16.3V14"></path><circle cx="16" cy="16" r="6"></circle></svg></span><div><div class="text-[11px] font-extrabold tracking-widest text-primary">STEP 6</div><h3 class="mt-1 text-[14px] font-bold">Onsite Audit Program</h3><p class="mt-0.5 text-[12.5px] text-mute">Schedule and run the onsite audit program.</p></div></button><button class="relative flex items-start gap-4 py-3 text-left transition-colors hover:bg-[var(--hover)]"><span class="relative z-10 grid h-10 w-10 shrink-0 place-items-center rounded-lg" style="background:var(--surface);color:var(--text-secondary);border:1px solid var(--border)"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-camera"><path d="M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z"></path><circle cx="12" cy="13" r="3"></circle></svg></span><div><div class="text-[11px] font-extrabold tracking-widest text-primary">STEP 7</div><h3 class="mt-1 text-[14px] font-bold">Onsite Audit</h3><p class="mt-0.5 text-[12.5px] text-mute">Conduct the on-site audit.</p></div></button><button class="relative flex items-start gap-4 py-3 text-left transition-colors hover:bg-[var(--hover)]"><span class="relative z-10 grid h-10 w-10 shrink-0 place-items-center rounded-lg" style="background:var(--surface);color:var(--text-secondary);border:1px solid var(--border)"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-triangle-alert"><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"></path><path d="M12 9v4"></path><path d="M12 17h.01"></path></svg></span><div><div class="text-[11px] font-extrabold tracking-widest text-primary">STEP 8</div><h3 class="mt-1 text-[14px] font-bold">NCs &amp; CAPA</h3><p class="mt-0.5 text-[12.5px] text-mute">Non-conformities and corrective actions.</p></div></button><button class="relative flex items-start gap-4 py-3 text-left transition-colors hover:bg-[var(--hover)]"><span class="relative z-10 grid h-10 w-10 shrink-0 place-items-center rounded-lg" style="background:var(--surface);color:var(--text-secondary);border:1px solid var(--border)"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-eye"><path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0"></path><circle cx="12" cy="12" r="3"></circle></svg></span><div><div class="text-[11px] font-extrabold tracking-widest text-primary">STEP 9</div><h3 class="mt-1 text-[14px] font-bold">Certificate Decision</h3><p class="mt-0.5 text-[12.5px] text-mute">Decision to grant the certificate.</p></div></button><button class="relative flex items-start gap-4 py-3 text-left transition-colors hover:bg-[var(--hover)]"><span class="relative z-10 grid h-10 w-10 shrink-0 place-items-center rounded-lg" style="background:var(--surface);color:var(--text-secondary);border:1px solid var(--border)"><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-badge-check"><path d="M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"></path><path d="m9 12 2 2 4-4"></path></svg></span><div><div class="text-[11px] font-extrabold tracking-widest text-primary">STEP 10</div><h3 class="mt-1 text-[14px] font-bold">Issue Certificate</h3><p class="mt-0.5 text-[12.5px] text-mute">Issue the certificate with QR verification.</p></div></button></div><div class="card flex min-h-[420px] items-center justify-center p-10"><div class="text-center"><div class="text-[11px] font-extrabold tracking-widest text-primary">LIVE PREVIEW</div><h3 class="mt-2 text-xl font-bold">Step <!-- -->1<!-- --> of 10</h3><p class="mt-2 max-w-sm text-[13px] text-mute">Each stage is integrated — data flows automatically from application to renewal.</p></div></div></div></section><section class="mx-auto max-w-[1400px] px-5 py-14"><div class="card p-10 text-center" style="background:var(--bg)"><h2 class="text-2xl font-extrabold tracking-tight">Ready to go live this week?</h2><p class="mx-auto mt-2 max-w-md text-[13.5px] text-mute">Tell us your standards. We provision your tenant, you invite your team — first audit in days.</p><div class="mt-6 flex items-center justify-center gap-3"><a class="btn btn-ghost" href="/login">Sign in</a><a class="btn btn-primary" href="/pricing">Start 14-day trial <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></section><footer class="relative overflow-hidden text-white" style="background:#060D1F"><div class="pointer-events-none absolute inset-0"><div class="absolute left-1/2 top-[-180px] h-[360px] w-[640px] -translate-x-1/2 rounded-full opacity-25" style="background:radial-gradient(closest-side, #0FBF80, transparent)"></div></div><div class="relative mx-auto grid max-w-[1400px] gap-8 px-5 py-12 md:grid-cols-[1.4fr_1fr_1fr_1fr]"><div><div class="flex items-center gap-2"><span class="grid h-8 w-8 place-items-center rounded-lg bg-primary text-white"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield-check"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path><path d="m9 12 2 2 4-4"></path></svg></span><span class="text-[15px] font-bold">Vocout</span></div><p class="mt-3 max-w-sm text-[13px] leading-relaxed text-white/65">Plug-and-play certification management — Standards → Audit → NC/CAPA → Lab → Certificate → Renewal. Go live in under 7 days.</p></div><div><div class="text-[12px] font-bold uppercase tracking-widest text-white/50">Platform</div><div class="mt-3 space-y-2"><a class="block text-[13px] text-white/75 hover:text-white" href="/standards">Standards</a><a class="block text-[13px] text-white/75 hover:text-white" href="/checklists">Checklists</a><a class="block text-[13px] text-white/75 hover:text-white" href="/workflow">Workflow</a><a class="block text-[13px] text-white/75 hover:text-white" href="/integrations">Integrations</a></div></div><div><div class="text-[12px] font-bold uppercase tracking-widest text-white/50">Company</div><div class="mt-3 space-y-2"><a class="block text-[13px] text-white/75 hover:text-white" href="/">Home</a><a class="block text-[13px] text-white/75 hover:text-white" href="/pricing">Pricing</a><a class="block text-[13px] text-white/75 hover:text-white" href="/login">Sign in</a></div></div><div><div class="text-[12px] font-bold uppercase tracking-widest text-white/50">Trust</div><div class="mt-3 space-y-2"><a class="block text-[13px] text-white/75 hover:text-white" href="/validation/DEMO">Verify certificate</a><a class="block text-[13px] text-white/75 hover:text-white" href="/pricing">Start 14-day trial</a></div></div></div><div class="relative border-t border-white/10"><div class="mx-auto flex max-w-[1400px] flex-col items-center justify-between gap-2 px-5 py-4 text-[12px] text-white/50 md:flex-row"><span>© 2026 Vocout</span><span>Standards → Audit → Certificate → Renewal</span></div></div></footer></div></div>
  </body>
</html>