<!DOCTYPE html><html lang="en" class="dark"><head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
    <!-- Primary Meta Tags -->
    <title>SMB1001 Certification &amp; GRC Platform | CyberGrape</title>
    <meta name="description" content="CyberGrape combines SMB1001 certification, a GRC platform, and expert-led services to prove your security posture — for SMBs in Australia and New Zealand.">
    <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="SMB1001 Certification &amp; GRC Platform | CyberGrape">
    <meta property="og:description" content="CyberGrape combines SMB1001 certification, a GRC platform, and expert-led services to prove your security posture — for SMBs in Australia and New Zealand.">
    <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://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"
      },
      "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) -->
    <!-- Plus Jakarta Sans is loaded on-demand only by client/src/pages/cssm/report-viewer.tsx, not globally -->
    <script data-cfasync="false" type="module" crossorigin="" src="/assets/index-CHRee_Bj.js"></script>
    <link rel="stylesheet" crossorigin="" href="/assets/index-W46JP9xh.css">
  <link rel="modulepreload" as="script" crossorigin="" href="/assets/HomePage-lIp8L-Qq.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/MarketingLayout-Cp4CqtP1.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/cybergrape-logo-light-BIva1yNt.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/dialog-Dte5i320.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/index-Be9xfw87.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/button-DIYGWOFY.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/animations-BzGJjPrP.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/input-Lr4YnfjH.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/label-CyLeuH7c.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/startAuthentication-DUAEdA0o.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/arrow-left-CTG35fNi.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/shield-CxRgGxg_.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/building-2-CMERBlJH.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/key-round-CyjLsFc-.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/schema-BiUpn1LF.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/search-CeJxwDFj.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/popover-CgoXZXxN.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/chevrons-up-down-RX88WagS.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/index-DJnh8FU0.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/form-BDe9b1Sd.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/smartphone-BaotpP2r.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/tenant-signup-form-uOrxvOuN.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/select-CYqr-x3B.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/index-BdQq_4o_.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/index-BT_u4dC7.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/chevron-down-hOKRkPYL.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/check-BUP-iFZY.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/chevron-up-D-TCPoyH.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/badge-Bj_AcT0k.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/mail-BblRwKMj.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/circle-check-D67Pm8MU.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/circle-alert-Ro5V5RdM.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/arrow-right-Dj8ecuqK.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/plus-BUtgcueA.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-Bg-ravoN.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/shield-check-BUzoJb6g.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/chart-column-CpIn38FQ.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/file-check-BIVjiv3F.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/settings-CcB8fOkb.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/bot-DNnAAOP-.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/users-CPi_YKoS.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/globe-B3HXB8LV.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/monitor-CCT6uFkv.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/gauge-G_qQnYZa.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/contact-dialog-BWbvwQx6.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/textarea-DsH4HIUh.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/circle-check-big-BKNnh6gF.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/message-square-DDwxHeKh.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/chevron-right-Bri98d7W.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/star-CEJs1OXR.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/award-C4GNI0-1.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/lock-B_jo3Uxm.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/clipboard-list-DwDU9P2Y.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/link-2-CrAHTts8.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/briefcase-XAy0I_hP.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/eye-CPgFdo-K.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/graduation-cap-Dvi6d5jc.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/PlatformMockup-D8G0GdgF.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/index-CHRee_Bj.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/sun-Bx4IAPnI.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/file-text-D4HtpfL_.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/triangle-alert-ijF6oW5r.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/activity-r044JOls.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/PieChart-Hnx8rnUi.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/generateCategoricalChart-DE9DK67j.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/index-C7yKKq-w.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/BarChart-CfIFrfCA.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><link rel="modulepreload" as="script" crossorigin="" href="/assets/SMB1001CertificationPage-CwUbwSHo.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/primitives-CCRtC4zH.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/trending-up-CWXoHa3L.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/LandingLayout-IE-f9DV5.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/SMBSecurityLanding-CYp4OWGK.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/card-C-7QDUbl.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/dollar-sign-CKRJDPzK.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/clock-Crwu1G3k.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/cloud-lFu6TyTa.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/server-BJLqZPWs.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/laptop-C0t1lfMO.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/headphones-BnCgITAD.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/NZISMLanding-p9-Hylpw.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/zap-V2t_15V2.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/clipboard-check-CcvI70Lo.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/target-D8c9gQcr.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/workflow-CmlnPDdX.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/ISO27001Landing-B-OcdlW2.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/PrivacyPage-Zx5F3Z4L.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/TermsPage-CF678ruT.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/ReadinessAssessmentPage-iPvjKVLc.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/diamond-Dg6w4X7K.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/index-SYBQQjR3.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/SMB1001Page-BMKC2HN7.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/SMB1001BronzePage-BTckEaFK.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/wrench-DFlJYv-H.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/wifi-BTkKD4C_.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/hard-drive-DNFE-PXN.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/SMB1001SilverPage-R9yT0wt6.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/user-check-gbLeBrXl.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/SMB1001GoldPage-bqQzAkml.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/SMB1001PlatinumPage-DPXx4xLu.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/SMB1001DiamondPage-DRqj2M29.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/database-VzsfK5wn.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/ServicesPage-Bwf3D-F8.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/CSOAsAServicePage-E5VVGoy3.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/ManagedSecurityPage-spcNCWp2.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/ThirdPartyRiskPage-irJiEzHu.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/SecurityAssessmentsPage-BEk6-Ds4.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/AwarenessTrainingPage-B32I0XPi.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/book-open-MbjppwlI.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/ForMSPsPage-DNYUMtZ-.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/PlatformMarketingPage-oqbOojo-.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/integration-icons-Ot836-VQ.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/SecurityCommandCentrePage-BMwSry2Y.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/PlatformScreenshots-C573w9UI.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/refresh-cw-BGamd1Am.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/ComplianceFrameworksPage-D7eicoom.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/RiskManagementPage-CqaaWw-f.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/PolicyManagementPage-D3yq6Dlz.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/SupplyChainPage-CUhqG5yQ.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/ExecutiveReportingPage-FQ-aCO9r.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/ContactPage-D31xL_3D.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/PricingMarketingPage-Dtf27QzV.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/accordion-DWobyIUT.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/index-CbEP7486.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/layers-C5fT4tbt.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/package-D8QPWAIW.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/AboutPage-XrF4wbIn.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/BlogPage-BOYC7DiB.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/BlogPostPage-D5rZbNHK.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/index-Bvb0oNGI.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/calendar-D3cTwbVZ.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/external-link-DTP9GC6j.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/SMB1001Landing-F_I98fei.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/PartnersPage-ClemRNgo.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/integration-icon-Cyh0bmmF.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/partners-Bb4bUBsd.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/PartnerDetailPage-D2gNtaaH.js"></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 logo - Cyber Security and SMB1001 certification platform for small business" class="h-8 w-auto cursor-pointer" width="210" height="32"></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 - GRC platform for SMB1001 security certification" class="h-8 w-auto" width="210" height="32"></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 class="marketing-page"><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="relative flex items-center justify-center w-6 h-6" aria-label="Go to scene 1"><span class="rounded-full transition-all duration-300 w-4 h-1.5 bg-primary"></span></button><button class="relative flex items-center justify-center w-6 h-6" aria-label="Go to scene 2"><span class="rounded-full transition-all duration-300 w-1.5 h-1.5 bg-foreground/20 hover:bg-foreground/40"></span></button><button class="relative flex items-center justify-center w-6 h-6" aria-label="Go to scene 3"><span class="rounded-full transition-all duration-300 w-1.5 h-1.5 bg-foreground/20 hover:bg-foreground/40"></span></button><button class="relative flex items-center justify-center w-6 h-6" aria-label="Go to scene 4"><span class="rounded-full transition-all duration-300 w-1.5 h-1.5 bg-foreground/20 hover:bg-foreground/40"></span></button><button class="relative flex items-center justify-center w-6 h-6" aria-label="Go to scene 5"><span class="rounded-full transition-all duration-300 w-1.5 h-1.5 bg-foreground/20 hover:bg-foreground/40"></span></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"><div class="relative shrink-0" style="width: 14px; height: 14px;"><img src="/assets/bronze-icon-B5BHOP5k.png" alt="" aria-hidden="true" class="absolute inset-0 w-full h-full object-contain select-none" style="filter: grayscale(1) opacity(0.22);"><div class="absolute inset-0 overflow-hidden" style="clip-path: inset(0% 0px 0px);"><img src="/assets/bronze-icon-B5BHOP5k.png" alt="" aria-hidden="true" class="w-full h-full object-contain select-none"></div></div><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"><div class="relative shrink-0" style="width: 14px; height: 14px;"><img src="/assets/silver-icon-B5mXHyga.png" alt="" aria-hidden="true" class="absolute inset-0 w-full h-full object-contain select-none" style="filter: grayscale(1) opacity(0.22);"><div class="absolute inset-0 overflow-hidden" style="clip-path: inset(12% 0px 0px);"><img src="/assets/silver-icon-B5mXHyga.png" alt="" aria-hidden="true" class="w-full h-full object-contain select-none"></div></div><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"><div class="relative shrink-0" style="width: 14px; height: 14px;"><img src="/assets/gold-icon-U6eTmxeM.png" alt="" aria-hidden="true" class="absolute inset-0 w-full h-full object-contain select-none" style="filter: grayscale(1) opacity(0.22);"><div class="absolute inset-0 overflow-hidden" style="clip-path: inset(19% 0px 0px);"><img src="/assets/gold-icon-U6eTmxeM.png" alt="" aria-hidden="true" class="w-full h-full object-contain select-none"></div></div><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"><div class="relative shrink-0" style="width: 14px; height: 14px;"><img src="/assets/platinum-icon-D_yf1fit.png" alt="" aria-hidden="true" class="absolute inset-0 w-full h-full object-contain select-none" style="filter: grayscale(1) opacity(0.22);"><div class="absolute inset-0 overflow-hidden" style="clip-path: inset(19% 0px 0px);"><img src="/assets/platinum-icon-D_yf1fit.png" alt="" aria-hidden="true" class="w-full h-full object-contain select-none"></div></div><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"><div class="relative shrink-0" style="width: 14px; height: 14px;"><img src="/assets/diamond-icon-DSz2PvIg.png" alt="" aria-hidden="true" class="absolute inset-0 w-full h-full object-contain select-none" style="filter: grayscale(1) opacity(0.22);"><div class="absolute inset-0 overflow-hidden" style="clip-path: inset(31% 0px 0px);"><img src="/assets/diamond-icon-DSz2PvIg.png" alt="" aria-hidden="true" class="w-full h-full object-contain select-none"></div></div><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 aria-hidden="true" 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="none" 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="none" fill="hsl(var(--muted-foreground) / 0.12)" 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="none" 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="none" fill="hsl(var(--muted-foreground) / 0.12)" 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 aria-hidden="true" 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.14500000000000002em">Cloud</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="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="relative" style="width: 20px; height: 20px;"><img src="/assets/bronze-icon-B5BHOP5k.png" alt="Bronze tier progress indicator in the CyberGrape SMB1001 certification dashboard" class="absolute inset-0 w-full h-full object-contain select-none" style="filter: grayscale(1) opacity(0.22);"><div class="absolute inset-0 overflow-hidden" style="clip-path: inset(0% 0px 0px);"><img src="/assets/bronze-icon-B5BHOP5k.png" alt="" aria-hidden="true" class="w-full h-full object-contain select-none"></div></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="relative" style="width: 20px; height: 20px;"><img src="/assets/silver-icon-B5mXHyga.png" alt="Silver tier progress indicator in the CyberGrape SMB1001 certification dashboard" class="absolute inset-0 w-full h-full object-contain select-none" style="filter: grayscale(1) opacity(0.22);"><div class="absolute inset-0 overflow-hidden" style="clip-path: inset(12% 0px 0px);"><img src="/assets/silver-icon-B5mXHyga.png" alt="" aria-hidden="true" class="w-full h-full object-contain select-none"></div></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="relative" style="width: 20px; height: 20px;"><img src="/assets/gold-icon-U6eTmxeM.png" alt="Gold tier progress indicator in the CyberGrape SMB1001 certification dashboard" class="absolute inset-0 w-full h-full object-contain select-none" style="filter: grayscale(1) opacity(0.22);"><div class="absolute inset-0 overflow-hidden" style="clip-path: inset(19% 0px 0px);"><img src="/assets/gold-icon-U6eTmxeM.png" alt="" aria-hidden="true" class="w-full h-full object-contain select-none"></div></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="relative" style="width: 20px; height: 20px;"><img src="/assets/platinum-icon-D_yf1fit.png" alt="Plat. tier progress indicator in the CyberGrape SMB1001 certification dashboard" class="absolute inset-0 w-full h-full object-contain select-none" style="filter: grayscale(1) opacity(0.22);"><div class="absolute inset-0 overflow-hidden" style="clip-path: inset(19% 0px 0px);"><img src="/assets/platinum-icon-D_yf1fit.png" alt="" aria-hidden="true" class="w-full h-full object-contain select-none"></div></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="relative" style="width: 20px; height: 20px;"><img src="/assets/diamond-icon-DSz2PvIg.png" alt="Diam. tier progress indicator in the CyberGrape SMB1001 certification dashboard" class="absolute inset-0 w-full h-full object-contain select-none" style="filter: grayscale(1) opacity(0.22);"><div class="absolute inset-0 overflow-hidden" style="clip-path: inset(31% 0px 0px);"><img src="/assets/diamond-icon-DSz2PvIg.png" alt="" aria-hidden="true" class="w-full h-full object-contain select-none"></div></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 aria-hidden="true"><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><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 aria-hidden="true"><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></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 - Small Business Cyber security certification and GRC platform" class="h-7 w-auto mb-4" width="184" height="28"></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><h3 class="text-foreground font-semibold text-sm mb-4">Platform</h3><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><h3 class="text-foreground font-semibold text-sm mb-4">Services</h3><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><h3 class="text-foreground font-semibold text-sm mb-4">Company</h3><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>