/* Typography Improvements for Better Readability */

/* Base body text size increase */
body {
    font-size: 16px;
    line-height: 1.6;
}

/* Hero section typography and spacing */
.hero-image-area {
    padding-bottom: 40px !important;
}

.hero-image-area .heroContentArea {
    padding-bottom: 30px !important;
}

.hero-image-area .lead {
    font-size: 1.25rem !important;
    line-height: 1.7 !important;
}

.hero-image-area p {
    font-size: 1.05rem !important;
}

/* Service cards */
.service-area .content-box p {
    font-size: 1.05rem !important;
    line-height: 1.7 !important;
}

.service-area .content-box h3 {
    font-size: 1.25rem !important;
    margin-bottom: 1rem !important;
}

/* How We Work section */
.how-we-work-section p {
    font-size: 1.05rem !important;
    line-height: 1.7 !important;
}

.how-we-work-section h4 {
    font-size: 1.2rem !important;
}

/* Production platforms */
.production-platform-card p {
    font-size: 1.05rem !important;
    line-height: 1.7 !important;
}

.production-platform-card h4 {
    font-size: 1.2rem !important;
}

/* Trust/Team cards */
.trust-card p {
    font-size: 1.05rem !important;
    line-height: 1.7 !important;
}

.trust-card h4 {
    font-size: 1.2rem !important;
}

/* Testimonials */
.trusted-partner-area p {
    font-size: 1.15rem !important;
    line-height: 1.75 !important;
}

/* Founder section */
.founder-section p {
    font-size: 1.05rem !important;
    line-height: 1.7 !important;
}

.founder-section .lead {
    font-size: 1.1rem !important;
}

/* Footer - Improved Readability */
footer.footer-area {
    font-size: 16px !important;
}

footer.footer-area p,
footer.footer-area li,
footer.footer-area a {
    font-size: 16px !important;
    line-height: 1.8 !important;
}

footer.footer-area h3 {
    font-size: 1.2rem !important;
    margin-bottom: 1.2rem !important;
    font-weight: 600 !important;
}

footer.footer-area .footer-links li {
    margin-bottom: 0.6rem !important;
}

footer.footer-area .footer-contact li {
    margin-bottom: 1rem !important;
}

/* Reduce excessive vertical spacing */
.section {
    padding: 50px 0 !important;
}

.section.bg-light {
    padding: 50px 0 !important;
}

/* Specific section padding adjustments */
.trust-metrics-section {
    padding: 50px 0 !important;
}

.service-area {
    padding: 50px 0 !important;
}

.how-we-work-section {
    padding: 50px 0 !important;
}

.production-proof-section {
    padding: 40px 0 !important;
}

.production-proof-section .lead {
    margin-bottom: 2rem !important;
}

.production-proof-section .row.mt-4 {
    margin-top: 1.5rem !important;
}

.production-proof-section + .founder-section {
    padding-top: 40px !important;
}

.founder-section {
    padding: 40px 0 !important;
}

.trusted-partner-area {
    padding: 40px 0 !important;
}

/* Improve container max-width for better readability */
@media (min-width: 1200px) {
    .container {
        max-width: 1140px !important;
    }
}

/* Prevent horizontal overflow */
body {
    overflow-x: hidden !important;
}

/* Responsive typography */
@media (max-width: 768px) {
    body {
        font-size: 15px;
    }
    
    .hero-image-area .lead {
        font-size: 1.1rem !important;
    }
    
    .service-area .content-box p,
    .how-we-work-section p,
    .production-platform-card p,
    .trust-card p {
        font-size: 0.95rem !important;
    }
    
    /* Stack founder section on mobile */
    .founder-section .row {
        text-align: center !important;
    }
    
    /* Ensure proper spacing on mobile */
    .trust-card,
    .how-we-work-card,
    .production-platform-card {
        margin-bottom: 1.5rem !important;
    }
}

/* Tablet responsive behavior */
@media (min-width: 769px) and (max-width: 991px) {
    /* How We Work: 2 columns on tablets */
    .how-we-work-section .col-lg-3 {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
    
    /* Services: 2 columns on tablets */
    .service-area .col-lg-4 {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
    
    /* Trust cards: 2 columns on tablets */
    .trust-metrics-section .col-lg-3 {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
}

/* Mobile responsive behavior */
@media (max-width: 768px) {
    /* All cards: 1 column on phones */
    .how-we-work-section .col-12,
    .service-area .col-12,
    .trust-metrics-section .col-12 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    
    /* Hero CTAs: stack on mobile */
    .hero-image-area .d-flex {
        flex-direction: column !important;
        align-items: stretch !important;
    }
    
    .hero-image-area .btn {
        width: 100% !important;
        margin-bottom: 0.75rem !important;
    }
    
    /* Reduce hero padding on mobile */
    .hero-image-area {
        padding-bottom: 30px !important;
    }
    
    /* Footer: 1 column on mobile */
    footer.footer-area .col-sm-6,
    footer.footer-area .col-md-6,
    footer.footer-area .col-lg-2,
    footer.footer-area .col-lg-3 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        margin-bottom: 2rem !important;
    }
}