/* The homepage loads tokens.css and sets the font for the selected language. */
.ai-card{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:var(--space-6);margin-top:2.5rem;padding:2.5rem;border-radius:var(--space-4);background:radial-gradient(circle at 100% 0,var(--purple),transparent 38%),radial-gradient(circle at 0 100%,var(--purple-deep),transparent 34%),var(--navy);color:var(--white)}

.ai-card-title{margin-bottom:var(--space-3);color:var(--white);font-size:32px;font-weight:var(--weight-display);line-height:1.45}
.ai-card-title span{color:var(--yellow)}
.ai-card[lang=ku] .ai-card-title{font-weight:600}
.ai-card-desc{margin-bottom:var(--space-5);color:var(--lavender);font-size:var(--size-body);font-weight:var(--weight-body);line-height:var(--leading-body)}
.ai-card-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:var(--space-2) var(--space-5);border:2px solid var(--navy);border-radius:var(--radius);background:var(--yellow);box-shadow:var(--shadow-paper);color:var(--navy);font-size:15px;font-weight:var(--weight-title);line-height:1.4}
.ai-card-btn:hover{background:var(--white)}
.ai-card-btn:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
.ai-card-art{display:block;width:100%;height:auto}

@media(max-width:768px){
  .ai-card{grid-template-columns:minmax(0,1fr);gap:var(--space-5);padding:var(--space-5)}
  .ai-card-title{font-size:26px}
  .ai-card-btn{width:100%}
  .ai-card-art{max-width:280px;margin-inline:auto}
}