@media (max-width: 960px) {
  .survey__panel { padding: 1.75rem; }
}

@media (max-width: 640px) {
  .process__timeline { padding-left: 32px; }
  .process__line-track { left: 15px; }
  .process__dot { left: -23px; }
  .process__content p { max-width: none; }

  .survey__question { min-height: 0; }
  .survey__nav { flex-wrap: wrap; gap: 1rem; }
}

@media (max-width: 480px) {
  .hero__actions { flex-direction: column; align-items: flex-start; }
  .hero__actions .btn { width: 100%; justify-content: center; }
}