/* Responsive CSS - Additional media queries */

/* Tablet */
@media (max-width: 1024px) {
    .hero h1 { font-size: 2.5rem; }
    .plans-grid { grid-template-columns: 1fr !important; max-width: 28rem; margin-left: auto; margin-right: auto; }
    .stats-grid { gap: 1px; }
}

/* Mobile */
@media (max-width: 640px) {
    .hero { padding: 3rem 0; }
    .hero h1 { font-size: 2rem; }
    .hero-subtitle { font-size: 1rem; }
    .hero-buttons { flex-direction: column; gap: 0.75rem; }
    .hero-buttons .btn { width: 100%; justify-content: center; }
    .hero-trust { flex-direction: column; gap: 0.5rem; }
    .social-proof h2 { font-size: 1.5rem; }
    .section-title { font-size: 1.5rem; }
    .features-grid { gap: 1.5rem; }
    .blog-layout { grid-template-columns: 1fr; }
    .footer-grid { grid-template-columns: 1fr; }
    .help-contact-options { grid-template-columns: 1fr; }
    .btn-lg { font-size: 1rem; padding: 0.625rem 1.5rem; }
    .nav-logo-text { font-size: 1rem; }

    /* Plans page responsive */
    .plans-header h1 { font-size: 1.75rem; }
    .plans-toggle { gap: 0.5rem; }
    .plans-toggle-btn { font-size: 0.75rem; padding: 0.375rem 0.625rem; }

    /* Blog responsive */
    .blog-header h1 { font-size: 1.75rem; }

    /* Comparison table scroll */
    table { display: block; overflow-x: auto; white-space: nowrap; }
}

/* Print styles */
@media print {
    .site-header, .site-footer, .nav-mobile-toggle, .nav-actions, .cta-section, .footer-newsletter { display: none !important; }
    .hero { background: none; padding: 1rem 0; }
    body { color: #000; background: #fff; }
}