.tech-line-wrap{
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
}

.tech-line-svg{
    display: block;
    width: 100%;
    height: auto;
}

/* המצב ההתחלתי */
.tech-line-wrap .tech-line-svg{
    opacity: 0;
    transform: translateY(24px);
    clip-path: inset(0 100% 0 0);
}

/* רק כשמופעלת אנימציה */
.tech-line-wrap.run-line .tech-line-svg{
    animation: techLineReveal 3.8s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

@keyframes techLineReveal{
    0%{
        opacity: 0;
        transform: translateY(24px);
        clip-path: inset(0 100% 0 0);
    }
    20%{
        opacity: 1;
    }
    100%{
        opacity: 1;
        transform: translateY(0);
        clip-path: inset(0 0 0 0);
    }
}

@media (prefers-reduced-motion: reduce){
    .tech-line-wrap .tech-line-svg,
    .tech-line-wrap.run-line .tech-line-svg{
        animation: none !important;
        opacity: 1 !important;
        transform: none !important;
        clip-path: inset(0 0 0 0) !important;
    }
}