@media (max-width: 980px) {
  .nav-links {
    display: none;
  }

  .hero__floating-card {
    position: relative;
    right: auto;
    bottom: auto;
    margin-top: 28px;
  }

  .era__grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 700px) {
  .navbar {
    border-radius: 24px;
    padding: 14px 16px;
    flex-wrap: wrap;
    gap: 12px;
  }

  .nav-actions {
    width: 100%;
    justify-content: space-between;
  }

  .section {
    padding: 120px 16px 72px;
  }

  .era__grid {
    grid-template-columns: 1fr;
  }

  .footer {
    flex-direction: column;
    align-items: flex-start;
  }
}