:root{--ink:#15182e;--muted:#65687b;--purple:#6332df;--purple-dark:#5122c4;--teal:#00aabd;--line:#e5e6ee;--paper:#f7f8fc;--font:'Noto Sans Arabic',Tahoma,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--ink);background:#fff;font-family:var(--font);font-size:15px;line-height:1.9;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%;height:auto}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #00aabd;outline-offset:5px}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.container{width:min(1240px,calc(100% - 96px));margin-inline:auto}.skip{position:fixed;top:-70px;right:20px;z-index:99;background:var(--ink);color:white;padding:10px 20px}.skip:focus{top:10px}
.header{height:94px;position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);border-bottom:1px solid rgba(229,230,238,.8);backdrop-filter:blur(16px)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:block;width:139px;flex-shrink:0}.nav nav{display:flex;align-items:center;gap:33px;font-size:13px;font-weight:600}.nav nav a{transition:color .2s}.nav nav a:hover{color:var(--purple)}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;background:var(--purple);color:#fff;border:1px solid transparent;border-radius:9px;min-height:56px;padding:12px 24px;font-weight:700;font-size:14px;transition:background .2s,transform .2s,box-shadow .2s;white-space:nowrap}.button:hover{background:var(--purple-dark);transform:translateY(-2px);box-shadow:0 8px 24px #6332df24}.button svg{width:20px}.button-small{min-height:44px;padding:8px 18px;font-size:12px;gap:25px}.menu-toggle{display:none}.eyebrow{font-size:12px;letter-spacing:.01em;color:var(--purple);font-weight:700;margin:0 0 18px;display:flex;align-items:center;gap:9px}.status-dot{width:7px;height:7px;background:var(--teal);border-radius:50%;box-shadow:0 0 0 5px #00aabd12}.hero{background:linear-gradient(180deg,#f8f8fc 0%,#fafbfe 86%,#fff 100%);padding:68px 0 0;overflow:hidden}.hero-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:54px;align-items:center}.hero h1{font-size:clamp(39px,4.2vw,62px);line-height:1.5;letter-spacing:-2px;margin:0 0 21px;font-weight:800}.hero h1 span{color:var(--purple);position:relative;white-space:nowrap}.hero h1 span:after{content:'';position:absolute;height:5px;bottom:1px;right:0;left:0;background:linear-gradient(90deg,#00b4c8,#6e35e8);border-radius:10px;opacity:.55}.hero-description{font-size:15px;line-height:2.1;color:var(--muted);max-width:440px;margin:0 0 27px}.hero-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.text-link{display:inline-flex;gap:12px;align-items:center;font-size:12px;font-weight:700}.text-link:hover{color:var(--purple)}.text-link svg{width:20px}.hero-actions .text-link{font-size:11px}.hero-notes{display:flex;gap:23px;margin-top:22px;color:var(--muted);font-size:10px}.hero-notes span{display:flex;align-items:center;gap:6px}.hero-notes svg{width:15px;height:15px;stroke:var(--teal);stroke-width:2.3}.product-preview{min-width:0;position:relative;padding-top:16px}.product-preview:before{content:'';position:absolute;width:450px;height:450px;left:-55px;top:-30px;z-index:0;border-radius:50%;background:radial-gradient(circle,#ded2fc77,transparent 69%);pointer-events:none}.preview-label{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:9px;margin-bottom:12px;position:relative}.small-line{height:1px;width:30px;background:#a9a1bf}.browser-frame{position:relative;border:1px solid #e0dce9;background:white;border-radius:13px;box-shadow:0 24px 70px #32215e15,0 3px 7px #32215e08;overflow:hidden;transform:perspective(1300px) rotateY(3deg)}.browser-bar{height:33px;background:#fff;border-bottom:1px solid var(--line);display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;padding:0 13px;font:9px Arial,sans-serif;color:#a2a1ae}.browser-dots{display:flex;gap:4px}.browser-dots i{width:5px;height:5px;background:#d8d5e2;border-radius:50%}.browser-dots i:first-child{background:#e3c4d2}.secure-mark{color:#00aabd}.screen-wrap{position:relative;background:#f0f3f8;aspect-ratio:1270/714;overflow:hidden}.screen-wrap img{width:100%;height:100%;object-fit:cover}.zoom-button{position:absolute;bottom:10px;left:10px;display:flex;align-items:center;justify-content:center;padding:9px;background:#ffffffef;border:1px solid #e2e0e8;border-radius:7px;color:#433b5d;box-shadow:0 2px 5px #0001}.zoom-button svg{width:16px;height:16px}.zoom-button:hover{color:var(--purple)}.preview-controls{display:flex;justify-content:center;gap:4px;margin-top:20px;position:relative}.preview-controls button{border:1px solid transparent;background:transparent;color:var(--muted);font-size:11px;padding:6px 17px;border-radius:6px}.preview-controls button[aria-selected=true]{background:white;color:var(--purple);border-color:#e6def8;box-shadow:0 2px 7px #42247c07}.preview-caption{text-align:center;font-size:10px;min-height:40px;color:#4b4d63;margin:10px 0 0;position:relative}.preview-caption span{color:#858697;display:block;font-size:9px}.capability-strip{margin-top:70px;padding-block:30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px}.capability-strip>span{font-size:11px;line-height:1.9;color:var(--muted);border-inline-end:1px solid var(--line);padding-inline-end:45px}.capability-strip strong{color:var(--ink);font-size:13px}.capability-strip p{font-size:12px;color:#65677d;margin:0;font-weight:600}.capability-strip i{width:4px;height:4px;border-radius:50%;background:#bbb6cf}
.section{padding:100px 0}.section-heading{margin-bottom:44px}.section-heading h2{font-size:34px;line-height:1.65;letter-spacing:-.9px;margin:0 0 14px;font-weight:800}.section-heading>p:not(.eyebrow){font-size:13px;line-height:2.1;color:var(--muted);margin:0}.heading-inline{display:flex;align-items:flex-end;justify-content:space-between;gap:60px}.heading-inline>p{max-width:330px;padding-bottom:14px}.workflow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.workflow-grid article{position:relative;padding-top:25px;border-top:1px solid var(--line)}.step-number{position:absolute;left:0;top:25px;font:11px Arial,sans-serif;color:#aaa6b8}.step-icon{color:var(--purple);margin-bottom:20px}.step-icon svg{width:30px;height:30px}.workflow-grid h3{font-size:19px;margin:0 0 12px}.workflow-grid p{font-size:12px;color:var(--muted);margin:0;line-height:2.2;max-width:330px}.modules{background:var(--paper)}.module-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:18px}.module-card{border:1px solid #e8e8f0;background:#fff;border-radius:16px;padding:30px;display:flex;flex-direction:column;min-height:260px}.module-icon{color:var(--purple);margin-bottom:20px}.module-icon svg{width:27px;height:27px}.module-card h3{font-size:17px;margin:0 0 12px;font-weight:700}.module-card>p{font-size:12px;line-height:2.2;color:var(--muted);margin:0 0 26px}.card-foot{font-size:10px;color:#8a879b;margin-top:auto;padding-top:18px;border-top:1px solid #efedf5}.inventory-card{grid-row:span 2;background:#1c1833;border-color:#1c1833;color:#fff;position:relative;overflow:hidden;padding:36px}.inventory-card:after{content:'';position:absolute;width:260px;height:260px;background:radial-gradient(circle,#6135c557,transparent 70%);bottom:-45px;left:-95px;pointer-events:none}.inventory-card .module-icon{color:#a896ed;margin-bottom:35px}.inventory-card .card-kicker{font-size:11px;color:#ad9cdd;margin-bottom:10px}.inventory-card h3{font-size:31px;line-height:1.8;margin-bottom:20px}.inventory-card>p:not(.card-kicker){color:#c0bace}.inventory-visual{margin-top:auto;background:#ffffff0a;border:1px solid #ffffff15;border-radius:10px;padding:18px 14px;display:flex;align-items:center;gap:12px;position:relative;z-index:1}.inventory-visual b{display:block;font-size:11px;font-weight:500}.inventory-visual small{color:#a9a2bf;font-size:8px;display:block;margin-top:5px}.inventory-visual svg{margin-inline-start:auto;width:20px;color:#55c7be}.barcode{width:28px;height:32px;background:repeating-linear-gradient(90deg,#ccc3e5 0 1px,transparent 1px 3px,#ccc3e5 3px 5px,transparent 5px 7px);flex-shrink:0}.visual-note{color:#a59bbd;font-size:9px;margin-top:15px;position:relative;z-index:1}.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.solution-grid article{border-top:2px solid var(--ink);padding-top:21px}.solution-no{font:9px Arial,sans-serif;letter-spacing:1px;color:#9290a3;display:block;margin-bottom:25px;direction:ltr;text-align:right}.solution-grid svg{color:var(--purple);width:30px;height:30px}.solution-grid h3{font-size:20px;margin:18px 0 12px}.solution-grid p{font-size:12px;color:var(--muted);min-height:58px;line-height:2.2;max-width:300px;margin-bottom:25px}.tags{display:flex;gap:7px;flex-wrap:wrap}.tags span{font-size:9px;padding:4px 10px;border-radius:5px;background:#f5f3fa;color:#77708c}.branch-banner{margin-top:65px;display:flex;align-items:center;gap:30px;padding:27px 32px;border:1px solid #e8e5f1;border-radius:12px;background:#fcfbff}.branch-art{display:flex;align-items:center;color:#a28ac8}.branch-art svg{width:27px;height:27px}.branch-art span{height:1px;width:12px;background:#d7c9e9}.branch-banner h3{font-size:13px;margin:0 0 4px}.branch-banner p{font-size:10px;color:var(--muted);margin:0}.branch-banner .text-link{margin-inline-start:auto;white-space:nowrap;color:var(--purple);font-size:11px}.faq{background:#fafafd;border-top:1px solid #f1eff6}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:110px}.faq .section-heading{margin:0}.faq .text-link{margin-top:24px;color:var(--purple)}.faq-list details{border-bottom:1px solid #e7e5ee;padding:20px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{list-style:none;display:flex;justify-content:space-between;gap:25px;align-items:center;cursor:pointer;font-size:13px;font-weight:600}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font:24px Arial,sans-serif;color:var(--purple);transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:12px;line-height:2.3;color:var(--muted);margin:15px 0 0;padding-inline-end:35px}.final-section{padding:65px 0}.final-cta{border-radius:20px;position:relative;overflow:hidden;background:#211736;color:#fff;text-align:center;padding:65px 25px}.final-cta>*:not(.final-orbit){position:relative;z-index:1}.final-cta .eyebrow{justify-content:center;color:#b7a3ed}.final-cta h2{font-size:36px;line-height:1.7;letter-spacing:-.6px;margin:0 0 16px}.final-cta>p:not(.eyebrow){font-size:12px;color:#c4bbd5;margin:0 0 26px}.button-white{background:#fff;color:#3e2563;font-size:12px;min-height:52px}.button-white:hover{background:#f1ebff;color:#3e2563}.final-orbit{position:absolute;border:1px solid #ffffff0b;width:800px;height:800px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;box-shadow:0 0 0 80px #ffffff03,0 0 0 160px #ffffff02;background:radial-gradient(ellipse,#663eaa33,transparent 65%)}.footer{display:flex;align-items:center;gap:35px;padding-bottom:30px;padding-top:4px}.footer .brand{width:100px}.footer p{font-size:10px;color:#8b879a;margin:0}.footer>span{font-size:9px;color:#8b879a;margin-inline-start:auto}.back-top{font-size:9px;color:#777184}.footer bdi{font-weight:400}dialog{border:1px solid #e3dced;border-radius:12px;padding:0;background:white;max-width:min(1320px,94vw);width:1320px;max-height:94vh;color:var(--ink);box-shadow:0 30px 120px #0005}dialog::backdrop{background:#151023c9;backdrop-filter:blur(5px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid var(--line)}.dialog-head h2{font-size:13px;margin:0}.dialog-head button{border:0;background:#f0edf6;border-radius:6px;width:34px;height:34px;font:26px Arial;color:#4d3c6e}dialog>img{width:100%;max-height:73vh;object-fit:contain;background:#f0f3f8}dialog>p{font-size:10px;text-align:center;padding:10px;margin:0;color:var(--muted)}body.modal-open{overflow:hidden}
@media(min-width:1600px){.hero{padding-top:90px}.hero-grid{gap:75px}.hero h1{font-size:66px}.hero-description{font-size:16px}}
@media(max-width:1100px){.container{width:calc(100% - 64px)}.hero-grid{gap:28px;grid-template-columns:1fr 1.1fr}.hero h1{font-size:42px}.hero-description{font-size:13px}.hero-actions{gap:15px}.hero-actions .button{font-size:12px;padding-inline:18px;min-height:50px}.capability-strip{gap:15px}.capability-strip>span{padding-inline-end:25px}.capability-strip p{font-size:10px}.module-card{padding:24px}.inventory-card{padding:28px}.inventory-card h3{font-size:28px}.faq-grid{gap:60px}.branch-banner{gap:18px;padding:25px}.branch-art{display:none}.section{padding-block:80px}}
@media(max-width:800px){.container{width:calc(100% - 40px)}.header{height:78px}.brand{width:115px}.nav{gap:15px}.nav nav{gap:20px;font-size:11px}.nav-cta{gap:12px;padding:7px 13px;font-size:10px;min-height:40px}.hero{padding-top:44px}.hero-grid{grid-template-columns:1fr;gap:38px}.hero-copy{max-width:570px;margin-inline:auto;text-align:center}.hero h1{font-size:48px;letter-spacing:-1.5px}.hero .eyebrow,.hero-actions,.hero-notes{justify-content:center}.hero-description{margin-inline:auto;font-size:14px}.hero-actions .text-link{font-size:11px}.product-preview{max-width:640px;width:100%;margin-inline:auto}.browser-frame{transform:none}.preview-label{justify-content:center}.hero-notes{font-size:10px}.capability-strip{margin-top:35px;padding-block:23px;gap:15px}.capability-strip>span{font-size:9px;padding-inline-end:20px}.capability-strip strong{font-size:10px}.capability-strip p{font-size:9px}.capability-strip i{display:none}.section{padding-block:66px}.section-heading h2{font-size:29px}.heading-inline{gap:35px}.heading-inline>p{font-size:11px;max-width:260px}.workflow-grid{gap:25px}.workflow-grid p{font-size:11px}.workflow-grid h3{font-size:16px}.module-grid{grid-template-columns:1fr 1fr}.inventory-card{grid-row:auto;grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;column-gap:45px}.inventory-card .module-icon{grid-column:1;margin-bottom:15px}.inventory-card .card-kicker{grid-column:1}.inventory-card h3{grid-column:1}.inventory-card>p:not(.card-kicker){grid-column:1;margin-bottom:0}.inventory-visual{grid-column:2;grid-row:2 / 5;align-self:center;margin:0}.visual-note{grid-column:2;grid-row:5}.solution-grid{gap:25px}.solution-grid h3{font-size:16px}.solution-grid p{font-size:11px;min-height:72px}.solution-no{font-size:8px}.tags{gap:5px}.tags span{font-size:8px;padding:3px 7px}.faq-grid{gap:35px;grid-template-columns:.8fr 1.2fr}.faq-list summary{font-size:12px}.faq-list details p{font-size:11px}.branch-banner h3{font-size:12px}.branch-banner p{font-size:10px}.footer{gap:20px;flex-wrap:wrap}.footer p{font-size:9px}.footer .brand{width:90px}.final-cta h2{font-size:29px}.final-section{padding-block:40px}}
@media(max-width:600px){html{scroll-padding-top:90px}.header{height:72px}.brand{width:106px}.nav{gap:12px}.menu-toggle{display:flex;flex-direction:column;gap:6px;justify-content:center;align-items:center;width:37px;height:37px;border:1px solid #e6e2ef;border-radius:7px;background:#fff;margin-inline-start:auto;order:2}.menu-toggle span{width:15px;height:1.5px;background:var(--ink);transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.75px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.75px) rotate(-45deg)}.nav-cta{order:1;min-height:37px;padding:7px 12px;font-size:9px;gap:10px}.nav-cta svg{width:16px}.nav nav{display:none;position:absolute;left:0;right:0;top:71px;background:#fff;border-bottom:1px solid var(--line);padding:18px 24px 24px;box-shadow:0 15px 20px #221b4110;flex-direction:column;align-items:stretch;gap:0;font-size:12px}.nav nav.is-open{display:flex}.nav nav a{padding:11px 0}.hero{padding-top:32px}.hero .eyebrow{font-size:10px;margin-bottom:16px}.hero h1{font-size:40px;line-height:1.6;letter-spacing:-1.4px;margin-bottom:17px}.hero-description{font-size:12px;line-height:2.2;max-width:345px;margin-bottom:23px}.hero-actions{gap:14px;flex-direction:column}.hero-actions .button{min-height:50px;font-size:12px;padding:10px 22px;gap:25px}.hero-actions .text-link{font-size:10px}.hero-notes{font-size:8px;gap:18px;margin-top:18px}.hero-notes svg{width:13px}.hero-grid{gap:26px}.product-preview{padding-top:0}.preview-label{font-size:8px;margin-bottom:8px}.browser-bar{height:27px;font-size:8px}.browser-frame{border-radius:9px;box-shadow:0 15px 35px #32215e15}.zoom-button{padding:6px;bottom:7px;left:7px}.zoom-button svg{width:13px;height:13px}.preview-controls{margin-top:14px}.preview-controls button{font-size:10px;padding:5px 14px}.preview-caption{font-size:9px;min-height:35px}.preview-caption span{font-size:8px}.capability-strip{margin-top:26px;display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;padding:20px 5px}.capability-strip>span{grid-column:1 / -1;border:0;padding:0;text-align:center;font-size:10px;margin-bottom:5px}.capability-strip>span br{display:none}.capability-strip strong{font-size:10px}.capability-strip p{text-align:center;font-size:10px}.section{padding-block:50px}.section-heading{margin-bottom:30px}.section-heading .eyebrow{font-size:10px;margin-bottom:12px}.section-heading h2{font-size:26px;line-height:1.7;letter-spacing:-.7px;margin-bottom:12px}.section-heading>p:not(.eyebrow){font-size:11px}.workflow-grid{grid-template-columns:1fr;gap:26px}.workflow-grid article{padding-top:19px;padding-inline-start:48px}.step-icon{position:absolute;right:0;top:23px}.step-icon svg{width:25px;height:25px}.step-number{top:22px;font-size:9px}.workflow-grid h3{font-size:16px;margin-bottom:7px}.workflow-grid p{font-size:11px;max-width:100%;padding-inline-end:15px}.heading-inline{display:block}.heading-inline>p{max-width:100%;padding:0}.module-grid{grid-template-columns:1fr;gap:12px}.module-card{min-height:0;padding:24px;border-radius:12px}.module-icon{margin-bottom:14px}.module-icon svg{width:25px;height:25px}.module-card h3{font-size:16px;margin-bottom:9px}.module-card>p{font-size:11px;margin-bottom:17px}.card-foot{font-size:9px;padding-top:12px}.inventory-card{grid-column:auto;display:flex;padding:28px}.inventory-card h3{font-size:29px;line-height:1.65}.inventory-card .module-icon{margin-bottom:20px}.inventory-card .card-kicker{font-size:10px}.inventory-card>p:not(.card-kicker){margin-bottom:25px}.inventory-visual{width:100%;padding:16px;margin-top:0}.visual-note{font-size:8px}.solution-grid{grid-template-columns:1fr;gap:29px}.solution-grid article{position:relative;padding-inline-start:45px;padding-top:19px}.solution-no{font-size:8px;margin-bottom:12px}.solution-grid article>svg{position:absolute;right:0;top:51px;width:27px;height:27px}.solution-grid h3{font-size:18px;margin:0 0 9px}.solution-grid p{font-size:11px;min-height:0;max-width:100%;margin:0 0 16px}.tags span{font-size:8px}.branch-banner{display:block;margin-top:35px;padding:22px}.branch-banner h3{font-size:13px;line-height:2}.branch-banner p{font-size:10px;line-height:2.1}.branch-banner .text-link{margin-top:15px;font-size:10px}.faq-grid{grid-template-columns:1fr;gap:30px}.faq .text-link{font-size:11px;margin-top:14px}.faq-list summary{font-size:12px}.faq-list details{padding:17px 0}.faq-list details p{font-size:11px;padding-inline-end:20px}.final-section{padding-block:25px}.final-cta{border-radius:14px;padding:39px 20px}.final-cta .eyebrow{font-size:9px;margin-bottom:13px}.final-cta h2{font-size:25px;line-height:1.8;letter-spacing:-.6px}.final-cta>p:not(.eyebrow){font-size:10px;max-width:250px;margin-inline:auto;margin-bottom:22px}.button-white{font-size:11px;min-height:49px;gap:25px;padding-inline:21px}.footer{display:grid;grid-template-columns:1fr auto;gap:15px 10px;padding-top:16px;padding-bottom:25px}.footer .brand{width:91px}.footer p{font-size:8px;text-align:left}.footer>span{font-size:8px;margin:0}.back-top{font-size:8px;text-align:left}.dialog-head{padding:9px 10px}.dialog-head h2{font-size:10px}.dialog-head button{width:29px;height:29px;font-size:23px}dialog>p{font-size:8px}dialog{max-width:96vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}