@media (max-width: 900px) {
  .home-page .hero { display: grid; height: auto; min-height: 0; gap: 32px; padding: 40px 24px 32px; }
  .home-page .hero-content { width: 100%; min-width: 0; }
  .home-page .hero-values { position: relative; inset: auto; width: 100%; margin: 0; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
  .home-page .hero .actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
  .home-page .hero .button { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; white-space: normal; text-align: center; }
}
@media (max-width: 570px) {
  .home-page .hero { padding: 32px 20px; }
  .home-page .hero h1 { font-size: clamp(32px,10vw,47px); }
  .home-page .hero .actions { flex-direction: column; align-items: stretch; }
  .home-page .hero .actions .button { width: 100%; box-sizing: border-box; }
  .home-page .hero-values { grid-template-columns: 1fr; gap: 16px; }
}