:root{--ink:#12281e;--muted:#65766d;--green:#009b68;--green-bright:#00b77a;--mint:#edf8f3;--mint-deep:#d9f0e5;--paper:#f8fbf8;--line:#dce9e1;--serif:Georgia,'Times New Roman',serif;--sans:'DM Sans',sans-serif;--display:'Manrope','DM Sans',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.section-wrap{width:min(1180px,calc(100% - 64px));margin:0 auto}.site-header{height:86px;padding:0 max(32px,calc((100% - 1320px)/2));display:flex;align-items:center;justify-content:space-between;background:rgba(248,251,248,.94);position:relative;z-index:20;border-bottom:1px solid rgba(220,233,225,.7)}.brand{display:flex;align-items:center;gap:10px;font:800 25px var(--display);letter-spacing:-1.4px}.brand img{width:38px;height:38px;object-fit:cover;border-radius:50%;mix-blend-mode:multiply}.brand-dot{color:var(--green)}.nav-links{display:flex;align-items:center;gap:40px;font-size:13px;color:#4d6156;font-weight:600}.nav-links>a:not(.nav-cta):hover,.footer-bottom a:hover{color:var(--green)}.nav-cta{background:var(--ink);border-radius:99px;color:white;padding:12px 20px}.nav-cta span{color:#6ce0ae;padding-left:8px}.menu-toggle{display:none}.hero{min-height:690px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;position:relative;padding-top:20px;padding-bottom:92px}.hero-copy{position:relative;z-index:2;padding:40px 0}.eyebrow{display:inline-block;color:var(--green);font-size:10px;letter-spacing:2px;font-weight:700}.hero .eyebrow{font-size:11px;letter-spacing:1.4px;display:flex;align-items:center;gap:9px}.eyebrow-mark{font-size:19px;color:#98be9d}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--display);letter-spacing:-2.6px}h1{font-size:clamp(46px,5vw,68px);line-height:1.13;font-weight:600;margin:24px 0 18px;max-width:620px}h1 em,h2 em{font-family:var(--serif);font-weight:400;letter-spacing:-2.6px;color:var(--green);white-space:normal}.hero-lede{max-width:480px;font-size:17px;line-height:1.75;color:#66766e;margin-bottom:27px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:flex;align-items:center;gap:10px;border-radius:8px;padding:10px 14px;min-width:167px;min-height:54px;font-weight:700;font-size:13px;transition:transform .2s ease,background .2s ease}.button:hover{transform:translateY(-2px)}.button small{display:block;font-size:9px;line-height:1.1;letter-spacing:.25px;font-weight:500;opacity:.7;margin-bottom:3px}.button-dark{background:var(--ink);color:white}.button-outline{border:1px solid #ccd9d0;color:var(--ink);background:#fff}.store-icon{font-size:20px;width:23px;text-align:center}.apple-icon{font-size:0}.apple-icon:before{content:'●';font-size:15px;display:block}.play-icon{font-size:14px;color:#39bb86}.arrow{margin-left:auto;font-size:14px;opacity:.65}.hero-notes{display:flex;gap:19px;margin-top:28px;color:#6f8076;font-size:11px;font-weight:500}.hero-notes b{color:var(--green);font-size:13px;margin-right:4px}.hero-art{height:570px;position:relative;display:flex;align-items:center;justify-content:center;margin-left:-15px}.hero-glow{position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,#cbeedb 0%,#e0f5e9 40%,rgba(237,248,243,0) 72%);top:74px;left:54px}.orbit{position:absolute;border:1px solid rgba(0,155,104,.18);border-radius:50%;transform:rotate(-31deg)}.orbit-one{width:590px;height:290px}.orbit-two{width:540px;height:350px;transform:rotate(45deg);border-color:rgba(0,155,104,.11)}.phone-frame{z-index:1;position:relative;height:510px;width:267px;background:#fff;border:7px solid #10271d;border-radius:37px;padding:14px 7px 8px;overflow:hidden;box-shadow:0 30px 80px rgba(13,46,31,.2),0 8px 20px rgba(13,46,31,.12);transform:rotate(3deg)}.phone-frame img{width:100%;height:100%;object-fit:cover;object-position:center top;border-radius:23px}.phone-notch{position:absolute;z-index:2;top:7px;left:50%;transform:translateX(-50%);width:75px;height:18px;border-radius:0 0 13px 13px;background:#10271d}.floating-note{position:absolute;z-index:3;display:flex;align-items:center;gap:11px;padding:13px 15px;border:1px solid rgba(218,232,222,.9);background:rgba(255,255,255,.94);border-radius:10px;box-shadow:0 12px 38px rgba(19,55,39,.1);backdrop-filter:blur(8px)}.floating-note small{display:block;font-size:8px;letter-spacing:1px;color:#899890;font-weight:700}.floating-note strong{font-size:12px;display:block;margin-top:3px}.floating-note i{font-style:normal;color:var(--green);font-size:10px;font-weight:500}.note-icon{width:30px;height:30px;background:#e7f7ee;border-radius:8px;color:var(--green);font-size:23px;display:grid;place-items:center}.note-prayer{right:-4px;top:117px}.note-quran{left:-30px;bottom:76px}.quran-glyph{font-size:29px;color:var(--green)}.sparkle{position:absolute;color:#86bd8d}.sparkle-a{font-size:22px;right:49px;top:72px}.sparkle-b{font-size:15px;left:12px;bottom:166px}.hero-bottom{position:absolute;bottom:26px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;color:#829188;font:italic 13px var(--serif)}.scroll-cue{font:700 9px var(--sans);letter-spacing:1.4px;font-style:normal;color:#73837a}.scroll-cue b{font-size:15px;color:var(--green);margin-left:8px}.intro{padding-top:116px;padding-bottom:128px}.section-heading{text-align:center;max-width:620px;margin:0 auto 56px}.section-heading .eyebrow{margin-bottom:18px}.section-heading h2,.showcase-heading h2,.faq-intro h2{font-size:clamp(40px,5vw,58px);line-height:1.12;font-weight:600;margin-bottom:16px}.section-heading p,.faq-intro p{font-size:15px;color:var(--muted);line-height:1.7}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.feature-card{min-height:286px;border-radius:12px;padding:22px 20px 19px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.feature-quran{background:#e7f4ec}.feature-adhkar{background:#f2f3e7}.feature-prayer{background:#e8f2ee}.feature-qibla{background:#f2f3ee}.feature-top{display:flex;justify-content:space-between;align-items:center}.feature-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.74);font-size:21px;color:var(--green)}.feature-index{color:#8a9b91;font-size:9px;letter-spacing:1px}.feature-card h3{font:600 18px var(--display);letter-spacing:-.5px;margin:0 0 8px}.feature-card p{font-size:11px;line-height:1.6;color:#65766d;margin:0 0 13px;max-width:220px}.text-link{font-weight:700;color:var(--green);font-size:10px}.text-link span{padding-left:5px}.card-watermark{position:absolute;right:8px;bottom:60px;color:rgba(0,105,66,.055);font:30px var(--serif);pointer-events:none}.story-section{background:#0d2b20;color:#f7fbf8;position:relative;overflow:hidden}.story-section:before,.story-section:after{content:'';position:absolute;width:520px;height:520px;border:1px solid rgba(139,212,169,.12);border-radius:50%;pointer-events:none}.story-section:before{top:-300px;right:-110px}.story-section:after{bottom:-390px;left:-155px}.story-layout{padding-top:118px;padding-bottom:118px;display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:90px;position:relative;z-index:1}.eyebrow-light{color:#69dca9}.story-copy h2,.download-inner h2{font-size:clamp(46px,5.3vw,65px);line-height:1.12;font-weight:600;margin:22px 0 20px}.story-copy h2 em,.download-inner h2 em{color:#6bddaa}.story-copy>p{max-width:375px;color:#b9c9bf;line-height:1.75;font-size:14px}.story-list{list-style:none;margin:35px 0 0;padding:0}.story-list li{display:flex;gap:15px;padding:15px 0;border-top:1px solid rgba(220,243,227,.12)}.story-list li>span{font:italic 13px var(--serif);color:#67d8a5}.story-list strong,.story-list small{display:block}.story-list strong{font-size:12px;margin-bottom:5px}.story-list small{font-size:10px;color:#aabeb2}.insight-card{background:#f9fcfa;border-radius:13px;padding:24px 25px;color:#12281e;box-shadow:0 28px 70px rgba(0,0,0,.18);max-width:500px;justify-self:end;width:100%}.insight-head{display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#77877e;font-weight:700;letter-spacing:1px}.live-dot{width:7px;height:7px;background:#00ad72;border-radius:50%;box-shadow:0 0 0 4px #d8f1e5}.score{display:flex;justify-content:flex-end;gap:10px;align-items:center;margin-top:20px}.score>strong{font:700 39px var(--display);letter-spacing:-2px}.score>strong small{font-size:18px}.score>span{font-size:11px;color:var(--green);font-weight:700}.score>span small{display:block;color:#7b8a82;font-size:9px;font-weight:500;margin-top:3px}.chart{height:185px;position:relative;margin-top:12px}.chart-grid{position:absolute;inset:15px 0 24px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 35px,#eaf0eb 36px,#eaf0eb 37px)}.chart svg{position:relative;width:100%;height:150px;margin-top:15px;overflow:visible}.days{display:flex;justify-content:space-between;color:#88958e;font-size:8px;font-weight:700;letter-spacing:1px}.streak-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.streak-row>div{border:1px solid #e8efea;border-radius:9px;padding:13px}.streak-row small{display:block;color:#7c8b82;letter-spacing:1px;font-size:8px;font-weight:700}.streak-row strong{font:700 24px var(--display);display:block;margin:5px 0}.streak-row strong i{font:600 10px var(--sans);color:#829088}.mini-bars{display:flex;gap:4px;height:20px;align-items:end}.mini-bars b{flex:1;background:#c6ecda;border-radius:2px 2px 0 0;height:35%}.mini-bars b:nth-child(2){height:62%}.mini-bars b:nth-child(3){height:48%}.mini-bars b:nth-child(4){height:78%}.mini-bars b:nth-child(5){height:60%}.mini-bars b:nth-child(6){height:88%;background:#00b77a}.mini-bars b:nth-child(7){height:100%;background:#00b77a}.insight-quote{margin-top:13px;background:#ecf8f2;border-radius:9px;padding:15px;display:flex;align-items:center;flex-direction:column;gap:8px}.insight-quote span,.insight-quote small{font-size:8px;color:#13a978;letter-spacing:1.1px;font-weight:700}.insight-quote strong{font-size:19px;color:#26382f}.insight-quote i{font:italic 11px var(--serif);color:#61736a}.showcase{padding-top:128px;padding-bottom:126px}.showcase-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:46px}.showcase-heading .eyebrow{margin-bottom:17px}.showcase-heading h2{margin:0}.showcase-heading>p{max-width:270px;color:var(--muted);font-size:13px;line-height:1.7;margin:0 5% 7px 0}.showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px 22px}.showcase-image{height:350px;overflow:hidden;border-radius:12px;background:#e9f7f0;position:relative;display:flex;align-items:flex-start;justify-content:center}.showcase-image img{width:77%;height:auto;object-fit:cover;object-position:top center;margin-top:17px;border:5px solid #10271d;border-bottom:0;border-radius:28px 28px 0 0;box-shadow:0 18px 35px rgba(17,50,34,.15)}.image-quran{background:#eef7f2}.image-adhkar{background:#f2f4e8}.image-prayer{background:#e6f4ec}.image-qibla{background:#eff4ef}.showcase-large .showcase-image{height:430px}.showcase-large .showcase-image img{width:62%}.showcase-qibla .showcase-image img{width:60%}.showcase-caption{display:flex;justify-content:space-between;align-items:end;gap:15px;padding:16px 2px 0}.showcase-caption span{font-size:8px;letter-spacing:1px;font-weight:700;color:var(--green)}.showcase-caption h3{font:600 17px var(--display);letter-spacing:-.4px;margin:7px 0 0}.showcase-caption p{font-size:10px;line-height:1.55;color:#77867e;max-width:180px;margin:0 0 2px}.promise{background:#eaf6ef;text-align:center;position:relative;overflow:hidden}.promise:before,.promise:after{content:'۞';font:220px var(--serif);position:absolute;color:rgba(0,155,104,.055)}.promise:before{left:-70px;top:20px}.promise:after{right:-70px;bottom:-10px}.promise-inner{padding-top:92px;padding-bottom:92px;position:relative;z-index:1}.promise-mark{width:40px;height:40px;display:grid;place-items:center;border:1px solid #b7d9c3;border-radius:50%;margin:0 auto 19px;color:var(--green);font-size:19px}.promise h2{font-size:clamp(48px,6vw,68px);line-height:1.1;font-weight:600;margin:20px 0 17px}.promise p{color:#66786e;font-size:14px;line-height:1.7;max-width:430px;margin:0 auto}.promise-tags{display:flex;justify-content:center;gap:25px;margin:32px 0 11px;flex-wrap:wrap}.promise-tags span{font-size:10px;color:#52685b;font-weight:600}.promise-tags span:first-letter{color:var(--green)}.offline-note{font-size:9px;color:#85958b}.faq-section{padding-top:118px;padding-bottom:122px;display:grid;grid-template-columns:.75fr 1.25fr;gap:75px}.faq-intro .eyebrow{margin-bottom:18px}.faq-intro h2{font-size:46px}.faq-intro p{font-size:13px}.faq-list details{border-bottom:1px solid var(--line);padding:0 0 0 1px}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:20px 0;font:600 13px var(--display)}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{display:grid;place-items:center;width:25px;height:25px;border:1px solid var(--line);border-radius:50%;font:400 17px var(--sans);color:var(--green);transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{max-width:620px;font-size:12px;line-height:1.7;color:var(--muted);margin:-5px 35px 19px 0}.download-section{background:#0d2b20;color:#fff;position:relative;text-align:center;overflow:hidden}.download-pattern{position:absolute;width:700px;height:700px;border:1px solid rgba(141,223,176,.12);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 64px rgba(141,223,176,.025),0 0 0 130px rgba(141,223,176,.02)}.download-inner{position:relative;padding-top:92px;padding-bottom:96px;z-index:1}.download-logo{width:62px;height:62px;border-radius:50%;overflow:hidden;margin:0 auto 22px;border:2px solid rgba(255,255,255,.4)}.download-logo img{width:100%;height:100%;object-fit:cover}.download-inner h2{font-size:clamp(45px,5.5vw,62px);margin:18px auto 16px}.download-inner>p{color:#b7cabf;font-size:13px;margin-bottom:23px}.centered-actions{justify-content:center}.button-light{background:#fff;color:var(--ink);text-align:left}.button-translucent{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.32);color:white;text-align:left}.store-note{display:block;margin-top:17px;font-size:9px;color:#92aa9b;letter-spacing:.4px}.site-footer{background:#f8fbf8}.footer-main{min-height:122px;display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--line)}.footer-brand{font-size:21px}.footer-brand img{width:32px;height:32px}.footer-main>p{margin:0;color:#839188;font:italic 12px var(--serif)}.footer-contact{margin-left:auto;font-size:12px;font-weight:700;color:var(--green)}.footer-contact>span{margin-left:5px}.footer-contact small{display:block;color:#87968d;font-weight:400;font-size:9px;margin-top:5px}.footer-bottom{min-height:57px;display:flex;align-items:center;justify-content:space-between;color:#87958d;font-size:9px}.footer-bottom a{color:#60756a;font-weight:600}
@media(max-width:900px){.section-wrap{width:calc(100% - 48px)}.site-header{padding:0 24px}.nav-links{gap:23px}.hero{grid-template-columns:1fr .85fr;min-height:630px}.hero-art{transform:scale(.88);transform-origin:center right;margin-right:-28px}.hero-notes{gap:12px}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature-card{min-height:250px}.story-layout{gap:42px}.showcase-image{height:300px}.showcase-large .showcase-image{height:380px}.faq-section{gap:45px}.faq-intro h2{font-size:40px}}
@media(max-width:650px){.section-wrap{width:calc(100% - 40px)}.site-header{height:68px;padding:0 20px}.brand{font-size:22px}.brand img{width:33px;height:33px}.menu-toggle{display:flex;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:#fff;flex-direction:column;gap:5px;align-items:center;justify-content:center;cursor:pointer}.menu-toggle span{width:14px;height:1.5px;background:var(--ink)}.nav-links{display:none;position:absolute;left:12px;right:12px;top:62px;padding:15px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 15px 40px rgba(25,50,35,.12);flex-direction:column;align-items:stretch;gap:0}.nav-links.is-open{display:flex}.nav-links>a{padding:13px 12px}.nav-links .nav-cta{text-align:center;margin-top:5px}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:30px;padding-bottom:74px;min-height:unset}.hero-copy{padding:15px 0 0}.hero .eyebrow{font-size:9px}.hero h1{font-size:46px;letter-spacing:-2px;margin:19px 0 14px;max-width:460px}.hero h1 em{letter-spacing:-2.2px}.hero-lede{font-size:14px;line-height:1.7;max-width:450px;margin-bottom:19px}.button{min-width:calc(50% - 7px);flex:1;padding:8px 10px;gap:7px}.button .arrow{font-size:12px}.hero-notes{font-size:9px;gap:10px;margin-top:17px;flex-wrap:wrap}.hero-art{height:440px;margin:-3px 0 0;transform:none;overflow:hidden}.hero-glow{width:330px;height:330px;top:52px;left:50%;transform:translateX(-50%)}.orbit-one{width:440px;height:230px}.orbit-two{width:420px;height:280px}.phone-frame{height:390px;width:211px;border-width:6px;border-radius:31px;padding:13px 6px 6px;transform:rotate(2deg)}.phone-frame img{border-radius:21px}.phone-notch{top:6px;width:62px;height:16px}.note-prayer{right:-5px;top:64px;padding:10px}.note-quran{left:-10px;bottom:45px;padding:10px}.floating-note strong{font-size:10px}.floating-note small{font-size:7px}.note-icon{width:25px;height:25px;font-size:18px}.quran-glyph{font-size:24px}.hero-bottom{bottom:18px}.hero-bottom>span:first-child{font-size:11px}.scroll-cue{font-size:7px}.intro{padding-top:79px;padding-bottom:83px}.section-heading{margin-bottom:32px}.section-heading h2,.showcase-heading h2{font-size:40px;letter-spacing:-1.8px}.section-heading h2 em,.showcase-heading h2 em{letter-spacing:-1.9px}.section-heading p{font-size:13px}.feature-grid{gap:9px}.feature-card{padding:16px 14px;min-height:228px;border-radius:9px}.feature-icon{width:32px;height:32px;font-size:18px}.feature-index{font-size:7px}.feature-card h3{font-size:15px}.feature-card p{font-size:10px;line-height:1.5}.text-link{font-size:9px}.card-watermark{font-size:22px;bottom:61px}.story-layout{padding-top:79px;padding-bottom:78px;grid-template-columns:1fr;gap:39px}.story-copy h2{font-size:47px;letter-spacing:-2px;margin:18px 0 14px}.story-copy>p{font-size:13px}.story-list{margin-top:24px}.insight-card{padding:17px;width:100%;justify-self:center}.score>strong{font-size:34px}.chart{height:170px}.chart svg{height:135px}.showcase{padding-top:83px;padding-bottom:82px}.showcase-heading{display:block;margin-bottom:28px}.showcase-heading h2{margin-bottom:12px}.showcase-heading>p{font-size:12px;margin:0;max-width:320px}.showcase-grid{grid-template-columns:1fr;gap:31px}.showcase-image{height:310px}.showcase-large .showcase-image{height:350px}.showcase-large .showcase-image img{width:70%}.showcase-image img{width:79%;margin-top:13px;border-width:4px;border-radius:22px 22px 0 0}.showcase-caption{padding-top:12px}.showcase-caption h3{font-size:15px}.showcase-caption p{font-size:9px;max-width:145px}.promise-inner{padding-top:72px;padding-bottom:70px}.promise h2{font-size:50px;letter-spacing:-2px}.promise p{font-size:12px;max-width:350px}.promise-tags{gap:11px 17px;margin:25px 0 10px}.promise-tags span{font-size:9px}.promise:before,.promise:after{font-size:120px}.faq-section{padding-top:78px;padding-bottom:80px;grid-template-columns:1fr;gap:24px}.faq-intro h2{font-size:39px;letter-spacing:-1.8px;margin-bottom:11px}.faq-list summary{font-size:12px;padding:17px 0}.faq-list details p{font-size:11px}.download-inner{padding-top:70px;padding-bottom:72px}.download-logo{width:53px;height:53px}.download-inner h2{font-size:45px;letter-spacing:-2px}.download-inner>p{font-size:12px}.download-pattern{width:450px;height:450px}.footer-main{min-height:unset;padding-top:22px;padding-bottom:20px;display:grid;grid-template-columns:1fr auto;gap:12px}.footer-main>p{grid-row:2;grid-column:1;font-size:10px}.footer-contact{grid-row:1/3;grid-column:2}.footer-bottom{min-height:65px;display:grid;grid-template-columns:1fr auto;gap:8px;padding-top:12px;padding-bottom:12px}.footer-bottom span:nth-child(2){grid-row:2}.footer-bottom a{grid-column:2;grid-row:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Readability pass: larger body copy, labels, and supporting text. */
body{font-size:17px}
.nav-links{font-size:14px}
.hero-lede{font-size:19px;line-height:1.8}
.hero-notes{font-size:13px}
.button{font-size:14px}
.button small{font-size:10px}
.section-heading p,.story-copy>p,.promise p{font-size:16px;line-height:1.8}
.feature-card h3{font-size:20px}
.feature-card p{font-size:13px;line-height:1.75}
.text-link{font-size:12px}
.feature-index{font-size:10px}
.story-list strong{font-size:14px}
.story-list small{font-size:12px}
.insight-head{font-size:9px}
.score>span{font-size:12px}
.score>span small{font-size:10px}
.days{font-size:9px}
.streak-row small{font-size:9px}
.insight-quote span,.insight-quote small{font-size:9px}
.insight-quote i{font-size:13px}
.showcase-heading>p{font-size:15px;line-height:1.8}
.showcase-caption span{font-size:9px}
.showcase-caption h3{font-size:19px}
.showcase-caption p{font-size:12px;line-height:1.7}
.promise-tags span{font-size:12px}
.offline-note{font-size:10px}
.faq-intro p{font-size:15px}
.faq-list summary{font-size:15px}
.faq-list details p{font-size:14px;line-height:1.8}
.download-inner>p{font-size:15px}
.store-note{font-size:10px}
.footer-main>p{font-size:13px}
.footer-contact{font-size:13px}
.footer-contact small{font-size:10px}
.footer-bottom{font-size:10px}

@media(max-width:900px){
  .feature-card h3{font-size:19px}
  .feature-card p{font-size:12px}
  .showcase-caption h3{font-size:17px}
}
@media(max-width:650px){
  body{font-size:16px}
  .hero h1{font-size:clamp(43px,11vw,50px)}
  .hero-lede{font-size:16px;line-height:1.75}
  .hero-notes{font-size:11px;line-height:1.5}
  .button{font-size:13px}
  .button small{font-size:9px}
  .section-heading p,.story-copy>p,.promise p{font-size:14px;line-height:1.75}
  .feature-card h3{font-size:16px}
  .feature-card p{font-size:11px;line-height:1.65}
  .text-link{font-size:10px}
  .feature-index{font-size:8px}
  .story-list strong{font-size:13px}
  .story-list small{font-size:11px;line-height:1.6}
  .insight-quote i{font-size:12px}
  .showcase-heading>p{font-size:13px}
  .showcase-caption span{font-size:8px}
  .showcase-caption h3{font-size:16px}
  .showcase-caption p{font-size:10px;line-height:1.55}
  .promise-tags span{font-size:10px}
  .offline-note{font-size:9px}
  .faq-intro p{font-size:13px}
  .faq-list summary{font-size:14px;line-height:1.5}
  .faq-list details p{font-size:12px;line-height:1.75}
  .download-inner>p{font-size:13px}
  .footer-main>p{font-size:10px}
  .footer-contact{font-size:12px}
  .footer-contact small{font-size:9px}
}

.brand img,.footer-brand img{width:64px;height:64px;border-radius:8px;mix-blend-mode:normal;object-fit:contain;background:transparent}
.site-header{position:sticky;top:0}

.theme-toggle{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:9px 12px;background:transparent;color:var(--ink);font:600 11px var(--sans);cursor:pointer;transition:background .2s,border-color .2s}
.theme-toggle:hover{background:var(--mint);border-color:#b7d9c3}
.theme-toggle .theme-icon{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.theme-toggle .sun-icon{display:none}

html[data-theme="dark"]{color-scheme:dark;--ink:#eff8f2;--muted:#b2c4b9;--green:#67dca9;--green-bright:#72e3b4;--mint:#132a20;--mint-deep:#1a382a;--paper:#091811;--line:#2b4638}
html[data-theme="dark"] body{background:var(--paper);color:var(--ink)}
html[data-theme="dark"] .site-header{background:rgba(9,24,17,.96);border-color:rgba(172,211,188,.13)}
html[data-theme="dark"] .brand>span,html[data-theme="dark"] .brand .brand-dot{color:#fff}
html[data-theme="dark"] .nav-links{color:#c1d1c7}
html[data-theme="dark"] .nav-cta{background:#dff3e7;color:#10251b}
html[data-theme="dark"] .nav-cta span{color:#16895f}
html[data-theme="dark"] .hero-lede,html[data-theme="dark"] .section-heading p,html[data-theme="dark"] .story-copy>p,html[data-theme="dark"] .showcase-heading>p,html[data-theme="dark"] .showcase-caption p,html[data-theme="dark"] .faq-intro p{color:#b2c4b9}
html[data-theme="dark"] .hero-notes,html[data-theme="dark"] .scroll-cue{color:#a9bdb0}
html[data-theme="dark"] .hero-notes b{background:#142c21;border-color:#315241;color:#8ce2b8}
html[data-theme="dark"] .button-dark{background:#e8f5ed;color:#11271b}
html[data-theme="dark"] .button-outline{background:#10251b;border-color:#3a5746;color:#eff8f2}
html[data-theme="dark"] .button-light{background:#173529;border:1px solid #3a664f;color:#eff8f2}
html[data-theme="dark"] .feature-quran{background:#122b20}
html[data-theme="dark"] .feature-adhkar{background:#252a1d}
html[data-theme="dark"] .feature-prayer{background:#132a23}
html[data-theme="dark"] .feature-qibla{background:#202922}
html[data-theme="dark"] .feature-card p{color:#b5c6bc}
html[data-theme="dark"] .feature-index{color:#9caf9f}
html[data-theme="dark"] .feature-icon{background:#f4faf6;color:#008c5e;border-color:rgba(255,255,255,.22)}
html[data-theme="dark"] .card-watermark{color:rgba(159,226,183,.07)}
html[data-theme="dark"] .story-section{background:#07130e}
html[data-theme="dark"] .insight-card{background:#13251c;color:#eef7f1}
html[data-theme="dark"] .insight-head,html[data-theme="dark"] .score>span small,html[data-theme="dark"] .days,html[data-theme="dark"] .streak-row small,html[data-theme="dark"] .streak-row strong i{color:#afc2b6}
html[data-theme="dark"] .chart-grid{background:repeating-linear-gradient(to bottom,transparent 0,transparent 35px,#294235 36px,#294235 37px)}
html[data-theme="dark"] .streak-row>div{border-color:#2b4335}
html[data-theme="dark"] .insight-quote{background:#19372a}
html[data-theme="dark"] .insight-quote i{color:#c0d1c6}
html[data-theme="dark"] .showcase-image{background:#14281e}
html[data-theme="dark"] .image-adhkar,html[data-theme="dark"] .image-qibla{background:#20291e}
html[data-theme="dark"] .image-prayer{background:#132d21}
html[data-theme="dark"] .promise{background:#10271c}
html[data-theme="dark"] .promise p,html[data-theme="dark"] .promise-tags span{color:#bacdc1}
html[data-theme="dark"] .promise-mark{border-color:#3e7155}
html[data-theme="dark"] .offline-note{color:#9db2a4}
html[data-theme="dark"] .faq-list details{border-color:#2b4638}
html[data-theme="dark"] .faq-list details p{color:#b2c4b9}
html[data-theme="dark"] .faq-list summary span{border-color:#385545}
html[data-theme="dark"] .download-section{background:#06120d}
html[data-theme="dark"] .site-footer{background:#091811}
html[data-theme="dark"] .footer-main>p,html[data-theme="dark"] .footer-contact small,html[data-theme="dark"] .footer-bottom{color:#9eb2a5}
html[data-theme="dark"] .theme-toggle .moon-icon{display:none}
html[data-theme="dark"] .theme-toggle .sun-icon{display:block}
html[data-theme="dark"] .menu-toggle{background:#10251b;border-color:#2b4638}
html[data-theme="dark"] .menu-toggle span{background:#eff8f2}
@media(max-width:650px){.theme-toggle{justify-content:center;width:100%;border-radius:8px;margin:4px 0}.nav-links.is-open{background:var(--paper);border-color:var(--line)}}

.footer-links{display:flex;align-items:center;gap:15px;margin-left:auto}
.footer-links a{font-size:10px;font-weight:600;color:#60756a;white-space:nowrap}
.footer-links a:hover{color:var(--green)}
.footer-links a[aria-current="page"]{color:var(--green)}
.footer-contact{margin-left:0}
.document-page{padding:44px 24px 115px}
.document-heading{max-width:900px;margin:0 auto 36px;padding:22px 0 30px;border-bottom:1px solid var(--line)}
.back-link{display:inline-block;color:var(--green);font-size:12px;font-weight:600;margin-bottom:35px}
.document-heading .eyebrow{display:block;margin-bottom:13px}
.document-heading h1{font-size:clamp(42px,6vw,64px);margin:0 0 15px;line-height:1.12}
.document-heading h1 em{color:var(--green)}
.document-subtitle{font-size:18px;color:var(--muted);margin:0 0 10px}
.document-date{font-size:12px;color:#829188;margin:0}
.document-content{max-width:760px;margin:0 auto;font-size:16px;line-height:1.85;color:var(--ink)}
.document-content p{margin:0 0 19px}
.document-content h2{font:700 25px/1.3 var(--display);letter-spacing:-.7px;margin:43px 0 14px;color:var(--ink)}
.document-content h3{font:700 18px/1.4 var(--display);margin:27px 0 10px;color:var(--ink)}
.document-content ul{padding-left:23px;margin:0 0 22px}
.document-content li{padding-left:4px;margin:5px 0}
.document-content li::marker{color:var(--green)}
.document-content a{color:var(--green);text-decoration:underline;text-underline-offset:3px}
.document-content blockquote{margin:18px 0;padding:18px 22px;background:var(--mint);border-left:3px solid var(--green);border-radius:0 9px 9px 0;color:var(--ink)}
.document-content blockquote p{font-family:var(--serif);font-size:18px;font-style:italic;margin:0 0 8px}
.document-content blockquote cite{font-size:12px;color:var(--green);font-style:normal;font-weight:700}
.document-content .document-signoff{padding-top:10px;color:var(--green)}
html[data-theme="dark"] .footer-links a{color:#b4c7bb}
html[data-theme="dark"] .footer-links a[aria-current="page"]{color:var(--green)}
html[data-theme="dark"] .document-date{color:#9caf9f}
html[data-theme="dark"] .document-content blockquote{background:#132a20}
@media(max-width:900px){.footer-links{gap:10px}.footer-links a{font-size:9px}}
@media(max-width:650px){
  .footer-links{grid-column:1;grid-row:3;margin:0;gap:12px}
  .footer-contact{margin-left:0}
  .document-page{padding:27px 20px 75px}
  .document-heading{margin-bottom:27px;padding:14px 0 23px}
  .back-link{margin-bottom:27px}
  .document-heading h1{font-size:43px;letter-spacing:-1.8px}
  .document-subtitle{font-size:15px;line-height:1.65}
  .document-content{font-size:14px;line-height:1.8}
  .document-content h2{font-size:21px;margin-top:34px}
  .document-content h3{font-size:16px}
  .document-content blockquote{padding:15px 17px}
  .document-content blockquote p{font-size:16px}
}
.theme-toggle{width:38px;height:38px;padding:0;justify-content:center}
@media(max-width:650px){.theme-toggle{width:38px;height:38px;align-self:flex-start;margin:6px 12px}}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.language-switcher{width:148px;height:38px;padding:0 28px 0 12px;border:1px solid var(--line);border-radius:999px;background-color:transparent;color:var(--ink);font:600 11px var(--sans);cursor:pointer}
.language-switcher:focus-visible,.theme-toggle:focus-visible{outline:2px solid var(--green);outline-offset:3px}
.language-switcher option{background:var(--paper);color:var(--ink);font-family:var(--sans)}
.language-switcher option[lang="ar"],.language-switcher option[lang="ur"],.language-switcher option[lang="fa"]{font-family:'IBM Plex Sans Arabic',sans-serif}
.language-switcher.is-rtl-language{font-family:'IBM Plex Sans Arabic',var(--sans);text-align:right}
.language-control{position:relative;display:inline-flex;align-items:center}
.language-trigger{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 11px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--ink);font:600 12px var(--sans);cursor:pointer;white-space:nowrap}
.language-trigger:hover,.language-trigger[aria-expanded="true"]{background:var(--mint);border-color:#b7d9c3}
.language-trigger-label{display:inline-flex;align-items:center;gap:7px}
.language-flag{font-family:system-ui,sans-serif;font-size:15px;line-height:1}
.language-chevron{font-size:14px;color:var(--muted);transform:translateY(-2px)}
.language-list{position:absolute;z-index:120;top:calc(100% + 10px);right:0;width:248px;max-height:min(70vh,520px);overflow:auto;padding:7px;border:1px solid var(--line);border-radius:16px;background:var(--paper);box-shadow:0 18px 50px rgba(10,35,23,.18)}
.language-list[hidden]{display:none}
.language-option{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:0;border-radius:10px;background:transparent;color:var(--ink);text-align:left;cursor:pointer}
.language-option:hover,.language-option.is-selected{background:var(--mint)}
.language-option:disabled{opacity:.42;cursor:not-allowed}
.language-option:disabled:hover{background:transparent}
.language-option-copy{display:grid;gap:2px;flex:1;min-width:0}
.language-option-copy strong{font:600 12px var(--sans)}
.language-option-copy small{font:400 10px var(--sans);color:var(--muted)}
.language-option[lang="ar"],.language-option [lang="ar"],.language-option [lang="ur"],.language-option [lang="fa"]{font-family:'IBM Plex Sans Arabic',var(--sans)}
.language-check{visibility:hidden;color:var(--green);font-size:13px}
.language-option.is-selected .language-check{visibility:visible}
html[data-theme="dark"] .language-trigger{border-color:#385545;color:#eff8f2}
html[data-theme="dark"] .language-list{border-color:#385545;box-shadow:0 18px 50px rgba(0,0,0,.34)}
html[dir="rtl"] body{font-family:'IBM Plex Sans Arabic',var(--sans)}
html[dir="rtl"] .document-page,html[dir="rtl"] .faq-list{text-align:right}
html[dir="rtl"] .footer-main,html[dir="rtl"] .footer-bottom{direction:rtl}
html[data-theme="dark"] .language-switcher{border-color:#385545;background-color:#10251b;color:#eff8f2}
@media(max-width:900px){.language-switcher{width:132px}.nav-links{gap:15px}}
@media(max-width:650px){.language-control{align-self:flex-start;margin:6px 12px}.language-list{left:0;right:auto;top:calc(100% + 8px);max-height:55vh}}

/* Keep feature headings in one row and pin each card link to a common baseline. */
.feature-card{justify-content:flex-start}
.feature-content{display:flex;flex:1;flex-direction:column;margin-top:22px}
.feature-content h3{min-height:1.4em;margin-bottom:8px}
.feature-content .text-link{margin-top:auto;padding-top:12px}
.feature-icon{width:46px;height:46px;background:#fff;border:1px solid rgba(18,40,30,.07);box-shadow:0 3px 10px rgba(18,40,30,.055);color:#008f60;font-size:23px}
.feature-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.hero-notes{flex-wrap:wrap;row-gap:9px}
.hero-notes span{display:inline-flex;align-items:center;white-space:nowrap}
.hero-notes b{display:inline-grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#fff;border:1px solid #d8eadf;font-size:12px;line-height:1;margin-right:7px;font-weight:600}
@media(max-width:650px){.feature-icon{width:40px;height:40px}.feature-icon svg{width:21px;height:21px}.feature-content{margin-top:18px}.hero-notes{column-gap:8px}.hero-notes b{width:17px;height:17px;font-size:11px;margin-right:5px}}

/* Keep phone previews consistent across the showcase grid. */
.showcase-large .showcase-image{height:350px}
.showcase-image img,.showcase-large .showcase-image img,.showcase-qibla .showcase-image img{width:77%;height:auto}
.download-logo{width:82px;height:82px}
@media(max-width:650px){
  .showcase-image,.showcase-large .showcase-image{height:310px}
  .showcase-image img,.showcase-large .showcase-image img,.showcase-qibla .showcase-image img{width:79%}
  .download-logo{width:70px;height:70px}
}