1/** The RareIndex mark: a square with an "R" and a rising tick — used in the header, PWA icons and OG images. */2export function LogoMark({ className }: { className?: string }) {3 return (4 <svg viewBox="0 0 64 64" className={className} aria-hidden focusable="false">5 <rect width="64" height="64" rx="12" fill="var(--ri-accent, #0a0a0b)" />6 <path d="M20 46V18h13.5c6.4 0 10.5 3.6 10.5 9.2 0 4.2-2.3 7.2-6.1 8.4L45 46h-7.3l-6.2-9.4H26.4V46H20zm6.4-14.6h6.5c3.2 0 5.1-1.6 5.1-4.2s-1.9-4.1-5.1-4.1h-6.5v8.3z" fill="var(--ri-accent-fg, #ffffff)" />7 <path d="M12 52l9-9 6 5 11-12 8 7" stroke="var(--ri-gain, #3ccb82)" strokeWidth="3" fill="none" strokeLinecap="round" strokeLinejoin="round" opacity="0.95" />8 </svg>9 );10}11