@font-face{font-family:Aqari;src:url('assets/fonts/arabic-regular.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Aqari;src:url('assets/fonts/arabic-bold.woff') format('woff');font-weight:700;font-style:normal;font-display:swap}
:root{--ink:#163f35;--green:#116953;--teal:#248373;--muted:#5d726a;--line:#d9e4df;--paper:#f6f9f7;--mint:#e6f2ec;--radius:1.4rem;--shadow:0 20px 50px -28px #123f3650;color-scheme:light;font-family:Aqari,Tahoma,Arial,sans-serif;color:var(--ink);background:#fff;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0}button,a,input{ -webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:disabled{cursor:wait}img{display:block;max-width:100%;height:auto}button,figure,p,h1,h2,h3{margin:0}button{color:inherit}h1,h2,h3{font-weight:700}p{line-height:1.9}h2{font-size:clamp(1.7rem,3.1vw,2.4rem);line-height:1.65}h3{font-size:1.125rem;line-height:1.6}bdi{font-family:Arial,sans-serif;font-size:.9em}svg.icon{width:1.5rem;height:1.5rem;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-library{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}:focus-visible{outline:3px solid #40b997;outline-offset:5px}.container{width:min(1180px,calc(100% - 3rem));margin-inline:auto}.section{padding-block:4.6rem}.skip-link{position:fixed;top:-5rem;right:1rem;z-index:20;padding:1rem;background:var(--ink);color:white}.skip-link:focus{top:1rem}.header{background:var(--paper)}.header-inner{display:flex;align-items:center;gap:2rem;padding-block:1.45rem;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:.65rem;font-size:1.9rem;line-height:1;font-weight:700;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:2.65rem;height:2.65rem;border-radius:.8rem;background:var(--ink);color:white}.brand-mark .icon{width:1.65rem;height:1.65rem}.nav{display:flex;flex-wrap:wrap;gap:1.8rem;margin-inline:auto;font-size:.94rem}.nav a{padding-block:.5rem;color:#446258}.nav a:hover,.text-link:hover{color:var(--green)}.button{display:inline-flex;justify-content:center;align-items:center;gap:.8rem;min-height:3.55rem;padding:.7rem 1.7rem;border:1px solid transparent;border-radius:.8rem;background:var(--green);color:white;font-size:1.05rem;font-weight:700;line-height:1.7;box-shadow:0 8px 20px -14px #04372975;transition:background .15s,box-shadow .15s}.button:hover{background:#0a5743;box-shadow:0 10px 24px -12px #04372975}.button-small{min-height:2.9rem;font-size:.93rem;padding:.5rem 1.1rem}.button-small .icon{width:1.2rem}.hero{position:relative;overflow:hidden;background:var(--paper)}.hero-grid{display:grid;grid-template-columns:.98fr 1.02fr;gap:3.7rem;align-items:center;padding-block:4rem 4.4rem}.eyebrow{display:block;color:var(--teal);font-weight:700;font-size:.875rem;margin-bottom:1rem}.hero-copy h1{font-size:clamp(2rem,3.7vw,3.15rem);line-height:1.62;letter-spacing:normal;margin-bottom:1.2rem}.hero-copy h1 span{color:var(--green)}.hero-description{font-size:1.12rem;line-height:1.95;color:var(--muted);max-width:32rem}.hero-actions{display:flex;align-items:center;gap:1.5rem;margin-top:2rem;flex-wrap:wrap}.text-link{font-size:.94rem;border-bottom:1px solid #9ab8ab;padding-bottom:.12rem}.platform-note{color:#62796f;font-size:.82rem;margin-top:1.1rem}.platform-note span{padding-inline:.6rem;color:#b1bfb8}.app-showcase{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start;padding:0 1rem 0 .7rem}.showcase-backdrop{position:absolute;inset:12% -1.3rem 3%;z-index:-1;border-radius:4rem 1.5rem 4rem 1.5rem;background:linear-gradient(155deg,#dcece4,#eef4ef);border:1px solid #dce8e0}.app-shot{min-width:0}.shot-details{margin-top:3rem}.screen-button{position:relative;display:block;width:100%;background:none;padding:0;border:0;text-align:inherit;border-radius:1.8rem}.phone-frame{display:block;padding:6px;border:1px solid #3c6658;border-radius:1.65rem;background:#183e33;box-shadow:0 25px 45px -25px #123f3685,0 2px 7px #123f3610;overflow:hidden}.phone-frame img{width:100%;border-radius:1.22rem;background:#fff}.expand-cue{position:absolute;inset:auto auto .75rem .8rem;display:flex;align-items:center;gap:.35rem;background:#fff;color:var(--green);border:1px solid #d5e1da;border-radius:2rem;padding:.35rem .6rem;font-size:.75rem;box-shadow:0 3px 10px #123f3615;opacity:0;transition:opacity .15s}.expand-cue .icon{width:.9rem;height:.9rem}.screen-button:hover .expand-cue,.screen-button:focus-visible .expand-cue{opacity:1}figcaption{display:flex;align-items:center;justify-content:center;gap:.6rem;color:#47665a;font-size:.85rem;margin-top:.9rem}figcaption span{font-family:Arial,sans-serif;font-size:.72rem;color:#80998d}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:2.7rem}.section-heading p{font-size:1rem;color:var(--muted);border-inline-start:1px solid var(--line);padding-inline-start:1.5rem}.section-heading .eyebrow{margin-bottom:.35rem}.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1.75rem}.steps li{position:relative}.step-number{font-family:Arial,sans-serif;display:flex;align-items:center;gap:1rem;font-size:1.4rem;color:var(--teal);font-weight:400;margin-bottom:1.2rem}.step-number:after{content:"";height:1px;flex:1;background:var(--line)}.steps h3{margin-bottom:.65rem}.steps p{font-size:1rem;color:var(--muted);line-height:1.9}.features-section{padding-top:0}.features-section .container{border-top:1px solid var(--line);padding-top:3rem;display:grid;grid-template-columns:1fr 2.1fr;gap:3.5rem;align-items:center}.compact{margin:0}.compact h2{font-size:1.7rem;line-height:1.8}.compact h2 span{color:var(--muted);font-weight:400;font-size:1.3rem}.features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem 2.5rem}.features article{position:relative;padding-inline-start:3.4rem}.feature-icon{position:absolute;inset:0 0 auto auto;display:grid;place-items:center;background:var(--mint);color:var(--green);height:2.7rem;width:2.7rem;border-radius:.8rem}.features h3{font-size:1rem;margin-bottom:.45rem}.features p{font-size:.94rem;color:var(--muted)}.download-section{padding-top:0;padding-bottom:3rem}.download-panel{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:1.5rem 4rem;align-items:center;border-radius:1.7rem;padding:3rem 3.5rem 1.8rem;background:var(--ink);color:#fff;overflow:hidden}.download-copy h2{font-size:clamp(2rem,3.1vw,2.7rem);line-height:1.6;margin-bottom:1rem}.download-copy .eyebrow{color:#96cfb9}.download-copy p{font-size:1rem;color:#c8ddd3}.download-box{position:relative;border:1px solid #ffffff29;border-radius:1.15rem;padding:1.5rem;background:#ffffff08}.download-file{display:flex;align-items:center;gap:.75rem}.file-icon{display:grid;place-items:center;border:1px solid #ffffff30;border-radius:.8rem;width:2.8rem;height:3.15rem;color:#b9e6d3}.download-file strong{display:block;font-size:1rem}.download-file div>span{font-size:.8rem;color:#bcd4c8}.download-file bdi{margin-inline-start:.4rem}.download-status{font-size:.94rem;min-height:1.8rem;line-height:1.8;margin-block:1.2rem .85rem}.download-primary{width:100%}.button-light{background:#fff;color:var(--ink);box-shadow:none}.button-light:hover{background:#eaf5ee;color:var(--ink)}.download-help{font-size:.84rem;color:#bed4c9;margin-top:1rem;line-height:1.9}.install-note{grid-column:1/-1;color:#b4ccc0;font-size:.8rem;border-top:1px solid #ffffff1a;padding-top:1.1rem;line-height:1.85}.contact-section{padding-bottom:2.6rem}.contact-inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;border-bottom:1px solid var(--line);padding-bottom:2.5rem}.contact-inner h2{font-size:1.5rem}.contact-inner p{color:var(--muted);font-size:.96rem}.button-outline{border-color:var(--line);color:var(--green);background:white;box-shadow:none}.button-outline:hover{background:var(--mint);color:var(--green)}.footer{padding-block:.5rem 2rem}.footer-inner{display:flex;align-items:center;gap:1.6rem}.footer .brand{font-size:1.5rem}.footer .brand-mark{height:2rem;width:2rem;border-radius:.6rem}.footer .brand-mark .icon{height:1.25rem;width:1.25rem}.footer p{font-size:.86rem;color:var(--muted)}.footer-inner>a:last-child:not(.brand){margin-inline-start:auto;font-size:.9rem}.image-viewer{border:1px solid #d7e2db;border-radius:1rem;width:min(680px,96vw);max-height:95dvh;padding:1rem;color:var(--ink);overflow:auto;background:#f7faf8}.image-viewer::backdrop{background:#051c16d9;backdrop-filter:blur(5px)}.viewer-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;position:sticky;top:-1rem;background:#f7faf8;padding-block:.5rem;z-index:1}.viewer-bar h2{font-size:1rem}.viewer-bar button{display:grid;place-items:center;min-height:2.8rem;min-width:2.8rem;border:1px solid var(--line);border-radius:.6rem;background:white}.viewer-scroll img{width:100%;max-width:599px;margin:auto;border:1px solid var(--line)}.image-viewer>p{font-size:.85rem;text-align:center;padding-top:1rem;color:var(--muted)}body.dialog-open{overflow:hidden}

@media(min-width:1440px){.hero-grid{gap:5rem}.hero-copy h1{font-size:3.35rem}}
@media(max-width:1000px){.container{width:calc(100% - 2.5rem)}.header-inner{gap:1rem}.header-download{display:none}.nav{margin-inline-start:auto;margin-inline-end:0;gap:1.4rem}.hero-grid{gap:2.5rem}.hero-copy h1{font-size:2.2rem}.hero-description{font-size:1rem}.hero-actions{gap:1.1rem}.app-showcase{gap:.9rem;padding:0}.phone-frame{padding:4px;border-radius:1.25rem}.phone-frame img{border-radius:1rem}.steps{gap:1.3rem;grid-template-columns:repeat(3,minmax(0,1fr))}.features-section .container{grid-template-columns:1fr;gap:2rem}.compact h2 br{display:none}.compact h2 span{font-size:inherit}.features{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.3rem}.features article{padding-inline-start:0}.feature-icon{position:static;margin-bottom:1rem}.download-panel{padding:2.5rem;gap:2rem}.section{padding-block:3.5rem}.features-section,.download-section{padding-top:0}}
@media(max-width:700px){.container{width:calc(100% - 2.25rem)}.header-inner{flex-wrap:wrap;padding-block:1.15rem 1rem;gap:1rem}.brand{font-size:1.7rem}.brand-mark{height:2.25rem;width:2.25rem}.brand-mark .icon{height:1.4rem;width:1.4rem}.nav{gap:1rem;font-size:.84rem}.nav .home-link{display:none}.hero-grid{display:flex;flex-direction:column;gap:2.4rem;padding-block:2.65rem 2.3rem;align-items:stretch}.hero-copy h1{font-size:clamp(1.85rem,6.8vw,2.65rem);line-height:1.65;margin-bottom:1rem}.hero-description{font-size:1rem;line-height:1.95;max-width:34rem}.eyebrow{font-size:.83rem;margin-bottom:.6rem}.hero-actions{margin-top:1.4rem;gap:1.2rem}.hero-actions .button{min-height:3.4rem;padding-inline:1.45rem;flex:1}.text-link{font-size:.875rem}.platform-note{font-size:.8rem;margin-top:.85rem}.app-showcase{width:min(520px,100%);margin-inline:auto;gap:1rem;padding-inline:.2rem}.showcase-backdrop{inset:7% -.5rem 5%;border-radius:2rem}.shot-details{margin-top:1.8rem}.phone-frame{padding:3px;border-radius:1.1rem}.phone-frame img{border-radius:.85rem}.expand-cue{opacity:1;inset:auto auto .4rem .4rem;font-size:.7rem;padding:.23rem .43rem}.expand-cue .icon{height:.8rem;width:.8rem}figcaption{font-size:.8rem;gap:.4rem;margin-top:.7rem}.section{padding-block:2.7rem}.section-heading{display:block;margin-bottom:1.8rem}.section-heading p{display:none}.steps{grid-template-columns:1fr;gap:0}.steps li{display:grid;grid-template-columns:2.7rem 1fr;gap:.25rem 1rem;padding-block:1rem;border-bottom:1px solid #e9efeb}.steps li:last-child{border:0;padding-bottom:0}.step-number{grid-row:span 2;align-self:start;margin:0;padding-top:.12rem;font-size:1.25rem}.step-number:after{display:none}.steps h3{margin:0;font-size:1.06rem}.steps p{font-size:1rem;line-height:1.9}.features-section,.download-section{padding-top:0}.features-section .container{padding-top:2.2rem;gap:1.8rem}.compact h2{font-size:1.5rem}.compact h2 br{display:block}.features{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.65rem 1.1rem}.features article{padding:0}.feature-icon{height:2.5rem;width:2.5rem;margin-bottom:.6rem}.features h3{font-size:1.02rem}.features p{font-size:.96rem}.download-panel{grid-template-columns:1fr;gap:1.7rem;padding:1.8rem 1.2rem 1.2rem;border-radius:1.3rem}.download-copy{padding-inline:.3rem}.download-copy h2{font-size:1.9rem;line-height:1.65;margin-bottom:.6rem}.download-copy h2 br{display:none}.download-copy p{font-size:1rem}.download-copy p br{display:none}.download-box{padding:1.2rem}.download-status{font-size:1rem}.download-help{font-size:.88rem}.install-note{font-size:.84rem;padding-inline:.3rem}.contact-inner{flex-direction:column;align-items:stretch;padding-bottom:1.8rem}.contact-inner .button{align-self:start}.footer-inner{flex-wrap:wrap;gap:.9rem}.footer p{font-size:.81rem}.footer{padding-bottom:1.5rem}.image-viewer{padding:.75rem}.viewer-bar{top:-.75rem}.section h2{scroll-margin-top:1rem}}
@media(max-width:390px){.header-inner{justify-content:center}.nav{width:100%;justify-content:center;margin:0;gap:1.35rem}.hero-actions{flex-direction:column;align-items:stretch;gap:1rem}.hero-actions .text-link{align-self:center}.hero-copy h1{font-size:1.86rem}.container{width:calc(100% - 2rem)}.download-box{padding:1rem}.download-panel{padding-inline:1rem}.features{gap:1.5rem .9rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

figcaption .icon{width:.9rem;height:.9rem;color:var(--teal)}

/* Revision 2: safe Arabic wrapping; spaces are preserved in the HTML. */
.download-copy h2,.download-copy p{letter-spacing:normal;word-spacing:normal;overflow-wrap:normal;word-break:normal}
.hero-copy,.download-copy,.download-box{min-width:0}
@media(max-width:700px){.download-copy h2{font-size:clamp(1.5rem,6.1vw,1.9rem);line-height:1.8}.download-copy p{line-height:1.95}}


/* Revision 7: real in-page download progress + cancel control. */
.download-progress{margin:.2rem 0 1rem}.download-progress-row,.download-float-top,.download-float-bottom{display:flex;align-items:center;justify-content:space-between;gap:1rem}.download-progress-row{font-size:.82rem;color:#d5e7de;margin-bottom:.55rem}.download-progress-row strong,.download-float-top span{font-family:Arial,sans-serif}.download-progress-track{height:.55rem;border-radius:999px;background:#ffffff24;overflow:hidden}.download-progress-track>span{display:block;height:100%;width:0;border-radius:inherit;background:#8fe0bf;transition:width .16s linear}.is-indeterminate .download-progress-track>span{width:35%!important;animation:aqariProgress 1.1s ease-in-out infinite alternate}.button.is-cancel{background:#8d2f2f;color:#fff;border-color:#a94444}.button.is-cancel:hover{background:#742424}.button-light.is-cancel{background:#8d2f2f;color:#fff}.download-float{position:fixed;z-index:1000;left:max(1rem,env(safe-area-inset-left));right:max(1rem,env(safe-area-inset-right));bottom:max(1rem,env(safe-area-inset-bottom));max-width:520px;margin-inline:auto;padding:1rem 1.05rem;border-radius:1rem;background:#102f28;color:#fff;box-shadow:0 18px 60px #001a1480;border:1px solid #ffffff24}.download-float-top{margin-bottom:.7rem}.download-float-top strong{font-size:.95rem}.download-float-top span{font-size:1rem;font-weight:700}.download-float-bottom{margin-top:.7rem;color:#c9ded5;font-size:.8rem}.download-float-bottom button{border:1px solid #ffffff35;border-radius:.65rem;background:#8d2f2f;color:#fff;padding:.55rem .85rem;font-weight:700}.download-float-bottom button:hover{background:#742424}@keyframes aqariProgress{from{transform:translateX(180%)}to{transform:translateX(-180%)}}@media(max-width:700px){.download-float{left:.75rem;right:.75rem;bottom:.75rem}.download-float-bottom{align-items:center}.download-float-bottom button{min-height:2.8rem}}