.home{--s-bg:#f7f2e7;--s-surface:#fffdf8;--s-surface-2:#f0e9da;--s-ink:#1b1d2e;--s-muted:#555a70;--s-border:#1b22501f;--s-border-strong:#1b225038;--s-accent:#3450c4;--s-accent-strong:#26399a;--s-accent-soft:#3450c41a;--s-shadow:0 1px 2px #141a3d0f, 0 8px 24px #141a3d14;--s-shadow-lift:0 2px 4px #141a3d14, 0 16px 40px #141a3d24;--s-night:#141a3d;--s-night-2:#1e2657;--s-on-night:#f2f3ff;--s-on-night-muted:#b9c0e6;--s-star:#8fa8ff;--s-radius:1rem;--s-max:72rem;--s-lattice:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='88' viewBox='0 0 88 88'%3E%3Cg fill='none' stroke='%238fa8ff' stroke-opacity='0.16' stroke-width='1'%3E%3Crect x='29' y='29' width='30' height='30'/%3E%3Crect x='29' y='29' width='30' height='30' transform='rotate(45 44 44)'/%3E%3Cpath d='M0 44h14M74 44h14M44 0v14M44 74v14'/%3E%3C/g%3E%3C/svg%3E");background:var(--s-bg);width:100%;color:var(--s-ink);font-family:var(--font-geist-sans), system-ui, sans-serif;-webkit-font-smoothing:antialiased;flex:1;font-size:1.0625rem;line-height:1.6}:root[data-theme=dark] .home{--s-bg:#0d1126;--s-surface:#151b38;--s-surface-2:#1b2246;--s-ink:#eef0fb;--s-muted:#a9afcc;--s-border:#ffffff1a;--s-border-strong:#fff3;--s-accent:#9db3ff;--s-accent-strong:#c3d0ff;--s-accent-soft:#9db3ff24;--s-shadow:0 1px 2px #0000004d, 0 8px 24px #0000004d;--s-shadow-lift:0 2px 4px #00000059, 0 16px 40px #00000073;--s-night:#090d20;--s-night-2:#121838}.home a{color:var(--s-accent);text-underline-offset:.18em;text-decoration-thickness:1px}.home a:hover{color:var(--s-accent-strong)}.home :focus-visible{outline:2px solid var(--s-accent);outline-offset:3px;border-radius:.35rem}.home h1,.home h2,.home h3{font-family:var(--font-display), Georgia, "Times New Roman", serif;letter-spacing:-.015em;color:var(--s-ink)}.home h2{margin:0 0 1rem;font-size:clamp(1.6rem,3.6vw,2.25rem);font-weight:600;line-height:1.15}.home h3{margin:1.25rem 0 .4rem;font-size:1.2rem;font-weight:600;line-height:1.3}.home p{margin:0 0 .75rem}.home [lang=ar]{font-family:Indo Pak,serif;font-weight:400}.home svg{flex:none}.site-header{z-index:50;background:color-mix(in srgb, var(--s-night) 88%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(12px);backdrop-filter:saturate(1.4)blur(12px);border-bottom:1px solid #8fa8ff2e;position:sticky;top:0}.site-header__inner{max-width:var(--s-max);flex-wrap:wrap;align-items:center;gap:.25rem 1.5rem;margin:0 auto;padding:.6rem 1rem;display:flex}.home .site-brand{color:var(--s-on-night);font-family:var(--font-display), Georgia, serif;letter-spacing:-.01em;align-items:center;gap:.6rem;font-size:1.3rem;font-weight:600;text-decoration:none;display:inline-flex}.site-brand img{border-radius:.55rem;width:2rem;height:2rem}.site-nav{scrollbar-width:none;order:3;gap:.15rem;width:100%;margin:0 -.5rem;display:flex;overflow-x:auto}.home .site-nav a{color:var(--s-on-night-muted);border-radius:999px;flex:none;padding:.55rem .7rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .15s,background-color .15s}.home .site-nav a:hover{color:var(--s-on-night);background:#8fa8ff1f}.home .site-header__cta{background:var(--s-on-night);color:var(--s-night);border-radius:999px;align-items:center;gap:.35rem;margin-inline-start:auto;padding:.5rem .95rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .15s;display:inline-flex}.home .site-header__cta:hover{color:var(--s-night);transform:translate(2px)}.home .site-header :focus-visible,.home .hero :focus-visible,.home .site-footer :focus-visible,.home .page-band :focus-visible{outline-color:var(--s-star)}@media (min-width:52rem){.site-nav{order:0;width:auto;margin:0 0 0 .5rem}}.hero{background:radial-gradient(60rem 30rem at 85% 10%, #5c78f059, transparent 60%), radial-gradient(40rem 24rem at 0% 100%, #5a57c459, transparent 60%), var(--s-lattice), linear-gradient(180deg, var(--s-night) 0%, var(--s-night-2) 100%);color:var(--s-on-night);position:relative;overflow:hidden}.hero__inner{max-width:var(--s-max);align-items:center;gap:2.5rem;margin:0 auto;padding:3rem 1rem 2rem;display:grid}.hero__eyebrow{color:var(--s-on-night-muted);background:#8fa8ff14;border:1px solid #8fa8ff59;border-radius:999px;align-items:center;gap:.5rem;padding:.3rem .8rem;font-size:.85rem;font-weight:500;display:inline-flex}.hero__eyebrow .site-star{color:var(--s-star)}.home .hero h1{color:var(--s-on-night);letter-spacing:-.03em;margin:1rem 0;font-size:clamp(2.3rem,6.2vw,4rem);font-weight:600;line-height:1.04}.hero__brand{color:var(--s-star);letter-spacing:0;margin-bottom:.35rem;font-size:.42em;font-weight:500;display:block}.hero__intro{max-width:36rem;color:var(--s-on-night-muted);font-size:1.15rem}.hero__actions{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.home-button{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;min-height:3rem;padding:.7rem 1.35rem;font-weight:600;transition:transform .15s,box-shadow .15s,background-color .15s;display:inline-flex;text-decoration:none!important}.home .home-button--primary{background:var(--s-on-night);color:var(--s-night);box-shadow:0 8px 24px #00000040}.home .home-button--primary:hover{color:var(--s-night);transform:translateY(-1px);box-shadow:0 12px 30px #0000004d}.home .home-button--ghost{color:var(--s-on-night);border-color:#f2f3ff59}.home .home-button--ghost:hover{color:var(--s-on-night);background:#f2f3ff14}.home-continue{border-radius:var(--s-radius);background:#8fa8ff14;border:1px solid #8fa8ff40;max-width:36rem;margin-top:1.5rem;padding:.9rem 1.1rem}.home-continue__links{flex-wrap:wrap;gap:.25rem 1.5rem;display:flex}.home .home-continue__link{color:var(--s-on-night);padding-block:.35rem;font-weight:600;display:inline-block}.home-continue__direct{min-height:2.75rem;color:var(--s-on-night-muted);align-items:center;gap:.5rem;font-size:.95rem;display:flex}.home-continue__direct input{width:1.2rem;height:1.2rem;accent-color:var(--s-star)}.hero__art{aspect-ratio:1/1.02;justify-self:center;width:min(100%,30rem);position:relative}.hero__page{border-radius:.6rem;height:auto;position:absolute;box-shadow:0 30px 60px #00000073,0 0 0 1px #8fa8ff40}.hero__page--back{opacity:.92;width:58%;top:0;right:0;transform:rotate(5deg)}.hero__page--front{width:86%;bottom:0;left:0;transform:rotate(-3deg)}.hero__stats{max-width:var(--s-max);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0 auto;padding:0 1rem 2.5rem;display:grid}.hero__stats>div{border-top:1px solid #8fa8ff33;flex-direction:column-reverse;padding:.9rem 1rem;display:flex}.hero__stats dt{color:var(--s-on-night-muted);font-size:.85rem}.hero__stats dd{font-family:var(--font-display), Georgia, serif;margin:0;font-size:2rem;font-weight:600;line-height:1.1}@media (min-width:56rem){.hero__inner{grid-template-columns:1.1fr .9fr;padding:4.5rem 1rem 3rem}.hero__stats{grid-template-columns:repeat(4,minmax(0,1fr))}}.home-main{max-width:var(--s-max);margin:0 auto;padding:0 1rem}.home-main>section{border-top:1px solid var(--s-border);padding-block:3.5rem}.home-main>section:first-child{border-top:0}.section-eyebrow{color:var(--s-accent);letter-spacing:.12em;text-transform:uppercase;font-size:.8rem;font-weight:700;margin:0 0 .4rem!important}.section-intro{max-width:40rem;color:var(--s-muted);font-size:1.1rem}.section-note{color:var(--s-muted);align-items:center;gap:.5rem;display:flex;margin-top:1.25rem!important}.home .text-link{align-items:center;gap:.35rem;font-weight:600;text-decoration:none;display:inline-flex}.home .text-link:hover{text-decoration:underline}.home-cards{gap:1.25rem;display:grid}.home-card{border:1px solid var(--s-border);border-radius:calc(var(--s-radius) * 1.25);background:var(--s-surface);box-shadow:var(--s-shadow);display:grid;overflow:hidden}.home-card__img{object-fit:cover;object-position:center 30%;background:var(--s-night);width:100%;height:15rem}.home-card__img--tall{object-position:center 45%}.home-card__body{padding:1.25rem 1.4rem 1.4rem}.home .home-card h3{margin-top:0;font-size:1.5rem}.home-card__meta{color:var(--s-muted);font-size:.95rem}.home .home-card__link{align-items:center;gap:.35rem;margin-top:.25rem;font-weight:600;text-decoration:none;display:inline-flex}.colour-chips{flex-wrap:wrap;gap:.75rem;margin:1.5rem 0;padding:0;list-style:none;display:flex}.home .colour-chips a{border:1px solid var(--s-border);background:var(--s-surface);color:var(--s-ink);box-shadow:var(--s-shadow);border-radius:999px;align-items:baseline;gap:.55rem;padding:.75rem 1.1rem;text-decoration:none;transition:transform .15s,border-color .15s;display:inline-flex}.home .colour-chips a:hover{border-color:var(--chip);transform:translateY(-1px)}.colour-chips strong{color:var(--chip);font-size:1.05rem}.colour-chips span:last-child{color:var(--s-muted);font-size:.95rem}.colour-chips__dot{background:var(--chip);width:.75rem;height:.75rem;box-shadow:0 0 0 4px color-mix(in srgb, var(--chip) 18%, transparent);border-radius:999px;align-self:center}.bento{gap:1rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.bento__tile{border:1px solid var(--s-border);border-radius:calc(var(--s-radius) * 1.25);background:var(--s-surface);box-shadow:var(--s-shadow);flex-direction:column;padding:1.4rem;transition:transform .2s,box-shadow .2s;display:flex}.bento__tile:hover{box-shadow:var(--s-shadow-lift);transform:translateY(-2px)}.bento__tile--wide{background:var(--s-lattice), linear-gradient(160deg, var(--s-night-2), var(--s-night));color:var(--s-on-night);border-color:#0000}.home .bento__tile--wide h3{color:var(--s-on-night)}.bento .bento__tile--wide p{color:var(--s-on-night-muted)}.home .bento__tile--wide a{color:var(--s-star)}.bento__icon{background:var(--s-accent-soft);width:2.75rem;height:2.75rem;color:var(--s-accent);border-radius:.8rem;place-items:center;display:inline-grid}.bento__tile--wide .bento__icon{color:var(--s-star);background:#8fa8ff29}.home .bento h3{margin:1rem 0 .35rem}.bento p{color:var(--s-muted);flex:1}.home .bento a{align-items:center;gap:.3rem;font-weight:600;text-decoration:none;display:inline-flex}@media (min-width:40rem){.bento{grid-template-columns:repeat(2,minmax(0,1fr))}.bento__tile--wide{grid-column:span 2}}@media (min-width:60rem){.bento{grid-template-columns:repeat(4,minmax(0,1fr))}.bento__tile--wide{grid-column:span 2}}.home-list{gap:.6rem;margin:1.25rem 0 0;padding:0;list-style:none;display:grid}.home-list li{border:1px solid var(--s-border);background:var(--s-surface);border-radius:.85rem;align-items:center;gap:.25rem;transition:border-color .15s,box-shadow .15s;display:flex}.home-list li:hover{border-color:var(--s-border-strong);box-shadow:var(--s-shadow)}.home .home-list li>a:first-child{min-width:0;color:var(--s-ink);flex:1;align-items:center;gap:.75rem;padding:.55rem .75rem;text-decoration:none;display:flex}.home-list__n{background:var(--s-accent-soft);width:2.2rem;height:2.2rem;color:var(--s-accent);font-variant-numeric:tabular-nums;border-radius:.6rem;flex:none;place-items:center;font-size:.9rem;font-weight:700;display:inline-grid}.home-list__name{min-width:0;font-weight:600}.home .home-list__ar{color:var(--s-muted);margin-inline-start:auto;font-size:1.2rem;line-height:1.4}.home .home-list__alt{color:var(--s-muted);border-radius:999px;flex:none;margin-inline-end:.5rem;padding:.3rem .6rem;font-size:.8rem;font-weight:600;text-decoration:none}.home .home-list__alt:hover{background:var(--s-accent-soft);color:var(--s-accent)}@media (min-width:40rem){.home-cards,.home-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:64rem){.home-list--paras,.home-list--surahs{grid-template-columns:repeat(3,minmax(0,1fr))}.home-card{grid-template-columns:.9fr 1.1fr}.home-card__img{height:100%;min-height:16rem}}.home-faq{max-width:50rem}.home-faq__item{border:1px solid var(--s-border);border-radius:var(--s-radius);background:var(--s-surface);margin-bottom:.75rem;transition:border-color .15s,box-shadow .15s}.home-faq__item[open]{border-color:var(--s-border-strong);box-shadow:var(--s-shadow)}.home-faq__item summary{cursor:pointer;border-radius:var(--s-radius);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;list-style:none;display:flex}.home-faq__item summary::-webkit-details-marker{display:none}.home .home-faq__item summary h3{font-family:var(--font-geist-sans), system-ui, sans-serif;letter-spacing:0;margin:0;font-size:1.05rem}@media (hover:hover){.home-faq__item summary:hover h3{color:var(--s-accent)}}.home-faq__icon{background:var(--s-accent-soft);border-radius:999px;flex:none;width:1.9rem;height:1.9rem;transition:transform .25s;position:relative}.home-faq__icon:before,.home-faq__icon:after{content:"";background:var(--s-accent);border-radius:2px;width:.7rem;height:2px;margin:-1px 0 0 -.35rem;position:absolute;top:50%;left:50%}.home-faq__icon:after{transition:transform .25s;transform:rotate(90deg)}.home-faq__item[open] .home-faq__icon:after{transform:rotate(0)}.home-faq__item::details-content{block-size:0;transition:block-size .3s ease, content-visibility .3s allow-discrete;overflow:hidden}.home-faq__item[open]::details-content{block-size:auto}.home-faq__answer{color:var(--s-muted);padding:0 1.25rem 1.1rem}.home-faq__answer ul{margin:0 0 .75rem;padding-inline-start:1.25rem;list-style:outside}@supports (interpolate-size:allow-keywords){.home{interpolate-size:allow-keywords}}.site-footer{background:var(--s-lattice), linear-gradient(180deg, var(--s-night-2), var(--s-night));color:var(--s-on-night-muted);margin-top:2rem;font-size:.95rem}.site-footer__inner{max-width:var(--s-max);gap:2rem;margin:0 auto;padding:3rem 1rem 2rem;display:grid}.site-footer__about p{max-width:24rem;margin-top:.9rem}.home .site-footer h2{color:var(--s-on-night);font-family:var(--font-geist-sans), system-ui, sans-serif;letter-spacing:.12em;text-transform:uppercase;margin:0 0 .6rem;font-size:.8rem;font-weight:700}.site-footer nav{flex-direction:column;align-items:flex-start;display:flex}.home .site-footer nav a{color:var(--s-on-night-muted);padding-block:.3rem;text-decoration:none}.home .site-footer nav a:hover{color:var(--s-on-night)}.site-footer__credit{max-width:var(--s-max);border-top:1px solid #8fa8ff2e;padding:1.25rem 1rem 2rem;font-size:.85rem;margin:0 auto!important}.home .site-footer__credit a{color:var(--s-on-night)}@media (min-width:40rem){.site-footer__inner{grid-template-columns:repeat(3,minmax(0,1fr))}.site-footer__about{grid-column:1/-1}}@media (min-width:64rem){.site-footer__inner{grid-template-columns:1.6fr repeat(3,minmax(0,1fr))}.site-footer__about{grid-column:auto}}@media (prefers-reduced-motion:reduce){.home *,.home :before,.home :after{transition:none!important}.home-faq__item::details-content{transition:none!important}}
.page-band{background:radial-gradient(50rem 22rem at 90% 0%, #5c78f052, transparent 60%), var(--s-lattice), linear-gradient(180deg, var(--s-night) 0%, var(--s-night-2) 100%);color:var(--s-on-night)}.page-band__inner{max-width:var(--s-max);margin:0 auto;padding:2.25rem 1rem 2.75rem}.home .page-band h1,.home.page-band h1{max-width:48rem;color:var(--s-on-night);letter-spacing:-.03em;margin:.6rem 0 .75rem;font-size:clamp(2.1rem,5.5vw,3.4rem);font-weight:600;line-height:1.06}.content-crumbs ol{color:var(--s-on-night-muted);flex-wrap:wrap;gap:.3rem;margin:0;padding:0;font-size:.9rem;list-style:none;display:flex}.home .content-crumbs a{color:var(--s-on-night-muted);text-decoration:none}.home .content-crumbs a:hover{color:var(--s-on-night);text-decoration:underline}.content-crumbs li+li:before{content:"›";opacity:.6;margin-inline-end:.3rem}.content-intro{max-width:44rem;color:var(--s-on-night-muted);font-size:1.15rem}.home .content-intro a{color:var(--s-on-night)}.content-intro p:last-child{margin-bottom:0}.content-layout{max-width:var(--s-max);margin:0 auto}.content-layout>.home-main{max-width:none;margin:0}.content-toc{display:none}@media (min-width:64rem){.content-layout--toc{grid-template-columns:minmax(0,1fr) 15rem;gap:2.5rem;padding-inline:1rem;display:grid}.content-layout--toc>.home-main{padding-inline:0}.content-toc{padding-top:3.25rem;display:block}.content-toc nav{border:1px solid var(--s-border);background:var(--s-surface);border-radius:1rem;padding:1rem 1.1rem;position:sticky;top:5.5rem}.content-toc p{color:var(--s-accent);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .5rem;font-size:.75rem;font-weight:700}.content-toc ol{border-inline-start:2px solid var(--s-border);margin:0;padding:0;list-style:none}.home .content-toc a{color:var(--s-muted);border-inline-start:2px solid #0000;margin-inline-start:-2px;padding:.3rem 0 .3rem .8rem;font-size:.92rem;line-height:1.35;text-decoration:none;display:block}.home .content-toc a:hover{border-color:var(--s-accent);color:var(--s-accent)}}.content-page [id]{scroll-margin-top:5.5rem}.content-page{padding-top:1rem;padding-bottom:3rem}.home-main.content-page>section{max-width:46rem;padding-block:2.25rem}.home .content-page h2{font-size:clamp(1.45rem,3vw,1.8rem)}.content-page ul,.content-page ol{margin:0 0 .9rem;padding-inline-start:1.3rem}.content-page ul{list-style:outside}.content-page ol{list-style:decimal}.content-page li{margin-bottom:.4rem}.content-page li::marker{color:var(--s-accent)}.content-page kbd{border:1px solid var(--s-border-strong);background:var(--s-surface);min-width:1.7em;font:inherit;text-align:center;border-bottom-width:2px;border-radius:.35rem;padding:0 .4em;font-size:.85em;display:inline-block}.content-note{border:1px solid var(--s-border);border-inline-start:4px solid var(--s-accent);background:var(--s-surface);border-radius:.75rem;margin:1rem 0;padding:.9rem 1.1rem}.content-page .content-cards{gap:1rem;margin:.5rem 0 0;padding:0;list-style:none;display:grid}.content-cards>li{border:1px solid var(--s-border);background:var(--s-surface);box-shadow:var(--s-shadow);border-radius:1.1rem;margin:0;padding:1.25rem 1.3rem;transition:transform .2s,box-shadow .2s;position:relative}.content-cards>li:hover{box-shadow:var(--s-shadow-lift);transform:translateY(-2px)}.home .content-cards h3{margin-top:0}.home .content-cards h3 a{color:var(--s-ink);text-decoration:none}.content-cards h3 a:after{content:"";border-radius:inherit;position:absolute;inset:0}.content-cards p{color:var(--s-muted);margin:0}.content-terms{border:1px solid var(--s-border);background:var(--s-surface);border-radius:1rem;gap:.2rem 1.25rem;margin:0 0 1rem;padding:.5rem 1.2rem;display:grid}.content-terms dt{padding-top:.7rem;font-weight:700}.content-terms dd{color:var(--s-muted);border-bottom:1px solid var(--s-border);margin:0;padding-bottom:.7rem}.content-terms dd:last-of-type{border-bottom:0}@media (min-width:40rem){.content-page .content-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.content-terms{grid-template-columns:11rem 1fr;gap:0 1.25rem}.content-terms dt{border-bottom:1px solid var(--s-border);padding:.75rem 0}.content-terms dd{padding:.75rem 0}.content-terms dt:last-of-type{border-bottom:0}}.home-main.content-page>.tajweed-rule{border:1px solid var(--s-border);border-top:5px solid var(--rule-colour);background:var(--s-surface);max-width:52rem;box-shadow:var(--s-shadow);border-radius:1.1rem;margin:1.5rem 0 0;padding:1.4rem 1.3rem .8rem}.home .tajweed-rule h2{flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:.6rem;display:flex}.tajweed-swatch{background:var(--rule-colour);width:1rem;height:1rem;box-shadow:0 0 0 5px color-mix(in srgb, var(--rule-colour) 18%, transparent);border-radius:999px;flex:none}.content-page .tajweed-examples{gap:.75rem;margin:1rem 0;padding:0;list-style:none;display:grid}.content-page .tajweed-example{border:1px solid var(--s-border);background:var(--s-bg);border-radius:.85rem;align-items:center;gap:.5rem 1.1rem;margin:0;padding:.7rem;display:grid}.tajweed-example__words{background:var(--mushaf-page-bg);min-height:4rem;color:var(--mushaf-ink);box-shadow:inset 0 0 0 1px var(--s-border);border-radius:.6rem;flex-flow:row-reverse wrap;justify-content:center;align-items:center;gap:.2rem .9rem;padding:.5rem .75rem;display:flex}.tajweed-example__mushafs{gap:.5rem;display:grid}.tajweed-example__mushaf{margin:0}.tajweed-example__mushaf figcaption{color:var(--s-muted);text-align:center;margin-top:.25rem;font-size:.8rem}.tajweed-example__fallback{font-family:Indo Pak,serif;font-size:2rem;line-height:1.6}.tajweed-example__text p{margin:0}.tajweed-example__ref{color:var(--s-muted);font-size:.9rem;margin-top:.2rem!important}@media (min-width:40rem){.content-page .tajweed-example{grid-template-columns:minmax(12rem,auto) 1fr}}.app-install{margin:1.5rem 0 0}.content-page .app-install .home-button--primary{background:var(--s-accent);color:#fff}.home .content-page .home-button--primary{background:var(--s-accent);color:#fff;box-shadow:var(--s-shadow)}:root[data-theme=dark] .home .content-page .home-button--primary{color:var(--s-night)}.not-found{align-items:center;min-height:100dvh;display:grid}.home.not-found .section-eyebrow{color:var(--s-star)}