1import { cn } from '@/lib/cn';23/** The AI Atlas mark: a globe with meridians and a small relation graph (5 nodes) — legible at 16 px. Inherits `currentColor`. */4export function LogoMark({ size = 24, className }: { size?: number; className?: string }) {5 return (6 <svg width={size} height={size} viewBox="0 0 32 32" fill="none" className={cn('shrink-0', className)} aria-hidden>7 <circle cx="16" cy="16" r="13" stroke="currentColor" strokeWidth="1.6" />8 <path d="M16 3c-4.4 3.2-6.6 7.6-6.6 13s2.2 9.8 6.6 13" stroke="currentColor" strokeWidth="1.2" opacity="0.7" />9 <path d="M16 3c4.4 3.2 6.6 7.6 6.6 13s-2.2 9.8-6.6 13" stroke="currentColor" strokeWidth="1.2" opacity="0.7" />10 <path d="M3 16h26" stroke="currentColor" strokeWidth="1.2" opacity="0.7" />11 <path d="M9.4 9.5L16 16l6.6-6.5M16 16l-5.2 8.4M16 16l7.4 5.6" stroke="currentColor" strokeWidth="1.2" opacity="0.55" />12 <circle cx="16" cy="16" r="2.4" className="fill-accent" />13 <circle cx="9.4" cy="9.5" r="1.7" fill="currentColor" />14 <circle cx="22.6" cy="9.5" r="1.7" fill="currentColor" />15 <circle cx="10.8" cy="24.4" r="1.7" fill="currentColor" />16 <circle cx="23.4" cy="21.6" r="1.7" fill="currentColor" />17 </svg>18 );19}2021export function Wordmark({ className, markSize = 22 }: { className?: string; markSize?: number }) {22 return (23 <span className={cn('inline-flex items-center gap-2 text-ink', className)}>24 <LogoMark size={markSize} />25 <span className="text-[17px] font-semibold tracking-tight">26 AI <span className="font-medium text-ink-2">Atlas</span>27 </span>28 </span>29 );30}31