/* ───── APPLE DESIGN: Response + Springs ───── */
/* #1 Response: immediate feedback on pointer-down */
.btn:active,
.pilot-card:active,
.faq-q:active,
.bot-fab:active {
  transform: scale(0.97);
}
/* #4 Springs: replace linear/ease with spring-like curve */
:root {
  --spring: cubic-bezier(0.25, 1, 0.5, 1);
  --spring-duration: 0.4s;
}
.btn {
  transition: transform 0.12s var(--spring), box-shadow 0.3s var(--spring), background 0.2s;
}
.pilot-card {
  transition: transform var(--spring-duration) var(--spring), border-color 0.3s;
}
.faq-q {
  transition: background 0.2s, transform 0.12s var(--spring);
}
.faq-q .icon {
  transition: transform var(--spring-duration) var(--spring), border-color 0.2s, background 0.2s;
}
.role-card {
  transition: transform var(--spring-duration) var(--spring), border-color 0.3s, box-shadow 0.3s;
}
.bot-fab {
  transition: transform 0.12s var(--spring), box-shadow 0.3s var(--spring);
}