# XerticaOrbe

An animated, decorative brand element representing the Xertica "Orbe". It features CSS-based pulse and rotation animations to provide a premium, dynamic feel to hero sections and loading screens.

---

## Import

```tsx
import { XerticaOrbe } from 'xertica-ui/brand';
```

---

## Usage

```tsx
<XerticaOrbe className="size-32" />
```

---

## Props

| Prop        | Type     | Default | Description                      |
| ----------- | -------- | ------- | -------------------------------- |
| `className` | `string` | —       | Standard CSS classes for sizing. |

---

## AI Rules

> [!IMPORTANT]
>
> - **Usage Context**: Do not use the Orbe as a primary logo. It is a secondary decorative element intended for splash screens, deep backgrounds, or "AI is thinking" states.