Lumira — Fintech Navy & Gold SaaS Website (icons fixed)

Summary

Build a faithful fintech SaaS marketing website (single long landing page) on a deep navy base with a refined gold accent: a sticky blurred nav, a split hero with a product dashboard mockup, a trust logo band, a six-card feature grid, a big four-stat strip, a security/compliance split with a 2x2 badge grid, a three-tier comparison pricing block with a featured 'Most popular' plan, a centered CTA, and a six-column mega-footer. The whole page reads as 'financial-grade trust': dark, precise, restrained gold, generous spacing, hairline rings.

Style

Premium institutional fintech look: deep navy canvas, a single warm gold accent used sparingly for emphasis (badges, CTAs, gradient headline words, chart highlights), white headings, slate body text, and 1px hairline rings instead of heavy borders. Subtle radial grain texture and large blurred gold glows add depth without noise. No em-dashes in copy.

Layout & Structure

One continuous responsive landing page, max-w-7xl (px-6, lg:px-8) centered containers, sections separated by 1px white/6% borders. Stacks to one column on mobile and reflows the two split sections and all grids down to single column; the trust logos go 6 -> 3 -> 2 columns, features 3 -> 2 -> 1, pricing 3 -> 1, footer 6 -> 2.

Sticky nav

Hero

Trust logo band

Feature grid

Stats strip

Security / compliance

Pricing

CTA

Footer

Special Notes

Faithful single-page reproduction, no deviation: keep section order (nav, hero, logos, features, stats, security, pricing, CTA, footer), the navy + gold palette, Inter typography, hairline rings over hard borders, and the responsive reflows exactly. Icons are inline SVGs (Lucide/Phosphor-style line icons + a gold lightning-style logo mark); render them crisply at the specified em sizes and keep the last window dot and the logo tile gold. Use the gold accent sparingly for trust, never wash the page in it. No em-dashes anywhere in copy.