/* --- SMALL MOBILE (≤ 480px) --- */

@media (max-width: 480px) {
    .hero-title {
        font-size: 30px;
        letter-spacing: -0.5px;
    }

    .hero-desc {
        font-size: 15px;
    }

    .mini-card {
        padding: 20px;
    }

    .mini-card-title {
        font-size: 16px;
    }

    .card {
        padding: 24px;
    }

    .accordion-item {
        padding: 14px;
        font-size: 14px;
    }

    .approach-panel {
        padding: 24px 20px;
    }

    .panel-number {
        font-size: 28px;
    }

    .stat-number {
        font-size: 32px;
    }

    .stats-row {
        grid-template-columns: 1fr;
    }
}