/* ============================================================
   HIANEXUS SOLUTIONS – RESPONSIVE CSS
   ============================================================ */

/* === TABLET (max 1024px) === */
@media (max-width: 1024px) {
    .footer-top { grid-template-columns: 1fr 1fr; }
    .grid-4 { grid-template-columns: repeat(2,1fr); }
    .split-layout { grid-template-columns: 1fr; gap: var(--space-10); }
    .split-layout--reverse .split-image { order: 0; }
    .split-layout--reverse .split-content { order: 0; }
    .split-image img { height: 340px; }
    .primary-nav { display: none; }
    .header-cta { display: none; }
    .menu-toggle { display: flex; }
}

/* === MOBILE (max 768px) === */
@media (max-width: 768px) {
    :root {
        --space-20: 4rem;
        --space-32: 5rem;
        --space-16: 3rem;
    }
    .container { padding: 0 var(--space-4); }
    .grid-2, .grid-3 { grid-template-columns: 1fr; }
    .grid-4 { grid-template-columns: 1fr 1fr; }
    .footer-top { grid-template-columns: 1fr; gap: var(--space-8); }
    .footer-bottom { flex-direction: column; text-align: center; }
    .footer-legal { justify-content: center; flex-wrap: wrap; gap: var(--space-3); }
    .home-hero h1 { font-size: 2.2rem; }
    .home-hero__desc { font-size: var(--text-base); }
    .home-hero__trust { gap: var(--space-4); }
    .home-hero__content { padding: var(--space-20) 0 var(--space-16); }
    .cta-banner { padding: var(--space-12) 0; }
    .cta-banner__buttons { flex-direction: column; align-items: center; }
    .hero__content { padding: var(--space-20) 0 var(--space-16); }
    .page-header { padding: var(--space-16) 0 var(--space-12); }
    .info-panel { padding: var(--space-8); }
    .contact-box { padding: var(--space-8); }
    .pricing-tier__head, .pricing-tier__body, .pricing-tier__foot { padding: var(--space-6); }
    .section-header { margin-bottom: var(--space-10); }
    .btn-lg { padding: .875rem 1.75rem; }
    .stat-box__number { font-size: var(--text-4xl); }
    .reg-banner { flex-direction: column; text-align: center; }
    .split-image img { height: 260px; }
    .trust-badges { gap: var(--space-5); }
    .process-step::after { display: none; }
}

/* === SMALL MOBILE (max 480px) === */
@media (max-width: 480px) {
    .grid-4 { grid-template-columns: 1fr; }
    .home-hero__actions { flex-direction: column; }
    .hero__buttons { flex-direction: column; }
    h1 { font-size: 1.8rem; }
    h2 { font-size: 1.5rem; }
    .channel-card { padding: var(--space-6); }
    .footer-social a { width: 34px; height: 34px; }
    table { font-size: var(--text-xs); }
    th, td { padding: var(--space-3); }
}

/* === PRINT === */
@media print {
    .site-header, .site-footer, .menu-toggle, .mobile-menu, .cta-banner, .btn { display: none !important; }
    body { padding-top: 0; color: #000; background: #fff; }
    a { color: #000; }
    .page-header { background: #f0f0f0; color: #000; padding: 2rem 0; }
    .page-header h1 { color: #000; }
    .container { max-width: 100%; padding: 0 1rem; }
}

/* === ACCESSIBILITY: Motion Reduction === */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

/* === HIGH CONTRAST === */
@media (forced-colors: active) {
    .btn { border: 2px solid ButtonText; }
    .card { border: 1px solid ButtonText; }
}