/* AI & Agentic Solutions page (development/ai-agentic-solutions.html). Builds on application_development.css;
   only the layout differences live here. */

/* Six service cards: an even 3 x 2 instead of the 4 + 2 that auto-fit would give */
.appdev-services-grid.aidev-services-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.aidev-services-grid .appdev-service-card.ic-purple { border-top-color: #7434d5 !important; }
.aidev-services-grid .appdev-service-card.ic-teal { border-top-color: #0f9c8f !important; }

/* Journey steps: the shared rules leave pink/teal icons uncoloured */
.appdev-journey-step.ic-pink i { color: #d53480; background: #fce7f3; border-color: #f7c6e0; }

/* Use-case chips follow a tinted section, so give them their own top spacing */
.aidev-usecases-section { padding-top: 72px; }

.appdev-diff-item p a { color: var(--brand); font-weight: 600; text-decoration: none; }
.appdev-diff-item p a:hover { text-decoration: underline; }

@media (max-width: 1100px) {
    .appdev-services-grid.aidev-services-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
    .appdev-services-grid.aidev-services-grid { grid-template-columns: 1fr; }
}
@media (max-width: 767px) {
    .aidev-usecases-section { padding-top: 56px; }
}