@media (max-width: 768px) {
    .main-container {
        padding: 0 16px 24px 16px !important;
    }

    .header-section {
        flex-direction: column !important;
        gap: 16px;
    }

    .header-section h1 {
        font-size: 22px !important;
    }

    .header-section h2 {
        font-size: 15px !important;
    }

    .how-it-works {
        padding: 24px 16px !important;
    }

    .js-plotly-plot .plotly {
        max-height: 420px;
    }
}