:root{--bg: #f7f4ec;--surface: #ffffff;--surface-alt: #f0ebdf;--text: #16241f;--muted: #6a7873;--subtle: #9aa5a0;--border: #e7e1d3;--primary: #0f5b4c;--primary-soft: #e2eee9;--on-primary: #ffffff;--gold: #b98e3e;--gold-soft: #f6edda;--hero-start: #12695a;--hero-end: #0a3b31;--pattern: #0f5b4c;--shadow: 0 24px 60px -24px rgb(10 59 49 / .35);--radius: 20px;--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-quran: "Amiri Quran", "Amiri", serif;--font-arabic: "Amiri", serif;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0b1528;--surface: #111e36;--surface-alt: #172742;--text: #e8ecf4;--muted: #97a3ba;--subtle: #63708a;--border: #1e2d4a;--primary: #6ea8fe;--primary-soft: #16294a;--on-primary: #06142b;--gold: #d8b46a;--gold-soft: #29261c;--hero-start: #1c3a6e;--hero-end: #0d1d3a;--pattern: #6ea8fe;--shadow: 0 24px 60px -24px rgb(0 0 0 / .6);color-scheme:dark}}:root[data-theme=dark]{--bg: #0b1528;--surface: #111e36;--surface-alt: #172742;--text: #e8ecf4;--muted: #97a3ba;--subtle: #63708a;--border: #1e2d4a;--primary: #6ea8fe;--primary-soft: #16294a;--on-primary: #06142b;--gold: #d8b46a;--gold-soft: #29261c;--hero-start: #1c3a6e;--hero-end: #0d1d3a;--pattern: #6ea8fe;--shadow: 0 24px 60px -24px rgb(0 0 0 / .6);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px;-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;transition:background-color .2s,color .2s}img{max-width:100%;display:block}a{color:var(--primary);text-underline-offset:3px}h1,h2,h3{line-height:1.15;letter-spacing:-.02em;margin:0 0 .5em}h1{font-size:clamp(2.2rem,5vw,3.5rem);font-weight:800}h2{font-size:clamp(1.7rem,3.4vw,2.5rem);font-weight:800}h3{font-size:1.3rem;font-weight:700}p{margin:0 0 1em}.container{width:100%;max-width:1120px;margin:0 auto;padding:0 16px}@media(min-width:640px){.container{padding:0 28px}}.eyebrow{font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--primary);margin:0 0 .6em}.eyebrow--gold{color:var(--gold)}.lead{font-size:1.15rem;color:var(--muted)}.muted{color:var(--muted)}.small{font-size:.9rem}.center{text-align:center}:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.pattern{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.pattern polygon{fill:none;stroke:currentColor;stroke-width:1}.star-badge polygon{fill:none;stroke:var(--gold);stroke-width:1.4}.star-badge text{fill:var(--text);font-weight:600;font-family:var(--font)}.header{position:sticky;top:0;z-index:10;transition:background-color .2s,box-shadow .2s,border-color .2s;border-bottom:1px solid transparent}.header--scrolled{background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:saturate(1.6) blur(14px);-webkit-backdrop-filter:saturate(1.6) blur(14px);border-bottom-color:var(--border)}.header__inner{display:flex;align-items:center;justify-content:space-between;height:68px}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-weight:800;font-size:1.2rem;letter-spacing:-.01em}.brand img{border-radius:9px}.nav{display:flex;align-items:center;gap:4px}.nav__link{color:var(--muted);text-decoration:none;font-weight:600;font-size:.95rem;padding:8px 12px;border-radius:999px}.nav__link:hover,.nav__link.active{color:var(--text);background:var(--surface-alt)}@media(max-width:480px){.nav__link--wide{display:none}}.icon-button{display:inline-grid;place-items:center;width:38px;height:38px;margin-left:4px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:999px;background:var(--primary);color:var(--on-primary);font-weight:700;text-decoration:none;overflow-wrap:anywhere}.button:hover{filter:brightness(1.08)}.store-buttons{display:flex;flex-wrap:wrap;gap:12px}.store-button{display:inline-flex;align-items:center;gap:10px;min-width:176px;padding:9px 18px;border-radius:14px;background:#0b0f0e;color:#fff;text-decoration:none;font-weight:700;font-size:1.1rem;line-height:1.1;border:1px solid rgb(255 255 255 / .18);transition:transform .15s}a.store-button:hover{transform:translateY(-2px)}.store-button small{display:block;font-size:.68rem;font-weight:500;opacity:.8}.store-button--muted{opacity:.75;cursor:default}.store-buttons--dark .store-button{background:#ffffff1a}.phone{position:relative;aspect-ratio:640 / 1391;padding:3.2%;border-radius:13%/6%;background:#0d1110;box-shadow:var(--shadow),inset 0 0 0 1.5px #ffffff1f}.phone img{width:100%;height:100%;object-fit:cover;border-radius:10.5%/4.9%}.hero{position:relative;overflow:hidden;margin-top:-68px;padding:120px 0 72px;color:#fff;background:linear-gradient(160deg,var(--hero-start),var(--hero-end))}.hero .pattern{color:#fff}.hero__inner{position:relative;display:grid;gap:56px;align-items:center}@media(min-width:900px){.hero__inner{grid-template-columns:1.1fr .9fr}}.hero__arabic{font-family:var(--font-arabic);font-weight:700;font-size:2.6rem;line-height:1;color:var(--gold);margin:0 0 12px;text-align:left}:root:not([data-theme=dark]) .hero__arabic{color:#f0d79c}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .hero__arabic{color:var(--gold)}}.hero__lead{font-size:1.15rem;color:#ffffffd1;max-width:34em;margin-bottom:28px}.hero__chips{list-style:none;padding:0;margin:28px 0 0;display:flex;flex-wrap:wrap;gap:8px}.hero__chips li{padding:5px 14px;border-radius:999px;background:#ffffff1a;border:1px solid rgb(255 255 255 / .16);font-size:.88rem;font-weight:600}.hero__phones{position:relative;height:560px;max-width:420px;width:100%;margin:0 auto}.hero__phones .phone{position:absolute;width:62%}.phone--front{right:0;bottom:0;transform:rotate(3deg)}.phone--back{left:0;top:0;transform:rotate(-5deg);opacity:.9}@media(max-width:560px){.hero__phones{height:440px}}.verse-band{position:relative;margin-top:-36px}.verse-card{position:relative;overflow:hidden;margin:0 auto;max-width:820px;padding:32px clamp(20px,5vw,48px);border-radius:var(--radius);background:var(--gold-soft);border:1px solid color-mix(in srgb,var(--gold) 25%,transparent);box-shadow:var(--shadow);text-align:center}.verse-card .pattern{color:var(--gold)}.verse-card figcaption{position:relative;color:var(--gold)}.verse-card blockquote{position:relative;margin:0}.verse-card__arabic{font-family:var(--font-quran);font-size:clamp(1.7rem,4vw,2.3rem);line-height:2.1;margin:8px 0 12px}.verse-card__translation{font-style:italic;color:var(--muted);font-size:1.1rem}.verse-card__ref{position:relative;margin:0;font-weight:700;color:var(--gold)}.section{padding:88px 0}.section__head{text-align:center;max-width:640px;margin:0 auto 56px}.features{display:grid;gap:96px}.feature{display:grid;gap:40px;align-items:center}.feature__media .phone{width:min(280px,72vw);margin:0 auto}@media(min-width:820px){.feature{grid-template-columns:1fr 1fr;gap:72px}.feature--flip .feature__media{order:2}}.feature__badge{display:flex;align-items:center;gap:12px;margin-bottom:14px}.feature__badge .eyebrow{margin:0}.feature h3{font-size:clamp(1.6rem,3vw,2.1rem);font-weight:800}.feature p{color:var(--muted);font-size:1.08rem}.checklist{list-style:none;padding:0;margin:0;display:grid;gap:10px}.checklist li{position:relative;padding-left:30px}.checklist li:before{content:"";position:absolute;left:0;top:.32em;width:18px;height:18px;border-radius:999px;background:var(--primary-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%23b98e3e' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 12px no-repeat}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}.card{padding:26px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border)}.card h3{margin-top:16px;font-size:1.15rem}.card p{color:var(--muted);margin:0}.card__icon{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--primary-soft);color:var(--primary)}.gallery{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 4px 36px;scrollbar-width:thin}.gallery figure{flex:0 0 auto;width:220px;margin:0;scroll-snap-align:center;text-align:center}.gallery figcaption{margin-top:16px;font-size:.92rem;font-weight:600;color:var(--muted)}.gallery .phone{box-shadow:0 16px 36px -18px #00000073,inset 0 0 0 1.5px #ffffff1f}.promise{position:relative;overflow:hidden;display:grid;gap:40px;padding:clamp(32px,6vw,64px);border-radius:28px;color:#fff;background:linear-gradient(150deg,var(--hero-start),var(--hero-end))}.promise .pattern{color:#fff}.promise__col{position:relative}.promise h2{font-size:clamp(1.4rem,2.6vw,1.9rem)}.promise p:last-child{color:#fffc;margin:0}@media(min-width:820px){.promise{grid-template-columns:1fr 1fr;gap:64px}}.cta{padding-top:0}.cta__inner{display:flex;flex-direction:column;align-items:center;text-align:center}.cta .store-buttons{justify-content:center}.page{padding-top:56px;padding-bottom:96px;min-height:60vh}.prose{max-width:720px}.prose.center{margin:0 auto;display:flex;flex-direction:column;align-items:center}.prose h2{font-size:1.4rem;margin-top:2em}.prose li{margin-bottom:.8em}.faq__title{font-size:1.5rem;margin-top:64px}.faq{max-width:720px;display:grid;gap:10px}.faq details{border-radius:16px;background:var(--surface);border:1px solid var(--border)}.faq summary{cursor:pointer;padding:18px 48px 18px 22px;font-weight:700;list-style:none;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";position:absolute;right:22px;top:50%;transform:translateY(-50%);font-size:1.4rem;font-weight:400;color:var(--gold)}.faq details[open] summary:after{content:"−"}.faq details p{padding:0 22px 20px;margin:0;color:var(--muted)}.faq--center{margin:0 auto}.section__more{text-align:center;margin:28px 0 0;font-weight:600}.footer{border-top:1px solid var(--border);background:var(--surface);padding:56px 0 32px}.footer__inner{display:grid;gap:32px;grid-template-columns:1fr}@media(min-width:720px){.footer__inner{grid-template-columns:2fr 1fr 1fr}}.footer__brand p{margin-top:14px;color:var(--muted);max-width:32em;font-size:.95rem}.footer__links{display:flex;flex-direction:column;gap:8px}.footer__links h4{margin:0 0 4px;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--subtle)}.footer__links a{color:var(--text);text-decoration:none;font-weight:500}.footer__links a:hover{color:var(--primary)}.footer__credits{margin-top:40px;padding-top:24px;border-top:1px solid var(--border);font-size:.85rem;color:var(--subtle)}.footer__credits a{color:var(--muted)}.footer__credits p{margin:0 0 6px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}.header--over-hero .brand,.header--over-hero .nav__link{color:#fff}.header--over-hero .nav__link:hover,.header--over-hero .nav__link.active{background:#ffffff1f}.header--over-hero .icon-button{background:#ffffff1a;border-color:#fff3;color:#fff}.blog__head{max-width:640px;margin-bottom:40px}.post-feature{position:relative;overflow:hidden;display:block;padding:clamp(28px,5vw,52px);border-radius:28px;color:#fff;text-decoration:none;background:linear-gradient(150deg,var(--hero-start),var(--hero-end));transition:transform .15s}.post-feature:hover{transform:translateY(-2px)}.post-feature .pattern{color:#fff}.post-feature__body{position:relative;max-width:620px}.post-feature h2{font-size:clamp(1.6rem,3.4vw,2.3rem)}.post-feature p{color:#ffffffd1}.post-feature .post-meta{color:#ffffffb3}.post-list{display:grid;gap:16px;margin-top:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}.post-card{display:flex;flex-direction:column;padding:26px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);color:var(--text);text-decoration:none;transition:border-color .15s,transform .15s}.post-card:hover{border-color:var(--gold);transform:translateY(-2px)}.post-card h3{font-size:1.25rem}.post-card p{color:var(--muted)}.post-card .post-meta{margin-top:auto}.post-meta{display:flex;flex-wrap:wrap;gap:8px;margin:0;font-size:.88rem;font-weight:600;color:var(--subtle)}.post{max-width:760px}.post__back{display:inline-block;margin-bottom:28px;font-weight:600;text-decoration:none}.post__header{padding-bottom:28px;margin-bottom:8px;border-bottom:1px solid var(--border)}.post__body{font-size:1.08rem}.post__body h2{font-size:1.5rem}.post__body table{display:block;overflow-x:auto;width:100%;border-collapse:collapse;margin:0 0 1.4em;font-size:.98rem}.post__body th,.post__body td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap}.post__body th{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--subtle)}.post__body blockquote{margin:0 0 1.2em;padding:4px 0 4px 20px;border-left:3px solid var(--gold);color:var(--muted)}.post__cta{margin:56px 0;padding:32px;border-radius:var(--radius);background:var(--gold-soft);border:1px solid color-mix(in srgb,var(--gold) 25%,transparent)}.post__cta h2{font-size:1.4rem}.post__cta p{color:var(--muted)}.post__more h2{font-size:1.3rem}