/* =========================================
   RESPONSIVE — Breakpoints
   ========================================= */

/* Tablet ≤ 1024px */
@media (max-width: 1024px) {
    .blog-layout { grid-template-columns: 1fr; }
    .blog-sidebar { position: static; }
    .post-layout { grid-template-columns: 1fr; }
    .footer-inner { grid-template-columns: 1fr 1fr; gap: 2rem; }
    .post-card-row { grid-template-columns: 1fr; }
    .post-card-row .post-image { height: 200px; }
    .project-detail-grid { grid-template-columns: 1fr; }
    .comparison-grid { grid-template-columns: 1fr; }
    .briefing-wrapper { grid-template-columns: 1fr; }
    .briefing-info { position: static; }
    .pricing-card.featured { transform: none; }
}

/* Tablet Small ≤ 768px */
@media (max-width: 768px) {
    .nav-links {
        display: none;
        position: absolute;
        top: 100%;
        left: 0; right: 0;
        background: var(--white);
        flex-direction: column;
        padding: 1.25rem;
        border-top: 1px solid var(--gray-200);
        box-shadow: var(--shadow-lg);
        z-index: 999;
    }
    .nav-links.is-open { display: flex; }
    .nav-toggle { display: flex; }
    .nav-cta { margin-left: 0 !important; }
    .nav-auth { padding-left: 0; }

    .hero { padding: 4rem 0 3rem; }
    .hero-content { text-align: center; }
    .hero h1 { font-size: 2.25rem; }
    .hero-actions { flex-direction: column; align-items: center; }
    .hero-actions .btn { width: 100%; }
    .hero-stats { gap: 1.5rem; justify-content: center; }
    .hero-stats .stat { align-items: center; }

    .steps { grid-template-columns: 1fr; }
    .models-grid { grid-template-columns: 1fr; }
    .projects-grid { grid-template-columns: 1fr; }
    .benefits-grid { grid-template-columns: 1fr; }
    .posts-grid { grid-template-columns: 1fr; }
    .pricing-grid { grid-template-columns: 1fr; }
    .faq-grid { grid-template-columns: 1fr; }

    .form-row-2, .form-row-3 { grid-template-columns: 1fr; }

    .section-header { margin-bottom: 2.5rem; }

    .admin-stats { grid-template-columns: repeat(2, 1fr); }
    .briefing-detail-grid { grid-template-columns: 1fr; }
    .admin-table { display: block; overflow-x: auto; }

    .cta-strip .container { flex-direction: column; text-align: center; }

    .footer-inner { grid-template-columns: 1fr; gap: 2rem; }

    .comparison-grid { grid-template-columns: 1fr; }
}

/* Mobile ≤ 480px */
@media (max-width: 480px) {
    .container { padding: 0 1rem; }

    .hero { padding: 3rem 0 2.5rem; }
    .hero h1 { font-size: 1.875rem; }
    .hero-badge { font-size: 0.8125rem; }
    .hero-subtitle { font-size: 1rem; }
    .hero-stats { flex-direction: column; align-items: center; gap: 1rem; }

    .btn-xl { padding: 1rem 2rem; font-size: 1rem; }

    .how-it-works { padding: 3rem 0; }
    .models { padding: 3rem 0; }
    .featured-portfolio { padding: 3rem 0; }
    .differentials { padding: 3rem 0; }
    .blog-highlights { padding: 3rem 0; }
    .faq { padding: 3rem 0; }
    .cta-final { padding: 4rem 1.5rem; }

    .briefing-form { padding: 1.5rem; }
    .admin-stats { grid-template-columns: 1fr; }

    .success-steps { flex-direction: column; align-items: center; }
    .success-actions { flex-direction: column; }
}