/* =============================================================
   responsive.css — все медиа-запросы
   ============================================================= */

@media (max-width: 1024px) {
    .hero-inner { grid-template-columns: 1fr; gap: 40px; }
    .hero-content h1 { font-size: 2.4rem; }
    .hero-visual { display: none; }
    .features-grid { grid-template-columns: repeat(2, 1fr); }
    .feature-card { padding: 20px; }
}

@media (max-width: 768px) {
    .header-inner { padding: 0 20px; }
    .container { padding: 0 20px; }
    .section { padding: 60px 0; }
    .section-title { font-size: 1.8rem; }

    .hero { padding: 100px 0 60px; min-height: auto; }
    .hero-content h1 { font-size: 1.8rem; }
    .hero-actions { flex-direction: column; }
    .hero-actions .btn { width: 100%; justify-content: center; }
    .hero-stats { gap: 24px; }
    .hero-stat-value { font-size: 1.5rem; }

    .features-grid { grid-template-columns: 1fr; }
    .feature-card { padding: 20px; }

    .pricing-grid { grid-template-columns: 1fr; }
    .pricing-card.highlighted { transform: none; }
    .pricing-card { padding: 32px 24px; }

    .feature-benefits-grid { grid-template-columns: 1fr; }
    .feature-hero h1 { font-size: 1.8rem; }

    .footer-inner { grid-template-columns: 1fr; gap: 32px; }

    /* Мобильная навигация — упрощаем */
    .header-nav > a:not(.btn),
    .dropdown-trigger span { display: none; }
    .header-nav .btn { margin-left: 0; padding: 8px 16px; font-size: 0.8rem; }
}

@media (max-width: 480px) {
    .hero-content h1 { font-size: 1.5rem; }
    .hero-stats { flex-wrap: wrap; gap: 16px; }
    .hero-stat:not(:last-child)::after { display: none; }
    .section-title { font-size: 1.5rem; }
    .pricing-card-price-value { font-size: 2.2rem; }
}