@media (max-width: 980px) {
        .hero-grid,
        .bio-layout,
        .portal-layout,
        .promo-grid,
        .services-grid,
        .hero-points,
        .portal-visual-grid,
        .lead-form-grid {
          grid-template-columns: 1fr;
        }

        .topbar-inner {
          flex-direction: column;
          align-items: stretch;
        }

        .nav {
          justify-content: center;
        }
      }

      @media (max-width: 640px) {
        .container {
          width: min(100% - 24px, 1140px);
        }

        .hero-grid,
        .section {
          padding-top: 72px;
          padding-bottom: 72px;
        }

        .spotlight,
        .portal-card,
        .card,
        .service-card,
        .promo-card {
          border-radius: 24px;
        }

        .btn {
          width: 100%;
        }
      }