/* Hero Section Mobile Optimization */
.hero {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    box-sizing: border-box;
}

.hero .container {
    max-width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
}

.hero h1,
.hero h2 {
    word-wrap: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
    max-width: 100%;
}

.hero p {
    word-wrap: break-word;
    overflow-wrap: break-word;
    max-width: 100%;
}

/* Mobile Hero Adjustments */
@media (max-width: 768px) {
    .hero {
        padding: 40px 16px !important;
    }
    
    .hero .container {
        padding: 0 16px;
    }
    
    .hero h1 {
        font-size: 1.5rem;
        line-height: 1.3;
        margin-bottom: 12px;
    }
    
    .hero h2 {
        font-size: 1.5rem;
        line-height: 1.3;
        margin-bottom: 12px;
    }
    
    .hero p {
        font-size: 1rem;
        line-height: 1.5;
    }
}

@media (max-width: 480px) {
    .hero {
        padding: 30px 12px !important;
    }
    
    .hero .container {
        padding: 0 12px;
    }
    
    .hero h1,
    .hero h2 {
        font-size: 1.3rem;
        line-height: 1.25;
    }
    
    .hero p {
        font-size: 0.92rem;
        line-height: 1.4;
    }
}

/* Container Global Fix */
.container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

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

@media (max-width: 480px) {
    .container {
        padding: 0 12px;
    }
}