/* =========================================================
   ai-teaser.css — "AI Component Finder" promo banner on the homepage
   Used by: index.html
   ========================================================= */

.ai-teaser{
  background:linear-gradient(120deg,var(--blue-800),var(--blue-700));
  border-radius:18px;padding:50px 46px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;
}
.ai-teaser .badge{
  display:inline-block;background:var(--orange);font-size:11.5px;font-weight:800;padding:5px 12px;border-radius:16px;margin-bottom:14px;letter-spacing:.04em;
}
.ai-teaser h3{font-size:22px;margin:0 0 10px;font-weight:800;}
.ai-teaser p{color:#d3ddee;font-size:14px;max-width:480px;margin:0;}
.ai-teaser .btn-primary{white-space:nowrap;}