/* Responsive Overrides & Mobile Optimization */

@media (max-width: 880px) {
  .site-header {
    padding: 0.75rem 0.75rem 0;
  }

  .site-header__bar {
    padding: 0.6rem 1rem;
    border-radius: var(--radius);
  }

  .brand__tag {
    display: none;
  }

  .nav-cta {
    display: none;
  }

  .hero {
    padding-top: calc(var(--header-h) + 2rem);
    padding-bottom: var(--space-4);
  }

  .hero__panel-card {
    padding: 1.5rem;
  }

  .hero__panel-stats {
    gap: 0.5rem;
  }

  .hero__panel-stats strong {
    font-size: 1.4rem;
  }

  .estimator-box {
    padding: 1.5rem;
  }

  .estimator-metrics {
    gap: 1rem;
  }

  .founder-card {
    padding: 1.5rem;
  }

  .form {
    padding: 1.5rem;
  }

  .float-dock {
    bottom: 1.25rem;
    right: 1.25rem;
  }
}

@media (max-width: 480px) {
  .container {
    width: min(100% - 1.5rem, var(--max));
  }

  h1 {
    font-size: 2.1rem;
  }

  h2 {
    font-size: 1.65rem;
  }

  .hero__panel-stats {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .btn-row {
    flex-direction: column;
    width: 100%;
  }

  .btn-row .btn {
    width: 100%;
  }

  .estimator-chips {
    gap: 0.45rem;
  }

  .estimator-chip {
    width: 100%;
    justify-content: center;
  }
}