@font-face{font-family:Tajawal;src:url('./fonts/Tajawal-Regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Tajawal;src:url('./fonts/Tajawal-Medium.ttf') format('truetype');font-weight:500 600;font-display:swap}@font-face{font-family:Tajawal;src:url('./fonts/Tajawal-Bold.ttf') format('truetype');font-weight:650 900;font-display:swap}@font-face{font-family:'Reem Kufi';src:url('./fonts/ReemKufi-Semibold.ttf') format('truetype');font-weight:600;font-display:swap}
html[lang=ar] body,html[dir=rtl] body,.arabic,:lang(ar){font-family:Tajawal,'Segoe UI',sans-serif}html[dir=rtl] :is(button,input,select,textarea){font-family:inherit}html[dir=rtl] :is(h1,h2,h3,.eyebrow,.download-eyebrow,.download-option-tag,.download-card-tag,.nav,.chip){letter-spacing:0}html[dir=rtl] :is(h1,h2,h3){line-height:1.45;font-weight:700}html[dir=rtl] :is(p,li){line-height:1.9}html[dir=rtl] .tool p{font-size:13px;line-height:1.8}html[dir=rtl] .tool h3{font-size:17px}html[dir=rtl] .nav{font-size:14px}html[dir=rtl] .intro h1{line-height:1.4}html[dir=rtl] .download-hero h1{line-height:1.35}
.brand,.download-brand{gap:12px}.brand .brand-lockup,.download-brand .brand-lockup{display:flex;flex-direction:column;align-items:center;gap:4px}.brand .brand-ar,.download-brand .brand-ar{font-family:'Reem Kufi',Tajawal,sans-serif;font-size:43px;font-weight:600;line-height:1.4;letter-spacing:0;color:#15775d;display:block;direction:rtl}.brand .brand-latin,.download-brand .brand-latin{font-family:'Segoe UI',sans-serif;display:block;font-size:9px;font-weight:600;letter-spacing:3.5px;line-height:1;margin:0;padding-inline-start:3px;color:#5a7a69}.brand .mark,.download-brand>img{width:42px;height:42px;border-radius:12px;background:transparent;flex-shrink:0}.brand{margin-bottom:36px}.download-brand{text-decoration:none}.download-brand .brand-ar{font-size:38px}@media(max-width:650px){.brand .brand-ar,.download-brand .brand-ar{font-size:32px}.brand .brand-latin,.download-brand .brand-latin{font-size:8px;letter-spacing:2.5px}.brand .mark,.download-brand>img{width:34px;height:34px}.brand{margin-bottom:16px}html[dir=rtl] .tool p{font-size:12px}html[dir=rtl] .tool h3{font-size:15px}html[dir=rtl] .nav{font-size:12px}}
.design-credit{text-align:center;padding:12px 0 32px;font:500 12px/1.5 'Segoe UI',sans-serif;letter-spacing:1px;color:#708477}.download-pop{width:min(540px,94vw);max-height:88vh;padding:24px;border-radius:22px}.download-pop .dialog-head{margin-bottom:16px}.download-tabs{display:flex;gap:6px;background:#edf2e9;padding:5px;border-radius:12px;margin-bottom:22px}.download-tabs button{flex:1;border:0;background:transparent;font-size:12px;padding:10px 7px}.download-tabs button[aria-pressed=true]{background:white;box-shadow:0 2px 8px #183d3012;color:#15775d}.phone-title{display:flex;gap:12px;align-items:center}.phone-title h3{margin:0;font-size:18px}.phone-title p{margin:4px 0;font-size:12px;color:#718174}.install-steps{padding-inline-start:23px;line-height:2;font-size:14px}.share-symbol{color:#15775d;display:inline-flex;vertical-align:middle}.share-symbol svg,.share-site svg,.share-menu-item svg{width:22px;height:22px;flex-shrink:0}.share-demo{background:#f1f2f3;border:1px solid #e1e5e2;border-radius:19px;padding:12px 16px 16px;margin:16px 0}.sheet-handle{width:30px;height:4px;background:#c8ceca;border-radius:8px;margin:0 auto 14px}.share-site{display:flex;align-items:center;gap:10px;font-size:13px;padding-bottom:13px}.share-site>span{margin-inline-start:auto;color:#718074}.share-menu-item{display:flex;align-items:center;gap:12px;background:white;padding:12px;border-radius:9px;margin-top:7px;font-size:13px}.home-highlight{outline:2px solid #15775d;outline-offset:2px;color:#15775d;margin-top:12px}.share-demo small{display:block;margin-top:15px;font-size:10px;color:#77837b}.install-note{font-size:12px!important;line-height:1.8;color:#6b7c71}.popup-actions{display:flex;gap:10px}.popup-actions button{width:100%}.download-pop .download-grid{display:block!important}.download-pop .download-card{padding:16px!important;margin-bottom:12px!important;min-height:0!important}.download-pop .download-card-visual,.download-pop .download-features,.download-pop .download-description,.download-pop .download-checksum,.download-pop .download-unsigned{display:none!important}.download-pop .download-card h3{font-size:18px!important;margin:5px 0!important}.download-pop .download-meta{margin:7px 0!important}.download-pop .download-status{font-size:11px!important}.zip-summary{text-align:center}.zip-summary>.icon{width:36px;height:36px;margin:20px auto;color:#15775d}.zip-summary h3{font-size:21px}.zip-summary p{line-height:1.8}.zip-summary .button-link{display:inline-block;padding:12px 30px;text-decoration:none;border-radius:10px;background:#15775d;color:white}#offlineDownload{position:fixed;bottom:20px;left:20px;width:auto;z-index:8;padding:12px 16px!important;background:#15775d!important;color:white!important;border:1px solid #15775d!important;border-radius:14px;box-shadow:0 5px 20px #173b3425}.sidebar{padding-bottom:88px}html[dir=rtl] #offlineDownload{right:auto;left:20px}.design-credit{padding-bottom:90px}@media(max-width:650px){#offlineDownload{bottom:14px;left:14px;font-size:11px!important}.sidebar{padding-bottom:12px}.download-pop{padding:18px}.phone-title h3{font-size:16px}.download-tabs button{font-size:11px}.download-pop .dialog-head h2{font-size:18px}html[dir=rtl] #offlineDownload{left:14px}}
.download-pop .download-tabs button,.download-pop #closeDialog{color:#405e50!important}.download-pop .download-tabs button[aria-pressed=true]{color:#15775d!important}