/* AI Solutions hub — layout only; colors, type, nav and buttons come from ../styles.css */
.aisol-wrap { max-width: var(--maxw); margin: 0 auto; padding: 0 24px; }
.aisol-hero { padding: clamp(130px, 18vw, 200px) 0 clamp(40px, 6vw, 70px); }
.aisol-hero .h-lg { max-width: 18em; }
.aisol-grid-sec { padding-bottom: clamp(60px, 9vw, 110px); }
.aisol-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.aisol-card {
  display: flex; flex-direction: column; gap: 12px;
  padding: 32px; border: 1px solid var(--line); border-radius: var(--r-lg);
  background: var(--ink-2);
  transition: border-color 0.25s var(--ease), transform 0.25s var(--ease);
}
.aisol-card:hover { border-color: var(--line-2); transform: translateY(-3px); }
.aisol-card__tag { font-family: var(--mono); font-size: 12px; letter-spacing: 0.18em; color: var(--brand); }
.aisol-card h2 { font-size: 26px; font-weight: 500; letter-spacing: -0.015em; }
.aisol-card p { color: var(--fog); max-width: 42ch; }
.aisol-card__go { margin-top: auto; padding-top: 12px; font-weight: 500; color: var(--white); }
.aisol-card__go i { font-style: normal; color: var(--brand); display: inline-block; transition: transform 0.25s var(--ease); }
.aisol-card:hover .aisol-card__go i { transform: translateX(4px); }
.aisol-cta { padding: clamp(60px, 9vw, 110px) 0; border-top: 1px solid var(--line); }
.aisol-cta__btns { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 30px; }
@media (max-width: 720px) {
  .aisol-grid { grid-template-columns: 1fr; }
  .aisol-card { padding: 26px; }
}