/* ============================================================
   RESPONSIVE
   ============================================================ */

@media (max-width: 1024px) {
    .hero-inner { grid-template-columns: 1fr; gap: 48px; }
    .hero-card-1, .hero-card-2 { display: none; }
    .hero-visual { max-width: 600px; margin: 0 auto; }
    .hero-stats { gap: 24px; }
    .benefits-grid { grid-template-columns: repeat(2, 1fr); }
    .features-grid { grid-template-columns: repeat(2, 1fr); }
    .industries-grid { grid-template-columns: repeat(2, 1fr); }
    .pricing-grid { grid-template-columns: 1fr; max-width: 500px; margin-left: auto; margin-right: auto; }
    .footer-grid { grid-template-columns: 1fr 1fr; }
    .reseller-banner { flex-direction: column; text-align: center; padding: 48px 40px; }
    .reseller-banner p { margin: 0 auto; }
    .reseller-benefits { grid-template-columns: 1fr; }
    .feature-showcase { grid-template-columns: 1fr; gap: 40px; }
    .feature-showcase.reverse { direction: ltr; }
    .contact-grid { grid-template-columns: 1fr; gap: 48px; }
    .how-grid::before { display: none; }
    .how-grid { grid-template-columns: 1fr; max-width: 400px; margin-left: auto; margin-right: auto; }
    .how-step { flex-direction: row; text-align: left; padding: 0; gap: 24px; }
    .how-number { flex-shrink: 0; width: 60px; height: 60px; font-size: 20px; margin-bottom: 0; }
}

@media (max-width: 768px) {
    :root { --nav-h: 60px; }
    .section { padding: 64px 0; }
    .nav-links, .nav-cta { display: none; }
    .nav-burger { display: flex; }
    .benefits-grid { grid-template-columns: 1fr; }
    .features-grid { grid-template-columns: 1fr; }
    .industries-grid { grid-template-columns: 1fr; }
    .contact-grid { grid-template-columns: 1fr; }
    .feature-showcase { grid-template-columns: 1fr; }
    .feature-showcase.reverse { grid-template-columns: 1fr; }
    .how-grid { grid-template-columns: 1fr; }
    .footer-grid { grid-template-columns: 1fr 1fr; gap: 32px; }
    .footer-bottom { flex-direction: column; text-align: center; }
    .reseller-banner { padding: 40px 24px; margin: 0; border-radius: var(--radius-lg); }
    .form-row { grid-template-columns: 1fr; }
    .hero-stats { flex-direction: column; gap: 16px; }
    .hero-inner { grid-template-columns: 1fr; }
    .hero-visual { display: none; }
    .hero-actions { flex-direction: column; }
    .hero-actions .btn { justify-content: center; }
    .trusted-bar-inner { flex-direction: column; gap: 16px; }
    .how-step { flex-direction: column; align-items: center; text-align: center; gap: 16px; }
    .form-card { padding: 28px 20px; }
    .comparison-table { font-size: 13px; }
    .comparison-table th, .comparison-table td { padding: 10px 12px; }
    .screenshots-tabs { gap: 6px; }
    .screenshot-tab { padding: 7px 12px; font-size: 13px; }
    .pricing-card-hero, .pricing-card-sm { padding: 32px 24px; }
}

@media (max-width: 480px) {
    .container { padding: 0 16px; }
    .section { padding: 48px 0; }
    .hero { padding: 64px 0 56px; }
    .page-hero { padding: 48px 0 40px; }
}