@media (max-width: 1024px) {
      .hero-grid,
      .feature-grid,
      .story-grid,
      .cta-box {
        grid-template-columns: 1fr;
      }

      .products,
      .quotes,
      .stats {
        grid-template-columns: repeat(2, 1fr);
      }

      .nav-links { display: none; }
      .visual { min-height: 520px; }
    }

    @media (max-width: 640px) {
      .hero { padding-top: 36px; }
      .products,
      .quotes,
      .stats,
      .pill-grid {
        grid-template-columns: 1fr;
      }

      .section-head,
      .footer-row {
        flex-direction: column;
        align-items: start;
      }

      .floating,
      .mini,
      .ring {
        transform: none !important;
      }

      .visual { min-height: 460px; }
      .mock-pack { inset: 10% 8%; }
      .cta-box { padding: 24px; }
    }

    @media (prefers-reduced-motion: reduce) {
      * { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
      .reveal { opacity: 1; transform: none; }
    }