@media (max-width: 768px) {
  .container { padding: 28px 14px 120px; }
  .footer {
    flex-wrap: wrap; gap: 6px;
    padding: 8px 12px;
    justify-content: center;
  }
  .card-quote { display: none; }
  .card { padding: 20px 10px 14px; }
  .card-char { font-size: 2.2rem; }
  .breath-ring { width: 140px; height: 140px; }
}