<!DOCTYPE html><html lang="en" class="dark"><head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
    
    <!-- Primary Meta Tags -->
    <title>CyberGrape | SMB1001 Certification, GRC Platform &amp; Managed Security</title>
    <meta name="description" content="CyberGrape combines SMB1001 certification, a purpose-built GRC platform and expert-led services to prove and improve your security posture: for SMBs across Australia, New Zealand and beyond.">
    <meta name="keywords" content="GRC platform, governance risk compliance, cybersecurity compliance, ISO 27001, SMB1001, risk assessment, vendor risk management, third-party risk, TPRM, security awareness training, policy management, compliance automation, multi-tenant SaaS, enterprise security, CISO tools, risk register, compliance dashboard, audit management, control mapping, Black Kite integration, CrowdStrike Falcon, Microsoft Entra ID, Azure AD, Cisco Meraki, uSecure, KeepIt backup, PowerDMARC, CheckRed CSPM, SAML SSO, MFA authentication, cyber risk platform, MSP security, MSSP platform">
    <meta name="author" content="CyberGrape">
    <meta name="robots" content="index, follow">
    <meta name="language" content="English">
    <meta name="revisit-after" content="7 days">
    <meta name="category" content="Cybersecurity Software">
    
    <!-- Favicon - Multiple formats for cross-browser compatibility -->
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon.png">
    <link rel="shortcut icon" href="/favicon.png">
    <link rel="apple-touch-icon" sizes="180x180" href="/favicon.png">
    
    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://cybergrape.io/">
    <meta property="og:title" content="CyberGrape | SMB1001 Certification, GRC Platform &amp; Managed Security">
    <meta property="og:description" content="CyberGrape combines SMB1001 certification, a purpose-built GRC platform and expert-led services to prove and improve your security posture: for SMBs across Australia, New Zealand and beyond.">
    <meta property="og:image" content="https://cybergrape.io/og-image.png">
    <meta property="og:site_name" content="CyberGrape GRC">
    <meta property="og:locale" content="en_US">
    
    <!-- Twitter -->
    <meta property="twitter:card" content="summary_large_image">
    <meta property="twitter:url" content="https://app.cybergrape.io/">
    <meta property="twitter:title" content="CyberGrape GRC - Enterprise Governance, Risk &amp; Compliance Platform">
    <meta property="twitter:description" content="Unified multi-tenant GRC platform for cybersecurity compliance. ISO 27001, SMB1001:2026 frameworks, vendor risk monitoring, AI-powered risk assessment, and policy management.">
    <meta property="twitter:image" content="https://cybergrape.io/og-image.png">
    <meta property="og:image:width" content="1200">
    <meta property="og:image:height" content="630">
    <meta property="og:image:type" content="image/png">
    
    <!-- Additional SEO -->
    <meta name="theme-color" content="#7c3aed">
    <meta name="msapplication-TileColor" content="#7c3aed">
    <link rel="canonical" href="https://cybergrape.io/">
    
    <!-- Structured Data -->
    <script data-cfasync="false" type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "SoftwareApplication",
      "name": "CyberGrape GRC",
      "applicationCategory": "BusinessApplication",
      "operatingSystem": "Web Browser",
      "description": "Enterprise governance, risk and compliance management platform with multi-tenant architecture, ISO 27001 and SMB1001:2026 compliance frameworks, vendor risk monitoring, and AI-powered risk assessment.",
      "offers": {
        "@type": "Offer",
        "price": "0",
        "priceCurrency": "USD",
        "description": "Free trial available"
      },
      "aggregateRating": {
        "@type": "AggregateRating",
        "ratingValue": "4.8",
        "ratingCount": "150"
      },
      "featureList": [
        "ISO 27001:2022 Compliance",
        "SMB1001:2026 Framework",
        "Vendor Risk Management",
        "AI-Powered Risk Assessment",
        "Policy Management",
        "Security Awareness Training",
        "Multi-Tenant Architecture",
        "SAML SSO & MFA",
        "Real-Time Dashboards",
        "Audit Trail & Evidence Collection"
      ]
    }
    </script>
    
    <!-- Preload self-hosted Sora woff2 files so the browser fetches them before parsing CSS -->
    <link rel="preload" as="font" type="font/woff2" href="/fonts/sora/sora-latin.woff2" crossorigin="">
    <link rel="preload" as="font" type="font/woff2" href="/fonts/sora/sora-latin-ext.woff2" crossorigin="">

    <!-- Fonts: Sora is self-hosted (see /fonts/sora/ + @font-face in index.css) -->
    <!-- Policy font-picker fonts — remote, lazy, not render-blocking via font-display:swap -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
    <link href="https://fonts.googleapis.com/css2?family=Architects+Daughter&amp;family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&amp;family=Fira+Code:wght@300..700&amp;family=Geist+Mono:wght@100..900&amp;family=Geist:wght@100..900&amp;family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&amp;family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&amp;family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&amp;family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&amp;family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&amp;family=Lora:ital,wght@0,400..700;1,400..700&amp;family=Merriweather:ital,opsz,wght@0,18..144,300..900;1,18..144,300..900&amp;family=Montserrat:ital,wght@0,100..900;1,100..900&amp;family=Open+Sans:ital,wght@0,300..800;1,300..800&amp;family=Outfit:wght@100..900&amp;family=Oxanium:wght@200..800&amp;family=Playfair+Display:ital,wght@0,400..900;1,400..900&amp;family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&amp;family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&amp;family=Roboto+Mono:ital,wght@0,100..700;1,100..700&amp;family=Roboto:ital,wght@0,100..900;1,100..900&amp;family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&amp;family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&amp;family=Space+Grotesk:wght@300..700&amp;family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&amp;display=swap" rel="stylesheet">
    <script data-cfasync="false" type="module" crossorigin="" src="/assets/index-D2u5oc40.js"></script>
    <link rel="stylesheet" crossorigin="" href="/assets/index-CpnYjiTx.css">
  <link rel="modulepreload" as="script" crossorigin="" href="/assets/HomePage-C0rnb_6H.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/MarketingLayout-ajrc_ARB.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/use-seo-CsHkl1m4.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/cybergrape-logo-light-BIva1yNt.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/dialog-CAUnBalI.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/index-CH8a0W68.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/button-KXBWQ9_-.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/animations-Dl8QcCe0.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/input-C1Sq04c4.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/label-Y_wKkbJc.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/startAuthentication-DUAEdA0o.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/arrow-left-nCgzI2et.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/shield-Big8baTk.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/building-2-C62FAAiu.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/key-round-D9nk5lhh.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/schema-CApFuue0.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/index-CZ4JS7ck.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/form-Qu8tEKaJ.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/smartphone-CWoEENu1.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/tenant-signup-form-hBs8NaDl.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/select-rwAscAu1.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/index-BdQq_4o_.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/index-ZQlVM3lT.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/chevron-down-C4XYKAdF.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/check-BBO6d_MI.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/chevron-up-C_A3DyE4.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/phone-input-B4ccNglh.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/search-Bhckn9Sk.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/popover-CtsUo48Q.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/chevrons-up-down-CJsGPpV4.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/badge-B77UFRWN.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/mail-DlSnnJGC.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/circle-check-aZzD17of.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/circle-alert-C63mgvmC.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/arrow-right-L4h8GRD7.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/plus-CX4EhF4e.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/Shield-White_1765512618012-CbooRl-I.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/diamond-icon-BPzaEVoa.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/layout-dashboard-Bej4bZI7.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/shield-check-BBx63WGm.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/chart-column-DLUtZTuz.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/file-check-4P6lpqUi.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/settings-DtCyrOta.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/network-CLzFlsQT.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/bot-CJLoQlLR.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/users-Dnqyz7TG.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/globe-DaEGf20C.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/monitor-CUuHAe0Y.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/gauge-BbPmmraR.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/contact-dialog-DV3-qQTI.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/textarea-C6rzJpNG.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/circle-check-big-CSkQRs2S.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/message-square-B-jPqGGT.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/sun-0DCa4J8n.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/file-text-BgFEmNnI.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/triangle-alert-BOxo897Y.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/activity-u--4VbxF.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/PieChart-8RsbHUAo.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/generateCategoricalChart-CYTskK3u.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/index-C7yKKq-w.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/BarChart-DYclPTYj.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/chevron-right-DacovAo8.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/star-B5d9u5W1.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/award-Lm67hnLe.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/lock-AxxpSE-f.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/clipboard-list-D1BDhvNw.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/link-2-COX3JSF-.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/briefcase-CdoANnow.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/eye-BqQpjcgx.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/graduation-cap-D-ejmUZG.js"><script type="application/ld+json" data-jsonld="seo-/">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://cybergrape.io/"}]}</script><script type="application/ld+json" data-jsonld="seo-/">{"@context":"https://schema.org","@type":"Organization","name":"CyberGrape","url":"https://cybergrape.io/","description":"CyberGrape delivers SMB1001 certification, GRC platform, managed security, and CSO-as-a-Service to SMBs across Australia and New Zealand.","areaServed":["Australia","New Zealand"]}</script></head>
  <body>
    <div id="root"><div role="region" aria-label="Notifications (F8)" tabindex="-1" style="pointer-events: none;"><ol tabindex="-1" class="fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]"></ol></div><div class="dark min-h-screen bg-background text-foreground overflow-x-hidden"><header class="fixed top-0 left-0 right-0 z-50 transition-all duration-300 bg-transparent"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="flex justify-between items-center py-4"><a href="/"><picture><source srcset="/assets/cybergrape-logo-dark-BolVhBXC.webp" type="image/webp"><img src="/assets/cybergrape-logo-dark-D246jLN7.png" alt="CyberGrape" class="h-8 w-auto cursor-pointer"></picture></a><nav class="hidden lg:flex items-center space-x-8"><button class="text-sm font-medium transition-all duration-300 flex items-center gap-1 text-foreground/60 hover:text-foreground">Platform<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-3 h-3 transition-transform duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button><button class="text-sm font-medium transition-all duration-300 flex items-center gap-1 text-foreground/60 hover:text-foreground">Certification<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-3 h-3 transition-transform duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button><button class="text-sm font-medium transition-all duration-300 flex items-center gap-1 text-foreground/60 hover:text-foreground">Services<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-3 h-3 transition-transform duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button><button class="text-sm font-medium transition-all duration-300 flex items-center gap-1 text-foreground/60 hover:text-foreground">For MSPs<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-3 h-3 transition-transform duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button><button class="text-sm font-medium transition-all duration-300 flex items-center gap-1 text-foreground/60 hover:text-foreground">Pricing<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-3 h-3 transition-transform duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button><button class="text-sm font-medium transition-all duration-300 flex items-center gap-1 text-foreground/60 hover:text-foreground">Company<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-3 h-3 transition-transform duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button><a href="/blog" class="text-sm font-medium transition-all duration-300 text-foreground/60 hover:text-foreground">Insights</a></nav><div class="hidden md:flex items-center space-x-3"><button class="text-foreground/60 hover:text-foreground text-sm font-medium transition-colors px-4 py-2">Login</button><button class="bg-gradient-to-br from-violet-700 via-purple-800 to-violet-900 text-white/90 text-sm font-medium px-5 py-2 rounded-full transition-all duration-200 shadow-lg shadow-violet-900/40 hover:brightness-110 border border-violet-500/25">Sign Up</button></div><button class="lg:hidden text-foreground/60 hover:text-foreground p-2" aria-label="Toggle menu"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu h-5 w-5" aria-hidden="true"><path d="M4 5h16"></path><path d="M4 12h16"></path><path d="M4 19h16"></path></svg></button></div></div><div class="absolute left-0 right-0 transition-all duration-200 overflow-hidden opacity-0 -translate-y-1 pointer-events-none" style="background: rgba(10, 8, 18, 0.97); backdrop-filter: blur(20px); border-bottom: 1px solid rgba(139, 92, 246, 0.15); box-shadow: rgba(0, 0, 0, 0.4) 0px 8px 32px;"><div class="max-w-7xl mx-auto px-6 lg:px-8 py-8 relative z-10"></div></div><div class="lg:hidden fixed inset-0 z-[100] transition-transform duration-250 translate-x-full" style="background: rgb(10, 8, 18);"><div class="flex justify-between items-center px-4 py-4 border-b border-primary/10"><picture><source srcset="/assets/cybergrape-logo-dark-BolVhBXC.webp" type="image/webp"><img src="/assets/cybergrape-logo-dark-D246jLN7.png" alt="CyberGrape" class="h-8 w-auto"></picture><button class="text-foreground/60 hover:text-foreground p-2" aria-label="Close menu"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x h-5 w-5" aria-hidden="true"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></button></div><div class="overflow-y-auto h-full pb-32 px-4 py-4 space-y-1"><div><button class="w-full flex justify-between items-center px-3 py-3 text-foreground/70 hover:text-foreground text-sm font-medium transition-colors">Platform<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-4 h-4 transition-transform" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></div><div><button class="w-full flex justify-between items-center px-3 py-3 text-foreground/70 hover:text-foreground text-sm font-medium transition-colors">Certification<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-4 h-4 transition-transform" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></div><div><button class="w-full flex justify-between items-center px-3 py-3 text-foreground/70 hover:text-foreground text-sm font-medium transition-colors">Services<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-4 h-4 transition-transform" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></div><div><button class="w-full flex justify-between items-center px-3 py-3 text-foreground/70 hover:text-foreground text-sm font-medium transition-colors">For MSPs<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-4 h-4 transition-transform" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></div><div><button class="w-full flex justify-between items-center px-3 py-3 text-foreground/70 hover:text-foreground text-sm font-medium transition-colors">Pricing<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-4 h-4 transition-transform" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></div><div><button class="w-full flex justify-between items-center px-3 py-3 text-foreground/70 hover:text-foreground text-sm font-medium transition-colors">Company<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-4 h-4 transition-transform" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></div><a href="/blog" class="block px-3 py-3 text-sm font-medium transition-colors text-foreground/70 hover:text-foreground">Insights</a></div><div class="absolute bottom-0 left-0 right-0 p-4 border-t border-primary/10 bg-background/95 space-y-2"><button class="block w-full text-center py-2.5 text-sm font-medium text-foreground/70 border border-primary/20 rounded-lg hover:bg-primary/10 transition-colors">Sign In</button><button class="block w-full text-center py-2.5 text-sm font-medium text-primary-foreground bg-primary hover:bg-primary/90 rounded-full transition-colors shadow-lg shadow-primary/25">Sign Up</button></div></div></header><img src="/assets/Shield-White_1765512618012-CrgkkM1U.png" alt="" aria-hidden="true" fetchpriority="high" class="pointer-events-none select-none" style="position: fixed; width: clamp(256px, 34vw, 464px); right: 5%; top: 35%; transform: translateY(-50%); opacity: 0.05; filter: blur(6px); z-index: 0; transition: opacity 0.1s linear;"><main><section class="relative pt-20 overflow-hidden"><section class="relative w-full min-h-screen flex flex-col items-center justify-center overflow-hidden bg-background px-4 py-16"><style>
        @keyframes promoMetalSweep {
          from { transform: translateX(-110%); }
          to   { transform: translateX(110%); }
        }
        .promo-sweep-play {
          animation: promoMetalSweep 0.7s ease-in-out forwards;
        }
      </style><div class="absolute inset-0 pointer-events-none"><div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[600px] h-[400px] bg-primary/10 blur-[120px] rounded-full"></div></div><div class="absolute inset-0 pointer-events-none z-20 promo-sweep-play" style="background: linear-gradient(90deg, transparent 0%, rgba(200, 196, 212, 0.1) 50%, transparent 100%);"></div><div class="relative z-10 w-full max-w-5xl mx-auto flex flex-col items-center gap-6"><div class="w-full flex items-center justify-center min-h-[220px] md:min-h-[420px]"><div class="w-full transition-all duration-500 opacity-100 translate-y-0"><div class="text-center max-w-3xl mx-auto"><p class="font-sora text-3xl md:text-5xl font-light text-foreground leading-snug mb-6">Get secure. <span class="text-primary">Stay secure.</span> <span class="whitespace-nowrap">All in one place.</span></p><p class="hidden sm:block text-foreground/60 text-lg md:text-xl leading-relaxed">See exactly where your security gaps are, close them with the right tools and policies, and get ready for SMB1001 certification. Built for growing businesses.</p><p class="sm:hidden text-foreground/60 text-base leading-relaxed">Built for growing businesses. SMB1001 ready.</p></div></div></div><div class="flex gap-2 justify-center"><button class="rounded-full transition-all duration-300 w-4 h-1.5 bg-primary" aria-label="Go to scene 1"></button><button class="rounded-full transition-all duration-300 w-1.5 h-1.5 bg-foreground/20 hover:bg-foreground/40" aria-label="Go to scene 2"></button><button class="rounded-full transition-all duration-300 w-1.5 h-1.5 bg-foreground/20 hover:bg-foreground/40" aria-label="Go to scene 3"></button><button class="rounded-full transition-all duration-300 w-1.5 h-1.5 bg-foreground/20 hover:bg-foreground/40" aria-label="Go to scene 4"></button><button class="rounded-full transition-all duration-300 w-1.5 h-1.5 bg-foreground/20 hover:bg-foreground/40" aria-label="Go to scene 5"></button></div><div class="flex flex-col sm:flex-row gap-3 justify-center"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 bg-primary hover:bg-primary/90 hover:shadow-md active:scale-[0.98] py-2 rounded-full h-11 px-8 text-sm font-medium tracking-wide bg-gradient-to-br from-violet-700 via-purple-800 to-violet-900 text-white/90 border border-violet-500/25 shadow-lg shadow-violet-900/40 hover:brightness-110 transition-all duration-200" data-testid="button-promo-start">Get Started <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right ml-1.5 h-3.5 w-3.5" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></button><a href="/readiness-assessment"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 active:scale-[0.98] py-2 rounded-full h-11 px-8 text-sm font-medium tracking-wide bg-white/5 backdrop-blur-sm border border-white/12 text-foreground/55 hover:bg-white/10 hover:border-white/20 hover:text-foreground/75 transition-all duration-200" data-testid="button-promo-readiness">Free Readiness Assessment <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right ml-1.5 h-3.5 w-3.5" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></button></a></div></div></section></section><section class="py-10 px-4 sm:px-6 lg:px-8" style="border-top: 1px solid rgba(124, 58, 237, 0.12); border-bottom: 1px solid rgba(124, 58, 237, 0.12);"><div class="max-w-5xl mx-auto"><div class="transition-all duration-700 grid grid-cols-2 sm:grid-cols-4 gap-6 opacity-0 translate-y-8"><div class="flex items-center gap-3"><div class="w-9 h-9 rounded-lg flex items-center justify-center shrink-0" style="background: rgba(124, 58, 237, 0.14);"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star w-4 h-4 text-primary" aria-hidden="true"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></div><div><strong class="block text-foreground text-sm font-semibold leading-snug">4.8 Google rating</strong><span class="text-foreground/50 text-xs">Verified client reviews</span></div></div><div class="flex items-center gap-3"><div class="w-9 h-9 rounded-lg flex items-center justify-center shrink-0" style="background: rgba(124, 58, 237, 0.14);"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-award w-4 h-4 text-primary" aria-hidden="true"><path d="m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526"></path><circle cx="12" cy="8" r="6"></circle></svg></div><div><strong class="block text-foreground text-sm font-semibold leading-snug">Innovation Award 2023</strong><span class="text-foreground/50 text-xs">NZ Reseller News</span></div></div><div class="flex items-center gap-3"><div class="w-9 h-9 rounded-lg flex items-center justify-center shrink-0" style="background: rgba(124, 58, 237, 0.14);"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield w-4 h-4 text-primary" aria-hidden="true"><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></svg></div><div><strong class="block text-foreground text-sm font-semibold leading-snug">SMB1001 Certified</strong><span class="text-foreground/50 text-xs">Gold — two years running</span></div></div><div class="flex items-center gap-3"><div class="w-9 h-9 rounded-lg flex items-center justify-center shrink-0" style="background: rgba(124, 58, 237, 0.14);"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe w-4 h-4 text-primary" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg></div><div><strong class="block text-foreground text-sm font-semibold leading-snug">Clients globally</strong><span class="text-foreground/50 text-xs">AU · NZ · UK · SG · ZA</span></div></div></div></div></section><section class="py-20 px-4 sm:px-6 lg:px-8"><div class="max-w-5xl mx-auto"><div class="transition-all duration-700 opacity-0 translate-y-8"><div class="mb-12"><p class="text-primary font-medium uppercase tracking-wider mb-4" style="font-size: 11px; letter-spacing: 0.1em;">The problem</p><h2 class="font-sans font-extrabold text-foreground mb-4 leading-[1.1]" style="font-size: clamp(28px, 3.5vw, 40px);">Most businesses are exposed<br>and don't know it.</h2><p class="text-foreground/60 text-lg max-w-[540px]">Insurers, clients and regulators are asking harder questions. "We take security seriously" doesn't cut it anymore: they want evidence.</p></div><div class="grid grid-cols-1 sm:grid-cols-3 gap-px bg-primary/10 rounded-xl overflow-hidden"><div class="p-6 rounded-none transition-colors group" style="background: hsl(var(--card));"><div class="w-10 h-10 rounded-xl flex items-center justify-center mb-4" style="background: rgba(124, 58, 237, 0.14);"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-lock w-5 h-5 text-primary/70" aria-hidden="true"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg></div><h3 class="font-semibold text-foreground text-base mb-2">You don't know your real exposure</h3><p class="text-foreground/55 text-sm leading-relaxed">You have tools in place but no clear picture of what's actually protected, and what isn't.</p></div><div class="p-6 rounded-none transition-colors group" style="background: hsl(var(--card));"><div class="w-10 h-10 rounded-xl flex items-center justify-center mb-4" style="background: rgba(124, 58, 237, 0.14);"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clipboard-list w-5 h-5 text-primary/70" aria-hidden="true"><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="M12 11h4"></path><path d="M12 16h4"></path><path d="M8 11h.01"></path><path d="M8 16h.01"></path></svg></div><h3 class="font-semibold text-foreground text-base mb-2">Compliance is a moving target</h3><p class="text-foreground/55 text-sm leading-relaxed">Frameworks keep changing. Clients are asking for proof. Insurers want evidence. The admin never ends.</p></div><div class="p-6 rounded-none transition-colors group" style="background: hsl(var(--card));"><div class="w-10 h-10 rounded-xl flex items-center justify-center mb-4" style="background: rgba(124, 58, 237, 0.14);"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-link2 lucide-link-2 w-5 h-5 text-primary/70" aria-hidden="true"><path d="M9 17H7A5 5 0 0 1 7 7h2"></path><path d="M15 7h2a5 5 0 1 1 0 10h-2"></path><line x1="8" x2="16" y1="12" y2="12"></line></svg></div><h3 class="font-semibold text-foreground text-base mb-2">Your suppliers could be the way in</h3><p class="text-foreground/55 text-sm leading-relaxed">Attackers don't need to breach you directly. Your weakest vendor is an open door into your business.</p></div></div></div></div></section><section class="py-16 px-4 sm:px-6 lg:px-8 bg-gradient-to-b from-background via-primary/5 to-background"><div class="max-w-7xl mx-auto"><div class="transition-all duration-700 opacity-0 translate-y-8"><div class="max-w-2xl mb-10"><p class="text-primary font-medium uppercase tracking-wider mb-4" style="font-size: 11px; letter-spacing: 0.1em;">See it in action</p><h2 class="font-sans font-extrabold text-foreground mb-4 leading-[1.1]" style="font-size: clamp(28px, 3.5vw, 40px);">The platform your team<br>will actually use.</h2><p class="text-foreground/60 text-lg">Two views, one platform. Track your SMB1001 certification progress tier by tier, and monitor every vendor in your supply chain in real time.</p></div><div class="md:hidden grid grid-cols-1 sm:grid-cols-2 gap-3 py-4"><div class="flex items-start gap-3 bg-card/60 border border-primary/10 rounded-xl p-3"><div class="w-8 h-8 rounded-lg bg-primary/10 flex items-center justify-center flex-shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield w-4 h-4 text-primary/70" aria-hidden="true"><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></svg></div><div><div class="text-foreground/80 text-sm font-medium">SMB1001 compliance</div><div class="text-foreground/45 text-xs">Bronze → Diamond</div></div></div><div class="flex items-start gap-3 bg-card/60 border border-primary/10 rounded-xl p-3"><div class="w-8 h-8 rounded-lg bg-primary/10 flex items-center justify-center flex-shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chart-column w-4 h-4 text-primary/70" aria-hidden="true"><path d="M3 3v16a2 2 0 0 0 2 2h16"></path><path d="M18 17V9"></path><path d="M13 17V5"></path><path d="M8 17v-3"></path></svg></div><div><div class="text-foreground/80 text-sm font-medium">Security posture</div><div class="text-foreground/45 text-xs">Real-time score</div></div></div><div class="flex items-start gap-3 bg-card/60 border border-primary/10 rounded-xl p-3"><div class="w-8 h-8 rounded-lg bg-primary/10 flex items-center justify-center flex-shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe w-4 h-4 text-primary/70" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg></div><div><div class="text-foreground/80 text-sm font-medium">Vendor risk</div><div class="text-foreground/45 text-xs">Black Kite powered</div></div></div><div class="flex items-start gap-3 bg-card/60 border border-primary/10 rounded-xl p-3"><div class="w-8 h-8 rounded-lg bg-primary/10 flex items-center justify-center flex-shrink-0"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clipboard-list w-4 h-4 text-primary/70" aria-hidden="true"><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="M12 11h4"></path><path d="M12 16h4"></path><path d="M8 11h.01"></path><path d="M8 16h.01"></path></svg></div><div><div class="text-foreground/80 text-sm font-medium">Evidence packs</div><div class="text-foreground/45 text-xs">Auto-generated</div></div></div></div><div class="hidden md:block py-6"><div data-mockup-theme="dark" class="rounded-xl overflow-hidden w-full" style="background: hsl(var(--background)); border: 1px solid var(--metallic-shell-border); box-shadow: var(--metallic-shell-shadow);"><div class="flex items-center gap-3 px-4 py-2.5" style="background: var(--metallic-chrome-bg); border-bottom: 1px solid var(--metallic-chrome-border);"><div class="flex gap-1.5 shrink-0"><div class="w-3 h-3 rounded-full" style="background: rgb(255, 95, 87);"></div><div class="w-3 h-3 rounded-full" style="background: rgb(255, 189, 46);"></div><div class="w-3 h-3 rounded-full" style="background: rgb(40, 201, 64);"></div></div><div class="flex-1 flex justify-center"><div class="flex items-center gap-1.5 px-3 py-1 rounded-md" style="background: var(--metallic-pill-bg); border: 1px solid var(--metallic-pill-border); font-size: 11px; color: hsl(var(--muted-foreground));"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield w-3 h-3" aria-hidden="true" style="color: hsl(var(--primary));"><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></svg>app.cybergrape.io/smb1001-assessment</div></div><button aria-label="Switch mockup to light mode" aria-pressed="true" title="Switch to light mode" class="shrink-0 flex items-center gap-1.5 rounded-md px-2 py-1 transition-colors" data-testid="button-mockup-theme-toggle" style="background: var(--metallic-btn-bg); border: 1px solid var(--metallic-btn-border); box-shadow: var(--metallic-btn-shadow); color: hsl(var(--muted-foreground)); font-size: 10px; cursor: pointer;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sun" aria-hidden="true" style="width: 11px; height: 11px;"><circle cx="12" cy="12" r="4"></circle><path d="M12 2v2"></path><path d="M12 20v2"></path><path d="m4.93 4.93 1.41 1.41"></path><path d="m17.66 17.66 1.41 1.41"></path><path d="M2 12h2"></path><path d="M20 12h2"></path><path d="m6.34 17.66-1.41 1.41"></path><path d="m19.07 4.93-1.41 1.41"></path></svg><span class="hidden sm:inline">Light</span></button></div><div class="flex border-b" style="background: var(--metallic-chrome-bg); border-color: var(--metallic-chrome-border);"><button class="px-5 py-2.5 transition-colors" style="font-size: 11px; font-weight: 600; color: hsl(var(--primary)); border-bottom: 2px solid hsl(var(--primary)); background: transparent;">SMB1001 Assessment</button><button class="px-5 py-2.5 transition-colors" style="font-size: 11px; font-weight: 400; color: hsl(var(--muted-foreground)); border-bottom: 2px solid transparent; background: transparent;">Vendor Cyber Risk</button></div><div class="block sm:hidden" style="background: hsl(var(--background));"><div class="p-4 space-y-3" style="font-size: 12px; color: hsl(var(--foreground));"><div><div style="font-size: 13px; font-weight: 600; color: hsl(var(--foreground)); margin-bottom: 2px;">SMB1001:2026 Assessment</div><div style="font-size: 10px; color: hsl(var(--muted-foreground));">Control coverage across certification tiers</div></div><div class="grid grid-cols-1 gap-2"><div class="rounded-lg p-3" style="background: linear-gradient(145deg, rgba(255, 255, 255, 0.055) 0%, rgba(255, 255, 255, 0.02) 100%); border: 1px solid rgba(255, 255, 255, 0.09); box-shadow: rgba(255, 255, 255, 0.07) 0px 1px 0px inset;"><div style="font-size: 9px; color: hsl(var(--muted-foreground)); margin-bottom: 4px;">Overall Compliance</div><div style="font-size: 20px; font-weight: 700; color: rgb(74, 222, 128); line-height: 1; margin-bottom: 2px;">77%</div><div style="font-size: 9px; color: hsl(var(--muted-foreground));">40 / 52 controls covered</div></div><div class="rounded-lg p-3" style="background: linear-gradient(145deg, rgba(255, 255, 255, 0.055) 0%, rgba(255, 255, 255, 0.02) 100%); border: 1px solid rgba(255, 255, 255, 0.09); box-shadow: rgba(255, 255, 255, 0.07) 0px 1px 0px inset;"><div style="font-size: 9px; color: hsl(var(--muted-foreground)); margin-bottom: 4px;">Tiers Achieved</div><div style="font-size: 20px; font-weight: 700; color: rgb(234, 179, 8); line-height: 1; margin-bottom: 2px;">3 / 5</div><div style="font-size: 9px; color: hsl(var(--muted-foreground));">Bronze · Silver · Gold certified</div></div><div class="rounded-lg p-3" style="background: linear-gradient(145deg, rgba(255, 255, 255, 0.055) 0%, rgba(255, 255, 255, 0.02) 100%); border: 1px solid rgba(255, 255, 255, 0.09); box-shadow: rgba(255, 255, 255, 0.07) 0px 1px 0px inset;"><div style="font-size: 9px; color: hsl(var(--muted-foreground)); margin-bottom: 4px;">Open Gaps</div><div style="font-size: 20px; font-weight: 700; color: rgb(239, 68, 68); line-height: 1; margin-bottom: 2px;">13</div><div style="font-size: 9px; color: hsl(var(--muted-foreground));">Gaps across all tiers</div></div><div class="rounded-lg p-3" style="background: linear-gradient(145deg, rgba(255, 255, 255, 0.055) 0%, rgba(255, 255, 255, 0.02) 100%); border: 1px solid rgba(255, 255, 255, 0.09); box-shadow: rgba(255, 255, 255, 0.07) 0px 1px 0px inset;"><div style="font-size: 9px; color: hsl(var(--muted-foreground)); margin-bottom: 4px;">Next Target</div><div style="font-size: 20px; font-weight: 700; color: rgb(167, 139, 250); line-height: 1; margin-bottom: 2px;">Plat.</div><div style="font-size: 9px; color: hsl(var(--muted-foreground));">81% complete, 2 gaps remain</div></div></div><div class="rounded-lg p-3 space-y-2" style="background: linear-gradient(145deg, rgba(255, 255, 255, 0.055) 0%, rgba(255, 255, 255, 0.02) 100%); border: 1px solid rgba(255, 255, 255, 0.09); box-shadow: rgba(255, 255, 255, 0.07) 0px 1px 0px inset;"><div style="font-size: 10px; font-weight: 500; color: hsl(var(--foreground)); margin-bottom: 6px;">Tier Progress</div><div class="flex items-center gap-2"><span class="rounded-full shrink-0" style="width: 7px; height: 7px; background: rgb(205, 127, 50); display: inline-block;"></span><span style="font-size: 10px; color: hsl(var(--muted-foreground)); width: 44px; flex-shrink: 0;">Bronze</span><div class="flex-1 rounded-full overflow-hidden" style="height: 6px; background: hsl(var(--border));"><div class="h-full rounded-full" style="width: 100%; background: rgb(205, 127, 50); opacity: 0.8;"></div></div><span style="font-size: 10px; color: hsl(var(--muted-foreground)); width: 30px; text-align: right; flex-shrink: 0;">100%</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check-big" aria-hidden="true" style="width: 12px; height: 12px; color: rgb(74, 222, 128); flex-shrink: 0;"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg></div><div class="flex items-center gap-2"><span class="rounded-full shrink-0" style="width: 7px; height: 7px; background: rgb(156, 163, 175); display: inline-block;"></span><span style="font-size: 10px; color: hsl(var(--muted-foreground)); width: 44px; flex-shrink: 0;">Silver</span><div class="flex-1 rounded-full overflow-hidden" style="height: 6px; background: hsl(var(--border));"><div class="h-full rounded-full" style="width: 88%; background: rgb(156, 163, 175); opacity: 0.8;"></div></div><span style="font-size: 10px; color: hsl(var(--muted-foreground)); width: 30px; text-align: right; flex-shrink: 0;">88%</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check-big" aria-hidden="true" style="width: 12px; height: 12px; color: rgb(74, 222, 128); flex-shrink: 0;"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg></div><div class="flex items-center gap-2"><span class="rounded-full shrink-0" style="width: 7px; height: 7px; background: rgb(234, 179, 8); display: inline-block;"></span><span style="font-size: 10px; color: hsl(var(--muted-foreground)); width: 44px; flex-shrink: 0;">Gold</span><div class="flex-1 rounded-full overflow-hidden" style="height: 6px; background: hsl(var(--border));"><div class="h-full rounded-full" style="width: 81%; background: rgb(234, 179, 8); opacity: 0.8;"></div></div><span style="font-size: 10px; color: hsl(var(--muted-foreground)); width: 30px; text-align: right; flex-shrink: 0;">81%</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check-big" aria-hidden="true" style="width: 12px; height: 12px; color: rgb(74, 222, 128); flex-shrink: 0;"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg></div><div class="flex items-center gap-2"><span class="rounded-full shrink-0" style="width: 7px; height: 7px; background: rgb(167, 139, 250); display: inline-block;"></span><span style="font-size: 10px; color: hsl(var(--muted-foreground)); width: 44px; flex-shrink: 0;">Plat.</span><div class="flex-1 rounded-full overflow-hidden" style="height: 6px; background: hsl(var(--border));"><div class="h-full rounded-full" style="width: 81%; background: rgb(167, 139, 250); opacity: 0.8;"></div></div><span style="font-size: 10px; color: hsl(var(--muted-foreground)); width: 30px; text-align: right; flex-shrink: 0;">81%</span><div style="width: 12px; height: 12px; flex-shrink: 0;"></div></div><div class="flex items-center gap-2"><span class="rounded-full shrink-0" style="width: 7px; height: 7px; background: rgb(103, 232, 249); display: inline-block;"></span><span style="font-size: 10px; color: hsl(var(--muted-foreground)); width: 44px; flex-shrink: 0;">Diam.</span><div class="flex-1 rounded-full overflow-hidden" style="height: 6px; background: hsl(var(--border));"><div class="h-full rounded-full" style="width: 69%; background: rgb(103, 232, 249); opacity: 0.8;"></div></div><span style="font-size: 10px; color: hsl(var(--muted-foreground)); width: 30px; text-align: right; flex-shrink: 0;">69%</span><div style="width: 12px; height: 12px; flex-shrink: 0;"></div></div></div></div></div><div class="hidden sm:flex" style="background: hsl(var(--background));"><div class="flex flex-col items-center py-3 gap-2.5 shrink-0" style="width: 44px; background: var(--metallic-sidebar-bg); border-right: 1px solid var(--metallic-sidebar-border);"><div class="flex items-center justify-center rounded-md" style="width: 28px; height: 28px; background: transparent; box-shadow: none; color: hsl(var(--muted-foreground) / 0.45);"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layout-dashboard" aria-hidden="true" style="width: 14px; height: 14px;"><rect width="7" height="9" x="3" y="3" rx="1"></rect><rect width="7" height="5" x="14" y="3" rx="1"></rect><rect width="7" height="9" x="14" y="12" rx="1"></rect><rect width="7" height="5" x="3" y="16" rx="1"></rect></svg></div><div class="flex items-center justify-center rounded-md" style="width: 28px; height: 28px; background: linear-gradient(145deg, rgba(124, 58, 237, 0.28) 0%, rgba(124, 58, 237, 0.12) 100%); box-shadow: rgba(255, 255, 255, 0.12) 0px 1px 0px inset; color: hsl(var(--primary));"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield" aria-hidden="true" style="width: 14px; height: 14px;"><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></svg></div><div class="flex items-center justify-center rounded-md" style="width: 28px; height: 28px; background: transparent; box-shadow: none; color: hsl(var(--muted-foreground) / 0.45);"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-text" aria-hidden="true" style="width: 14px; height: 14px;"><path d="M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z"></path><path d="M14 2v5a1 1 0 0 0 1 1h5"></path><path d="M10 9H8"></path><path d="M16 13H8"></path><path d="M16 17H8"></path></svg></div><div class="flex items-center justify-center rounded-md" style="width: 28px; height: 28px; background: transparent; box-shadow: none; color: hsl(var(--muted-foreground) / 0.45);"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users" aria-hidden="true" style="width: 14px; height: 14px;"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><path d="M16 3.128a4 4 0 0 1 0 7.744"></path><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><circle cx="9" cy="7" r="4"></circle></svg></div><div class="flex items-center justify-center rounded-md" style="width: 28px; height: 28px; background: transparent; box-shadow: none; color: hsl(var(--muted-foreground) / 0.45);"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-triangle-alert" aria-hidden="true" style="width: 14px; height: 14px;"><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></div><div class="flex items-center justify-center rounded-md" style="width: 28px; height: 28px; background: transparent; box-shadow: none; color: hsl(var(--muted-foreground) / 0.45);"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chart-column" aria-hidden="true" style="width: 14px; height: 14px;"><path d="M3 3v16a2 2 0 0 0 2 2h16"></path><path d="M18 17V9"></path><path d="M13 17V5"></path><path d="M8 17v-3"></path></svg></div><div class="flex items-center justify-center rounded-md" style="width: 28px; height: 28px; background: transparent; box-shadow: none; color: hsl(var(--muted-foreground) / 0.45);"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe" aria-hidden="true" style="width: 14px; height: 14px;"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg></div><div class="mt-auto flex items-center justify-center" style="color: hsl(var(--muted-foreground) / 0.5);"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-settings" aria-hidden="true" style="width: 14px; height: 14px;"><path d="M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915"></path><circle cx="12" cy="12" r="3"></circle></svg></div></div><div class="flex-1 min-w-0 overflow-x-auto"><div style="font-size: 11px; color: hsl(var(--foreground)); min-width: 560px;"><div class="flex items-center justify-between px-4 shrink-0" style="height: 36px; border-bottom: 1px solid var(--metallic-chrome-border); background: var(--metallic-sidebar-bg);"><div class="flex items-center gap-1" style="font-size: 10px;"><span style="color: hsl(var(--muted-foreground));">Compliance</span><span style="color: hsl(var(--muted-foreground) / 0.5);">/</span><span style="color: hsl(var(--primary)); font-weight: 500;">SMB1001 Assessment</span></div><div class="flex items-center gap-2"><div class="flex items-center justify-center rounded-full" style="width: 20px; height: 20px; background: hsl(var(--muted));"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-activity" aria-hidden="true" style="width: 10px; height: 10px; color: hsl(var(--muted-foreground));"><path d="M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2"></path></svg></div><div class="flex items-center justify-center rounded-full" style="width: 24px; height: 24px; background: hsl(var(--primary) / 0.2);"><span style="font-size: 7px; font-weight: 700; color: hsl(var(--primary));">JS</span></div></div></div><div class="flex gap-0 px-3 pt-2" style="border-bottom: 1px solid rgba(255, 255, 255, 0.07);"><div style="font-size: 9px; padding: 4px 10px; color: hsl(var(--primary)); border-bottom: 2px solid hsl(var(--primary)); font-weight: 600;">Overview</div><div style="font-size: 9px; padding: 4px 10px; color: hsl(var(--muted-foreground)); border-bottom: 2px solid transparent; font-weight: 400;">Controls</div><div style="font-size: 9px; padding: 4px 10px; color: hsl(var(--muted-foreground)); border-bottom: 2px solid transparent; font-weight: 400;">Gaps</div><div style="font-size: 9px; padding: 4px 10px; color: hsl(var(--muted-foreground)); border-bottom: 2px solid transparent; font-weight: 400;">Evidence</div><div style="font-size: 9px; padding: 4px 10px; color: hsl(var(--muted-foreground)); border-bottom: 2px solid transparent; font-weight: 400;">Sources</div></div><div style="padding: 10px 12px 12px;"><div class="flex gap-2 mb-2"><div class="flex flex-col gap-2" style="width: 50%;"><div class="rounded-lg flex flex-col items-center" style="background: linear-gradient(145deg, rgba(255, 255, 255, 0.055) 0%, rgba(255, 255, 255, 0.02) 100%); border: 1px solid rgba(255, 255, 255, 0.09); box-shadow: rgba(255, 255, 255, 0.07) 0px 1px 0px inset; padding: 10px 8px 8px;"><div style="position: relative; width: 100px; height: 100px;"><div class="recharts-wrapper" style="position: relative; cursor: default; width: 100px; height: 100px;"><svg cx="50%" cy="50%" class="recharts-surface" width="100" height="100" viewBox="0 0 100 100" style="width: 100%; height: 100%;"><title></title><desc></desc><defs><clipPath id="recharts1-clip"><rect x="5" y="5" height="90" width="90"></rect></clipPath></defs><g class="recharts-layer recharts-pie" tabindex="0"><g class="recharts-layer recharts-pie-sector" tabindex="-1"><path cx="55" cy="55" name="0" stroke="#fff" fill="#7B5EA7" stroke-width="0" tabindex="-1" class="recharts-sector" d="M 55,11
    A 44,44,0,
    1,1,
    46.755222158228115,11.779360967937698
  L 48.62903530408536,21.602233475224587
            A 34,34,0,
            1,0,
            55,21 Z" role="img"></path></g><g class="recharts-layer recharts-pie-sector" tabindex="-1"><path cx="55" cy="55" name="1" stroke="#fff" fill="rgba(255,255,255,0.06)" stroke-width="0" tabindex="-1" class="recharts-sector" d="M 46.755222158228115,11.779360967937698
    A 44,44,0,
    0,1,
    54.99999999999999,11
  L 54.99999999999999,21
            A 34,34,0,
            0,0,
            48.62903530408536,21.602233475224587 Z" role="img"></path></g></g><g class="recharts-layer recharts-pie" tabindex="0"><g class="recharts-layer recharts-pie-sector" tabindex="-1"><path cx="55" cy="55" name="0" stroke="#fff" fill="#3B82F6" stroke-width="0" tabindex="-1" class="recharts-sector" d="M 55,26
    A 29,29,0,
    1,1,
    26.51366972886803,49.565941877013984
  L 36.33654223615491,51.43975502287123
            A 19,19,0,
            1,0,
            55,36 Z" role="img"></path></g><g class="recharts-layer recharts-pie-sector" tabindex="-1"><path cx="55" cy="55" name="1" stroke="#fff" fill="rgba(255,255,255,0.06)" stroke-width="0" tabindex="-1" class="recharts-sector" d="M 26.51366972886803,49.565941877013984
    A 29,29,0,
    0,1,
    54.99999999999999,26
  L 55,36
            A 19,19,0,
            0,0,
            36.33654223615491,51.43975502287123 Z" role="img"></path></g></g></svg></div></div><div class="flex items-center gap-3 mt-1"><div class="flex flex-col items-center"><span style="font-size: 13px; font-weight: 700; color: rgb(123, 94, 167); line-height: 1;">97%</span><span style="font-size: 7.5px; color: hsl(var(--muted-foreground)); margin-top: 1px;">Compliance</span></div><div style="width: 1px; height: 22px; background: rgba(255, 255, 255, 0.1);"></div><div class="flex flex-col items-center"><span style="font-size: 13px; font-weight: 700; color: rgb(59, 130, 246); line-height: 1;">78%</span><span style="font-size: 7.5px; color: hsl(var(--muted-foreground)); margin-top: 1px;">Evidence</span></div></div></div><div class="rounded-lg flex-1" style="background: linear-gradient(145deg, rgba(255, 255, 255, 0.055) 0%, rgba(255, 255, 255, 0.02) 100%); border: 1px solid rgba(255, 255, 255, 0.09); box-shadow: rgba(255, 255, 255, 0.07) 0px 1px 0px inset; padding: 8px 10px;"><div class="flex items-center justify-between mb-1.5"><span style="font-size: 9px; font-weight: 600; color: hsl(var(--foreground));">Gold subscription</span><span style="font-size: 8px; font-weight: 700; color: rgb(234, 179, 8); background: rgba(234, 179, 8, 0.12); padding: 1px 5px; border-radius: 99px;">96%</span></div><div class="w-full rounded-full overflow-hidden mb-1" style="height: 4px; background: rgba(255, 255, 255, 0.07);"><div class="h-full rounded-full" style="width: 96%; background: rgb(234, 179, 8);"></div></div><div style="font-size: 7.5px; color: hsl(var(--muted-foreground)); margin-bottom: 6px;">26/27 controls covered</div><div style="font-size: 8px; font-weight: 600; color: hsl(var(--muted-foreground)); text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: 4px;">2 gaps remaining</div><div class="flex flex-wrap gap-1"><span style="font-size: 7.5px; font-family: monospace; padding: 1px 5px; border-radius: 4px; border: 1px solid rgba(255, 255, 255, 0.12); color: hsl(var(--muted-foreground));">3.2.0.0</span><span style="font-size: 7.5px; font-family: monospace; padding: 1px 5px; border-radius: 4px; border: 1px solid rgba(255, 255, 255, 0.12); color: hsl(var(--muted-foreground));">4.11.0.0</span></div></div></div><div class="rounded-lg flex flex-col" style="background: linear-gradient(145deg, rgba(255, 255, 255, 0.055) 0%, rgba(255, 255, 255, 0.02) 100%); border: 1px solid rgba(255, 255, 255, 0.09); box-shadow: rgba(255, 255, 255, 0.07) 0px 1px 0px inset; width: 50%; padding: 8px 10px;"><div style="font-size: 9px; font-weight: 600; color: hsl(var(--foreground)); margin-bottom: 6px;">Evidence by Source</div><div style="flex: 1 1 0%; min-height: 0px;"><div class="recharts-responsive-container" style="width: 100%; height: 170px; min-width: 0px;"><div class="recharts-wrapper" style="position: relative; cursor: default; width: 100%; height: 100%; max-height: 170px; max-width: 315px;"><svg class="recharts-surface" width="315" height="170" viewBox="0 0 315 170" style="width: 100%; height: 100%;"><title></title><desc></desc><defs><clipPath id="recharts4-clip"><rect x="102" y="2" height="166" width="185"></rect></clipPath></defs><g class="recharts-layer recharts-cartesian-axis recharts-yAxis yAxis"><g class="recharts-cartesian-axis-ticks"><g class="recharts-layer recharts-cartesian-axis-tick"><text orientation="left" width="98" height="166" stroke="none" font-size="8" x="94" y="13.857142857142858" class="recharts-text recharts-cartesian-axis-tick-value" text-anchor="end" fill="hsl(var(--muted-foreground))"><tspan x="94" dy="-0.14500000000000002em">Endpoint</tspan><tspan x="94" dy="1em">Protection</tspan></text></g><g class="recharts-layer recharts-cartesian-axis-tick"><text orientation="left" width="98" height="166" stroke="none" font-size="8" x="94" y="37.57142857142857" class="recharts-text recharts-cartesian-axis-tick-value" text-anchor="end" fill="hsl(var(--muted-foreground))"><tspan x="94" dy="0.355em">Identity Platform</tspan></text></g><g class="recharts-layer recharts-cartesian-axis-tick"><text orientation="left" width="98" height="166" stroke="none" font-size="8" x="94" y="61.28571428571429" class="recharts-text recharts-cartesian-axis-tick-value" text-anchor="end" fill="hsl(var(--muted-foreground))"><tspan x="94" dy="-0.14500000000000002em">Email</tspan><tspan x="94" dy="1em">Security</tspan></text></g><g class="recharts-layer recharts-cartesian-axis-tick"><text orientation="left" width="98" height="166" stroke="none" font-size="8" x="94" y="85" class="recharts-text recharts-cartesian-axis-tick-value" text-anchor="end" fill="hsl(var(--muted-foreground))"><tspan x="94" dy="-0.14500000000000002em">Security</tspan><tspan x="94" dy="1em">Policies</tspan></text></g><g class="recharts-layer recharts-cartesian-axis-tick"><text orientation="left" width="98" height="166" stroke="none" font-size="8" x="94" y="108.71428571428572" class="recharts-text recharts-cartesian-axis-tick-value" text-anchor="end" fill="hsl(var(--muted-foreground))"><tspan x="94" dy="-0.14500000000000002em">Risk</tspan><tspan x="94" dy="1em">Assessments</tspan></text></g><g class="recharts-layer recharts-cartesian-axis-tick"><text orientation="left" width="98" height="166" stroke="none" font-size="8" x="94" y="132.42857142857144" class="recharts-text recharts-cartesian-axis-tick-value" text-anchor="end" fill="hsl(var(--muted-foreground))"><tspan x="94" dy="0.355em">Cloud Security</tspan></text></g><g class="recharts-layer recharts-cartesian-axis-tick"><text orientation="left" width="98" height="166" stroke="none" font-size="8" x="94" y="156.14285714285714" class="recharts-text recharts-cartesian-axis-tick-value" text-anchor="end" fill="hsl(var(--muted-foreground))"><tspan x="94" dy="-0.14500000000000002em">Backup</tspan><tspan x="94" dy="1em">System</tspan></text></g></g></g><g class="recharts-layer recharts-bar"><g class="recharts-layer recharts-bar-rectangles"><g class="recharts-layer recharts-bar-rectangle"><path x="102" y="6.371428571428572" width="172.66666666666669" height="14" radius="0,3,3,0" name="Endpoint Protection" fill="#7B5EA7" class="recharts-rectangle" d="M102,6.371428571428572L 271.6666666666667,6.371428571428572A 3,3,0,0,1,
        274.6666666666667,9.371428571428572L 274.6666666666667,17.371428571428574A 3,3,0,0,1,
        271.6666666666667,20.371428571428574L 102,20.371428571428574Z"></path></g><g class="recharts-layer recharts-bar-rectangle"><path x="102" y="30.08571428571429" width="163.41666666666663" height="14" radius="0,3,3,0" name="Identity Platform" fill="#3B82F6" class="recharts-rectangle" d="M102,30.08571428571429L 262.41666666666663,30.08571428571429A 3,3,0,0,1,
        265.41666666666663,33.08571428571429L 265.41666666666663,41.08571428571429A 3,3,0,0,1,
        262.41666666666663,44.08571428571429L 102,44.08571428571429Z"></path></g><g class="recharts-layer recharts-bar-rectangle"><path x="102" y="53.800000000000004" width="107.91666666666669" height="14" radius="0,3,3,0" name="Email Security" fill="#06B6D4" class="recharts-rectangle" d="M102,53.800000000000004L 206.91666666666669,53.800000000000004A 3,3,0,0,1,
        209.91666666666669,56.800000000000004L 209.91666666666669,64.80000000000001A 3,3,0,0,1,
        206.91666666666669,67.80000000000001L 102,67.80000000000001Z"></path></g><g class="recharts-layer recharts-bar-rectangle"><path x="102" y="77.5142857142857" width="95.58333333333337" height="14" radius="0,3,3,0" name="Security Policies" fill="#8B5CF6" class="recharts-rectangle" d="M102,77.5142857142857L 194.58333333333337,77.5142857142857A 3,3,0,0,1,
        197.58333333333337,80.5142857142857L 197.58333333333337,88.5142857142857A 3,3,0,0,1,
        194.58333333333337,91.5142857142857L 102,91.5142857142857Z"></path></g><g class="recharts-layer recharts-bar-rectangle"><path x="102" y="101.22857142857143" width="46.25" height="14" radius="0,3,3,0" name="Risk Assessments" fill="#10B981" class="recharts-rectangle" d="M102,101.22857142857143L 145.25,101.22857142857143A 3,3,0,0,1,
        148.25,104.22857142857143L 148.25,112.22857142857143A 3,3,0,0,1,
        145.25,115.22857142857143L 102,115.22857142857143Z"></path></g><g class="recharts-layer recharts-bar-rectangle"><path x="102" y="124.94285714285715" width="37" height="14" radius="0,3,3,0" name="Cloud Security" fill="#EC4899" class="recharts-rectangle" d="M102,124.94285714285715L 136,124.94285714285715A 3,3,0,0,1,
        139,127.94285714285715L 139,135.94285714285715A 3,3,0,0,1,
        136,138.94285714285715L 102,138.94285714285715Z"></path></g><g class="recharts-layer recharts-bar-rectangle"><path x="102" y="148.65714285714284" width="24.66666666666667" height="14" radius="0,3,3,0" name="Backup System" fill="#F59E0B" class="recharts-rectangle" d="M102,148.65714285714284L 123.66666666666667,148.65714285714284A 3,3,0,0,1,
        126.66666666666667,151.65714285714284L 126.66666666666667,159.65714285714284A 3,3,0,0,1,
        123.66666666666667,162.65714285714284L 102,162.65714285714284Z"></path></g></g><g class="recharts-layer"></g></g></svg></div></div></div></div></div><div class="rounded-lg mb-2" style="background: linear-gradient(145deg, rgba(255, 255, 255, 0.055) 0%, rgba(255, 255, 255, 0.02) 100%); border: 1px solid rgba(255, 255, 255, 0.09); box-shadow: rgba(255, 255, 255, 0.07) 0px 1px 0px inset; padding: 6px 10px;"><div style="font-size: 8.5px; font-weight: 600; color: hsl(var(--foreground)); margin-bottom: 6px;">Certification Tier Progress</div><div class="grid grid-cols-5 gap-2"><div class="flex flex-col items-center gap-1"><div class="rounded-full" style="width: 10px; height: 10px; background: rgb(205, 127, 50); opacity: 1;"></div><span style="font-size: 10px; font-weight: 700; color: rgb(205, 127, 50); line-height: 1;">100%</span><span style="font-size: 7px; color: hsl(var(--muted-foreground)); line-height: 1;">Bronze</span><div class="w-full rounded-full overflow-hidden" style="height: 3px; background: rgba(255, 255, 255, 0.08);"><div class="h-full rounded-full" style="width: 100%; background: rgb(205, 127, 50); opacity: 0.9;"></div></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check-big" aria-hidden="true" style="width: 9px; height: 9px; color: rgb(74, 222, 128);"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg></div><div class="flex flex-col items-center gap-1"><div class="rounded-full" style="width: 10px; height: 10px; background: rgb(156, 163, 175); opacity: 1;"></div><span style="font-size: 10px; font-weight: 700; color: rgb(156, 163, 175); line-height: 1;">88%</span><span style="font-size: 7px; color: hsl(var(--muted-foreground)); line-height: 1;">Silver</span><div class="w-full rounded-full overflow-hidden" style="height: 3px; background: rgba(255, 255, 255, 0.08);"><div class="h-full rounded-full" style="width: 88%; background: rgb(156, 163, 175); opacity: 0.9;"></div></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check-big" aria-hidden="true" style="width: 9px; height: 9px; color: rgb(74, 222, 128);"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg></div><div class="flex flex-col items-center gap-1"><div class="rounded-full" style="width: 10px; height: 10px; background: rgb(234, 179, 8); opacity: 1;"></div><span style="font-size: 10px; font-weight: 700; color: rgb(234, 179, 8); line-height: 1;">81%</span><span style="font-size: 7px; color: hsl(var(--muted-foreground)); line-height: 1;">Gold</span><div class="w-full rounded-full overflow-hidden" style="height: 3px; background: rgba(255, 255, 255, 0.08);"><div class="h-full rounded-full" style="width: 81%; background: rgb(234, 179, 8); opacity: 0.9;"></div></div><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check-big" aria-hidden="true" style="width: 9px; height: 9px; color: rgb(74, 222, 128);"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg></div><div class="flex flex-col items-center gap-1"><div class="rounded-full" style="width: 10px; height: 10px; background: rgb(167, 139, 250); opacity: 0.35;"></div><span style="font-size: 10px; font-weight: 700; color: hsl(var(--muted-foreground)); line-height: 1;">81%</span><span style="font-size: 7px; color: hsl(var(--muted-foreground)); line-height: 1;">Plat.</span><div class="w-full rounded-full overflow-hidden" style="height: 3px; background: rgba(255, 255, 255, 0.08);"><div class="h-full rounded-full" style="width: 81%; background: rgb(167, 139, 250); opacity: 0.3;"></div></div></div><div class="flex flex-col items-center gap-1"><div class="rounded-full" style="width: 10px; height: 10px; background: rgb(103, 232, 249); opacity: 0.35;"></div><span style="font-size: 10px; font-weight: 700; color: hsl(var(--muted-foreground)); line-height: 1;">69%</span><span style="font-size: 7px; color: hsl(var(--muted-foreground)); line-height: 1;">Diam.</span><div class="w-full rounded-full overflow-hidden" style="height: 3px; background: rgba(255, 255, 255, 0.08);"><div class="h-full rounded-full" style="width: 69%; background: rgb(103, 232, 249); opacity: 0.3;"></div></div></div></div></div><div class="grid grid-cols-2 gap-2"><div class="rounded-lg" style="background: linear-gradient(145deg, rgba(255, 255, 255, 0.055) 0%, rgba(255, 255, 255, 0.02) 100%); border: 1px solid rgba(255, 255, 255, 0.09); box-shadow: rgba(255, 255, 255, 0.07) 0px 1px 0px inset; padding: 8px 10px;"><div style="font-size: 9px; font-weight: 600; color: hsl(var(--foreground)); margin-bottom: 4px;">Coverage by Tier</div><div class="recharts-responsive-container" style="width: 100%; height: 72px; min-width: 0px;"><div class="recharts-wrapper" style="position: relative; cursor: default; width: 100%; height: 100%; max-height: 72px; max-width: 315px;"><svg class="recharts-surface" width="315" height="72" viewBox="0 0 315 72" style="width: 100%; height: 100%;"><title></title><desc></desc><defs><clipPath id="recharts7-clip"><rect x="-28" y="0" height="42" width="343"></rect></clipPath></defs><g class="recharts-layer recharts-cartesian-axis recharts-xAxis xAxis"><g class="recharts-cartesian-axis-ticks"><g class="recharts-layer recharts-cartesian-axis-tick"><text orientation="bottom" width="343" height="30" stroke="none" font-size="7" x="74.89999999999999" y="50" class="recharts-text recharts-cartesian-axis-tick-value" text-anchor="middle" fill="hsl(var(--muted-foreground))"><tspan x="74.89999999999999" dy="0.71em">Silver</tspan></text></g><g class="recharts-layer recharts-cartesian-axis-tick"><text orientation="bottom" width="343" height="30" stroke="none" font-size="7" x="143.5" y="50" class="recharts-text recharts-cartesian-axis-tick-value" text-anchor="middle" fill="hsl(var(--muted-foreground))"><tspan x="143.5" dy="0.71em">Gold</tspan></text></g><g class="recharts-layer recharts-cartesian-axis-tick"><text orientation="bottom" width="343" height="30" stroke="none" font-size="7" x="212.09999999999997" y="50" class="recharts-text recharts-cartesian-axis-tick-value" text-anchor="middle" fill="hsl(var(--muted-foreground))"><tspan x="212.09999999999997" dy="0.71em">Plat.</tspan></text></g><g class="recharts-layer recharts-cartesian-axis-tick"><text orientation="bottom" width="343" height="30" stroke="none" font-size="7" x="280.7" y="50" class="recharts-text recharts-cartesian-axis-tick-value" text-anchor="middle" fill="hsl(var(--muted-foreground))"><tspan x="280.7" dy="0.71em">Diam.</tspan></text></g></g></g><g class="recharts-layer recharts-bar"><g class="recharts-layer recharts-bar-rectangles"><g class="recharts-layer recharts-bar-rectangle"><path x="1" y="33.6" width="9" height="8.399999999999999" radius="2,2,0,0" fill="#4ade80" fill-opacity="0.85" name="Bronze" class="recharts-rectangle" d="M1,35.6A 2,2,0,0,1,3,33.6L 8,33.6A 2,2,0,0,1,
        10,35.6L 10,42L 1,42Z"></path></g><g class="recharts-layer recharts-bar-rectangle"><path x="69.6" y="30.800000000000004" width="9" height="11.199999999999996" radius="2,2,0,0" fill="#4ade80" fill-opacity="0.85" name="Silver" class="recharts-rectangle" d="M69.6,32.800000000000004A 2,2,0,0,1,71.6,30.800000000000004L 76.6,30.800000000000004A 2,2,0,0,1,
        78.6,32.800000000000004L 78.6,42L 69.6,42Z"></path></g><g class="recharts-layer recharts-bar-rectangle"><path x="138.2" y="25.2" width="9" height="16.8" radius="2,2,0,0" fill="#4ade80" fill-opacity="0.85" name="Gold" class="recharts-rectangle" d="M138.2,27.2A 2,2,0,0,1,140.2,25.2L 145.2,25.2A 2,2,0,0,1,
        147.2,27.2L 147.2,42L 138.2,42Z"></path></g><g class="recharts-layer recharts-bar-rectangle"><path x="206.79999999999998" y="21" width="9" height="21" radius="2,2,0,0" fill="#4ade80" fill-opacity="0.85" name="Plat." class="recharts-rectangle" d="M206.79999999999998,23A 2,2,0,0,1,208.79999999999998,21L 213.79999999999998,21A 2,2,0,0,1,
        215.79999999999998,23L 215.79999999999998,42L 206.79999999999998,42Z"></path></g><g class="recharts-layer recharts-bar-rectangle"><path x="275.4" y="14.000000000000002" width="9" height="28" radius="2,2,0,0" fill="#4ade80" fill-opacity="0.85" name="Diam." class="recharts-rectangle" d="M275.4,16A 2,2,0,0,1,277.4,14.000000000000002L 282.4,14.000000000000002A 2,2,0,0,1,
        284.4,16L 284.4,42L 275.4,42Z"></path></g></g><g class="recharts-layer"></g></g><g class="recharts-layer recharts-bar"><g class="recharts-layer recharts-bar-rectangles"><g class="recharts-layer recharts-bar-rectangle"></g><g class="recharts-layer recharts-bar-rectangle"><path x="69.6" y="30.1" width="9" height="0.7000000000000028" radius="2,2,0,0" fill="hsl(var(--border))" name="Silver" class="recharts-rectangle" d="M69.6,30.450000000000003A 0.3500000000000014,0.3500000000000014,0,0,1,69.94999999999999,30.1L 78.25,30.1A 0.3500000000000014,0.3500000000000014,0,0,1,
        78.6,30.450000000000003L 78.6,30.800000000000004L 69.6,30.800000000000004Z"></path></g><g class="recharts-layer recharts-bar-rectangle"><path x="138.2" y="23.1" width="9" height="2.099999999999998" radius="2,2,0,0" fill="hsl(var(--border))" name="Gold" class="recharts-rectangle" d="M138.2,24.15A 1.049999999999999,1.049999999999999,0,0,1,139.25,23.1L 146.14999999999998,23.1A 1.049999999999999,1.049999999999999,0,0,1,
        147.2,24.15L 147.2,25.2L 138.2,25.2Z"></path></g><g class="recharts-layer recharts-bar-rectangle"><path x="206.79999999999998" y="19.6" width="9" height="1.3999999999999986" radius="2,2,0,0" fill="hsl(var(--border))" name="Plat." class="recharts-rectangle" d="M206.79999999999998,20.3A 0.6999999999999993,0.6999999999999993,0,0,1,207.49999999999997,19.6L 215.1,19.6A 0.6999999999999993,0.6999999999999993,0,0,1,
        215.79999999999998,20.3L 215.79999999999998,21L 206.79999999999998,21Z"></path></g><g class="recharts-layer recharts-bar-rectangle"><path x="275.4" y="9.1" width="9" height="4.900000000000002" radius="2,2,0,0" fill="hsl(var(--border))" name="Diam." class="recharts-rectangle" d="M275.4,11.1A 2,2,0,0,1,277.4,9.1L 282.4,9.1A 2,2,0,0,1,
        284.4,11.1L 284.4,14.000000000000002L 275.4,14.000000000000002Z"></path></g></g><g class="recharts-layer"></g></g></svg></div></div></div><div class="rounded-lg" style="background: linear-gradient(145deg, rgba(255, 255, 255, 0.055) 0%, rgba(255, 255, 255, 0.02) 100%); border: 1px solid rgba(255, 255, 255, 0.09); box-shadow: rgba(255, 255, 255, 0.07) 0px 1px 0px inset; padding: 8px 10px;"><div style="font-size: 9px; font-weight: 600; color: hsl(var(--foreground)); margin-bottom: 4px;">Gaps by Tier</div><div class="recharts-responsive-container" style="width: 100%; height: 72px; min-width: 0px;"><div class="recharts-wrapper" style="position: relative; cursor: default; width: 100%; height: 100%; max-height: 72px; max-width: 315px;"><svg class="recharts-surface" width="315" height="72" viewBox="0 0 315 72" style="width: 100%; height: 100%;"><title></title><desc></desc><defs><clipPath id="recharts10-clip"><rect x="-28" y="0" height="42" width="343"></rect></clipPath></defs><g class="recharts-layer recharts-cartesian-axis recharts-xAxis xAxis"><g class="recharts-cartesian-axis-ticks"><g class="recharts-layer recharts-cartesian-axis-tick"><text orientation="bottom" width="343" height="30" stroke="none" font-size="7" x="74.89999999999999" y="50" class="recharts-text recharts-cartesian-axis-tick-value" text-anchor="middle" fill="hsl(var(--muted-foreground))"><tspan x="74.89999999999999" dy="0.71em">Silver</tspan></text></g><g class="recharts-layer recharts-cartesian-axis-tick"><text orientation="bottom" width="343" height="30" stroke="none" font-size="7" x="143.5" y="50" class="recharts-text recharts-cartesian-axis-tick-value" text-anchor="middle" fill="hsl(var(--muted-foreground))"><tspan x="143.5" dy="0.71em">Gold</tspan></text></g><g class="recharts-layer recharts-cartesian-axis-tick"><text orientation="bottom" width="343" height="30" stroke="none" font-size="7" x="212.09999999999997" y="50" class="recharts-text recharts-cartesian-axis-tick-value" text-anchor="middle" fill="hsl(var(--muted-foreground))"><tspan x="212.09999999999997" dy="0.71em">Plat.</tspan></text></g><g class="recharts-layer recharts-cartesian-axis-tick"><text orientation="bottom" width="343" height="30" stroke="none" font-size="7" x="280.7" y="50" class="recharts-text recharts-cartesian-axis-tick-value" text-anchor="middle" fill="hsl(var(--muted-foreground))"><tspan x="280.7" dy="0.71em">Diam.</tspan></text></g></g></g><g class="recharts-layer recharts-bar"><g class="recharts-layer recharts-bar-rectangles"><g class="recharts-layer recharts-bar-rectangle"></g><g class="recharts-layer recharts-bar-rectangle"><path x="69.6" y="36.75" width="9" height="5.25" radius="0,0,0,0" fill="#ef4444" name="Silver" class="recharts-rectangle" d="M69.6,36.75L 78.6,36.75L 78.6,42L 69.6,42Z"></path></g><g class="recharts-layer recharts-bar-rectangle"><path x="138.2" y="26.25" width="9" height="15.75" radius="0,0,0,0" fill="#ef4444" name="Gold" class="recharts-rectangle" d="M138.2,26.25L 147.2,26.25L 147.2,42L 138.2,42Z"></path></g><g class="recharts-layer recharts-bar-rectangle"><path x="206.79999999999998" y="31.5" width="9" height="10.5" radius="0,0,0,0" fill="#ef4444" name="Plat." class="recharts-rectangle" d="M206.79999999999998,31.5L 215.79999999999998,31.5L 215.79999999999998,42L 206.79999999999998,42Z"></path></g><g class="recharts-layer recharts-bar-rectangle"><path x="275.4" y="5.25" width="9" height="36.75" radius="0,0,0,0" fill="#ef4444" name="Diam." class="recharts-rectangle" d="M275.4,5.25L 284.4,5.25L 284.4,42L 275.4,42Z"></path></g></g><g class="recharts-layer"></g></g><g class="recharts-layer recharts-bar"><g class="recharts-layer recharts-bar-rectangles"><g class="recharts-layer recharts-bar-rectangle"></g><g class="recharts-layer recharts-bar-rectangle"><path x="69.6" y="31.5" width="9" height="5.25" radius="2,2,0,0" fill="#f97316" name="Silver" class="recharts-rectangle" d="M69.6,33.5A 2,2,0,0,1,71.6,31.5L 76.6,31.5A 2,2,0,0,1,
        78.6,33.5L 78.6,36.75L 69.6,36.75Z"></path></g><g class="recharts-layer recharts-bar-rectangle"><path x="138.2" y="21" width="9" height="5.25" radius="2,2,0,0" fill="#f97316" name="Gold" class="recharts-rectangle" d="M138.2,23A 2,2,0,0,1,140.2,21L 145.2,21A 2,2,0,0,1,
        147.2,23L 147.2,26.25L 138.2,26.25Z"></path></g><g class="recharts-layer recharts-bar-rectangle"><path x="206.79999999999998" y="26.25" width="9" height="5.25" radius="2,2,0,0" fill="#f97316" name="Plat." class="recharts-rectangle" d="M206.79999999999998,28.25A 2,2,0,0,1,208.79999999999998,26.25L 213.79999999999998,26.25A 2,2,0,0,1,
        215.79999999999998,28.25L 215.79999999999998,31.5L 206.79999999999998,31.5Z"></path></g><g class="recharts-layer recharts-bar-rectangle"><path x="275.4" y="0" width="9" height="5.25" radius="2,2,0,0" fill="#f97316" name="Diam." class="recharts-rectangle" d="M275.4,2A 2,2,0,0,1,277.4,0L 282.4,0A 2,2,0,0,1,
        284.4,2L 284.4,5.25L 275.4,5.25Z"></path></g></g><g class="recharts-layer"></g></g></svg></div></div></div></div></div></div></div></div></div></div><p class="text-foreground/35 text-xs text-center mt-4">Powered by Black Kite for third-party risk · SMB1001:2026 framework built in</p></div></div></section><section id="services" class="py-20 px-4 sm:px-6 lg:px-8"><div class="max-w-5xl mx-auto"><div class="transition-all duration-700 opacity-0 translate-y-8"><div class="mb-10"><p class="text-primary font-medium uppercase tracking-wider mb-4" style="font-size: 11px; letter-spacing: 0.1em;">What we do</p><h2 class="font-sans font-extrabold text-foreground mb-4 leading-[1.1]" style="font-size: clamp(28px, 3.5vw, 40px);">Everything you need.<br>Nothing you don't.</h2><p class="text-foreground/60 text-lg max-w-[540px]">From your first risk assessment to full SMB1001 certification and ongoing managed security: we handle it so you can stay focused on your business.</p></div><div class="grid grid-cols-1 sm:grid-cols-2 gap-px rounded-xl overflow-hidden mb-6" style="background: rgba(124, 58, 237, 0.12);"><div class="p-6 transition-colors" style="background: rgba(124, 58, 237, 0.1);"><div class="flex items-start gap-4"><div><span class="block text-primary font-bold mb-1" style="font-size: 11px;">01</span><div class="w-9 h-9 rounded-lg flex items-center justify-center" style="background: rgba(124, 58, 237, 0.14);"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-briefcase w-4 h-4 text-primary/70" aria-hidden="true"><path d="M16 20V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"></path><rect width="20" height="14" x="2" y="6" rx="2"></rect></svg></div></div><div class="flex-1"><h3 class="font-semibold text-foreground text-sm mb-1.5">CSO-as-a-Service</h3><p class="text-foreground/55 text-sm leading-relaxed">Executive security leadership at a fraction of the cost of a full-time hire. Covers cyber and physical security, board reporting and programme delivery.</p></div></div></div><div class="p-6 transition-colors" style="background: hsl(var(--card));"><div class="flex items-start gap-4"><div><span class="block text-primary font-bold mb-1" style="font-size: 11px;">02</span><div class="w-9 h-9 rounded-lg flex items-center justify-center" style="background: rgba(124, 58, 237, 0.14);"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield w-4 h-4 text-primary/70" aria-hidden="true"><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></svg></div></div><div class="flex-1"><h3 class="font-semibold text-foreground text-sm mb-1.5">SMB1001 Certification</h3><p class="text-foreground/55 text-sm leading-relaxed">Bronze to Diamond. The only global cyber certification built specifically for SMBs, and a competitive differentiator your clients will notice.</p></div></div></div><div class="p-6 transition-colors" style="background: hsl(var(--card));"><div class="flex items-start gap-4"><div><span class="block text-primary font-bold mb-1" style="font-size: 11px;">03</span><div class="w-9 h-9 rounded-lg flex items-center justify-center" style="background: rgba(124, 58, 237, 0.14);"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chart-column w-4 h-4 text-primary/70" aria-hidden="true"><path d="M3 3v16a2 2 0 0 0 2 2h16"></path><path d="M18 17V9"></path><path d="M13 17V5"></path><path d="M8 17v-3"></path></svg></div></div><div class="flex-1"><h3 class="font-semibold text-foreground text-sm mb-1.5">GRC Platform</h3><p class="text-foreground/55 text-sm leading-relaxed">Our own in-house platform, not a resold tool. Manage compliance, track controls and produce audit evidence: all in one place.</p></div></div></div><div class="p-6 transition-colors" style="background: hsl(var(--card));"><div class="flex items-start gap-4"><div><span class="block text-primary font-bold mb-1" style="font-size: 11px;">04</span><div class="w-9 h-9 rounded-lg flex items-center justify-center" style="background: rgba(124, 58, 237, 0.14);"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-link2 lucide-link-2 w-4 h-4 text-primary/70" aria-hidden="true"><path d="M9 17H7A5 5 0 0 1 7 7h2"></path><path d="M15 7h2a5 5 0 1 1 0 10h-2"></path><line x1="8" x2="16" y1="12" y2="12"></line></svg></div></div><div class="flex-1"><h3 class="font-semibold text-foreground text-sm mb-1.5">Third-Party Risk Monitoring</h3><p class="text-foreground/55 text-sm leading-relaxed">Continuous, real-time monitoring of your vendors using Black Kite. Know your supplier's risk score before it becomes your problem.</p></div></div></div><div class="p-6 transition-colors" style="background: hsl(var(--card));"><div class="flex items-start gap-4"><div><span class="block text-primary font-bold mb-1" style="font-size: 11px;">05</span><div class="w-9 h-9 rounded-lg flex items-center justify-center" style="background: rgba(124, 58, 237, 0.14);"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-eye w-4 h-4 text-primary/70" aria-hidden="true"><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></div></div><div class="flex-1"><h3 class="font-semibold text-foreground text-sm mb-1.5">Managed Security (24/7 SOC)</h3><p class="text-foreground/55 text-sm leading-relaxed">Endpoint detection, response and round-the-clock monitoring powered by CrowdStrike and Arctic Wolf. Someone's always watching.</p></div></div></div><div class="p-6 transition-colors" style="background: hsl(var(--card));"><div class="flex items-start gap-4"><div><span class="block text-primary font-bold mb-1" style="font-size: 11px;">06</span><div class="w-9 h-9 rounded-lg flex items-center justify-center" style="background: rgba(124, 58, 237, 0.14);"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-graduation-cap w-4 h-4 text-primary/70" aria-hidden="true"><path d="M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z"></path><path d="M22 10v6"></path><path d="M6 12.5V16a6 3 0 0 0 12 0v-3.5"></path></svg></div></div><div class="flex-1"><h3 class="font-semibold text-foreground text-sm mb-1.5">Security Awareness Training</h3><p class="text-foreground/55 text-sm leading-relaxed">Phishing simulations, staff culture programmes and measurable behaviour change: because your people are both the biggest risk and the best defence.</p></div></div></div></div><a href="/services" class="inline-flex items-center gap-1.5 text-primary hover:text-primary/80 text-sm font-medium transition-colors">See all services <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3.5 h-3.5" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></section><section class="py-20 px-4 sm:px-6 lg:px-8 bg-gradient-to-b from-background via-primary/5 to-background"><div class="max-w-5xl mx-auto"><div class="transition-all duration-700 opacity-0 translate-y-8"><div class="grid grid-cols-1 lg:grid-cols-2 gap-12 items-start"><div><p class="text-primary font-medium uppercase tracking-wider mb-6" style="font-size: 11px; letter-spacing: 0.1em;">Why CyberGrape</p><h2 class="font-sans font-extrabold text-foreground mb-6 leading-[1.1]" style="font-size: clamp(28px, 3.5vw, 40px);">Expert-led.<br>Practically priced.<br>Evidence-backed.</h2><p class="text-foreground/60 leading-relaxed">We don't just advise: we measure. Our clients leave every engagement with documented evidence of their security posture, not a slide deck and a handshake.</p></div><div class="space-y-4"><div class="p-5 rounded-xl" style="background: hsl(var(--card)); border: 1px solid rgba(124, 58, 237, 0.12);"><div class="font-sans font-extrabold text-primary mb-1" style="font-size: 42px; line-height: 1;">4.8 ★</div><div class="font-semibold text-foreground text-sm mb-0.5">Google rating</div><div class="text-foreground/50 text-xs leading-relaxed">Verified client reviews across Australia and New Zealand</div></div><div class="p-5 rounded-xl" style="background: hsl(var(--card)); border: 1px solid rgba(124, 58, 237, 0.12);"><div class="font-sans font-extrabold text-primary mb-1" style="font-size: 42px; line-height: 1;">30+</div><div class="font-semibold text-foreground text-sm mb-0.5">Years of ICT and security experience</div><div class="text-foreground/50 text-xs leading-relaxed">CISSP certified, enterprise architecture background</div></div><div class="p-5 rounded-xl" style="background: hsl(var(--card)); border: 1px solid rgba(124, 58, 237, 0.12);"><div class="font-sans font-extrabold text-primary mb-1" style="font-size: 42px; line-height: 1;">5</div><div class="font-semibold text-foreground text-sm mb-0.5">SMB1001 certification tiers</div><div class="text-foreground/50 text-xs leading-relaxed">Bronze through Diamond: start anywhere, grow at your pace</div></div></div></div></div></div></section><section class="py-20 px-4 sm:px-6 lg:px-8"><div class="max-w-5xl mx-auto"><div class="transition-all duration-700 opacity-0 translate-y-8"><div class="text-center mb-12"><p class="text-primary font-medium uppercase tracking-wider mb-4" style="font-size: 11px; letter-spacing: 0.1em;">What clients say</p><h2 class="font-sans font-extrabold text-foreground leading-[1.1]" style="font-size: clamp(24px, 3vw, 36px);">Trusted by organisations<br>that take security seriously</h2></div><div class="grid grid-cols-1 sm:grid-cols-2 gap-6"><div class="p-6 rounded-xl" style="background: hsl(var(--card)); border: 1px solid rgba(124, 58, 237, 0.12);"><p class="text-foreground/65 text-sm leading-relaxed italic mb-6">“CyberGrape has helped us mature our security posture in a way that's measurable and defensible. They don't just tell us we're safe: they show us the evidence.”</p><div class="flex items-center gap-3"><div class="w-9 h-9 rounded-full flex items-center justify-center shrink-0" style="background: rgba(124, 58, 237, 0.2);"><span class="text-primary font-bold" style="font-size: 11px;">RC</span></div><div><strong class="block text-foreground text-sm font-semibold">Rob Cairns</strong><span class="text-foreground/45 text-xs">Security Programme Technical Solution Manager, Tower Insurance</span></div></div></div><div class="p-6 rounded-xl" style="background: hsl(var(--card)); border: 1px solid rgba(124, 58, 237, 0.12);"><p class="text-foreground/65 text-sm leading-relaxed italic mb-6">“We needed a trusted partner who understood our risk, not just our technology. CyberGrape has been that partner: practical, straight-talking and always on top of what's changing.”</p><div class="flex items-center gap-3"><div class="w-9 h-9 rounded-full flex items-center justify-center shrink-0" style="background: rgba(124, 58, 237, 0.2);"><span class="text-primary font-bold" style="font-size: 11px;">JH</span></div><div><strong class="block text-foreground text-sm font-semibold">Josh Hickford</strong><span class="text-foreground/45 text-xs">CEO, Taranaki Foundation</span></div></div></div></div></div></div></section><section class="relative py-24 px-4 sm:px-6 lg:px-8 overflow-hidden"><div class="absolute inset-0 pointer-events-none" style="background: radial-gradient(700px 500px, rgba(124, 58, 237, 0.16) 0%, transparent 65%);"></div><div class="relative max-w-2xl mx-auto text-center transition-all duration-700 opacity-0 translate-y-8"><h2 class="font-sans font-extrabold text-foreground mb-4 leading-[1.1]" style="font-size: clamp(28px, 4vw, 44px);">Ready to know where you actually stand?</h2><p class="text-foreground/60 text-lg mb-8 max-w-xl mx-auto leading-relaxed">Book a free, no-obligation assessment conversation. We'll tell you exactly what's exposed and what it would take to fix it.</p><div class="flex flex-col sm:flex-row gap-4 justify-center"><a href="/readiness-assessment" class="inline-flex items-center justify-center gap-2 bg-primary hover:bg-primary/90 text-primary-foreground px-8 py-3 rounded-full font-semibold text-sm transition-colors shadow-lg shadow-primary/25">Book a free assessment <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-4 h-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><button class="inline-flex items-center justify-center gap-2 border border-primary/25 hover:border-primary/50 text-foreground/70 hover:text-foreground px-8 py-3 rounded-full font-medium text-sm transition-colors">Talk to our team</button></div></div></section></main><footer class="border-t border-primary/10 py-12 px-4 sm:px-6 lg:px-8 bg-background"><div class="max-w-7xl mx-auto"><div class="grid grid-cols-2 md:grid-cols-4 gap-8 mb-10"><div class="col-span-2 md:col-span-1"><picture><source srcset="/assets/cybergrape-logo-light-BoZhc3Z2.webp" type="image/webp"><img src="/assets/cybergrape-logo-light-Bn6Y-jiw.png" alt="CyberGrape" class="h-7 w-auto mb-4"></picture><p class="text-foreground/45 text-sm leading-relaxed">Cyber security certification, GRC platform and expert-led services for SMBs across Australia, New Zealand, the UK, the US and South Africa.</p></div><div><h4 class="text-foreground font-semibold text-sm mb-4">Platform</h4><ul class="space-y-2.5"><li><a href="/smb1001-certification" class="text-foreground/45 text-sm hover:text-foreground/80 transition-colors">SMB1001 Certification</a></li><li><a href="/platform" class="text-foreground/45 text-sm hover:text-foreground/80 transition-colors">Platform overview</a></li><li><a href="/for-msps" class="text-foreground/45 text-sm hover:text-foreground/80 transition-colors">For MSPs</a></li><li><a href="/readiness-assessment" class="text-foreground/45 text-sm hover:text-foreground/80 transition-colors">Free assessment</a></li><li><a href="/pricing" class="text-foreground/45 text-sm hover:text-foreground/80 transition-colors">Pricing</a></li></ul></div><div><h4 class="text-foreground font-semibold text-sm mb-4">Services</h4><ul class="space-y-2.5"><li><a href="/services" class="text-foreground/45 text-sm hover:text-foreground/80 transition-colors">All services</a></li><li><a href="/services/cso-as-a-service" class="text-foreground/45 text-sm hover:text-foreground/80 transition-colors">CSO-as-a-Service</a></li><li><a href="/services/managed-security" class="text-foreground/45 text-sm hover:text-foreground/80 transition-colors">Managed security</a></li><li><a href="/services/third-party-risk" class="text-foreground/45 text-sm hover:text-foreground/80 transition-colors">Third-party risk</a></li><li><a href="/services/awareness-training" class="text-foreground/45 text-sm hover:text-foreground/80 transition-colors">Awareness training</a></li><li><a href="/services/security-assessments" class="text-foreground/45 text-sm hover:text-foreground/80 transition-colors">Security assessments</a></li></ul></div><div><h4 class="text-foreground font-semibold text-sm mb-4">Company</h4><ul class="space-y-2.5"><li><a href="/company" class="text-foreground/45 text-sm hover:text-foreground/80 transition-colors">About CyberGrape</a></li><li><a href="/partners" class="text-foreground/45 text-sm hover:text-foreground/80 transition-colors">Technology partners</a></li><li><a href="/blog" class="text-foreground/45 text-sm hover:text-foreground/80 transition-colors">Insights</a></li><li><a href="/contact" class="text-foreground/45 text-sm hover:text-foreground/80 transition-colors">Contact us</a></li><li><a href="/privacy" class="text-foreground/45 text-sm hover:text-foreground/80 transition-colors">Privacy policy</a></li><li><a href="/terms" class="text-foreground/45 text-sm hover:text-foreground/80 transition-colors">Terms of service</a></li></ul></div></div><div class="border-t border-primary/10 pt-8 flex flex-col md:flex-row justify-between items-center gap-4"><p class="text-foreground/30 text-xs">© 2026 CyberGrape Limited NZBN 9429048818155, CyberGrape Pty Ltd (AU) ABN 83 696 722 988. All rights reserved.</p><div class="flex gap-6"><a href="/privacy" class="text-foreground/30 text-xs hover:text-foreground/60 transition-colors">Privacy</a><a href="/terms" class="text-foreground/30 text-xs hover:text-foreground/60 transition-colors">Terms</a></div></div></div></footer></div></div>
  

<span id="recharts_measurement_span" aria-hidden="true" style="position: absolute; top: -20000px; left: 0px; padding: 0px; margin: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; white-space: pre; font-size: 11px; letter-spacing: normal;">Bronze</span></body></html>