@media (min-width: 1024px) {
  main {
    padding-bottom: 4.5rem;
  }
}

html {
  scroll-behavior: smooth;
}

[id] {
  scroll-margin-top: 80px;
}

@media (max-width: 640px) {
  [id] {
    scroll-margin-top: 72px;
  }
}

.tool-card {
  min-width: 0;
}

.tool-grid {
  align-items: flex-start;
}

.hero-grid {
  margin-bottom: 1.5rem;
}

.nav-links {
  letter-spacing: 0.02em;
}

.nav-link {
  padding-inline: 0.25rem;
}

@media (min-width: 1024px) {
  .nav-link {
    padding-inline: 0.35rem;
  }
}

@media (max-width: 500px) {
  .tool-section {
    padding-left: 0.9rem;
    padding-right: 1.2rem;
  }
  .tool-card {
    padding-inline: 1rem;
  }
}

@supports not ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))) {
  .glass-nav,
  .glass-hero,
  .tool-card {
    background-color: #ffffff;
  }
}

@media (max-width: 768px) {
  .hero-visual {
    order: -1;
  }
}