@jaimevalasek/aioson 1.5.1 → 1.7.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 (341) hide show
  1. package/CHANGELOG.md +49 -0
  2. package/README.md +729 -226
  3. package/docs/design-previews/aurora-command-ui-website.html +884 -0
  4. package/docs/design-previews/aurora-command-ui.html +682 -0
  5. package/docs/design-previews/bold-editorial-ui-website.html +658 -0
  6. package/docs/design-previews/bold-editorial-ui.html +717 -0
  7. package/docs/design-previews/clean-saas-ui-website.html +1202 -0
  8. package/docs/design-previews/clean-saas-ui.html +549 -0
  9. package/docs/design-previews/cognitive-core-ui-website.html +1009 -0
  10. package/docs/design-previews/cognitive-core-ui.html +463 -0
  11. package/docs/design-previews/glassmorphism-ui-website.html +572 -0
  12. package/docs/design-previews/glassmorphism-ui.html +886 -0
  13. package/docs/design-previews/index.html +699 -0
  14. package/docs/design-previews/interface-design-website.html +1187 -0
  15. package/docs/design-previews/interface-design.html +513 -0
  16. package/docs/design-previews/neo-brutalist-ui-website.html +621 -0
  17. package/docs/design-previews/neo-brutalist-ui.html +797 -0
  18. package/docs/design-previews/premium-command-center-ui-website.html +1217 -0
  19. package/docs/design-previews/premium-command-center-ui.html +552 -0
  20. package/docs/design-previews/pt.squarespace.com-homepage.html +889 -0
  21. package/docs/design-previews/warm-craft-ui-website.html +684 -0
  22. package/docs/design-previews/warm-craft-ui.html +739 -0
  23. package/docs/en/cli-reference.md +20 -9
  24. package/docs/integrations/sdlc-genius-boundary.md +76 -0
  25. package/docs/integrations/sdlc-genius-eval-matrix.md +75 -0
  26. package/docs/integrations/sdlc-genius-install-checklist.md +93 -0
  27. package/docs/integrations/sdlc-genius-review-samples.md +86 -0
  28. package/docs/pt/README.md +10 -0
  29. package/docs/pt/agent-sharding.md +132 -0
  30. package/docs/pt/agentes.md +9 -2
  31. package/docs/pt/busca-de-contexto.md +129 -0
  32. package/docs/pt/cache-de-contexto.md +156 -0
  33. package/docs/pt/comandos-cli.md +915 -1
  34. package/docs/pt/design-hybrid-forge.md +356 -0
  35. package/docs/pt/devlog-pipeline.md +270 -0
  36. package/docs/pt/fluxo-artefatos.md +178 -0
  37. package/docs/pt/hooks-session-guard.md +454 -0
  38. package/docs/pt/inicio-rapido.md +54 -3
  39. package/docs/pt/inteligencia-adaptativa.md +324 -0
  40. package/docs/pt/monitor-de-contexto.md +158 -0
  41. package/docs/pt/recuperacao-de-sessao.md +125 -0
  42. package/docs/pt/sandbox.md +125 -0
  43. package/docs/pt/sdd-automation-scripts.md +557 -0
  44. package/docs/pt/site-forge.md +309 -0
  45. package/docs/pt/skills.md +98 -6
  46. package/docs/pt/spec-learnings-pipeline.md +265 -0
  47. package/package.json +1 -1
  48. package/src/a2a/client.js +165 -0
  49. package/src/a2a/server.js +223 -0
  50. package/src/agent-loader.js +280 -0
  51. package/src/cli.js +329 -1
  52. package/src/commands/agent-audit.js +397 -0
  53. package/src/commands/agent-export-skill.js +229 -0
  54. package/src/commands/agent-loader.js +85 -0
  55. package/src/commands/artifact-validate.js +189 -0
  56. package/src/commands/brief-gen.js +405 -0
  57. package/src/commands/brief-validate.js +65 -0
  58. package/src/commands/classify.js +256 -0
  59. package/src/commands/context-cache.js +90 -0
  60. package/src/commands/context-compact.js +49 -0
  61. package/src/commands/context-health.js +175 -0
  62. package/src/commands/context-monitor.js +163 -0
  63. package/src/commands/context-search.js +66 -0
  64. package/src/commands/context-trim.js +177 -0
  65. package/src/commands/design-hybrid-options.js +385 -0
  66. package/src/commands/detect-test-runner.js +55 -0
  67. package/src/commands/devlog-export-brains.js +27 -0
  68. package/src/commands/devlog-process.js +292 -0
  69. package/src/commands/devlog-watch.js +131 -0
  70. package/src/commands/feature-close.js +165 -0
  71. package/src/commands/gate-check.js +228 -0
  72. package/src/commands/health.js +214 -0
  73. package/src/commands/hooks-emit.js +253 -0
  74. package/src/commands/hooks-install.js +347 -0
  75. package/src/commands/init.js +54 -13
  76. package/src/commands/install.js +52 -13
  77. package/src/commands/learning-auto-promote.js +195 -0
  78. package/src/commands/learning-evolve.js +364 -0
  79. package/src/commands/learning-export.js +103 -0
  80. package/src/commands/learning-rollback.js +164 -0
  81. package/src/commands/live.js +59 -1
  82. package/src/commands/pattern-detect.js +33 -0
  83. package/src/commands/preflight-context.js +30 -0
  84. package/src/commands/preflight.js +208 -0
  85. package/src/commands/pulse-update.js +130 -0
  86. package/src/commands/recovery.js +43 -0
  87. package/src/commands/runner-daemon.js +274 -0
  88. package/src/commands/runner-plan.js +70 -0
  89. package/src/commands/runner-queue-from-plan.js +166 -0
  90. package/src/commands/runner-queue.js +189 -0
  91. package/src/commands/runner-run.js +129 -0
  92. package/src/commands/runtime.js +47 -1
  93. package/src/commands/sandbox.js +37 -0
  94. package/src/commands/self-implement-loop.js +256 -0
  95. package/src/commands/session-guard.js +218 -0
  96. package/src/commands/setup-context.js +22 -2
  97. package/src/commands/setup.js +178 -0
  98. package/src/commands/sizing.js +165 -0
  99. package/src/commands/skill.js +144 -32
  100. package/src/commands/spec-checkpoint.js +177 -0
  101. package/src/commands/spec-status.js +79 -0
  102. package/src/commands/spec-sync.js +190 -0
  103. package/src/commands/spec-tasks.js +288 -0
  104. package/src/commands/squad-autorun.js +1220 -0
  105. package/src/commands/squad-bus.js +217 -0
  106. package/src/commands/squad-card.js +149 -0
  107. package/src/commands/squad-daemon.js +134 -0
  108. package/src/commands/squad-dependency-graph.js +164 -0
  109. package/src/commands/squad-review.js +106 -0
  110. package/src/commands/squad-scaffold.js +55 -0
  111. package/src/commands/squad-tool-register.js +157 -0
  112. package/src/commands/state-save.js +122 -0
  113. package/src/commands/tool-registry-cmd.js +232 -0
  114. package/src/commands/update.js +9 -0
  115. package/src/commands/verify-gate.js +572 -0
  116. package/src/commands/workflow-execute.js +241 -0
  117. package/src/constants.js +18 -0
  118. package/src/context-cache.js +159 -0
  119. package/src/context-search.js +326 -0
  120. package/src/design-variation-catalog.js +503 -0
  121. package/src/i18n/messages/en.js +32 -2
  122. package/src/i18n/messages/es.js +30 -2
  123. package/src/i18n/messages/fr.js +30 -2
  124. package/src/i18n/messages/pt-BR.js +32 -2
  125. package/src/install-animation.js +260 -0
  126. package/src/install-profile.js +143 -0
  127. package/src/install-wizard.js +475 -0
  128. package/src/installer.js +44 -10
  129. package/src/lib/health-check.js +158 -0
  130. package/src/lib/hook-protocol.js +76 -0
  131. package/src/mcp/apps/squad-dashboard/app.js +163 -0
  132. package/src/mcp/apps/squad-dashboard/index.html +261 -0
  133. package/src/mcp/apps/squad-dashboard/mcp-manifest.json +23 -0
  134. package/src/mcp/resources/squad-state.js +130 -0
  135. package/src/parser.js +7 -1
  136. package/src/preflight-engine.js +443 -0
  137. package/src/recovery-context-session.js +154 -0
  138. package/src/runner/cascade.js +97 -0
  139. package/src/runner/cli-launcher.js +109 -0
  140. package/src/runner/plan-importer.js +63 -0
  141. package/src/runner/queue-store.js +159 -0
  142. package/src/runtime-store.js +158 -4
  143. package/src/sandbox.js +177 -0
  144. package/src/squad/agent-teams-adapter.js +264 -0
  145. package/src/squad/brief-validator.js +350 -0
  146. package/src/squad/bus-bridge.js +140 -0
  147. package/src/squad/context-compactor.js +265 -0
  148. package/src/squad/cross-ai-synthesizer.js +250 -0
  149. package/src/squad/hooks-generator.js +196 -0
  150. package/src/squad/inter-squad-events.js +175 -0
  151. package/src/squad/intra-bus.js +345 -0
  152. package/src/squad/learning-extractor.js +213 -0
  153. package/src/squad/pattern-detector.js +365 -0
  154. package/src/squad/preflight-context.js +296 -0
  155. package/src/squad/recovery-context.js +242 -71
  156. package/src/squad/reflection.js +365 -0
  157. package/src/squad/squad-scaffold.js +177 -0
  158. package/src/squad/state-manager.js +310 -0
  159. package/src/squad/task-decomposer.js +652 -0
  160. package/src/squad/verify-gate.js +303 -0
  161. package/src/tool-executor.js +94 -0
  162. package/src/updater.js +10 -3
  163. package/src/worker-runner.js +186 -1
  164. package/template/.aioson/agents/analyst.md +119 -3
  165. package/template/.aioson/agents/architect.md +98 -0
  166. package/template/.aioson/agents/design-hybrid-forge.md +141 -0
  167. package/template/.aioson/agents/dev.md +335 -14
  168. package/template/.aioson/agents/deyvin.md +117 -2
  169. package/template/.aioson/agents/discovery-design-doc.md +44 -0
  170. package/template/.aioson/agents/genome.md +14 -0
  171. package/template/.aioson/agents/neo.md +78 -1
  172. package/template/.aioson/agents/orache.md +50 -4
  173. package/template/.aioson/agents/orchestrator.md +197 -1
  174. package/template/.aioson/agents/pm.md +93 -0
  175. package/template/.aioson/agents/product.md +77 -4
  176. package/template/.aioson/agents/profiler-enricher.md +14 -0
  177. package/template/.aioson/agents/profiler-forge.md +14 -0
  178. package/template/.aioson/agents/profiler-researcher.md +14 -0
  179. package/template/.aioson/agents/qa.md +249 -19
  180. package/template/.aioson/agents/setup.md +144 -12
  181. package/template/.aioson/agents/sheldon.md +237 -11
  182. package/template/.aioson/agents/site-forge.md +1753 -0
  183. package/template/.aioson/agents/squad.md +162 -0
  184. package/template/.aioson/agents/tester.md +209 -0
  185. package/template/.aioson/agents/ux-ui.md +34 -1
  186. package/template/.aioson/brains/README.md +128 -0
  187. package/template/.aioson/brains/_index.json +16 -0
  188. package/template/.aioson/brains/scripts/query.js +103 -0
  189. package/template/.aioson/brains/site-forge/visual-patterns.brain.json +205 -0
  190. package/template/.aioson/config.md +158 -13
  191. package/template/.aioson/constitution.md +33 -0
  192. package/template/.aioson/context/forensics/.gitkeep +0 -0
  193. package/template/.aioson/context/project-pulse.md +34 -0
  194. package/template/.aioson/context/seeds/seed-example.md +27 -0
  195. package/template/.aioson/context/user-profile.md +42 -0
  196. package/template/.aioson/docs/LAYERS.md +79 -0
  197. package/template/.aioson/docs/README.md +76 -0
  198. package/template/.aioson/docs/example-external-api-context.md +72 -0
  199. package/template/.aioson/locales/en/agents/architect.md +17 -0
  200. package/template/.aioson/locales/en/agents/dev.md +79 -13
  201. package/template/.aioson/locales/en/agents/orache.md +6 -0
  202. package/template/.aioson/locales/en/agents/orchestrator.md +24 -0
  203. package/template/.aioson/locales/en/agents/product.md +50 -0
  204. package/template/.aioson/locales/en/agents/setup.md +33 -1
  205. package/template/.aioson/locales/en/agents/sheldon.md +115 -0
  206. package/template/.aioson/locales/en/agents/squad.md +14 -0
  207. package/template/.aioson/locales/en/agents/tester.md +6 -0
  208. package/template/.aioson/locales/es/agents/analyst.md +2 -0
  209. package/template/.aioson/locales/es/agents/architect.md +19 -0
  210. package/template/.aioson/locales/es/agents/dev.md +64 -4
  211. package/template/.aioson/locales/es/agents/deyvin.md +2 -0
  212. package/template/.aioson/locales/es/agents/discovery-design-doc.md +2 -0
  213. package/template/.aioson/locales/es/agents/genome.md +2 -0
  214. package/template/.aioson/locales/es/agents/neo.md +2 -0
  215. package/template/.aioson/locales/es/agents/orache.md +2 -0
  216. package/template/.aioson/locales/es/agents/orchestrator.md +26 -0
  217. package/template/.aioson/locales/es/agents/pair.md +2 -0
  218. package/template/.aioson/locales/es/agents/pm.md +2 -0
  219. package/template/.aioson/locales/es/agents/product.md +52 -0
  220. package/template/.aioson/locales/es/agents/profiler-enricher.md +2 -0
  221. package/template/.aioson/locales/es/agents/profiler-forge.md +2 -0
  222. package/template/.aioson/locales/es/agents/profiler-researcher.md +2 -0
  223. package/template/.aioson/locales/es/agents/qa.md +2 -0
  224. package/template/.aioson/locales/es/agents/setup.md +35 -1
  225. package/template/.aioson/locales/es/agents/sheldon.md +117 -0
  226. package/template/.aioson/locales/es/agents/squad.md +16 -0
  227. package/template/.aioson/locales/es/agents/tester.md +9 -0
  228. package/template/.aioson/locales/es/agents/ux-ui.md +2 -0
  229. package/template/.aioson/locales/fr/agents/analyst.md +2 -0
  230. package/template/.aioson/locales/fr/agents/architect.md +19 -0
  231. package/template/.aioson/locales/fr/agents/dev.md +64 -4
  232. package/template/.aioson/locales/fr/agents/deyvin.md +2 -0
  233. package/template/.aioson/locales/fr/agents/discovery-design-doc.md +2 -0
  234. package/template/.aioson/locales/fr/agents/genome.md +2 -0
  235. package/template/.aioson/locales/fr/agents/neo.md +2 -0
  236. package/template/.aioson/locales/fr/agents/orache.md +2 -0
  237. package/template/.aioson/locales/fr/agents/orchestrator.md +26 -0
  238. package/template/.aioson/locales/fr/agents/pair.md +2 -0
  239. package/template/.aioson/locales/fr/agents/pm.md +2 -0
  240. package/template/.aioson/locales/fr/agents/product.md +52 -0
  241. package/template/.aioson/locales/fr/agents/profiler-enricher.md +2 -0
  242. package/template/.aioson/locales/fr/agents/profiler-forge.md +2 -0
  243. package/template/.aioson/locales/fr/agents/profiler-researcher.md +2 -0
  244. package/template/.aioson/locales/fr/agents/qa.md +2 -0
  245. package/template/.aioson/locales/fr/agents/setup.md +35 -1
  246. package/template/.aioson/locales/fr/agents/sheldon.md +117 -0
  247. package/template/.aioson/locales/fr/agents/squad.md +16 -0
  248. package/template/.aioson/locales/fr/agents/tester.md +9 -0
  249. package/template/.aioson/locales/fr/agents/ux-ui.md +2 -0
  250. package/template/.aioson/locales/pt-BR/agents/analyst.md +64 -3
  251. package/template/.aioson/locales/pt-BR/agents/architect.md +42 -0
  252. package/template/.aioson/locales/pt-BR/agents/dev.md +147 -14
  253. package/template/.aioson/locales/pt-BR/agents/deyvin.md +47 -0
  254. package/template/.aioson/locales/pt-BR/agents/neo.md +62 -1
  255. package/template/.aioson/locales/pt-BR/agents/orchestrator.md +158 -2
  256. package/template/.aioson/locales/pt-BR/agents/pm.md +95 -1
  257. package/template/.aioson/locales/pt-BR/agents/product.md +145 -18
  258. package/template/.aioson/locales/pt-BR/agents/qa.md +16 -0
  259. package/template/.aioson/locales/pt-BR/agents/setup.md +134 -19
  260. package/template/.aioson/locales/pt-BR/agents/sheldon.md +132 -1
  261. package/template/.aioson/locales/pt-BR/agents/squad.md +14 -0
  262. package/template/.aioson/locales/pt-BR/agents/tester.md +449 -0
  263. package/template/.aioson/rules/README.md +69 -0
  264. package/template/.aioson/rules/data-format-convention.md +136 -0
  265. package/template/.aioson/rules/example-monetary-values.md +30 -0
  266. package/template/.aioson/schemas/squad-manifest.schema.json +124 -3
  267. package/template/.aioson/skills/design/aurora-command-ui/SKILL.md +243 -0
  268. package/template/.aioson/skills/design/aurora-command-ui/references/art-direction.md +293 -0
  269. package/template/.aioson/skills/design/aurora-command-ui/references/components.md +827 -0
  270. package/template/.aioson/skills/design/aurora-command-ui/references/dashboards.md +250 -0
  271. package/template/.aioson/skills/design/aurora-command-ui/references/design-tokens.md +585 -0
  272. package/template/.aioson/skills/design/aurora-command-ui/references/motion.md +365 -0
  273. package/template/.aioson/skills/design/aurora-command-ui/references/patterns.md +482 -0
  274. package/template/.aioson/skills/design/aurora-command-ui/references/websites.md +387 -0
  275. package/template/.aioson/skills/design/glassmorphism-ui/SKILL.md +222 -0
  276. package/template/.aioson/skills/design/glassmorphism-ui/references/art-direction.md +159 -0
  277. package/template/.aioson/skills/design/glassmorphism-ui/references/components.md +498 -0
  278. package/template/.aioson/skills/design/glassmorphism-ui/references/dashboards.md +236 -0
  279. package/template/.aioson/skills/design/glassmorphism-ui/references/design-tokens.md +274 -0
  280. package/template/.aioson/skills/design/glassmorphism-ui/references/motion.md +355 -0
  281. package/template/.aioson/skills/design/glassmorphism-ui/references/patterns.md +198 -0
  282. package/template/.aioson/skills/design/glassmorphism-ui/references/websites.md +307 -0
  283. package/template/.aioson/skills/design/neo-brutalist-ui/SKILL.md +213 -0
  284. package/template/.aioson/skills/design/neo-brutalist-ui/references/art-direction.md +228 -0
  285. package/template/.aioson/skills/design/neo-brutalist-ui/references/components.md +855 -0
  286. package/template/.aioson/skills/design/neo-brutalist-ui/references/dashboards.md +334 -0
  287. package/template/.aioson/skills/design/neo-brutalist-ui/references/design-tokens.md +342 -0
  288. package/template/.aioson/skills/design/neo-brutalist-ui/references/motion.md +286 -0
  289. package/template/.aioson/skills/design/neo-brutalist-ui/references/patterns.md +458 -0
  290. package/template/.aioson/skills/design/neo-brutalist-ui/references/websites.md +723 -0
  291. package/template/.aioson/skills/design/pt.squarespace.com/.skill-meta.json +31 -0
  292. package/template/.aioson/skills/design/pt.squarespace.com/SKILL.md +66 -0
  293. package/template/.aioson/skills/design/pt.squarespace.com/references/components.md +368 -0
  294. package/template/.aioson/skills/design/pt.squarespace.com/references/design-tokens.md +150 -0
  295. package/template/.aioson/skills/design/pt.squarespace.com/references/motion.md +270 -0
  296. package/template/.aioson/skills/design/pt.squarespace.com/references/patterns.md +189 -0
  297. package/template/.aioson/skills/design/pt.squarespace.com/references/websites.md +165 -0
  298. package/template/.aioson/skills/process/aioson-spec-driven/SKILL.md +46 -0
  299. package/template/.aioson/skills/process/aioson-spec-driven/references/analyst.md +30 -0
  300. package/template/.aioson/skills/process/aioson-spec-driven/references/approval-gates.md +109 -0
  301. package/template/.aioson/skills/process/aioson-spec-driven/references/architect.md +23 -0
  302. package/template/.aioson/skills/process/aioson-spec-driven/references/artifact-map.md +44 -0
  303. package/template/.aioson/skills/process/aioson-spec-driven/references/classification-map.md +37 -0
  304. package/template/.aioson/skills/process/aioson-spec-driven/references/dev.md +47 -0
  305. package/template/.aioson/skills/process/aioson-spec-driven/references/deyvin.md +27 -0
  306. package/template/.aioson/skills/process/aioson-spec-driven/references/hardening-lane.md +49 -0
  307. package/template/.aioson/skills/process/aioson-spec-driven/references/maintenance-and-state.md +101 -0
  308. package/template/.aioson/skills/process/aioson-spec-driven/references/product.md +25 -0
  309. package/template/.aioson/skills/process/aioson-spec-driven/references/qa.md +30 -0
  310. package/template/.aioson/skills/process/aioson-spec-driven/references/sheldon.md +25 -0
  311. package/template/.aioson/skills/process/aioson-spec-driven/references/ui-language.md +75 -0
  312. package/template/.aioson/skills/process/design-hybrid-forge/SKILL.md +147 -0
  313. package/template/.aioson/skills/process/design-hybrid-forge/references/crossover-protocol.md +221 -0
  314. package/template/.aioson/skills/process/design-hybrid-forge/references/naming-registry.md +88 -0
  315. package/template/.aioson/skills/process/design-hybrid-forge/references/output-contract.md +306 -0
  316. package/template/.aioson/skills/process/design-hybrid-forge/references/pair-compatibility.md +149 -0
  317. package/template/.aioson/skills/process/design-hybrid-forge/references/quality-gates.md +208 -0
  318. package/template/.aioson/skills/process/design-hybrid-forge/references/variation-library.md +125 -0
  319. package/template/.aioson/skills/process/simplify/SKILL.md +173 -0
  320. package/template/.aioson/skills/static/context-budget-guide.md +46 -0
  321. package/template/.aioson/skills/static/harness-sensors.md +74 -0
  322. package/template/.aioson/skills/static/multi-agent-patterns.md +43 -0
  323. package/template/.aioson/skills/static/react-motion-patterns.md +22 -0
  324. package/template/.aioson/skills/static/static-html-patterns/checklists.md +43 -0
  325. package/template/.aioson/skills/static/static-html-patterns/css-tokens.md +609 -0
  326. package/template/.aioson/skills/static/static-html-patterns/motion.md +193 -0
  327. package/template/.aioson/skills/static/static-html-patterns/premium.md +711 -0
  328. package/template/.aioson/skills/static/static-html-patterns/structure.md +209 -0
  329. package/template/.aioson/skills/static/static-html-patterns/utilities.md +190 -0
  330. package/template/.aioson/skills/static/static-html-patterns.md +58 -1913
  331. package/template/.aioson/skills/static/threejs-patterns.md +929 -0
  332. package/template/.aioson/skills/static/web-research-cache.md +112 -0
  333. package/template/.aioson/tasks/implementation-plan.md +21 -1
  334. package/template/.claude/commands/aioson/agent/design-hybrid-forge.md +5 -0
  335. package/template/.claude/commands/aioson/agent/orache.md +5 -0
  336. package/template/.claude/commands/aioson/agent/sheldon.md +5 -0
  337. package/template/.claude/commands/aioson/agent/site-forge.md +5 -0
  338. package/template/AGENTS.md +75 -1
  339. package/template/CLAUDE.md +31 -0
  340. package/template/OPENCODE.md +4 -0
  341. package/template/researchs/.gitkeep +0 -0
package/docs/design-previews/aurora-command-ui-website.html ADDED
@@ -0,0 +1,884 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8" />
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
+ <title>Aurora Command UI — Landing Page Preview</title>
7
+ <link rel="preconnect" href="https://fonts.googleapis.com" />
8
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
9
+ <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet" />
10
+ <style>
11
+ *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
12
+
13
+ :root {
14
+ --bg-gradient: linear-gradient(135deg, #060910 0%, #0A0818 30%, #060C1A 70%, #08060F 100%);
15
+ --glass-shell: rgba(8, 12, 22, 0.70);
16
+ --glass-surface: rgba(10, 14, 26, 0.60);
17
+ --glass-elevated: rgba(14, 20, 36, 0.75);
18
+ --glass-border: rgba(255,255,255,0.09);
19
+ --glass-border-strong: rgba(255,255,255,0.18);
20
+ --glass-highlight: linear-gradient(180deg, rgba(255,255,255,0.07) 0%, transparent 50%);
21
+ --accent-primary: #00C8E8;
22
+ --accent-violet: #7C3AED;
23
+ --accent-gradient: linear-gradient(135deg, #00C8E8, #7C3AED);
24
+ --text-heading: #F0F4FA;
25
+ --text-primary: #C8D4E8;
26
+ --text-secondary: #8898B0;
27
+ --text-muted: #556070;
28
+ --green: #00D68F;
29
+ --amber: #F4A91D;
30
+ }
31
+
32
+ html {
33
+ font-family: 'Inter', system-ui, sans-serif;
34
+ background: var(--bg-gradient);
35
+ background-attachment: fixed;
36
+ color: var(--text-primary);
37
+ line-height: 1.6;
38
+ scroll-behavior: smooth;
39
+ }
40
+
41
+ /* AIOSON badge */
42
+ .aioson-badge {
43
+ position: fixed; top: 10px; right: 10px; z-index: 9999;
44
+ background: var(--accent-gradient);
45
+ color: #fff;
46
+ font-size: 9.5px; font-weight: 700;
47
+ letter-spacing: 0.08em;
48
+ padding: 3px 10px; border-radius: 9999px;
49
+ box-shadow: 0 0 16px rgba(0,200,232,0.35);
50
+ pointer-events: none;
51
+ }
52
+
53
+ .mono { font-family: 'JetBrains Mono', monospace; }
54
+ .mono-label {
55
+ font-family: 'JetBrains Mono', monospace;
56
+ font-size: 0.625rem; font-weight: 600;
57
+ letter-spacing: 0.14em; text-transform: uppercase;
58
+ }
59
+
60
+ /* Glass base */
61
+ .glass {
62
+ background: var(--glass-surface);
63
+ backdrop-filter: blur(16px);
64
+ -webkit-backdrop-filter: blur(16px);
65
+ border: 1px solid var(--glass-border);
66
+ position: relative;
67
+ }
68
+ .glass::before {
69
+ content: '';
70
+ position: absolute;
71
+ inset: 0;
72
+ border-radius: inherit;
73
+ background: var(--glass-highlight);
74
+ pointer-events: none;
75
+ }
76
+
77
+ /* AURORA ORBS */
78
+ .aurora-orb {
79
+ position: fixed;
80
+ border-radius: 50%;
81
+ pointer-events: none;
82
+ z-index: 0;
83
+ animation: aurora-drift 22s ease-in-out infinite;
84
+ }
85
+ .orb-1 {
86
+ width: 600px; height: 600px;
87
+ top: -100px; right: -80px;
88
+ background: radial-gradient(circle, rgba(0,200,232,0.18), rgba(124,58,237,0.12), transparent 70%);
89
+ filter: blur(80px);
90
+ }
91
+ .orb-2 {
92
+ width: 500px; height: 500px;
93
+ bottom: -80px; left: -60px;
94
+ background: radial-gradient(circle, rgba(124,58,237,0.18), rgba(0,200,232,0.10), transparent 70%);
95
+ filter: blur(70px);
96
+ animation-direction: reverse;
97
+ animation-duration: 28s;
98
+ }
99
+ .orb-3 {
100
+ width: 350px; height: 350px;
101
+ top: 50%; left: 50%;
102
+ transform: translate(-50%, -50%);
103
+ background: radial-gradient(circle, rgba(0,200,232,0.08), transparent 70%);
104
+ filter: blur(60px);
105
+ animation-duration: 35s;
106
+ }
107
+ @keyframes aurora-drift {
108
+ 0% { transform: translate(0,0) scale(1); }
109
+ 33% { transform: translate(-30px,15px) scale(1.04); }
110
+ 66% { transform: translate(15px,-20px) scale(0.97); }
111
+ 100% { transform: translate(0,0) scale(1); }
112
+ }
113
+
114
+ /* NAVIGATION */
115
+ .nav {
116
+ position: fixed; top: 0; left: 0; right: 0;
117
+ height: 64px; z-index: 100;
118
+ background: rgba(8,12,22,0.50);
119
+ backdrop-filter: blur(20px);
120
+ -webkit-backdrop-filter: blur(20px);
121
+ border-bottom: 1px solid var(--glass-border);
122
+ display: flex; align-items: center;
123
+ padding: 0 64px;
124
+ }
125
+ .nav-logo {
126
+ display: flex; align-items: center; gap: 10px;
127
+ margin-right: auto;
128
+ }
129
+ .nav-logo-mark {
130
+ width: 32px; height: 32px; border-radius: 8px;
131
+ background: var(--accent-gradient);
132
+ display: flex; align-items: center; justify-content: center;
133
+ font-weight: 800; font-size: 13px; color: #fff;
134
+ letter-spacing: -0.04em;
135
+ }
136
+ .nav-logo-text {
137
+ font-size: 15px; font-weight: 700;
138
+ color: var(--text-heading); letter-spacing: -0.02em;
139
+ }
140
+ .nav-links {
141
+ display: flex; align-items: center; gap: 2px;
142
+ }
143
+ .nav-link {
144
+ padding: 6px 16px; font-size: 13px; font-weight: 500;
145
+ color: var(--text-secondary); border-radius: 7px;
146
+ cursor: pointer; transition: color 160ms, background 160ms;
147
+ }
148
+ .nav-link:hover { color: var(--text-primary); background: rgba(255,255,255,0.04); }
149
+ .nav-cta {
150
+ margin-left: 16px;
151
+ background: var(--accent-gradient);
152
+ color: #fff; border: none;
153
+ padding: 7px 18px; border-radius: 8px;
154
+ font-size: 13px; font-weight: 600; cursor: pointer;
155
+ box-shadow: 0 0 18px rgba(0,200,232,0.25);
156
+ }
157
+
158
+ /* PAGE CONTENT */
159
+ .page { position: relative; z-index: 1; }
160
+
161
+ /* HERO */
162
+ .hero {
163
+ padding-top: 120px;
164
+ padding-bottom: 80px;
165
+ padding-left: 64px;
166
+ padding-right: 64px;
167
+ display: grid;
168
+ grid-template-columns: 56% 44%;
169
+ align-items: center;
170
+ gap: 0;
171
+ min-height: 100vh;
172
+ max-width: 1280px;
173
+ margin: 0 auto;
174
+ }
175
+ .hero-text {}
176
+ .hero-eyebrow {
177
+ display: inline-flex; align-items: center; gap: 8px;
178
+ padding: 4px 12px 4px 8px;
179
+ background: rgba(0,200,232,0.08);
180
+ border: 1px solid rgba(0,200,232,0.20);
181
+ border-radius: 9999px;
182
+ margin-bottom: 28px;
183
+ }
184
+ .hero-eyebrow-dot {
185
+ width: 6px; height: 6px; border-radius: 50%;
186
+ background: var(--accent-primary);
187
+ box-shadow: 0 0 6px var(--accent-primary);
188
+ animation: pulse-dot 2s ease-in-out infinite;
189
+ }
190
+ @keyframes pulse-dot {
191
+ 0%,100% { box-shadow: 0 0 4px var(--accent-primary); }
192
+ 50% { box-shadow: 0 0 10px var(--accent-primary); }
193
+ }
194
+ .hero-eyebrow-text {
195
+ font-family: 'JetBrains Mono', monospace;
196
+ font-size: 0.65rem; font-weight: 600;
197
+ letter-spacing: 0.12em; text-transform: uppercase;
198
+ color: var(--accent-primary);
199
+ }
200
+
201
+ .hero-heading {
202
+ font-size: 3.8rem; font-weight: 800;
203
+ line-height: 1.06; letter-spacing: -0.03em;
204
+ color: var(--text-heading);
205
+ margin-bottom: 20px;
206
+ }
207
+ .hero-heading-grad {
208
+ background: var(--accent-gradient);
209
+ -webkit-background-clip: text;
210
+ -webkit-text-fill-color: transparent;
211
+ background-clip: text;
212
+ }
213
+ .hero-subtext {
214
+ font-size: 1.1rem; color: var(--text-secondary);
215
+ line-height: 1.7; max-width: 480px;
216
+ margin-bottom: 36px;
217
+ }
218
+ .hero-ctas {
219
+ display: flex; align-items: center; gap: 12px;
220
+ margin-bottom: 48px;
221
+ }
222
+ .btn-primary {
223
+ background: var(--accent-gradient);
224
+ color: #fff; border: none;
225
+ padding: 13px 28px; border-radius: 10px;
226
+ font-size: 14px; font-weight: 600; cursor: pointer;
227
+ box-shadow: 0 0 24px rgba(0,200,232,0.30), 0 4px 16px rgba(0,0,0,0.30);
228
+ transition: box-shadow 200ms, transform 200ms;
229
+ }
230
+ .btn-primary:hover {
231
+ box-shadow: 0 0 36px rgba(0,200,232,0.45), 0 4px 20px rgba(0,0,0,0.35);
232
+ transform: translateY(-1px);
233
+ }
234
+ .btn-secondary {
235
+ background: rgba(255,255,255,0.06);
236
+ color: var(--text-primary);
237
+ border: 1px solid var(--glass-border-strong);
238
+ padding: 13px 24px; border-radius: 10px;
239
+ font-size: 14px; font-weight: 500; cursor: pointer;
240
+ backdrop-filter: blur(8px);
241
+ }
242
+ .hero-proof {
243
+ display: flex; align-items: center; gap: 8px;
244
+ font-size: 12px; color: var(--text-muted);
245
+ }
246
+ .hero-avatars {
247
+ display: flex;
248
+ }
249
+ .hero-avatar {
250
+ width: 28px; height: 28px; border-radius: 50%;
251
+ border: 2px solid rgba(10,14,26,0.9);
252
+ margin-right: -8px;
253
+ font-size: 9px; font-weight: 700;
254
+ display: flex; align-items: center; justify-content: center;
255
+ color: #fff;
256
+ }
257
+
258
+ /* Product frame */
259
+ .hero-visual {
260
+ position: relative;
261
+ padding-left: 40px;
262
+ }
263
+ .product-frame {
264
+ border-radius: 16px;
265
+ overflow: hidden;
266
+ box-shadow: 0 0 60px rgba(0,200,232,0.12), 0 24px 60px rgba(0,0,0,0.50);
267
+ position: relative;
268
+ }
269
+ .product-frame-inner {
270
+ background: var(--glass-elevated);
271
+ backdrop-filter: blur(20px);
272
+ border: 1px solid var(--glass-border-strong);
273
+ border-radius: 16px;
274
+ overflow: hidden;
275
+ padding: 16px;
276
+ }
277
+ .product-frame-inner::before {
278
+ content: '';
279
+ position: absolute; inset: 0;
280
+ border-radius: inherit;
281
+ background: var(--glass-highlight);
282
+ pointer-events: none;
283
+ }
284
+ .product-topbar {
285
+ display: flex; align-items: center; gap: 6px;
286
+ margin-bottom: 12px;
287
+ padding-bottom: 10px;
288
+ border-bottom: 1px solid var(--glass-border);
289
+ }
290
+ .dot-ctrl { width: 8px; height: 8px; border-radius: 50%; }
291
+ .product-stats-mini {
292
+ display: grid; grid-template-columns: repeat(2,1fr); gap: 8px;
293
+ margin-bottom: 10px;
294
+ }
295
+ .pstat {
296
+ background: rgba(10,14,26,0.60);
297
+ border: 1px solid var(--glass-border);
298
+ border-radius: 8px; padding: 10px;
299
+ }
300
+ .pstat-label {
301
+ font-family: 'JetBrains Mono', monospace;
302
+ font-size: 0.52rem; font-weight: 600;
303
+ letter-spacing: 0.10em; text-transform: uppercase;
304
+ color: var(--text-muted); margin-bottom: 4px;
305
+ }
306
+ .pstat-num {
307
+ font-size: 1.2rem; font-weight: 700;
308
+ letter-spacing: -0.02em;
309
+ }
310
+ .product-chart-mini {
311
+ background: rgba(10,14,26,0.60);
312
+ border: 1px solid var(--glass-border);
313
+ border-radius: 8px; padding: 12px;
314
+ height: 80px; position: relative;
315
+ overflow: hidden;
316
+ }
317
+ .product-table-mini {
318
+ background: rgba(10,14,26,0.60);
319
+ border: 1px solid var(--glass-border);
320
+ border-radius: 8px; overflow: hidden;
321
+ }
322
+ .ptable-row {
323
+ display: flex; align-items: center; gap: 8px;
324
+ padding: 7px 10px; font-size: 10.5px;
325
+ border-bottom: 1px solid rgba(255,255,255,0.04);
326
+ }
327
+ .ptable-row:last-child { border-bottom: none; }
328
+ .ptable-dot { width: 5px; height: 5px; border-radius: 50%; flex-shrink:0; }
329
+ .ptable-name { flex: 1; color: var(--text-primary); }
330
+ .ptable-val { font-family: 'JetBrains Mono', monospace; font-size: 0.6rem; color: var(--text-muted); }
331
+
332
+ /* PROOF RAIL */
333
+ .proof-rail-section {
334
+ padding: 0 64px;
335
+ max-width: 1280px; margin: 0 auto;
336
+ }
337
+ .proof-rail {
338
+ border-top: 1px solid var(--glass-border);
339
+ border-bottom: 1px solid var(--glass-border);
340
+ background: var(--glass-surface);
341
+ backdrop-filter: blur(16px);
342
+ display: grid;
343
+ grid-template-columns: repeat(4,1fr);
344
+ }
345
+ .proof-item {
346
+ padding: 32px 24px; text-align: center;
347
+ border-right: 1px solid var(--glass-border);
348
+ }
349
+ .proof-item:last-child { border-right: none; }
350
+ .proof-num {
351
+ font-size: 2rem; font-weight: 800;
352
+ background: var(--accent-gradient);
353
+ -webkit-background-clip: text;
354
+ -webkit-text-fill-color: transparent;
355
+ background-clip: text;
356
+ display: block; margin-bottom: 6px;
357
+ }
358
+ .proof-desc {
359
+ font-family: 'JetBrains Mono', monospace;
360
+ font-size: 0.60rem; font-weight: 600;
361
+ letter-spacing: 0.10em; text-transform: uppercase;
362
+ color: var(--text-muted);
363
+ }
364
+
365
+ /* FEATURES SECTION */
366
+ .section {
367
+ padding: 96px 64px;
368
+ max-width: 1280px; margin: 0 auto;
369
+ }
370
+ .section-eyebrow {
371
+ font-family: 'JetBrains Mono', monospace;
372
+ font-size: 0.65rem; font-weight: 600;
373
+ letter-spacing: 0.14em; text-transform: uppercase;
374
+ color: var(--accent-primary);
375
+ margin-bottom: 12px;
376
+ }
377
+ .section-heading {
378
+ font-size: 2.4rem; font-weight: 800;
379
+ letter-spacing: -0.025em; line-height: 1.15;
380
+ color: var(--text-heading); margin-bottom: 12px;
381
+ }
382
+ .section-subtext {
383
+ font-size: 1rem; color: var(--text-secondary);
384
+ max-width: 520px; margin-bottom: 48px;
385
+ }
386
+
387
+ .features-grid {
388
+ display: grid;
389
+ grid-template-columns: repeat(3,1fr);
390
+ gap: 16px;
391
+ }
392
+ .feature-card {
393
+ border-radius: 14px;
394
+ padding: 24px;
395
+ transition: transform 200ms, box-shadow 200ms;
396
+ }
397
+ .feature-card:hover {
398
+ transform: translateY(-2px);
399
+ box-shadow: 0 0 30px rgba(0,200,232,0.10), 0 8px 24px rgba(0,0,0,0.30);
400
+ }
401
+ .feature-icon {
402
+ width: 40px; height: 40px; border-radius: 10px;
403
+ background: rgba(0,200,232,0.10);
404
+ border: 1px solid rgba(0,200,232,0.20);
405
+ display: flex; align-items: center; justify-content: center;
406
+ margin-bottom: 16px;
407
+ }
408
+ .feature-title {
409
+ font-size: 14px; font-weight: 600;
410
+ color: var(--text-heading); margin-bottom: 8px;
411
+ }
412
+ .feature-desc {
413
+ font-size: 13px; color: var(--text-secondary); line-height: 1.6;
414
+ }
415
+
416
+ /* COMMAND STRIP preview */
417
+ .command-strip-preview {
418
+ background: rgba(0,200,232,0.05);
419
+ border-top: 1px solid rgba(0,200,232,0.12);
420
+ border-bottom: 1px solid rgba(0,200,232,0.12);
421
+ display: flex; align-items: center;
422
+ padding: 8px 64px; gap: 24px;
423
+ max-width: 100%;
424
+ }
425
+ .cs-preview-item {
426
+ display: flex; align-items: center; gap: 6px;
427
+ font-family: 'JetBrains Mono', monospace;
428
+ font-size: 0.60rem; font-weight: 600;
429
+ letter-spacing: 0.10em; text-transform: uppercase;
430
+ color: var(--text-secondary);
431
+ }
432
+ .cs-preview-dot {
433
+ width: 5px; height: 5px; border-radius: 50%;
434
+ background: var(--accent-primary);
435
+ box-shadow: 0 0 5px var(--accent-primary);
436
+ }
437
+
438
+ /* PRICING */
439
+ .pricing-grid {
440
+ display: grid;
441
+ grid-template-columns: repeat(3,1fr);
442
+ gap: 16px; align-items: start;
443
+ }
444
+ .pricing-card {
445
+ border-radius: 16px; padding: 28px;
446
+ }
447
+ .pricing-card-featured {
448
+ background: var(--glass-elevated);
449
+ backdrop-filter: blur(24px);
450
+ box-shadow: 0 0 40px rgba(0,200,232,0.14), 0 12px 32px rgba(0,0,0,0.40);
451
+ position: relative;
452
+ }
453
+ .pricing-card-featured::after {
454
+ content: '';
455
+ position: absolute; inset: 0;
456
+ border-radius: 16px;
457
+ padding: 1px;
458
+ background: var(--accent-gradient);
459
+ -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
460
+ -webkit-mask-composite: xor;
461
+ mask-composite: exclude;
462
+ pointer-events: none;
463
+ }
464
+ .pricing-badge {
465
+ display: inline-block;
466
+ background: var(--accent-gradient);
467
+ color: #fff; font-size: 9.5px; font-weight: 700;
468
+ letter-spacing: 0.08em; text-transform: uppercase;
469
+ padding: 3px 10px; border-radius: 9999px;
470
+ margin-bottom: 16px;
471
+ }
472
+ .pricing-tier {
473
+ font-family: 'JetBrains Mono', monospace;
474
+ font-size: 0.62rem; font-weight: 600;
475
+ letter-spacing: 0.12em; text-transform: uppercase;
476
+ color: var(--text-muted); margin-bottom: 8px;
477
+ }
478
+ .pricing-price {
479
+ font-size: 2.4rem; font-weight: 800;
480
+ letter-spacing: -0.03em; color: var(--text-heading);
481
+ margin-bottom: 4px;
482
+ }
483
+ .pricing-price.gradient-text {
484
+ background: var(--accent-gradient);
485
+ -webkit-background-clip: text;
486
+ -webkit-text-fill-color: transparent;
487
+ background-clip: text;
488
+ }
489
+ .pricing-period {
490
+ font-size: 12px; color: var(--text-muted); margin-bottom: 20px;
491
+ }
492
+ .pricing-features {
493
+ list-style: none; display: flex; flex-direction: column; gap: 10px;
494
+ margin-bottom: 24px;
495
+ }
496
+ .pricing-feature {
497
+ display: flex; align-items: center; gap: 8px;
498
+ font-size: 12.5px; color: var(--text-secondary);
499
+ }
500
+ .pricing-check {
501
+ width: 16px; height: 16px; border-radius: 50%;
502
+ background: rgba(0,200,232,0.12);
503
+ border: 1px solid rgba(0,200,232,0.25);
504
+ display: flex; align-items: center; justify-content: center;
505
+ flex-shrink: 0;
506
+ color: var(--accent-primary);
507
+ font-size: 9px;
508
+ }
509
+ .pricing-cta {
510
+ width: 100%; padding: 11px;
511
+ border-radius: 9px; font-size: 13px; font-weight: 600;
512
+ cursor: pointer; border: none; letter-spacing: 0.01em;
513
+ }
514
+ .pricing-cta.primary {
515
+ background: var(--accent-gradient);
516
+ color: #fff;
517
+ box-shadow: 0 0 20px rgba(0,200,232,0.25);
518
+ }
519
+ .pricing-cta.ghost {
520
+ background: rgba(255,255,255,0.06);
521
+ color: var(--text-secondary);
522
+ border: 1px solid var(--glass-border);
523
+ }
524
+
525
+ /* FOOTER */
526
+ .footer {
527
+ border-top: 1px solid var(--glass-border);
528
+ background: var(--glass-shell);
529
+ backdrop-filter: blur(20px);
530
+ padding: 32px 64px;
531
+ display: flex; align-items: center; justify-content: space-between;
532
+ }
533
+ .footer-brand {
534
+ display: flex; align-items: center; gap: 10px;
535
+ }
536
+ .footer-logo-mark {
537
+ width: 28px; height: 28px; border-radius: 7px;
538
+ background: var(--accent-gradient);
539
+ display: flex; align-items: center; justify-content: center;
540
+ font-weight: 800; font-size: 11px; color: #fff;
541
+ }
542
+ .footer-copy {
543
+ font-size: 11.5px; color: var(--text-muted);
544
+ }
545
+ .footer-links {
546
+ display: flex; gap: 24px;
547
+ }
548
+ .footer-link {
549
+ font-size: 11.5px; color: var(--text-muted); cursor: pointer;
550
+ }
551
+ .footer-link:hover { color: var(--text-secondary); }
552
+ </style>
553
+ </head>
554
+ <body>
555
+
556
+ <!-- Aurora orbs -->
557
+ <div class="aurora-orb orb-1"></div>
558
+ <div class="aurora-orb orb-2"></div>
559
+ <div class="aurora-orb orb-3"></div>
560
+
561
+ <div class="aioson-badge">AURORA COMMAND UI</div>
562
+
563
+ <!-- NAV -->
564
+ <nav class="nav">
565
+ <div class="nav-logo">
566
+ <div class="nav-logo-mark">N</div>
567
+ <div class="nav-logo-text">NEXUS OPS</div>
568
+ </div>
569
+ <div class="nav-links">
570
+ <div class="nav-link">Platform</div>
571
+ <div class="nav-link">Security</div>
572
+ <div class="nav-link">Integrations</div>
573
+ <div class="nav-link">Docs</div>
574
+ <div class="nav-link">Pricing</div>
575
+ </div>
576
+ <button class="nav-cta">Start Free Trial</button>
577
+ </nav>
578
+
579
+ <!-- PAGE -->
580
+ <div class="page">
581
+
582
+ <!-- HERO -->
583
+ <section>
584
+ <div class="hero">
585
+
586
+ <!-- Text side -->
587
+ <div class="hero-text">
588
+ <div class="hero-eyebrow">
589
+ <span class="hero-eyebrow-dot"></span>
590
+ <span class="hero-eyebrow-text">Now in GA — Platform v2.0</span>
591
+ </div>
592
+
593
+ <h1 class="hero-heading">
594
+ Command your<br>
595
+ infrastructure.<br>
596
+ <span class="hero-heading-grad">At any scale.</span>
597
+ </h1>
598
+
599
+ <p class="hero-subtext">
600
+ Aurora Command gives your operations team the precision of a SOC and the clarity of a glass command center. Real-time, secure, and built for teams that cannot afford blind spots.
601
+ </p>
602
+
603
+ <div class="hero-ctas">
604
+ <button class="btn-primary">Get started free →</button>
605
+ <button class="btn-secondary">Watch demo</button>
606
+ </div>
607
+
608
+ <div class="hero-proof">
609
+ <div class="hero-avatars">
610
+ <div class="hero-avatar" style="background:rgba(0,200,232,0.30)">AK</div>
611
+ <div class="hero-avatar" style="background:rgba(124,58,237,0.30)">RM</div>
612
+ <div class="hero-avatar" style="background:rgba(0,214,143,0.25)">LC</div>
613
+ <div class="hero-avatar" style="background:rgba(244,169,29,0.25)">PD</div>
614
+ </div>
615
+ <span style="margin-left:14px">Trusted by <strong style="color:var(--text-primary)">4,200+ teams</strong> worldwide</span>
616
+ </div>
617
+ </div>
618
+
619
+ <!-- Visual side -->
620
+ <div class="hero-visual">
621
+ <div class="product-frame">
622
+ <div class="product-frame-inner">
623
+ <!-- mini topbar -->
624
+ <div class="product-topbar">
625
+ <span class="dot-ctrl" style="background:#FF5F57"></span>
626
+ <span class="dot-ctrl" style="background:#FFBD2E"></span>
627
+ <span class="dot-ctrl" style="background:#28CA41"></span>
628
+ <span style="margin-left:8px; font-family:'JetBrains Mono', monospace; font-size:9px; color:var(--text-muted); letter-spacing:0.08em">NEXUS OPS — OVERVIEW</span>
629
+ <span style="margin-left:auto; width:5px; height:5px; border-radius:50%; background:var(--accent-primary); box-shadow:0 0 5px var(--accent-primary)"></span>
630
+ </div>
631
+
632
+ <!-- mini stats -->
633
+ <div class="product-stats-mini">
634
+ <div class="pstat">
635
+ <div class="pstat-label">INCIDENTS</div>
636
+ <div class="pstat-num" style="color:var(--amber)">3</div>
637
+ </div>
638
+ <div class="pstat">
639
+ <div class="pstat-label">EVENTS 24H</div>
640
+ <div class="pstat-num" style="background:var(--accent-gradient); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;">48,291</div>
641
+ </div>
642
+ </div>
643
+
644
+ <!-- mini chart -->
645
+ <div class="product-chart-mini">
646
+ <svg width="100%" height="60" viewBox="0 0 300 60" preserveAspectRatio="none">
647
+ <defs>
648
+ <linearGradient id="miniGrad" x1="0" y1="0" x2="0" y2="1">
649
+ <stop offset="0%" stop-color="#00C8E8" stop-opacity="0.4"/>
650
+ <stop offset="100%" stop-color="#7C3AED" stop-opacity="0"/>
651
+ </linearGradient>
652
+ </defs>
653
+ <path d="M0,50 C20,42 40,48 70,35 S110,15 140,22 S180,38 210,25 S250,8 300,15 L300,60 L0,60 Z"
654
+ fill="url(#miniGrad)"/>
655
+ <path d="M0,50 C20,42 40,48 70,35 S110,15 140,22 S180,38 210,25 S250,8 300,15"
656
+ fill="none" stroke="#00C8E8" stroke-width="1.5"/>
657
+ </svg>
658
+ <span style="position:absolute; bottom:8px; right:10px; font-family:'JetBrains Mono',monospace; font-size:0.55rem; color:var(--text-muted); letter-spacing:0.08em; text-transform:uppercase">THREAT EVENTS 24H</span>
659
+ </div>
660
+
661
+ <div style="height:8px"></div>
662
+
663
+ <!-- mini table -->
664
+ <div class="product-table-mini">
665
+ <div class="ptable-row" style="background:rgba(255,255,255,0.02);">
666
+ <span class="ptable-dot" style="background:var(--red); box-shadow:0 0 4px var(--red)"></span>
667
+ <span class="ptable-name">INC-2841 — SQL Injection</span>
668
+ <span class="ptable-val">CRITICAL</span>
669
+ </div>
670
+ <div class="ptable-row">
671
+ <span class="ptable-dot" style="background:var(--amber); box-shadow:0 0 4px var(--amber)"></span>
672
+ <span class="ptable-name">INC-2840 — Brute Force</span>
673
+ <span class="ptable-val">HIGH</span>
674
+ </div>
675
+ <div class="ptable-row">
676
+ <span class="ptable-dot" style="background:var(--green); box-shadow:0 0 4px var(--green)"></span>
677
+ <span class="ptable-name">INC-2839 — Memory Spike</span>
678
+ <span class="ptable-val">RESOLVED</span>
679
+ </div>
680
+ </div>
681
+
682
+ </div>
683
+ </div>
684
+ </div>
685
+
686
+ </div>
687
+ </section>
688
+
689
+ <!-- PROOF RAIL -->
690
+ <div class="proof-rail-section">
691
+ <div class="proof-rail">
692
+ <div class="proof-item">
693
+ <span class="proof-num">4,200+</span>
694
+ <span class="proof-desc">Teams worldwide</span>
695
+ </div>
696
+ <div class="proof-item">
697
+ <span class="proof-num">99.9%</span>
698
+ <span class="proof-desc">Uptime SLA</span>
699
+ </div>
700
+ <div class="proof-item">
701
+ <span class="proof-num">&lt;500ms</span>
702
+ <span class="proof-desc">Avg detection</span>
703
+ </div>
704
+ <div class="proof-item">
705
+ <span class="proof-num">SOC 2</span>
706
+ <span class="proof-desc">Type II certified</span>
707
+ </div>
708
+ </div>
709
+ </div>
710
+
711
+ <!-- FEATURES -->
712
+ <section class="section">
713
+ <div class="section-eyebrow">Platform Capabilities</div>
714
+ <h2 class="section-heading">The command center<br>you always wanted.</h2>
715
+ <p class="section-subtext">Built for teams that need precision, not noise. Every panel reveals the signal. Every surface earns its place.</p>
716
+
717
+ <div class="features-grid">
718
+ <div class="feature-card glass">
719
+ <div class="feature-icon">
720
+ <svg width="18" height="18" viewBox="0 0 18 18" fill="none">
721
+ <path d="M9 2L16 6V12L9 16L2 12V6L9 2Z" stroke="#00C8E8" stroke-width="1.5"/>
722
+ <circle cx="9" cy="9" r="2.5" fill="#00C8E8" fill-opacity="0.5"/>
723
+ </svg>
724
+ </div>
725
+ <div class="feature-title">Real-time Threat Detection</div>
726
+ <div class="feature-desc">Live event streams with sub-500ms detection latency. Every anomaly is classified, scored, and routed — automatically.</div>
727
+ </div>
728
+
729
+ <div class="feature-card glass">
730
+ <div class="feature-icon" style="background:rgba(124,58,237,0.10); border-color:rgba(124,58,237,0.20);">
731
+ <svg width="18" height="18" viewBox="0 0 18 18" fill="none">
732
+ <rect x="2" y="4" width="14" height="10" rx="2" stroke="#7C3AED" stroke-width="1.5"/>
733
+ <path d="M6 8H12M6 11H10" stroke="#7C3AED" stroke-width="1.5" stroke-linecap="round"/>
734
+ </svg>
735
+ </div>
736
+ <div class="feature-title">Glass Command Dashboard</div>
737
+ <div class="feature-desc">Aurora-depth panels that surface critical data without cognitive overload. Command structure meets immersive glass UI.</div>
738
+ </div>
739
+
740
+ <div class="feature-card glass">
741
+ <div class="feature-icon" style="background:rgba(0,214,143,0.10); border-color:rgba(0,214,143,0.20);">
742
+ <svg width="18" height="18" viewBox="0 0 18 18" fill="none">
743
+ <circle cx="6" cy="9" r="3" stroke="#00D68F" stroke-width="1.5"/>
744
+ <circle cx="13" cy="6" r="2" stroke="#00D68F" stroke-width="1.5"/>
745
+ <circle cx="13" cy="12" r="2" stroke="#00D68F" stroke-width="1.5"/>
746
+ <path d="M9 8L11 7M9 10L11 11" stroke="#00D68F" stroke-width="1" stroke-linecap="round"/>
747
+ </svg>
748
+ </div>
749
+ <div class="feature-title">Multi-Agent Orchestration</div>
750
+ <div class="feature-desc">Deploy and monitor AI agents across environments. Health, coverage, and latency tracked in a single control plane.</div>
751
+ </div>
752
+
753
+ <div class="feature-card glass">
754
+ <div class="feature-icon">
755
+ <svg width="18" height="18" viewBox="0 0 18 18" fill="none">
756
+ <path d="M3 9L7 13L15 5" stroke="#00C8E8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
757
+ </svg>
758
+ </div>
759
+ <div class="feature-title">Automated Incident Response</div>
760
+ <div class="feature-desc">Runbooks execute in seconds, not minutes. Escalation paths, deduplication, and SLA tracking built in.</div>
761
+ </div>
762
+
763
+ <div class="feature-card glass">
764
+ <div class="feature-icon" style="background:rgba(167,139,250,0.10); border-color:rgba(167,139,250,0.20);">
765
+ <svg width="18" height="18" viewBox="0 0 18 18" fill="none">
766
+ <path d="M9 2V5M9 13V16M2 9H5M13 9H16" stroke="#A78BFA" stroke-width="1.5" stroke-linecap="round"/>
767
+ <circle cx="9" cy="9" r="3" stroke="#A78BFA" stroke-width="1.5"/>
768
+ </svg>
769
+ </div>
770
+ <div class="feature-title">Intelligence Integrations</div>
771
+ <div class="feature-desc">Connect SIEM, SOAR, cloud providers, and custom data sources. 200+ integrations, zero friction setup.</div>
772
+ </div>
773
+
774
+ <div class="feature-card glass">
775
+ <div class="feature-icon" style="background:rgba(244,169,29,0.10); border-color:rgba(244,169,29,0.20);">
776
+ <svg width="18" height="18" viewBox="0 0 18 18" fill="none">
777
+ <rect x="2" y="2" width="6" height="6" rx="1.5" stroke="#F4A91D" stroke-width="1.5"/>
778
+ <rect x="10" y="2" width="6" height="6" rx="1.5" stroke="#F4A91D" stroke-width="1.5"/>
779
+ <rect x="2" y="10" width="6" height="6" rx="1.5" stroke="#F4A91D" stroke-width="1.5"/>
780
+ <rect x="10" y="10" width="6" height="6" rx="1.5" stroke="#F4A91D" stroke-width="1.5"/>
781
+ </svg>
782
+ </div>
783
+ <div class="feature-title">Role-Based Command Views</div>
784
+ <div class="feature-desc">Analyst, lead, and executive views. Each role gets the signal they need — nothing more, nothing less.</div>
785
+ </div>
786
+ </div>
787
+ </section>
788
+
789
+ <!-- COMMAND STRIP (demo) -->
790
+ <div class="command-strip-preview">
791
+ <div class="cs-preview-item">
792
+ <span class="cs-preview-dot"></span>
793
+ LIVE MONITORING
794
+ </div>
795
+ <div class="cs-preview-item">
796
+ <span class="cs-preview-dot"></span>
797
+ 12 AGENTS ONLINE
798
+ </div>
799
+ <div class="cs-preview-item">
800
+ <span class="cs-preview-dot" style="background:var(--green); box-shadow:0 0 5px var(--green)"></span>
801
+ ALL SYSTEMS NOMINAL
802
+ </div>
803
+ <div class="cs-preview-item" style="margin-left:auto;">
804
+ <span style="color:var(--text-muted)">SEE IT IN ACTION →</span>
805
+ </div>
806
+ </div>
807
+
808
+ <!-- PRICING -->
809
+ <section class="section">
810
+ <div class="section-eyebrow">Pricing Plans</div>
811
+ <h2 class="section-heading">Start free.<br>Scale confidently.</h2>
812
+ <p class="section-subtext">No seat limits on the Starter plan. Upgrade when your team needs enterprise-grade controls and SLAs.</p>
813
+
814
+ <div class="pricing-grid">
815
+
816
+ <!-- Starter -->
817
+ <div class="pricing-card glass">
818
+ <div class="pricing-tier">Starter</div>
819
+ <div class="pricing-price">$0</div>
820
+ <div class="pricing-period">Free forever · up to 3 users</div>
821
+ <ul class="pricing-features">
822
+ <li class="pricing-feature"><span class="pricing-check">✓</span> 5,000 events/day</li>
823
+ <li class="pricing-feature"><span class="pricing-check">✓</span> Basic threat detection</li>
824
+ <li class="pricing-feature"><span class="pricing-check">✓</span> 2 agent connections</li>
825
+ <li class="pricing-feature"><span class="pricing-check">✓</span> 7-day data retention</li>
826
+ <li class="pricing-feature" style="opacity:0.4"><span class="pricing-check" style="border-color:var(--glass-border)">–</span> No SLA</li>
827
+ </ul>
828
+ <button class="pricing-cta ghost">Get started free</button>
829
+ </div>
830
+
831
+ <!-- Pro (featured) -->
832
+ <div class="pricing-card pricing-card-featured">
833
+ <div class="pricing-badge">Most Popular</div>
834
+ <div class="pricing-tier" style="color:var(--accent-primary)">Pro</div>
835
+ <div class="pricing-price gradient-text">$49</div>
836
+ <div class="pricing-period">per month · unlimited users</div>
837
+ <ul class="pricing-features">
838
+ <li class="pricing-feature"><span class="pricing-check">✓</span> 500,000 events/day</li>
839
+ <li class="pricing-feature"><span class="pricing-check">✓</span> Full threat intelligence</li>
840
+ <li class="pricing-feature"><span class="pricing-check">✓</span> Unlimited agent connections</li>
841
+ <li class="pricing-feature"><span class="pricing-check">✓</span> 90-day data retention</li>
842
+ <li class="pricing-feature"><span class="pricing-check">✓</span> 99.9% uptime SLA</li>
843
+ </ul>
844
+ <button class="pricing-cta primary">Start 14-day trial</button>
845
+ </div>
846
+
847
+ <!-- Enterprise -->
848
+ <div class="pricing-card glass">
849
+ <div class="pricing-tier">Enterprise</div>
850
+ <div class="pricing-price">Custom</div>
851
+ <div class="pricing-period">Annual contract · dedicated SRE</div>
852
+ <ul class="pricing-features">
853
+ <li class="pricing-feature"><span class="pricing-check">✓</span> Unlimited events</li>
854
+ <li class="pricing-feature"><span class="pricing-check">✓</span> Custom integrations</li>
855
+ <li class="pricing-feature"><span class="pricing-check">✓</span> On-premise deployment</li>
856
+ <li class="pricing-feature"><span class="pricing-check">✓</span> Unlimited retention</li>
857
+ <li class="pricing-feature"><span class="pricing-check">✓</span> 99.99% SLA + MSA</li>
858
+ </ul>
859
+ <button class="pricing-cta ghost">Contact sales</button>
860
+ </div>
861
+
862
+ </div>
863
+ </section>
864
+
865
+ <!-- FOOTER -->
866
+ <footer class="footer">
867
+ <div class="footer-brand">
868
+ <div class="footer-logo-mark">N</div>
869
+ <span style="font-size:13px; font-weight:600; color:var(--text-heading)">NEXUS OPS</span>
870
+ <span class="footer-copy" style="margin-left:16px">© 2026 · aurora-command-ui preview</span>
871
+ </div>
872
+ <div class="footer-links">
873
+ <span class="footer-link">Privacy</span>
874
+ <span class="footer-link">Terms</span>
875
+ <span class="footer-link">Security</span>
876
+ <span class="footer-link">Status</span>
877
+ <span class="footer-link" style="color:var(--accent-primary)">AIOSON Design Skill</span>
878
+ </div>
879
+ </footer>
880
+
881
+ </div><!-- /page -->
882
+
883
+ </body>
884
+ </html>