{{-- Compliance illustration — shield with checkmark + verification badges --}}
<svg viewBox="0 0 360 320" xmlns="http://www.w3.org/2000/svg" fill="none"
     class="{{ $class ?? 'h-auto w-full' }}" aria-hidden="true">
    <defs>
        <linearGradient id="comp-shield" x1="0.2" y1="0" x2="0.8" y2="1">
            <stop offset="0%" stop-color="var(--accent)"/>
            <stop offset="100%" stop-color="color-mix(in oklch, var(--accent) 65%, transparent)"/>
        </linearGradient>
        <linearGradient id="comp-bg" x1="0" y1="0" x2="0" y2="1">
            <stop offset="0%" stop-color="color-mix(in oklch, var(--accent) 10%, var(--surface))"/>
            <stop offset="100%" stop-color="color-mix(in oklch, var(--accent) 4%, var(--surface))"/>
        </linearGradient>
        <filter id="comp-shadow" x="-30%" y="-30%" width="160%" height="160%">
            <feDropShadow dx="0" dy="18" stdDeviation="22"
                          flood-color="color-mix(in oklch, var(--accent) 40%, transparent)"/>
        </filter>
    </defs>

    {{-- Ground shadow --}}
    <ellipse cx="180" cy="290" rx="120" ry="10"
             fill="color-mix(in oklch, var(--accent) 14%, transparent)"/>

    {{-- Decorative orbits --}}
    <circle cx="180" cy="160" r="135"
            stroke="color-mix(in oklch, var(--accent) 14%, transparent)"
            stroke-width="1.5" stroke-dasharray="3 6" opacity="0.6"/>
    <circle cx="180" cy="160" r="105"
            stroke="color-mix(in oklch, var(--accent) 20%, transparent)"
            stroke-width="1.5" opacity="0.5"/>

    {{-- Shield --}}
    <g filter="url(#comp-shadow)">
        <path d="M180 50 L260 80 L260 165 C260 215 220 250 180 270 C140 250 100 215 100 165 L100 80 Z"
              fill="url(#comp-shield)"/>

        {{-- Inner shine --}}
        <path d="M180 65 L245 90 L245 162 C245 205 215 232 180 248 L180 65 Z"
              fill="color-mix(in oklch, white 14%, transparent)" opacity="0.4"/>

        {{-- Checkmark --}}
        <path d="M148 162 L172 186 L218 132" stroke="white"
              stroke-width="13" stroke-linecap="round" stroke-linejoin="round"/>
    </g>

    {{-- Verification badges --}}
    <g>
        <circle cx="60" cy="110" r="22"
                fill="color-mix(in oklch, var(--accent) 18%, var(--surface))"
                stroke="color-mix(in oklch, var(--accent) 35%, transparent)" stroke-width="1.5"/>
        <path d="M51 110 L57 116 L69 104" stroke="var(--accent)"
              stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round"/>

        <circle cx="298" cy="98" r="18"
                fill="color-mix(in oklch, var(--accent) 14%, var(--surface))"
                stroke="color-mix(in oklch, var(--accent) 32%, transparent)" stroke-width="1.5"/>
        <path d="M291 98 L296 103 L305 92" stroke="var(--accent)"
              stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"/>

        <circle cx="50" cy="220" r="14"
                fill="color-mix(in oklch, var(--accent) 12%, var(--surface))"
                stroke="color-mix(in oklch, var(--accent) 28%, transparent)" stroke-width="1.5"/>
        <path d="M45 220 L49 224 L55 215" stroke="var(--accent)"
              stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/>

        <circle cx="308" cy="210" r="16"
                fill="color-mix(in oklch, var(--accent) 12%, var(--surface))"
                stroke="color-mix(in oklch, var(--accent) 28%, transparent)" stroke-width="1.5"/>
        <path d="M301 210 L306 215 L315 204" stroke="var(--accent)"
              stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"/>
    </g>
</svg>