/* ============================================================
   LANDING PAGE - RESPONSIVE STYLES
   ============================================================ */

@media only screen and (max-width: 1440px) {
    #landing-page .landing-hero-inner {
        gap: 60px;
    }

    #landing-page .landing-stress-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media only screen and (max-width: 1330px) {
    #landing-page .landing-wrapper,
    #landing-page .landing-section {
        padding-left: 30px;
        padding-right: 30px;
    }

    #landing-page .landing-hero {
        padding-left: 30px;
        padding-right: 30px;
    }

    #landing-page .landing-stats-bar {
        padding-left: 30px;
        padding-right: 30px;
    }

    #landing-page .landing-hero-inner {
        grid-template-columns: 1fr 360px;
        gap: 40px;
    }

    #landing-page .landing-stress-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    #landing-page .landing-form-layout {
        grid-template-columns: 1fr 400px;
        gap: 60px;
    }
}

@media only screen and (max-width: 900px) {
    #landing-page .landing-section {
        padding: 60px 20px;
    }

    /* Hero */
    #landing-page .landing-hero {
        padding: 60px 20px 0;
    }

    #landing-page .landing-hero-inner {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    #landing-page .landing-hero-visual {
        display: none;
    }

    #landing-page .landing-hero h1 {
        font-size: 36px;
    }

    #landing-page .landing-hero-btns {
        margin-bottom: 40px;
    }

    /* Stats Bar */
    #landing-page .landing-stats-bar {
        padding: 0 20px;
    }

    #landing-page .landing-stats-grid {
        grid-template-columns: 1fr;
    }

    #landing-page .landing-stat-item + .landing-stat-item {
        border-left: none;
        border-top: 1px solid rgba(255,255,255,0.15);
    }

    /* What's Inside */
    #landing-page .landing-parts-grid {
        grid-template-columns: 1fr;
    }

    #landing-page .landing-bonus-card {
        grid-template-columns: 1fr;
    }

    /* Key Insights */
    #landing-page .landing-insights-grid {
        grid-template-columns: 1fr;
    }

    /* Methods */
    #landing-page .landing-methods-grid {
        grid-template-columns: 1fr;
    }

    /* Recommended */
    #landing-page .landing-recommended-section {
        padding: 60px 20px;
    }

    #landing-page .landing-recommended-card {
        grid-template-columns: 1fr;
        text-align: center;
    }

    #landing-page .landing-recommended-image {
        text-align: center;
    }

    /* How It Works */
    #landing-page .landing-steps-row {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    #landing-page .landing-steps-row::after {
        display: none;
    }

    #landing-page .landing-outcomes-row {
        grid-template-columns: 1fr;
    }

    /* Stress Test */
    #landing-page .landing-stress-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    /* Form */
    #landing-page .landing-form-layout {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    #landing-page .landing-form-left h2 {
        font-size: 28px;
    }
}

@media only screen and (max-width: 620px) {
    #landing-page .landing-section {
        padding: 48px 16px;
    }

    #landing-page .landing-hero {
        padding: 48px 16px 0;
    }

    #landing-page .landing-hero h1 {
        font-size: 30px;
    }

    #landing-page .landing-stats-bar {
        padding: 0 16px;
    }

    #landing-page .landing-stress-grid {
        grid-template-columns: 1fr;
    }

    #landing-page .landing-stress-cta {
        padding: 24px 16px;
    }

    #landing-page .landing-form-box {
        padding: 24px;
    }

    #landing-page .landing-recommended-card {
        padding: 20px;
    }
}