/* ===== RESPONSIVE ===== */
@media (max-width: 1024px) {
    .hero-grid { grid-template-columns: 1fr; text-align: center; }
    .hero-desc { margin: 0 auto 40px; }
    .hero-buttons { justify-content: center; }
    .hero-stats { justify-content: center; }
    .hero-visual { margin-top: 60px; }
    .bento-grid { grid-template-columns: repeat(2, 1fr); }
    .bento-wide { grid-column: span 2; }
    .bento-tall { grid-row: span 1; }
    .agents-grid { grid-template-columns: 1fr; }
    .steps-grid { grid-template-columns: repeat(2, 1fr); }
    .steps-line { display: none; }
    .pricing-grid { grid-template-columns: 1fr; max-width: 420px; margin: 0 auto; }
    .testimonial-slide { grid-template-columns: 1fr; max-width: 500px; margin: 0 auto; }
    .footer-grid { grid-template-columns: 1fr 1fr; }
    .comparison-grid { grid-template-columns: 1fr; gap: 16px; }
    .comparison-divider { padding: 8px 0; }
    .comparison-arrow { transform: rotate(90deg); }
    .result-card { min-width: 320px; }
}

@media (max-width: 768px) {
    section { padding: 80px 0; }
    .nav-links { display: none; }
    .nav-switcher { order: -1; }
    .mobile-toggle { display: flex; }
    .nav-links.open {
        display: flex;
        flex-direction: column;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: rgba(255, 255, 255, 0.99);
        padding: 24px;
        gap: 20px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.06);
        box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08);
    }
    .bento-grid { grid-template-columns: 1fr; }
    .bento-wide { grid-column: span 1; }
    .steps-grid { grid-template-columns: 1fr; }
    .hero-card-main { width: 100%; max-width: 380px; transform: none; }
    .cta-box { padding: 56px 24px; }
    .footer-grid { grid-template-columns: 1fr; }
    .hero h1 { letter-spacing: -0.02em; }
    .float-card { display: none; }
    .comparison-col { padding: 28px; }
    .result-card { min-width: 300px; }
}

@media (max-width: 480px) {
    .hero-buttons { flex-direction: column; align-items: center; }
    .hero-stats { flex-direction: column; align-items: center; gap: 20px; }
    .card-metrics { grid-template-columns: 1fr; }
    .hero { padding: 120px 0 60px; }
    .nav-switcher { display: none; }
    .nav-links.open .nav-switcher-mobile { display: flex; justify-content: center; }
}