/* Responsive styles — will be populated as we build each section */

@media (max-width: 992px) {
    .main-nav ul { gap: 20px; }
    .footer-inner { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 768px) {
    .nav-toggle { display: flex; }
    .main-nav {
        position: absolute;
        top: 100%; left: 0; right: 0;
        background: var(--white);
        padding: 24px;
        box-shadow: var(--shadow);
        display: none;
    }
    .main-nav.open { display: block; }
    .main-nav ul { flex-direction: column; align-items: flex-start; gap: 16px; }
    .footer-inner { grid-template-columns: 1fr; gap: 32px; }
}
/* Homepage responsive */

@media (max-width: 1024px) {
    .hero-inner { grid-template-columns: 1fr; gap: 60px; }
    .hero-visual { max-width: 520px; margin: 0 auto; }
    .badge-charge { left: 0; }
    .badge-safe { right: 0; }
    .pillars-grid { grid-template-columns: 1fr; max-width: 560px; margin: 0 auto; }
    .rev-grid { grid-template-columns: 1fr; max-width: 560px; margin: 0 auto; }
    .split-block,
    .split-block.reverse { grid-template-columns: 1fr; gap: 40px; }
    .split-block.reverse .split-visual { order: 0; }
    .cta-inner { grid-template-columns: 1fr; padding: 56px 40px; }
    .cta-actions { flex-direction: row; flex-wrap: wrap; }
}

@media (max-width: 640px) {
    .hero { padding: 48px 0 80px; }
    .hero-stats { flex-wrap: wrap; gap: 20px; }
    .stat-divider { display: none; }
    .hero-actions { flex-direction: column; align-items: stretch; }
    .hero-actions .btn { justify-content: center; }
    .floating-badge { padding: 10px 14px; }
    .badge-icon { width: 34px; height: 34px; }
    .badge-title { font-size: 13px; }
    .pillars, .mission-how, .revolutions { padding: 80px 0; }
    .cta-band { margin: 0 16px 80px; }
    .cta-inner { padding: 40px 24px; }
    .cta-actions { flex-direction: column; }
}

/* Technology responsive */

@media (max-width: 1024px) {
    .tech-header { grid-template-columns: 70px 1fr; gap: 24px; margin-bottom: 56px; }
    .tech-header-num { font-size: 42px; }
    .smart-grid { grid-template-columns: 1fr; gap: 64px; }
    .smart-apps { min-height: auto; padding-bottom: 40px; }
    .safety-grid { grid-template-columns: repeat(2, 1fr); }
    .safety-proof { grid-template-columns: repeat(2, 1fr); }
    .charge-grid { grid-template-columns: 1fr; gap: 56px; }
    .sustain-inner { grid-template-columns: 1fr; gap: 40px; }
}

@media (max-width: 640px) {
    .tech-section { padding: 80px 0; }
    .tech-header { grid-template-columns: 1fr; gap: 12px; }
    .tech-header-num { font-size: 32px; }
    .smart-apps { flex-direction: column; align-items: center; }
    .app-mockup { transform: none !important; }
    .safety-grid { grid-template-columns: 1fr; }
    .safety-proof { grid-template-columns: 1fr; gap: 20px; }
    .chart-row { grid-template-columns: 1fr; gap: 8px; }
    .chart-label { font-size: 12px; }
    .charge-chart { padding: 28px 20px; }
    .sustain-stat { padding: 20px 22px; }
}

/* About Us responsive */

@media (max-width: 1024px) {
    .team-grid { grid-template-columns: repeat(2, 1fr); }
    .partners-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 640px) {
    .about-mission { padding: 72px 0 56px; }
    .about-quote { margin: 24px 0 40px; }
    .about-mission-meta {
        flex-direction: column;
        gap: 24px;
    }
    .meta-divider { display: none; }
    .team, .partners { padding: 80px 0; }
    .team-grid { grid-template-columns: 1fr; max-width: 420px; margin: 0 auto; }
    .partners-grid { grid-template-columns: 1fr; }
    .partners-note {
        flex-direction: column;
        align-items: flex-start;
        text-align: left;
    }
}


/* Work With Us responsive */

@media (max-width: 1024px) {
    .why-grid { grid-template-columns: repeat(2, 1fr); }
    .paths-grid { grid-template-columns: 1fr; max-width: 560px; margin: 0 auto; }
    .investors-inner { grid-template-columns: 1fr; gap: 56px; }
    .investors-side { flex-direction: row; }
    .partner-types { grid-template-columns: 1fr; max-width: 560px; margin: 0 auto; }
    .amb-grid { grid-template-columns: repeat(2, 1fr); }
    .amb-newsletter { grid-template-columns: 1fr; padding: 40px 32px; }
}

@media (max-width: 640px) {
    .why-work, .paths, .investors, .partners-section, .ambassadors { padding: 80px 0; }
    .why-grid { grid-template-columns: 1fr; }
    .investors-side { flex-direction: column; }
    .amb-grid { grid-template-columns: 1fr; }
    .partner-foot {
        flex-direction: column;
        align-items: flex-start;
    }
    .amb-newsletter { padding: 32px 24px; }
    .amb-newsletter-form {
        flex-direction: column;
        border-radius: var(--radius);
    }
    .amb-newsletter-form button { justify-content: center; }
}


/* Contact responsive */

@media (max-width: 1024px) {
    .contact-grid { grid-template-columns: 1fr; gap: 48px; }
    .contact-side { flex-direction: row; }
    .side-block { flex: 1; }
}

@media (max-width: 768px) {
    .form-row { grid-template-columns: 1fr; }
    .contact-form-wrap { padding: 32px 24px; }
    .contact-side { flex-direction: column; }
    .form-foot {
        flex-direction: column;
        align-items: stretch;
    }
    .form-foot .btn { justify-content: center; }
}

@media (max-width: 640px) {
    .contact-main, .faq { padding: 72px 0; }
    .contact-quick { flex-direction: column; align-items: stretch; }
    .quick-item { justify-content: flex-start; }
    .faq-item summary { padding: 18px 20px; font-size: 15px; }
    .faq-body { padding: 0 20px 20px; }
}


/* Mission responsive */

@media (max-width: 1024px) {
    .mission-hero-inner { grid-template-columns: 1fr; gap: 56px; padding-bottom: 80px; }
    .mission-hero-visual { max-width: 460px; margin: 0 auto; }
    .polar-hero-badge { width: 80px; height: 80px; font-size: 36px; top: -16px; right: -16px; }
    .impact-ticker-track { justify-content: center; gap: 32px; }
    .impact-divider { display: none; }
    .neutrality-inner { grid-template-columns: 1fr; gap: 56px; }
    .neutrality-visual { max-width: 380px; margin: 0 auto; }
    .worldwide-grid { grid-template-columns: 1fr; max-width: 560px; margin: 0 auto; }
    .events-grid { grid-template-columns: 1fr; max-width: 620px; margin: 0 auto; }
    .causes-inner { grid-template-columns: 1fr; gap: 48px; }
    .journal-grid { grid-template-columns: 1fr; max-width: 480px; margin: 0 auto; }
}

@media (max-width: 640px) {
    .mission-hero { padding: 48px 0 0; }
    .mission-hero-title { letter-spacing: -1.5px; }
    .mission-hero-actions { flex-direction: column; align-items: stretch; }
    .mission-hero-actions .btn { justify-content: center; }
    .polar-hero-quote { position: relative; bottom: auto; left: auto; margin-top: 16px; max-width: 100%; }
    .mission-intro { padding: 72px 0 24px; }
    .neutrality, .worldwide, .events, .causes, .journal { padding: 80px 0; }
    .event-card { grid-template-columns: 1fr; gap: 16px; }
    .event-date { flex-direction: row; justify-content: center; gap: 8px; padding: 10px 16px; }
    .event-day { font-size: 20px; }
}


/* Partner responsive */

@media (max-width: 1024px) {
    .why-partner-grid { grid-template-columns: 1fr; gap: 0; }
    .why-partner-item { border-top: 1px solid var(--border-light); padding-top: 32px; }
    .why-partner-item:nth-child(-n+2) { border-top: 1px solid var(--border-light); padding-top: 32px; }
    .why-partner-item:first-child { border-top: none; padding-top: 0; }

    .partner-block,
    .partner-block-reverse {
        grid-template-columns: 1fr;
        gap: 40px;
        padding: 56px 0;
    }
    .partner-block-reverse { direction: ltr; }
    .partner-block-visual { max-width: 480px; aspect-ratio: 4 / 3; }

    .process-grid { grid-template-columns: repeat(2, 1fr); }
    .trust-grid { grid-template-columns: repeat(3, 1fr); }

    .partner-apply-inner { grid-template-columns: 1fr; gap: 48px; }
}

@media (max-width: 640px) {
    .why-partner, .partner-deep, .partner-process, .partner-trust, .partner-apply { padding: 80px 0; }
    .partner-block-cols { grid-template-columns: 1fr; gap: 24px; }
    .process-grid { grid-template-columns: 1fr; }
    .trust-grid { grid-template-columns: repeat(2, 1fr); }
    .partner-apply-form-wrap { padding: 28px 20px; }
}


/* Ambassador responsive */

@media (max-width: 1024px) {
    .why-amb-grid { grid-template-columns: repeat(2, 1fr); }
    .amb-tracks-grid { grid-template-columns: 1fr; max-width: 560px; margin: 0 auto; }
    .expect-inner { grid-template-columns: 1fr; gap: 48px; }
    .amb-apply-inner { grid-template-columns: 1fr; gap: 48px; }
    .amb-follow-inner { grid-template-columns: 1fr; padding: 36px 32px; }
}

@media (max-width: 640px) {
    .why-amb, .amb-tracks, .amb-expect, .amb-apply { padding: 80px 0; }
    .amb-follow { padding: 0 0 80px; }
    .why-amb-grid { grid-template-columns: 1fr; }
    .amb-apply-form-wrap { padding: 28px 20px; }
    .amb-follow-inner { padding: 28px 22px; }
    .amb-follow-form {
        flex-direction: column;
        border-radius: var(--radius);
        padding: 12px;
    }
    .amb-follow-form button { justify-content: center; }
    .expect-card { padding: 32px 24px; }
}