.elementor-widget-html .neb-protected-content-message, .elementor-widget-html .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-625eb81 */:root{
  --p:#5B3FBF; --p-d:#3D2990; --p-l:#7B5FD4; --p-pale:#EDE8FF; --p-soft:#F5F2FF;
  --white:#FFFFFF; --cream:#FAFAFA; --ink:#1A0D45; --ink-m:#4A3878; --ink-s:#8B7AAE;
  --border:#E8E2F8; --gold:#F59E0B; --gold-l:#FDE68A; --green:#10B981; --red:#EF4444; --pink:#FB7185;
  --r:14px; --r-lg:20px; --r-xl:28px;
  --sh:0 2px 16px rgba(91,63,191,.08); --sh-md:0 8px 32px rgba(91,63,191,.14); --sh-lg:0 20px 60px rgba(91,63,191,.2);
  --pixel:'Press Start 2P',monospace; --mono:'Space Mono',monospace; --display:'Cairo',sans-serif;
}
*{box-sizing:border-box}
h1,h2,h3,h4{font-family:var(--display)}
.ht-container{max-width:1140px;margin:0 auto;padding:0 5%}
.ht-center{text-align:center}
.hero{min-height:100vh;display:flex;align-items:center;padding:120px 5% 70px;background:linear-gradient(155deg,var(--p-soft) 0%,#fff 58%);position:relative;overflow:hidden}
.hero-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(91,63,191,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(91,63,191,.04) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(circle at 65% 40%,#000 0%,transparent 78%);-webkit-mask-image:radial-gradient(circle at 65% 40%,#000 0%,transparent 78%);pointer-events:none}
.floaty{position:absolute;pointer-events:none;will-change:transform;opacity:0;animation:floatIn .8s ease forwards}
.floaty .chip{display:flex;align-items:center;justify-content:center;border-radius:16px;font-size:22px;box-shadow:0 12px 30px rgba(91,63,191,.18);animation:bob 5s ease-in-out infinite}
@keyframes floatIn{to{opacity:1}}
@keyframes bob{0%,100%{transform:translateY(0) rotate(var(--rot,0deg))}50%{transform:translateY(-15px) rotate(calc(var(--rot,0deg) + 4deg))}}
.f1{top:14%;left:6%}.f1 .chip{width:54px;height:54px;background:#05d0e0;color:#06343a;--rot:-8deg}
.f2{bottom:18%;left:10%}.f2 .chip{width:48px;height:48px;background:var(--green);color:#fff;--rot:6deg;animation-delay:-1.6s}
.f3{top:24%;right:3%}.f3 .chip{width:46px;height:46px;background:var(--pink);color:#fff;--rot:9deg;animation-delay:-2.6s}
.hero-inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.02fr .98fr;gap:3rem;align-items:center;position:relative;z-index:2;width:100%}
@media(max-width:920px){.hero-inner{grid-template-columns:1fr;gap:2.5rem;text-align:center}}
.pill-tag{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1.5px solid var(--p-pale);border-radius:100px;padding:7px 18px;font-size:13px;font-weight:800;color:var(--p);margin-bottom:1.4rem;box-shadow:var(--sh);opacity:0;transform:translateY(14px);animation:rise .6s ease .1s forwards}
.pill-dot{width:8px;height:8px;border-radius:50%;background:#05d0e0;animation:blink 1.6s infinite;box-shadow:0 0 8px #05d0e0}
@keyframes blink{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.6)}}
@keyframes rise{to{opacity:1;transform:translateY(0)}}
.hero h1{font-size:clamp(2.2rem,4.6vw,3.7rem);font-weight:800;color:var(--ink);line-height:1.13;margin-bottom:1.2rem;opacity:0;transform:translateY(20px);animation:rise .7s ease .25s forwards}
.hero h1 em{font-style:normal;position:relative;background:linear-gradient(90deg,var(--p),var(--p-l));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero-sub{font-size:1.08rem;color:var(--ink-m);line-height:1.85;max-width:520px;margin:0 0 1.6rem;opacity:0;transform:translateY(16px);animation:rise .7s ease .4s forwards}
.hl-word{color:var(--p);font-weight:800;text-decoration:underline;text-decoration-color:var(--p-l);text-decoration-thickness:2.5px;text-underline-offset:4px}
@media(max-width:920px){.hero-sub{margin-inline:auto}}
.hero-checks{display:flex;gap:1.2rem;flex-wrap:wrap;margin-bottom:1.9rem;opacity:0;animation:rise .7s ease .55s forwards}
@media(max-width:920px){.hero-checks{justify-content:center}}
.hck{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--ink-m);font-weight:700}
.hck i{color:var(--p);font-size:11px;background:var(--p-pale);width:23px;height:23px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.hero-ctas{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1.9rem;opacity:0;animation:rise .7s ease .7s forwards}
@media(max-width:920px){.hero-ctas{justify-content:center}}
.btn-main{position:relative;background:var(--p);color:#fff;padding:15px 30px;border-radius:14px;font-size:15.5px;font-weight:800;text-decoration:none;border:none;cursor:none;font-family:'Cairo';transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex;align-items:center;gap:10px;box-shadow:0 8px 24px rgba(91,63,191,.4);overflow:hidden}
.btn-main .start-tag{font-family:var(--pixel);font-size:8px;background:#05d0e0;color:#06343a;padding:4px 7px;border-radius:5px}
.btn-main:hover{background:var(--p-d);transform:translateY(-3px) scale(1.02);box-shadow:0 14px 34px rgba(91,63,191,.5)}
.btn-main::after{content:'';position:absolute;inset:0;background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.35) 50%,transparent 65%);transform:translateX(-120%)}
.btn-main:hover::after{transform:translateX(120%);transition:transform .7s}
.btn-sec{background:#fff;color:var(--p);padding:15px 26px;border-radius:14px;font-size:15.5px;font-weight:800;text-decoration:none;border:2px solid var(--p-pale);cursor:none;font-family:'Cairo';transition:all .25s;display:inline-flex;align-items:center;gap:9px}
.btn-sec:hover{border-color:var(--p-l);background:var(--p-soft);transform:translateY(-3px)}
.hero-proof{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--ink-s);font-weight:600;opacity:0;animation:rise .7s ease .85s forwards}
@media(max-width:920px){.hero-proof{justify-content:center}}
.proof-faces{display:flex}
.pface{width:33px;height:33px;border-radius:50%;border:2.5px solid #fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;color:#fff;margin-inline-start:-9px;box-shadow:0 2px 6px rgba(0,0,0,.1)}
.pface:first-child{margin-inline-start:0}
.studio-wrap{opacity:0;transform:translateY(24px) scale(.98);animation:rise .8s ease .5s forwards;position:relative}
.studio{background:#160B3A;border-radius:18px;box-shadow:0 30px 70px rgba(26,13,69,.4);overflow:hidden;border:1px solid rgba(255,255,255,.09)}
.studio-bar{display:flex;align-items:center;gap:8px;padding:12px 15px;background:rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.07)}
.sb-dots{display:flex;gap:6px}
.sb-dots span{width:11px;height:11px;border-radius:50%;display:block}
.studio-name{font-family:var(--pixel);font-size:7.5px;color:rgba(255,255,255,.45);margin-inline-start:auto;letter-spacing:.5px}
.studio-tabs{display:flex;gap:5px;padding:11px 13px 0;background:rgba(255,255,255,.02)}
.stab{flex:1;font-size:13px;font-weight:700;color:rgba(255,255,255,.55);background:transparent;border:none;cursor:none;padding:10px 8px;border-radius:10px 10px 0 0;font-family:'Cairo';display:flex;align-items:center;justify-content:center;gap:7px;transition:all .2s}
.stab i{font-size:13px;transition:color .2s}
.stab:hover{color:#fff}
.stab.on{color:#fff;background:#1F1147}
.stab.on i{color:#05d0e0}
.studio-stage{background:#1F1147;padding:16px 18px;min-height:215px;position:relative;overflow:hidden}
.hs-panel{display:none}
.hs-panel.on{display:block;animation:hsIn .45s ease}
@keyframes hsIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.hs-code{font-family:var(--mono);font-size:13.5px;line-height:1.85;color:#E5DEFB;white-space:pre-wrap;min-height:170px;direction:ltr;text-align:left}
.hs-code .kw{color:#C4B5FD}.hs-code .st{color:#6EE7B7}.hs-code .nm{color:#FDA4AF}.hs-code .fn{color:#05d0e0}.hs-code .cm{color:rgba(255,255,255,.35)}
.caret{display:inline-block;width:8px;height:16px;background:#05d0e0;vertical-align:-3px;animation:caret 1s step-end infinite;border-radius:1px}
@keyframes caret{50%{opacity:0}}
.hs-design{min-height:170px;direction:rtl}
.hs-art{height:100%;min-height:170px;border-radius:12px;background:repeating-conic-gradient(#23154f 0% 25%,#1c1142 0% 50%) 0/22px 22px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;padding:18px 14px}
.d-chip{font-size:11.5px;font-weight:800;background:rgba(5,208,224,.16);color:#05d0e0;border:1px solid rgba(5,208,224,.45);padding:5px 14px;border-radius:100px;font-family:'Cairo'}
.d-badge{width:62px;height:62px;border-radius:18px;background:linear-gradient(135deg,#7B5FD4,#5B3FBF);display:flex;align-items:center;justify-content:center;font-family:'Syne',sans-serif;font-weight:800;font-size:25px;color:#fff;box-shadow:0 10px 26px rgba(123,95,212,.5);opacity:0;animation:dPop .6s cubic-bezier(.34,1.56,.64,1) .15s forwards}
.d-word{font-family:'Syne',sans-serif;font-weight:800;font-size:1.6rem;color:#fff;letter-spacing:.5px;opacity:0;animation:dPop .6s cubic-bezier(.34,1.56,.64,1) .4s forwards;text-align:center}
.d-word b{color:#05d0e0}
@keyframes dPop{from{opacity:0;transform:scale(.4) rotate(-10deg)}to{opacity:1;transform:none}}
.d-palette{display:flex;gap:9px;justify-content:center;flex-wrap:wrap}
.d-palette span{width:30px;height:30px;border-radius:9px;opacity:0;animation:dPop .5s ease forwards;box-shadow:0 3px 8px rgba(0,0,0,.25)}
.d-palette span:nth-child(1){background:#5B3FBF;animation-delay:.7s}
.d-palette span:nth-child(2){background:#05d0e0;animation-delay:.8s}
.d-palette span:nth-child(3){background:#FB7185;animation-delay:.9s}
.d-palette span:nth-child(4){background:#10B981;animation-delay:1s}
.d-palette span:nth-child(5){background:#F59E0B;animation-delay:1.1s}
@media(max-width:520px){
  .d-badge{width:54px;height:54px;font-size:22px;border-radius:16px}
  .d-word{font-size:1.35rem}
  .d-palette span{width:26px;height:26px}
  .hs-art{gap:11px;padding:16px 12px}
}
.hs-video{min-height:170px;direction:ltr;display:flex;flex-direction:column;gap:11px}
.hs-screen{flex:1;border-radius:12px;background:linear-gradient(135deg,#2A1C66,#3D2990);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid rgba(255,255,255,.08)}
.hs-screen::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,rgba(5,208,224,.25),transparent 55%)}
.hs-play{width:52px;height:52px;border-radius:50%;background:#05d0e0;color:#06343a;display:flex;align-items:center;justify-content:center;font-size:17px;padding-left:4px;animation:vPulse 1.8s ease-in-out infinite;position:relative;z-index:1}
@keyframes vPulse{0%,100%{box-shadow:0 0 0 0 rgba(5,208,224,.45)}50%{box-shadow:0 0 0 13px rgba(5,208,224,0)}}
.hs-timeline{height:32px;border-radius:9px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);position:relative;display:flex;gap:4px;padding:5px}
.hs-clip{height:100%;border-radius:5px;opacity:.9}
.hs-clip.c1{flex:2;background:linear-gradient(90deg,#7B5FD4,#5B3FBF)}
.hs-clip.c2{flex:1;background:#05d0e0}
.hs-clip.c3{flex:1.5;background:#FB7185}
.hs-clip.c4{flex:1;background:#10B981}
.hs-playhead{position:absolute;top:-3px;bottom:-3px;width:2px;background:#fff;box-shadow:0 0 8px #05d0e0;right:6px;animation:vScrub 3.4s linear infinite}
@keyframes vScrub{from{right:6px}to{right:calc(100% - 8px)}}
.hs-waves{display:flex;align-items:flex-end;gap:3px;height:20px}
.hs-waves span{flex:1;background:#05d0e0;border-radius:2px;opacity:.55;animation:vWave 1s ease-in-out infinite}
@keyframes vWave{0%,100%{height:22%}50%{height:100%}}
.studio-foot{display:flex;align-items:center;justify-content:space-between;padding:11px 16px;border-top:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.04)}
.studio-status{font-size:12px;font-weight:700;display:flex;gap:8px;align-items:center;font-family:var(--mono);color:#6EE7B7}
.studio-status .ld{width:9px;height:9px;border-radius:50%;background:#05d0e0;box-shadow:0 0 8px #05d0e0;animation:blink 1s infinite}
.run-btn{background:linear-gradient(135deg,#05d0e0,#03a7b5);color:#06343a;border:none;cursor:none;font-family:'Cairo';font-weight:800;font-size:13px;padding:9px 18px;border-radius:9px;display:inline-flex;align-items:center;gap:7px;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 14px rgba(5,208,224,.4)}
.run-btn:hover{transform:translateY(-2px) scale(1.04)}
.studio-badge{position:absolute;bottom:-16px;right:-12px;background:#fff;border-radius:14px;padding:10px 14px;box-shadow:var(--sh-md);display:flex;align-items:center;gap:9px;border:1.5px solid var(--p-pale);animation:bob 4.5s ease-in-out infinite}
.studio-badge .sbi{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--green),#34D399);color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px}
.studio-badge b{font-size:13px;color:var(--ink);display:block;font-family:var(--display)}
.studio-badge span{font-size:11px;color:var(--ink-s)}
@media(max-width:920px){.studio-wrap{max-width:480px;margin:0 auto}}
[id^="ht-"] *:not(i):not(.fas):not(.fab):not(.far):not(.fa),
.hero *:not(i):not(.fas):not(.fab):not(.far):not(.fa),
nav *:not(i):not(.fas):not(.fab):not(.far):not(.fa),
footer *:not(i):not(.fas):not(.fab):not(.far):not(.fa),
.sec *:not(i):not(.fas):not(.fab):not(.far):not(.fa){font-family:'Cairo',sans-serif !important}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8fd89b6 */:root{
  --p:#5B3FBF; --p-d:#3D2990; --p-l:#7B5FD4; --p-pale:#EDE8FF; --p-soft:#F5F2FF;
  --white:#FFFFFF; --cream:#FAFAFA; --ink:#1A0D45; --ink-m:#4A3878; --ink-s:#8B7AAE;
  --border:#E8E2F8; --gold:#F59E0B; --gold-l:#FDE68A; --green:#10B981; --red:#EF4444; --pink:#FB7185;
  --r:14px; --r-lg:20px; --r-xl:28px;
  --sh:0 2px 16px rgba(91,63,191,.08); --sh-md:0 8px 32px rgba(91,63,191,.14); --sh-lg:0 20px 60px rgba(91,63,191,.2);
  --pixel:'Press Start 2P',monospace; --mono:'Space Mono',monospace; --display:'Cairo',sans-serif;
}
*{box-sizing:border-box}
/* فرض Cairo على النصوص مع إبقاء الأيقونات */
[id^="ht-"] *:not(i):not(.fas):not(.fab):not(.far):not(.fa){font-family:'Cairo',sans-serif !important}
/* الأرقام بخط Outfit الواضح (أعلى أولوية) */
#ht-stats .stat-n{font-family:'Outfit',sans-serif !important}
#ht-stats .stat-n.ar{font-family:'Cairo',sans-serif !important}
 
#ht-stats .stats-bar{background:linear-gradient(135deg,var(--p) 0%,var(--p-d) 100%);padding:4rem 5%;position:relative;overflow:hidden}
#ht-stats .stats-bar::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle at 16% 28%,rgba(255,255,255,.09) 0,transparent 38%),radial-gradient(circle at 84% 72%,rgba(245,158,11,.16) 0,transparent 42%);pointer-events:none}
#ht-stats .stats-head{max-width:1140px;margin:0 auto 2.2rem;text-align:center;position:relative;z-index:1}
#ht-stats .stats-head .sh-pill{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.26);color:#fff;border-radius:100px;padding:6px 16px;font-size:12.5px;font-weight:800;margin-bottom:.9rem}
#ht-stats .stats-head h2{font-size:clamp(1.5rem,3vw,2.1rem);color:#fff;font-weight:800;line-height:1.3}
#ht-stats .stats-inner{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:1.3rem;position:relative;z-index:1}
#ht-stats .stat-box{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:var(--r-lg);padding:2rem 1.4rem 1.7rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.55rem;transition:transform .25s,background .25s,border-color .25s}
#ht-stats .stat-box:hover{transform:translateY(-6px);background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.3)}
#ht-stats .stat-ico{width:56px;height:56px;border-radius:16px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff;margin-bottom:.35rem;transition:background .25s,color .25s,border-color .25s,transform .25s}
#ht-stats .stat-box:hover .stat-ico{background:linear-gradient(135deg,#05d0e0,#03a7b5);color:#06343a;border-color:transparent;transform:scale(1.06) rotate(-5deg)}
#ht-stats .stat-n{font-size:2.6rem;font-weight:700;color:#fff;line-height:1;letter-spacing:-.5px}
#ht-stats .stat-n.ar{font-weight:800;font-size:2.1rem}
#ht-stats .stat-l{font-size:13.5px;color:rgba(255,255,255,.78);font-weight:600;line-height:1.45}
@media(max-width:760px){#ht-stats .stats-inner{grid-template-columns:1fr 1fr;gap:1rem}#ht-stats .stat-n{font-size:2.2rem}#ht-stats .stat-box{padding:1.6rem 1rem 1.4rem}}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-931a139 */:root{
  --p:#5B3FBF; --p-d:#3D2990; --p-l:#7B5FD4; --p-pale:#EDE8FF; --p-soft:#F5F2FF;
  --white:#FFFFFF; --cream:#FAFAFA; --ink:#1A0D45; --ink-m:#4A3878; --ink-s:#8B7AAE;
  --border:#E8E2F8; --gold:#F59E0B; --gold-l:#FDE68A; --green:#10B981; --red:#EF4444; --pink:#FB7185;
  --r:14px; --r-lg:20px; --r-xl:28px;
  --sh:0 2px 16px rgba(91,63,191,.08); --sh-md:0 8px 32px rgba(91,63,191,.14); --sh-lg:0 20px 60px rgba(91,63,191,.2);
  --pixel:'Press Start 2P',monospace; --mono:'Space Mono',monospace; --display:'Cairo',sans-serif;
}
*{box-sizing:border-box}
h1,h2,h3,h4{font-family:var(--display)}
.ht-container{max-width:1140px;margin:0 auto;padding:0 5%}
.ht-center{text-align:center}
/* ═══ SECTIONS ═══ */
.sec{padding:96px 0;position:relative;overflow:hidden}
.sec-w{background:var(--white)}
.sec-p{background:var(--p);position:relative}
.sec-p::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle at 85% 12%,rgba(255,255,255,.06) 0,transparent 45%),radial-gradient(circle at 8% 92%,rgba(245,158,11,.08) 0,transparent 40%);pointer-events:none}
.sec>.container{position:relative;z-index:1}
.sec-pill{display:inline-flex;align-items:center;gap:7px;border-radius:100px;padding:6px 16px;font-size:12.5px;font-weight:800;margin-bottom:1.1rem}
.sec-w .sec-pill{background:var(--p-pale);color:var(--p);border:1px solid rgba(91,63,191,.15)}
.sec-p .sec-pill{background:rgba(255,255,255,.15);color:#fff;border:1px solid rgba(255,255,255,.28)}
.sec-h{font-size:clamp(1.7rem,3.4vw,2.6rem);font-weight:800;margin-bottom:.7rem;line-height:1.22}
.sec-w .sec-h{color:var(--ink)}.sec-p .sec-h{color:#fff}
.sec-sub{font-size:1.02rem;line-height:1.8;max-width:560px}
.sec-w .sec-sub{color:var(--ink-m)}.sec-p .sec-sub{color:rgba(255,255,255,.78)}
.reveal{opacity:0;transform:translateY(34px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}
.reveal.in{opacity:1;transform:none}
.reveal.d1{transition-delay:.08s}.reveal.d2{transition-delay:.16s}.reveal.d3{transition-delay:.24s}.reveal.d4{transition-delay:.32s}.reveal.d5{transition-delay:.4s}
 
/* ═══ CTA STRIP ═══ */
.cta-strip{border-radius:var(--r-lg);padding:1.85rem 2rem;margin-top:3rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;position:relative;overflow:hidden}
.sec-w .cta-strip{background:linear-gradient(135deg,var(--p-d),var(--p-l))}
.sec-p .cta-strip{background:rgba(255,255,255,.12);border:1.5px solid rgba(255,255,255,.25)}
.cta-strip h3{font-size:1.15rem;font-weight:800;color:#fff;margin-bottom:.25rem}
.cta-strip p{font-size:13.5px;color:rgba(255,255,255,.75)}
.tf-cta-btn{background:linear-gradient(135deg,#05d0e0,#03a7b5);color:#06343a;padding:13px 26px;border-radius:11px;font-size:14px;font-weight:800;border:none;cursor:none;text-decoration:none;display:inline-flex;align-items:center;gap:8px;flex-shrink:0;font-family:'Cairo';transition:transform .25s,box-shadow .25s;box-shadow:0 4px 14px rgba(5,208,224,.4)}
.tf-cta-btn:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 10px 26px rgba(5,208,224,.55)}
 
/* ═══ TRANSFORM (interactive morph) ═══ */
.tf-wrap{max-width:760px;margin:2.5rem auto 0}
.tf-switch{display:inline-flex;gap:4px;background:#fff;border:1.5px solid var(--border);border-radius:100px;padding:6px;margin:0 auto 2rem;position:relative;box-shadow:var(--sh)}
.tf-opt{-webkit-appearance:none;appearance:none;padding:12px 28px;border-radius:100px;font-size:14.5px;font-weight:800;border:none;cursor:none;font-family:'Cairo';background:transparent;color:var(--ink-s);position:relative;z-index:1;transition:color .3s;display:flex;align-items:center;gap:9px;-webkit-tap-highlight-color:transparent;outline:none}
.tf-opt i{font-size:15px;transition:transform .3s}
.tf-opt:hover{color:var(--ink-m);background:transparent}
.tf-opt:hover i{transform:scale(1.18) rotate(-6deg)}
.tf-opt.on,.tf-opt.on:hover,.tf-opt.on.before,.tf-opt.on.after{color:#fff}
.tf-thumb{position:absolute;top:6px;bottom:6px;border-radius:100px;z-index:0;box-shadow:0 6px 18px rgba(0,0,0,.16);transition:left .42s cubic-bezier(.34,1.4,.6,1),width .42s cubic-bezier(.34,1.4,.6,1),background .42s ease}
.tf-stage{position:relative;border-radius:var(--r-xl);padding:2rem 2.2rem;border:2px solid;overflow:hidden;transition:background .4s,border-color .4s}
.tf-stage.is-before{background:#FFF5F5;border-color:#FECACA}
.tf-stage.is-after{background:#F0FFF4;border-color:#BBF7D0}
.tf-stamp{position:absolute;top:16px;left:18px;font-size:8.5px;padding:6px 9px;border-radius:6px;line-height:1.4}
#ht-transform .tf-stamp{font-family:'Press Start 2P',monospace !important}
.tf-stage.is-before .tf-stamp{background:#FECACA;color:#B91C1C}
.tf-stage.is-after .tf-stamp{background:#BBF7D0;color:#14532D}
.tf-head{display:flex;align-items:center;gap:15px;margin-bottom:1.3rem}
.tf-avatar{width:64px;height:64px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:32px;transition:all .4s;border:2px solid;flex-shrink:0}
.tf-stage.is-before .tf-avatar{background:#FEE2E2;border-color:#FCA5A5}
.tf-stage.is-after .tf-avatar{background:#D1FAE5;border-color:#6EE7B7;transform:rotate(-6deg) scale(1.05)}
.tf-state{display:none}
.tf-state.on{display:block;animation:detSwap .45s ease}
.tf-state h3{font-size:1.55rem;font-weight:800;color:var(--ink);font-family:var(--display);text-align:right;margin:0;display:flex;align-items:center}
.tf-list{list-style:none;display:flex;flex-direction:column;gap:.6rem}
.tf-list li{font-size:14.5px;color:var(--ink-m);display:flex;align-items:center;gap:12px;line-height:1.55;font-weight:600;text-align:right;opacity:0}
.tf-state.on .tf-list li{animation:liIn .45s cubic-bezier(.34,1.4,.6,1) forwards}
.tf-state.on .tf-list li:nth-child(1){animation-delay:.06s}
.tf-state.on .tf-list li:nth-child(2){animation-delay:.14s}
.tf-state.on .tf-list li:nth-child(3){animation-delay:.22s}
.tf-state.on .tf-list li:nth-child(4){animation-delay:.30s}
.tf-state.on .tf-list li:nth-child(5){animation-delay:.38s}
@keyframes liIn{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}}
.tf-ic{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0;transition:transform .25s}
.tf-list li:hover .tf-ic{transform:scale(1.12) rotate(-6deg)}
.tf-stage.is-before .tf-ic{background:#FEE2E2;color:#DC2626}
.tf-stage.is-after .tf-ic{background:#D1FAE5;color:#059669}
.tf-quote{margin-top:1.6rem;border-radius:var(--r-lg);padding:1.4rem 1.8rem;text-align:center;background:var(--p-soft);border:1.5px solid var(--p-pale)}
.tf-quote p{font-size:1.02rem;font-weight:800;color:var(--ink);line-height:1.7}
.tf-quote span{color:var(--p)}
@keyframes detSwap{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.tf-list li{opacity:1 !important;animation:none !important}}
 
 
/* فرض خط Cairo على النصوص مع إبقاء الأيقونات تعمل */
[id^="ht-"] *:not(i):not(.fas):not(.fab):not(.far):not(.fa),
.hero *:not(i):not(.fas):not(.fab):not(.far):not(.fa),
nav *:not(i):not(.fas):not(.fab):not(.far):not(.fa),
footer *:not(i):not(.fas):not(.fab):not(.far):not(.fa),
.sec *:not(i):not(.fas):not(.fab):not(.far):not(.fa){font-family:'Cairo',sans-serif !important}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d88072c */:root{
  --p:#5B3FBF; --p-d:#3D2990; --p-l:#7B5FD4; --p-pale:#EDE8FF; --p-soft:#F5F2FF;
  --white:#FFFFFF; --cream:#FAFAFA; --ink:#1A0D45; --ink-m:#4A3878; --ink-s:#8B7AAE;
  --border:#E8E2F8; --gold:#F59E0B; --gold-l:#FDE68A; --green:#10B981; --red:#EF4444; --pink:#FB7185;
  --acc-c:#05d0e0; --acc-cd:#03a7b5;
  --r:14px; --r-lg:20px; --r-xl:28px;
  --sh:0 2px 16px rgba(91,63,191,.08); --sh-md:0 8px 32px rgba(91,63,191,.14); --sh-lg:0 20px 60px rgba(91,63,191,.2);
  --pixel:'Press Start 2P',monospace; --mono:'Space Mono',monospace; --display:'Cairo',sans-serif;
}
 
*{box-sizing:border-box}
.ht-container{max-width:1140px;margin:0 auto;padding:0 5%}
.ht-center{text-align:center}
/* فرض Cairo على النصوص مع إبقاء الأيقونات والخطوط الخاصة */
#ht-tracks *:not(i):not(.fas):not(.fab):not(.far):not(.fa):not(.ml):not(.detail-badge):not(.detail-xp):not(.med-num){font-family:'Cairo',sans-serif !important}
#ht-tracks .med-num{font-family:'Outfit',sans-serif !important}
#ht-tracks .ml,#ht-tracks .detail-badge,#ht-tracks .detail-xp{font-family:'Press Start 2P',monospace !important}
 
#ht-tracks .sec{padding:96px 0;position:relative;overflow:hidden}
#ht-tracks .sec-p{background:var(--p);position:relative}
#ht-tracks .sec-p::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle at 85% 12%,rgba(255,255,255,.06) 0,transparent 45%),radial-gradient(circle at 8% 92%,rgba(5,208,224,.08) 0,transparent 40%);pointer-events:none}
#ht-tracks .sec>.ht-container{position:relative;z-index:1}
#ht-tracks .sec-pill{display:inline-flex;align-items:center;gap:7px;border-radius:100px;padding:6px 16px;font-size:12.5px;font-weight:800;margin-bottom:1.1rem;background:rgba(255,255,255,.15);color:#fff;border:1px solid rgba(255,255,255,.28)}
#ht-tracks .sec-h{font-size:clamp(1.8rem,3.6vw,2.8rem);font-weight:800;margin-bottom:.7rem;line-height:1.22;color:#fff}
#ht-tracks .sec-sub{font-size:1.02rem;line-height:1.8;max-width:600px;color:rgba(255,255,255,.8)}
.reveal{opacity:0;transform:translateY(34px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}
.reveal.in{opacity:1;transform:none}
.reveal.d1{transition-delay:.08s}.reveal.d2{transition-delay:.16s}
 
/* ===== TABS ===== */
.track-tabs{display:flex;gap:.7rem;justify-content:center;flex-wrap:wrap;max-width:780px;margin:0 auto 2.3rem}
.ttab{flex:1 1 210px;max-width:250px;display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:17px;background:rgba(255,255,255,.07);border:1.5px solid rgba(255,255,255,.16);color:#fff;cursor:none;transition:all .25s;text-align:right}
.ttab .tt-ico{width:44px;height:44px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:19px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);flex-shrink:0;transition:all .25s;color:#fff}
.ttab .tt-txt{display:flex;flex-direction:column;line-height:1.3;min-width:0}
.ttab .tt-name{font-size:15.5px;font-weight:800}
.ttab .tt-sub{font-size:11.5px;font-weight:600;color:rgba(255,255,255,.55)}
.ttab:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.32);transform:translateY(-3px)}
.ttab.on{background:linear-gradient(135deg,var(--acc-c),var(--acc-cd));border-color:transparent;color:#06343a;box-shadow:0 10px 26px rgba(5,208,224,.4)}
.ttab.on .tt-ico{background:rgba(6,52,58,.16);border-color:transparent;color:#06343a;transform:scale(1.08) rotate(-6deg)}
.ttab.on .tt-sub{color:rgba(6,52,58,.72)}
@media(max-width:680px){.ttab{flex:1 1 100%;max-width:none}}
 
/* ===== PANELS ===== */
.track-panel{display:none}
.track-panel.on{display:block;animation:tpIn .5s cubic-bezier(.22,1,.36,1)}
@keyframes tpIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.world{position:relative;background:rgba(255,255,255,.07);border:1.5px solid rgba(255,255,255,.16);border-radius:var(--r-xl);padding:2.1rem;overflow:hidden}
.world::before{content:'';position:absolute;top:0;right:0;left:0;height:5px;background:linear-gradient(90deg,var(--acc),transparent 80%)}
.world::after{content:'';position:absolute;top:-60px;left:-60px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,var(--acc),transparent 70%);opacity:.14;pointer-events:none}
.world-head{display:flex;align-items:center;gap:16px;flex-wrap:wrap;position:relative;z-index:1}
.world-ico{width:66px;height:66px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:27px;color:#06222a;background:linear-gradient(135deg,var(--acc),#fff);box-shadow:0 8px 22px rgba(0,0,0,.25);flex-shrink:0;transition:transform .3s}
.world:hover .world-ico{transform:rotate(-7deg) scale(1.05)}
.world-headtext{display:flex;flex-direction:column;gap:7px}
.world-name{font-size:1.9rem;font-weight:800;color:#fff;font-family:var(--display);line-height:1.1}
.world-age{font-size:12.5px;font-weight:700;color:#06222a;background:var(--acc);padding:4px 13px;border-radius:100px;width:fit-content}
.world-desc{font-size:14.5px;color:rgba(255,255,255,.78);line-height:1.8;margin:1.2rem 0 1rem;font-weight:500;position:relative;z-index:1}
.meta-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:1.5rem;position:relative;z-index:1}
.meta-chip{font-size:12.5px;font-weight:700;padding:7px 14px;border-radius:100px;background:rgba(255,255,255,.13);color:#fff;border:1px solid rgba(255,255,255,.26);display:inline-flex;align-items:center;gap:6px}
.world-body{display:grid;grid-template-columns:300px 1fr;gap:1.5rem;position:relative;z-index:1}
@media(max-width:820px){.world-body{grid-template-columns:1fr}}
.rail-hint{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;color:#fff;background:rgba(255,255,255,.12);border:1px dashed rgba(255,255,255,.42);padding:7px 15px;border-radius:100px;margin-bottom:1.3rem;position:relative;z-index:1}
.rail-hint i{color:var(--acc-c);animation:pointbob 1.4s ease-in-out infinite}
@keyframes pointbob{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
.lvl-rail{position:relative;display:flex;flex-direction:column;gap:18px}
.lvl-rail::before{content:'';position:absolute;top:34px;bottom:34px;right:34px;width:3px;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.4) 0,rgba(255,255,255,.4) 7px,transparent 7px,transparent 15px);z-index:0}
.medallion{display:flex;align-items:center;gap:14px;background:transparent;border:none;cursor:none;text-align:right;padding:8px;border-radius:15px;transition:background .2s;position:relative;z-index:1;width:100%}
.medallion:hover{background:rgba(255,255,255,.07)}
.medallion .med-go{margin-inline-start:auto;color:rgba(255,255,255,.45);font-size:13px;transition:transform .25s,color .25s;flex-shrink:0}
.medallion:hover .med-go{color:#fff;transform:translateX(-4px)}
.medallion.active .med-go{opacity:0}
@keyframes medpulse{0%,100%{box-shadow:0 0 0 0 rgba(5,208,224,0)}50%{box-shadow:0 0 0 7px rgba(5,208,224,.22)}}
.medallion:not(.active) .med-circle{animation:medpulse 2.6s ease-in-out infinite}
.medallion:not(.active):hover .med-circle{animation:none}
.med-circle{width:56px;height:56px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:800;color:#fff;background:rgba(255,255,255,.13);border:2.5px solid rgba(255,255,255,.42);transition:transform .25s,box-shadow .25s,background .25s,border-color .25s;position:relative}
.med-circle .ml{position:absolute;top:-9px;font-size:6px;background:#06343a;color:var(--acc-c);padding:2px 4px;border-radius:4px;border:1px solid rgba(5,208,224,.5);white-space:nowrap}
.medallion:hover .med-circle{transform:scale(1.05)}
.medallion.active .med-circle{background:linear-gradient(135deg,var(--acc-c),var(--acc-cd));border-color:#fff;color:#06343a;transform:scale(1.1);box-shadow:0 0 0 6px rgba(5,208,224,.22),0 10px 24px rgba(5,208,224,.4)}
.med-meta{display:flex;flex-direction:column;gap:3px;min-width:0}
.med-title{font-size:16.5px;font-weight:800;color:rgba(255,255,255,.85);line-height:1.3;transition:color .2s}
.medallion.active .med-title{color:#fff}
.med-dur{font-size:12px;color:rgba(255,255,255,.58);font-weight:600}
.lvl-detail{background:rgba(255,255,255,.1);border:1.5px solid rgba(255,255,255,.24);border-radius:var(--r-lg);padding:1.7rem 1.8rem;position:relative;overflow:hidden;min-height:300px}
.lvl-detail::before{content:'';position:absolute;top:-50px;right:-50px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,var(--acc),transparent 70%);opacity:.18;pointer-events:none}
.detail-in{position:relative;z-index:1}
.detail-in.swap{animation:detSwapX .42s cubic-bezier(.22,1,.36,1)}
@keyframes detSwapX{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}
.detail-badge{font-size:8px;color:#06343a;background:var(--acc-c);padding:5px 9px;border-radius:6px;display:inline-block;margin-bottom:.85rem;letter-spacing:.5px}
.detail-title{font-size:1.65rem;font-weight:800;color:#fff;font-family:var(--display);line-height:1.22}
.detail-sub{font-size:14px;color:rgba(255,255,255,.74);margin-top:5px;font-weight:500}
.detail-dur{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;padding:6px 13px;border-radius:100px;background:rgba(255,255,255,.15);color:#fff;border:1px solid rgba(255,255,255,.3);margin-top:.9rem}
.detail-sep{height:1.5px;background:rgba(255,255,255,.16);margin:1.2rem 0}
.pts{display:flex;flex-direction:column;gap:12px;margin-bottom:1.2rem}
.pt{display:flex;align-items:flex-start;gap:11px;font-size:14.5px;color:#fff;line-height:1.65;font-weight:500}
.pt .dot{width:9px;height:9px;border-radius:50%;flex-shrink:0;margin-top:6px;box-shadow:0 0 8px var(--acc)}
.outcome{border-radius:13px;padding:14px 16px;border:1.5px solid var(--acc);background:rgba(255,255,255,.06)}
.outcome-t{font-size:14.5px;font-weight:800;color:#fff;line-height:1.55;display:flex;align-items:flex-start;gap:9px}
.outcome-c{font-size:13px;color:rgba(255,255,255,.8);margin-top:7px;display:flex;align-items:center;gap:7px;font-weight:600}
.detail-xp{font-size:8px;color:var(--acc-c);margin-top:10px}
.quest-cta{margin-top:1.6rem;display:flex;justify-content:flex-start;position:relative;z-index:1}
@media(max-width:820px){.quest-cta{justify-content:center}}
.btn-quest{background:linear-gradient(135deg,var(--acc-c),var(--acc-cd));color:#06343a;border:none;cursor:none;padding:14px 28px;border-radius:13px;font-size:14.5px;font-weight:800;display:inline-flex;align-items:center;gap:9px;transition:transform .22s,box-shadow .22s;box-shadow:0 6px 20px rgba(5,208,224,.4);text-decoration:none}
.btn-quest:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 30px rgba(5,208,224,.55)}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3293a17 */:root{
  --p:#5B3FBF; --p-d:#3D2990; --p-l:#7B5FD4; --p-pale:#EDE8FF; --p-soft:#F5F2FF;
  --white:#FFFFFF; --cream:#FAFAFA; --ink:#1A0D45; --ink-m:#4A3878; --ink-s:#8B7AAE;
  --border:#E8E2F8; --gold:#F59E0B; --gold-l:#FDE68A; --green:#10B981; --red:#EF4444; --pink:#FB7185;
  --r:14px; --r-lg:20px; --r-xl:28px;
  --sh:0 2px 16px rgba(91,63,191,.08); --sh-md:0 8px 32px rgba(91,63,191,.14); --sh-lg:0 20px 60px rgba(91,63,191,.2);
  --pixel:'Press Start 2P',monospace; --mono:'Space Mono',monospace; --display:'Cairo',sans-serif;
}
*{box-sizing:border-box}
h1,h2,h3,h4{font-family:var(--display)}
.ht-container{max-width:1140px;margin:0 auto;padding:0 5%}
.ht-center{text-align:center}
/* ═══ SECTIONS ═══ */
.sec{padding:96px 0;position:relative;overflow:hidden}
.sec-w{background:var(--white)}
.sec-p{background:var(--p);position:relative}
.sec-p::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle at 85% 12%,rgba(255,255,255,.06) 0,transparent 45%),radial-gradient(circle at 8% 92%,rgba(5,208,224,.08) 0,transparent 40%);pointer-events:none}
.sec>.container{position:relative;z-index:1}
.sec-pill{display:inline-flex;align-items:center;gap:7px;border-radius:100px;padding:6px 16px;font-size:12.5px;font-weight:800;margin-bottom:1.1rem}
.sec-w .sec-pill{background:var(--p-pale);color:var(--p);border:1px solid rgba(91,63,191,.15)}
.sec-p .sec-pill{background:rgba(255,255,255,.15);color:#fff;border:1px solid rgba(255,255,255,.28)}
.sec-h{font-size:clamp(1.7rem,3.4vw,2.6rem);font-weight:800;margin-bottom:.7rem;line-height:1.22}
.sec-w .sec-h{color:var(--ink)}.sec-p .sec-h{color:#fff}
.sec-sub{font-size:1.02rem;line-height:1.8;max-width:560px}
.sec-w .sec-sub{color:var(--ink-m)}.sec-p .sec-sub{color:rgba(255,255,255,.78)}
.reveal{opacity:0;transform:translateY(34px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}
.reveal.in{opacity:1;transform:none}
.reveal.d1{transition-delay:.08s}.reveal.d2{transition-delay:.16s}.reveal.d3{transition-delay:.24s}.reveal.d4{transition-delay:.32s}.reveal.d5{transition-delay:.4s}
 
/* ═══ CTA STRIP ═══ */
.cta-strip{border-radius:var(--r-lg);padding:1.85rem 2rem;margin-top:3rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;position:relative;overflow:hidden}
.sec-w .cta-strip{background:linear-gradient(135deg,var(--p-d),var(--p-l))}
.sec-p .cta-strip{background:rgba(255,255,255,.12);border:1.5px solid rgba(255,255,255,.25)}
.cta-strip h3{font-size:1.15rem;font-weight:800;color:#fff;margin-bottom:.25rem}
.cta-strip p{font-size:13.5px;color:rgba(255,255,255,.75)}
.j-cta-btn{background:linear-gradient(135deg,#05d0e0,#03a7b5);color:#06343a;padding:13px 26px;border-radius:11px;font-size:14px;font-weight:800;border:none;cursor:none;text-decoration:none;display:inline-flex;align-items:center;gap:8px;flex-shrink:0;font-family:'Cairo';transition:transform .25s,box-shadow .25s;box-shadow:0 4px 14px rgba(5,208,224,.4)}
.j-cta-btn:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 10px 26px rgba(5,208,224,.55)}
 
/* ═══ JOURNEY (How) ═══ */
.journey{position:relative;margin-top:3rem;display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}
.j-line{position:absolute;top:38px;right:11%;left:11%;height:4px;background:var(--p-pale);border-radius:4px;z-index:0;overflow:hidden}
.j-fill{position:absolute;top:0;bottom:0;right:0;left:auto;width:var(--jp,0%);background:linear-gradient(90deg,#05d0e0,#03a7b5);box-shadow:0 0 14px rgba(5,208,224,.6);transition:width .9s cubic-bezier(.45,0,.25,1);border-radius:4px}
.station{position:relative;z-index:1;text-align:center;padding:0 .4rem}
.st-node{width:76px;height:76px;border-radius:24px;margin:0 auto 1.2rem;background:#fff;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:26px;color:var(--ink-s);position:relative;transition:all .7s cubic-bezier(.34,1.4,.6,1)}
.st-num{position:absolute;top:-10px;left:-10px;width:30px;height:30px;border-radius:50%;background:#05d0e0;color:#06343a;font-weight:800;font-size:15px;display:flex;align-items:center;justify-content:center;transition:all .5s;border:2px solid #fff}
.station.lit .st-node{background:linear-gradient(135deg,var(--p-d),var(--p-l));border-color:transparent;color:#fff;transform:translateY(-6px) scale(1.05);box-shadow:0 14px 30px rgba(91,63,191,.35)}
.station.lit .st-num{background:#05d0e0;color:#06343a;box-shadow:0 0 0 4px rgba(5,208,224,.25),0 0 14px rgba(5,208,224,.6)}
.station h4{font-size:15.5px;font-weight:800;color:var(--ink);margin-bottom:.45rem}
.station p{font-size:13px;color:var(--ink-m);line-height:1.7}
.st-badge{font-size:10px;font-weight:700;color:var(--ink-s);display:block;margin-bottom:.7rem;letter-spacing:1.5px;text-transform:uppercase;transition:color .3s}
.station.lit .st-badge{color:var(--p)}
@media(max-width:760px){
  .journey{grid-template-columns:1fr;gap:0}
  .j-line{top:38px;bottom:38px;right:38px;left:auto;width:4px;height:auto}
  .j-fill{top:0;bottom:auto;right:0;left:0;width:100%;height:var(--jp,0%);background:linear-gradient(180deg,#05d0e0,#03a7b5);transition:height .9s cubic-bezier(.45,0,.25,1)}
  .station{display:flex;gap:18px;text-align:right;padding:0 0 2.2rem;align-items:flex-start}
  .st-node{margin:0;flex-shrink:0}
  .station>div{padding-top:8px}
}
 
 
/* فرض خط Cairo على النصوص مع إبقاء الأيقونات تعمل */
[id^="ht-"] *:not(i):not(.fas):not(.fab):not(.far):not(.fa),
.hero *:not(i):not(.fas):not(.fab):not(.far):not(.fa),
nav *:not(i):not(.fas):not(.fab):not(.far):not(.fa),
footer *:not(i):not(.fas):not(.fab):not(.far):not(.fa),
.sec *:not(i):not(.fas):not(.fab):not(.far):not(.fa){font-family:'Cairo',sans-serif !important}
#ht-journey .st-num,#ht-journey .st-badge{font-family:'Outfit',sans-serif !important}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4b66073 */:root{
  --p:#5B3FBF; --p-d:#3D2990; --p-l:#7B5FD4; --p-pale:#EDE8FF; --p-soft:#F5F2FF;
  --white:#FFFFFF; --cream:#FAFAFA; --ink:#1A0D45; --ink-m:#4A3878; --ink-s:#8B7AAE;
  --border:#E8E2F8; --gold:#F59E0B; --green:#10B981; --pink:#FB7185;
  --r:14px; --r-lg:20px; --r-xl:28px;
  --sh:0 2px 16px rgba(91,63,191,.08); --sh-md:0 8px 32px rgba(91,63,191,.14); --sh-lg:0 20px 60px rgba(91,63,191,.2);
  --pixel:'Press Start 2P',monospace;
  --display:'Cairo',sans-serif;
}
*{box-sizing:border-box}
h1,h2,h3,h4{font-family:var(--display)}
.ht-container{max-width:1140px;margin:0 auto;padding:0 5%}
.ht-center{text-align:center}
.sec{padding:96px 0;position:relative;overflow:hidden}
.sec-p{background:var(--p);position:relative}
.sec-p::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle at 85% 12%,rgba(255,255,255,.06) 0,transparent 45%),radial-gradient(circle at 8% 92%,rgba(5,208,224,.08) 0,transparent 40%);pointer-events:none}
.sec>.ht-container{position:relative;z-index:1}
.sec-pill{display:inline-flex;align-items:center;gap:7px;border-radius:100px;padding:6px 16px;font-size:12.5px;font-weight:800;margin-bottom:1.1rem;background:rgba(255,255,255,.15);color:#fff;border:1px solid rgba(255,255,255,.28)}
.sec-h{font-size:clamp(1.7rem,3.4vw,2.6rem);font-weight:800;margin-bottom:.7rem;line-height:1.22;color:#fff}
.sec-sub{font-size:1.02rem;line-height:1.8;max-width:560px;color:rgba(255,255,255,.78)}
.reveal{opacity:0;transform:translateY(34px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}
.reveal.in{opacity:1;transform:none}
.reveal.d1{transition-delay:.08s}.reveal.d2{transition-delay:.16s}
 
/* شبكة كروت عمودية (شورتس) */
.proj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1.4rem;margin-top:2.6rem;justify-content:center}
@media(max-width:520px){.proj-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}}
.proj{background:rgba(255,255,255,.09);border:1.5px solid rgba(255,255,255,.16);border-radius:var(--r-lg);overflow:hidden;transition:transform .35s cubic-bezier(.22,1,.36,1),background .3s,border-color .3s,box-shadow .3s}
.proj:hover{transform:translateY(-7px);background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.34);box-shadow:0 20px 44px rgba(0,0,0,.22)}
 
.proj-video{position:relative;aspect-ratio:3/4;background:#000;cursor:pointer;overflow:hidden}
.proj-video img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s,opacity .3s}
.proj-video:hover img{transform:scale(1.05);opacity:.85}
.proj-video .yt-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:50%;background:rgba(229,9,20,.92);display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;padding-left:4px;transition:transform .25s,background .25s;box-shadow:0 6px 18px rgba(0,0,0,.4)}
.proj-video:hover .yt-play{transform:translate(-50%,-50%) scale(1.12);background:#FF0000}
.proj-video .ptag{position:absolute;top:.6rem;right:.6rem;font-family:var(--pixel);font-size:7px;padding:5px 8px;border-radius:6px;background:rgba(26,13,69,.78);color:#fff;border:1px solid rgba(5,208,224,.5);z-index:2}
 
.proj-body{padding:.95rem 1.1rem 1.2rem;text-align:center}
.proj-name{font-size:15px;font-weight:800;color:#fff;font-family:var(--display);margin-bottom:.2rem}
.proj-track{font-size:12.5px;color:rgba(255,255,255,.62);display:flex;align-items:center;justify-content:center;gap:6px}
.proj-track i{color:#05d0e0;font-size:11px}
 
/* ===== LIGHTBOX ===== */
.lb-overlay{position:fixed;inset:0;z-index:99999;background:rgba(10,5,30,.9);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}
.lb-overlay.open{opacity:1;visibility:visible}
.lb-box{position:relative;width:min(420px,92vw);max-height:90vh;aspect-ratio:9/16;background:#000;border-radius:18px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.6);transform:scale(.92);transition:transform .35s cubic-bezier(.34,1.4,.6,1)}
.lb-overlay.open .lb-box{transform:scale(1)}
.lb-box iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.lb-close{position:absolute;top:10px;left:10px;width:40px;height:40px;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;border:1.5px solid rgba(255,255,255,.35);cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,.4);z-index:4;transition:transform .2s,background .2s;-webkit-tap-highlight-color:transparent}
.lb-close:hover{transform:rotate(90deg) scale(1.08);background:#FF3D3D;border-color:transparent}
.lb-cap{position:absolute;bottom:0;inset-inline:0;padding:14px 16px;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);color:#fff;font-weight:800;font-size:15px;font-family:'Cairo';text-align:center;z-index:2;pointer-events:none}
@media(max-width:520px){.lb-close{top:6px;left:6px}}
[id^="ht-"] *:not(i):not(.fas):not(.fab):not(.far):not(.fa){font-family:'Cairo',sans-serif !important}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-24b14a7 */:root{
  --p:#5B3FBF; --p-d:#3D2990; --p-l:#7B5FD4; --p-pale:#EDE8FF; --p-soft:#F5F2FF;
  --white:#FFFFFF; --cream:#FAFAFA; --ink:#1A0D45; --ink-m:#4A3878; --ink-s:#8B7AAE;
  --border:#E8E2F8; --gold:#F59E0B; --green:#10B981; --pink:#FB7185;
  --r:14px; --r-lg:20px; --r-xl:28px;
  --sh:0 2px 16px rgba(91,63,191,.08); --sh-md:0 8px 32px rgba(91,63,191,.14); --sh-lg:0 20px 60px rgba(91,63,191,.2);
  --display:'Cairo',sans-serif;
}
*{box-sizing:border-box}
h1,h2,h3,h4{font-family:var(--display)}
.ht-container{max-width:1140px;margin:0 auto;padding:0 5%}
.ht-center{text-align:center}
.sec{padding:96px 0;position:relative;overflow:hidden}
.sec-w{background:var(--white)}
.sec-pill{display:inline-flex;align-items:center;gap:7px;border-radius:100px;padding:6px 16px;font-size:12.5px;font-weight:800;margin-bottom:1.1rem;background:var(--p-pale);color:var(--p);border:1px solid rgba(91,63,191,.15)}
.sec-h{font-size:clamp(1.7rem,3.4vw,2.6rem);font-weight:800;margin-bottom:.7rem;line-height:1.22;color:var(--ink)}
.sec-sub{font-size:1.02rem;line-height:1.8;max-width:560px;color:var(--ink-m)}
.reveal{opacity:0;transform:translateY(34px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}
.reveal.in{opacity:1;transform:none}
.reveal.d1{transition-delay:.08s}.reveal.d2{transition-delay:.16s}
 
/* ===== CAROUSEL ===== */
.rv-carousel{margin-top:2.75rem;position:relative;max-width:1000px;margin-inline:auto}
.rv-viewport{overflow:hidden;border-radius:var(--r-xl);cursor:grab}
.rv-viewport.dragging{cursor:grabbing}
.rv-track{display:flex;will-change:transform;transition:transform .55s cubic-bezier(.22,1,.36,1)}
.rv-track.no-anim{transition:none}
.rv-slide{flex:0 0 33.3333%;padding:0 9px;box-sizing:border-box}
@media(max-width:860px){.rv-slide{flex-basis:50%}}
@media(max-width:560px){.rv-slide{flex-basis:100%}}
.rv-card{background:var(--cream);border:1.5px solid var(--border);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh);transition:box-shadow .25s,transform .25s,border-color .25s}
.rv-card:hover{box-shadow:var(--sh-md);transform:translateY(-4px);border-color:var(--p-l)}
.rv-card img{width:100%;height:auto;display:block;-webkit-user-drag:none;user-select:none;pointer-events:none}
/* أسهم */
.rv-arrow{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;background:#fff;border:1.5px solid var(--border);color:var(--p);font-size:17px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--sh-md);z-index:3;transition:background .2s,transform .2s,color .2s;-webkit-tap-highlight-color:transparent}
.rv-arrow:hover{background:var(--p);color:#fff;transform:translateY(-50%) scale(1.08)}
.rv-prev{right:-8px}
.rv-next{left:-8px}
@media(max-width:560px){.rv-arrow{width:42px;height:42px;font-size:15px}.rv-prev{right:2px}.rv-next{left:2px}}
/* نقاط */
.rv-dots{display:flex;justify-content:center;gap:8px;margin-top:1.6rem;flex-wrap:wrap}
.rv-dot{width:9px;height:9px;border-radius:50%;background:var(--border);border:none;cursor:pointer;padding:0;transition:all .25s;-webkit-tap-highlight-color:transparent}
.rv-dot.on{background:var(--p);width:26px;border-radius:5px}
.rv-count{margin-top:1rem;text-align:center;font-size:13px;color:var(--ink-s);font-weight:700}
.rv-count b{color:var(--p)}
[id^="ht-"] *:not(i):not(.fas):not(.fab):not(.far):not(.fa){font-family:'Cairo',sans-serif !important}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1e3e192 */:root{
  --p:#5B3FBF; --p-d:#3D2990; --p-l:#7B5FD4; --p-pale:#EDE8FF; --p-soft:#F5F2FF;
  --white:#FFFFFF; --cream:#FAFAFA; --ink:#1A0D45; --ink-m:#4A3878; --ink-s:#8B7AAE;
  --border:#E8E2F8; --gold:#F59E0B; --gold-l:#FDE68A; --green:#10B981; --red:#EF4444; --pink:#FB7185;
  --r:14px; --r-lg:20px; --r-xl:28px;
  --sh:0 2px 16px rgba(91,63,191,.08); --sh-md:0 8px 32px rgba(91,63,191,.14); --sh-lg:0 20px 60px rgba(91,63,191,.2);
  --pixel:'Press Start 2P',monospace; --mono:'Space Mono',monospace; --display:'Cairo',sans-serif;
}
*{box-sizing:border-box}
h1,h2,h3,h4{font-family:var(--display)}
.ht-container{max-width:1140px;margin:0 auto;padding:0 5%}
.ht-center{text-align:center}
/* ═══ SECTIONS ═══ */
.sec{padding:96px 0;position:relative;overflow:hidden}
.sec-w{background:var(--white)}
.sec-p{background:var(--p);position:relative}
.sec-p::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle at 85% 12%,rgba(255,255,255,.06) 0,transparent 45%),radial-gradient(circle at 8% 92%,rgba(5,208,224,.08) 0,transparent 40%);pointer-events:none}
.sec>.container{position:relative;z-index:1}
.sec-pill{display:inline-flex;align-items:center;gap:7px;border-radius:100px;padding:6px 16px;font-size:12.5px;font-weight:800;margin-bottom:1.1rem}
.sec-w .sec-pill{background:var(--p-pale);color:var(--p);border:1px solid rgba(91,63,191,.15)}
.sec-p .sec-pill{background:rgba(255,255,255,.15);color:#fff;border:1px solid rgba(255,255,255,.28)}
.sec-h{font-size:clamp(1.7rem,3.4vw,2.6rem);font-weight:800;margin-bottom:.7rem;line-height:1.22}
.sec-w .sec-h{color:var(--ink)}.sec-p .sec-h{color:#fff}
.sec-sub{font-size:1.02rem;line-height:1.8;max-width:560px}
.sec-w .sec-sub{color:var(--ink-m)}.sec-p .sec-sub{color:rgba(255,255,255,.78)}
.reveal{opacity:0;transform:translateY(34px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}
.reveal.in{opacity:1;transform:none}
.reveal.d1{transition-delay:.08s}.reveal.d2{transition-delay:.16s}.reveal.d3{transition-delay:.24s}.reveal.d4{transition-delay:.32s}.reveal.d5{transition-delay:.4s}
 
/* ═══ CTA STRIP ═══ */
.cta-strip{border-radius:var(--r-lg);padding:1.85rem 2rem;margin-top:3rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;position:relative;overflow:hidden}
.sec-w .cta-strip{background:linear-gradient(135deg,var(--p-d),var(--p-l))}
.sec-p .cta-strip{background:rgba(255,255,255,.12);border:1.5px solid rgba(255,255,255,.25)}
.cta-strip h3{font-size:1.15rem;font-weight:800;color:#fff;margin-bottom:.25rem}
.cta-strip p{font-size:13.5px;color:rgba(255,255,255,.75)}
.btn-gold{background:linear-gradient(135deg,#F59E0B,#F97316);color:#1A0D45;padding:13px 26px;border-radius:11px;font-size:14px;font-weight:800;border:none;cursor:none;text-decoration:none;display:inline-flex;align-items:center;gap:8px;flex-shrink:0;font-family:'Cairo';transition:transform .25s,box-shadow .25s;box-shadow:0 6px 18px rgba(245,158,11,.45)}
.btn-gold:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 10px 26px rgba(245,158,11,.6)}
 
/* ═══ WHY (uniform grid) ═══ */
.bento{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:2.75rem}
.bento .why{position:relative;background:rgba(255,255,255,.08);border:1.5px solid rgba(255,255,255,.16);border-radius:var(--r-lg);padding:1.9rem 1.7rem;transition:background .25s,border-color .25s,transform .25s;overflow:hidden;display:flex;flex-direction:column}
.bento .why:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.34);transform:translateY(-5px)}
.why-ico{width:56px;height:56px;border-radius:16px;background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-size:23px;color:#fff;margin-bottom:1.1rem;border:1px solid rgba(255,255,255,.2);transition:transform .25s,background .25s,border-color .25s,color .25s;flex-shrink:0}
.why:hover .why-ico{transform:rotate(-8deg) scale(1.08);background:linear-gradient(135deg,#05d0e0,#03a7b5);border-color:transparent;color:#06343a}
.why h4{font-size:1.12rem;font-weight:800;color:#fff;margin-bottom:.5rem;font-family:var(--display)}
.why p{font-size:13.5px;color:rgba(255,255,255,.72);line-height:1.75;font-weight:500}
.why-tag{position:absolute;top:14px;left:14px;font-family:var(--pixel);font-size:7px;color:rgba(255,255,255,.4)}
@media(max-width:820px){.bento{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.bento{grid-template-columns:1fr}}
 
 
/* فرض خط Cairo على النصوص مع إبقاء الأيقونات تعمل */
[id^="ht-"] *:not(i):not(.fas):not(.fab):not(.far):not(.fa),
.hero *:not(i):not(.fas):not(.fab):not(.far):not(.fa),
nav *:not(i):not(.fas):not(.fab):not(.far):not(.fa),
footer *:not(i):not(.fas):not(.fab):not(.far):not(.fa),
.sec *:not(i):not(.fas):not(.fab):not(.far):not(.fa){font-family:'Cairo',sans-serif !important}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0f4b07a */:root{
  --p:#5B3FBF; --p-d:#3D2990; --p-l:#7B5FD4; --p-pale:#EDE8FF; --p-soft:#F5F2FF;
  --white:#FFFFFF; --cream:#FAFAFA; --ink:#1A0D45; --ink-m:#4A3878; --ink-s:#8B7AAE;
  --border:#E8E2F8; --gold:#F59E0B; --gold-l:#FDE68A; --green:#10B981; --red:#EF4444; --pink:#FB7185;
  --r:14px; --r-lg:20px; --r-xl:28px;
  --sh:0 2px 16px rgba(91,63,191,.08); --sh-md:0 8px 32px rgba(91,63,191,.14); --sh-lg:0 20px 60px rgba(91,63,191,.2);
  --pixel:'Press Start 2P',monospace; --mono:'Space Mono',monospace; --display:'Cairo',sans-serif;
}
*{box-sizing:border-box}
h1,h2,h3,h4{font-family:var(--display)}
.ht-container{max-width:1140px;margin:0 auto;padding:0 5%}
.ht-center{text-align:center}
/* ═══ SECTIONS ═══ */
.sec{padding:96px 0;position:relative;overflow:hidden}
.sec-w{background:var(--white)}
.sec-pill{display:inline-flex;align-items:center;gap:7px;border-radius:100px;padding:6px 16px;font-size:12.5px;font-weight:800;margin-bottom:1.1rem}
.sec-w .sec-pill{background:var(--p-pale);color:var(--p);border:1px solid rgba(91,63,191,.15)}
.sec-h{font-size:clamp(1.7rem,3.4vw,2.6rem);font-weight:800;margin-bottom:.7rem;line-height:1.22}
.sec-w .sec-h{color:var(--ink)}
.sec-sub{font-size:1.02rem;line-height:1.8;max-width:560px}
.sec-w .sec-sub{color:var(--ink-m)}
.reveal{opacity:0;transform:translateY(34px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}
.reveal.in{opacity:1;transform:none}
.reveal.d1{transition-delay:.08s}.reveal.d2{transition-delay:.16s}.reveal.d3{transition-delay:.24s}
/* ═══ PRICING ═══ */
.toggle-wrap{display:none;background:var(--cream);border:1.5px solid var(--border);border-radius:13px;padding:5px;width:fit-content;margin:0 auto 2.5rem}
.toggle-wrap.show{display:flex}
.tog{padding:10px 28px;border-radius:9px;font-size:14px;font-weight:800;border:none;cursor:none;transition:all .2s;font-family:'Cairo';background:transparent;color:var(--ink-s)}
.tog.on{background:var(--p);color:#fff;box-shadow:0 4px 12px rgba(91,63,191,.35)}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem;align-items:start;transition:opacity .35s ease}
/* إخفاء الأسعار أثناء كشف البلد — فمستحيل يظهر السعرين معاً */
#ht-pricing.geo-pending .pricing-grid{opacity:0;pointer-events:none}
#ht-pricing.geo-pending .price-note{opacity:0}
.pc{background:var(--cream);border:2px solid var(--border);border-radius:var(--r-xl);padding:2.1rem;position:relative;overflow:hidden;transition:border-color .25s,box-shadow .25s,transform .25s}
.pc:hover{border-color:var(--p-l);box-shadow:var(--sh-md);transform:translateY(-5px)}
.pc.feat{border-color:var(--p);box-shadow:var(--sh-lg);background:var(--white);transform:scale(1.03)}
.pc.feat:hover{transform:scale(1.03) translateY(-5px)}
.feat-badge{position:absolute;top:-1px;right:1.8rem;background:var(--p);color:#fff;font-size:11.5px;font-weight:800;padding:6px 16px;border-radius:0 0 12px 12px}
.pc-name{font-size:13px;color:var(--ink-s);font-weight:800;margin-bottom:.4rem}
.pc-val{font-size:3rem;font-weight:800;color:var(--ink);line-height:1}
#ht-pricing .pc-val{font-family:'Outfit',sans-serif !important}
.pc-per{font-size:13px;color:var(--ink-s);margin-bottom:1.5rem;margin-top:.3rem}
.pc-feats{list-style:none;display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.8rem}
.pc-feats li{font-size:13.5px;color:var(--ink-m);display:flex;align-items:center;gap:9px;font-weight:500}
.pc-feats li i{color:var(--green);font-size:12px;flex-shrink:0}
.btn-pc{width:100%;padding:14px;border-radius:11px;font-size:14.5px;font-weight:800;cursor:none;border:none;font-family:'Cairo';transition:all .25s;display:flex;align-items:center;justify-content:center;gap:8px}
.btn-pc.ghost{background:transparent;border:1.5px solid var(--border);color:var(--p)}
.btn-pc.ghost:hover{background:var(--p-soft);border-color:var(--p-l)}
.btn-pc.solid{background:linear-gradient(135deg,var(--p-d),var(--p-l));color:#fff;box-shadow:0 4px 14px rgba(91,63,191,.3)}
.btn-pc.solid:hover{box-shadow:0 10px 26px rgba(91,63,191,.46);transform:translateY(-2px)}
.price-note{margin-top:1.5rem;text-align:center;font-size:13px;color:var(--ink-s);display:flex;align-items:center;justify-content:center;gap:8px;font-weight:600;transition:opacity .35s ease}
.price-note i{color:var(--p)}
@media(max-width:700px){.pricing-grid{grid-template-columns:1fr}.pc.feat{transform:none}.pc.feat:hover{transform:translateY(-5px)}}
/* فرض Cairo على النصوص مع إبقاء الأيقونات */
#ht-pricing *:not(i):not(.fas):not(.fab):not(.far):not(.fa):not(.pc-val){font-family:'Cairo',sans-serif !important}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8874746 */:root{
  --p:#5B3FBF; --p-d:#3D2990; --p-l:#7B5FD4; --p-pale:#EDE8FF; --p-soft:#F5F2FF;
  --white:#FFFFFF; --cream:#FAFAFA; --ink:#1A0D45; --ink-m:#4A3878; --ink-s:#8B7AAE;
  --border:#E8E2F8; --gold:#F59E0B; --gold-l:#FDE68A; --green:#10B981; --red:#EF4444; --pink:#FB7185;
  --r:14px; --r-lg:20px; --r-xl:28px;
  --sh:0 2px 16px rgba(91,63,191,.08); --sh-md:0 8px 32px rgba(91,63,191,.14); --sh-lg:0 20px 60px rgba(91,63,191,.2);
  --pixel:'Press Start 2P',monospace; --mono:'Space Mono',monospace; --display:'Cairo',sans-serif;
}
*{box-sizing:border-box}
h1,h2,h3,h4{font-family:var(--display)}
.ht-container{max-width:1140px;margin:0 auto;padding:0 5%}
.ht-center{text-align:center}
/* ═══ SECTIONS ═══ */
.sec{padding:96px 0;position:relative;overflow:hidden}
.sec-w{background:var(--white)}
.sec-p{background:var(--p);position:relative}
.sec-p::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle at 85% 12%,rgba(255,255,255,.06) 0,transparent 45%),radial-gradient(circle at 8% 92%,rgba(245,158,11,.08) 0,transparent 40%);pointer-events:none}
.sec>.container{position:relative;z-index:1}
.sec-pill{display:inline-flex;align-items:center;gap:7px;border-radius:100px;padding:6px 16px;font-size:12.5px;font-weight:800;margin-bottom:1.1rem}
.sec-w .sec-pill{background:var(--p-pale);color:var(--p);border:1px solid rgba(91,63,191,.15)}
.sec-p .sec-pill{background:rgba(255,255,255,.15);color:#fff;border:1px solid rgba(255,255,255,.28)}
.sec-h{font-size:clamp(1.7rem,3.4vw,2.6rem);font-weight:800;margin-bottom:.7rem;line-height:1.22}
.sec-w .sec-h{color:var(--ink)}.sec-p .sec-h{color:#fff}
.sec-sub{font-size:1.02rem;line-height:1.8;max-width:560px}
.sec-w .sec-sub{color:var(--ink-m)}.sec-p .sec-sub{color:rgba(255,255,255,.78)}
.reveal{opacity:0;transform:translateY(34px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}
.reveal.in{opacity:1;transform:none}
.reveal.d1{transition-delay:.08s}.reveal.d2{transition-delay:.16s}.reveal.d3{transition-delay:.24s}.reveal.d4{transition-delay:.32s}.reveal.d5{transition-delay:.4s}
 
/* ═══ CTA STRIP ═══ */
.cta-strip{border-radius:var(--r-lg);padding:1.85rem 2rem;margin-top:3rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;position:relative;overflow:hidden}
.sec-w .cta-strip{background:linear-gradient(135deg,var(--p-d),var(--p-l))}
.sec-p .cta-strip{background:rgba(255,255,255,.12);border:1.5px solid rgba(255,255,255,.25)}
.cta-strip h3{font-size:1.15rem;font-weight:800;color:#fff;margin-bottom:.25rem}
.cta-strip p{font-size:13.5px;color:rgba(255,255,255,.75)}
.btn-gold{background:linear-gradient(135deg,#F59E0B,#F97316);color:#1A0D45;padding:13px 26px;border-radius:11px;font-size:14px;font-weight:800;border:none;cursor:none;text-decoration:none;display:inline-flex;align-items:center;gap:8px;flex-shrink:0;font-family:'Cairo';transition:transform .25s,box-shadow .25s;box-shadow:0 6px 18px rgba(245,158,11,.45)}
.btn-gold:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 10px 26px rgba(245,158,11,.6)}
 
/* ═══ FAQ (2-col) ═══ */
.faq-layout{display:grid;grid-template-columns:300px 1fr;gap:2rem;margin-top:2.75rem;align-items:start}
@media(max-width:820px){.faq-layout{grid-template-columns:1fr}}
.faq-aside{background:rgba(255,255,255,.1);border:1.5px solid rgba(255,255,255,.2);border-radius:var(--r-lg);padding:1.9rem;position:sticky;top:90px}
.faq-aside .fa-ico{width:54px;height:54px;border-radius:16px;background:linear-gradient(135deg,var(--gold),#F97316);display:flex;align-items:center;justify-content:center;font-size:22px;color:#1A0D45;margin-bottom:1rem}
.faq-aside h3{font-size:1.3rem;color:#fff;font-weight:800;margin-bottom:.5rem;font-family:var(--display)}
.faq-aside p{font-size:13.5px;color:rgba(255,255,255,.74);line-height:1.8;margin-bottom:1.3rem}
.faq-aside a{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--p-d);font-weight:800;font-size:14px;padding:12px 22px;border-radius:11px;text-decoration:none;font-family:'Cairo';transition:transform .22s}
.faq-aside a:hover{transform:translateY(-2px)}
.faq-wrap{display:flex;flex-direction:column;gap:.8rem}
.faq-item{background:rgba(255,255,255,.08);border:1.5px solid rgba(255,255,255,.15);border-radius:var(--r);overflow:hidden;transition:border-color .25s,background .25s}
.faq-item.open{border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.14)}
.faq-q{padding:1.15rem 1.5rem;font-size:14.5px;font-weight:800;color:#fff;cursor:none;display:flex;justify-content:space-between;align-items:center;gap:1rem;user-select:none}
.faq-q:hover{background:rgba(255,255,255,.06)}
.faq-ic{width:30px;height:30px;border-radius:50%;border:1.5px solid rgba(255,255,255,.28);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:12px;color:#fff;transition:transform .25s,background .2s,border-color .2s}
.faq-item.open .faq-ic{transform:rotate(135deg);background:var(--gold);border-color:var(--gold);color:#1A0D45}
.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s;font-size:14px;color:rgba(255,255,255,.74);line-height:1.85;padding:0 1.5rem}
.faq-item.open .faq-a{max-height:320px;padding:.25rem 1.5rem 1.3rem}
 
 
/* فرض خط Cairo على النصوص مع إبقاء الأيقونات تعمل */
[id^="ht-"] *:not(i):not(.fas):not(.fab):not(.far):not(.fa),
.hero *:not(i):not(.fas):not(.fab):not(.far):not(.fa),
nav *:not(i):not(.fas):not(.fab):not(.far):not(.fa),
footer *:not(i):not(.fas):not(.fab):not(.far):not(.fa),
.sec *:not(i):not(.fas):not(.fab):not(.far):not(.fa){font-family:'Cairo',sans-serif !important}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-620fe3d */:root{
  --p:#5B3FBF; --p-d:#3D2990; --p-l:#7B5FD4; --p-pale:#EDE8FF; --p-soft:#F5F2FF;
  --white:#FFFFFF; --cream:#FAFAFA; --ink:#1A0D45; --ink-m:#4A3878; --ink-s:#8B7AAE;
  --border:#E8E2F8; --gold:#F59E0B; --gold-l:#FDE68A; --green:#10B981; --red:#EF4444; --pink:#FB7185;
  --r:14px; --r-lg:20px; --r-xl:28px;
  --sh:0 2px 16px rgba(91,63,191,.08); --sh-md:0 8px 32px rgba(91,63,191,.14); --sh-lg:0 20px 60px rgba(91,63,191,.2);
  --pixel:'Press Start 2P',monospace; --mono:'Space Mono',monospace; --display:'Cairo',sans-serif;
}
*{box-sizing:border-box}
h1,h2,h3,h4{font-family:var(--display)}
.ht-container{max-width:1140px;margin:0 auto;padding:0 5%}
.ht-center{text-align:center}
/* ═══ CTA FINAL ═══ */
.cta-section{padding:100px 5%;background:var(--white);text-align:center;position:relative;overflow:hidden}
.cta-box{max-width:720px;margin:0 auto;position:relative;z-index:1;background:linear-gradient(160deg,var(--p-d),var(--p),var(--p-l));border-radius:var(--r-xl);padding:3.6rem 3rem;box-shadow:var(--sh-lg);overflow:hidden}
.cta-box::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle at 80% 20%,rgba(245,158,11,.18) 0,transparent 45%);pointer-events:none}
.cta-confetti{position:absolute;font-size:22px;opacity:.25;animation:bob 6s ease-in-out infinite}
.cta-box h2{font-size:clamp(1.9rem,4vw,2.9rem);font-weight:800;color:#fff;margin-bottom:.9rem;line-height:1.2;position:relative}
.cta-box h2 span{color:var(--gold-l)}
.cta-box p{font-size:1rem;color:rgba(255,255,255,.8);margin-bottom:2.3rem;line-height:1.85;position:relative}
.cta-btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:1.3rem;position:relative}
.btn-cta-w{background:#fff;color:var(--p);padding:16px 34px;border-radius:13px;font-size:15px;font-weight:800;border:none;cursor:none;font-family:'Cairo';transition:transform .25s,box-shadow .25s;text-decoration:none;display:inline-flex;align-items:center;gap:9px;box-shadow:0 6px 22px rgba(0,0,0,.18)}
.btn-cta-w:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 32px rgba(0,0,0,.26)}
.btn-cta-wa{display:inline-flex;align-items:center;gap:10px;background:rgba(37,211,102,.18);border:2px solid rgba(37,211,102,.45);color:#4ADE80;padding:16px 30px;border-radius:13px;font-size:14px;font-weight:800;text-decoration:none;transition:all .25s;font-family:'Cairo'}
.btn-cta-wa:hover{background:rgba(37,211,102,.3);transform:translateY(-3px)}
.cta-note{font-size:12.5px;color:rgba(255,255,255,.55);position:relative;font-weight:600}
 
@keyframes bob{0%,100%{transform:translateY(0) rotate(var(--rot,0deg))}50%{transform:translateY(-15px) rotate(calc(var(--rot,0deg) + 4deg))}}
 
/* فرض خط Cairo على النصوص مع إبقاء الأيقونات تعمل */
[id^="ht-"] *:not(i):not(.fas):not(.fab):not(.far):not(.fa),
.hero *:not(i):not(.fas):not(.fab):not(.far):not(.fa),
nav *:not(i):not(.fas):not(.fab):not(.far):not(.fa),
footer *:not(i):not(.fas):not(.fab):not(.far):not(.fa),
.sec *:not(i):not(.fas):not(.fab):not(.far):not(.fa){font-family:'Cairo',sans-serif !important}/* End custom CSS */