/* 반응형 미디어 쿼리 - 모바일에서 줄바꿈 처리 */
.desktop-only {
    display: inline;
}

@media (max-width: 768px) {
    .desktop-only {
        display: none;
    }
    
    .hero-title {
        font-size: 2rem;
        line-height: 1.3;
        margin-bottom: 1rem;
    }
    
    .hero-subtitle {
        font-size: 1rem;
        line-height: 1.6;
        padding: 0 20px;
    }
    
    .hero {
        padding-top: 100px;
        padding-bottom: 80px;
    }
    
    .scroll-indicator {
        bottom: 20px;
    }

    .features {
        padding: 90px 0;
    }

    .features-intro {
        margin-bottom: 3rem;
        gap: 1rem;
    }

    .intro-copy {
        font-size: 0.98rem;
    }

    .feature-metrics {
        grid-template-columns: 1fr;
        gap: 1.2rem;
    }

    .metric-card {
        padding: 1.8rem;
    }

    .feature-showcase {
        grid-template-columns: 1fr;
    }

    .spotlight-card {
        padding: 2.2rem 1.9rem;
    }

    .spotlight-card h3 {
        white-space: normal;
    }

    .process {
        padding: 100px 0;
    }

    .process-header {
        text-align: left;
        align-items: flex-start;
    }

    .process-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1.5rem;
    }


    .process-lede {
        white-space: normal;
    }

    .features-intro .section-title {
        white-space: normal;
    }
    .process-card {
        padding: 2.2rem 1.8rem;
    }

    .step-index {
        width: 52px;
        height: 52px;
        font-size: 1.05rem;
    }
}

@media (max-width: 480px) {
    .hero-title {
        font-size: 1.8rem;
    }
    
    .hero-subtitle {
        font-size: 0.95rem;
    }
    
    .cta-button {
        padding: 0.9rem 2rem;
        font-size: 1rem;
    }

    .eyebrow {
        letter-spacing: 0.16em;
        font-size: 0.75rem;
        padding: 0.3rem 1rem;
    }

    .features-intro .section-title {
        font-size: 2rem;
    }

    .metric-value {
        font-size: 2rem;
    }

    .spotlight-card {
        padding: 2rem 1.6rem;
    }

    .spotlight-card h3 {
        white-space: normal;
    }

    .spotlight-list li {
        padding-left: 1.3rem;
    }

    .spotlight-list li::before {
        top: 0.45rem;
        width: 0.5rem;
        height: 0.5rem;
    }

    .process {
        padding: 90px 0;
    }

    .process-header {
        gap: 1.2rem;
    }

    .process-lede {
        font-size: 0.98rem;
        white-space: normal;
    }

    .process-grid {
        grid-template-columns: 1fr;
        gap: 1.4rem;
    }

    .features-intro .section-title {
        white-space: normal;
    }

    .process-card {
        padding: 2rem 1.6rem;
    }

    .step-head {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.6rem;
    }

    .step-tag {
        font-size: 0.75rem;
        letter-spacing: 0.1em;
    }

    .step-list li {
        font-size: 0.88rem;
    }

    .step-duration {
        font-size: 0.85rem;
    }
}