# Halo VSI interactive demo

Framework-free standalone port of the website's canonical `VsiHeroDemo` implementation. It uses the actual production geometry, target scans, stage copy, state machine and timing from the website source—not a visual reconstruction.

## Use

1. Keep this folder intact.
2. Serve the folder from any static web host. The demo loads its local SVG and CSS source with `fetch`, so `file://` is not supported.
3. Embed with an iframe when isolation from the host site is preferred.
4. Preserve the six-stage order: Observe, Understand, Register, Guide, Verify, Trusted Record.

The demo uses relative URLs and has no package, font, analytics, external network or framework dependency. It respects `prefers-reduced-motion` by opening on the completed Trusted Record state without timed animation.

## Source fidelity

The unmodified website sources are included in `source/`: `VsiHeroDemo.tsx`, its CSS module, the geometry manifest and both SVG source modules. The framework-free adapter injects the supplied production SVG markup and applies the same per-element landmark, skeleton, registration, capture and verification states. The outer wrapper only adds standalone playback controls and responsive containment.

## Adaptation boundary

Layout scales fluidly to its container from mobile through large display sizes without rasterizing the geometry. Do not recolour, redraw or change the supplied vehicle geometry. Do not present the illustrative coverage sequence as universal, guaranteed or an exact product measurement.

Canonical hosted entry point:

`https://brand.halocompass.com/assets/vsi-demo/index.html`