@font-face{font-family:Tajawal;src:url('assets/tajawal-Regular.ttf');font-weight:400;font-display:swap}@font-face{font-family:Tajawal;src:url('assets/tajawal-Medium.ttf');font-weight:500;font-display:swap}@font-face{font-family:Tajawal;src:url('assets/tajawal-Bold.ttf');font-weight:700;font-display:swap}@font-face{font-family:Tajawal;src:url('assets/tajawal-ExtraBold.ttf');font-weight:800;font-display:swap}
:root{--ink:#123f3b;--green:#075d54;--muted:#707b70;--paper:#f8f7f1;--gold:#b68c48;--line:#dedfd4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Tajawal,sans-serif;font-size:17px;line-height:1.65}body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:5;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.65' filter='url(%23n)'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,label{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a,button{touch-action:manipulation}img{max-width:100%}.wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}.header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:9px;align-items:center;font-size:34px;font-weight:800;line-height:1.1}.brand img{border-radius:13px}.brand-sub{font-weight:400;display:block;font-size:11px;margin-top:6px;letter-spacing:1px}.header nav{display:flex;gap:36px;font-size:15px}.header nav a:hover,.text-link:hover{color:var(--gold)}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;background:var(--green);color:white;padding:15px 25px;border-radius:9px;font-weight:700;transition:background .2s,transform .2s}.button:hover{background:#123f3b;transform:translateY(-2px)}.button span{font-family:Arial;font-size:22px}.button.small{font-size:14px;padding:10px 19px;gap:28px}.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:30px;padding-top:55px}.hero-copy{padding-bottom:30px}.eyebrow{font-size:14px;font-weight:700;letter-spacing:.3px;margin:0 0 23px;color:var(--green)}.eyebrow span{display:inline-block;width:7px;height:7px;background:var(--gold);border-radius:50%;margin-left:10px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(42px,4.8vw,67px);font-weight:800;line-height:1.4;letter-spacing:-2px;margin-bottom:23px}em{font-style:normal;color:var(--green)}h1 em{position:relative;white-space:nowrap}h1 em:after{content:'';position:absolute;bottom:0;right:0;width:100%;height:8px;border-top:2px solid #bea36e;border-radius:50%;transform:rotate(-3deg)}.intro{font-size:18px;line-height:1.95;color:#6b756d;margin-bottom:31px}.hero-actions{display:flex;gap:25px;align-items:center}.text-link{font-size:15px;font-weight:700;display:inline-flex;gap:20px;align-items:center}.reassurance{display:flex;gap:20px;font-size:12px;color:#748075;margin-top:26px}.hero-art{height:550px;position:relative;display:flex;align-items:center;justify-content:center}.arch{position:relative;width:340px;height:460px;border-radius:180px 180px 18px 18px;background:radial-gradient(ellipse at 50% 35%,#247568,#0b4c44 65%,#083e38);box-shadow:inset 0 0 0 9px #0e5148,inset 0 0 0 10px #78937b;color:#eee9cf;text-align:center;padding-top:40px}.arch:before{content:'';position:absolute;inset:18px;border:1px solid #9bad833b;border-radius:160px 160px 6px 6px}.arch-star{font-size:45px;color:#d2bd82;line-height:1}.arch-text{font-size:16px;letter-spacing:5px;margin-top:12px}.quran-art{position:absolute;top:135px;width:410px;max-width:none;right:-35px;filter:drop-shadow(0 20px 22px #001c2370);animation:float 7s ease-in-out infinite}.arch-bottom{position:absolute;bottom:28px;width:100%;font-size:14px;letter-spacing:1px}.arch-bottom span{display:block;color:#b9a46d;font-size:20px;margin-top:9px}.orbit{border:1px solid #ced3bf;border-radius:50%;position:absolute;width:490px;height:490px;transform:rotate(-28deg) scaleY(.92)}.orbit-two{width:530px;height:420px;transform:rotate(35deg);border-style:dashed;opacity:.5}.float-card{position:absolute;z-index:2;background:#fffef9ed;box-shadow:0 12px 45px #25483815;border:1px solid #e5e7da;border-radius:12px;display:flex;align-items:center;gap:10px;padding:15px 18px}.float-card b{display:block;font-size:14px}.float-card small{display:block;color:#7e8475;font-size:11px}.wird{top:142px;left:-8px;transform:rotate(-5deg)}.float-icon{width:34px;height:34px;background:#e5efe4;display:grid;place-items:center;border-radius:50%;color:var(--green)}.mini-bars{display:flex;align-items:end;gap:3px;height:22px;direction:ltr;margin-right:10px}.mini-bars i{width:4px;background:#c8d6bc;height:9px;border-radius:3px}.mini-bars i:nth-child(2){height:14px}.mini-bars i:nth-child(3){height:20px}.mini-bars i:nth-child(4){height:16px}.mini-bars i:last-child{height:24px;background:#458572}.calm{bottom:112px;right:-6px;transform:rotate(5deg)}.calm>span{font-size:30px;color:var(--gold)}.art-spark{position:absolute;color:var(--gold);font-size:27px}.spark-one{top:40px;right:55px}.spark-two{bottom:60px;left:45px;font-size:42px}.art-caption{position:absolute;bottom:-4px;font-size:11px;color:#7c8475}.hero-foot{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#7c8475;padding:21px 0 24px;margin-top:5px}.hero-foot>a{display:grid;place-items:center;width:32px;height:42px;border:1px solid #d4d9cd;border-radius:20px;font-size:20px}.latin{font-size:9px;letter-spacing:2px;direction:ltr}.ribbon{background:#eef0e6;border-block:1px solid #e0e4d7}.ribbon .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:22px;font-size:16px;font-weight:500}.ribbon i{color:var(--gold);font-style:normal}.section{padding-block:100px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:38px}h2{font-size:45px;line-height:1.4;font-weight:800;letter-spacing:-1px;margin-bottom:0}.section-heading h2 span{color:#7b8b78}.section-heading>p{color:var(--muted);font-size:16px;margin-bottom:9px}.features{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:18px}.feature{border:1px solid #e1e4d8;border-radius:16px;padding:25px;background:#f0f1e9;overflow:hidden}.number{font-size:12px;color:#7a826c;display:block}.feature img{height:145px;width:180px;object-fit:contain;display:block;margin:15px auto 18px;transition:transform .4s}.feature:hover img{transform:translateY(-7px) rotate(2deg)}h3{font-size:24px;line-height:1.5;margin-bottom:8px}.feature p{color:#75806e;font-size:14px;line-height:1.8;margin:0}.feature-main{background:#e6ecdf;position:relative;min-height:340px}.feature-main h3{font-size:30px;margin-top:30px}.feature-main img{position:absolute;width:225px;height:225px;bottom:-25px;left:-38px;opacity:.95}.feature-main .text-link{margin-top:27px;position:relative;z-index:1}.feature-copy{position:relative;z-index:1}.journey{background:#123f3b;color:#f5f4e8;padding-block:85px;position:relative;overflow:hidden}.journey:before{content:'';position:absolute;width:800px;height:800px;border:1px solid #ffffff09;border-radius:50%;top:-350px;right:-350px;box-shadow:0 0 0 60px #ffffff03,0 0 0 120px #ffffff02}.journey-grid{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center;position:relative}.journey .eyebrow{color:#c6b37d}.journey h2{font-size:47px}.journey em{color:#d8c389}.journey-desc{color:#b4c6bc;margin-top:20px;line-height:1.9}.tabs{display:flex;gap:7px;border-bottom:1px solid #ffffff24;padding-bottom:10px;margin-top:27px}.tabs button{border:0;background:transparent;color:#becfc3;padding:9px 16px;border-radius:6px;font-size:14px}.tabs button[aria-selected=true]{color:#183f36;background:#e3e8d5}.journey [role=tabpanel]{padding-top:22px;min-height:130px}.journey [role=tabpanel] h3{font-size:20px}.journey [role=tabpanel] p{font-size:15px;color:#b4c6bc;max-width:410px}.daily-card{background:#f9f8f1;color:var(--ink);border-radius:18px;padding:30px;box-shadow:14px 14px 0 #ffffff08;transform:rotate(-2deg)}.daily-top{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:700;margin-bottom:23px}.demo-label{border:1px solid #d4ddcc;border-radius:20px;font-size:10px;padding:2px 10px;color:#788574}.daily-card h3{font-size:26px;margin-bottom:0}.daily-card>p{font-size:13px;color:#7d8978}.progress-line{display:flex;justify-content:space-between;font-size:12px;margin-top:25px}.progress-track{height:5px;background:#e2e6d9;border-radius:5px;margin:8px 0 20px;overflow:hidden}#progress-fill{width:0;height:100%;background:#368773;transition:width .4s}.task{display:flex;align-items:center;gap:12px;background:#fffef9;border:1px solid #e1e6da;padding:13px 15px;border-radius:10px;margin:10px 0;cursor:pointer;position:relative}.task input{position:absolute;opacity:0;width:22px;height:22px}.custom-check{width:21px;height:21px;border:1px solid #c7d2c1;border-radius:6px;display:grid;place-items:center;flex:none}.task input:checked+.custom-check{background:var(--green);border-color:var(--green)}.task input:checked+.custom-check:after{content:'✓';color:white;font-size:15px}.task:has(input:checked){background:#edf2e8}.task input:focus-visible+.custom-check{outline:3px solid #bc934b;outline-offset:3px}.task b{font-size:14px;display:block}.task small{font-size:10px;color:#7c8977;display:block}.task-symbol{margin-right:auto;font-size:24px;color:#8c9e80}.daily-card .daily-message{text-align:center;color:var(--green);margin:18px 0 3px;font-size:12px}.demo-note{display:block;text-align:center;font-size:9px;color:#7f8b77}.more{text-align:center}.more-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:65px;margin-top:50px}.more-grid article>span{display:inline-grid;place-items:center;border:1px solid #d4ddcf;border-radius:50%;width:58px;height:58px;font-size:28px;color:var(--green);margin-bottom:17px}.more-grid h3{font-size:23px}.more-grid p{font-size:15px;color:var(--muted);max-width:260px;margin:0 auto}.download{position:relative;overflow:hidden;border:1px solid #dfe4d4;border-radius:24px;background:#e9eedf;text-align:center;padding:55px 30px}.download>img{border-radius:20px;margin-bottom:20px;position:relative}.download .eyebrow{margin-bottom:10px}.download h2{font-size:51px;position:relative}.download>p:not(.eyebrow){color:#6d7f67;font-size:17px;margin:16px 0 26px;position:relative}.download-pattern{position:absolute;font-family:serif;font-size:800px;line-height:1;left:-160px;top:-130px;opacity:.045;pointer-events:none}.store-buttons{display:flex;justify-content:center;gap:14px;position:relative}.store{display:flex;align-items:center;gap:15px;background:#12473f;color:white;border-radius:10px;padding:10px 20px;min-width:210px;text-align:right;transition:transform .2s,background .2s}.store:hover{transform:translateY(-3px);background:#0c5d50}.store svg{width:27px;height:30px}.store small{display:block;font-size:10px}.store b{display:block;font-family:Arial,sans-serif;font-size:20px;line-height:1.5}.store>span:last-child{margin-right:auto}.huawei-icon{font-size:35px;line-height:1}.download>p.ios-note{font-size:12px;margin:20px 0 0}.faq{display:grid;grid-template-columns:1fr 2fr;gap:80px}.questions details{border-bottom:1px solid #dce1d4}.questions summary{display:flex;align-items:center;justify-content:space-between;padding:21px 0;cursor:pointer;font-weight:700;list-style:none}.questions summary::-webkit-details-marker{display:none}.questions summary span{font-size:23px;font-weight:400;color:#839174}.questions details[open] summary span{transform:rotate(45deg)}.questions details p{font-size:15px;line-height:1.9;color:var(--muted);padding-bottom:15px;margin:0;max-width:650px}footer{border-top:1px solid var(--line);padding-block:28px;display:flex;justify-content:space-between;align-items:center}footer p{font-size:13px;color:var(--muted);margin:0}footer>a:last-child{font-size:13px}footer>a:last-child span{margin-right:20px}:focus-visible{outline:3px solid var(--gold);outline-offset:5px}.skip{position:fixed;right:20px;top:-100px;z-index:100;background:white;padding:10px}.skip:focus{top:10px}@keyframes float{50%{transform:translateY(-9px)}}
@media(min-width:1450px){.hero{padding-top:75px;padding-bottom:10px}.hero-art{height:580px}}
@media(max-width:1100px){.wrap{width:calc(100% - 60px)}.hero{gap:5px}h1{font-size:48px}.hero-art{transform:scale(.86);margin-inline:-25px}.hero-actions{gap:15px}.hero-actions .button{padding:14px 18px;gap:15px}.reassurance{gap:13px}.journey-grid{gap:55px}.features{grid-template-columns:1.3fr 1fr 1fr}.feature{padding:20px}.feature-main img{width:180px;left:-45px;bottom:-45px}.feature-main h3{font-size:26px}.feature p{font-size:12px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{height:86px}.header nav{display:none}.brand{font-size:29px}.brand img{width:39px;height:39px}.hero{grid-template-columns:1fr;padding-top:43px;gap:0;text-align:center}.hero-copy{padding:0}.eyebrow{font-size:12px;margin-bottom:17px}h1{font-size:clamp(38px,8.8vw,55px);letter-spacing:-1.5px}.intro{font-size:16px;max-width:430px;margin:0 auto 25px}.desktop{display:none}.hero-actions{justify-content:center;gap:23px}.hero-actions .button{font-size:14px}.text-link{font-size:13px;gap:10px}.reassurance{justify-content:center;font-size:11px;gap:17px;margin-top:23px}.hero-art{height:485px;transform:scale(.86);margin:-5px -15px -30px}.arch{width:320px;height:440px}.quran-art{width:380px;right:-30px}.orbit{width:420px;height:450px}.orbit-two{width:450px;height:370px}.wird{left:0;top:125px}.calm{right:0;bottom:100px}.spark-one{right:5px;top:50px}.spark-two{left:10px;bottom:30px}.art-caption{bottom:-10px}.hero-foot{padding-top:30px}.hero-foot .latin{display:none}.hero-foot{justify-content:center;gap:20px}.ribbon .wrap{flex-wrap:wrap;justify-content:center;gap:10px 16px;font-size:12px;padding-block:19px}.ribbon i:last-of-type{display:none}.section{padding-block:65px}.section-heading{display:block;margin-bottom:27px}h2{font-size:36px}.section-heading>p{margin-top:20px;font-size:15px}.features{grid-template-columns:1fr 1fr;gap:12px}.feature-main{grid-column:1/-1;min-height:280px}.feature-main img{width:235px;height:235px;left:0;bottom:-15px;opacity:.8}.feature-main h3{font-size:30px;margin-top:18px}.feature-main p{max-width:65%;font-size:14px}.feature-main .text-link{margin-top:20px}.feature:not(.feature-main){padding:17px}.feature img{height:125px;width:150px}.feature h3{font-size:21px}.feature p{font-size:13px}.feature p br{display:none}.number{font-size:10px}.journey{padding-block:55px}.journey-grid{grid-template-columns:1fr;gap:30px}.journey h2{font-size:38px}.journey-desc{font-size:16px}.journey [role=tabpanel]{min-height:120px}.daily-card{transform:none;padding:25px}.more-grid{gap:30px;grid-template-columns:1fr;margin-top:35px}.more-grid article{display:grid;grid-template-columns:60px 1fr;text-align:right;gap:0 20px}.more-grid article>span{grid-row:1/3;margin:0}.more-grid h3{margin-bottom:4px}.more-grid p{max-width:none;margin:0;font-size:14px}.download{padding:40px 20px}.download h2{font-size:39px}.download>p:not(.eyebrow){font-size:15px}.store-buttons{flex-wrap:wrap;gap:10px}.store{min-width:205px}.faq{grid-template-columns:1fr;gap:25px}.faq h2 br{display:none}.questions summary{font-size:15px}footer{gap:18px;flex-wrap:wrap}footer p{font-size:11px}footer>a:last-child{display:none}}
@media(max-width:380px){.hero-actions{gap:13px}.hero-art{transform:scale(.75);margin:-30px -25px -60px}.reassurance{gap:9px;font-size:10px}.feature-main img{left:-40px;opacity:.5}.header .small{gap:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}