.ai-banner-section { padding: 34px 0 8px; background: #fff; }
.ai-banner-container { max-width: 1280px; margin: 0 auto; padding: 0 20px; }
.ai-banner-heading { margin: 0 0 20px; color: #1a1a1a; font-size: 26px; }
.ai-banner-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.ai-banner-card { min-width: 0; min-height: 116px; display: flex; align-items: center; gap: 16px; padding: 20px; border: 1px solid #e5e7eb; border-radius: 14px; background: var(--ai-banner-bg); color: #171717; text-decoration: none; }
.ai-banner-card:hover { border-color: #c7cbd1; box-shadow: 0 6px 20px rgba(0,0,0,.06); }
.ai-banner-logo { width: 56px; height: 56px; flex: 0 0 56px; display: flex; align-items: center; justify-content: center; }
.ai-banner-logo img { width: 100%; height: 100%; object-fit: contain; }
.ai-banner-copy { min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.ai-banner-copy strong { font-size: 18px; line-height: 1.25; }
.ai-banner-copy span { color: #565656; font-size: 13px; line-height: 1.45; }
@media (max-width: 900px) { .ai-banner-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .ai-banner-container { padding: 0 12px; } .ai-banner-grid { grid-template-columns: 1fr; } .ai-banner-heading { font-size: 23px; } }