#projects-transformation {
    .hero-bg {
        background-color: #f8fafc;
        background-image:
            radial-gradient(circle at 10% 10%, rgba(116, 208, 240, 0.12) 0%, transparent 40%),
            radial-gradient(circle at 90% 80%, rgba(0, 178, 153, 0.12) 0%, transparent 40%);
    }

    .cta-button {
        transition: all 0.3s ease;
        box-shadow: 0 4px 20px 0 rgba(0, 178, 153, 0.30);
    }

    .cta-button:hover {
        transform: translateY(-3px);
        box-shadow: 0 7px 25px 0 rgba(0, 178, 153, 0.40);
    }

    .section-title {
        border-bottom: 3px solid var(--brand);
        padding-bottom: 8px;
        display: inline-block;
    }

    .process-step::before {
        content: '';
        position: absolute;
        right: 24px;
        top: 56px;
        height: calc(100% - 48px);
        width: 2px;
        background-color: #e2e8f0;
        z-index: 0;
    }

    .process-step:last-child::before {
        display: none;
    }

    .badge {
        display: inline-block;
        padding: .35rem .75rem;
        border-radius: 999px;
        font-weight: 700;
        font-size: .9rem;
    }
}