.api-tile{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--api-size);height:var(--api-size);border-radius:calc(var(--api-size) * .28);background:linear-gradient(135deg,var(--api-from),var(--api-to));box-shadow:inset 0 1px 0 color-mix(in srgb,var(--color-white) 34%,transparent),0 6px 16px rgba(0,0,0,.28);color:var(--color-background)}.api-code-ide{--api-from:var(--color-ai-gradient-blue);--api-to:var(--color-ai-gradient-purple)}.api-bolt{--api-from:var(--color-system-lime);--api-to:var(--color-system-la-palma)}.api-agent{--api-from:var(--color-ai-gradient-pink);--api-to:var(--color-ai-gradient-lavender)}.api-radar{--api-from:var(--color-system-red);--api-to:var(--color-brand-pinkish-purple)}.api-integrations{--api-from:var(--color-brand-light-lavender);--api-to:var(--color-brand-lavender)}.api-plain{border:1px solid var(--color-gray-20);background:var(--color-surface-raised);box-shadow:0 6px 16px rgba(0,0,0,.28);color:var(--color-foreground)}.api-mask{width:50%;height:50%;background:currentColor;mask:var(--api-mask) center /contain no-repeat}.api-logo{width:58%;height:58%;object-fit:contain}.cdp-row .cdp-chevron{transition:transform .2s ease-in-out;transform:translateX(-4px)}.cdp-row:hover .cdp-chevron{transform:translateX(0)}@media (prefers-reduced-motion:reduce){.cdp-row .cdp-chevron{transition:none}}