.footer-ai { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px 32px; }
.footer-ai__copy { flex: 1 1 280px; min-width: 0; }
.footer-ai__copy p { margin: 8px 0 0; color: #475569; font-size: 14px; line-height: 1.5; }
.footer-ai__copy .footer-ai__note { font-size: 12px; }
.footer-ai__links { display: flex; flex-wrap: wrap; gap: 12px; margin: 0; padding: 0; list-style: none; }
.footer-ai__link { display: grid; place-items: center; width: 64px; height: 64px; border: 1px solid #d3dfd5; border-radius: 20px; background: #fff; box-shadow: 0 4px 8px rgb(16 50 30 / 6%); transition: transform 180ms ease, box-shadow 180ms ease; }
.footer-ai__link svg { width: 32px; height: 32px; }
.footer-ai__link.ai-claude { background: #d97757; border-color: #d97757; }
.footer-ai__link:hover { transform: translateY(-3px); box-shadow: 0 7px 16px rgb(16 50 30 / 14%); }
.footer-ai__link:focus-visible { outline: 3px solid #155b3a; outline-offset: 4px; }
@media (max-width: 400px) { .footer-ai__links { gap: 10px; } .footer-ai__link { width: 52px; height: 52px; border-radius: 16px; } }
@media (prefers-reduced-motion: reduce) { .footer-ai__link { transition: none; } .footer-ai__link:hover { transform: none; } }
