/* AI services — streamlined marketing page */

.page-ai{ --hero-bg: url('/assets/img/ai-hero.png'); }

.ai-hero .hero__badges{
  display:flex; gap:10px; flex-wrap:wrap; padding:12px 0 0;
}
.ai-hero .hero__badges--solid span{
  background:rgba(255,255,255,.85); border:1px solid rgba(0,0,0,.08); border-radius:999px;
  padding:8px 12px; font-weight:700; color:#1a1a1a; box-shadow:0 6px 18px rgba(0,0,0,.08);
}

.ai-grid{ display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:18px; }
@media(max-width:980px){ .ai-grid{ grid-template-columns:repeat(2, minmax(0,1fr)); } }
@media(max-width:680px){ .ai-grid{ grid-template-columns:1fr; } }
.ai-grid .card{ min-height:100%; }
.ai-grid .card h3{ margin-top:0 }

.steps--pill.steps{
  display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:12px;
}
.steps--pill li{
  list-style:none; background:var(--surface); border:1px solid var(--border); border-radius:12px;
  padding:14px 16px; box-shadow:0 6px 16px rgba(0,0,0,.05);
}
.steps--pill h4{ margin:0 0 6px }
@media(max-width:980px){ .steps--pill.steps{ grid-template-columns:repeat(2, minmax(0,1fr)); } }
@media(max-width:640px){ .steps--pill.steps{ grid-template-columns:1fr; } }

.ai-trust{
  display:grid; grid-template-columns:1.1fr .9fr; gap:18px; align-items:start;
}
@media(max-width:960px){ .ai-trust{ grid-template-columns:1fr; } }
.ai-callout{
  border:1px solid var(--border); border-radius:14px; box-shadow:0 10px 28px rgba(0,0,0,.06);
}
.ai-callout h3{ margin-top:0 }

.check-list{ padding-left:18px; display:grid; gap:6px; }
.check-list li{ list-style:disc; }

.page-ai .band.band--who{
  margin:0 auto 32px;
  max-width:var(--max);
}

@media(max-width:900px){
  .ai-hero{ padding:64px 0; }
  .ai-hero .hero__inner{ grid-template-columns:1fr; }
}