#proof-section {
    padding: 0px 60px 1px; /* Adjusted padding */
    background-color: transparent;
    transition: background-color 0.5s ease-in-out;
    z-index: 2;
}
#proof-section.theme-light {
    background-color: #f8f9fa;
}
#proof-section.theme-light .proof-headline,
#proof-section.theme-light .card-title,
#proof-section.theme-light .author {
    color: #212529;
}
#proof-section.theme-light .proof-subheadline,
#proof-section.theme-light .card-text,
#proof-section.theme-light .author span,
#proof-section.theme-light .review-card p {
    color: #495057;
}
#proof-section.theme-light .modern-card {
    background: var(--pure-white);
    border-color: #dee2e6;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}

.proof-wrapper {
    max-width: 1100px;
    margin: 0 auto;
    z-index: 2;
}
.proof-headline {
    font-family: var(--font-display);
    font-size: clamp(2rem, 5vw, 3rem);
    text-align: center;
    margin-bottom: 1.5rem;
    color: var(--pure-white);
    transition: color 0.5s ease-in-out;
}
.proof-subheadline {
    font-size: 1.2rem;
    text-align: center;
    color: var(--starlight);
    max-width: 700px;
    margin: 0 auto 0 auto;
    opacity: 0.8;
    transition: color 0.5s ease-in-out;
}



/* === KEEP ALL OTHER STYLES IN PROOF.CSS THE SAME === */
/* For example, #proof-section, .proof-headline, .testimonials-section etc. remain unchanged. */
.modern-card { background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 20px; padding: 30px; }
.card-title { font-size: 1.5rem; font-weight: 600; color: var(--pure-white); margin-bottom: 16px; }
.card-text { line-height: 1.6; color: rgba(255, 255, 255, 0.85); }

.testimonials-section .proof-headline {
    margin-bottom: 3rem; /* This applies a large margin ONLY to the testimonials headline */
}

/* Testimonials Styles */
.reviews-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 40px; margin-bottom: 35vh; }
.review-card p { font-size: 1.1rem; font-style: italic; line-height: 1.7; margin-bottom: 24px; color: rgba(255, 255, 255, 0.9); }
.author { font-style: normal; font-weight: 500; color: var(--pure-white); }
.author span { display: block; font-size: 0.9rem; font-weight: 300; color: var(--starlight); margin-top: 4px; }

@media (max-width: 768px) {
    #proof-section {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .reviews-grid {
        gap: 1.5rem;
        
    }

}