npm - aura-security - Versions diffs - 0.4.0 - Mend

aura-security 0.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (115) hide show

package/LICENSE +21 -0
package/README.md +446 -0
package/deploy/AWS-DEPLOYMENT.md +358 -0
package/deploy/terraform/main.tf +362 -0
package/deploy/terraform/terraform.tfvars.example +6 -0
package/dist/agents/base.d.ts +44 -0
package/dist/agents/base.js +96 -0
package/dist/agents/index.d.ts +14 -0
package/dist/agents/index.js +17 -0
package/dist/agents/policy/evaluator.d.ts +15 -0
package/dist/agents/policy/evaluator.js +183 -0
package/dist/agents/policy/index.d.ts +12 -0
package/dist/agents/policy/index.js +15 -0
package/dist/agents/policy/validator.d.ts +15 -0
package/dist/agents/policy/validator.js +182 -0
package/dist/agents/scanners/gitleaks.d.ts +14 -0
package/dist/agents/scanners/gitleaks.js +155 -0
package/dist/agents/scanners/grype.d.ts +14 -0
package/dist/agents/scanners/grype.js +109 -0
package/dist/agents/scanners/index.d.ts +15 -0
package/dist/agents/scanners/index.js +27 -0
package/dist/agents/scanners/npm-audit.d.ts +13 -0
package/dist/agents/scanners/npm-audit.js +129 -0
package/dist/agents/scanners/semgrep.d.ts +14 -0
package/dist/agents/scanners/semgrep.js +131 -0
package/dist/agents/scanners/trivy.d.ts +14 -0
package/dist/agents/scanners/trivy.js +122 -0
package/dist/agents/types.d.ts +137 -0
package/dist/agents/types.js +91 -0
package/dist/auditor/index.d.ts +3 -0
package/dist/auditor/index.js +2 -0
package/dist/auditor/pipeline.d.ts +19 -0
package/dist/auditor/pipeline.js +240 -0
package/dist/auditor/validator.d.ts +17 -0
package/dist/auditor/validator.js +58 -0
package/dist/aura/client.d.ts +29 -0
package/dist/aura/client.js +125 -0
package/dist/aura/index.d.ts +4 -0
package/dist/aura/index.js +2 -0
package/dist/aura/server.d.ts +45 -0
package/dist/aura/server.js +343 -0
package/dist/cli.d.ts +17 -0
package/dist/cli.js +1433 -0
package/dist/client/index.d.ts +41 -0
package/dist/client/index.js +170 -0
package/dist/compliance/index.d.ts +40 -0
package/dist/compliance/index.js +292 -0
package/dist/database/index.d.ts +77 -0
package/dist/database/index.js +395 -0
package/dist/index.d.ts +25 -0
package/dist/index.js +762 -0
package/dist/integrations/aura-scanner.d.ts +69 -0
package/dist/integrations/aura-scanner.js +155 -0
package/dist/integrations/aws-scanner.d.ts +63 -0
package/dist/integrations/aws-scanner.js +624 -0
package/dist/integrations/config.d.ts +69 -0
package/dist/integrations/config.js +212 -0
package/dist/integrations/github.d.ts +45 -0
package/dist/integrations/github.js +201 -0
package/dist/integrations/gitlab.d.ts +36 -0
package/dist/integrations/gitlab.js +110 -0
package/dist/integrations/index.d.ts +11 -0
package/dist/integrations/index.js +11 -0
package/dist/integrations/local-scanner.d.ts +146 -0
package/dist/integrations/local-scanner.js +1654 -0
package/dist/integrations/notifications.d.ts +99 -0
package/dist/integrations/notifications.js +305 -0
package/dist/integrations/scanners.d.ts +57 -0
package/dist/integrations/scanners.js +217 -0
package/dist/integrations/slop-scanner.d.ts +69 -0
package/dist/integrations/slop-scanner.js +155 -0
package/dist/integrations/webhook.d.ts +37 -0
package/dist/integrations/webhook.js +256 -0
package/dist/orchestrator/index.d.ts +72 -0
package/dist/orchestrator/index.js +187 -0
package/dist/output/index.d.ts +152 -0
package/dist/output/index.js +399 -0
package/dist/pipeline/index.d.ts +72 -0
package/dist/pipeline/index.js +313 -0
package/dist/sbom/index.d.ts +94 -0
package/dist/sbom/index.js +298 -0
package/dist/schemas/index.d.ts +2 -0
package/dist/schemas/index.js +2 -0
package/dist/schemas/input.schema.d.ts +87 -0
package/dist/schemas/input.schema.js +44 -0
package/dist/schemas/output.schema.d.ts +115 -0
package/dist/schemas/output.schema.js +64 -0
package/dist/serve-visualizer.d.ts +2 -0
package/dist/serve-visualizer.js +78 -0
package/dist/slop/client.d.ts +29 -0
package/dist/slop/client.js +125 -0
package/dist/slop/index.d.ts +4 -0
package/dist/slop/index.js +2 -0
package/dist/slop/server.d.ts +45 -0
package/dist/slop/server.js +343 -0
package/dist/types/events.d.ts +62 -0
package/dist/types/events.js +2 -0
package/dist/types/index.d.ts +1 -0
package/dist/types/index.js +1 -0
package/dist/visualizer/index.d.ts +4 -0
package/dist/visualizer/index.js +181 -0
package/dist/websocket/index.d.ts +88 -0
package/dist/websocket/index.js +195 -0
package/dist/zones/index.d.ts +7 -0
package/dist/zones/index.js +7 -0
package/dist/zones/manager.d.ts +101 -0
package/dist/zones/manager.js +304 -0
package/dist/zones/types.d.ts +78 -0
package/dist/zones/types.js +33 -0
package/package.json +84 -0
package/visualizer/app.js +0 -0
package/visualizer/index-minimal.html +1771 -0
package/visualizer/index.html +2933 -0
package/visualizer/landing.html +1328 -0
package/visualizer/styles.css +0 -0

package/visualizer/landing.html ADDED Viewed

@@ -0,0 +1,1328 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>aurasecurity - Security Scanning Visualized</title>
+  <meta name="description" content="Unified security scanning with 3D visualization. One command, all your scanners, complete clarity.">
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script>
+  <style>
+    * {
+      margin: 0;
+      padding: 0;
+      box-sizing: border-box;
+    }
+    :root {
+      --bg: #030712;
+      --bg-elevated: #0f172a;
+      --bg-card: rgba(15, 23, 42, 0.6);
+      --border: rgba(148, 163, 184, 0.1);
+      --text: #f8fafc;
+      --text-secondary: #94a3b8;
+      --text-muted: #64748b;
+      --primary: #06b6d4;
+      --primary-glow: rgba(6, 182, 212, 0.4);
+      --secondary: #8b5cf6;
+      --danger: #ef4444;
+      --warning: #f59e0b;
+      --success: #10b981;
+    }
+    body {
+      font-family: 'Inter', sans-serif;
+      background: var(--bg);
+      color: var(--text);
+      line-height: 1.6;
+      overflow-x: hidden;
+    }
+    h1, h2, h3, h4 {
+      font-family: 'Space Grotesk', sans-serif;
+    }
+    /* Animated gradient mesh background */
+    .mesh-gradient {
+      position: fixed;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      z-index: -2;
+      background:
+        radial-gradient(at 0% 0%, rgba(6, 182, 212, 0.15) 0%, transparent 50%),
+        radial-gradient(at 100% 0%, rgba(139, 92, 246, 0.1) 0%, transparent 50%),
+        radial-gradient(at 100% 100%, rgba(6, 182, 212, 0.1) 0%, transparent 50%),
+        radial-gradient(at 0% 100%, rgba(139, 92, 246, 0.15) 0%, transparent 50%);
+    }
+    /* Grid pattern overlay */
+    .grid-pattern {
+      position: fixed;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      z-index: -1;
+      background-image:
+        linear-gradient(rgba(148, 163, 184, 0.03) 1px, transparent 1px),
+        linear-gradient(90deg, rgba(148, 163, 184, 0.03) 1px, transparent 1px);
+      background-size: 60px 60px;
+      mask-image: radial-gradient(ellipse at center, black 0%, transparent 70%);
+    }
+    /* Navigation */
+    nav {
+      position: fixed;
+      top: 0;
+      left: 0;
+      right: 0;
+      z-index: 100;
+      padding: 1rem 2rem;
+    }
+    .nav-inner {
+      max-width: 1280px;
+      margin: 0 auto;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      padding: 0.75rem 1.5rem;
+      background: rgba(3, 7, 18, 0.8);
+      backdrop-filter: blur(20px);
+      border: 1px solid var(--border);
+      border-radius: 16px;
+    }
+    .logo {
+      display: flex;
+      align-items: center;
+      gap: 0.75rem;
+      text-decoration: none;
+      color: var(--text);
+      font-family: 'Space Grotesk', sans-serif;
+      font-weight: 700;
+      font-size: 1.25rem;
+    }
+    .logo-mark {
+      width: 36px;
+      height: 36px;
+      background: linear-gradient(135deg, var(--primary), var(--secondary));
+      border-radius: 10px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 1.25rem;
+    }
+    .nav-links {
+      display: flex;
+      align-items: center;
+      gap: 0.5rem;
+    }
+    .nav-link {
+      color: var(--text-secondary);
+      text-decoration: none;
+      padding: 0.5rem 1rem;
+      border-radius: 8px;
+      font-size: 0.875rem;
+      font-weight: 500;
+      transition: all 0.2s;
+    }
+    .nav-link:hover {
+      color: var(--text);
+      background: rgba(148, 163, 184, 0.1);
+    }
+    .btn {
+      display: inline-flex;
+      align-items: center;
+      gap: 0.5rem;
+      padding: 0.625rem 1.25rem;
+      border-radius: 10px;
+      font-size: 0.875rem;
+      font-weight: 600;
+      text-decoration: none;
+      transition: all 0.2s;
+      border: none;
+      cursor: pointer;
+    }
+    .btn-primary {
+      background: linear-gradient(135deg, var(--primary), #0891b2);
+      color: white;
+      box-shadow: 0 0 20px var(--primary-glow);
+    }
+    .btn-primary:hover {
+      transform: translateY(-2px);
+      box-shadow: 0 0 30px var(--primary-glow);
+    }
+    .btn-ghost {
+      background: transparent;
+      color: var(--text);
+      border: 1px solid var(--border);
+    }
+    .btn-ghost:hover {
+      background: rgba(148, 163, 184, 0.1);
+      border-color: rgba(148, 163, 184, 0.2);
+    }
+    /* Hero Section */
+    .hero {
+      min-height: 100vh;
+      display: flex;
+      align-items: center;
+      padding: 8rem 2rem 4rem;
+      position: relative;
+    }
+    .hero-container {
+      max-width: 1280px;
+      margin: 0 auto;
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      gap: 4rem;
+      align-items: center;
+    }
+    .hero-content {
+      position: relative;
+      z-index: 2;
+    }
+    .hero-badge {
+      display: inline-flex;
+      align-items: center;
+      gap: 0.5rem;
+      padding: 0.5rem 1rem;
+      background: rgba(6, 182, 212, 0.1);
+      border: 1px solid rgba(6, 182, 212, 0.2);
+      border-radius: 100px;
+      font-size: 0.8125rem;
+      color: var(--primary);
+      margin-bottom: 1.5rem;
+    }
+    .hero-badge::before {
+      content: '';
+      width: 6px;
+      height: 6px;
+      background: var(--primary);
+      border-radius: 50%;
+      animation: pulse 2s infinite;
+    }
+    @keyframes pulse {
+      0%, 100% { opacity: 1; transform: scale(1); }
+      50% { opacity: 0.5; transform: scale(1.2); }
+    }
+    .hero h1 {
+      font-size: clamp(2.5rem, 5vw, 3.75rem);
+      font-weight: 700;
+      line-height: 1.1;
+      margin-bottom: 1.5rem;
+      letter-spacing: -0.02em;
+    }
+    .hero h1 .gradient-text {
+      background: linear-gradient(135deg, var(--primary), var(--secondary));
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+      background-clip: text;
+    }
+    .hero-description {
+      font-size: 1.125rem;
+      color: var(--text-secondary);
+      margin-bottom: 2rem;
+      max-width: 480px;
+    }
+    .hero-actions {
+      display: flex;
+      gap: 1rem;
+      flex-wrap: wrap;
+    }
+    .hero-actions .btn {
+      padding: 0.875rem 1.75rem;
+      font-size: 0.9375rem;
+    }
+    .hero-stats {
+      display: flex;
+      gap: 2.5rem;
+      margin-top: 3rem;
+      padding-top: 2rem;
+      border-top: 1px solid var(--border);
+    }
+    .stat {
+      text-align: left;
+    }
+    .stat-value {
+      font-family: 'Space Grotesk', sans-serif;
+      font-size: 1.75rem;
+      font-weight: 700;
+      color: var(--text);
+    }
+    .stat-label {
+      font-size: 0.8125rem;
+      color: var(--text-muted);
+    }
+    /* 3D Scene */
+    .hero-3d {
+      position: relative;
+      height: 500px;
+    }
+    #hero-canvas {
+      width: 100%;
+      height: 100%;
+    }
+    /* Bento Grid Features */
+    .features-section {
+      padding: 6rem 2rem;
+      position: relative;
+    }
+    .features-container {
+      max-width: 1280px;
+      margin: 0 auto;
+    }
+    .section-header {
+      text-align: center;
+      margin-bottom: 4rem;
+    }
+    .section-header h2 {
+      font-size: 2.5rem;
+      font-weight: 700;
+      margin-bottom: 1rem;
+    }
+    .section-header p {
+      color: var(--text-secondary);
+      font-size: 1.125rem;
+      max-width: 600px;
+      margin: 0 auto;
+    }
+    .bento-grid {
+      display: grid;
+      grid-template-columns: repeat(3, 1fr);
+      grid-template-rows: auto auto;
+      gap: 1.5rem;
+    }
+    .bento-card {
+      background: var(--bg-card);
+      backdrop-filter: blur(10px);
+      border: 1px solid var(--border);
+      border-radius: 20px;
+      padding: 2rem;
+      transition: all 0.3s;
+      position: relative;
+      overflow: hidden;
+    }
+    .bento-card::before {
+      content: '';
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      height: 1px;
+      background: linear-gradient(90deg, transparent, rgba(6, 182, 212, 0.5), transparent);
+      opacity: 0;
+      transition: opacity 0.3s;
+    }
+    .bento-card:hover {
+      border-color: rgba(6, 182, 212, 0.3);
+      transform: translateY(-4px);
+    }
+    .bento-card:hover::before {
+      opacity: 1;
+    }
+    .bento-card.featured {
+      grid-column: span 2;
+    }
+    .bento-icon {
+      width: 48px;
+      height: 48px;
+      background: linear-gradient(135deg, rgba(6, 182, 212, 0.2), rgba(139, 92, 246, 0.2));
+      border-radius: 12px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 1.5rem;
+      margin-bottom: 1.25rem;
+    }
+    .bento-card h3 {
+      font-size: 1.25rem;
+      font-weight: 600;
+      margin-bottom: 0.75rem;
+    }
+    .bento-card p {
+      color: var(--text-secondary);
+      font-size: 0.9375rem;
+    }
+    /* Code Preview */
+    .code-preview {
+      margin-top: 1.5rem;
+      background: rgba(0, 0, 0, 0.4);
+      border-radius: 12px;
+      padding: 1rem 1.25rem;
+      font-family: 'SF Mono', 'Fira Code', monospace;
+      font-size: 0.8125rem;
+      overflow-x: auto;
+    }
+    .code-line {
+      display: flex;
+      gap: 0.75rem;
+    }
+    .code-prompt {
+      color: var(--primary);
+    }
+    .code-command {
+      color: var(--text);
+    }
+    /* SLOP Protocol Section */
+    .slop-section {
+      padding: 6rem 2rem;
+      background: linear-gradient(180deg, rgba(139, 92, 246, 0.02), transparent, rgba(6, 182, 212, 0.02));
+    }
+    .slop-container {
+      max-width: 1280px;
+      margin: 0 auto;
+    }
+    .slop-grid {
+      display: grid;
+      grid-template-columns: repeat(4, 1fr);
+      gap: 1.5rem;
+      margin-top: 3rem;
+    }
+    .slop-card {
+      background: var(--bg-card);
+      border: 1px solid var(--border);
+      border-radius: 16px;
+      padding: 1.75rem;
+      text-align: center;
+      transition: all 0.3s;
+    }
+    .slop-card:hover {
+      border-color: rgba(6, 182, 212, 0.3);
+      transform: translateY(-4px);
+    }
+    .slop-letter {
+      font-family: 'Space Grotesk', sans-serif;
+      font-size: 3rem;
+      font-weight: 700;
+      background: linear-gradient(135deg, var(--primary), var(--secondary));
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+      background-clip: text;
+      margin-bottom: 0.5rem;
+    }
+    .slop-word {
+      font-family: 'Space Grotesk', sans-serif;
+      font-size: 1.125rem;
+      font-weight: 600;
+      color: var(--text);
+      margin-bottom: 0.75rem;
+    }
+    .slop-desc {
+      font-size: 0.875rem;
+      color: var(--text-secondary);
+      line-height: 1.5;
+    }
+    /* Team Section */
+    .team-section {
+      padding: 6rem 2rem;
+    }
+    .team-container {
+      max-width: 1280px;
+      margin: 0 auto;
+    }
+    .team-grid {
+      display: grid;
+      grid-template-columns: repeat(3, 1fr);
+      gap: 2rem;
+      margin-top: 3rem;
+    }
+    .team-card {
+      background: var(--bg-card);
+      border: 1px solid var(--border);
+      border-radius: 16px;
+      padding: 2rem;
+      text-align: center;
+    }
+    .team-icon {
+      width: 64px;
+      height: 64px;
+      margin: 0 auto 1rem;
+      background: linear-gradient(135deg, rgba(6, 182, 212, 0.2), rgba(139, 92, 246, 0.2));
+      border-radius: 16px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 1.75rem;
+    }
+    .team-card h3 {
+      font-size: 1.125rem;
+      font-weight: 600;
+      margin-bottom: 0.5rem;
+    }
+    .team-card p {
+      font-size: 0.9375rem;
+      color: var(--text-secondary);
+    }
+    /* Deterministic Section */
+    .deterministic-section {
+      padding: 6rem 2rem;
+      background: linear-gradient(180deg, transparent, rgba(16, 185, 129, 0.03), transparent);
+    }
+    .deterministic-container {
+      max-width: 900px;
+      margin: 0 auto;
+      text-align: center;
+    }
+    .comparison-grid {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      gap: 2rem;
+      margin-top: 3rem;
+    }
+    .comparison-card {
+      background: var(--bg-card);
+      border: 1px solid var(--border);
+      border-radius: 16px;
+      padding: 2rem;
+      text-align: left;
+    }
+    .comparison-card.bad {
+      border-color: rgba(239, 68, 68, 0.3);
+    }
+    .comparison-card.good {
+      border-color: rgba(16, 185, 129, 0.3);
+    }
+    .comparison-header {
+      display: flex;
+      align-items: center;
+      gap: 0.75rem;
+      margin-bottom: 1.25rem;
+      font-family: 'Space Grotesk', sans-serif;
+      font-weight: 600;
+    }
+    .comparison-card.bad .comparison-header {
+      color: #ef4444;
+    }
+    .comparison-card.good .comparison-header {
+      color: #10b981;
+    }
+    .comparison-list {
+      list-style: none;
+      font-size: 0.9375rem;
+      color: var(--text-secondary);
+    }
+    .comparison-list li {
+      padding: 0.5rem 0;
+      padding-left: 1.5rem;
+      position: relative;
+    }
+    .comparison-list li::before {
+      content: '';
+      position: absolute;
+      left: 0;
+      top: 50%;
+      transform: translateY(-50%);
+      width: 8px;
+      height: 8px;
+      border-radius: 50%;
+    }
+    .comparison-card.bad .comparison-list li::before {
+      background: #ef4444;
+    }
+    .comparison-card.good .comparison-list li::before {
+      background: #10b981;
+    }
+    @media (max-width: 1024px) {
+      .slop-grid {
+        grid-template-columns: repeat(2, 1fr);
+      }
+      .team-grid {
+        grid-template-columns: 1fr;
+      }
+      .comparison-grid {
+        grid-template-columns: 1fr;
+      }
+    }
+    @media (max-width: 640px) {
+      .slop-grid {
+        grid-template-columns: 1fr;
+      }
+    }
+    /* Tools Section */
+    .tools-section {
+      padding: 6rem 2rem;
+      background: linear-gradient(180deg, transparent, rgba(6, 182, 212, 0.02), transparent);
+    }
+    .tools-container {
+      max-width: 1280px;
+      margin: 0 auto;
+      text-align: center;
+    }
+    .tools-grid {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 1rem;
+      justify-content: center;
+      margin-top: 3rem;
+    }
+    .tool-chip {
+      display: flex;
+      align-items: center;
+      gap: 0.625rem;
+      padding: 0.75rem 1.25rem;
+      background: var(--bg-card);
+      border: 1px solid var(--border);
+      border-radius: 100px;
+      font-size: 0.9375rem;
+      font-weight: 500;
+      transition: all 0.2s;
+    }
+    .tool-chip:hover {
+      border-color: var(--primary);
+      box-shadow: 0 0 20px rgba(6, 182, 212, 0.1);
+    }
+    .tool-chip .icon {
+      font-size: 1.125rem;
+    }
+    /* CTA Section */
+    .cta-section {
+      padding: 8rem 2rem;
+      text-align: center;
+      position: relative;
+    }
+    .cta-section::before {
+      content: '';
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+      width: 600px;
+      height: 600px;
+      background: radial-gradient(circle, rgba(6, 182, 212, 0.1) 0%, transparent 70%);
+      pointer-events: none;
+    }
+    .cta-content {
+      position: relative;
+      z-index: 2;
+      max-width: 600px;
+      margin: 0 auto;
+    }
+    .cta-content h2 {
+      font-size: 2.5rem;
+      font-weight: 700;
+      margin-bottom: 1rem;
+    }
+    .cta-content p {
+      color: var(--text-secondary);
+      font-size: 1.125rem;
+      margin-bottom: 2rem;
+    }
+    .cta-buttons {
+      display: flex;
+      gap: 1rem;
+      justify-content: center;
+      flex-wrap: wrap;
+    }
+    /* Footer */
+    footer {
+      padding: 4rem 2rem 2rem;
+      border-top: 1px solid var(--border);
+    }
+    .footer-container {
+      max-width: 1280px;
+      margin: 0 auto;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      flex-wrap: wrap;
+      gap: 2rem;
+    }
+    .footer-left {
+      display: flex;
+      align-items: center;
+      gap: 2rem;
+    }
+    .footer-links {
+      display: flex;
+      gap: 1.5rem;
+    }
+    .footer-links a {
+      color: var(--text-muted);
+      text-decoration: none;
+      font-size: 0.875rem;
+      transition: color 0.2s;
+    }
+    .footer-links a:hover {
+      color: var(--text);
+    }
+    .footer-right {
+      color: var(--text-muted);
+      font-size: 0.8125rem;
+    }
+    /* Responsive */
+    @media (max-width: 1024px) {
+      .hero-container {
+        grid-template-columns: 1fr;
+        text-align: center;
+      }
+      .hero-content {
+        order: 2;
+      }
+      .hero-3d {
+        order: 1;
+        height: 350px;
+      }
+      .hero-description {
+        margin: 0 auto 2rem;
+      }
+      .hero-actions {
+        justify-content: center;
+      }
+      .hero-stats {
+        justify-content: center;
+      }
+      .bento-grid {
+        grid-template-columns: 1fr;
+      }
+      .bento-card.featured {
+        grid-column: span 1;
+      }
+    }
+    @media (max-width: 640px) {
+      .nav-links {
+        display: none;
+      }
+      .hero h1 {
+        font-size: 2rem;
+      }
+      .hero-stats {
+        flex-direction: column;
+        gap: 1.5rem;
+        align-items: center;
+      }
+      .footer-container {
+        flex-direction: column;
+        text-align: center;
+      }
+      .footer-left {
+        flex-direction: column;
+      }
+    }
+  </style>
+</head>
+<body>
+  <div class="mesh-gradient"></div>
+  <div class="grid-pattern"></div>
+  <!-- Navigation -->
+  <nav>
+    <div class="nav-inner">
+      <a href="/" class="logo">
+        <div class="logo-mark">🛡️</div>
+        aurasecurity
+      </a>
+      <div class="nav-links">
+        <a href="#slop" class="nav-link">SLOP Protocol</a>
+        <a href="#features" class="nav-link">Features</a>
+        <a href="#team" class="nav-link">Team</a>
+        <a href="https://github.com/aurasecurity/aura-security" target="_blank" class="nav-link">GitHub</a>
+        <a href="/app" class="btn btn-primary">Open Dashboard</a>
+      </div>
+    </div>
+  </nav>
+  <!-- Hero Section -->
+  <section class="hero">
+    <div class="hero-container">
+      <div class="hero-content">
+        <div class="hero-badge">Built by Security Engineers · 100% Deterministic</div>
+        <h1>Real security tools.<br><span class="gradient-text">Zero AI hallucinations.</span></h1>
+        <p class="hero-description">
+          We run Gitleaks, Trivy, Semgrep, and Grype in parallel. Same input = same output, every time.
+          No LLM guessing. No false confidence. Just real CVEs and real secrets, with line numbers.
+        </p>
+        <div class="hero-actions">
+          <a href="/app" class="btn btn-primary">
+            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+              <path d="M5 12h14M12 5l7 7-7 7"/>
+            </svg>
+            Try Dashboard
+          </a>
+          <a href="https://github.com/aurasecurity/aura-security" target="_blank" class="btn btn-ghost">
+            <svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor">
+              <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/>
+            </svg>
+            View Source
+          </a>
+        </div>
+        <div class="hero-stats">
+          <div class="stat">
+            <div class="stat-value">0%</div>
+            <div class="stat-label">AI Hallucinations</div>
+          </div>
+          <div class="stat">
+            <div class="stat-value">8+</div>
+            <div class="stat-label">Real Scanners</div>
+          </div>
+          <div class="stat">
+            <div class="stat-value">SLOP</div>
+            <div class="stat-label">Multi-Agent Protocol</div>
+          </div>
+        </div>
+      </div>
+      <div class="hero-3d">
+        <div id="hero-canvas"></div>
+      </div>
+    </div>
+  </section>
+  <!-- Features Section -->
+  <section class="features-section" id="features">
+    <div class="features-container">
+      <div class="section-header">
+        <h2>No fluff. Just works.</h2>
+        <p>One command. Eight scanners. Real vulnerabilities with real line numbers.</p>
+      </div>
+      <div class="bento-grid">
+        <div class="bento-card featured">
+          <div class="bento-icon">⚡</div>
+          <h3>Unified Command Interface</h3>
+          <p>Run multiple security scanners with a single command. No more juggling terminals and output formats. Results aggregated and normalized automatically.</p>
+          <div class="code-preview">
+            <div class="code-line">
+              <span class="code-prompt">$</span>
+              <span class="code-command">aura-security scan ./my-project</span>
+            </div>
+          </div>
+        </div>
+        <div class="bento-card">
+          <div class="bento-icon">🎯</div>
+          <h3>3D Dashboard</h3>
+          <p>Interactive Three.js visualization shows your security posture spatially. Click nodes, filter findings, see the big picture.</p>
+        </div>
+        <div class="bento-card">
+          <div class="bento-icon">☁️</div>
+          <h3>AWS Scanning</h3>
+          <p>Audit IAM, S3, EC2, Lambda, and RDS for misconfigurations. Cloud security in the same unified view.</p>
+        </div>
+        <div class="bento-card">
+          <div class="bento-icon">📡</div>
+          <h3>Real-time WebSocket</h3>
+          <p>Live updates as scanners run. No polling, no refresh. Findings appear instantly in the dashboard.</p>
+        </div>
+        <div class="bento-card featured">
+          <div class="bento-icon">🔔</div>
+          <h3>Notifications & Integrations</h3>
+          <p>Slack, Discord, and custom webhooks. Get alerted on critical findings. Integrates with your existing workflow seamlessly.</p>
+          <div class="code-preview">
+            <div class="code-line">
+              <span class="code-prompt">$</span>
+              <span class="code-command">aura-security scan . --notify slack</span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+  <!-- SLOP Protocol Section -->
+  <section class="slop-section" id="slop">
+    <div class="slop-container">
+      <div class="section-header">
+        <h2>The SLOP Protocol</h2>
+        <p>Multi-agent architecture that makes AI security scanning actually reliable. Each component is isolated, labeled, and verifiable.</p>
+      </div>
+      <div class="slop-grid">
+        <div class="slop-card">
+          <div class="slop-letter">S</div>
+          <div class="slop-word">Segmentation</div>
+          <p class="slop-desc">Each scanner runs in its own isolated zone. Gitleaks can't corrupt Trivy's output. One tool failing doesn't break the pipeline.</p>
+        </div>
+        <div class="slop-card">
+          <div class="slop-letter">L</div>
+          <div class="slop-word">Labeling</div>
+          <p class="slop-desc">Every finding is tagged with its source tool, file path, and line number. You know exactly where each result came from. No black boxes.</p>
+        </div>
+        <div class="slop-card">
+          <div class="slop-letter">O</div>
+          <div class="slop-word">Organization</div>
+          <p class="slop-desc">Policy agents validate findings before reporting. Duplicate CVEs are merged. False positives are filtered. Clean, actionable output.</p>
+        </div>
+        <div class="slop-card">
+          <div class="slop-letter">P</div>
+          <div class="slop-word">Parallelism</div>
+          <p class="slop-desc">All scanners run simultaneously. 8 tools don't mean 8x the wait time. Results stream in real-time via WebSocket.</p>
+        </div>
+      </div>
+    </div>
+  </section>
+  <!-- Deterministic Section -->
+  <section class="deterministic-section">
+    <div class="deterministic-container">
+      <div class="section-header">
+        <h2>Why "Deterministic" Matters</h2>
+        <p>LLM-based security tools hallucinate vulnerabilities. We don't.</p>
+      </div>
+      <div class="comparison-grid">
+        <div class="comparison-card bad">
+          <div class="comparison-header">
+            <span>✗</span> AI Security Tools
+          </div>
+          <ul class="comparison-list">
+            <li>Different results each run</li>
+            <li>Invents CVEs that don't exist</li>
+            <li>"Might be vulnerable" confidence theater</li>
+            <li>Can't reproduce findings for audits</li>
+            <li>Black box reasoning</li>
+          </ul>
+        </div>
+        <div class="comparison-card good">
+          <div class="comparison-header">
+            <span>✓</span> aurasecurity
+          </div>
+          <ul class="comparison-list">
+            <li>Same input = same output, always</li>
+            <li>Only real CVEs from NVD/OSV databases</li>
+            <li>Exact file:line for every finding</li>
+            <li>Reproducible for compliance audits</li>
+            <li>Full transparency on tool sources</li>
+          </ul>
+        </div>
+      </div>
+    </div>
+  </section>
+  <!-- Team Section -->
+  <section class="team-section" id="team">
+    <div class="team-container">
+      <div class="section-header">
+        <h2>Built by Security Engineers</h2>
+        <p>Not a wrapper around ChatGPT. Built by people who've actually found bugs.</p>
+      </div>
+      <div class="team-grid">
+        <div class="team-card">
+          <div class="team-icon">🔓</div>
+          <h3>Pentest Background</h3>
+          <p>Years of offensive security experience. We know what real vulnerabilities look like because we've exploited them.</p>
+        </div>
+        <div class="team-card">
+          <div class="team-icon">🐛</div>
+          <h3>Bug Bounty Hunters</h3>
+          <p>Found and reported vulnerabilities in production systems. We built this tool because we needed it ourselves.</p>
+        </div>
+        <div class="team-card">
+          <div class="team-icon">📖</div>
+          <h3>Open Source</h3>
+          <p>MIT licensed. Read every line of code. No telemetry, no tracking, no BS. Fork it, audit it, run it air-gapped.</p>
+        </div>
+      </div>
+    </div>
+  </section>
+  <!-- Tools Section -->
+  <section class="tools-section" id="tools">
+    <div class="tools-container">
+      <div class="section-header">
+        <h2>Real tools. Not GPT wrappers.</h2>
+        <p>Battle-tested scanners used by actual security teams. We just orchestrate them intelligently.</p>
+      </div>
+      <div class="tools-grid">
+        <div class="tool-chip"><span class="icon">🔐</span> Gitleaks</div>
+        <div class="tool-chip"><span class="icon">🛡️</span> Trivy</div>
+        <div class="tool-chip"><span class="icon">🔬</span> Semgrep</div>
+        <div class="tool-chip"><span class="icon">📦</span> npm audit</div>
+        <div class="tool-chip"><span class="icon">🐍</span> pip-audit</div>
+        <div class="tool-chip"><span class="icon">🦀</span> cargo-audit</div>
+        <div class="tool-chip"><span class="icon">🐹</span> govulncheck</div>
+        <div class="tool-chip"><span class="icon">🔎</span> Grype</div>
+      </div>
+    </div>
+  </section>
+  <!-- CTA Section -->
+  <section class="cta-section">
+    <div class="cta-content">
+      <h2>Stop guessing. Start scanning.</h2>
+      <p>No signup. No API keys. No cloud dependency. Just clone and run.</p>
+      <div class="cta-buttons">
+        <a href="/app" class="btn btn-primary">Try the Dashboard</a>
+        <a href="https://github.com/aurasecurity/aura-security" target="_blank" class="btn btn-ghost">Read the Code</a>
+      </div>
+    </div>
+  </section>
+  <!-- Footer -->
+  <footer>
+    <div class="footer-container">
+      <div class="footer-left">
+        <a href="/" class="logo">
+          <div class="logo-mark">🛡️</div>
+          aurasecurity
+        </a>
+        <div class="footer-links">
+          <a href="https://github.com/aurasecurity/aura-security" target="_blank">GitHub</a>
+          <a href="https://www.npmjs.com/package/aura-security" target="_blank">npm</a>
+          <a href="https://pypi.org/project/aura-security/" target="_blank">PyPI</a>
+          <a href="/app">Dashboard</a>
+        </div>
+      </div>
+      <div class="footer-right">
+        © 2026 aurasecurity · MIT License
+      </div>
+    </div>
+  </footer>
+  <script>
+    // Three.js Security Scene
+    const container = document.getElementById('hero-canvas');
+    const scene = new THREE.Scene();
+    const camera = new THREE.PerspectiveCamera(45, container.clientWidth / container.clientHeight, 0.1, 1000);
+    const renderer = new THREE.WebGLRenderer({ alpha: true, antialias: true });
+    renderer.setSize(container.clientWidth, container.clientHeight);
+    renderer.setClearColor(0x000000, 0);
+    renderer.setPixelRatio(Math.min(window.devicePixelRatio, 2));
+    container.appendChild(renderer.domElement);
+    // Lighting
+    const ambientLight = new THREE.AmbientLight(0xffffff, 0.4);
+    scene.add(ambientLight);
+    const mainLight = new THREE.DirectionalLight(0xffffff, 0.8);
+    mainLight.position.set(10, 20, 10);
+    scene.add(mainLight);
+    const cyanLight = new THREE.PointLight(0x06b6d4, 1, 20);
+    cyanLight.position.set(-5, 5, 5);
+    scene.add(cyanLight);
+    const purpleLight = new THREE.PointLight(0x8b5cf6, 0.8, 20);
+    purpleLight.position.set(5, -3, 5);
+    scene.add(purpleLight);
+    // Main group for all objects
+    const mainGroup = new THREE.Group();
+    // Central Shield/Core
+    const shieldGroup = new THREE.Group();
+    // Outer hexagonal shield
+    const shieldShape = new THREE.Shape();
+    const shieldRadius = 1.5;
+    for (let i = 0; i < 6; i++) {
+      const angle = (i / 6) * Math.PI * 2 - Math.PI / 2;
+      const x = Math.cos(angle) * shieldRadius;
+      const y = Math.sin(angle) * shieldRadius;
+      if (i === 0) shieldShape.moveTo(x, y);
+      else shieldShape.lineTo(x, y);
+    }
+    shieldShape.closePath();
+    const shieldExtrudeSettings = { depth: 0.3, bevelEnabled: true, bevelThickness: 0.05, bevelSize: 0.05, bevelSegments: 3 };
+    const shieldGeo = new THREE.ExtrudeGeometry(shieldShape, shieldExtrudeSettings);
+    const shieldMat = new THREE.MeshStandardMaterial({
+      color: 0x06b6d4,
+      metalness: 0.8,
+      roughness: 0.2,
+      emissive: 0x06b6d4,
+      emissiveIntensity: 0.1
+    });
+    const shield = new THREE.Mesh(shieldGeo, shieldMat);
+    shield.rotation.x = Math.PI / 2;
+    shieldGroup.add(shield);
+    // Inner shield detail
+    const innerShieldGeo = new THREE.ExtrudeGeometry(shieldShape, { depth: 0.1, bevelEnabled: false });
+    const innerShieldMat = new THREE.MeshStandardMaterial({
+      color: 0x0f172a,
+      metalness: 0.9,
+      roughness: 0.1
+    });
+    const innerShield = new THREE.Mesh(innerShieldGeo, innerShieldMat);
+    innerShield.scale.set(0.7, 0.7, 1);
+    innerShield.rotation.x = Math.PI / 2;
+    innerShield.position.z = 0.2;
+    shieldGroup.add(innerShield);
+    // Lock icon in center
+    const lockBodyGeo = new THREE.BoxGeometry(0.4, 0.5, 0.15);
+    const lockMat = new THREE.MeshStandardMaterial({ color: 0x06b6d4, metalness: 0.7, roughness: 0.3 });
+    const lockBody = new THREE.Mesh(lockBodyGeo, lockMat);
+    lockBody.position.z = 0.3;
+    shieldGroup.add(lockBody);
+    const lockArcGeo = new THREE.TorusGeometry(0.2, 0.05, 8, 16, Math.PI);
+    const lockArc = new THREE.Mesh(lockArcGeo, lockMat);
+    lockArc.position.set(0, 0.25, 0.3);
+    lockArc.rotation.z = Math.PI;
+    shieldGroup.add(lockArc);
+    mainGroup.add(shieldGroup);
+    // Orbiting security nodes
+    const nodePositions = [
+      { radius: 3, speed: 0.5, offset: 0, color: 0x10b981, icon: 'check' },
+      { radius: 3, speed: 0.5, offset: Math.PI * 0.66, color: 0xf59e0b, icon: 'warning' },
+      { radius: 3, speed: 0.5, offset: Math.PI * 1.33, color: 0xef4444, icon: 'alert' },
+      { radius: 4.2, speed: 0.3, offset: Math.PI * 0.25, color: 0x8b5cf6, icon: 'scan' },
+      { radius: 4.2, speed: 0.3, offset: Math.PI * 0.75, color: 0x06b6d4, icon: 'scan' },
+      { radius: 4.2, speed: 0.3, offset: Math.PI * 1.25, color: 0x10b981, icon: 'scan' },
+      { radius: 4.2, speed: 0.3, offset: Math.PI * 1.75, color: 0x8b5cf6, icon: 'scan' },
+    ];
+    const nodes = [];
+    nodePositions.forEach((config, index) => {
+      const nodeGroup = new THREE.Group();
+      // Node body - rounded cube style
+      const nodeGeo = new THREE.BoxGeometry(0.5, 0.5, 0.5);
+      const nodeMat = new THREE.MeshStandardMaterial({
+        color: config.color,
+        metalness: 0.6,
+        roughness: 0.3,
+        emissive: config.color,
+        emissiveIntensity: 0.2
+      });
+      const node = new THREE.Mesh(nodeGeo, nodeMat);
+      node.rotation.set(Math.PI / 4, Math.PI / 4, 0);
+      nodeGroup.add(node);
+      // Glow ring
+      const ringGeo = new THREE.RingGeometry(0.35, 0.4, 32);
+      const ringMat = new THREE.MeshBasicMaterial({
+        color: config.color,
+        transparent: true,
+        opacity: 0.3,
+        side: THREE.DoubleSide
+      });
+      const ring = new THREE.Mesh(ringGeo, ringMat);
+      nodeGroup.add(ring);
+      nodeGroup.userData = config;
+      nodes.push(nodeGroup);
+      mainGroup.add(nodeGroup);
+    });
+    // Orbital rings
+    const createOrbitRing = (radius, opacity) => {
+      const ringGeo = new THREE.RingGeometry(radius - 0.02, radius + 0.02, 64);
+      const ringMat = new THREE.MeshBasicMaterial({
+        color: 0x06b6d4,
+        transparent: true,
+        opacity: opacity,
+        side: THREE.DoubleSide
+      });
+      const ring = new THREE.Mesh(ringGeo, ringMat);
+      ring.rotation.x = Math.PI / 2;
+      return ring;
+    };
+    mainGroup.add(createOrbitRing(3, 0.15));
+    mainGroup.add(createOrbitRing(4.2, 0.1));
+    // Data stream particles
+    const particleCount = 100;
+    const particleGeo = new THREE.BufferGeometry();
+    const particlePositions = new Float32Array(particleCount * 3);
+    const particleSpeeds = [];
+    for (let i = 0; i < particleCount; i++) {
+      const angle = Math.random() * Math.PI * 2;
+      const radius = 2 + Math.random() * 3;
+      particlePositions[i * 3] = Math.cos(angle) * radius;
+      particlePositions[i * 3 + 1] = (Math.random() - 0.5) * 2;
+      particlePositions[i * 3 + 2] = Math.sin(angle) * radius;
+      particleSpeeds.push(0.01 + Math.random() * 0.02);
+    }
+    particleGeo.setAttribute('position', new THREE.BufferAttribute(particlePositions, 3));
+    const particleMat = new THREE.PointsMaterial({
+      color: 0x06b6d4,
+      size: 0.05,
+      transparent: true,
+      opacity: 0.6
+    });
+    const particles = new THREE.Points(particleGeo, particleMat);
+    mainGroup.add(particles);
+    // Tilt the whole scene
+    mainGroup.rotation.x = 0.3;
+    scene.add(mainGroup);
+    camera.position.set(0, 2, 8);
+    camera.lookAt(0, 0, 0);
+    // Animation
+    let time = 0;
+    function animate() {
+      requestAnimationFrame(animate);
+      time += 0.01;
+      // Rotate shield slowly
+      shieldGroup.rotation.z = Math.sin(time * 0.5) * 0.1;
+      // Animate orbiting nodes
+      nodes.forEach((node, i) => {
+        const config = node.userData;
+        const angle = time * config.speed + config.offset;
+        node.position.x = Math.cos(angle) * config.radius;
+        node.position.z = Math.sin(angle) * config.radius;
+        node.position.y = Math.sin(time * 2 + i) * 0.2;
+        node.rotation.y = time;
+      });
+      // Animate particles
+      const positions = particles.geometry.attributes.position.array;
+      for (let i = 0; i < particleCount; i++) {
+        const idx = i * 3;
+        const x = positions[idx];
+        const z = positions[idx + 2];
+        const angle = Math.atan2(z, x) + particleSpeeds[i];
+        const radius = Math.sqrt(x * x + z * z);
+        positions[idx] = Math.cos(angle) * radius;
+        positions[idx + 2] = Math.sin(angle) * radius;
+        positions[idx + 1] += 0.01;
+        if (positions[idx + 1] > 1) positions[idx + 1] = -1;
+      }
+      particles.geometry.attributes.position.needsUpdate = true;
+      // Gentle scene rotation
+      mainGroup.rotation.y = time * 0.1;
+      renderer.render(scene, camera);
+    }
+    animate();
+    // Handle resize
+    window.addEventListener('resize', () => {
+      camera.aspect = container.clientWidth / container.clientHeight;
+      camera.updateProjectionMatrix();
+      renderer.setSize(container.clientWidth, container.clientHeight);
+    });
+    // Smooth scroll
+    document.querySelectorAll('a[href^="#"]').forEach(anchor => {
+      anchor.addEventListener('click', function(e) {
+        e.preventDefault();
+        const target = document.querySelector(this.getAttribute('href'));
+        if (target) {
+          target.scrollIntoView({ behavior: 'smooth' });
+        }
+      });
+    });
+  </script>
+</body>
+</html>