===== CSS =====



html, body {
    scroll-behavior: smooth !important;
}

#section-hero-bizrunner-clean {
    font-family: 'Assistant', sans-serif;
    direction: rtl;
    min-height: 100vh;
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: #0a0a0a;
    background-image:
        radial-gradient(120% 85% at 85% -10%, rgba(239,3,3,.30) 0%, rgba(239,3,3,0) 55%),
        radial-gradient(110% 90% at 5% 110%, rgba(255,87,34,.18) 0%, rgba(255,87,34,0) 55%),
        linear-gradient(135deg, #0c0c11 0%, #15151d 50%, #0a0a0d 100%);
}

/* ===== רקע hero חדש (ללא וידאו): זוהר נע + רשת עדינה ===== */
#section-hero-bizrunner-clean .hero-aurora {
    position: absolute;
    inset: -20%;
    z-index: 0;
    pointer-events: none;
    background:
        radial-gradient(38% 50% at 78% 18%, rgba(239,3,3,.45) 0%, rgba(239,3,3,0) 70%),
        radial-gradient(34% 44% at 22% 82%, rgba(255,87,34,.32) 0%, rgba(255,87,34,0) 70%),
        radial-gradient(28% 36% at 60% 60%, rgba(255,203,71,.14) 0%, rgba(255,203,71,0) 70%);
    filter: blur(8px);
    animation: heroAurora 16s ease-in-out infinite alternate;
}

@keyframes heroAurora {
    0%   { transform: translate3d(0,0,0) scale(1); }
    100% { transform: translate3d(-3%,2%,0) scale(1.08); }
}

#section-hero-bizrunner-clean .hero-grid {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
    background-size: 64px 64px;
    -webkit-mask-image: radial-gradient(75% 75% at 50% 40%, #000 0%, transparent 100%);
    mask-image: radial-gradient(75% 75% at 50% 40%, #000 0%, transparent 100%);
}

@media (prefers-reduced-motion: reduce) {
    #section-hero-bizrunner-clean .hero-aurora { animation: none; }
}

#section-hero-bizrunner-clean .z-index-2 {
    z-index: 2;
    position: relative;
}

#section-hero-bizrunner-clean .text-red {
    color: #FF3B3B;
}

#section-hero-bizrunner-clean .custom-badge {
    background-color: rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 50px;
    padding: 10px 28px;
    font-size: 1.05rem;
    font-weight: 600;
    display: inline-block;
}

#section-hero-bizrunner-clean .main-headline {
    font-size: clamp(3.8rem, 7.5vw, 7.5rem);
    line-height: 1.05;
    color: #ffffff;
    letter-spacing: -2px;
    font-weight: 800;
}

#section-hero-bizrunner-clean .sub-headline {
    font-size: clamp(1.2rem, 2.2vw, 1.6rem);
    color: rgba(255, 255, 255, 0.82);
    max-width: 680px;
    line-height: 1.6;
    font-weight: 400;
}

#section-hero-bizrunner-clean .btn {
    border-radius: 6px;
    font-weight: 700;
    font-size: 1.2rem;
    padding: 15px 42px;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-block;
}

#section-hero-bizrunner-clean .btn-red {
    background-color: #EF0303;
    border: 2px solid #EF0303;
    color: #ffffff;
}

#section-hero-bizrunner-clean .btn-red:hover {
    background-color: #d10202;
    border-color: #d10202;
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(239, 3, 3, 0.35);
    color: #ffffff;
}

#section-hero-bizrunner-clean .btn-outline-hero {
    background-color: rgba(255, 255, 255, 0.08);
    border: 1.5px solid rgba(255, 255, 255, 0.45);
    color: #ffffff;
}

#section-hero-bizrunner-clean .btn-outline-hero:hover {
    background-color: rgba(255, 255, 255, 0.18);
    border-color: rgba(255, 255, 255, 0.7);
    color: #ffffff;
}

@media (max-width: 768px) {
    #section-hero-bizrunner-clean {
        min-height: 100vh;
        padding-top: 80px;
        padding-bottom: 80px;
    }
    #section-hero-bizrunner-clean .text-right {
        text-align: center !important;
    }
    #section-hero-bizrunner-clean .sub-headline {
        margin-left: auto;
        margin-right: auto;
    }
    #section-hero-bizrunner-clean .cta-group {
        width: 100%;
        justify-content: center !important;
        align-items: center !important;
    }
    #section-hero-bizrunner-clean .btn {
        width: 100%;
        max-width: 300px;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
}


===== JAVASCRIPT =====

var video = el.querySelector('.hero-bg-video');
if (video) {
    var observer = new IntersectionObserver(function(entries) {
        entries.forEach(function(entry) {
            if (entry.isIntersecting) {
                video.play().catch(function() {});
                observer.disconnect();
            }
        });
    }, { threshold: 0.1 });
    observer.observe(video);
}

el.querySelectorAll('a[href^="#"]').forEach(function(anchor) {
    anchor.addEventListener('click', function(e) {
        e.preventDefault();
        var target = document.querySelector(this.getAttribute('href'));
        if (target) target.scrollIntoView({ behavior: 'smooth', block: 'start' });
    });
});


/* אפקט גלילה חלקה לכל הדף */
html {
    scroll-behavior: smooth;
}

#section-biz-pain-points {
    font-family: 'Assistant', sans-serif;
}

#section-biz-pain-points .font-weight-extrabold {
    font-weight: 800;
}

#section-biz-pain-points .biz-card {
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    border-radius: 16px;
    background: #ffffff;
    border: 1px solid rgba(0,0,0,0.03) !important;
}

#section-biz-pain-points .biz-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.08) !important;
    border-color: rgba(239, 3, 3, 0.1) !important;
}

#section-biz-pain-points .biz-icon-wrapper {
    width: 60px;
    height: 60px;
    background-color: #FFF5F5;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease;
}

#section-biz-pain-points .biz-card:hover .biz-icon-wrapper {
    background-color: #EF0303;
}

#section-biz-pain-points .biz-icon-wrapper i {
    font-size: 24px;
    color: #EF0303;
    transition: color 0.3s ease;
}

#section-biz-pain-points .biz-card:hover .biz-icon-wrapper i {
    color: #ffffff;
}

#section-biz-pain-points h3 {
    color: #000000;
    letter-spacing: -0.5px;
}

#section-biz-pain-points .text-secondary {
    font-size: 1.05rem;
    line-height: 1.6;
}

@media (max-width: 768px) {
    #section-biz-pain-points h2 {
        font-size: 2.2rem;
    }
    
    #section-biz-pain-points .biz-card {
        padding: 1.5rem !important;
    }
}



#biz-services-premium {
    font-family: 'Assistant', sans-serif;
    direction: rtl;
    background-color: #ffffff;
    overflow: hidden;
}

/* דפוס רקע מיתוגי */
.brand-bg-pattern {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: radial-gradient(#EF0303 0.5px, transparent 0.5px);
    background-size: 24px 24px;
    opacity: 0.05;
}

/* עיצוב הכרטיס */
.biz-card {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 32px;
    position: relative;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);
}

.biz-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.06);
    border-color: #EF0303;
}

.biz-card.active-border {
    border-color: rgba(239, 3, 3, 0.3);
}

/* מספר סדרתי ברקע */
.card-number {
    position: absolute;
    top: 30px;
    left: 30px;
    font-size: 3rem;
    font-weight: 800;
    color: rgba(0, 0, 0, 0.03);
    line-height: 1;
    user-select: none;
}

/* אייקונים */
.card-icon-box {
    width: 70px;
    height: 70px;
    background: #f8f9fa;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
    color: #333;
    transition: all 0.3s ease;
}

.card-icon-box.highlight {
    background: #EF0303;
    color: #ffffff;
    box-shadow: 0 10px 20px rgba(239, 3, 3, 0.2);
}

.biz-card:hover .card-icon-box:not(.highlight) {
    background: #EF0303;
    color: #ffffff;
}

/* רשימת פיצ'רים */
.card-list {
    list-style: none;
}

.card-list li {
    font-size: 0.9rem;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    color: #555;
}

.card-list li i {
    color: #EF0303;
    margin-left: 10px;
    font-size: 0.8rem;
}

/* טיפוגרפיה */
.font-weight-extrabold { font-weight: 800; }
.tracking-widest { letter-spacing: 0.1em; }

@media (max-width: 991px) {
    .biz-card { padding: 2rem !important; }
}


            #spacing3 .margin{
                margin: 2.2rem 0;
            }
        


===== CSS =====

#section-website-funnel {
    font-family: 'Assistant', sans-serif;
    direction: rtl;
    background-color: #ffffff;
    padding-top: 90px;
    padding-bottom: 90px;
}
#section-website-funnel .wf-content {
    position: relative;
    z-index: 2;
}
#section-website-funnel .wf-glow {
    position: absolute;
    z-index: 0;
    pointer-events: none;
    border-radius: 50%;
}
#section-website-funnel .wf-glow-red {
    top: -12%;
    right: -8%;
    width: 45vw;
    height: 45vw;
    background: radial-gradient(circle, rgba(239,3,3,0.08) 0%, rgba(255,255,255,0) 70%);
}
#section-website-funnel .wf-glow-yellow {
    bottom: -10%;
    left: -10%;
    width: 50vw;
    height: 50vw;
    background: radial-gradient(circle, rgba(255,203,71,0.18) 0%, rgba(255,255,255,0) 70%);
}

/* Header */
#section-website-funnel .wf-header {
    margin-bottom: 60px;
}
#section-website-funnel .wf-title {
    font-size: clamp(2.2rem, 4.5vw, 3.4rem);
    font-weight: 800;
    color: #0a0a0a;
    line-height: 1.15;
    margin-bottom: 22px;
    letter-spacing: -1px;
}
#section-website-funnel .wf-title-accent {
    color: #EF0303;
}
#section-website-funnel .wf-underline {
    width: 80px;
    height: 5px;
    background-color: #EF0303;
    border-radius: 10px;
    margin: 0 auto 28px;
}
#section-website-funnel .wf-subtitle {
    font-size: clamp(1.1rem, 1.7vw, 1.35rem);
    color: #444444;
    max-width: 760px;
    margin: 0 auto;
    line-height: 1.7;
}

/* Left vertical journey rail */
#section-website-funnel .wf-rail {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 30px;
    direction: ltr;
    padding: 4px 0;
}
#section-website-funnel .wf-rline {
    position: absolute;
    left: 24px;
    top: 25px;
    bottom: 25px;
    width: 2px;
    background-color: #e7e7e7;
    border-radius: 2px;
}
#section-website-funnel .wf-rnode {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 12px;
}
#section-website-funnel .wf-rico {
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
    border: 1px solid #e7e7e7;
    border-radius: 14px;
    color: #c2c2c2;
    font-size: 1.1rem;
    box-shadow: 0 6px 16px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
}
#section-website-funnel .wf-rnode span {
    font-size: 0.85rem;
    font-weight: 700;
    color: #9a9a9a;
    line-height: 1.2;
    transition: color 0.3s ease;
}
#section-website-funnel .wf-rnode.is-done .wf-rico {
    color: #EF0303;
    border-color: #f5b5b5;
}
#section-website-funnel .wf-rnode.is-active .wf-rico {
    color: #ffffff;
    background: linear-gradient(135deg, #EF0303, #ff5722);
    border-color: transparent;
    transform: scale(1.12);
    box-shadow: 0 8px 22px rgba(239,3,3,0.32);
}
#section-website-funnel .wf-rnode.is-active span {
    color: #EF0303;
}

/* Browser mockup */
#section-website-funnel .wf-main {
    margin-bottom: 0;
}
#section-website-funnel .wf-browser {
    position: relative;
    max-width: 680px;
    margin: 0 auto;
    border-radius: 18px;
    background-color: #1f2330;
    box-shadow: 0 30px 70px rgba(0,0,0,0.16);
}
#section-website-funnel .wf-browser-bar {
    display: flex;
    align-items: center;
    padding: 13px 18px;
    background-color: #2a2f3e;
    border-radius: 18px 18px 0 0;
}
#section-website-funnel .wf-dot {
    width: 12px;
    height: 12px;
    margin-left: 8px;
    border-radius: 50%;
}
#section-website-funnel .wf-dot-r { background-color: #ff5f57; }
#section-website-funnel .wf-dot-y { background-color: #febc2e; }
#section-website-funnel .wf-dot-g { background-color: #28c840; }
#section-website-funnel .wf-browser-screen {
    border-radius: 0 0 18px 18px;
    overflow: hidden;
}
#section-website-funnel .wf-screenshot {
    display: block;
}

/* Floating badges */
#section-website-funnel .wf-badge {
    position: absolute;
    display: flex;
    align-items: center;
    padding: 14px 18px;
    background-color: #ffffff;
    border-radius: 14px;
    box-shadow: 0 15px 40px rgba(0,0,0,0.15);
    z-index: 3;
}
#section-website-funnel .wf-badge-speed {
    top: 14%;
    left: -22px;
    border-right: 4px solid #FFCB47;
}
#section-website-funnel .wf-badge-convert {
    bottom: 12%;
    right: -26px;
    border-right: 4px solid #EF0303;
}
#section-website-funnel .wf-badge-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    margin-left: 12px;
    color: #d99c00;
    font-size: 1.1rem;
    background-color: rgba(255,203,71,0.25);
    border-radius: 50%;
}
#section-website-funnel .wf-badge-num {
    font-size: 1.05rem;
    font-weight: 800;
    color: #0a0a0a;
}
#section-website-funnel .wf-badge-label {
    font-size: 0.8rem;
    color: #777777;
}
#section-website-funnel .wf-pulse {
    width: 12px;
    height: 12px;
    margin-left: 12px;
    background-color: #EF0303;
    border-radius: 50%;
    animation: wf-pulse-anim 2s infinite;
}
@keyframes wf-pulse-anim {
    0% { box-shadow: 0 0 0 0 rgba(239,3,3,0.5); }
    70% { box-shadow: 0 0 0 12px rgba(239,3,3,0); }
    100% { box-shadow: 0 0 0 0 rgba(239,3,3,0); }
}

/* Features */
#section-website-funnel .wf-features {
    padding-right: 20px;
}
#section-website-funnel .wf-feature {
    display: flex;
    align-items: flex-start;
    margin-bottom: 32px;
}
#section-website-funnel .wf-feature:last-child {
    margin-bottom: 0;
}
#section-website-funnel .wf-feature-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 54px;
    height: 54px;
    margin-left: 18px;
    color: #ffffff;
    font-size: 1.3rem;
    background: linear-gradient(135deg, #EF0303, #ff5722);
    border-radius: 14px;
    box-shadow: 0 8px 20px rgba(239,3,3,0.25);
}
#section-website-funnel .wf-feature-title {
    font-size: 1.3rem;
    font-weight: 800;
    color: #0a0a0a;
    margin-bottom: 6px;
}
#section-website-funnel .wf-feature-text {
    font-size: 1.02rem;
    color: #555555;
    line-height: 1.6;
    margin-bottom: 0;
}

/* Responsive */
@media (max-width: 991px) {
    /* rail becomes a centered horizontal strip on top */
    #section-website-funnel .wf-rail {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        gap: 16px 22px;
    }
    #section-website-funnel .wf-rline {
        display: none;
    }
    #section-website-funnel .wf-rnode {
        flex-direction: column;
        gap: 8px;
        text-align: center;
    }
    #section-website-funnel .wf-rico {
        width: 46px;
        height: 46px;
        font-size: 1rem;
    }
    #section-website-funnel .wf-rnode span {
        font-size: 0.78rem;
    }
    #section-website-funnel .wf-features {
        padding-right: 15px;
    }
    #section-website-funnel .wf-feature {
        justify-content: center;
    }
}
@media (max-width: 767px) {
    #section-website-funnel {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    #section-website-funnel .wf-header {
        margin-bottom: 40px;
    }
    #section-website-funnel .wf-badge-speed {
        top: 10px;
        left: 10px;
        padding: 10px 12px;
    }
    #section-website-funnel .wf-badge-convert {
        bottom: 10px;
        right: 10px;
        padding: 10px 12px;
    }
    #section-website-funnel .wf-badge-num {
        font-size: 0.9rem;
    }
    #section-website-funnel .wf-badge-label {
        font-size: 0.72rem;
    }
}



===== CSS =====

/* ============================================================
   #bizrunner-central-hub — "אוטומציה ושיווק" (עיצוב כהה טכנולוגי + הנפשה)
   ============================================================ */
#bizrunner-central-hub {
    font-family: 'Assistant', sans-serif;
    direction: rtl;
    background-color: transparent;
}

#bizrunner-central-hub .brand-red { color: #ff3b3b; }

#bizrunner-central-hub .main-title {
    font-weight: 800;
    font-size: 3.2rem;
    letter-spacing: -1.5px;
    margin-bottom: 0.5rem;
    color: #ffffff;
}
#bizrunner-central-hub .secondary-title { font-weight: 700; color: #ffffff; }
#bizrunner-central-hub .description-text { color: rgba(255,255,255,.62); }

/* תיבת ההדגשה — זכוכית עם קו אדום */
#bizrunner-central-hub .highlight-box { position: relative; max-width: 480px; }
#bizrunner-central-hub .red-accent-line {
    position: absolute; right: 0; top: 0; width: 4px; height: 100%;
    background: linear-gradient(180deg, #ef0303, #ff5722); border-radius: 4px;
}
#bizrunner-central-hub .highlight-box .bg-light {
    background: rgba(255,255,255,.05) !important;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 12px;
    color: #ffffff !important;
}

/* כפתור — גלולת גרדיאנט */
#bizrunner-central-hub .btn-dark-pill {
    background: linear-gradient(135deg, #ef0303, #ff5722) !important;
    color: #fff !important;
    border-radius: 50px;
    font-weight: 700;
    border: none;
    box-shadow: 0 8px 22px rgba(239,3,3,0.32);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}
#bizrunner-central-hub .btn-dark-pill:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 32px rgba(239,3,3,0.5);
}

/* ===== ריל מסע אנכי ===== */
#bizrunner-central-hub .hub-rail {
    position: relative; display: flex; flex-direction: column;
    gap: 30px; direction: ltr; padding: 4px 0;
}
#bizrunner-central-hub .hub-rline {
    position: absolute; left: 24px; top: 25px; bottom: 25px;
    width: 2px; border-radius: 2px;
    background: rgba(255,255,255,.10); overflow: hidden;
}
/* זרם אנרגיה שנע לאורך הקו */
#bizrunner-central-hub .hub-rline::after {
    content: ''; position: absolute; left: 0; right: 0; height: 40%;
    background: linear-gradient(180deg, transparent, #ef0303, #ff5722, transparent);
    animation: hubRail 2.6s ease-in-out infinite;
}
@keyframes hubRail { 0% { top: -40%; } 100% { top: 100%; } }

#bizrunner-central-hub .hub-rnode {
    position: relative; z-index: 1; display: flex; align-items: center; gap: 12px;
}
#bizrunner-central-hub .hub-rico {
    flex-shrink: 0; width: 50px; height: 50px;
    display: flex; align-items: center; justify-content: center;
    background: rgba(255,255,255,.05);
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 14px; color: rgba(255,255,255,.5); font-size: 1.1rem;
    -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
    transition: all 0.3s ease;
}
#bizrunner-central-hub .hub-rnode span {
    font-size: 0.85rem; font-weight: 700; color: rgba(255,255,255,.5);
    line-height: 1.2; transition: color 0.3s ease;
}
#bizrunner-central-hub .hub-rnode.is-done .hub-rico {
    color: #ff5722; border-color: rgba(255,87,34,.4);
}
#bizrunner-central-hub .hub-rnode.is-active .hub-rico {
    color: #ffffff;
    background: linear-gradient(135deg, #EF0303, #ff5722);
    border-color: transparent;
    transform: scale(1.12);
    box-shadow: 0 8px 22px rgba(239,3,3,0.4);
    animation: hubNodePulse 2s ease-in-out infinite;
}
#bizrunner-central-hub .hub-rnode.is-active span { color: #ffffff; }
@keyframes hubNodePulse {
    0%, 100% { box-shadow: 0 8px 22px rgba(239,3,3,0.4); }
    50% { box-shadow: 0 8px 30px rgba(239,3,3,0.75); }
}

/* ===== ויז'ואל ה-Hub ===== */
#bizrunner-central-hub .visual-hub-container { height: 550px; width: 100%; }
#bizrunner-central-hub .hub-svg-network {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;
}

/* קווי רשת — חשמל זורם (כמו ההירו) */
#bizrunner-central-hub .network-line {
    fill: none; stroke: rgba(255,87,34,.40); stroke-width: 0.5;
    stroke-dasharray: 2.5 4;
    animation: hubLineFlow 0.9s linear infinite;
    filter: drop-shadow(0 0 1px rgba(255,87,34,.7));
}
@keyframes hubLineFlow { to { stroke-dashoffset: -6.5; } }
#bizrunner-central-hub .flow-pulse { filter: drop-shadow(0 0 3px rgba(255,87,34,.9)); }

/* hub מרכזי — גרדיאנט מותג עם הילה פועמת */
#bizrunner-central-hub .system-hub-icon {
    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
    width: 110px; height: 110px; border-radius: 28px;
    background: linear-gradient(135deg, #ef0303, #ff5722);
    display: flex; align-items: center; justify-content: center;
    color: #fff; font-size: 3rem; z-index: 10;
    box-shadow: 0 0 0 1px rgba(255,255,255,.15), 0 20px 50px rgba(239,3,3,.45);
}
#bizrunner-central-hub .system-hub-icon::after {
    content: ''; position: absolute; inset: -8px; border-radius: 34px;
    border: 2px solid rgba(255,87,34,.5);
    animation: hubHalo 2.4s ease-out infinite;
}
@keyframes hubHalo {
    0% { transform: scale(1); opacity: .7; }
    100% { transform: scale(1.4); opacity: 0; }
}

/* צמתי פלטפורמות — זכוכית כהה, אייקון בצבע המותג, מרחפים */
#bizrunner-central-hub .platform-node {
    position: absolute; transform: translate(-50%, -50%);
    width: 65px; height: 65px; border-radius: 18px;
    background: rgba(20,20,28,.72);
    border: 1px solid rgba(255,255,255,.12);
    display: flex; align-items: center; justify-content: center; font-size: 1.9rem;
    -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
    box-shadow: 0 12px 30px rgba(0,0,0,.5); z-index: 5;
    animation: hubFloat 4s ease-in-out infinite;
}
@keyframes hubFloat {
    0%, 100% { transform: translate(-50%, -50%) translateY(0); }
    50% { transform: translate(-50%, -50%) translateY(-6px); }
}
#bizrunner-central-hub .node-google { color: #4285F4; }
#bizrunner-central-hub .node-wa { color: #25D366; }
#bizrunner-central-hub .node-fb { color: #1877F2; }
#bizrunner-central-hub .node-ig { color: #E1306C; }

@media (prefers-reduced-motion: reduce) {
    #bizrunner-central-hub * { animation: none !important; }
}

/* התאמה לנייד */
@media (max-width: 991px) {
    #bizrunner-central-hub .visual-hub-container {
        height: 450px; transform: scale(0.85); margin-top: 30px;
    }
    #bizrunner-central-hub .text-right { text-align: center !important; }
    #bizrunner-central-hub .highlight-box { margin: 0 auto 30px; }
    #bizrunner-central-hub .cta-area { display: flex; justify-content: center; }
    #bizrunner-central-hub .main-title { font-size: 2.6rem; }
    #bizrunner-central-hub .hub-rail {
        flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 16px 22px;
    }
    #bizrunner-central-hub .hub-rline { display: none; }
    #bizrunner-central-hub .hub-rnode { flex-direction: column; gap: 8px; text-align: center; }
    #bizrunner-central-hub .hub-rico { width: 46px; height: 46px; font-size: 1rem; }
    #bizrunner-central-hub .hub-rnode span { font-size: 0.78rem; }
}



===== CSS =====

#section-crm-funnel {
    font-family: 'Assistant', sans-serif;
    direction: rtl;
    background-color: #faf9f7;
    padding-top: 90px;
    padding-bottom: 90px;
}
#section-crm-funnel .crm-content {
    position: relative;
    z-index: 2;
}
#section-crm-funnel .crm-glow {
    position: absolute;
    z-index: 0;
    pointer-events: none;
    border-radius: 50%;
}
#section-crm-funnel .crm-glow-red {
    top: -12%;
    left: -8%;
    width: 45vw;
    height: 45vw;
    background: radial-gradient(circle, rgba(239,3,3,0.07) 0%, rgba(255,255,255,0) 70%);
}
#section-crm-funnel .crm-glow-yellow {
    bottom: -10%;
    right: -10%;
    width: 50vw;
    height: 50vw;
    background: radial-gradient(circle, rgba(255,203,71,0.16) 0%, rgba(255,255,255,0) 70%);
}

/* Header */
#section-crm-funnel .crm-header {
    margin-bottom: 60px;
}
#section-crm-funnel .crm-title {
    font-size: clamp(2.2rem, 4.5vw, 3.4rem);
    font-weight: 800;
    color: #0a0a0a;
    line-height: 1.15;
    margin-bottom: 22px;
    letter-spacing: -1px;
}
#section-crm-funnel .crm-title-accent {
    color: #EF0303;
}
#section-crm-funnel .crm-underline {
    width: 80px;
    height: 5px;
    background-color: #EF0303;
    border-radius: 10px;
    margin: 0 auto 28px;
}
#section-crm-funnel .crm-subtitle {
    font-size: clamp(1.1rem, 1.7vw, 1.35rem);
    color: #444444;
    max-width: 760px;
    margin: 0 auto;
    line-height: 1.7;
}

/* Left vertical journey rail */
#section-crm-funnel .crm-rail {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 30px;
    direction: ltr;
    padding: 4px 0;
}
#section-crm-funnel .crm-rline {
    position: absolute;
    left: 24px;
    top: 25px;
    bottom: 25px;
    width: 2px;
    background-color: #e2ded8;
    border-radius: 2px;
}
#section-crm-funnel .crm-rnode {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 12px;
}
#section-crm-funnel .crm-rico {
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
    border: 1px solid #e7e7e7;
    border-radius: 14px;
    color: #c2c2c2;
    font-size: 1.1rem;
    box-shadow: 0 6px 16px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
}
#section-crm-funnel .crm-rnode span {
    font-size: 0.85rem;
    font-weight: 700;
    color: #9a9a9a;
    line-height: 1.2;
    transition: color 0.3s ease;
}
#section-crm-funnel .crm-rnode.is-done .crm-rico {
    color: #EF0303;
    border-color: #f5b5b5;
}
#section-crm-funnel .crm-rnode.is-active .crm-rico {
    color: #ffffff;
    background: linear-gradient(135deg, #EF0303, #ff5722);
    border-color: transparent;
    transform: scale(1.12);
    box-shadow: 0 8px 22px rgba(239,3,3,0.32);
}
#section-crm-funnel .crm-rnode.is-active span {
    color: #EF0303;
}

/* Pipeline board */
#section-crm-funnel .crm-main {
    margin-bottom: 0;
}
#section-crm-funnel .crm-board {
    position: relative;
    max-width: 680px;
    margin: 0 auto;
    background-color: #ffffff;
    border: 1px solid #eee8e0;
    border-radius: 20px;
    box-shadow: 0 30px 70px rgba(0,0,0,0.10);
    overflow: hidden;
}
#section-crm-funnel .crm-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    background-color: #ffffff;
    border-bottom: 1px solid #f1ece5;
}
#section-crm-funnel .crm-bar-title {
    font-size: 1.05rem;
    font-weight: 800;
    color: #0a0a0a;
}
#section-crm-funnel .crm-bar-title i {
    color: #EF0303;
    margin-left: 8px;
}
#section-crm-funnel .crm-bar-badge {
    font-size: 0.8rem;
    font-weight: 700;
    color: #EF0303;
    background-color: rgba(239,3,3,0.08);
    padding: 5px 14px;
    border-radius: 50px;
}
#section-crm-funnel .crm-cols {
    display: flex;
    gap: 12px;
    padding: 18px;
    background-color: #faf9f7;
}
#section-crm-funnel .crm-col {
    flex: 1;
    min-width: 0;
}
#section-crm-funnel .crm-col-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.82rem;
    font-weight: 800;
    color: #6b6b6b;
    margin-bottom: 12px;
    padding: 0 2px;
}
#section-crm-funnel .crm-col-head span {
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    font-size: 0.72rem;
    color: #ffffff;
    background-color: #c2bdb5;
    border-radius: 50%;
}
#section-crm-funnel .crm-col-head-win span {
    background-color: #10b981;
}
#section-crm-funnel .crm-card {
    display: flex;
    align-items: center;
    gap: 9px;
    background-color: #ffffff;
    border: 1px solid #eee8e0;
    border-radius: 12px;
    padding: 10px;
    margin-bottom: 10px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.04);
}
#section-crm-funnel .crm-card-hot {
    border-color: #f5b5b5;
    box-shadow: 0 6px 16px rgba(239,3,3,0.12);
}
#section-crm-funnel .crm-avatar {
    flex-shrink: 0;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #ffffff;
    font-size: 0.72rem;
    font-weight: 800;
}
#section-crm-funnel .crm-card-info {
    display: flex;
    flex-direction: column;
    min-width: 0;
}
#section-crm-funnel .crm-card-info strong {
    font-size: 0.84rem;
    font-weight: 700;
    color: #1a1a1a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#section-crm-funnel .crm-tag {
    font-size: 0.68rem;
    font-weight: 700;
    color: #8a8a8a;
}
#section-crm-funnel .crm-tag-hot {
    color: #EF0303;
}
#section-crm-funnel .crm-tag-win {
    color: #10b981;
}

/* Floating badges */
#section-crm-funnel .crm-badge {
    position: absolute;
    display: flex;
    align-items: center;
    padding: 14px 18px;
    background-color: #ffffff;
    border-radius: 14px;
    box-shadow: 0 15px 40px rgba(0,0,0,0.15);
    z-index: 3;
}
#section-crm-funnel .crm-badge-followup {
    top: -18px;
    left: -20px;
    border-right: 4px solid #FFCB47;
}
#section-crm-funnel .crm-badge-hot {
    bottom: -18px;
    right: -22px;
    border-right: 4px solid #EF0303;
}
#section-crm-funnel .crm-badge-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    margin-left: 12px;
    color: #d99c00;
    font-size: 1.1rem;
    background-color: rgba(255,203,71,0.25);
    border-radius: 50%;
}
#section-crm-funnel .crm-badge-num {
    font-size: 1.0rem;
    font-weight: 800;
    color: #0a0a0a;
}
#section-crm-funnel .crm-badge-label {
    font-size: 0.8rem;
    color: #777777;
}
#section-crm-funnel .crm-pulse {
    width: 12px;
    height: 12px;
    margin-left: 12px;
    background-color: #EF0303;
    border-radius: 50%;
    animation: crm-pulse-anim 2s infinite;
}
@keyframes crm-pulse-anim {
    0% { box-shadow: 0 0 0 0 rgba(239,3,3,0.5); }
    70% { box-shadow: 0 0 0 12px rgba(239,3,3,0); }
    100% { box-shadow: 0 0 0 0 rgba(239,3,3,0); }
}

/* Features */
#section-crm-funnel .crm-features {
    padding-right: 20px;
}
#section-crm-funnel .crm-feature {
    display: flex;
    align-items: flex-start;
    margin-bottom: 32px;
}
#section-crm-funnel .crm-feature:last-child {
    margin-bottom: 0;
}
#section-crm-funnel .crm-feature-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 54px;
    height: 54px;
    margin-left: 18px;
    color: #ffffff;
    font-size: 1.3rem;
    background: linear-gradient(135deg, #EF0303, #ff5722);
    border-radius: 14px;
    box-shadow: 0 8px 20px rgba(239,3,3,0.25);
}
#section-crm-funnel .crm-feature-title {
    font-size: 1.3rem;
    font-weight: 800;
    color: #0a0a0a;
    margin-bottom: 6px;
}
#section-crm-funnel .crm-feature-text {
    font-size: 1.02rem;
    color: #555555;
    line-height: 1.6;
    margin-bottom: 0;
}

/* Responsive */
@media (max-width: 991px) {
    #section-crm-funnel .crm-rail {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        gap: 16px 22px;
    }
    #section-crm-funnel .crm-rline { display: none; }
    #section-crm-funnel .crm-rnode {
        flex-direction: column;
        gap: 8px;
        text-align: center;
    }
    #section-crm-funnel .crm-rico {
        width: 46px;
        height: 46px;
        font-size: 1rem;
    }
    #section-crm-funnel .crm-rnode span { font-size: 0.78rem; }
    #section-crm-funnel .crm-features { padding-right: 15px; }
    #section-crm-funnel .crm-feature { justify-content: center; }
}
@media (max-width: 767px) {
    #section-crm-funnel {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    #section-crm-funnel .crm-header { margin-bottom: 40px; }
    #section-crm-funnel .crm-badge-followup { top: 8px; left: 8px; padding: 10px 12px; }
    #section-crm-funnel .crm-badge-hot { bottom: 8px; right: 8px; padding: 10px 12px; }
    #section-crm-funnel .crm-badge-num { font-size: 0.88rem; }
    #section-crm-funnel .crm-badge-label { font-size: 0.72rem; }
}




===== CSS =====

#section-whatsapp-funnel {
    font-family: 'Assistant', sans-serif;
    direction: rtl;
    background-color: #ffffff;
    padding-top: 90px;
    padding-bottom: 90px;
}
#section-whatsapp-funnel .wa-content {
    position: relative;
    z-index: 2;
}
#section-whatsapp-funnel .wa-glow {
    position: absolute;
    z-index: 0;
    pointer-events: none;
    border-radius: 50%;
}
#section-whatsapp-funnel .wa-glow-red {
    top: -12%;
    right: -8%;
    width: 45vw;
    height: 45vw;
    background: radial-gradient(circle, rgba(239,3,3,0.07) 0%, rgba(255,255,255,0) 70%);
}
#section-whatsapp-funnel .wa-glow-green {
    bottom: -10%;
    left: -10%;
    width: 50vw;
    height: 50vw;
    background: radial-gradient(circle, rgba(37,211,102,0.10) 0%, rgba(255,255,255,0) 70%);
}

/* Header */
#section-whatsapp-funnel .wa-header {
    margin-bottom: 60px;
}
#section-whatsapp-funnel .wa-title {
    font-size: clamp(2.2rem, 4.5vw, 3.4rem);
    font-weight: 800;
    color: #0a0a0a;
    line-height: 1.15;
    margin-bottom: 22px;
    letter-spacing: -1px;
}
#section-whatsapp-funnel .wa-title-accent {
    color: #EF0303;
}
#section-whatsapp-funnel .wa-underline {
    width: 80px;
    height: 5px;
    background-color: #EF0303;
    border-radius: 10px;
    margin: 0 auto 28px;
}
#section-whatsapp-funnel .wa-subtitle {
    font-size: clamp(1.1rem, 1.7vw, 1.35rem);
    color: #444444;
    max-width: 760px;
    margin: 0 auto;
    line-height: 1.7;
}

/* Left vertical journey rail */
#section-whatsapp-funnel .wa-rail {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 30px;
    direction: ltr;
    padding: 4px 0;
}
#section-whatsapp-funnel .wa-rline {
    position: absolute;
    left: 24px;
    top: 25px;
    bottom: 25px;
    width: 2px;
    background-color: #e7e7e7;
    border-radius: 2px;
}
#section-whatsapp-funnel .wa-rnode {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 12px;
}
#section-whatsapp-funnel .wa-rico {
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
    border: 1px solid #e7e7e7;
    border-radius: 14px;
    color: #c2c2c2;
    font-size: 1.1rem;
    box-shadow: 0 6px 16px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
}
#section-whatsapp-funnel .wa-rnode span {
    font-size: 0.85rem;
    font-weight: 700;
    color: #9a9a9a;
    line-height: 1.2;
    transition: color 0.3s ease;
}
#section-whatsapp-funnel .wa-rnode.is-done .wa-rico {
    color: #EF0303;
    border-color: #f5b5b5;
}
#section-whatsapp-funnel .wa-rnode.is-active .wa-rico {
    color: #ffffff;
    background: linear-gradient(135deg, #EF0303, #ff5722);
    border-color: transparent;
    transform: scale(1.12);
    box-shadow: 0 8px 22px rgba(239,3,3,0.32);
}
#section-whatsapp-funnel .wa-rnode.is-active span {
    color: #EF0303;
}

/* WhatsApp chat mockup */
#section-whatsapp-funnel .wa-main {
    margin-bottom: 0;
}
#section-whatsapp-funnel .wa-stage {
    position: relative;
    max-width: 380px;
    margin: 0 auto;
}
#section-whatsapp-funnel .wa-phone {
    border-radius: 26px;
    overflow: hidden;
    background-color: #ffffff;
    box-shadow: 0 30px 70px rgba(0,0,0,0.18);
    border: 6px solid #1f2330;
}
#section-whatsapp-funnel .wa-phone-head {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 16px;
    background-color: #075E54;
    color: #ffffff;
}
#section-whatsapp-funnel .wa-phone-avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 38px;
    height: 38px;
    background-color: rgba(255,255,255,0.18);
    border-radius: 50%;
    font-size: 1.05rem;
}
#section-whatsapp-funnel .wa-phone-info {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    min-width: 0;
}
#section-whatsapp-funnel .wa-phone-info strong {
    font-size: 0.95rem;
    font-weight: 700;
}
#section-whatsapp-funnel .wa-phone-info span {
    font-size: 0.78rem;
    color: #b9e6c9;
}
#section-whatsapp-funnel .wa-phone-wa {
    font-size: 1.3rem;
    color: #ffffff;
    opacity: 0.85;
}
#section-whatsapp-funnel .wa-phone-body {
    padding: 18px 14px;
    background-color: #ECE5DD;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
#section-whatsapp-funnel .wa-msg {
    position: relative;
    max-width: 80%;
    padding: 8px 12px 18px;
    font-size: 0.88rem;
    line-height: 1.45;
    color: #1a1a1a;
    border-radius: 12px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.06);
}
#section-whatsapp-funnel .wa-in {
    align-self: flex-start;
    background-color: #ffffff;
    border-top-right-radius: 2px;
}
#section-whatsapp-funnel .wa-out {
    align-self: flex-end;
    background-color: #DCF8C6;
    border-top-left-radius: 2px;
}
#section-whatsapp-funnel .wa-time {
    position: absolute;
    bottom: 4px;
    left: 10px;
    font-size: 0.62rem;
    color: #7a8a7a;
}
#section-whatsapp-funnel .wa-sys {
    align-self: center;
    margin-top: 4px;
    padding: 7px 14px;
    font-size: 0.78rem;
    font-weight: 700;
    color: #0f7a4a;
    background-color: #d6f3e0;
    border-radius: 10px;
}
#section-whatsapp-funnel .wa-sys i {
    margin-left: 6px;
}

/* Floating badges */
#section-whatsapp-funnel .wa-badge {
    position: absolute;
    display: flex;
    align-items: center;
    padding: 13px 16px;
    background-color: #ffffff;
    border-radius: 14px;
    box-shadow: 0 15px 40px rgba(0,0,0,0.15);
    z-index: 3;
}
#section-whatsapp-funnel .wa-badge-speed {
    top: 16%;
    left: -34px;
    border-right: 4px solid #FFCB47;
}
#section-whatsapp-funnel .wa-badge-close {
    bottom: 12%;
    right: -34px;
    border-right: 4px solid #25D366;
}
#section-whatsapp-funnel .wa-badge-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    margin-left: 11px;
    color: #d99c00;
    font-size: 1.05rem;
    background-color: rgba(255,203,71,0.25);
    border-radius: 50%;
}
#section-whatsapp-funnel .wa-badge-num {
    font-size: 0.95rem;
    font-weight: 800;
    color: #0a0a0a;
}
#section-whatsapp-funnel .wa-badge-label {
    font-size: 0.78rem;
    color: #777777;
}
#section-whatsapp-funnel .wa-pulse {
    width: 12px;
    height: 12px;
    margin-left: 11px;
    background-color: #25D366;
    border-radius: 50%;
    animation: wa-pulse-anim 2s infinite;
}
@keyframes wa-pulse-anim {
    0% { box-shadow: 0 0 0 0 rgba(37,211,102,0.5); }
    70% { box-shadow: 0 0 0 12px rgba(37,211,102,0); }
    100% { box-shadow: 0 0 0 0 rgba(37,211,102,0); }
}

/* Features */
#section-whatsapp-funnel .wa-features {
    padding-right: 20px;
}
#section-whatsapp-funnel .wa-feature {
    display: flex;
    align-items: flex-start;
    margin-bottom: 32px;
}
#section-whatsapp-funnel .wa-feature:last-child {
    margin-bottom: 0;
}
#section-whatsapp-funnel .wa-feature-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 54px;
    height: 54px;
    margin-left: 18px;
    color: #ffffff;
    font-size: 1.3rem;
    background: linear-gradient(135deg, #EF0303, #ff5722);
    border-radius: 14px;
    box-shadow: 0 8px 20px rgba(239,3,3,0.25);
}
#section-whatsapp-funnel .wa-feature-title {
    font-size: 1.3rem;
    font-weight: 800;
    color: #0a0a0a;
    margin-bottom: 6px;
}
#section-whatsapp-funnel .wa-feature-text {
    font-size: 1.02rem;
    color: #555555;
    line-height: 1.6;
    margin-bottom: 0;
}

/* Responsive */
@media (max-width: 991px) {
    #section-whatsapp-funnel .wa-rail {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        gap: 16px 22px;
    }
    #section-whatsapp-funnel .wa-rline { display: none; }
    #section-whatsapp-funnel .wa-rnode {
        flex-direction: column;
        gap: 8px;
        text-align: center;
    }
    #section-whatsapp-funnel .wa-rico {
        width: 46px;
        height: 46px;
        font-size: 1rem;
    }
    #section-whatsapp-funnel .wa-rnode span { font-size: 0.78rem; }
    #section-whatsapp-funnel .wa-features { padding-right: 15px; }
    #section-whatsapp-funnel .wa-feature { justify-content: center; }
}
@media (max-width: 767px) {
    #section-whatsapp-funnel {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    #section-whatsapp-funnel .wa-header { margin-bottom: 40px; }
    #section-whatsapp-funnel .wa-badge-speed { top: 8px; left: 4px; padding: 10px 12px; }
    #section-whatsapp-funnel .wa-badge-close { bottom: 8px; right: 4px; padding: 10px 12px; }
    #section-whatsapp-funnel .wa-badge-num { font-size: 0.85rem; }
    #section-whatsapp-funnel .wa-badge-label { font-size: 0.7rem; }
}



===== CSS =====

#section-customer-funnel {
    font-family: 'Assistant', sans-serif;
    direction: rtl;
    background-color: #f7faf8;
    padding-top: 90px;
    padding-bottom: 90px;
}
#section-customer-funnel .cust-content {
    position: relative;
    z-index: 2;
}
#section-customer-funnel .cust-glow {
    position: absolute;
    z-index: 0;
    pointer-events: none;
    border-radius: 50%;
}
#section-customer-funnel .cust-glow-green {
    top: -12%;
    left: -8%;
    width: 45vw;
    height: 45vw;
    background: radial-gradient(circle, rgba(16,185,129,0.10) 0%, rgba(255,255,255,0) 70%);
}
#section-customer-funnel .cust-glow-red {
    bottom: -10%;
    right: -10%;
    width: 50vw;
    height: 50vw;
    background: radial-gradient(circle, rgba(239,3,3,0.06) 0%, rgba(255,255,255,0) 70%);
}

/* Header */
#section-customer-funnel .cust-header {
    margin-bottom: 60px;
}
#section-customer-funnel .cust-title {
    font-size: clamp(2.2rem, 4.5vw, 3.4rem);
    font-weight: 800;
    color: #0a0a0a;
    line-height: 1.15;
    margin-bottom: 22px;
    letter-spacing: -1px;
}
#section-customer-funnel .cust-title-accent {
    color: #10b981;
}
#section-customer-funnel .cust-underline {
    width: 80px;
    height: 5px;
    background-color: #10b981;
    border-radius: 10px;
    margin: 0 auto 28px;
}
#section-customer-funnel .cust-subtitle {
    font-size: clamp(1.1rem, 1.7vw, 1.35rem);
    color: #444444;
    max-width: 780px;
    margin: 0 auto;
    line-height: 1.7;
}

/* Left vertical journey rail */
#section-customer-funnel .cust-rail {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 30px;
    direction: ltr;
    padding: 4px 0;
}
#section-customer-funnel .cust-rline {
    position: absolute;
    left: 24px;
    top: 25px;
    bottom: 25px;
    width: 2px;
    background-color: #e0e6e2;
    border-radius: 2px;
}
#section-customer-funnel .cust-rnode {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 12px;
}
#section-customer-funnel .cust-rico {
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
    border: 1px solid #e7e7e7;
    border-radius: 14px;
    color: #c2c2c2;
    font-size: 1.1rem;
    box-shadow: 0 6px 16px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
}
#section-customer-funnel .cust-rnode span {
    font-size: 0.85rem;
    font-weight: 700;
    color: #9a9a9a;
    line-height: 1.2;
    transition: color 0.3s ease;
}
#section-customer-funnel .cust-rnode.is-done .cust-rico {
    color: #EF0303;
    border-color: #f5b5b5;
}
#section-customer-funnel .cust-rnode.is-win .cust-rico {
    color: #ffffff;
    background: linear-gradient(135deg, #10b981, #059669);
    border-color: transparent;
    transform: scale(1.14);
    box-shadow: 0 10px 24px rgba(16,185,129,0.32);
}
#section-customer-funnel .cust-rnode.is-win span {
    color: #10b981;
}

/* Secure payment mockup */
#section-customer-funnel .cust-main {
    margin-bottom: 0;
}
#section-customer-funnel .pay-stage {
    position: relative;
    max-width: 380px;
    margin: 0 auto;
}
#section-customer-funnel .pay-card {
    position: relative;
    padding: 24px;
    background: linear-gradient(160deg, #1f2330, #2a3142);
    border-radius: 22px;
    box-shadow: 0 30px 70px rgba(0,0,0,0.22);
}
#section-customer-funnel .pay-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 22px;
}
#section-customer-funnel .pay-secure {
    font-size: 0.85rem;
    font-weight: 700;
    color: #b9e6c9;
}
#section-customer-funnel .pay-secure i {
    margin-left: 6px;
    color: #25D366;
}
#section-customer-funnel .pay-brand {
    font-size: 1.7rem;
    color: #ffffff;
    opacity: 0.85;
}
#section-customer-funnel .pay-amount {
    display: flex;
    flex-direction: column;
    margin-bottom: 22px;
}
#section-customer-funnel .pay-amount-label {
    font-size: 0.8rem;
    color: #9aa3b2;
}
#section-customer-funnel .pay-amount-num {
    font-size: 2rem;
    font-weight: 800;
    color: #ffffff;
}
#section-customer-funnel .pay-amount-num small {
    font-size: 0.95rem;
    font-weight: 600;
    color: #9aa3b2;
}
#section-customer-funnel .pay-field {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 13px 15px;
    margin-bottom: 12px;
    background-color: rgba(255,255,255,0.07);
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 12px;
    color: #e7eaf0;
    font-size: 0.95rem;
    letter-spacing: 1px;
}
#section-customer-funnel .pay-field .pay-card-num {
    flex-grow: 1;
}
#section-customer-funnel .pay-ok {
    color: #25D366;
}
#section-customer-funnel .pay-save {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 20px;
    font-size: 0.82rem;
    color: #b9e6c9;
}
#section-customer-funnel .pay-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 14px;
    background: linear-gradient(135deg, #10b981, #059669);
    border-radius: 12px;
    color: #ffffff;
    font-size: 1rem;
    font-weight: 800;
    box-shadow: 0 10px 24px rgba(16,185,129,0.3);
}

/* Floating badges */
#section-customer-funnel .cust-badge {
    position: absolute;
    display: flex;
    align-items: center;
    padding: 13px 16px;
    background-color: #ffffff;
    border-radius: 14px;
    box-shadow: 0 15px 40px rgba(0,0,0,0.15);
    z-index: 3;
}
#section-customer-funnel .cust-badge-secure {
    top: 18%;
    left: -32px;
    border-right: 4px solid #FFCB47;
}
#section-customer-funnel .cust-badge-club {
    bottom: 14%;
    right: -32px;
    border-right: 4px solid #10b981;
}
#section-customer-funnel .cust-badge-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    margin-left: 11px;
    color: #d99c00;
    font-size: 1.05rem;
    background-color: rgba(255,203,71,0.25);
    border-radius: 50%;
}
#section-customer-funnel .cust-badge-num {
    font-size: 0.95rem;
    font-weight: 800;
    color: #0a0a0a;
}
#section-customer-funnel .cust-badge-label {
    font-size: 0.78rem;
    color: #777777;
}
#section-customer-funnel .cust-pulse {
    width: 12px;
    height: 12px;
    margin-left: 11px;
    background-color: #10b981;
    border-radius: 50%;
    animation: cust-pulse-anim 2s infinite;
}
@keyframes cust-pulse-anim {
    0% { box-shadow: 0 0 0 0 rgba(16,185,129,0.5); }
    70% { box-shadow: 0 0 0 12px rgba(16,185,129,0); }
    100% { box-shadow: 0 0 0 0 rgba(16,185,129,0); }
}

/* Capability cards */
#section-customer-funnel .cust-grid {
    margin-right: -10px;
    margin-left: -10px;
}
#section-customer-funnel .cust-grid > [class*="col-"] {
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 20px;
}
#section-customer-funnel .cust-card {
    height: 100%;
    padding: 24px 22px;
    background-color: #ffffff;
    border: 1px solid #ebf0ec;
    border-radius: 18px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
#section-customer-funnel .cust-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 40px rgba(0,0,0,0.09);
}
#section-customer-funnel .cust-card-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    margin-bottom: 16px;
    color: #ffffff;
    font-size: 1.2rem;
    background: linear-gradient(135deg, #EF0303, #ff5722);
    border-radius: 13px;
    box-shadow: 0 8px 20px rgba(239,3,3,0.25);
}
#section-customer-funnel .cust-card-title {
    font-size: 1.2rem;
    font-weight: 800;
    color: #0a0a0a;
    margin-bottom: 8px;
}
#section-customer-funnel .cust-card-text {
    font-size: 0.98rem;
    color: #555555;
    line-height: 1.6;
    margin-bottom: 0;
}

/* Closing CTA */
#section-customer-funnel .cust-cta {
    margin-top: 50px;
}
#section-customer-funnel .cust-cta-text {
    font-size: 1.2rem;
    font-weight: 700;
    color: #1a1a1a;
    max-width: 640px;
    margin: 0 auto 22px;
    line-height: 1.6;
}
#section-customer-funnel .cust-cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 15px 38px;
    background: linear-gradient(135deg, #10b981, #059669);
    border-radius: 12px;
    color: #ffffff;
    font-size: 1.15rem;
    font-weight: 800;
    text-decoration: none;
    box-shadow: 0 12px 28px rgba(16,185,129,0.3);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
#section-customer-funnel .cust-cta-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 16px 36px rgba(16,185,129,0.4);
    color: #ffffff;
}

/* Responsive */
@media (max-width: 991px) {
    #section-customer-funnel .cust-rail {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        gap: 16px 22px;
    }
    #section-customer-funnel .cust-rline { display: none; }
    #section-customer-funnel .cust-rnode {
        flex-direction: column;
        gap: 8px;
        text-align: center;
    }
    #section-customer-funnel .cust-rico {
        width: 46px;
        height: 46px;
        font-size: 1rem;
    }
    #section-customer-funnel .cust-rnode span { font-size: 0.78rem; }
}
@media (max-width: 767px) {
    #section-customer-funnel {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    #section-customer-funnel .cust-header { margin-bottom: 40px; }
    #section-customer-funnel .cust-badge-secure { top: 10px; left: 6px; padding: 10px 12px; }
    #section-customer-funnel .cust-badge-club { bottom: 10px; right: 6px; padding: 10px 12px; }
    #section-customer-funnel .cust-badge-num { font-size: 0.85rem; }
    #section-customer-funnel .cust-badge-label { font-size: 0.7rem; }
    #section-customer-funnel .cust-cta { margin-top: 35px; }
}



@media (max-width: 768px) {
    #section-video-minimal h2.display-4 {
        font-size: 2.2rem;
    }
}

/* Scoped styles for BizRunner Accompaniment Section */
#section-accompaniment.bizrunner-accompaniment-light {
    background-color: #FFFFFF;
    color: #000000;
    font-family: 'Assistant', sans-serif;
    padding: 80px 20px;
    direction: rtl;
    text-align: center;
    overflow: hidden;
    scroll-behavior: smooth; /* תמיכת דפדפן בסיסית לגלילה חלקה */
}

#section-accompaniment .container {
    max-width: 1000px;
    margin: 0 auto;
}

/* עיצוב התמונה */
#section-accompaniment .top-visual {
    margin-bottom: 40px;
}

#section-accompaniment .image-wrapper-light {
    display: inline-block;
    width: 100%;
    max-width: 500px;
    border-radius: 20px;
    overflow: hidden;
}

#section-accompaniment .hero-img {
    width: 100%;
    display: block;
    object-fit: cover;
}

/* כותרות וטקסט */
#section-accompaniment .accent-line-red {
    width: 50px;
    height: 4px;
    background-color: #EF0303;
    margin: 0 auto 20px;
}

#section-accompaniment .section-title {
    font-size: 48px;
    font-weight: 800;
    line-height: 1.1;
    margin-bottom: 25px;
    color: #000;
}

#section-accompaniment .highlight-red {
    color: #EF0303;
}

#section-accompaniment .text-block p {
    font-size: 19px;
    color: #444;
    max-width: 700px;
    margin: 0 auto 15px;
    line-height: 1.6;
}

/* כרטיסי שלבים */
#section-accompaniment .steps-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin: 50px 0;
}

#section-accompaniment .step-item-light {
    background: #f9f9f9;
    padding: 30px 20px;
    border-radius: 15px;
    border: 1px solid #eee;
    transition: all 0.3s ease;
}

#section-accompaniment .step-item-light:hover {
    border-color: #FFCB47;
    background: #fff;
    box-shadow: 0 10px 25px rgba(0,0,0,0.07);
    transform: translateY(-5px);
}

#section-accompaniment .num-circle {
    display: inline-flex;
    width: 40px;
    height: 40px;
    background-color: #FFCB47;
    color: #000;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 20px;
    margin-bottom: 15px;
}

#section-accompaniment .step-item-light h3 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 10px;
}

#section-accompaniment .step-item-light p {
    font-size: 16px;
    color: #666;
    margin: 0;
}

/* כפתור הנעה לפעולה */
#section-accompaniment .cta-primary-btn {
    display: inline-block;
    background-color: #EF0303;
    color: #FFFFFF;
    padding: 18px 50px;
    border-radius: 8px;
    font-size: 22px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 4px 15px rgba(239, 3, 3, 0.2);
}

#section-accompaniment .cta-primary-btn:hover {
    background-color: #000000;
    color: #FFFFFF;
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
    text-decoration: none;
}

/* התאמה לנייד */
@media (max-width: 768px) {
    #section-accompaniment .steps-row { 
        grid-template-columns: 1fr; 
    }
    #section-accompaniment .section-title { 
        font-size: 34px; 
    }
    #section-accompaniment {
        padding: 50px 15px;
    }
}

#section-testimonials-final {
    font-family: 'Assistant', sans-serif;
    direction: rtl;
    text-align: right;
}

#section-testimonials-final .testimonial-card {
    background: #ffffff;
    border-radius: 20px;
    border: 1px solid #eeeeee !important;
    transition: all 0.3s ease-in-out;
    display: flex;
    flex-direction: column;
}

#section-testimonials-final .testimonial-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.05) !important;
    border-color: #EF0303 !important;
}

#section-testimonials-final .highlighted-card {
    background: #fdfdfd;
    border-color: rgba(239, 3, 3, 0.1) !important;
}

#section-testimonials-final .testimonial-content {
    line-height: 1.7;
    font-size: 1rem;
}

#section-testimonials-final .stars i {
    font-size: 0.9rem;
    margin-left: 2px;
}

#section-testimonials-final .icon-box i {
    font-size: 1.4rem;
}

#section-testimonials-final .display-4 {
    letter-spacing: -1px;
}

/* הבטחת גובה אחיד וסימטריה במובייל */
@media (max-width: 991px) {
    #section-testimonials-final .testimonial-card {
        margin-bottom: 20px;
    }
}


        #btext12 {
            
                            min-height: ;
            
            
                            background-color: #ffffff;
            
            
                                                                                                                                                            }
    


        #leadsform114 {
            position: relative;
            height: 600px;
            min-height: 400px;
            width: 100%;

            /* Padding with fallbacks */
                            padding: 50px
                         20px
                         50px
                         20px;
            
            /* Margins */
                            margin-top: 0px;
                margin-bottom: 0px;
            
            /* Background */
            background-color: #f8f9fa;
            color: #000;

            
                       background-image: url('https://ftp2.oia-file.com/stores/1319/media/A58eLEQcAWUZ/1920');
                background-size: cover;
                background-position: center;
                background-repeat: no-repeat;

                            
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            overflow: hidden;
        }

        /* Background overlay */
        
        /* Text content styles */
        #leadsform114 .text-content {
             text-align: center;
             margin-bottom: 30px;
             max-width: 800px;
             width: 100%;
             z-index: 1;
             position: relative;
         }

        #leadsform114 .form-title {
             font-size: 32px;
             font-weight: 700;
             letter-spacing: 0px;
             line-height: 1.2;
             color: #ffffff;
             margin-bottom: 10px;
         }

        #leadsform114 .form-description {
             font-size: 16px;
             font-weight: 400;
             letter-spacing: 0px;
             line-height: 1.6;
             color: #666666;
             opacity: 0.9;
         }

        /* Form container */
        #leadsform114 .form-preview {
             z-index: 1;
             position: relative;

                              /* CSS Variable for link color */
                 --link-color: #007bff;

width: 500px;
             max-width: 100%;
             color: #333333;

             /* Background - check for transparent */
                              background-color: #ffffff;
             
             /* Padding */
             padding: 30px
                             30px
                             30px
                             30px;
             
/* Border - hide when transparent */
             border: 1px
                            solid
                            #e2e8f0;
             
/* Border radius - reset when transparent */
             border-radius: 12px;
                      
margin: 0 auto;

             /* Shadow - none when transparent */
             box-shadow: 0 4px 15px rgba(0,0,0,0.1);
         }

        /* Form layout */
        #leadsform114 .form-fields-container {
                              display: flex;
             flex-direction: column;
             gap: 15px;
                      margin-bottom: 20px;
         }

        /* Input styles */
        #leadsform114 .form-control {
             width: 100%;
             border: 1px solid #cbd5e0;
             border-radius: 6px;
             font-size: 14px;
             background: white;
             color: inherit;
             transition: all 0.2s;

             /* Size variations */
                              padding: 14px 18px;
             font-size: 16px;
                      }

        /* Input style variations */
                                    #leadsform114 .form-control {
                             background: #f7fafc;
                             border: 2px solid transparent;
                         }
        #leadsform114 .form-control:focus {
             background: white;
             border-color: #667eea;
         }
            
/* Focus effects */
                                    #leadsform114 .form-control:focus {
                             outline: none;
                             box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.25);
                         }
            
        /* Button styles */
        #leadsform114 .btn-primary {
                      
/* Size */
                              padding: 12px 30px;
             font-size: 16px;
             min-width: 150px;
                      
/* Colors */
             background-color: #2563EB;
             
color: #ffffff;
             border-radius: 6px;

             /* Shadow */
             box-shadow: 0px
                               2px
                               4px
         rgba(0,0,0,0.1);
              
border: none;
             font-weight: 500;
             cursor: pointer;
             transition: all 0.3s ease;
         }

        #leadsform114 .btn-primary:hover {
             transform: translateY(-2px);
             box-shadow: 0 6px 20px rgba(0,0,0,0.15);
             opacity: 0.95;
         }

        /* Link styles */
        #leadsform114 .form-preview a,
        #leadsform114 .form-preview .privacy-link {
             color: var(--link-color, #007bff);
             text-decoration: underline;
             transition: opacity 0.2s;
         }

        #leadsform114 .form-preview a:hover,
        #leadsform114 .form-preview .privacy-link:hover {
             opacity: 0.8;
         }

        /* Responsive */
        @media (max-width: 768px) {
            #leadsform114 {
                height: auto !important;
                min-height: 600px;
                padding: 30px 15px !important;
            }

            #leadsform114 .form-title {
                font-size: 24px !important;
            }

            #leadsform114 .form-description {
            font-size: 14px !important;
        }

            #leadsform114 .form-preview {
            width: calc(100% - 30px) !important;
            max-width: 100% !important;
            padding: 20px !important;
        }

            #leadsform114 .form-fields-container {
            display: flex !important;
            flex-direction: column !important;
            gap: 15px !important;
        }

            #leadsform114 .field-wrapper {
            width: 100% !important;
        }

            #leadsform114 .btn-primary {
            width: 100% !important;
        }
        }
    


            #spacing15 .margin{
                margin: 3rem 0;
            }
        


    /* ---------- חשמל זורם ברקע ה-hero ---------- */
    #section-hero-bizrunner-clean .hero-circuit{
        position:absolute; inset:0; z-index:1; width:100%; height:100%;
        pointer-events:none; opacity:.9;
    }
    #section-hero-bizrunner-clean .circuit-spark path{
        stroke-dasharray:16 84;            /* עם pathLength=100 */
        stroke-dashoffset:100;
        filter:drop-shadow(0 0 5px rgba(255,87,34,.85));
        animation:bizFlow var(--dur,4s) linear infinite;
        animation-delay:var(--delay,0s);
    }
    @keyframes bizFlow{ from{stroke-dashoffset:100;} to{stroke-dashoffset:0;} }

    /* נקודות "מטען" שמהבהבות על צמתים */
    #section-hero-bizrunner-clean .circuit-base path{
        animation:bizPulse 5s ease-in-out infinite;
    }
    @keyframes bizPulse{ 0%,100%{stroke:rgba(255,255,255,.05);} 50%{stroke:rgba(255,255,255,.10);} }

    @media (prefers-reduced-motion:reduce){
        #section-hero-bizrunner-clean .circuit-spark path,
        #section-hero-bizrunner-clean .circuit-base path,
        #section-hero-bizrunner-clean .hero-aurora{ animation:none !important; }
    }


/* ============================================================
   תיקון קריאוּת: כרטיסים לבנים → זכוכית כהה (accompaniment + customer)
   ============================================================ */
#section-accompaniment .step-item-light{
    background: rgba(255,255,255,.045) !important;
    border: 1px solid rgba(255,255,255,.09) !important;
    -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
    box-shadow: 0 16px 40px rgba(0,0,0,.42) !important;
}
#section-accompaniment .step-item-light:hover{
    background: rgba(255,255,255,.075) !important;
    border-color: rgba(255,203,71,.5) !important;
    box-shadow: 0 22px 50px rgba(0,0,0,.55) !important;
}
#section-accompaniment .step-item-light h3{ color:#ffffff !important; }
#section-accompaniment .step-item-light p{ color:rgba(255,255,255,.62) !important; }

#section-customer-funnel .cust-card{
    background: rgba(255,255,255,.045) !important;
    border: 1px solid rgba(255,255,255,.09) !important;
    -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
    box-shadow: 0 16px 40px rgba(0,0,0,.42) !important;
}
#section-customer-funnel .cust-card:hover{
    background: rgba(255,255,255,.075) !important;
    border-color: rgba(239,3,3,.30) !important;
    box-shadow: 0 22px 50px rgba(0,0,0,.55) !important;
}
#section-customer-funnel .cust-card-title{ color:#ffffff !important; }
#section-customer-funnel .cust-card-text{ color:rgba(255,255,255,.62) !important; }

#section-testimonials-final .testimonial-card{
    background: rgba(255,255,255,.045) !important;
    border: 1px solid rgba(255,255,255,.09) !important;
    -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
    box-shadow: 0 16px 40px rgba(0,0,0,.42) !important;
}
#section-testimonials-final .testimonial-card p{ color:rgba(255,255,255,.78) !important; }