:root {
      --bg-primary: #0D0018; --bg-secondary: #16002A; --bg-card: rgba(255,255,255,0.03); --bg-card-hover: rgba(139,92,246,0.08);
      --border: rgba(255,255,255,0.07); --border-hover: rgba(139,92,246,0.35);
      --text-primary: #FFFFFF; --text-secondary: #C4B5FD; --text-muted: #8B8B9E;
      --nav-bg: rgba(13,0,24,0.85); --nav-border: rgba(139,92,246,0.15);
    }
    .light-mode {
      --bg-primary: #F8F7FB; --bg-secondary: #EDE5FF; --bg-card: rgba(91,33,182,0.04); --bg-card-hover: rgba(139,92,246,0.08);
      --border: rgba(91,33,182,0.1); --border-hover: rgba(139,92,246,0.3);
      --text-primary: #1A1A1A; --text-secondary: #5B21B6; --text-muted: #9CA3AF;
      --nav-bg: rgba(248,247,251,0.85); --nav-border: rgba(91,33,182,0.1);
    }
    * { margin:0; padding:0; box-sizing:border-box; }
    html { scroll-behavior: smooth; scrollbar-gutter: stable; }
    body { font-family: 'Inter', sans-serif; background: var(--bg-primary); color: var(--text-primary); overflow-x: hidden; transition: background 0.4s, color 0.4s; }
    body.font-cairo { font-family: 'Cairo', sans-serif; }
    ::selection { background: #8B5CF6; color: #fff; }
    ::-webkit-scrollbar { width: 5px; }
    ::-webkit-scrollbar-track { background: var(--bg-secondary); }
    ::-webkit-scrollbar-thumb { background: #4C1D95; border-radius: 3px; }

    .dyn-bg { background: var(--bg-primary); }
    .dyn-bg2 { background: var(--bg-secondary); }
    .dyn-card {
      position: relative; overflow: hidden;
      background: linear-gradient(135deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.02) 100%);
      border: 1px solid rgba(255,255,255,0.12);
      backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
      box-shadow: 0 8px 32px rgba(0,0,0,0.22), inset 0 1px 0 rgba(255,255,255,0.10);
      transition: transform 0.4s cubic-bezier(0.4,0,0.2,1), border-color 0.4s, box-shadow 0.4s, background 0.4s;
    }
    .dyn-card::before { content:''; position:absolute; top:0; left:-160%; width:60%; height:100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.14), transparent); transform: skewX(-20deg); pointer-events:none; transition: left 0.9s ease; z-index:1; }
    .dyn-card:hover::before { left: 160%; }
    .dyn-card::after { content:''; position:absolute; top:0; left:12%; right:12%; height:1px; background: linear-gradient(90deg, transparent, rgba(139,92,246,0.6), rgba(245,183,0,0.5), transparent); opacity:0; transition: opacity 0.4s; pointer-events:none; }
    .dyn-card:hover { transform: translateY(-6px); border-color: rgba(245,183,0,0.45); background: linear-gradient(135deg, rgba(139,92,246,0.16), rgba(255,255,255,0.03)); box-shadow: 0 16px 44px rgba(0,0,0,0.35), 0 0 26px rgba(139,92,246,0.28), 0 0 50px rgba(245,183,0,0.12); }
    .dyn-card:hover::after { opacity: 1; }
    .dyn-card.glass-no-lift:hover { transform: scale(var(--tw-scale-x), var(--tw-scale-y)); background: var(--bg-card-hover); border-color: var(--border-hover); box-shadow: 0 4px 16px rgba(0,0,0,0.18), inset 0 1px 0 rgba(255,255,255,0.10); }
    .dyn-card.glass-no-lift::before, .dyn-card.glass-no-lift::after { display: none; }
    .light-mode .dyn-card { background: linear-gradient(135deg, rgba(255,255,255,0.92), rgba(248,247,251,0.65)); border-color: rgba(91,33,182,0.12); box-shadow: 0 8px 28px rgba(91,33,182,0.10), inset 0 1px 0 rgba(255,255,255,0.9); }
    .light-mode .dyn-card::before { background: linear-gradient(90deg, transparent, rgba(139,92,246,0.15), transparent); }
    .light-mode .dyn-card:hover { background: linear-gradient(135deg, #FFFFFF, #F0EBFF); border-color: rgba(245,183,0,0.55); box-shadow: 0 14px 36px rgba(91,33,182,0.16), 0 0 24px rgba(139,92,246,0.22), 0 0 44px rgba(245,183,0,0.12); }
    .light-mode .dyn-card.glass-no-lift:hover { background: var(--bg-card-hover); }
    .pricing-glow { animation: pricingPulse 3s ease-in-out infinite; }
    @keyframes pricingPulse { 0%,100% { box-shadow: 0 10px 40px rgba(0,0,0,0.35), 0 0 20px rgba(245,183,0,0.18); } 50% { box-shadow: 0 10px 40px rgba(0,0,0,0.35), 0 0 38px rgba(245,183,0,0.45), 0 0 64px rgba(139,92,246,0.35); } }
    .glass-stat { transition: all 0.35s; }

    .type-cursor { display:inline-block; width:3px; height:1.1em; background: linear-gradient(180deg, #FFD166, #F5B700); border-radius:2px; box-shadow: 0 0 10px rgba(245,183,0,0.8); animation: typeBlink 0.9s step-end infinite; }
    @keyframes typeBlink { 0%,100% { opacity:1; } 50% { opacity:0; } }

    #popupOverlay.show { display:flex; }
    #popupCard { animation: popupIn 0.45s cubic-bezier(0.22, 1, 0.36, 1) both; }
    #popupCard::before { content:''; position:absolute; top:0; left:12%; right:12%; height:2px; background: linear-gradient(90deg, transparent, rgba(245,183,0,0.9), rgba(139,92,246,0.8), transparent); }
    #popupCard::after { content:''; position:absolute; top:-160%; left:-160%; width:70%; height:100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.12), transparent); transform: skewX(-20deg); pointer-events:none; animation: popupSheen 3.5s ease-in-out 1.5s infinite; }
    @keyframes popupIn { from { opacity:0; transform: translateY(26px) scale(0.92); } to { opacity:1; transform: translateY(0) scale(1); } }
    @keyframes popupSheen { 0%, 60% { left:-160%; } 100% { left:160%; } }
    .light-mode #popupCard { background: linear-gradient(160deg, #FFFFFF 0%, #F4EEFF 100%); box-shadow: 0 30px 80px rgba(91,33,182,0.25), 0 0 50px rgba(139,92,246,0.18); }
    .light-mode #popupCard::before { background: linear-gradient(90deg, transparent, rgba(245,183,0,0.9), rgba(139,92,246,0.5), transparent); }
    .glass-stat:hover { transform: translateY(-4px); border-color: rgba(245,183,0,0.5); background: rgba(255,255,255,0.1); box-shadow: 0 10px 30px rgba(0,0,0,0.3), 0 0 20px rgba(245,183,0,0.15); }
    .light-mode .glass-stat:hover { background: rgba(255,255,255,0.9); border-color: rgba(245,183,0,0.6); box-shadow: 0 10px 26px rgba(91,33,182,0.14), 0 0 18px rgba(245,183,0,0.2); }
    .dyn-text { color: var(--text-primary); }
    .dyn-text2 { color: var(--text-secondary); }
    .dyn-text3 { color: var(--text-muted); }
    .dyn-nav { background: var(--nav-bg); border-bottom: 1px solid var(--nav-border); }

    .brand-gradient { background: linear-gradient(135deg, #3B0A5E 0%, #5B21B6 100%); }
    .gradient-text { background: linear-gradient(135deg, #8B5CF6, #5B21B6); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
    .gradient-text-gold { background: linear-gradient(135deg, #F5B700, #FFD166); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }

    .btn-gold { position: relative; overflow: hidden; }
    .btn-gold::after { content:''; position:absolute; top:0; left:-100%; width:100%; height:100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.25), transparent); transition: left 0.5s; }
    .btn-gold:hover::after { left: 100%; }

    .reveal { opacity: 0; transform: translateY(40px); transition: all 0.8s cubic-bezier(0.4,0,0.2,1); }
    .reveal.active { opacity: 1; transform: translateY(0); }

    .mobile-menu { transform: translateX(100%); transition: transform 0.4s cubic-bezier(0.4,0,0.2,1); }
    [dir="rtl"] .mobile-menu { transform: translateX(-100%); }
    .mobile-menu.open { transform: translateX(0); }

    .progress-bar { position: fixed; top: 0; left: 0; height: 3px; width: 0%; background: linear-gradient(90deg, #F5B700, #FFD166); z-index: 200; transition: width 0.1s linear; }

    .wa-pulse { animation: waPulse 2s ease-in-out infinite; }
    @keyframes waPulse { 0%{ box-shadow: 0 0 0 0 rgba(37,211,102,0.5); } 70%{ box-shadow: 0 0 0 15px rgba(37,211,102,0); } 100%{ box-shadow: 0 0 0 0 rgba(37,211,102,0); } }

    .timeline-item { position: relative; }
    .timeline-item::before { content:''; position: absolute; top: 0; bottom: 0; width: 2px; background: linear-gradient(180deg, #8B5CF6, #F5B700); opacity: 0.3; }
    [dir="ltr"] .timeline-item::before { left: 17px; }
    [dir="rtl"] .timeline-item::before { right: 17px; }

    .faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.4s ease; }
    .faq-item.open .faq-answer { max-height: 400px; }
    .faq-item.open .faq-icon { transform: rotate(45deg); }
    .faq-icon { transition: transform 0.3s; }

    .flow-chip { transition: all 0.3s; }
    .flow-chip:hover { transform: translateY(-5px) scale(1.05); border-color: rgba(245,183,0,0.6); box-shadow: 0 10px 28px rgba(0,0,0,0.3), 0 0 24px rgba(139,92,246,0.3), 0 0 44px rgba(245,183,0,0.15); background: linear-gradient(135deg, rgba(139,92,246,0.18), rgba(255,255,255,0.04)); }

    .case-card { transition: all 0.4s; }
    .case-card:hover { transform: translateY(-6px); border-color: rgba(245,183,0,0.45); box-shadow: 0 16px 44px rgba(0,0,0,0.35), 0 0 26px rgba(139,92,246,0.28), 0 0 50px rgba(245,183,0,0.12); }

    .counter-num { font-variant-numeric: tabular-nums; }

    .theme-toggle { width: 52px; height: 28px; border-radius: 14px; position: relative; cursor: pointer; transition: background 0.3s; }
    .theme-toggle .toggle-circle { width: 22px; height: 22px; border-radius: 50%; position: absolute; top: 3px; transition: all 0.3s; }
    .dark .theme-toggle { background: #4C1D95; }
    .dark .theme-toggle .toggle-circle { left: 27px; background: #F5B700; }
    :not(.dark) .theme-toggle { background: #8B5CF6; }
    :not(.dark) .theme-toggle .toggle-circle { left: 3px; background: #F8F7FB; }
    [dir="rtl"] .dark .theme-toggle .toggle-circle { left: 3px; }
    [dir="rtl"] :not(.dark) .theme-toggle .toggle-circle { left: 27px; }

    .light-mode .gradient-text { background: linear-gradient(135deg, #5B21B6, #8B5CF6); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
    .light-mode .gradient-text-gold { background: linear-gradient(135deg, #F5B700, #B87D00); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }

    .stepper-dot { transition: all 0.3s; }
    .stepper-dot.active { background: #F5B700 !important; box-shadow: 0 0 12px rgba(245,183,0,0.6); }

    :not(.dark) input { background: rgba(91,33,182,0.04); border-color: rgba(91,33,182,0.15); }
    :not(.dark) input:focus { border-color: #F5B700; }

    /* Lang toggle */
    .lang-btn { font-size: 11px; font-weight: 700; padding: 4px 10px; border-radius: 6px; transition: all 0.2s; cursor: pointer; }
    .lang-btn.active { background: rgba(139,92,246,0.25); color: #F5B700; }
    :not(.dark) .lang-btn.active { background: #5B21B6; color: #FFFFFF; }
    .lang-btn:not(.active) { color: #8B8B9E; }
    :not(.dark) .lang-btn:not(.active) { color: #9CA3AF; }

    /* ===== INTERACTIVE RIPPLE STAGE ===== */
    #rippleStage { position: relative; overflow: hidden; }
    .ripple-glow { position:absolute; left:50%; top:50%; width:440px; height:440px; transform: translate(-50%,-50%); border-radius:50%; background: radial-gradient(circle, rgba(139,92,246,0.28) 0%, rgba(59,10,94,0.18) 40%, transparent 70%); animation: rippleGlow 5s ease-in-out infinite; pointer-events:none; }
    @keyframes rippleGlow { 0%,100%{ opacity:.65; transform: translate(-50%,-50%) scale(1);} 50%{ opacity:1; transform: translate(-50%,-50%) scale(1.12);} }

    .ripple-ring { position:absolute; left:50%; top:50%; width:18px; height:18px; margin:-9px 0 0 -9px; border-radius:50%; border:2px solid rgba(139,92,246,0.55); transform: scale(0.1); opacity:0; animation: rippleExpand var(--dur, 3s) ease-out forwards; will-change: transform, opacity; pointer-events:none; }
    @keyframes rippleExpand { 0% { transform: scale(0.1); opacity:.75; } 100% { transform: scale(var(--scale, 40)); opacity:0; } }

    #ballFollow { position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); z-index:5; will-change: transform; transition: transform 0.5s cubic-bezier(.2,.8,.2,1); pointer-events:none; }
    .ripple-ball { width:64px; height:64px; }
    @media (min-width:768px) { .ripple-ball { width:84px; height:84px; } }
    .ball-inner { width:100%; height:100%; border-radius:50%; background: radial-gradient(circle at 30% 28%, #BE9FFF 0%, #7C3AED 30%, #5B21B6 60%, #3B0A5E 100%); box-shadow: 0 0 30px rgba(139,92,246,0.55), 0 0 60px rgba(245,183,0,0.2), inset -6px -8px 18px rgba(10,0,21,0.55); position:relative; }
    .ball-inner::before { content:''; position:absolute; inset:8px; border-radius:50%; border:2px dashed rgba(245,183,0,0.65); animation: ballSpin 9s linear infinite; }
    .ball-inner::after { content:''; position:absolute; inset:17px; border-radius:50%; border:1.5px solid rgba(255,255,255,0.5); animation: ballSpin 6s linear infinite reverse; }
    @keyframes ballSpin { to { transform: rotate(360deg); } }

    .ripple-ball.fall { animation: ballFall 2.4s cubic-bezier(.3,.7,.45,1) forwards; }
    @keyframes ballFall {
      0%{ transform: translateY(-52vh); }
      55%{ transform: translateY(0) scale(1.08,.9); }
      72%{ transform: translateY(-26px); }
      85%{ transform: translateY(0) scale(1.02,.98); }
      94%{ transform: translateY(-9px); }
      100%{ transform: translateY(0) scale(1); }
    }
    .ripple-ball.idle { animation: ballBob 4.6s ease-in-out infinite; }
    @keyframes ballBob { 0%,100%{ transform: translateY(0);} 50%{ transform: translateY(-12px);} }

    .orbit-slot { position:absolute; left:0; top:0; width:88px; height:88px; z-index:6; will-change: transform; }
    .orbit-slot:hover { z-index: 80; }
    @media (min-width:640px) { .orbit-slot { width:104px; height:104px; } }
    .orbit-circle { width:100%; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; border-radius:50%; background: linear-gradient(135deg, rgba(255,255,255,0.12), rgba(255,255,255,0.03)); border:1px solid rgba(139,92,246,0.45); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); box-shadow: 0 8px 24px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.14), 0 0 18px rgba(91,33,182,0.25); cursor:pointer; text-decoration:none; transition: transform 0.35s, border-color 0.35s, box-shadow 0.35s, background 0.35s; }
    .orbit-circle::before { content:''; position:absolute; inset:6px; border-radius:50%; border:1px dashed rgba(245,183,0,0.35); opacity:0; transition: opacity 0.35s; }
    .orbit-circle:hover::before { opacity:1; }
    .orbit-circle:hover { transform: scale(1.12); border-color: rgba(245,183,0,0.7); box-shadow: 0 0 26px rgba(245,183,0,0.35), 0 0 50px rgba(139,92,246,0.3), inset 0 1px 0 rgba(255,255,255,0.2); background: linear-gradient(135deg, rgba(139,92,246,0.25), rgba(255,255,255,0.08)); }
    .orbit-icon { font-size: 22px; line-height: 1; }
    .orbit-label { font-size: 9px; font-weight: 700; color: var(--text-secondary); margin-top: 3px; text-align:center; padding: 0 4px; line-height: 1.25; }

    .orbit-tooltip { position:absolute; bottom: calc(100% + 12px); left:50%; transform: translateX(-50%) translateY(6px); width:160px; padding:10px 12px; border-radius:12px; background: linear-gradient(135deg, rgba(30,27,75,0.95), rgba(13,0,24,0.92)); border:1px solid rgba(245,183,0,0.4); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); box-shadow: 0 10px 30px rgba(0,0,0,0.45), 0 0 20px rgba(139,92,246,0.2); opacity:0; pointer-events:none; transition: all 0.3s; text-align:center; z-index:50; }
    .light-mode .orbit-tooltip { background: linear-gradient(135deg, rgba(255,255,255,0.98), rgba(240,235,255,0.95)); }
    .orbit-slot.flip .orbit-tooltip { bottom:auto; top: calc(100% + 12px); }
    .orbit-circle:hover .orbit-tooltip { opacity:1; transform: translateX(-50%) translateY(0); }
    .orbit-tt-title { display:block; font-size:11px; font-weight:800; color: var(--text-primary); }
    .orbit-tt-btn { display:block; margin-top:6px; font-size:9px; font-weight:700; color:#F5B700; }

    .ripple-restart { position:absolute; top:16px; right:16px; z-index:10; width:38px; height:38px; border-radius:50%; background: rgba(255,255,255,0.08); border:1px solid rgba(245,183,0,0.5); color:#F5B700; display:flex; align-items:center; justify-content:center; cursor:pointer; transition: all 0.3s; }
    .ripple-restart:hover { background: rgba(245,183,0,0.2); transform: rotate(-180deg) scale(1.1); }

    /* ===== GLOBAL PLATFORMS MARQUEE ===== */
    .marquee { overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }
    .marquee-track { display: flex; width: max-content; animation: marqueeMove var(--speed, 45s) linear infinite; will-change: transform; }
    .marquee:hover .marquee-track { animation-play-state: paused; }
    .marquee-rev { animation-direction: reverse; }
    @keyframes marqueeMove { from { transform: translateX(0); } to { transform: translateX(-50%); } }
    .marquee-item { display: flex; align-items: center; gap: 10px; padding: 14px 24px; margin-right: 16px; border-radius: 14px; background: linear-gradient(135deg, rgba(255,255,255,0.10), rgba(255,255,255,0.03)); border: 1px solid rgba(255,255,255,0.14); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); box-shadow: 0 4px 20px rgba(0,0,0,0.25), inset 0 1px 0 rgba(255,255,255,0.12); transition: all 0.35s; cursor: pointer; flex-shrink: 0; position: relative; overflow: hidden; }
    .marquee-item::after { content:''; position:absolute; top:0; left:-120%; width:60%; height:100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.22), transparent); transform: skewX(-20deg); animation: marqueeSheen 5s ease-in-out infinite; }
    @keyframes marqueeSheen { 0%, 60% { left: -120%; } 90%, 100% { left: 140%; } }
    .marquee-item:hover { transform: translateY(-3px) scale(1.05); border-color: rgba(245,183,0,0.55); box-shadow: 0 0 26px rgba(139,92,246,0.4), 0 0 46px rgba(245,183,0,0.18); background: linear-gradient(135deg, rgba(139,92,246,0.22), rgba(245,183,0,0.08)); }
    .marquee-icon { font-size: 22px; filter: drop-shadow(0 0 8px rgba(139,92,246,0.6)); }
    .marquee-name { font-size: 13px; font-weight: 700; color: var(--text-primary); white-space: nowrap; }
    .light-mode .marquee-item { background: linear-gradient(135deg, rgba(91,33,182,0.07), rgba(91,33,182,0.02)); border-color: rgba(91,33,182,0.15); box-shadow: 0 4px 20px rgba(91,33,182,0.08), inset 0 1px 0 rgba(255,255,255,0.8); }
    .light-mode .marquee-item::after { background: linear-gradient(90deg, transparent, rgba(139,92,246,0.18), transparent); }
    .light-mode .marquee-item:hover { border-color: rgba(245,183,0,0.6); box-shadow: 0 0 22px rgba(139,92,246,0.25), 0 0 40px rgba(245,183,0,0.15); }

    /* ===== SLIDESHOW ===== */
    .slider-shell { position: relative; overflow: hidden; border-radius: 1.25rem; border: 1px solid rgba(255,255,255,0.12); box-shadow: 0 20px 60px rgba(0,0,0,0.45), 0 0 44px rgba(139,92,246,0.18); background: #0D0018; }
    .slider-shell.shell-mobile { width: 100%; max-width: 640px; margin-inline: auto; aspect-ratio: 1/1; }
    .slider-shell.shell-desktop { display: none; }
    .slider-track { display: flex; transition: transform 0.7s cubic-bezier(0.4,0,0.2,1); height: 100%; }
    .slider-slide { min-width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
    .slider-slide img { width: 100%; height: 100%; object-fit: cover; display: block; }
    .slider-btn { position: absolute; top: 50%; transform: translateY(-50%); z-index: 20; width: 44px; height: 44px; border-radius: 50%; background: rgba(13,0,24,0.55); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); border: 1px solid rgba(255,255,255,0.2); color: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s; opacity: 0; }
    .slider-shell:hover .slider-btn { opacity: 1; }
    .slider-btn:hover { background: #F5B700; color: #1A1A1A; border-color: #F5B700; transform: translateY(-50%) scale(1.08); }
    .slider-btn.prev { left: 14px; }
    .slider-btn.next { right: 14px; }
    .slider-dots { position: absolute; bottom: 16px; left: 50%; transform: translateX(-50%); display: flex; gap: 8px; z-index: 20; }
    .slider-dot { width: 10px; height: 10px; border-radius: 50%; background: rgba(255,255,255,0.5); border: none; cursor: pointer; transition: all 0.3s; padding: 0; }
    .slider-dot.active { background: #F5B700; width: 26px; border-radius: 6px; }
    .light-mode .slider-btn { background: rgba(91,33,182,0.5); }
    .light-mode .slider-dot { background: rgba(91,33,182,0.4); }
    @media (max-width: 768px) { .slider-btn { width: 36px; height: 36px; opacity: 1; } .slider-dot { width: 8px; height: 8px; } .slider-dot.active { width: 20px; } }
    @media (min-width: 769px) { #slideshow { overflow-x: hidden; } .slider-shell.shell-mobile { display: none; } .slider-shell.shell-desktop { display: block; max-width: none; width: 100vw; margin-left: calc(50% - 50vw); aspect-ratio: 16/9; } .slider-slide img { width: 100%; height: 100%; object-fit: cover; } }

/* ===== EIQAA ASSISTANT CHATBOT ===== */
    #eqChatLauncher{position:fixed;bottom:22px;left:22px;z-index:150;width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,#7C3AED,#3B0A5E);border:2px solid rgba(245,183,0,.65);box-shadow:0 10px 30px rgba(0,0,0,.45),0 0 24px rgba(139,92,246,.35);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .3s,box-shadow .3s;}
    #eqChatLauncher:hover{transform:scale(1.1);box-shadow:0 12px 36px rgba(0,0,0,.5),0 0 34px rgba(245,183,0,.3);}
    #eqChatLauncher .iconify{width:28px;height:28px;color:#fff;}
    #eqChatLauncher .eq-badge{position:absolute;top:-3px;right:-3px;width:15px;height:15px;border-radius:50%;background:#F5B700;border:2px solid #0D0018;}
    #eqChatWindow{position:fixed;bottom:92px;left:22px;z-index:150;width:min(372px,calc(100vw - 36px));height:min(560px,calc(100vh - 150px));display:none;flex-direction:column;border-radius:18px;overflow:hidden;background:linear-gradient(170deg,#1E1B4B 0%,#0D0018 100%);border:1px solid rgba(139,92,246,.45);box-shadow:0 26px 80px rgba(0,0,0,.6),0 0 44px rgba(139,92,246,.18);font-family:'Cairo','Inter',sans-serif;}
    #eqChatWindow.open{display:flex;animation:eqIn .3s ease;}
    @keyframes eqIn{from{opacity:0;transform:translateY(14px) scale(.97);}to{opacity:1;transform:none;}}
    #eqChatHeader{display:flex;align-items:center;gap:10px;padding:12px 14px;background:linear-gradient(135deg,#3B0A5E 0%,#5B21B6 100%);border-bottom:1px solid rgba(245,183,0,.25);}
    #eqChatHeader img{width:38px;height:38px;border-radius:11px;object-fit:cover;border:1px solid rgba(245,183,0,.55);}
    #eqChatHeaderTitles{flex:1;min-width:0;}
    #eqChatHeaderTitle{color:#fff;font-weight:800;font-size:14px;line-height:1.2;margin:0;}
    #eqChatHeaderSub{color:rgba(255,255,255,.8);font-size:10px;display:flex;align-items:center;gap:4px;margin:2px 0 0;}
    #eqChatHeaderSub .eq-dot{width:7px;height:7px;border-radius:50%;background:#25D366;display:inline-block;}
    #eqChatClose{margin-inline-start:auto;width:30px;height:30px;border-radius:9px;border:none;background:rgba(255,255,255,.08);color:#fff;cursor:pointer;font-size:15px;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .2s;}
    #eqChatClose:hover{background:rgba(255,255,255,.18);}
    #eqChatMessages{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:9px;scrollbar-width:thin;}
    .eq-msg{max-width:84%;padding:9px 12px;border-radius:14px;font-size:13px;line-height:1.6;white-space:pre-wrap;word-wrap:break-word;animation:eqIn .25s ease;}
    .eq-msg.bot{align-self:flex-start;background:rgba(139,92,246,.16);border:1px solid rgba(139,92,246,.3);color:#F3EEFF;border-bottom-left-radius:4px;}
    .eq-msg.user{align-self:flex-end;background:linear-gradient(135deg,#F5B700,#E5A800);color:#1A1A1A;font-weight:600;border-bottom-right-radius:4px;}
    #eqChatQuick{display:flex;flex-wrap:wrap;gap:6px;padding:2px 12px 10px;}
    .eq-chip{border:1px solid rgba(245,183,0,.5);background:rgba(245,183,0,.08);color:#F5B700;font-size:11.5px;font-weight:700;padding:6px 11px;border-radius:999px;cursor:pointer;transition:all .2s;}
    .eq-chip:hover{background:rgba(245,183,0,.22);transform:translateY(-1px);}
    #eqChatForm{display:flex;gap:8px;padding:10px 12px 12px;border-top:1px solid rgba(255,255,255,.09);}
    #eqChatInput{flex:1;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:11px;padding:10px 13px;color:#fff;font-size:13px;outline:none;transition:border-color .2s;font-family:inherit;}
    #eqChatInput:focus{border-color:#7C3AED;}
    #eqChatInput::placeholder{color:rgba(255,255,255,.4);}
    #eqChatSend{width:44px;border-radius:11px;border:none;background:linear-gradient(135deg,#F5B700,#D49500);color:#1A1A1A;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s;}
    #eqChatSend:hover{transform:scale(1.06);}
    #eqChatSend .iconify{width:18px;height:18px;}
    .eq-typing{display:inline-flex;gap:4px;align-items:center;padding:12px 14px;}
    .eq-typing span{width:6px;height:6px;border-radius:50%;background:#BE9FFF;animation:eqBlink 1.2s infinite;}
    .eq-typing span:nth-child(2){animation-delay:.2s;}
    .eq-typing span:nth-child(3){animation-delay:.4s;}
    @keyframes eqBlink{0%,80%,100%{opacity:.25;}40%{opacity:1;}}
    @media (max-width:640px){#eqChatLauncher{bottom:16px;left:16px;}#eqChatWindow{bottom:84px;left:16px;}}