<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* 
 * Section Spacing Fix
 * Fixes spacing issues between sections, particularly Examples and Use Cases
 */

/* Additional spacing for section transitions */
section {
    padding: 3rem 0;
    margin-bottom: 2rem;
    position: relative;
}

/* Fix for Examples to Use Cases transition */
.example-cta {
    margin-top: 3rem;
    margin-bottom: 4rem;
    padding-bottom: 2rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
    border-bottom: 1px solid rgba(0,0,0,0.05);
}

/* Enhanced Use Cases section with proper spacing */
section#use-cases {
    padding-top: 4rem;
    margin-top: 2rem;
    position: relative;
}

/* Add a visual separator between sections */
section#use-cases::before {
    content: '';
    display: block;
    position: absolute;
    top: -2rem;
    left: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, 
        rgba(74, 108, 247, 0.05), 
        rgba(74, 108, 247, 0.2), 
        rgba(74, 108, 247, 0.05));
}

/* Ensure the mobile optimized case cards have proper spacing */
.mobile-case-cards {
    margin-bottom: 3rem;
    padding-bottom: 2rem;
}

/* Adjust layout for larger screens */
@media (min-width: 768px) {
    section {
        padding: 4rem 0;
        margin-bottom: 0 !important;
    }
    
    .example-cta {
        margin-bottom: 5rem;
        padding-bottom: 3rem;
    }
    
    section#use-cases {
        padding-top: 5rem;
        margin-top: 3rem;
    }
}</pre></body></html>