.hero-section {
    background: linear-gradient(to right, var(--color-neutral-100), var(--color-neutral-200));
    padding: var(--space-20) 0;
}

.hero-content {
    text-align: center;
}

.hero-content img {
    max-width: 600px;
    margin-top: var(--space-8);
    border-radius: var(--radius-lg);
}

.why-finance-section, .rates-section, .loans-section, .leasing-section, .promotions-section, .application-section, .documentation-section, .partners-section, .stories-section, .faq-section, .cta-section {
    padding: var(--space-16) 0;
}

.application-section img, .stories-section img {
    max-width: 500px;
    margin: var(--space-8) auto;
    display: block;
    border-radius: var(--radius-lg);
}

.cta-section {
    background: var(--color-primary);
    color: var(--color-background);
    text-align: center;
}

.cta-section .btn {
    background: var(--color-background);
    color: var(--color-primary);
}

.cta-section .btn:hover {
    background: var(--color-neutral-200);
}