:root{--color-primary:#4c1d95;--color-primary-light:#6d28d9;--bg:#f8fafc;--tint:#f8fafc;--tint2:#f1f5f9;--ease-out:cubic-bezier(.22,1,.36,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--dir:1;--font-display:Manrope,system-ui,sans-serif;--font-body:"Noto Sans",system-ui,sans-serif}[dir=rtl]{--dir:-1}:lang(ar),[lang=ar],[dir=rtl]{--font-display:"IBM Plex Sans Arabic","Noto Sans Arabic",Tahoma,sans-serif;--font-body:"IBM Plex Sans Arabic","Noto Sans Arabic",Tahoma,sans-serif}.cp-animated-landing{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent;font-family:var(--font-body);color:#1e293b;background:#f8fafc}.font-display{font-family:var(--font-display)}.font-body{font-family:var(--font-body)}.material-symbols-outlined{font-feature-settings:"liga" 1;-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;-webkit-user-select:none;user-select:none;direction:ltr;font-family:Material Symbols Outlined;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block}.filled-icon{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}[dir=rtl] .rtl-flip{transform:scaleX(-1)}.scroll-progress{inset-inline:0;transform-origin:0;pointer-events:none;background:#4c1d95;height:3px;position:absolute;bottom:0;transform:scaleX(0)}[dir=rtl] .scroll-progress{transform-origin:100%}.illu-frame{background:#f8fafc;border:2px solid #e2e8f0;border-radius:16px;overflow:hidden}.section-pad{padding-top:3.5rem;padding-bottom:3.5rem}@media (min-width:640px){.section-pad{padding-top:5rem;padding-bottom:5rem}}@media (min-width:1024px){.section-pad{padding-top:7rem;padding-bottom:7rem}}.bg-hero{background:#fff}.bg-mist,.bg-tint{background:#f8fafc}.bg-white{background:#fff}.cta-flat{background:#4c1d95}.text-muted{color:#64748b}.landing-collapse{transition:grid-template-rows .32s var(--ease-out);grid-template-rows:0fr;display:grid}.landing-collapse[data-open=true]{grid-template-rows:1fr}.landing-collapse>*{overflow:hidden}.landing-collapse[data-open=true]>*>p{animation:faq-ans .45s var(--ease-out) both}@keyframes faq-ans{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.faq-icon{transition:transform .4s var(--ease-spring),color .3s var(--ease-out)!important}.js [data-reveal],.js [data-reveal=up],.js [data-reveal=fade],.js [data-reveal=scale],.js [data-reveal].is-in{opacity:1;transform:none}.js h1[data-reveal],h1{opacity:1!important;transform:none!important}.js .draw-path{stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset 1s var(--ease-out);transition-delay:var(--d,.2s)}.js .is-in .draw-path,.js .hero-visual.is-drawing .draw-path{stroke-dashoffset:0}.is-paused,.is-paused *{animation-play-state:paused!important}.hl-icon{transition:transform .35s var(--ease-out),background-color .35s var(--ease-out),color .35s var(--ease-out)}@media (hover:hover) and (min-width:1024px){article:hover .hl-icon{color:#fff;background-color:#4c1d95;transform:translateY(-3px)}}.anim,.doc-head,.doc-line,.s1-f,.s2-prog,.write-line,.s1-chip,.s2-check,.road-node,.feat-check,.pop-check,.chip-circ,.hero-window,.fbar,.fc-bar,.s3-b,.draw-scale,.tam-c,.exp-node,.exp-ring{transform-box:fill-box}.doc-head,.doc-line,.s1-f,.s2-prog,.write-line{transform-origin:0}.fbar,.fc-bar,.s3-b,.draw-scale{transform-origin:bottom}.s1-chip,.s2-check,.road-node,.feat-check,.pop-check,.chip-circ,.hero-window,.tam-c,.exp-node,.exp-ring,.pulse-ring{transform-origin:50%}.js .hero-visual .hero-window{opacity:0;animation:hero-win .6s var(--ease-out) .1s forwards;transform:scale(.96)}@keyframes hero-win{to{opacity:1;transform:scale(1)}}.js .hero-visual .doc-head,.js .hero-visual .doc-line{animation:write-x .4s var(--ease-out) forwards;transform:scaleX(0)}.js .hero-visual .doc-head{animation-delay:.4s}.js .hero-visual .doc-line{animation-delay:calc(.5s + var(--i)*80ms)}@keyframes write-x{to{transform:scaleX(1)}}.js .hero-visual .chart-area{opacity:0}.js .hero-visual.is-drawing .chart-area{animation:fade-in .45s var(--ease-out) .85s forwards}.js .hero-visual.is-drawing .chart-line{transition-delay:.35s}@keyframes fade-in{to{opacity:1}}.js .hero-visual .kpi-anim{opacity:0;animation:kpi-in .45s var(--ease-out) forwards;transform:translateY(8px)}.js .hero-visual .kpi-anim:first-child{animation-delay:1.15s}.js .hero-visual .kpi-anim:nth-child(2){animation-delay:1.25s}.js .hero-visual .kpi-anim:nth-child(3){animation-delay:1.35s}@keyframes kpi-in{to{opacity:1;transform:none}}.js .hero-visual .chip-anim{opacity:0;animation:chip-pop .5s var(--ease-spring) forwards;transform:scale(.85)}.js .hero-visual .chip-anim.c1{animation-delay:1.45s}.js .hero-visual .chip-anim.c2{animation-delay:1.55s}.js .hero-visual .chip-anim.c3{animation-delay:1.65s}@keyframes chip-pop{to{opacity:1;transform:scale(1)}}.js .hero-visual.is-ready .chip-anim.c1{opacity:1;animation:6s ease-in-out infinite drift-y}.js .hero-visual.is-ready .chip-anim.c2{opacity:1;animation:7s ease-in-out infinite drift-y}.js .hero-visual.is-ready .chip-anim.c3{opacity:1;animation:8s ease-in-out infinite drift-y}@keyframes drift-y{0%,to{transform:translateY(var(--parallax-y,0px))}50%{transform:translateY(calc(var(--parallax-y,0px) - 8px))}}.js .hero-visual.is-drawing .pulse-ring{animation:pulse-ring-kf 1.1s var(--ease-out) 1.1s 1 forwards}@keyframes pulse-ring-kf{0%{opacity:.8;transform:scale(.7)}70%{opacity:0;transform:scale(1.55)}to{opacity:0;transform:scale(1.55)}}.hero-desktop{display:none}.hero-mobile{display:block}@media (min-width:640px){.hero-desktop{display:block}.hero-mobile{display:none}}.how-steps{margin-top:3.5rem;padding:0;list-style:none}.how-step article{transition:border-color .3s var(--ease-out),box-shadow .3s var(--ease-out)}@media (hover:hover) and (min-width:1024px){.how-step article:hover{border-color:#4c1d9547;box-shadow:0 10px 24px -12px #4c1d9547}}.how-step-num{box-shadow:0 0 0 4px #f8fafc}@media (min-width:768px){.how-step:not(:last-child):after{content:"";top:2.1rem;pointer-events:none;background:#c4b5fd;width:2rem;height:2px;position:absolute;inset-inline-end:-1rem}[dir=rtl] .how-step:not(:last-child):after{background:#c4b5fd}}.step-badge{top:0;z-index:2;color:#fff;background:#4c1d95;border-radius:999px;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-size:.875rem;font-weight:800;display:flex;position:absolute;inset-inline-start:1.25rem;transform:translateY(-50%);box-shadow:0 0 0 4px #f8fafc}.step-chevron{display:none}@media (min-width:768px){.step-chevron{top:2.75rem;z-index:3;color:#4c1d95;background:#f8fafc;border-radius:999px;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;display:flex;position:absolute;inset-inline-end:-1.1rem}.md-steps>li:last-child .step-chevron{display:none}}.js .is-in .s1-f{animation:write-x .4s var(--ease-out) forwards;animation-delay:calc(.15s + var(--i)*.12s);transform:scaleX(0)}.js .is-in .s1-caret{animation:1s step-end .6s infinite caret-blink}@keyframes caret-blink{0%,50%{opacity:1}51%,to{opacity:0}}.js .is-in .s1-chip{opacity:0;animation:chip-pop .45s var(--ease-spring) .8s forwards;transform:scale(.7)}.js .is-in .s2-card-anim{opacity:0;animation:kpi-in .45s var(--ease-out) forwards;animation-delay:calc(.2s + var(--i)*.12s);transform:translateY(10px)}.js .is-in .s2-spark-anim{animation:6s ease-in-out infinite spark-spin}@keyframes spark-spin{0%,to{transform:rotate(0)scale(1)}50%{transform:rotate(10deg)scale(1.05)}}.js .is-in .s2-prog{animation:write-x 1s var(--ease-out) .45s forwards;transform:scaleX(0)}.js .is-in .s2-check{opacity:0;animation:chip-pop .45s var(--ease-spring) 1.3s forwards;transform:scale(.5)}.js .is-in .s3-k1,.js #how-it-works.is-section-in .s3-k1{animation:4.5s ease-in-out infinite knob1}.js .is-in .s3-k2,.js #how-it-works.is-section-in .s3-k2{animation:5s ease-in-out infinite knob2}@keyframes knob1{0%,to{transform:translate(0)}50%{transform:translate(28px)}}@keyframes knob2{0%,to{transform:translate(0)}50%{transform:translate(-18px)}}.js .is-in .s3-b,.js #how-it-works.is-section-in .s3-b{animation:4.5s ease-in-out infinite bar-recalc;animation-delay:calc(var(--i)*80ms);transform:scaleY(.55)}@keyframes bar-recalc{0%,to{transform:scaleY(.55)}50%{transform:scaleY(1)}}.feat-preview{height:96px;margin-bottom:1rem}.js .is-in .write-line{animation:write-x .4s var(--ease-out) forwards;animation-delay:calc(.1s + var(--i)*80ms);transform:scaleX(0)}.js .is-in .feat-check{opacity:0;animation:chip-pop .45s var(--ease-spring) .5s forwards;transform:scale(.6)}.js .is-in .fbar{animation:grow-y .55s var(--ease-out) forwards;animation-delay:calc(.1s + var(--i)*80ms);transform:scaleY(0)}@keyframes grow-y{to{transform:scaleY(1)}}.js .is-in .tam-c{animation:circ-in .5s var(--ease-spring) forwards;animation-delay:calc(.1s + var(--i)*.12s);transform:scale(0)}@keyframes circ-in{to{transform:scale(1)}}.js .is-in .road-node{opacity:0;animation:chip-pop .4s var(--ease-spring) forwards;animation-delay:calc(.3s + var(--i)*.18s);transform:scale(.5)}.js .is-in .pdf-arrow{animation:nudge-down 1.2s var(--ease-out) .5s 1}@keyframes nudge-down{0%,to{transform:translateY(0)}40%{transform:translateY(5px)}}.js .check-pop{transition:transform .45s var(--ease-spring);transition-delay:var(--d,0s);display:inline-block;transform:scale(.6)}.js .is-in .check-pop{transform:scale(1)}.js .fc-bar{transition:transform .55s var(--ease-out),opacity .3s;transition-delay:calc(.1s + var(--i)*80ms);transform:scaleY(0)}.js .is-in .fc-bar{transform:scaleY(1)}.js .fc-bar.is-dim{opacity:.35}.js .be-badge{opacity:0;transition:transform .45s var(--ease-spring),opacity .35s;transform:scale(.9)}.js .is-in .be-badge{opacity:1;transform:scale(1)}.count-pending{visibility:hidden}.js .count-ready{visibility:visible}.float-idle{animation:5.5s ease-in-out infinite float-soft}@keyframes float-soft{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.cta-btn,.cta-btn .rtl-flip{transition:transform .3s var(--ease-out)}@media (hover:hover){.cta-btn:hover{transform:scale(1.02)}.cta-btn:hover .rtl-flip{transform:translateX(calc(var(--dir)*4px))}[dir=rtl] .cta-btn:hover .rtl-flip{transform:scaleX(-1)translate(4px)}}.demo-range{accent-color:#4c1d95;width:100%}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.js [data-reveal],.js .hero-visual .hero-window,.js .hero-visual .doc-head,.js .hero-visual .doc-line,.js .hero-visual .chart-area,.js .hero-visual .kpi-anim,.js .hero-visual .chip-anim,.js .draw-path,.js .s1-f,.js .s1-chip,.js .s2-card-anim,.js .s2-prog,.js .s2-check,.js .s3-b,.js .write-line,.js .fbar,.js .feat-check,.js .tam-c,.js .road-node,.js .fc-bar,.js .be-badge,.js .check-pop,.js .count-pending{opacity:1!important;stroke-dashoffset:0!important;visibility:visible!important;transform:none!important}}