/* ========== RESPONSIVE ========== */
@media (max-width: 1024px) {
    section { padding: 5rem 0; }

    .hero-inner { grid-template-columns: 1fr; gap: 3rem; }
    .hero-diagram { max-width: 420px; margin: 0 auto; }

    .stats-grid { grid-template-columns: repeat(2, 1fr); gap: 2.5rem 2rem; }
    .problem-grid { grid-template-columns: 1fr; }
    .steps { grid-template-columns: repeat(2, 1fr); }
    .timeline-line { display: none; }
    .agents-grid { grid-template-columns: 1fr; }
    .results-grid { grid-template-columns: 1fr; }
    .pricing-grid { grid-template-columns: 1fr; max-width: 480px; margin-left: auto; margin-right: auto; }
    .pricing-card.featured { transform: none; }
    .pricing-card.featured:hover { transform: translateY(-2px); }
    .footer-inner { grid-template-columns: 1fr; gap: 2.5rem; }
}

@media (max-width: 768px) {
    .nav-links, .nav-actions { display: none; }
    .nav-brand { font-size: 1.125rem; }
    .hamburger { display: block; }
    .mobile-nav { display: flex; }

    section { padding: 4rem 0; }

    .hero { padding: 7rem 0 4rem; min-height: auto; }

    .compare { grid-template-columns: 1fr; }
    .steps { grid-template-columns: 1fr; }
    .problem-grid { grid-template-columns: 1fr; }
    .agents-grid { grid-template-columns: 1fr; }

    .agent-card { padding: 1.75rem 1.5rem; }
    .pricing-card { padding: 2rem 1.5rem; }
    .problem-card { padding: 1.5rem; }

    .hero-cta .btn, .final-cta-buttons .btn { width: 100%; }
    .hero-cta, .final-cta-buttons { flex-direction: column; width: 100%; }

    .hero-trust { gap: 1rem; }
    .testimonials-wrap { min-height: 360px; }
}

@media (max-width: 480px) {
    .container { padding: 0 1.25rem; }
    h1 { font-size: 2.25rem; }
    h2 { font-size: 1.75rem; }
    .stats-grid { grid-template-columns: 1fr; gap: 2rem; }
    .hero-headline .line-2 { padding-left: 0; }
}