Orbitfall

You are designing the site for a developer-focused web3 protocol. Build a complete one-page site for a fictional protocol called Orbitfall ("Settlement at escape velocity."). Copy is technical and honest — no moon talk, no rocket emojis, no lorem ipsum.

ART DIRECTION — deep space. Background #040309 with a CSS star field (two layered fields of tiny box-shadow dots at different opacities). Violet accent #8B5CF6, cyan secondary #38BDF8, text #E9E7F5, muted #8E8AA6. Cards are #0B0917 with 1px rgba(139,92,246,0.25) borders and a faint outer glow. Fonts via Google Fonts: "Sora" 600/700 for headings, "Inter" for body. Mood: observatory, not casino.

LAYOUT, top to bottom:
1. Nav — wordmark with a small orbit-dot icon (inline SVG), links, violet "Read the docs" outline button.
2. Hero — centered headline and sub; around the headline, a slowly ROTATING RING of eight small circular token badges (pure CSS: a rotating container with badges counter-rotating so they stay upright). Two CTAs beneath. Faint radial violet glow behind.
3. Live-stats strip — three mono-styled numbers (TPS, validators, settled volume) with a subtle pulse dot, counting up on reveal.
4. How it works — three steps in glowing cards connected by a thin dashed SVG line that draws itself on scroll.
5. Builder band — split: left, four SDK bullet points with cyan chevrons; right, a styled code block (no libraries) showing a five-line fictional SDK call.
6. Ecosystem grid — six partner tiles (fictional names, each a simple inline-SVG glyph), tiles brighten on hover.
7. Security section — two columns of short reassurances (audits, open source) with violet shield icons.
8. Footer — links, a tiny network-status line with a green dot.

MOTION: the token ring rotates 40s linear infinite (badges counter-rotate to stay level) and pauses on hover; stars twinkle via two opacity keyframe loops; the dashed path draws once on reveal (stroke-dashoffset); stats count once; cards glow brighter on hover over 200ms. Respect prefers-reduced-motion: ring static, stars static.

RULES: responsive at 375 / 768 / 1280 (ring scales down and sits above the headline on mobile). Semantic HTML, focus states, body contrast at least 4.5:1. All art is CSS and inline SVG — no images, no libraries, no wallet-connect fakery. Content complete without JavaScript.