/* ═══════════════════════════════════════════════════
   DEVZIFY – Responsive Styles
   ═══════════════════════════════════════════════════ */

/* ── Large (≤ 1279px) ────────────────────────────── */
@media (max-width: 1279px) {
    .hero-inner {
        grid-template-columns: 1fr;
        text-align: center;
        max-width: 760px;
        margin-inline: auto;
    }
    .hero-visual { display: none; }
    .hero-content { max-width: 100%; }
    .hero-actions, .hero-trust { justify-content: center; }
    .hero-description { margin-inline: auto; }

    .footer-grid {
        grid-template-columns: 1fr 1fr;
        gap: 2rem;
    }
    .footer-brand { grid-column: 1 / -1; }
}

/* ── Medium (≤ 1023px) ───────────────────────────── */
@media (max-width: 1023px) {
    /* Nav */
    .nav-links, .nav-cta { display: none; }
    .menu-toggle { display: flex; }

    /* Grid */
    .grid-4 { grid-template-columns: repeat(2, 1fr); }

    /* Process */
    .process-steps { grid-template-columns: repeat(2, 1fr); gap: 2rem; }
    .process-steps::before { display: none; }

    /* Footer CTA */
    .footer-cta-inner { flex-direction: column; text-align: center; }
    .footer-cta-actions { justify-content: center; }

    /* About page grids */
    .about-grid { grid-template-columns: 1fr !important; }
    .about-visual { order: -1; }

    /* Testimonials – 2 columns on tablet */
    .testimonials-track { grid-template-columns: repeat(2, 1fr); }
    .testimonial-card:nth-child(n+4) { display: none; }

    /* Founder card */
    .founder-card-inner { grid-template-columns: 1fr; }
    .founder-left-panel {
        border-right: none;
        border-bottom: 1px solid var(--clr-border);
        padding: 2.5rem 2rem;
    }
    .founder-right-panel { padding: 2.5rem 2rem; }
    .founder-stats { grid-template-columns: repeat(2, 1fr); }

    /* Contact page 2-col → 1-col */
    [style*="grid-template-columns:1fr 1.3fr"] { grid-template-columns: 1fr !important; }

    /* Portfolio single sidebar */
    [style*="grid-template-columns:2fr 1fr;gap:4rem"] { grid-template-columns: 1fr !important; gap: 2rem !important; }
    [style*="position:sticky;top:7rem"] { position: static !important; }
}

/* ── Small (≤ 767px) ─────────────────────────────── */
@media (max-width: 767px) {
    /* Typography */
    h1 { letter-spacing: -0.03em; }
    h2 { letter-spacing: -0.02em; }

    /* Sections */
    .section { padding-block: clamp(3rem, 8vw, 5rem); }
    .page-hero { padding-top: 8rem; }

    /* Grid */
    .grid-2, .grid-3, .grid-4 { grid-template-columns: 1fr; }

    /* Services */
    .services-grid { grid-template-columns: 1fr; }

    /* Portfolio */
    .portfolio-card { flex: 0 0 85vw; }

    /* Testimonials – 1 column on mobile, max 3 shown */
    .testimonials-track {
        grid-template-columns: 1fr;
        max-height: none;
    }
    .testimonial-card:nth-child(n+4) { display: none; }

    /* Blog */
    .blog-grid { grid-template-columns: 1fr; }

    /* Trust */
    .trust-grid { grid-template-columns: repeat(2, 1fr); }

    /* Footer */
    .footer-grid { grid-template-columns: 1fr; }
    .footer-bottom-inner { flex-direction: column; text-align: center; }
    .footer-legal { justify-content: center; }

    /* Process */
    .process-steps { grid-template-columns: 1fr; }

    /* Hero actions */
    .hero-actions { flex-direction: column; align-items: center; }
    .hero-actions .btn { width: 100%; max-width: 320px; justify-content: center; }

    /* CTA strip */
    .footer-cta-actions { flex-direction: column; width: 100%; }
    .footer-cta-actions .btn { width: 100%; justify-content: center; }

    /* Accordion */
    .accordion-trigger { padding: 1rem 1.25rem; font-size: var(--fs-sm); }

    /* ── About page mobile ─────────────────────── */

    /* Mission section 2-col → 1-col */
    [style*="grid-template-columns:1fr 1fr"] {
        grid-template-columns: 1fr !important;
    }

    /* Founder card – stack vertically */
    .founder-card-inner {
        grid-template-columns: 1fr;
        min-height: auto;
    }
    .founder-left-panel {
        border-right: none;
        border-bottom: 1px solid var(--clr-border);
        padding: 2.5rem 1.5rem;
        justify-content: flex-start;
    }
    .founder-right-panel {
        padding: 2rem 1.5rem;
    }
    .founder-stats {
        grid-template-columns: repeat(2, 1fr);
    }
    .founder-skills {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        max-width: 100%;
    }

    /* Values grid */
    .grid-3.stagger-children { grid-template-columns: 1fr; }

    /* About hero sub */
    .page-hero-title { font-size: clamp(1.75rem, 6vw, 3rem) !important; }

    /* ── Contact page mobile ───────────────────── */
    [style*="grid-template-columns:1fr 1.3fr"] {
        grid-template-columns: 1fr !important;
    }

    /* Contact form 2-col inputs → 1-col */
    [style*="grid-template-columns:1fr 1fr;gap:1rem"] {
        grid-template-columns: 1fr !important;
    }

    /* ── Portfolio single mobile ───────────────── */
    [style*="grid-template-columns:2fr 1fr;gap:4rem"] {
        grid-template-columns: 1fr !important;
        gap: 2rem !important;
    }

    /* Portfolio stats 4-col → 2-col */
    [style*="grid-template-columns:repeat(4,1fr);gap:1px"] {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    /* ── Services page mobile ──────────────────── */
    .service-title { font-size: var(--fs-base) !important; }

    /* ── Blog single mobile ────────────────────── */
    .blog-single-grid { grid-template-columns: 1fr !important; }
}

/* ── Extra small (≤ 479px) ───────────────────────── */
@media (max-width: 479px) {
    .trust-grid { grid-template-columns: 1fr; }
    .hero-trust { flex-direction: column; align-items: center; gap: 0.75rem; }
    .portfolio-card { flex: 0 0 90vw; }

    .btn-lg { padding: 0.875rem 1.75rem; }

    /* Stats ticker */
    .ticker-track { gap: 3rem; animation-duration: 20s; }

    /* Badge wrap */
    .footer-badges { gap: 0.375rem; }
    .badge { font-size: 0.65rem; }

    /* Founder stats stays 2-col on extra small */
    .founder-stats { grid-template-columns: repeat(2, 1fr); }

    /* Mission visual card padding */
    [style*="padding:2.5rem;position:relative"] {
        padding: 1.5rem !important;
    }

    /* Container padding */
    .container { padding-inline: 1rem; }

    /* Section heading size */
    .section-heading { font-size: clamp(1.5rem, 5vw, 2.5rem); }

    /* CTA buttons stack */
    [style*="display:flex;justify-content:center;gap:1rem;flex-wrap:wrap"] {
        flex-direction: column !important;
        align-items: center;
    }
    [style*="display:flex;justify-content:center;gap:1rem;flex-wrap:wrap"] .btn {
        width: 100%;
        max-width: 300px;
        justify-content: center;
    }

    /* Testimonials show only 3 */
    .testimonial-card:nth-child(n+4) { display: none; }
}

/* ── Print ───────────────────────────────────────── */
@media print {
    .site-header, .site-footer, .noise-overlay,
    .page-loader, .custom-cursor, .custom-cursor-ring,
    .scroll-progress { display: none !important; }

    body { background: #fff; color: #000; }
    a { color: #000; text-decoration: underline; }
    .hero { min-height: auto; padding: 2rem 0; }
}

/* ── High contrast mode ──────────────────────────── */
@media (prefers-contrast: high) {
    :root {
        --clr-border: rgba(255,255,255,0.3);
        --clr-border-2: rgba(255,255,255,0.5);
        --clr-text-3: #A0A0C0;
    }
}