
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800;900&display=swap');

/* WordPress.com-safe adjustments */
.numu-site .numu-site .numu-nav{position:sticky;top:0;background:rgba(7,12,18,.95);backdrop-filter:blur(18px);border-bottom:1px solid var(--border2);box-shadow:0 4px 30px rgba(0,0,0,.35)}
.numu-site .reveal,.numu-site .reveal-l,.numu-site .reveal-r{opacity:1!important;transform:none!important;transition:none!important}
.numu-site .numu-menu-toggle{position:absolute;opacity:0;pointer-events:none}
.numu-site .ham{cursor:pointer}
.numu-site .numu-menu-toggle:checked + .ham span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.numu-site .numu-menu-toggle:checked + .ham span:nth-child(2){opacity:0}
.numu-site .numu-menu-toggle:checked + .ham span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.numu-site:has(.numu-menu-toggle:checked) #numu-mobile-menu{display:flex}
.numu-site #numu-mobile-menu{position:fixed;inset:0;z-index:999;background:rgba(7,12,18,.98);backdrop-filter:blur(20px);flex-direction:column;align-items:center;justify-content:center;gap:28px}
.numu-site .entry-content,.numu-site .wp-block-html{max-width:none!important}
@supports not selector(:has(*)){
  .numu-site #numu-mobile-menu{display:none!important}
}


.numu-site{
  --bg:        #070c12;
  --bg2:       #0c1520;
  --bg3:       #111d2b;
  --teal:      #00d4aa;
  --teal2:     #00b892;
  --teal-glow: rgba(0,212,170,0.15);
  --teal-faint:rgba(0,212,170,0.07);
  --cyan:      #0ef5d8;
  --white:     #eef6ff;
  --muted:     #5e7d96;
  --muted2:    #8ba8bf;
  --border:    rgba(0,212,170,0.14);
  --border2:   rgba(255,255,255,0.07);
  --card-bg:   rgba(12,21,32,0.9);
  --r:         14px;
  --r-sm:      10px;
  --tr:        0.28s cubic-bezier(.4,0,.2,1);
  --font:      'Cairo', sans-serif;
}.numu-site,.numu-site *{box-sizing:border-box;margin:0;padding:0}.numu-site{font-family:var(--font);background:var(--bg);color:var(--white);direction:rtl;overflow-x:hidden;-webkit-font-smoothing:antialiased;line-height:1.7;width:100%;position:relative}.numu-site a{text-decoration:none;color:inherit}.numu-site ul{list-style:none}.numu-site img{max-width:100%;display:block}
.numu-site .numu-container{width:100%;max-width:1200px;margin:0 auto;padding:0 28px}.numu-site .sec{padding:100px 0}.numu-site .sec-sm{padding:70px 0}.numu-site .tc{text-align:center}.numu-site .teal{color:var(--teal)}
.numu-site h1{font-size:clamp(2.4rem,5.5vw,4rem);font-weight:900;line-height:1.15;letter-spacing:-0.01em}.numu-site h2{font-size:clamp(1.7rem,3.5vw,2.6rem);font-weight:800;line-height:1.2}.numu-site h3{font-size:1.05rem;font-weight:700}.numu-site p{color:var(--muted2);font-size:0.95rem;line-height:1.8}.numu-site .label{display:inline-flex;align-items:center;gap:7px;font-size:0.78rem;font-weight:700;letter-spacing:0;color:var(--teal);text-transform:none;margin-bottom:14px}
.numu-site .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font);font-weight:700;font-size:0.9rem;border-radius:50px;padding:13px 28px;cursor:pointer;border:none;transition:var(--tr);white-space:nowrap}.numu-site .btn-primary{background:var(--teal);color:#06111a}.numu-site .btn-primary:hover{background:var(--cyan);transform:translateY(-2px);box-shadow:0 8px 28px rgba(0,212,170,0.3)}.numu-site .btn-ghost{background:transparent;color:var(--white);border:1.5px solid var(--border2)}.numu-site .btn-ghost:hover{border-color:var(--teal);color:var(--teal);transform:translateY(-2px)}.numu-site .btn-sm{padding:10px 22px;font-size:0.84rem}
.numu-site .numu-nav{position:fixed;top:0;inset-inline:0;z-index:1000;padding:20px 0;transition:background .4s,padding .4s,box-shadow .4s}.numu-site .numu-nav.s{background:rgba(7,12,18,.95);backdrop-filter:blur(18px);padding:13px 0;border-bottom:1px solid var(--border2);box-shadow:0 4px 30px rgba(0,0,0,.5)}.numu-site .nav-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.numu-site .logo{font-size:1.65rem;font-weight:900;color:var(--white)}.numu-site .logo span{color:var(--teal)}.numu-site .nav-links{display:flex;align-items:center;gap:34px}.numu-site .nav-links a{font-size:0.88rem;font-weight:600;color:var(--muted2);transition:color .2s}.numu-site .nav-links a:hover{color:var(--white)}.numu-site .nav-right{display:flex;align-items:center;gap:12px}.numu-site .ham{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:5px}.numu-site .ham span{width:22px;height:2px;background:var(--white);border-radius:2px;transition:var(--tr)}.numu-site .ham.x span:nth-child(1){transform:translateY(7px) rotate(45deg)}.numu-site .ham.x span:nth-child(2){opacity:0}.numu-site .ham.x span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.numu-site .mob-menu{display:none;position:fixed;inset:0;z-index:999;background:rgba(7,12,18,.98);backdrop-filter:blur(20px);flex-direction:column;align-items:center;justify-content:center;gap:28px}.numu-site .mob-menu.open{display:flex}.numu-site .mob-menu a{font-size:1.4rem;font-weight:700;color:var(--white)}.numu-site .mob-menu a:hover{color:var(--teal)}
.numu-site #hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding-top:90px;text-align:center}.numu-site .hero-orb{position:absolute;top:-120px;left:50%;transform:translateX(-50%);width:700px;height:700px;border-radius:50%;background:radial-gradient(circle at 50% 40%, rgba(0,212,170,0.22) 0%, rgba(0,212,170,0.04) 50%, transparent 70%);filter:blur(30px);pointer-events:none;animation:pulse 6s ease-in-out infinite}.numu-site .hero-orb2{position:absolute;top:-60px;left:50%;transform:translateX(-50%);width:420px;height:420px;border-radius:50%;border:1px solid rgba(0,212,170,0.12);pointer-events:none}.numu-site .hero-orb3{position:absolute;top:-20px;left:50%;transform:translateX(-50%);width:260px;height:260px;border-radius:50%;border:1px solid rgba(0,212,170,0.18);pointer-events:none}.numu-site .hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(0,212,170,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,170,0.03) 1px,transparent 1px);background-size:50px 50px;pointer-events:none}
@keyframes pulse{0%,100%{opacity:1;transform:translateX(-50%) scale(1)}50%{opacity:.7;transform:translateX(-50%) scale(1.06)}}.numu-site .hero-inner{position:relative;z-index:2;max-width:820px;margin:0 auto}.numu-site .hero-chip{display:inline-flex;align-items:center;gap:8px;background:var(--teal-glow);border:1px solid var(--border);color:var(--teal);font-size:0.78rem;font-weight:700;padding:7px 18px;border-radius:50px;margin-bottom:28px}.numu-site .hero-chip svg{width:12px;height:12px;fill:var(--teal)}.numu-site .hero-desc{color:var(--muted2);font-size:1.05rem;max-width:580px;margin:20px auto 36px}.numu-site .hero-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.numu-site .hero-partners{margin-top:70px;padding-top:40px;border-top:1px solid var(--border2)}.numu-site .hero-partners p{font-size:0.78rem;color:var(--muted);margin-bottom:20px;letter-spacing:0.05em;text-transform:none}.numu-site .partners-row{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:36px}.numu-site .partner-item{display:flex;align-items:center;gap:8px;color:var(--muted);font-weight:700;font-size:0.88rem;opacity:.55;transition:opacity .2s;filter:grayscale(1)}.numu-site .partner-item:hover{opacity:.85;filter:none}.numu-site .partner-item svg{width:22px;height:22px}
.numu-site .sh{text-align:center;max-width:640px;margin:0 auto 60px}.numu-site .sh p{margin-top:12px;font-size:1rem}
.numu-site #services{background:linear-gradient(180deg,var(--bg) 0%,var(--bg2) 100%)}.numu-site .svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.numu-site .svc-card{background:var(--bg3);border:1px solid var(--border2);border-radius:var(--r);padding:30px 26px;transition:var(--tr);position:relative;overflow:hidden;cursor:default}.numu-site .svc-card:hover{border-color:var(--border);transform:translateY(-4px);box-shadow:0 20px 50px rgba(0,0,0,.35)}.numu-site .svc-icon{width:48px;height:48px;border-radius:12px;background:var(--teal-glow);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;margin-bottom:18px;color:var(--teal);transition:var(--tr)}.numu-site .svc-card:hover .svc-icon{background:var(--teal);color:#06111a;border-color:var(--teal)}.numu-site .svc-icon svg{width:22px;height:22px;fill:currentColor}.numu-site .svc-card h3{margin-bottom:8px;font-size:1rem;font-weight:700}.numu-site .svc-card p{font-size:0.85rem;line-height:1.75}.numu-site .svc-more{margin-top:40px;text-align:center}
.numu-site #expertise{background:var(--bg2)}.numu-site .exp-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.numu-site .exp-visual{position:relative;border-radius:var(--r);overflow:hidden;border:1px solid var(--border2)}.numu-site .exp-visual-inner{background:var(--bg3);padding:36px;border-radius:var(--r);position:relative}.numu-site .exp-chart-wrap{display:flex;flex-direction:column;gap:22px}.numu-site .exp-bar-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:0.88rem;font-weight:600}.numu-site .exp-bar-track{height:6px;background:var(--border2);border-radius:3px;overflow:hidden}.numu-site .exp-bar-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--teal2),var(--teal));transition:width 1.4s cubic-bezier(.4,0,.2,1);width:0}.numu-site .exp-orb{position:absolute;bottom:-30px;left:-30px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(0,212,170,0.2),transparent 70%);filter:blur(20px);pointer-events:none}.numu-site .exp-text h2{margin-bottom:14px}.numu-site .exp-text p{margin-bottom:28px}.numu-site .exp-pillars{display:flex;flex-direction:column;gap:16px;margin-top:28px}.numu-site .exp-pillar{display:flex;gap:14px;align-items:flex-start;padding:18px 20px;background:var(--bg3);border:1px solid var(--border2);border-radius:var(--r-sm);transition:var(--tr)}.numu-site .exp-pillar:hover{border-color:var(--border)}.numu-site .exp-pillar-icon{width:40px;height:40px;min-width:40px;border-radius:10px;background:var(--teal-glow);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--teal)}.numu-site .exp-pillar-icon svg{width:18px;height:18px;fill:currentColor}.numu-site .exp-pillar h3{font-size:0.9rem;margin-bottom:3px}.numu-site .exp-pillar p{font-size:0.82rem}
.numu-site #process{background:var(--bg)}.numu-site .proc-list{display:flex;flex-direction:column;gap:0;max-width:880px;margin:0 auto;position:relative}.numu-site .proc-row{display:grid;grid-template-columns:1fr 80px 1fr;gap:0;align-items:center;padding:20px 0}.numu-site .proc-content{padding:28px 32px;background:var(--bg3);border:1px solid var(--border2);border-radius:var(--r);transition:var(--tr)}.numu-site .proc-content:hover{border-color:var(--border);transform:scale(1.01)}.numu-site .proc-content h3{font-size:1rem;font-weight:700;margin-bottom:6px}.numu-site .proc-content p{font-size:0.85rem}.numu-site .proc-spacer{display:flex;align-items:center;justify-content:center}.numu-site .proc-dot{width:52px;height:52px;border-radius:50%;background:var(--bg3);border:2px solid var(--teal);display:flex;align-items:center;justify-content:center;color:var(--teal);font-weight:900;font-size:1rem;box-shadow:0 0 20px rgba(0,212,170,0.25);z-index:1;position:relative}.numu-site .proc-dot-inner{width:36px;height:36px;border-radius:50%;background:var(--teal-glow);display:flex;align-items:center;justify-content:center}.numu-site .proc-dot-inner svg{width:18px;height:18px;fill:var(--teal)}.numu-site .proc-empty{/* empty side */}.numu-site .proc-row:nth-child(even) .proc-content{order:3}.numu-site .proc-row:nth-child(even) .proc-empty{order:1}.numu-site .proc-row:nth-child(even) .proc-spacer{order:2}.numu-site .proc-row:nth-child(odd) .proc-content{order:1}.numu-site .proc-row:nth-child(odd) .proc-empty{order:3}.numu-site .proc-row:nth-child(odd) .proc-spacer{order:2}.numu-site .proc-tag{display:inline-block;font-size:0.72rem;font-weight:700;color:var(--teal);background:var(--teal-glow);padding:3px 10px;border-radius:50px;margin-bottom:8px}
.numu-site #testimonial{background:var(--bg2)}.numu-site .testi-wrap{display:grid;grid-template-columns:1fr 1.6fr;gap:32px;align-items:stretch;max-width:900px;margin:0 auto}.numu-site .testi-left{background:linear-gradient(135deg,var(--teal2),var(--teal));border-radius:var(--r);padding:36px;display:flex;flex-direction:column;justify-content:space-between}.numu-site .testi-rating-num{font-size:3rem;font-weight:900;color:#06111a;line-height:1}.numu-site .testi-stars{display:flex;gap:4px;margin:10px 0}.numu-site .testi-stars svg{width:18px;height:18px;fill:#06111a}.numu-site .testi-left p{color:rgba(6,17,26,.75);font-size:0.88rem;font-weight:600}.numu-site .testi-left .tl-label{font-size:0.78rem;opacity:.7;margin-top:4px}.numu-site .testi-right{background:var(--bg3);border:1px solid var(--border2);border-radius:var(--r);padding:36px;display:flex;flex-direction:column;justify-content:space-between}.numu-site .testi-quote-icon{color:var(--teal);margin-bottom:16px}.numu-site .testi-quote-icon svg{width:32px;height:32px;fill:currentColor;opacity:.5}.numu-site .testi-text{font-size:0.95rem;color:var(--muted2);line-height:1.85;margin-bottom:24px;flex:1}.numu-site .testi-author{display:flex;align-items:center;gap:14px;padding-top:20px;border-top:1px solid var(--border2)}.numu-site .testi-avatar{width:44px;height:44px;border-radius:50%;background:var(--teal-glow);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--teal)}.numu-site .testi-avatar svg{width:20px;height:20px;fill:currentColor}.numu-site .testi-name{font-weight:700;font-size:0.9rem}.numu-site .testi-role{font-size:0.78rem;color:var(--muted);margin-top:2px}
.numu-site #cta{background:var(--bg);position:relative;overflow:hidden}.numu-site .cta-orb{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(0,212,170,0.09),transparent 70%);filter:blur(40px);pointer-events:none}.numu-site .cta-inner{position:relative;z-index:1;text-align:center;border:1px solid var(--border2);border-radius:20px;padding:70px 40px;background:rgba(12,21,32,0.6);backdrop-filter:blur(10px)}.numu-site .cta-inner h2{margin-bottom:14px}.numu-site .cta-inner p{margin-bottom:32px;max-width:480px;margin-left:auto;margin-right:auto}.numu-site .cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.numu-site footer{background:#040810;border-top:1px solid var(--border2);padding:64px 0 30px}.numu-site .footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:52px}.numu-site .footer-logo{font-size:1.75rem;font-weight:900;margin-bottom:14px}.numu-site .footer-logo span{color:var(--teal)}.numu-site .footer-desc{font-size:0.85rem;color:var(--muted);line-height:1.85;max-width:240px}.numu-site .footer-social{display:flex;gap:10px;margin-top:22px}.numu-site .fsoc{width:36px;height:36px;border-radius:9px;background:var(--bg3);border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;color:var(--muted2);transition:var(--tr);cursor:pointer}.numu-site .fsoc:hover{border-color:var(--teal);color:var(--teal)}.numu-site .fsoc svg{width:15px;height:15px;fill:currentColor}.numu-site .footer-col h4{font-size:0.88rem;font-weight:700;color:var(--white);margin-bottom:18px}.numu-site .footer-col ul{display:flex;flex-direction:column;gap:10px}.numu-site .footer-col ul a{font-size:0.84rem;color:var(--muted);transition:color .2s}.numu-site .footer-col ul a:hover{color:var(--teal)}.numu-site .footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:26px;border-top:1px solid var(--border2);font-size:0.8rem;color:var(--muted);flex-wrap:wrap;gap:10px}
.numu-site .reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}.numu-site .reveal.in{opacity:1;transform:none}.numu-site .reveal-l{opacity:0;transform:translateX(28px);transition:opacity .7s ease,transform .7s ease}.numu-site .reveal-l.in{opacity:1;transform:none}.numu-site .reveal-r{opacity:0;transform:translateX(-28px);transition:opacity .7s ease,transform .7s ease}.numu-site .reveal-r.in{opacity:1;transform:none}.numu-site .d1{transition-delay:.1s}.numu-site .d2{transition-delay:.18s}.numu-site .d3{transition-delay:.26s}.numu-site .d4{transition-delay:.34s}.numu-site .d5{transition-delay:.42s}.numu-site .d6{transition-delay:.5s}
@media(max-width:960px){.numu-site .svc-grid{grid-template-columns:repeat(2,1fr)}.numu-site .exp-grid{grid-template-columns:1fr}.numu-site .exp-visual{display:none}.numu-site .footer-grid{grid-template-columns:1fr 1fr}.numu-site .testi-wrap{grid-template-columns:1fr}
}
@media(max-width:680px){.numu-site .svc-grid{grid-template-columns:1fr}.numu-site .nav-links,.numu-site .nav-right .btn-ghost{display:none}.numu-site .ham{display:flex}.numu-site .numu-site h1{font-size:2.1rem}.numu-site .hero-orb{width:400px;height:400px}.numu-site .proc-row{grid-template-columns:1fr;gap:12px}.numu-site .proc-empty{display:none}.numu-site .proc-row:nth-child(even) .proc-content,.numu-site .proc-row:nth-child(odd) .proc-content{order:2}.numu-site .proc-spacer{order:1!important;justify-content:flex-start;padding-right:4px}.numu-site .footer-grid{grid-template-columns:1fr}.numu-site .testi-wrap{grid-template-columns:1fr}.numu-site .hero-btns{flex-direction:column;align-items:center}
}

/* ===== SPLIT VERSION FIXES: Full width + separate header/footer + mobile optimization ===== */
.numu-site{width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;overflow-x:clip;background:var(--bg);color:var(--white);font-family:var(--font);direction:rtl;line-height:1.7;}
.numu-site .numu-container{width:min(100% - 40px,1200px)!important;max-width:1200px!important;margin-inline:auto!important;padding-inline:0!important;}
.numu-header-wrap{position:sticky!important;top:0!important;z-index:99999!important;background:rgba(7,12,18,.96)!important;backdrop-filter:blur(18px)!important;border-bottom:1px solid var(--border2)!important;}
.admin-bar .numu-header-wrap{top:32px!important;}
.numu-site .numu-nav{position:relative!important;top:auto!important;inset-inline:auto!important;padding:14px 0!important;background:transparent!important;box-shadow:none!important;border-bottom:0!important;}
.numu-site .nav-inner{min-height:58px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;direction:rtl!important;}
.numu-site .logo{font-size:1.7rem!important;font-weight:900!important;line-height:1!important;white-space:nowrap!important;}
.numu-site .nav-links{display:flex!important;align-items:center!important;justify-content:center!important;gap:30px!important;flex:1!important;}
.numu-site .nav-links a{font-size:.9rem!important;font-weight:700!important;color:var(--muted2)!important;}
.numu-site .nav-links a:hover{color:var(--white)!important;}
.numu-site .nav-right{display:flex!important;align-items:center!important;gap:12px!important;white-space:nowrap!important;}
.numu-site .numu-mobile-nav{display:none!important;position:relative!important;}
.numu-site .numu-mobile-nav summary{list-style:none!important;}
.numu-site .numu-mobile-nav summary::-webkit-details-marker{display:none!important;}
.numu-site .ham{width:42px!important;height:42px!important;border:1px solid var(--border2)!important;border-radius:12px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;cursor:pointer!important;background:rgba(255,255,255,.03)!important;}
.numu-site .ham span{width:20px!important;height:2px!important;background:var(--white)!important;border-radius:2px!important;transition:var(--tr)!important;}
.numu-site .numu-mobile-nav[open] .ham span:nth-child(1){transform:translateY(7px) rotate(45deg)!important}.numu-site .numu-mobile-nav[open] .ham span:nth-child(2){opacity:0!important}.numu-site .numu-mobile-nav[open] .ham span:nth-child(3){transform:translateY(-7px) rotate(-45deg)!important}
.numu-site .mob-menu{display:flex!important;position:absolute!important;top:calc(100% + 10px)!important;left:0!important;right:auto!important;z-index:100000!important;min-width:min(320px,calc(100vw - 28px))!important;background:rgba(7,12,18,.98)!important;border:1px solid var(--border2)!important;border-radius:18px!important;box-shadow:0 24px 70px rgba(0,0,0,.45)!important;padding:18px!important;flex-direction:column!important;gap:10px!important;align-items:stretch!important;backdrop-filter:blur(20px)!important;}
.numu-site .mob-menu a{padding:13px 14px!important;border-radius:12px!important;background:rgba(255,255,255,.03)!important;font-weight:800!important;text-align:center!important;color:var(--white)!important;}
.numu-content-wrap #hero{min-height:calc(100svh - 88px)!important;padding-top:70px!important;}
.numu-content-wrap section{width:100%!important;overflow:hidden!important;}
.numu-site .reveal,.numu-site .reveal-l,.numu-site .reveal-r{opacity:1!important;transform:none!important;transition:none!important}.numu-site .exp-bar-fill{width:85%!important}.numu-site .exp-bar-fill[data-w="90%"]{width:90%!important}.numu-site .exp-bar-fill[data-w="88%"]{width:88%!important}.numu-site .exp-bar-fill[data-w="80%"]{width:80%!important}.numu-site .exp-bar-fill[data-w="75%"]{width:75%!important}
body .elementor-widget-html,body .elementor-widget-html .elementor-widget-container,body .wp-block-html,body .entry-content,body .wp-block-post-content{max-width:100%!important;width:100%!important;padding:0!important;margin:0!important;}
body .elementor-section,body .elementor-container,body .elementor-column,body .elementor-widget-wrap{max-width:100%!important;}
@media (max-width:1024px){.numu-site .nav-links{gap:18px!important}.numu-site .nav-links a{font-size:.84rem!important}.numu-site .nav-right .btn-ghost{display:none!important}.numu-site .svc-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.numu-site .exp-grid{grid-template-columns:1fr!important;gap:36px!important}.numu-site .exp-visual{display:none!important}.numu-site .footer-grid{grid-template-columns:1fr 1fr!important}.numu-site .testi-wrap{grid-template-columns:1fr!important}}
@media (max-width:760px){.admin-bar .numu-header-wrap{top:0!important}.numu-site .numu-container{width:min(100% - 28px,1200px)!important}.numu-site .nav-links,.numu-site .nav-right{display:none!important}.numu-site .numu-mobile-nav{display:block!important}.numu-site .nav-inner{min-height:54px!important}.numu-site .logo{font-size:1.45rem!important}.numu-site .sec{padding:70px 0!important}.numu-site h1{font-size:clamp(2rem,12vw,3rem)!important;line-height:1.18!important}.numu-site h2{font-size:clamp(1.45rem,8vw,2.1rem)!important}.numu-site p{font-size:.9rem!important}.numu-site .hero-desc{font-size:.95rem!important}.numu-site .hero-btns,.numu-site .cta-btns{flex-direction:column!important;align-items:stretch!important}.numu-site .btn{width:100%!important;padding:13px 18px!important}.numu-site .hero-partners{margin-top:44px!important}.numu-site .partners-row{gap:16px!important}.numu-site .partner-item{font-size:.78rem!important}.numu-site .svc-grid{grid-template-columns:1fr!important}.numu-site .svc-card{padding:24px 20px!important}.numu-site .proc-row{grid-template-columns:1fr!important;gap:12px!important;padding:12px 0!important}.numu-site .proc-empty{display:none!important}.numu-site .proc-content{order:2!important;padding:22px 20px!important}.numu-site .proc-spacer{order:1!important;justify-content:flex-start!important;padding-inline-start:4px!important}.numu-site .testi-left,.numu-site .testi-right{padding:26px 22px!important}.numu-site .testi-author{align-items:flex-start!important;flex-wrap:wrap!important}.numu-site .cta-inner{padding:46px 20px!important;border-radius:16px!important}.numu-site .footer-grid{grid-template-columns:1fr!important;gap:28px!important}.numu-site .footer-bottom{flex-direction:column!important;align-items:flex-start!important}.numu-site .footer-desc{max-width:none!important}.numu-site .footer-social{flex-wrap:wrap!important}}
@media (max-width:420px){.numu-site .numu-container{width:min(100% - 22px,1200px)!important}.numu-content-wrap #hero{padding-top:46px!important}.numu-site .hero-chip{font-size:.72rem!important;padding:7px 12px!important}.numu-site .label{font-size:.72rem!important}.numu-site .proc-dot{width:46px!important;height:46px!important}.numu-site .proc-dot-inner{width:32px!important;height:32px!important}}

/* ===== FINAL CLEANUP: Cairo font + mobile padding + no pseudo lines ===== */
.numu-site,
.numu-site * {
  font-family: 'Cairo', Arial, sans-serif !important;
}
.numu-site .numu-container {
  width: 100% !important;
  max-width: 1200px !important;
  margin-inline: auto !important;
  padding-inline: 28px !important;
}
.numu-site .label {
  gap: 0 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
.numu-site .svc-card {
  background: linear-gradient(180deg, rgba(17,29,43,.98), rgba(12,21,32,.98)) !important;
}
.numu-site .proc-list {
  gap: 18px !important;
}
@media (max-width: 760px) {
  .numu-site .numu-container {
    width: 100% !important;
    padding-inline: 22px !important;
  }
  .numu-site .sec {
    padding-block: 64px !important;
  }
  .numu-site .sh {
    margin-bottom: 36px !important;
  }
  .numu-site .svc-grid,
  .numu-site .exp-pillars,
  .numu-site .proc-list {
    gap: 16px !important;
  }
  .numu-site .svc-card,
  .numu-site .exp-pillar,
  .numu-site .proc-content,
  .numu-site .testi-left,
  .numu-site .testi-right {
    padding: 22px 18px !important;
  }
  .numu-site .cta-inner {
    padding: 42px 18px !important;
  }
  .numu-site .footer-grid {
    gap: 26px !important;
  }
}
@media (max-width: 420px) {
  .numu-site .numu-container {
    padding-inline: 16px !important;
  }
  .numu-site .svc-card,
  .numu-site .exp-pillar,
  .numu-site .proc-content,
  .numu-site .testi-left,
  .numu-site .testi-right,
  .numu-site .cta-inner {
    padding-inline: 16px !important;
  }
}

/* =========================================================
   NUMU FINAL OVERRIDES - Cairo, brand colors, hero gradient
   ========================================================= */
.numu-site{
  --bg:#070c12!important;--bg2:#0c1520!important;--bg3:#111d2b!important;
  --teal:#00d4aa!important;--teal2:#00b892!important;--teal-glow:rgba(0,212,170,0.15)!important;--teal-faint:rgba(0,212,170,0.07)!important;
  --cyan:#0ef5d8!important;--white:#eef6ff!important;--muted:#5e7d96!important;--muted2:#8ba8bf!important;
  --border:rgba(0,212,170,0.14)!important;--border2:rgba(255,255,255,0.07)!important;--card-bg:rgba(12,21,32,0.9)!important;
  --r:14px!important;--r-sm:10px!important;--tr:0.28s cubic-bezier(.4,0,.2,1)!important;--font:'Cairo',sans-serif!important;
  font-family:var(--font)!important;color:var(--white)!important;background:var(--bg)!important;
}
.numu-site,.numu-site *{font-family:var(--font)!important;box-sizing:border-box!important;}
.numu-site h1,.numu-site h2,.numu-site h3,.numu-site h4,.numu-site h5,.numu-site h6,
.numu-site .logo,.numu-site .footer-logo,.numu-site .testi-name{
  color:var(--white)!important;text-shadow:none!important;opacity:1!important;
}
.numu-site p,.numu-site li,.numu-site .nav-links a,.numu-site .footer-col ul a{color:var(--muted2)!important;}
.numu-site .teal,.numu-site .logo span,.numu-site .footer-logo span,.numu-site .label,.numu-site .proc-tag{color:var(--teal)!important;}

/* Full-width WordPress/Elementor fix */
.numu-site{width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;overflow-x:clip!important;}
.numu-site .container,.numu-site .numu-container{width:min(100% - 56px,1200px)!important;max-width:1200px!important;margin-inline:auto!important;padding-inline:0!important;}
.elementor-section,.elementor-container,.elementor-widget-wrap,.elementor-widget-html,.elementor-widget-container,.entry-content,.wp-block-post-content,.wp-block-html{max-width:100%!important;width:100%!important;}

/* Header */
.numu-header-wrap{position:sticky!important;top:0!important;z-index:99999!important;background:rgba(7,12,18,.96)!important;backdrop-filter:blur(18px)!important;border-bottom:1px solid var(--border2)!important;}
.numu-site .numu-nav{position:relative!important;top:auto!important;inset-inline:auto!important;background:transparent!important;box-shadow:none!important;border:0!important;padding:14px 0!important;}
.numu-site .nav-inner{min-height:58px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:22px!important;}
.numu-site .nav-links{display:flex!important;align-items:center!important;justify-content:center!important;gap:30px!important;flex:1!important;}
.numu-site .nav-right{display:flex!important;align-items:center!important;gap:12px!important;white-space:nowrap!important;}
.numu-site .numu-mobile-nav{display:none!important;position:relative!important;}
.numu-site .numu-mobile-nav summary{list-style:none!important;}
.numu-site .numu-mobile-nav summary::-webkit-details-marker{display:none!important;}
.numu-site .mob-menu{position:absolute!important;top:calc(100% + 12px)!important;left:0!important;right:auto!important;min-width:min(320px,calc(100vw - 28px))!important;background:rgba(7,12,18,.98)!important;border:1px solid var(--border2)!important;border-radius:18px!important;box-shadow:0 24px 70px rgba(0,0,0,.45)!important;padding:16px!important;display:flex!important;flex-direction:column!important;gap:10px!important;align-items:stretch!important;backdrop-filter:blur(20px)!important;}
.numu-site .mob-menu a{padding:13px 14px!important;border-radius:12px!important;background:rgba(255,255,255,.03)!important;font-weight:800!important;text-align:center!important;color:var(--white)!important;}

/* Hero: removes circles and replaces with clean gradient */
.numu-site #hero{
  min-height:calc(100svh - 87px)!important;display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;overflow:hidden!important;text-align:center!important;padding:90px 0 80px!important;
  background:radial-gradient(circle at 50% 15%,rgba(0,212,170,.18) 0%,transparent 36%),radial-gradient(circle at 80% 25%,rgba(14,245,216,.08) 0%,transparent 32%),linear-gradient(180deg,var(--bg2) 0%,var(--bg) 52%,#050910 100%)!important;
}
.numu-site .hero-orb,.numu-site .hero-orb2,.numu-site .hero-orb3{display:none!important;visibility:hidden!important;}
.numu-site .hero-grid{position:absolute!important;inset:0!important;pointer-events:none!important;opacity:.28!important;background-image:linear-gradient(rgba(0,212,170,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,170,.035) 1px,transparent 1px)!important;background-size:50px 50px!important;}
.numu-site .hero-inner{position:relative!important;z-index:2!important;max-width:820px!important;margin:0 auto!important;}
.numu-site .hero-chip{display:inline-flex!important;align-items:center!important;gap:8px!important;background:var(--teal-glow)!important;border:1px solid var(--border)!important;color:var(--teal)!important;font-size:.78rem!important;font-weight:800!important;padding:7px 18px!important;border-radius:50px!important;margin-bottom:28px!important;}
.numu-site .hero-desc{color:var(--muted2)!important;font-size:1.05rem!important;max-width:580px!important;margin:20px auto 36px!important;line-height:1.9!important;}
.numu-site .hero-btns{display:flex!important;gap:14px!important;justify-content:center!important;flex-wrap:wrap!important;}

/* Cards and sections */
.numu-site .svc-card,.numu-site .exp-pillar,.numu-site .proc-content,.numu-site .testi-right{background:var(--bg3)!important;border-color:var(--border2)!important;}
.numu-site .svc-card:hover,.numu-site .exp-pillar:hover,.numu-site .proc-content:hover{border-color:var(--border)!important;}
.numu-site .exp-orb,.numu-site .cta-orb{display:none!important;}
.numu-site .cta-inner{background:linear-gradient(135deg,rgba(12,21,32,.86),rgba(0,212,170,.06))!important;}
.numu-site .exp-bar-fill{width:100%!important;}

/* Better mobile padding/layout */
@media(max-width:960px){
  .numu-site .nav-links,.numu-site .nav-right{display:none!important;}
  .numu-site .numu-mobile-nav{display:block!important;}
}
@media(max-width:680px){
  .numu-site .container,.numu-site .numu-container{width:min(100% - 32px,1200px)!important;}
  .numu-site .sec{padding:72px 0!important;}
  .numu-site h1{font-size:2.25rem!important;line-height:1.18!important;}
  .numu-site h2{font-size:1.75rem!important;line-height:1.25!important;}
  .numu-site p{font-size:.9rem!important;}
  .numu-site #hero{min-height:auto!important;padding:78px 0 66px!important;}
  .numu-site .hero-desc{font-size:.95rem!important;line-height:1.85!important;}
  .numu-site .hero-btns,.numu-site .cta-btns{flex-direction:column!important;align-items:stretch!important;max-width:320px!important;margin-inline:auto!important;}
  .numu-site .btn{width:100%!important;}
  .numu-site .svc-card{padding:24px 20px!important;}
  .numu-site .proc-content{padding:22px 20px!important;}
  .numu-site .testi-right,.numu-site .testi-left{padding:26px 22px!important;}
  .numu-site .cta-inner{padding:44px 22px!important;}
}


/* PNG LOGO */
.numu-logo{height:34px!important;width:auto!important;max-width:150px!important;display:block!important;object-fit:contain!important}
.numu-logo-footer{height:44px!important;width:auto!important;max-width:170px!important;display:block!important;object-fit:contain!important}
@media(max-width:768px){.numu-logo{height:28px!important;max-width:125px!important}.numu-logo-footer{height:36px!important;max-width:145px!important}}
/* =========================
   NUMU PLANS + COMPARISON
   Add this to your global CSS
========================= */

.numu-plans-section,
.numu-compare-section {
  background: var(--bg, #070c12);
  color: var(--white, #eef6ff);
  font-family: var(--font, 'Cairo', sans-serif) !important;
  direction: rtl;
  padding: 100px 0;
}

.numu-compare-section {
  background: linear-gradient(180deg, var(--bg, #070c12) 0%, var(--bg2, #0c1520) 100%);
  padding-top: 80px;
}

.numu-container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 28px;
}

.numu-section-head {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 48px;
}

.numu-kicker {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--teal, #00d4aa) !important;
  background: var(--teal-glow, rgba(0,212,170,0.15));
  border: 1px solid var(--border, rgba(0,212,170,0.14));
  border-radius: 999px;
  padding: 7px 16px;
  font-weight: 800;
  font-size: 0.78rem;
  margin-bottom: 14px;
}

.numu-section-head h2 {
  color: var(--white, #eef6ff) !important;
  font-size: clamp(1.8rem, 4vw, 2.8rem);
  font-weight: 900;
  line-height: 1.25;
  margin: 0 0 12px;
}

.numu-section-head p {
  color: var(--muted2, #8ba8bf) !important;
  font-size: 1rem;
  line-height: 1.9;
  margin: 0;
}

.numu-plans-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
  align-items: stretch;
}

.numu-plan-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  background: linear-gradient(180deg, rgba(17,29,43,0.96), rgba(12,21,32,0.92));
  border: 1px solid var(--border2, rgba(255,255,255,0.07));
  border-radius: 18px;
  padding: 26px 22px;
  overflow: hidden;
  transition: 0.28s cubic-bezier(.4,0,.2,1);
}

.numu-plan-card:hover {
  transform: translateY(-5px);
  border-color: var(--border, rgba(0,212,170,0.14));
  box-shadow: 0 24px 60px rgba(0,0,0,0.32), 0 0 30px rgba(0,212,170,0.08);
}

.numu-plan-card.is-featured {
  border-color: rgba(0,212,170,0.45);
  box-shadow: 0 0 0 1px rgba(0,212,170,0.1), 0 20px 60px rgba(0,212,170,0.08);
}

.numu-plan-ribbon {
  position: absolute;
  top: 16px;
  left: 16px;
  color: #06111a !important;
  background: var(--teal, #00d4aa);
  border-radius: 999px;
  padding: 5px 12px;
  font-size: 0.72rem;
  font-weight: 900;
}

.numu-plan-badge {
  display: inline-flex;
  width: fit-content;
  color: var(--teal, #00d4aa) !important;
  background: var(--teal-glow, rgba(0,212,170,0.15));
  border: 1px solid var(--border, rgba(0,212,170,0.14));
  border-radius: 999px;
  padding: 4px 12px;
  font-size: 0.75rem;
  font-weight: 800;
  margin-bottom: 14px;
}

.numu-plan-card h3 {
  color: var(--white, #eef6ff) !important;
  font-size: 1.35rem;
  font-weight: 900;
  margin: 0 0 10px;
}

.numu-price {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin: 0 0 14px;
  flex-wrap: wrap;
}

.numu-price strong {
  color: var(--teal, #00d4aa) !important;
  font-size: 2.25rem;
  font-weight: 900;
  line-height: 1;
}

.numu-price span {
  color: var(--muted2, #8ba8bf) !important;
  font-size: 0.9rem;
  font-weight: 700;
}

.numu-plan-top p {
  color: var(--muted2, #8ba8bf) !important;
  min-height: 58px;
  line-height: 1.8;
  margin: 0 0 18px;
}

.numu-plan-card ul {
  list-style: none;
  padding: 18px 0 0;
  margin: 0;
  border-top: 1px solid var(--border2, rgba(255,255,255,0.07));
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex: 1;
}

.numu-plan-card li {
  position: relative;
  color: var(--white, #eef6ff) !important;
  font-size: 0.9rem;
  line-height: 1.65;
  padding-right: 24px;
}

.numu-plan-card li::before {
  content: "✓";
  position: absolute;
  right: 0;
  top: 0;
  color: var(--teal, #00d4aa);
  font-weight: 900;
}

.numu-plan-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 24px;
  width: 100%;
  min-height: 48px;
  border-radius: 999px;
  background: var(--teal, #00d4aa);
  color: #06111a !important;
  font-weight: 900;
  text-decoration: none !important;
  transition: 0.25s ease;
}

.numu-plan-btn:hover {
  background: var(--cyan, #0ef5d8);
  transform: translateY(-2px);
}

.numu-plans-note {
  margin: 26px auto 0;
  padding: 16px 20px;
  border: 1px solid var(--border, rgba(0,212,170,0.14));
  border-radius: 14px;
  background: var(--teal-faint, rgba(0,212,170,0.07));
  color: var(--muted2, #8ba8bf) !important;
  line-height: 1.8;
  text-align: center;
}

.numu-plans-note span {
  color: var(--teal, #00d4aa) !important;
  font-weight: 900;
}

/* Interactive comparison */
.numu-compare-tabs {
  background: rgba(17,29,43,0.62);
  border: 1px solid var(--border2, rgba(255,255,255,0.07));
  border-radius: 20px;
  padding: 22px;
  margin-bottom: 28px;
}

.numu-compare-tabs input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.numu-tab-labels {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin-bottom: 18px;
}

.numu-tab-labels label {
  cursor: pointer;
  text-align: center;
  border-radius: 999px;
  padding: 12px 14px;
  color: var(--muted2, #8ba8bf) !important;
  background: rgba(7,12,18,0.55);
  border: 1px solid var(--border2, rgba(255,255,255,0.07));
  font-weight: 900;
  transition: 0.25s ease;
}

#tab-starter:checked ~ .numu-tab-labels label[for="tab-starter"],
#tab-pro:checked ~ .numu-tab-labels label[for="tab-pro"],
#tab-premium:checked ~ .numu-tab-labels label[for="tab-premium"],
#tab-elite:checked ~ .numu-tab-labels label[for="tab-elite"] {
  color: #06111a !important;
  background: var(--teal, #00d4aa);
  border-color: var(--teal, #00d4aa);
}

.numu-tab-panels {
  position: relative;
}

.numu-tab-panel {
  display: none;
  padding: 28px;
  border-radius: 16px;
  background:
    radial-gradient(circle at 20% 20%, rgba(0,212,170,0.12), transparent 38%),
    rgba(7,12,18,0.72);
  border: 1px solid var(--border, rgba(0,212,170,0.14));
}

#tab-starter:checked ~ .numu-tab-panels .panel-starter,
#tab-pro:checked ~ .numu-tab-panels .panel-pro,
#tab-premium:checked ~ .numu-tab-panels .panel-premium,
#tab-elite:checked ~ .numu-tab-panels .panel-elite {
  display: block;
}

.numu-tab-panel h3 {
  color: var(--white, #eef6ff) !important;
  font-size: 1.35rem;
  margin: 0 0 10px;
  font-weight: 900;
}

.numu-tab-panel p {
  color: var(--muted2, #8ba8bf) !important;
  line-height: 1.9;
  margin: 0 0 18px;
}

.numu-mini-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.numu-mini-stats span {
  color: var(--teal, #00d4aa) !important;
  background: var(--teal-glow, rgba(0,212,170,0.15));
  border: 1px solid var(--border, rgba(0,212,170,0.14));
  border-radius: 999px;
  padding: 7px 14px;
  font-weight: 900;
  font-size: 0.84rem;
}

.numu-compare-table-wrap {
  overflow-x: auto;
  border-radius: 18px;
  border: 1px solid var(--border2, rgba(255,255,255,0.07));
  background: rgba(12,21,32,0.8);
}

.numu-compare-table {
  width: 100%;
  min-width: 760px;
  border-collapse: collapse;
  direction: rtl;
}

.numu-compare-table th,
.numu-compare-table td {
  padding: 16px 14px;
  text-align: center;
  border-bottom: 1px solid var(--border2, rgba(255,255,255,0.07));
  color: var(--muted2, #8ba8bf) !important;
  white-space: nowrap;
}

.numu-compare-table th {
  color: #06111a !important;
  background: var(--teal, #00d4aa);
  font-weight: 900;
}

.numu-compare-table td:first-child {
  color: var(--white, #eef6ff) !important;
  font-weight: 900;
  text-align: right;
}

.numu-compare-table tbody tr:hover {
  background: var(--teal-faint, rgba(0,212,170,0.07));
}

@media (max-width: 1100px) {
  .numu-plans-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .numu-plans-section,
  .numu-compare-section {
    padding: 70px 0;
  }

  .numu-container {
    padding: 0 18px;
  }

  .numu-section-head {
    margin-bottom: 34px;
  }

  .numu-section-head h2 {
    font-size: 2rem;
  }

  .numu-plans-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .numu-plan-card {
    padding: 24px 20px;
  }

  .numu-plan-top p {
    min-height: auto;
  }

  .numu-price strong {
    font-size: 2rem;
  }

  .numu-compare-tabs {
    padding: 16px;
    border-radius: 18px;
  }

  .numu-tab-labels {
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }

  .numu-tab-labels label {
    padding: 11px 10px;
    font-size: 0.86rem;
  }

  .numu-tab-panel {
    padding: 22px 18px;
  }

  .numu-mini-stats {
    flex-direction: column;
  }

  .numu-mini-stats span {
    width: 100%;
    text-align: center;
  }

  .numu-compare-table th,
  .numu-compare-table td {
    padding: 14px 12px;
    font-size: 0.86rem;
  }
}

/* ===== FINAL PACKAGE OVERRIDES ===== */
.numu-site, .numu-site * { font-family: var(--font, 'Cairo', sans-serif) !important; }
.numu-site h1, .numu-site h2, .numu-site h3, .numu-site h4, .numu-site h5, .numu-site h6 { color: var(--white) !important; }
.numu-site .teal { color: var(--teal) !important; }
.numu-site .label::before,
.numu-site .label::after,
.numu-site .svc-card::before { display:none !important; content:none !important; }
.numu-logo{height:34px;width:auto;max-width:none;display:block;object-fit:contain;}
.numu-logo-footer{height:44px;width:auto;max-width:none;display:block;object-fit:contain;margin-bottom:16px;}
.numu-site .logo,.numu-site .footer-logo{display:inline-flex;align-items:center;line-height:0;}
.numu-site #hero{
  background:
    radial-gradient(circle at 50% 14%, rgba(0,212,170,.20) 0%, transparent 40%),
    radial-gradient(circle at 78% 28%, rgba(14,245,216,.08) 0%, transparent 34%),
    linear-gradient(180deg, var(--bg2) 0%, var(--bg) 48%, #050910 100%) !important;
}
.numu-site .hero-orb,.numu-site .hero-orb2,.numu-site .hero-orb3{display:none!important;}
.numu-site .hero-grid{opacity:.22;}
.numu-site .numu-nav{background:rgba(7,12,18,.92)!important;backdrop-filter:blur(16px)!important;border-bottom:1px solid var(--border2)!important;}
.numu-site .numu-mobile-nav{display:none;}
@media(max-width:760px){
  .numu-logo{height:28px;}
  .numu-logo-footer{height:36px;}
  .numu-site .numu-container{width:min(100% - 32px,1200px)!important;}
  .numu-site .sec,.numu-plans-section,.numu-compare-section{padding:70px 0!important;}
  .numu-site .nav-links,.numu-site .nav-right{display:none!important;}
  .numu-site .numu-mobile-nav{display:block!important;}
  .numu-site #hero{min-height:auto!important;padding:110px 0 78px!important;}
  .numu-site h1{font-size:clamp(2rem,10vw,3.1rem)!important;line-height:1.18!important;}
  .numu-site .hero-desc{font-size:.95rem!important;}
  .numu-site .hero-btns{width:100%;}
  .numu-site .hero-btns .btn{width:100%;}
}

/* ===== FINAL LOGO SIZE LOCK ===== */
.numu-site .numu-logo{height:34px!important;width:auto!important;max-width:none!important;display:block!important;object-fit:contain!important;}
.numu-site .numu-logo-footer{height:44px!important;width:auto!important;max-width:none!important;display:block!important;object-fit:contain!important;margin-bottom:16px!important;}
.numu-site .logo,.numu-site .footer-logo{display:inline-flex!important;align-items:center!important;line-height:0!important;}
@media(max-width:760px){
  .numu-site .numu-logo{height:28px!important;}
  .numu-site .numu-logo-footer{height:36px!important;}
}

/* =========================
   FINAL UPDATE: Plans Typography Tuning
   Keeps pricing strong, but reduces excessive boldness.
   Footer changes intentionally not included.
========================= */
.numu-site .numu-section-head h2,
.numu-plans-section .numu-section-head h2,
.numu-compare-section .numu-section-head h2 {
  font-weight: 800 !important;
  letter-spacing: -0.015em !important;
  line-height: 1.18 !important;
}

.numu-site .numu-section-head p,
.numu-plans-section .numu-section-head p,
.numu-compare-section .numu-section-head p {
  font-size: 0.96rem !important;
  font-weight: 400 !important;
  color: var(--muted2, #8ba8bf) !important;
  line-height: 1.9 !important;
}

.numu-site .numu-plan-card h3,
.numu-plan-card h3 {
  font-weight: 700 !important;
}

.numu-site .numu-price strong,
.numu-price strong {
  font-weight: 800 !important;
}

.numu-site .numu-price span,
.numu-price span {
  font-weight: 500 !important;
  color: var(--muted2, #8ba8bf) !important;
}

.numu-site .numu-plan-top p,
.numu-plan-top p {
  font-weight: 400 !important;
  color: var(--muted2, #8ba8bf) !important;
}

.numu-site .numu-plan-card li,
.numu-plan-card li {
  font-weight: 400 !important;
  color: var(--muted2, #8ba8bf) !important;
}

.numu-site .numu-plans-note,
.numu-plans-note {
  font-size: 0.9rem !important;
  font-weight: 400 !important;
  color: var(--muted2, #8ba8bf) !important;
}

.numu-site .numu-plans-note span,
.numu-plans-note span {
  font-weight: 800 !important;
}

@media (max-width: 760px) {
  .numu-site .numu-section-head h2,
  .numu-plans-section .numu-section-head h2,
  .numu-compare-section .numu-section-head h2 {
    font-size: clamp(1.7rem, 8vw, 2.25rem) !important;
    line-height: 1.22 !important;
  }

  .numu-site .numu-section-head p,
  .numu-plans-section .numu-section-head p,
  .numu-compare-section .numu-section-head p {
    font-size: 0.88rem !important;
  }

  .numu-site .numu-plans-note,
  .numu-plans-note {
    font-size: 0.82rem !important;
    line-height: 1.8 !important;
  }
}

/* =========================
   FINAL UPDATE: Pricing Buttons Typography
   Smaller button text for better fit inside pricing cards.
========================= */
.numu-site .numu-plan-card .btn,
.numu-site .numu-plan-card .btn-primary,
.numu-plan-card .btn,
.numu-plan-card .btn-primary,
.numu-site .numu-plan-card a[class*="btn"],
.numu-plan-card a[class*="btn"] {
  font-size: 0.92rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  padding: 13px 20px !important;
  min-height: 46px !important;
  white-space: normal !important;
  text-align: center !important;
  letter-spacing: 0 !important;
}

@media (max-width: 760px) {
  .numu-site .numu-plan-card .btn,
  .numu-site .numu-plan-card .btn-primary,
  .numu-plan-card .btn,
  .numu-plan-card .btn-primary,
  .numu-site .numu-plan-card a[class*="btn"],
  .numu-plan-card a[class*="btn"] {
    font-size: 0.84rem !important;
    font-weight: 700 !important;
    padding: 12px 16px !important;
    min-height: 44px !important;
  }
}


/* =========================================================
   UPDATED MODERN REVIEWS SECTION - MERGED INTO GLOBAL CSS
========================================================= */

/* =========================
   MODERN REVIEWS CAROUSEL
========================= */
.numu-reviews-modern {
  background:
    radial-gradient(circle at 50% 0%, rgba(0,212,170,.09), transparent 34%),
    linear-gradient(180deg, var(--bg2) 0%, var(--bg) 100%);
  overflow: hidden;
  position: relative;
}

.numu-reviews-modern .reviews-head {
  margin-bottom: 44px;
}

.reviews-shell {
  position: relative;
  max-width: 1120px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 54px 1fr 54px;
  gap: 18px;
  align-items: center;
}

.reviews-viewport {
  overflow: hidden;
  padding: 10px 4px 22px;
  mask-image: linear-gradient(90deg, transparent 0%, #000 6%, #000 94%, transparent 100%);
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 6%, #000 94%, transparent 100%);
}

.reviews-track-modern {
  display: flex;
  gap: 22px;
  transition: transform .55s cubic-bezier(.22,.8,.28,1);
  will-change: transform;
}

.review-card-modern {
  position: relative;
  isolation: isolate;
  flex: 0 0 calc((100% - 44px) / 3);
  min-height: 310px;
  overflow: hidden;
  background:
    linear-gradient(145deg, rgba(17,29,43,.96), rgba(12,21,32,.92));
  border: 1px solid rgba(0,212,170,.13);
  border-radius: 22px;
  padding: 28px;
  box-shadow: 0 22px 60px rgba(0,0,0,.28);
  transform: translateY(0);
  transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease;
}

.review-card-modern::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(0,212,170,.12), transparent 48%);
  opacity: .42;
  pointer-events: none;
  z-index: -1;
}

.review-card-modern:hover {
  transform: translateY(-8px);
  border-color: rgba(0,212,170,.36);
  box-shadow: 0 28px 80px rgba(0,0,0,.36), 0 0 32px rgba(0,212,170,.08);
}

.review-glow {
  position: absolute;
  width: 150px;
  height: 150px;
  border-radius: 999px;
  top: -70px;
  left: -50px;
  background: rgba(0,212,170,.16);
  filter: blur(35px);
  z-index: -1;
}

.review-top {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 16px;
}

.review-avatar {
  width: 46px;
  height: 46px;
  min-width: 46px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--teal-glow);
  border: 1px solid var(--border);
  color: var(--teal);
  font-weight: 900;
  font-size: 1.05rem;
}

.review-top strong {
  display: block;
  color: var(--white) !important;
  font-size: .95rem;
  margin-bottom: 2px;
}

.review-top span {
  display: block;
  color: var(--muted) !important;
  font-size: .78rem;
}

.review-stars {
  color: var(--teal);
  font-size: .9rem;
  letter-spacing: 2px;
  margin-bottom: 18px;
}

.review-card-modern p {
  color: var(--muted2) !important;
  font-size: .9rem;
  line-height: 1.95;
  margin: 0;
}

.reviews-nav {
  width: 52px;
  height: 52px;
  border-radius: 999px;
  border: 1px solid rgba(0,212,170,.22);
  background: rgba(12,21,32,.75);
  color: var(--white);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: var(--tr);
  box-shadow: 0 12px 36px rgba(0,0,0,.22);
  backdrop-filter: blur(10px);
}

.reviews-nav svg {
  width: 22px;
  height: 22px;
  fill: currentColor;
}

.reviews-nav:hover {
  background: var(--teal);
  color: #06111a;
  transform: translateY(-2px) scale(1.04);
  box-shadow: 0 16px 42px rgba(0,212,170,.24);
}

.reviews-dots {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 4px;
}

.reviews-dots button {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  border: 0;
  background: rgba(139,168,191,.35);
  cursor: pointer;
  transition: var(--tr);
  padding: 0;
}

.reviews-dots button.active {
  width: 24px;
  background: var(--teal);
  box-shadow: 0 0 18px rgba(0,212,170,.35);
}

@media (max-width: 980px) {
  .reviews-shell {
    grid-template-columns: 46px 1fr 46px;
    gap: 12px;
  }

  .review-card-modern {
    flex-basis: calc((100% - 22px) / 2);
  }

  .reviews-nav {
    width: 44px;
    height: 44px;
  }
}

@media (max-width: 640px) {
  .numu-reviews-modern .reviews-head {
    margin-bottom: 28px;
  }

  .reviews-shell {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .reviews-viewport {
    order: 1;
    padding: 8px 0 16px;
    mask-image: none;
    -webkit-mask-image: none;
  }

  .reviews-track-modern {
    gap: 16px;
  }

  .review-card-modern {
    flex: 0 0 100%;
    min-height: 300px;
    padding: 24px 20px;
    border-radius: 18px;
  }

  .reviews-prev,
  .reviews-next {
    order: 2;
    position: relative;
    display: inline-flex;
  }

  .reviews-shell {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  .reviews-viewport {
    flex: 0 0 100%;
  }

  .reviews-nav {
    width: 42px;
    height: 42px;
  }
}

/* =========================================================
   TESTIMONIALS / REVIEWS - FINAL FIX
   Fixes: Cairo font, centered headings, contained carousel,
   correct arrow visual direction, modern card styling.
========================================================= */

#testimonial.numu-reviews-modern,
.numu-reviews-modern,
.numu-reviews-modern * {
  font-family: var(--font) !important;
  box-sizing: border-box;
}

#testimonial.numu-reviews-modern {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 0%, rgba(0,212,170,.09), transparent 38%),
    linear-gradient(180deg, var(--bg2) 0%, var(--bg) 100%);
  padding: 100px 0;
  direction: rtl;
}

.numu-reviews-modern .container {
  width: 100%;
  max-width: 1200px;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 28px;
  padding-right: 28px;
}

.numu-reviews-modern .reviews-head,
.numu-reviews-modern .sh {
  text-align: center !important;
  max-width: 720px;
  margin: 0 auto 54px !important;
  display: block !important;
}

.numu-reviews-modern .reviews-head .label,
.numu-reviews-modern .sh .label {
  justify-content: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  color: var(--teal) !important;
  font-weight: 800 !important;
  font-size: .82rem !important;
}

.numu-reviews-modern .reviews-head h2,
.numu-reviews-modern .sh h2 {
  color: var(--white) !important;
  text-align: center !important;
  font-size: clamp(2rem, 4vw, 3.15rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em;
  line-height: 1.22 !important;
  margin: 10px auto 14px !important;
}

.numu-reviews-modern .reviews-head p,
.numu-reviews-modern .sh p {
  color: var(--muted2) !important;
  text-align: center !important;
  font-size: .98rem !important;
  font-weight: 400 !important;
  line-height: 1.9 !important;
  margin: 0 auto !important;
}

.numu-reviews-modern .reviews-shell {
  width: 100%;
  max-width: 1120px;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: 54px minmax(0, 1fr) 54px;
  align-items: center;
  gap: 18px;
  position: relative;
}

.numu-reviews-modern .reviews-viewport {
  min-width: 0;
  width: 100%;
  overflow: hidden;
  padding: 12px 2px 24px;
  mask-image: linear-gradient(90deg, transparent 0%, #000 5%, #000 95%, transparent 100%);
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 5%, #000 95%, transparent 100%);
}

.numu-reviews-modern .reviews-track-modern {
  display: flex !important;
  direction: rtl;
  gap: 22px !important;
  transition: transform .55s cubic-bezier(.22,.8,.28,1) !important;
  will-change: transform;
}

.numu-reviews-modern .review-card-modern {
  position: relative;
  isolation: isolate;
  flex: 0 0 calc((100% - 44px) / 3) !important;
  min-height: 330px;
  overflow: hidden;
  background:
    linear-gradient(145deg, rgba(17,29,43,.96), rgba(12,21,32,.94));
  border: 1px solid rgba(0,212,170,.16);
  border-radius: 22px;
  padding: 28px;
  box-shadow: 0 22px 60px rgba(0,0,0,.28);
  transform: translateY(0);
  transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease;
}

.numu-reviews-modern .review-card-modern::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(0,212,170,.12), transparent 48%);
  opacity: .45;
  pointer-events: none;
  z-index: -1;
}

.numu-reviews-modern .review-card-modern:hover {
  transform: translateY(-8px);
  border-color: rgba(0,212,170,.38);
  box-shadow: 0 28px 80px rgba(0,0,0,.36), 0 0 32px rgba(0,212,170,.10);
}

.numu-reviews-modern .review-glow {
  position: absolute;
  width: 160px;
  height: 160px;
  border-radius: 999px;
  top: -75px;
  left: -55px;
  background: rgba(0,212,170,.16);
  filter: blur(35px);
  z-index: -1;
}

.numu-reviews-modern .review-top {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 16px;
  text-align: right;
}

.numu-reviews-modern .review-avatar {
  width: 46px;
  height: 46px;
  min-width: 46px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--teal-glow);
  border: 1px solid var(--border);
  color: var(--teal) !important;
  font-weight: 900;
  font-size: 1.05rem;
}

.numu-reviews-modern .review-top strong {
  display: block;
  color: var(--white) !important;
  font-size: .95rem !important;
  font-weight: 800 !important;
  margin-bottom: 2px;
}

.numu-reviews-modern .review-top span {
  display: block;
  color: var(--muted) !important;
  font-size: .78rem !important;
  font-weight: 400 !important;
}

.numu-reviews-modern .review-stars {
  color: var(--teal) !important;
  font-size: .92rem;
  letter-spacing: 2px;
  margin-bottom: 18px;
  text-align: right;
}

.numu-reviews-modern .review-card-modern p {
  color: var(--muted2) !important;
  font-size: .9rem !important;
  font-weight: 400 !important;
  line-height: 1.95 !important;
  margin: 0 !important;
  text-align: right !important;
}

.numu-reviews-modern .reviews-nav {
  width: 52px;
  height: 52px;
  border-radius: 999px;
  border: 1px solid rgba(0,212,170,.24);
  background: rgba(12,21,32,.82);
  color: var(--white) !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: var(--tr);
  box-shadow: 0 12px 36px rgba(0,0,0,.24);
  backdrop-filter: blur(10px);
  padding: 0;
}

.numu-reviews-modern .reviews-nav svg {
  width: 22px;
  height: 22px;
  fill: currentColor;
}

/* Visual arrow direction fix */
.numu-reviews-modern .reviews-prev svg,
.numu-reviews-modern .reviews-next svg {
  transform: rotate(180deg);
}

.numu-reviews-modern .reviews-nav:hover {
  background: var(--teal);
  color: #06111a !important;
  transform: translateY(-2px) scale(1.04);
  box-shadow: 0 16px 42px rgba(0,212,170,.24);
}

.numu-reviews-modern .reviews-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
}

.numu-reviews-modern .reviews-dots button {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  border: 0;
  background: rgba(139,168,191,.35);
  cursor: pointer;
  transition: var(--tr);
  padding: 0;
}

.numu-reviews-modern .reviews-dots button.active {
  width: 24px;
  background: var(--teal);
  box-shadow: 0 0 18px rgba(0,212,170,.35);
}

@media (max-width: 980px) {
  .numu-reviews-modern .reviews-shell {
    max-width: 820px;
    grid-template-columns: 46px minmax(0, 1fr) 46px;
    gap: 12px;
  }

  .numu-reviews-modern .review-card-modern {
    flex-basis: calc((100% - 22px) / 2) !important;
    min-height: 320px;
  }

  .numu-reviews-modern .reviews-nav {
    width: 44px;
    height: 44px;
  }
}

@media (max-width: 640px) {
  #testimonial.numu-reviews-modern {
    padding: 72px 0;
  }

  .numu-reviews-modern .container {
    padding-left: 18px;
    padding-right: 18px;
  }

  .numu-reviews-modern .reviews-head,
  .numu-reviews-modern .sh {
    margin-bottom: 28px !important;
  }

  .numu-reviews-modern .reviews-head h2,
  .numu-reviews-modern .sh h2 {
    font-size: clamp(1.75rem, 8vw, 2.55rem) !important;
  }

  .numu-reviews-modern .reviews-shell {
    max-width: 100%;
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    gap: 14px;
  }

  .numu-reviews-modern .reviews-viewport {
    order: 1;
    flex: 0 0 100%;
    padding: 8px 0 16px;
    mask-image: none;
    -webkit-mask-image: none;
  }

  .numu-reviews-modern .reviews-track-modern {
    gap: 16px !important;
  }

  .numu-reviews-modern .review-card-modern {
    flex: 0 0 100% !important;
    min-height: 300px;
    padding: 24px 20px;
    border-radius: 18px;
  }

  .numu-reviews-modern .reviews-prev,
  .numu-reviews-modern .reviews-next {
    order: 2;
    position: relative;
    display: inline-flex !important;
  }

  .numu-reviews-modern .reviews-nav {
    width: 42px;
    height: 42px;
  }
}

/* =========================
   FINAL DEBUG OVERRIDES
   - CSS only, no markup/scripts
   - Forces Cairo in all Numu sections
   - Stabilizes reviews typography/alignment
========================= */
.numu-site,
.numu-site *,
.numu-wp,
.numu-wp *,
#testimonial,
#testimonial * {
  font-family: var(--font, 'Cairo', sans-serif) !important;
}

#testimonial,
#testimonial.numu-reviews-modern,
.numu-reviews-modern {
  direction: rtl !important;
  text-align: center !important;
}

#testimonial .sh,
#testimonial .reviews-head,
.numu-reviews-modern .sh,
.numu-reviews-modern .reviews-head {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

#testimonial h2,
.numu-reviews-modern h2 {
  font-family: var(--font, 'Cairo', sans-serif) !important;
  font-weight: 800 !important;
  color: var(--white) !important;
  text-align: center !important;
  letter-spacing: -0.02em !important;
}

#testimonial .sh p,
#testimonial .reviews-head p,
.numu-reviews-modern .sh p,
.numu-reviews-modern .reviews-head p {
  font-family: var(--font, 'Cairo', sans-serif) !important;
  font-weight: 400 !important;
  color: var(--muted2) !important;
  text-align: center !important;
}

.numu-reviews-modern .review-card-modern,
.numu-reviews-modern .review-card-modern * {
  font-family: var(--font, 'Cairo', sans-serif) !important;
}

.numu-reviews-modern .review-card-modern {
  text-align: right !important;
}

.numu-reviews-modern .review-card-modern p {
  font-weight: 400 !important;
  letter-spacing: 0 !important;
}

.numu-reviews-modern .review-top strong {
  font-weight: 700 !important;
}

.numu-reviews-modern .review-top span {
  font-weight: 400 !important;
}

.numu-reviews-modern .reviews-shell {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Keep arrows inside the reviews section and avoid theme/button inheritance */
.numu-reviews-modern .reviews-nav {
  font-family: var(--font, 'Cairo', sans-serif) !important;
  line-height: 1 !important;
  text-decoration: none !important;
}

/* Mobile containment */
@media (max-width: 640px) {
  #testimonial.numu-reviews-modern,
  .numu-reviews-modern {
    overflow: hidden !important;
  }

  .numu-reviews-modern .review-card-modern {
    text-align: right !important;
  }
}

/* =========================================================
   NUMU FINTECH POLISH LAYER - VISIBLE FINAL
   Stronger universal selectors for WordPress/Elementor blocks
   ========================================================= */

:root{
  --numu-ease: cubic-bezier(.22,.75,.24,1);
}

html{
  scroll-behavior:smooth;
}

body,
.numu-site,
.numu-wp,
#hero,
#services,
#plans,
#expertise,
#process,
#testimonial,
#cta,
.numu-footer{
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

/* Make animations work even if reveal JS is not running */
.reveal,
.reveal-l,
.reveal-r,
.numu-site .reveal,
.numu-site .reveal-l,
.numu-site .reveal-r{
  opacity:1 !important;
  transform:none !important;
  transition:transform .55s var(--numu-ease),opacity .55s var(--numu-ease),box-shadow .35s ease,border-color .35s ease,background .35s ease !important;
}

/* Hero: more visible fintech animated background */
#hero,
.numu-hero,
.numu-site #hero,
.numu-site .numu-hero{
  isolation:isolate;
  background:
    radial-gradient(circle at 50% 10%,rgba(0,212,170,.23),transparent 34%),
    radial-gradient(circle at 18% 28%,rgba(14,245,216,.11),transparent 30%),
    radial-gradient(circle at 82% 42%,rgba(0,184,146,.12),transparent 32%),
    linear-gradient(180deg,#08131d 0%,#070c12 52%,#050910 100%) !important;
}

#hero::before,
.numu-hero::before,
.numu-site #hero::before,
.numu-site .numu-hero::before{
  content:"";
  position:absolute;
  inset:-35%;
  background:
    radial-gradient(circle at 28% 30%,rgba(0,212,170,.18),transparent 28%),
    radial-gradient(circle at 70% 45%,rgba(14,245,216,.12),transparent 30%);
  filter:blur(46px);
  opacity:.95;
  animation:numuGlowDrift 9s ease-in-out infinite alternate;
  pointer-events:none;
  z-index:0;
}

#hero::after,
.numu-hero::after,
.numu-site #hero::after,
.numu-site .numu-hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.035) 46%,transparent 58%);
  transform:translateX(90%);
  animation:numuHeroSweep 7s ease-in-out infinite;
  pointer-events:none;
  z-index:1;
}

.hero-inner,
.numu-site .hero-inner{
  position:relative;
  z-index:2;
  animation:numuHeroRise .85s var(--numu-ease) both;
}

.hero-chip,
.numu-site .hero-chip{
  box-shadow:0 0 30px rgba(0,212,170,.08);
  animation:numuSoftPulse 3.8s ease-in-out infinite;
}

/* Grid background feels alive but subtle */
.hero-grid,
.numu-site .hero-grid{
  opacity:.33 !important;
  animation:numuGridMove 18s linear infinite;
}

/* Universal premium card treatment */
.svc-card,
.plan-card,
.pricing-card,
.review-card,
.review-card-modern,
.proc-content,
.exp-pillar,
.about-point,
.dash-mini-card,
.about-dashboard-card,
.cta-inner,
.numu-site .svc-card,
.numu-site .plan-card,
.numu-site .pricing-card,
.numu-site .review-card,
.numu-site .review-card-modern,
.numu-site .proc-content,
.numu-site .exp-pillar,
.numu-site .cta-inner{
  position:relative;
  overflow:hidden;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  transition:transform .35s var(--numu-ease),border-color .35s ease,box-shadow .35s ease,background .35s ease !important;
}

.svc-card::after,
.plan-card::after,
.pricing-card::after,
.review-card::after,
.review-card-modern::after,
.proc-content::after,
.exp-pillar::after,
.about-point::after,
.cta-inner::after,
.numu-site .svc-card::after,
.numu-site .plan-card::after,
.numu-site .pricing-card::after,
.numu-site .review-card::after,
.numu-site .review-card-modern::after,
.numu-site .proc-content::after,
.numu-site .exp-pillar::after,
.numu-site .cta-inner::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(135deg,rgba(0,212,170,.18),transparent 34%,transparent 68%,rgba(14,245,216,.075));
  opacity:0;
  transition:opacity .35s ease;
}

.svc-card:hover,
.plan-card:hover,
.pricing-card:hover,
.review-card:hover,
.review-card-modern:hover,
.proc-content:hover,
.exp-pillar:hover,
.about-point:hover,
.numu-site .svc-card:hover,
.numu-site .plan-card:hover,
.numu-site .pricing-card:hover,
.numu-site .review-card:hover,
.numu-site .review-card-modern:hover,
.numu-site .proc-content:hover,
.numu-site .exp-pillar:hover{
  transform:translateY(-7px) !important;
  border-color:rgba(0,212,170,.35) !important;
  box-shadow:0 22px 60px rgba(0,0,0,.34),0 0 36px rgba(0,212,170,.08) !important;
}

.svc-card:hover::after,
.plan-card:hover::after,
.pricing-card:hover::after,
.review-card:hover::after,
.review-card-modern:hover::after,
.proc-content:hover::after,
.exp-pillar:hover::after,
.about-point:hover::after,
.cta-inner:hover::after,
.numu-site .svc-card:hover::after,
.numu-site .plan-card:hover::after,
.numu-site .pricing-card:hover::after,
.numu-site .review-card:hover::after,
.numu-site .review-card-modern:hover::after,
.numu-site .proc-content:hover::after,
.numu-site .exp-pillar:hover::after,
.numu-site .cta-inner:hover::after{
  opacity:1;
}

/* Cards enter with staggered polish */
.svc-grid .svc-card,
.plans-grid .plan-card,
.pricing-grid .pricing-card,
.about-points .about-point,
.numu-site .svc-grid .svc-card{
  animation:numuCardEnter .72s var(--numu-ease) both;
}

.svc-grid .svc-card:nth-child(1),.plans-grid .plan-card:nth-child(1),.pricing-grid .pricing-card:nth-child(1){animation-delay:.05s}
.svc-grid .svc-card:nth-child(2),.plans-grid .plan-card:nth-child(2),.pricing-grid .pricing-card:nth-child(2){animation-delay:.12s}
.svc-grid .svc-card:nth-child(3),.plans-grid .plan-card:nth-child(3),.pricing-grid .pricing-card:nth-child(3){animation-delay:.19s}
.svc-grid .svc-card:nth-child(4),.plans-grid .plan-card:nth-child(4),.pricing-grid .pricing-card:nth-child(4){animation-delay:.26s}
.svc-grid .svc-card:nth-child(5){animation-delay:.33s}
.svc-grid .svc-card:nth-child(6){animation-delay:.40s}

/* Buttons: premium fintech sheen */
.btn,
.numu-site .btn,
.numu-wp .btn{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  transform:translateZ(0);
  transition:transform .28s var(--numu-ease),box-shadow .28s ease,background .28s ease,color .28s ease,border-color .28s ease !important;
}

.btn::before,
.numu-site .btn::before,
.numu-wp .btn::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.32) 45%,transparent 65%);
  transform:translateX(125%);
  transition:transform .65s var(--numu-ease);
  z-index:-1;
}

.btn:hover,
.numu-site .btn:hover,
.numu-wp .btn:hover{
  transform:translateY(-3px) !important;
}

.btn:hover::before,
.numu-site .btn:hover::before,
.numu-wp .btn:hover::before{
  transform:translateX(-125%);
}

.btn-primary:hover,
.numu-site .btn-primary:hover,
.numu-wp .btn-primary:hover{
  box-shadow:0 14px 36px rgba(0,212,170,.32),0 0 24px rgba(0,212,170,.20) !important;
}

/* Section divider glow */
.sec,
.numu-site .sec,
#services,
#plans,
#expertise,
#process,
#testimonial,
#cta{
  position:relative;
}

.sec::before,
.numu-site .sec::before,
#services::before,
#plans::before,
#expertise::before,
#process::before,
#testimonial::before,
#cta::before{
  content:"";
  position:absolute;
  top:0;
  left:50%;
  width:min(900px,82vw);
  height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,rgba(0,212,170,.20),transparent);
  pointer-events:none;
}

/* Typography polish */
.sh h2,
.numu-site .sh h2,
.about-content h2,
.hero-inner h1{
  letter-spacing:-.02em;
}

/* Plan button size remains clean */
.plan-card .btn,
.pricing-card .btn,
.numu-site .plan-card .btn,
.numu-site .pricing-card .btn{
  font-size:.82rem !important;
  font-weight:700 !important;
  line-height:1.25 !important;
  padding:11px 18px !important;
  white-space:normal !important;
}

/* Reviews Cairo safety */
#testimonial,
#testimonial *,
.numu-site #testimonial,
.numu-site #testimonial *{
  font-family:var(--font,'Cairo',sans-serif) !important;
}

#testimonial .sh,
.numu-site #testimonial .sh{
  text-align:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Keyframes */
@keyframes numuHeroRise{
  from{opacity:0;transform:translateY(34px) scale(.985)}
  to{opacity:1;transform:translateY(0) scale(1)}
}

@keyframes numuCardEnter{
  from{opacity:0;transform:translateY(26px) scale(.985)}
  to{opacity:1;transform:translateY(0) scale(1)}
}

@keyframes numuGlowDrift{
  from{transform:translate3d(-2%,-1%,0) scale(1);opacity:.72}
  to{transform:translate3d(2%,1%,0) scale(1.06);opacity:1}
}

@keyframes numuHeroSweep{
  0%,42%{transform:translateX(95%);opacity:0}
  54%{opacity:.55}
  72%,100%{transform:translateX(-95%);opacity:0}
}

@keyframes numuGridMove{
  from{background-position:0 0,0 0}
  to{background-position:50px 50px,50px 50px}
}

@keyframes numuSoftPulse{
  0%,100%{box-shadow:0 0 22px rgba(0,212,170,.08)}
  50%{box-shadow:0 0 36px rgba(0,212,170,.18)}
}

/* Mobile: visible but not too heavy */
@media(max-width:768px){
  .svc-card:hover,
  .plan-card:hover,
  .pricing-card:hover,
  .review-card:hover,
  .review-card-modern:hover,
  .proc-content:hover,
  .exp-pillar:hover,
  .about-point:hover,
  .numu-site .svc-card:hover,
  .numu-site .plan-card:hover,
  .numu-site .pricing-card:hover,
  .numu-site .review-card:hover,
  .numu-site .review-card-modern:hover,
  .numu-site .proc-content:hover,
  .numu-site .exp-pillar:hover{
    transform:translateY(-3px) !important;
  }

  #hero::after,
  .numu-hero::after,
  .numu-site #hero::after,
  .numu-site .numu-hero::after{
    display:none;
  }
}

/* Accessibility */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation:none !important;
    transition:none !important;
    scroll-behavior:auto !important;
  }
}

/* =========================
   SECTION APPEAR ANIMATIONS
   Added fintech fade + slide-up polish
========================= */

.numu-wp section,
.numu-header,
.numu-footer {
  opacity: 0;
  transform: translateY(34px);
  animation: numuSectionAppear 0.9s cubic-bezier(.22,.9,.32,1) forwards;
  will-change: opacity, transform, filter;
}

.numu-header {
  transform: translateY(-18px);
  animation-delay: 0.05s;
}

#hero { animation-delay: 0.08s; }
#services { animation-delay: 0.16s; }
#expertise { animation-delay: 0.24s; }
#plans { animation-delay: 0.32s; }
#process { animation-delay: 0.40s; }
#testimonial { animation-delay: 0.48s; }
#cta { animation-delay: 0.56s; }
.numu-footer { animation-delay: 0.64s; }

@keyframes numuSectionAppear {
  from {
    opacity: 0;
    transform: translateY(34px);
    filter: blur(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
    filter: blur(0);
  }
}

/* Staggered card entrance */
.svc-card,
.plan-card,
.pricing-card,
.proc-content,
.review-card,
.about-point,
.exp-pillar {
  animation: numuCardAppear 0.75s cubic-bezier(.22,.9,.32,1) both;
  will-change: opacity, transform;
}

.svc-card:nth-child(1),
.plan-card:nth-child(1),
.pricing-card:nth-child(1),
.review-card:nth-child(1) { animation-delay: 0.08s; }

.svc-card:nth-child(2),
.plan-card:nth-child(2),
.pricing-card:nth-child(2),
.review-card:nth-child(2) { animation-delay: 0.16s; }

.svc-card:nth-child(3),
.plan-card:nth-child(3),
.pricing-card:nth-child(3),
.review-card:nth-child(3) { animation-delay: 0.24s; }

.svc-card:nth-child(4),
.plan-card:nth-child(4),
.pricing-card:nth-child(4),
.review-card:nth-child(4) { animation-delay: 0.32s; }

.svc-card:nth-child(5) { animation-delay: 0.40s; }
.svc-card:nth-child(6) { animation-delay: 0.48s; }

@keyframes numuCardAppear {
  from {
    opacity: 0;
    transform: translateY(22px) scale(.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/* Preserve hover transforms after entrance animations */
.svc-card:hover,
.plan-card:hover,
.pricing-card:hover,
.review-card:hover,
.proc-content:hover,
.exp-pillar:hover,
.about-point:hover {
  transform: translateY(-6px);
}

@media (prefers-reduced-motion: reduce) {
  .numu-wp section,
  .numu-header,
  .numu-footer,
  .svc-card,
  .plan-card,
  .pricing-card,
  .proc-content,
  .review-card,
  .about-point,
  .exp-pillar {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    animation: none !important;
  }
}

/* =========================
   FINAL PROCESS / WORKFLOW TIMELINE
========================= */

.proc-list {
    position: relative !important;
    max-width: 1100px !important;
    margin: 0 auto !important;
    padding: 44px 0 !important;
}

.proc-list::before {
    content: "" !important;
    position: absolute !important;
    top: 12px !important;
    bottom: 12px !important;
    left: 50% !important;
    width: 2px !important;
    transform: translateX(-50%) !important;
    background: linear-gradient(
        180deg,
        transparent,
        rgba(0,212,170,.28),
        #00d4aa,
        rgba(0,212,170,.28),
        transparent
    ) !important;
    box-shadow:
        0 0 14px rgba(0,212,170,.36),
        0 0 34px rgba(0,212,170,.14) !important;
    animation: numuTimelineGlow 3.6s ease-in-out infinite !important;
    z-index: 0 !important;
}

.proc-row {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 1fr 92px 1fr !important;
    align-items: center !important;
    gap: 24px !important;
    margin-bottom: 42px !important;
    z-index: 1 !important;
}

.proc-row:last-child {
    margin-bottom: 0 !important;
}

.proc-row:nth-child(odd) .proc-content {
    grid-column: 1 !important;
}

.proc-row:nth-child(even) .proc-content {
    grid-column: 3 !important;
}

.proc-row:nth-child(odd) .proc-empty {
    grid-column: 3 !important;
}

.proc-row:nth-child(even) .proc-empty {
    grid-column: 1 !important;
}

.proc-empty {
    display: block !important;
}

.proc-spacer {
    grid-column: 2 !important;
    position: relative !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    z-index: 3 !important;
}

.proc-spacer::before {
    content: "" !important;
    position: absolute !important;
    width: 74px !important;
    height: 2px !important;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(0,212,170,.45),
        transparent
    ) !important;
    box-shadow: 0 0 14px rgba(0,212,170,.22) !important;
    z-index: -1 !important;
}

.proc-dot {
    width: 54px !important;
    height: 54px !important;
    border-radius: 50% !important;
    background: #0c1520 !important;
    border: 2px solid #00d4aa !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow:
        0 0 0 8px rgba(0,212,170,.05),
        0 0 24px rgba(0,212,170,.24) !important;
    animation: numuDotPulse 2.8s ease-in-out infinite !important;
}

.proc-dot-inner {
    width: 34px !important;
    height: 34px !important;
    border-radius: 50% !important;
    background: rgba(0,212,170,.12) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.proc-dot-inner svg {
    width: 16px !important;
    height: 16px !important;
    fill: #00d4aa !important;
}

.proc-content {
    background: rgba(17,29,43,.9) !important;
    border: 1px solid rgba(255,255,255,.07) !important;
    border-radius: 18px !important;
    padding: 26px 28px !important;
    transition:
        transform .35s ease,
        border-color .35s ease,
        box-shadow .35s ease,
        background .35s ease !important;
    box-shadow: 0 14px 36px rgba(0,0,0,.16) !important;
}

.proc-content:hover {
    transform: translateY(-6px) !important;
    border-color: rgba(0,212,170,.34) !important;
    box-shadow:
        0 20px 48px rgba(0,0,0,.28),
        0 0 30px rgba(0,212,170,.08) !important;
}

.proc-tag {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #00d4aa !important;
    background: rgba(0,212,170,.12) !important;
    border: 1px solid rgba(0,212,170,.15) !important;
    border-radius: 999px !important;
    padding: 4px 12px !important;
    font-size: .72rem !important;
    font-weight: 800 !important;
    margin-bottom: 10px !important;
}

@keyframes numuTimelineGlow {
    0%,100% {
        opacity: .78;
        filter: drop-shadow(0 0 8px rgba(0,212,170,.22));
    }
    50% {
        opacity: 1;
        filter: drop-shadow(0 0 18px rgba(0,212,170,.42));
    }
}

@keyframes numuDotPulse {
    0%,100% {
        box-shadow:
            0 0 0 8px rgba(0,212,170,.05),
            0 0 22px rgba(0,212,170,.20);
    }
    50% {
        box-shadow:
            0 0 0 13px rgba(0,212,170,.08),
            0 0 34px rgba(0,212,170,.34);
    }
}

@media (max-width: 768px) {
    .proc-list {
        max-width: 100% !important;
        padding: 30px 0 10px !important;
    }

    .proc-list::before {
        left: 25px !important;
        right: auto !important;
        top: 36px !important;
        bottom: 36px !important;
        transform: none !important;
    }

    .proc-row {
        display: grid !important;
        grid-template-columns: 52px 1fr !important;
        gap: 14px !important;
        align-items: flex-start !important;
        margin-bottom: 26px !important;
    }

    .proc-empty {
        display: none !important;
    }

    .proc-spacer {
        grid-column: 1 !important;
        grid-row: 1 !important;
        justify-content: center !important;
        padding-top: 6px !important;
    }

    .proc-spacer::before {
        display: none !important;
    }

    .proc-row:nth-child(odd) .proc-content,
    .proc-row:nth-child(even) .proc-content {
        grid-column: 2 !important;
        grid-row: 1 !important;
    }

    .proc-content {
        padding: 22px 18px !important;
        border-radius: 16px !important;
    }

    .proc-dot {
        width: 42px !important;
        height: 42px !important;
    }

    .proc-dot-inner {
        width: 27px !important;
        height: 27px !important;
    }

    .proc-dot-inner svg {
        width: 14px !important;
        height: 14px !important;
    }
}

/* =========================
   MOBILE PROCESS TIMELINE FINAL ALIGNMENT FIX
========================= */
@media (max-width: 768px) {
  .proc-list {
    position: relative;
    padding: 20px 0 !important;
  }

  .proc-list::before {
    content: "";
    position: absolute;
    top: 42px;
    bottom: 42px;
    right: 28px;
    left: auto !important;
    width: 2px;
    transform: none !important;
    background: linear-gradient(
      180deg,
      transparent,
      rgba(0,212,170,.35),
      #00d4aa,
      rgba(0,212,170,.35),
      transparent
    );
    box-shadow: 0 0 18px rgba(0,212,170,.35);
    z-index: 0;
  }

  .proc-row {
    position: relative;
    display: grid !important;
    grid-template-columns: 56px 1fr !important;
    gap: 14px !important;
    align-items: flex-start !important;
    margin-bottom: 34px !important;
  }

  .proc-spacer {
    grid-column: 1 !important;
    grid-row: 1 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: flex-start !important;
    padding-top: 6px !important;
    position: relative !important;
    z-index: 2 !important;
  }

  .proc-content {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 100% !important;
    padding: 22px 18px !important;
    border-radius: 16px !important;
  }

  .proc-empty {
    display: none !important;
  }

  .proc-dot {
    width: 46px !important;
    height: 46px !important;
    margin: 0 !important;
    position: relative !important;
    z-index: 3 !important;
  }

  .proc-dot-inner {
    width: 30px !important;
    height: 30px !important;
  }

  .proc-dot-inner svg {
    width: 15px !important;
    height: 15px !important;
  }

  .proc-spacer::before {
    display: none !important;
  }
}

/* =========================
   FINAL MOBILE TIMELINE CENTERING OVERRIDE
========================= */
@media (max-width: 768px) {
  .proc-list::before {
    right: 23px !important;
    left: auto !important;
    transform: none !important;
  }
}
