@media (min-width: 620px) {
  .hero-proof,
  .field-grid,
  .calculator-grid,
  .founder-panel,
  .contact-layout {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .grid-2,
  .value-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .grid-3,
  .grid-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .newsletter-form {
    max-width: 430px;
  }
}

@media (min-width: 820px) {
  .section {
    padding: 92px 0;
  }

  .hero-content {
    padding: 108px 0 76px;
  }

  .hero-grid {
    grid-template-columns: 0.92fr 1.08fr;
    gap: 2rem;
  }

  .stats-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .score-layout {
    grid-template-columns: 0.9fr 1.1fr;
  }

  .timeline {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .timeline-item {
    grid-template-columns: 1fr;
  }

  .timeline-card {
    min-height: 164px;
  }

  .timeline-step {
    margin-bottom: 0.2rem;
  }

  .cta-inner,
  .footer-grid {
    grid-template-columns: 1.3fr 0.8fr 0.8fr 1fr;
  }

  .cta-inner {
    grid-template-columns: 1.4fr auto;
  }

  .grid-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .grid-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .blog-layout {
    grid-template-columns: minmax(0, 1fr) 320px;
  }
}

@media (min-width: 1120px) {
  .nav-toggle {
    display: none;
  }

  .nav-menu {
    position: static;
    min-height: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.05rem;
    padding: 0;
    background: transparent;
    border: 0;
  }

  .nav-link {
    padding: 0.54rem 0.48rem;
    font-size: 0.78rem;
  }

  .nav-cta {
    margin-top: 0;
    margin-left: 0.35rem;
    padding-inline: 0.85rem;
  }

  .hero {
    min-height: calc(100vh - 84px);
    display: grid;
    align-items: center;
  }
}

@media (min-width: 1280px) {
  .nav-link {
    padding-inline: 0.62rem;
    font-size: 0.82rem;
  }

  .brand img {
    width: 220px;
    max-height: 76px;
  }
}

@media (max-width: 520px) {
  .navbar {
    min-height: 76px;
  }

  .brand img {
    width: 168px;
    max-height: 58px;
  }

  .nav-menu {
    inset: 76px 0 auto 0;
    min-height: calc(100dvh - 76px);
    padding: 0.8rem;
  }

  .nav-link {
    padding: 0.72rem 0.78rem;
  }

  .btn {
    width: 100%;
  }

  .hero {
    min-height: auto;
  }

  .hero-content {
    padding: 42px 0 34px;
  }

  .hero h1 {
    font-size: clamp(2.1rem, 11vw, 3.25rem);
  }

  .hero .lead {
    font-size: 1rem;
  }

  .hero-proof {
    gap: 0.58rem;
    margin-top: 1.1rem;
  }

  .hero-actions {
    width: 100%;
    gap: 0.65rem;
    margin-top: 1.1rem;
  }

  .proof-item {
    align-items: flex-start;
    font-size: 0.92rem;
  }

  .hero-visual {
    padding: 0.55rem;
  }

  .hero-dashboard img {
    aspect-ratio: 4 / 3;
    object-position: 58% center;
  }

  .hero-insights {
    grid-template-columns: 1fr;
  }

  .hero-insights div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    padding: 0.62rem 0.7rem;
  }

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

  .newsletter-form {
    display: grid;
  }

  .floating-actions {
    right: 10px;
    bottom: 10px;
  }
}