@media (max-width: 1000px) {
  .desktop-nav { display: none; }
  .menu-toggle { display: grid; }
  .login-link { display: none; }

  .mobile-menu {
    display: none;
    flex-direction: column;
    gap: 5px;
    padding: 10px 20px 20px;
    border-top: 1px solid var(--border);
    background: var(--surface);
  }
  .mobile-menu.open { display: flex; }
  .mobile-menu a:not(.btn) { padding: 12px 4px; color: var(--text-soft); font-weight: 600; }

  .hero-grid { grid-template-columns: 1fr; gap: 45px; }
  .hero-copy { text-align: center; }
  .hero-copy .eyebrow, .hero-actions, .hero-trust { justify-content: center; }
  .hero-text { margin-inline: auto; }
  .hero-visual { min-height: 500px; }
  .project-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 700px) {
  .container { width: min(calc(100% - 28px), var(--container)); }
  .header-inner { height: 68px; }
  .brand img { width: 34px; height: 34px; }
  .header-actions { gap: 8px; }
  .header-actions .btn { display: none; }

  .hero { padding: 50px 0 45px; }
  .hero h1 { font-size: clamp(2.55rem, 13vw, 4rem); }
  .hero-text { font-size: .95rem; }
  .hero-actions { flex-direction: column; }
  .hero-actions .btn { width: 100%; }
  .hero-visual { min-height: 440px; }
  .hero-card { width: min(350px, 92%); }
  .mock-image { height: 205px; }
  .stat-one { left: -4px; top: 70px; }
  .stat-two { right: -3px; bottom: 60px; }

  .stats-grid { grid-template-columns: repeat(2, 1fr); }
  .stats-grid > div:nth-child(2) { border-right: 0; }
  .stats-grid > div:nth-child(-n+2) { border-bottom: 1px solid var(--border); }

  .section { padding: 65px 0; }
  .section-heading { align-items: start; flex-direction: column; }
  .section-heading h2 { font-size: 2rem; }
  .project-grid, .steps-grid { grid-template-columns: 1fr; }
  .project-thumb { height: 210px; }

  .cta-card { padding: 35px 25px; flex-direction: column; align-items: start; border-radius: 24px; }
  .cta-card .btn { width: 100%; }

  .footer-main { flex-direction: column; padding: 40px 0; }
  .footer-links { grid-template-columns: repeat(3, 1fr); width: 100%; gap: 15px; }
  .footer-bottom { flex-direction: column; gap: 5px; }
}

@media (max-width: 400px) {
  .hero-visual { min-height: 400px; }
  .hero-card { width: 94%; }
  .floating-stat { padding: 9px 11px; }
  .floating-stat strong { font-size: .72rem; }
  .floating-stat small { font-size: .58rem; }
  .stat-one { left: -8px; }
  .stat-two { right: -8px; }
}


@media (max-width: 900px) {
  .filter-layout { grid-template-columns: 1fr; gap: 25px; }
  .filters-panel { position: static; }
  .filter-group { display: grid; grid-template-columns: repeat(2, 1fr); }
  .filter-label { grid-column: 1 / -1; }
  .filter-group:first-of-type { grid-template-columns: repeat(2, 1fr); }
  .filter-group:first-of-type .filter-label { grid-column: 1 / -1; }
}

@media (max-width: 700px) {
  .discover-hero { padding: 50px 0 42px; }
  .discover-hero h1 { font-size: 2.7rem; }
  .projects-area { padding: 35px 0 70px; }
  .results-toolbar { align-items: flex-start; flex-direction: column; }
  .sort-select { width: 100%; justify-content: space-between; }
  .sort-select select { flex: 1; }
  .filter-group { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 450px) {
  .filter-group { grid-template-columns: 1fr; }
  .filter-group:first-of-type { grid-template-columns: 1fr; }
}