@font-face{font-family:Mutqin Quran;src:url(/fonts/MutqinQuran-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Noto Kufi Arabic;src:url(/fonts/NotoKufiArabic-var.woff2)format("woff2");font-weight:500 700;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans Arabic;src:url(/fonts/NotoSansArabic-var.woff2)format("woff2");font-weight:400 700;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter-var.woff2)format("woff2");font-weight:400 700;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-var.woff2)format("woff2");font-weight:400 700;font-style:normal;font-display:swap}:root{color-scheme:light;--ink:#0f1f1c;--green:#074d31;--mint:#3fbf8f;--gold:#b8862b;--gold-text:#8a6420;--paper:#f7f3ea;--stone:#5b6b66;--line-warm:#e2dccd;--white:#fff;--line:color-mix(in srgb, var(--green) 13%, var(--white));--bg:var(--white);--fg:var(--ink);--muted:var(--stone);--accent:var(--green);--on-accent:var(--white);--text:var(--fg);--text-muted:var(--muted);--primary:var(--accent);--on-primary:var(--on-accent);--border:var(--line);--header-line:color-mix(in srgb, var(--green) 22%, transparent);--focus:var(--accent);--surface:color-mix(in srgb, var(--green) 4%, var(--white));--raised:var(--white);--tint:color-mix(in srgb, var(--green) 8%, var(--white));--code-bg:color-mix(in srgb, var(--green) 5%, var(--white));--danger:#a3261b;--footer-bg:var(--green);--footer-fg:var(--paper);--footer-muted:color-mix(in srgb, var(--paper) 82%, var(--footer-bg));--footer-line:color-mix(in srgb, var(--paper) 20%, var(--footer-bg));--font-display-ar:"Noto Kufi Arabic", "Noto Sans Arabic", sans-serif;--font-body-ar:"Noto Sans Arabic", system-ui, sans-serif;--font-latin:"Inter", system-ui, sans-serif;--font-quran:"Mutqin Quran", serif;--font-heading-ar:var(--font-display-ar);--font-code:"JetBrains Mono", "Noto Sans Arabic", ui-monospace, monospace;--space-1:.25rem;--space-2:.5rem;--space-3:1rem;--space-4:1.5rem;--space-5:3rem;--measure:68ch;--radius:10px}:root[data-theme=dark]{color-scheme:dark;--bg:var(--ink);--fg:var(--paper);--muted:#a9b8b2;--accent:var(--mint);--on-accent:var(--ink);--line:#23332f;--surface:color-mix(in srgb, var(--paper) 4%, var(--bg));--raised:color-mix(in srgb, var(--paper) 6%, var(--bg));--code-bg:color-mix(in srgb, var(--paper) 5%, var(--bg));--tint:color-mix(in srgb, var(--mint) 10%, var(--bg));--danger:#f3a198;--footer-bg:color-mix(in srgb, var(--green) 50%, var(--ink));--header-line:color-mix(in srgb, var(--mint) 22%, transparent)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);min-block-size:100vh;color:var(--text);flex-direction:column;margin:0;font-size:1.0625rem;line-height:1.7;display:flex}html[lang=ar] body{font-family:var(--font-body-ar)}html[lang=en] body{font-family:var(--font-latin);line-height:1.6}h1,h2,h3{margin-block:0 var(--space-3);line-height:1.3}html[lang=ar] :is(h1,h2,h3){font-family:var(--font-heading-ar);font-weight:700}a{color:var(--primary);text-underline-offset:.2em}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.quran{font-family:var(--font-quran);font-feature-settings:"cv62" 1;white-space:pre-wrap;line-height:2.2}.skip-link{padding:var(--space-2) var(--space-3);background:var(--primary);color:var(--on-primary);border-radius:var(--radius);z-index:10;position:absolute;inset-block-start:-4rem;inset-inline-start:var(--space-3)}.skip-link:focus{inset-block-start:var(--space-3)}.container{inline-size:min(100% - 2 * var(--space-3), 72rem);margin-inline:auto}.site-header{border-block-end:1px solid var(--header-line)}.site-header .container{align-items:center;gap:var(--space-2) var(--space-4);padding-block:var(--space-3);flex-wrap:wrap;display:flex}.brand{align-items:center;margin-inline:-.375rem auto;padding:.375rem;text-decoration:none;display:inline-flex}.brand__logo{block-size:3.5rem;inline-size:auto;display:block}.brand__logo--dark,:root[data-theme=dark] .brand__logo--light{display:none}:root[data-theme=dark] .brand__logo--dark{display:block}.site-nav ul{gap:var(--space-1) var(--space-4);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.site-nav a,.lang-switch{min-block-size:2.75rem;color:var(--text);align-items:center;text-decoration:none;display:inline-flex}.site-nav a:hover,.lang-switch:hover{color:var(--primary);text-decoration:underline}.lang-switch{padding-inline:var(--space-3);border:1px solid var(--border);border-radius:var(--radius)}main{padding-block:var(--space-5);flex:1}.prose{max-inline-size:var(--measure)}.site-footer{border-block-start:1px solid var(--border);background:var(--surface);color:var(--text-muted);padding-block:var(--space-4);font-size:.95rem}.site-footer .container{justify-content:space-between;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.site-footer p{margin:0}:root{--gut:24px;--gutter:12px;--nav-h:6.75rem;--padt:1.5rem;--padb:2rem;--hpadt:1.5rem;--hpadb:1.5rem;--radius-lg:.875rem;--ease-out:cubic-bezier(.22, 1, .36, 1)}@media (width>=640px){:root{--gut:48px;--gutter:24px;--nav-h:4.75rem;--padt:3rem;--padb:3rem;--hpadt:3rem;--hpadb:2.5rem}}@media (width>=1024px){:root{--gut:80px;--padt:3rem;--padb:4rem;--hpadt:3.5rem;--hpadb:3.5rem}}html{scroll-padding-top:0}.container,.wrap{inline-size:min(100% - 2 * var(--gut), 80rem);margin-inline:auto}.site-header{z-index:20;block-size:var(--nav-h);background:var(--bg);position:fixed;inset-block-start:0;inset-inline:0}.site-header .container{align-items:center;gap:0 var(--space-4);grid-template-columns:auto 1fr auto;grid-template-areas:"brand nav lang";block-size:100%;padding-block:0;display:grid}.brand{grid-area:brand;margin-inline-end:0}.site-nav{grid-area:nav}.lang-switch{grid-area:lang}.site-nav a[aria-current=page]{color:var(--primary);text-decoration:underline 2px}@media (width<=639px){.brand__logo{block-size:2.75rem}.site-header .container{grid-template-columns:1fr auto;grid-template-areas:"brand lang""nav nav";align-content:center;row-gap:.25rem}.site-nav ul{gap:0 var(--space-3);flex-wrap:nowrap;overflow-x:auto}.site-nav a,.lang-switch{min-block-size:2.75rem}}main{padding-block:0}.section{--h:1;min-block-size:calc(var(--h) * 100svh);padding-block:calc(var(--nav-h) + var(--padt)) var(--padb);flex-direction:column;display:flex}.section>.wrap{z-index:1;position:relative}.section--alt{background:var(--surface)}.section--free{min-block-size:0;padding-block:var(--padt) var(--padb)}main>.section--free:first-child{padding-block-start:calc(var(--nav-h) + var(--padt))}.section h2{margin-block-end:var(--space-4);font-size:clamp(1.75rem,1.2rem + 1.6vw,2.75rem)}html[lang=en] :is(h1,h2){letter-spacing:-.02em;font-weight:500}html[lang=en] h3{font-weight:500}html[lang=ar] :is(h1,h2),html[lang=ar] h3{font-weight:600}.wrap>*+*{margin-block-start:var(--space-4)}.wrap>h2+*{margin-block-start:0}.lead{font-size:1.15rem}.muted{color:var(--text-muted)}.note{font-size:.95rem}.split{column-gap:var(--gutter);row-gap:var(--space-4);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.split>:first-child{grid-column:1/span 5}.split>:last-child{grid-column:7/span 6}.split--even>:first-child{grid-column:1/span 6}.split--wide>:first-child{grid-column:1/span 7}.split--wide>:last-child{grid-column:9/span 4}@media (width<=1023px){.split>:first-child,.split>:last-child{grid-column:1/-1}}.col-text>*{margin-block:0}.col-text>*+*{margin-block-start:var(--space-3)}.hero{min-block-size:100svh;padding-block:calc(var(--nav-h) + var(--hpadt)) var(--hpadb)}.hero>.wrap{flex:1;display:grid}.hero-text{gap:var(--space-4);flex-direction:column;justify-content:center;display:flex}.hero-text>*{margin:0}.hero h1{margin:0;font-size:clamp(2rem,1.1rem + 2.9vw,3.75rem)}html[lang=ar] .hero h1{line-height:1.4}html[lang=en] .hero h1{letter-spacing:-.03em;line-height:1.08}.hero__lead{color:var(--text-muted);font-size:clamp(1.05rem,.95rem + .4vw,1.25rem)}.hero__facts{gap:var(--space-2) var(--space-4);color:var(--text-muted);flex-wrap:wrap;margin:0;padding:0;font-size:.95rem;list-style:none;display:flex}@media (width<=1023px){.hero .split{grid-template-rows:auto 1fr}.hero-text{justify-content:start}}@media (width<=639px){:root{--hpadt:1rem}.hero .split{row-gap:var(--space-3)}.hero-text{gap:var(--space-3)}}.frame{background:var(--raised);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;min-block-size:15rem;display:flex;overflow:hidden}.window__bar{align-items:center;gap:var(--space-3);border-block-end:1px solid var(--border);background:var(--surface);font-family:var(--font-code);min-inline-size:0;padding:.6rem 1rem;font-size:.85rem;display:flex}.window__tool{color:var(--primary);font-weight:600}.window__args{color:var(--text-muted);text-overflow:clip;white-space:nowrap;font-family:inherit;overflow:hidden}.window__stage{align-content:center;justify-items:center;gap:var(--space-4);padding:var(--space-4);text-align:center;flex:1;display:grid;container-type:inline-size}.window__stage--top{text-align:start;align-content:start;justify-items:stretch}.ayah{gap:var(--space-2);display:grid}.ayah__text{color:var(--text);margin:0;font-size:1.75rem}.ayah--hero .ayah__text{font-size:clamp(2rem,min(1.2rem + 2.8vw,10cqi),3.75rem);line-height:2}.ayah__meta{color:var(--text-muted);margin:0;font-size:.95rem}.sajdah{text-decoration-skip-ink:none;text-decoration-line:overline;text-decoration-thickness:.05em}.ayah-end{--ring:1.85;--num:.7;font-size:calc(var(--ring) * 1em);color:var(--accent);-webkit-user-select:none;user-select:none;margin-inline-start:.1em;line-height:0;display:inline;position:relative}.ayah-end:before{content:"۝"}.ayah--hero .ayah-end{--ring:1;--num:.42}.ayah-end:after{content:attr(data-n);font-size:calc(var(--num) * 1em / var(--ring));letter-spacing:-.03em;color:var(--text);place-items:center;line-height:1;display:grid;position:absolute;inset:0}@media (width<=639px){.ayah--hero .ayah__text{font-size:1.85rem}}.btn-row{gap:var(--space-3);flex-wrap:wrap;display:flex}.btn{min-block-size:2.875rem;transition:transform .16s var(--ease-out), background-color .16s ease, border-color .16s ease, color .16s ease;border:1px solid #0000;border-radius:.5rem;justify-content:center;align-items:center;padding-inline:1.35rem;font-weight:500;text-decoration:none;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(1px)scale(.98)}.btn--primary{background:var(--primary);color:var(--on-primary)}.btn--primary:hover{background:color-mix(in srgb, var(--primary) 88%, var(--text))}.btn--secondary{border-color:var(--border);color:var(--text);background:var(--bg)}.btn--secondary:hover{border-color:var(--primary);color:var(--primary)}.link-arrow{transition:background-size .22s var(--ease-out);background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:100% 1px;font-weight:500;text-decoration:none;display:inline-block}html[dir=rtl] .link-arrow{background-position:100% 100%}.link-arrow:hover{background-size:100% 2px}.link-arrow:after{content:" →"}html[dir=rtl] .link-arrow:after{content:" ←"}.card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);display:block}.section--alt .card{background:var(--raised)}.card--panel>*{margin-block:0}.card--panel>*+*{margin-block-start:var(--space-3)}.card--link{color:var(--text);transition:transform .2s var(--ease-out), border-color .2s ease;text-decoration:none}.card--link:hover{border-color:var(--primary);transform:translateY(-2px)}.tool-groups{gap:var(--space-4) var(--gutter);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}@media (width<=1023px){.tool-groups{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=639px){.tool-groups{grid-template-columns:minmax(0,1fr)}}.tool-group h3{color:var(--text-muted);margin-block-end:var(--space-2);font-size:1.05rem}.tool-group{min-inline-size:0}.tool-group__list{gap:var(--space-2);grid-template-columns:minmax(0,1fr);display:grid}.tool-card.tool-card--compact{justify-content:space-between;align-items:baseline;gap:0 var(--space-3);flex-wrap:wrap;display:flex}.tool-card__name{overflow-wrap:normal}.step-cards{gap:var(--gutter);counter-reset:step;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;list-style:none;display:grid}.step-card{counter-increment:step;font-size:1.05rem}.step-card:before{content:counter(step);color:var(--primary);margin-block-end:var(--space-2);font-size:1.75rem;font-weight:600;line-height:1;display:block}@media (width<=767px){.step-cards{grid-template-columns:minmax(0,1fr)}}.tool-card{align-items:center;gap:.15rem var(--space-3);grid-template-columns:1fr auto;padding:.7rem 1rem;display:grid}.tool-card__title{font-weight:500}.tool-card__name{font-family:var(--font-code);color:var(--text-muted);grid-column:1;justify-self:start;font-size:.85rem}.tool-card .badge{grid-area:1/2/span 2}.tool-card__summary{color:var(--text-muted);grid-column:1/-1;font-size:.95rem}.tool-cards{gap:var(--gutter);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width<=639px){.tool-cards{grid-template-columns:minmax(0,1fr)}.tool-card{grid-template-columns:1fr}.tool-card .badge{grid-area:auto/1;justify-self:start}}.tool-card--full{grid-template-columns:1fr}.tool-card--full .badge{grid-area:auto/1;justify-self:start}.badge{border:1px solid var(--border);white-space:nowrap;border-radius:999px;padding:.15rem .6rem;font-size:.8rem;line-height:1.6;display:inline-block}.badge--default{color:var(--primary)}@media (width<=639px){.badge{white-space:normal}}.points,.steps{margin:0;padding-inline-start:1.4rem}.points li+li,.steps li+li{margin-block-start:var(--space-3)}.points li{border-block-end:1px solid var(--border);padding-block-end:var(--space-3)}.points li::marker,.steps li::marker{color:var(--primary);font-weight:600}.source-list{margin:0;padding:0;list-style:none}.source-list li{border-block-end:1px solid var(--border);padding-block:.55rem}.licence{color:var(--text-muted);font-size:.85rem;display:inline-block}.code{min-inline-size:0}.code__label{margin:0 0 var(--space-1);color:var(--text-muted);font-size:.9rem}.code__body{background:var(--code-bg);border:1px solid var(--border);border-radius:.5rem;position:relative}.code pre{font-family:var(--font-code);text-align:left;direction:ltr;margin:0;padding:.8rem 1rem;padding-inline-end:5.5rem;font-size:.9rem;line-height:1.55;overflow-x:auto}html[dir=rtl] .code pre{padding-inline:5.5rem 1rem}.code--command pre{white-space:pre-wrap;overflow-wrap:anywhere}.code--json pre{max-block-size:26rem;overflow:auto}.code__copy{border:1px solid var(--border);background:var(--bg);min-block-size:2.25rem;min-inline-size:4rem;color:var(--text);font:inherit;cursor:pointer;transition:transform .16s var(--ease-out), border-color .16s ease, color .16s ease;border-radius:.4rem;padding-inline:.75rem;font-size:.85rem;position:absolute;inset-block-start:.45rem;inset-inline-end:.45rem}.code__copy:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.code__copy:active{transform:translateY(1px)scale(.97)}.code__copy[data-done]{color:var(--primary)}code{font-family:var(--font-code);font-size:.92em}.table-wrap{border:1px solid var(--border);border-radius:var(--radius-lg);overflow-x:auto}table{border-collapse:collapse;inline-size:100%;font-size:.97rem}th,td{text-align:start;vertical-align:top;border-block-end:1px solid var(--border);padding:.7rem 1rem}tr:last-child td{border-block-end:0}th{background:var(--surface);white-space:nowrap;font-weight:600}td code{overflow-wrap:anywhere}.result,.result__quran{gap:var(--space-4);display:grid}.result .ayah{border-block-end:1px solid var(--border);padding-block-end:var(--space-3)}.result__more{color:var(--text-muted);margin:0}.passage__label{margin:0 0 var(--space-1);color:var(--text-muted);text-align:start;font-size:.85rem}.passage__text{margin:0}html[lang=ar] .passage__text,.passage__text:dir(rtl){font-family:var(--font-body-ar)}.facts{gap:var(--space-2) var(--space-4);grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));margin:0;font-size:.92rem;display:grid}.facts dt{color:var(--text-muted)}.facts dd{margin:0}.attribution{padding:var(--space-3) var(--space-4);background:var(--surface);border-radius:.5rem;font-size:.92rem}.attribution__title{margin:0 0 var(--space-2);font-weight:600}.attribution dl{gap:var(--space-1);margin:0;display:grid}.attribution dl>div{gap:var(--space-3);grid-template-columns:7rem 1fr;display:grid}.attribution dt{color:var(--text-muted)}.attribution dd{overflow-wrap:anywhere;margin:0}.raw summary{cursor:pointer;min-block-size:2.75rem;color:var(--primary);align-items:center;font-weight:500;display:flex}.raw[open] summary{margin-block-end:var(--space-2)}.result--compact .ayah{border:0;padding:0}.glossary{gap:var(--space-4) var(--gutter);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}@media (width<=1023px){.glossary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=639px){.glossary{grid-template-columns:minmax(0,1fr)}}.glossary dt{font-weight:600}.glossary dd{margin:var(--space-1) 0 0;color:var(--text-muted)}.entries{gap:var(--gutter);display:grid}.entry h3{margin-block-end:var(--space-1)}.entry>*{margin-block:0}.entry>*+*{margin-block-start:var(--space-3)}.entry__id{font-family:var(--font-code);color:var(--text-muted);font-size:.9rem}.page-head{padding-block:var(--padt) var(--space-4)}.page-head h1{font-size:clamp(2rem,1.3rem + 2.2vw,3.25rem)}.site-footer .container{gap:var(--space-3);justify-content:stretch;display:grid}.footer-links{gap:var(--space-1) var(--space-4);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.footer-links a{min-block-size:2.75rem;color:var(--text);align-items:center;display:inline-flex}@keyframes ayah-in{0%{opacity:.35;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference){[data-reveal]{animation:ayah-in .9s var(--ease-out) both}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.btn:hover,.btn:active,.card--link:hover,.code__copy:hover,.code__copy:active{transform:none}}.eyebrow{color:var(--text-muted);font-size:.95rem}.h1-code{color:var(--text-muted);letter-spacing:0;text-align:start;margin-block-start:var(--space-2);font-size:.4em;font-weight:400;display:block}.h3{margin-block-end:var(--space-2);font-size:1.15rem}.install-quick{gap:var(--space-4)}.install-step>*{margin-block:0}.install-step>*+*{margin-block-start:var(--space-2)}.row--nested th code:before{content:"";inline-size:.75rem;display:inline-block}.chip-list{gap:var(--space-2);margin:var(--space-2) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.chip{border:1px solid var(--border);min-block-size:2.25rem;font-family:var(--font-code);color:var(--text);background:var(--bg);transition:transform .16s var(--ease-out), border-color .16s ease, color .16s ease;border-radius:999px;align-items:center;padding-inline:.75rem;font-size:.82rem;text-decoration:none;display:inline-flex}.chip:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.demo-picker>p{margin:0}@media (prefers-reduced-motion:reduce){.chip:hover{transform:none}}@media (width<=639px){.why__frame{display:none}.points li+li{margin-block-start:var(--space-2)}.points li{padding-block-end:var(--space-2)}#connect,#tools,#sources{--h:2}.tool-group__list{gap:var(--gutter);grid-template-columns:repeat(2,minmax(0,1fr))}.tool-card.tool-card--compact{padding:.6rem .75rem}}.wrap>.h2-follow{margin-block-start:var(--space-5)}@media (width<=639px){.table-wrap--stack{border:0;overflow:visible}.table-wrap--stack :is(table,tbody,tr,th,td){inline-size:100%;display:block}.table-wrap--stack thead{clip-path:inset(50%);block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.table-wrap--stack tr{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg);margin-block-end:var(--space-3);overflow:hidden}.table-wrap--stack th{background:var(--surface);white-space:normal}.table-wrap--stack td{border-block-end:0;padding-block:.4rem}.table-wrap--stack td[data-label]:before{content:attr(data-label);color:var(--text-muted);font-size:.8rem;display:block}.table-wrap--stack td code{white-space:normal;overflow-wrap:anywhere}html[lang=en] #why{--h:2}html[lang=ar] .hero h1{line-height:1.35}html[lang=ar] .section h2{margin-block-end:var(--space-3);line-height:1.2}}.install-quick{padding:var(--space-4);align-content:center;font-size:1.05rem}.install-quick .steps li+li{margin-block-start:var(--space-2)}@media (width<=639px){.install-quick{padding:var(--space-3);font-size:.95rem}.install-quick .steps li+li{margin-block-start:var(--space-1)}}.section .h3{margin-block-end:var(--space-2);font-size:1.2rem}.call--compact{display:none}@media (width<=639px){.hero__extra,.call--full{display:none}.call--compact{display:block}.call-note{display:none}.tool-call{min-block-size:0}}html[lang=ar] .window__label{font-family:var(--font-body-ar)}.call-result{gap:var(--space-2);display:grid}.call-result__label{margin:0;font-weight:600}.tool-call .window__stage{min-block-size:0}@media (width<=639px){.call-result{display:none}}@media (width>=640px){.hero{block-size:100svh}.hero>.wrap,.hero .split{grid-template-rows:minmax(0,1fr);min-block-size:0}.hero .frame{min-block-size:0}}@media (width>=640px) and (width<=1023px){.hero .split{grid-template-rows:auto minmax(15rem,1fr)}}@media (width<=639px){.h1-code{margin-block-start:0}}.hero .split{align-items:center}@media (width>=640px){.hero .frame{max-block-size:100%}}@media (width>=640px) and (width<=1023px){.hero .split{grid-template-rows:auto auto;align-content:center}}.hero__window .window__stage{padding-block:var(--space-5);flex:none}.frame{min-block-size:0}.ayah__source{justify-content:start;gap:0 var(--space-3);color:var(--text-muted);flex-wrap:wrap;margin:0;font-size:.85rem;display:flex}.window__stage:not(.window__stage--top) .ayah__source{justify-content:center}.ayah__source-part{max-inline-size:100%}.ayah__source bdi{font-family:var(--font-code);font-size:.95em;display:inline-block}.ayah-facts{justify-content:center;gap:var(--space-2) var(--space-5);border-block-start:1px solid var(--border);flex-wrap:wrap;inline-size:100%;margin:0;padding-block-start:var(--space-4);display:flex}.ayah-facts div{text-align:center;gap:.1rem;display:grid}.ayah-facts dt{color:var(--text-muted);font-size:.85rem}.ayah-facts dd{font-variant-numeric:tabular-nums;margin:0;font-size:1.35rem;font-weight:600}.attribution-line{padding:var(--space-2) var(--space-3);background:var(--surface);border-radius:.5rem;margin:0;font-size:.9rem}.attribution-line__label{font-weight:600}.attribution-line bdi{display:inline-block}.passage__text--clamp{-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (width<=639px){.hero__window .window__stage{padding-block:var(--space-4)}.ayah-facts{gap:var(--space-2) var(--space-4)}.ayah-facts dd{font-size:1.1rem}.ayah-facts{display:none}.hero__command pre{font-size:.8rem}.ayah__source{font-size:.8125rem}}.hero--demo{block-size:100svh}.hero--demo>.wrap{grid-template-rows:minmax(0,1fr);min-block-size:0}.hero--demo .split{grid-template-rows:minmax(0,1fr);align-items:stretch;min-block-size:0}.demo__side{justify-content:start;min-block-size:0}.demo-form{gap:var(--space-3);min-block-size:0;padding:var(--space-4);background:var(--raised);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;flex:0 auto;display:flex}.demo-fields{overscroll-behavior:contain;align-content:start;gap:var(--space-3);flex:0 auto;min-block-size:0;margin:-4px;padding:4px;display:grid;overflow:auto}.demo-fields:empty{display:none}.field{gap:var(--space-1);min-inline-size:0;display:grid}.field__label{align-items:baseline;gap:var(--space-2);font-weight:600;display:flex}.field__label code,.field--check code{font-size:.95rem}.field__req{color:var(--text-muted);font-size:.8rem;font-weight:500}.field__hint{color:var(--text-muted);margin:0;font-size:.85rem;line-height:1.55}.demo-form input[type=number]{font-variant-numeric:tabular-nums}html[dir=rtl] .demo-form input[dir=ltr]{text-align:right}.field--check{align-items:center;column-gap:var(--space-2);grid-template-columns:auto minmax(0,1fr)}.field--check input{block-size:1.15rem;inline-size:1.15rem;accent-color:var(--primary);margin:0}.field--check .field__hint{grid-column:2}.field-group{border-block-start:1px solid var(--border);padding-block-start:var(--space-2)}.field-group summary{cursor:pointer;min-block-size:2.75rem;color:var(--primary);align-items:center;font-weight:600;display:flex}.field-group__body{gap:var(--space-3);padding-block-start:var(--space-2);display:grid}.demo-form__actions{gap:var(--space-2);flex-wrap:nowrap;margin:0}.demo-form__actions .btn{white-space:nowrap;padding-inline:1rem}.btn:disabled{opacity:.6;cursor:progress;transform:none}.demo-window{min-block-size:0}.demo-window .demo-stage{overscroll-behavior:contain;text-align:start;min-block-size:0;padding-block:var(--space-4);flex:auto;align-content:start;justify-items:stretch;overflow:auto}.demo-banner{background:color-mix(in srgb, var(--gold) 14%, var(--raised));border-block-end:1px solid var(--border);margin:0;padding:.6rem 1rem;font-size:.92rem}.demo-status,.demo-label{color:var(--text-muted);margin:0;font-size:.9rem}.demo-error{gap:var(--space-2);padding:var(--space-3) var(--space-4);border:1px solid color-mix(in srgb, var(--danger) 45%, var(--border));border-radius:var(--radius);background:color-mix(in srgb, var(--danger) 7%, var(--raised));display:grid}.demo-error__title{color:var(--danger);margin:0;font-weight:600}.demo-error__message{font-family:var(--font-code);overflow-wrap:anywhere;text-align:left;margin:0;font-size:.88rem}.demo-more{justify-self:start}.demo-window .window__args{scrollbar-width:thin;overflow-x:auto}@media (width<=1023px){.hero--demo .split{grid-template-rows:auto minmax(0,1fr)}.demo-form{max-block-size:42svh}}@media (width<=639px){.hero--demo .hero__lead{display:none}.hero--demo h1{font-size:1.75rem}.demo-form{padding:var(--space-3);max-block-size:40svh}.demo-form__actions .btn{padding-inline:.75rem}.demo-form__actions .btn--secondary{flex:auto}.demo-window .demo-stage{padding:var(--space-3);gap:var(--space-3)}.demo-window .window__bar{padding:.5rem .75rem}.demo-banner{padding:.5rem .75rem;font-size:.85rem}}.demo-form .btn,.demo-more{font:inherit;cursor:pointer;font-size:.95rem;font-weight:500}.notfound__en{font-family:var(--font-latin);line-height:1.6}.notfound__en .notfound__heading{font-family:var(--font-latin);letter-spacing:-.02em;margin:0;font-size:clamp(2rem,1.1rem + 2.9vw,3.75rem);font-weight:500}@media (width<=1023px){.notfound__en{border-block-start:1px solid var(--border);padding-block-start:var(--space-4)}}@media (width<=639px){:not(.hero__command)>.code .code__body{flex-direction:column-reverse;display:flex}:not(.hero__command)>.code .code__copy{align-self:end;margin:.45rem .45rem 0;position:static}:not(.hero__command)>.code pre,html[dir=rtl] :not(.hero__command)>.code pre{padding-inline:1rem}}.lib-mention{max-width:70ch;color:var(--text-muted);margin-block-start:.75rem}:root{--radius-xl:1.25rem;--shadow-sm:0 1px 2px color-mix(in srgb, var(--ink) 6%, transparent);--shadow-md:0 1px 2px color-mix(in srgb, var(--ink) 5%, transparent), 0 8px 24px -6px color-mix(in srgb, var(--ink) 10%, transparent);--block-pad:clamp(3.5rem, 2rem + 5vw, 6.5rem)}:root[data-theme=dark]{--shadow-sm:none;--shadow-md:0 0 0 1px var(--border)}.sr-only{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.site-header{background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:saturate(1.5)blur(12px);border-block-end:1px solid var(--header-line)}@supports not (backdrop-filter:blur(1px)){.site-header{background:var(--bg)}}.site-header .container{grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"brand nav lang cta";column-gap:1rem}.brand__logo{block-size:3rem}.site-nav{justify-self:center}.site-nav ul{border:1px solid var(--border);background:var(--surface);border-radius:999px;gap:2px;padding:3px}.site-nav a{white-space:nowrap;min-block-size:2.375rem;color:var(--text);border-radius:999px;justify-content:center;padding-inline:1rem;font-weight:500;transition:background-color .16s,color .16s,box-shadow .16s;position:relative}.site-nav a:hover{color:var(--primary);text-decoration:none}.site-nav a[aria-current=page]{color:var(--primary);background:var(--bg);box-shadow:var(--shadow-sm), 0 0 0 1px var(--border);font-weight:600;text-decoration:none}.nav-cta{background:var(--primary);min-block-size:2.75rem;color:var(--on-primary);white-space:nowrap;border-radius:999px;grid-area:cta;justify-content:center;align-items:center;padding-inline:1.15rem;font-weight:600;text-decoration:none;transition:background-color .16s,box-shadow .16s;display:inline-flex}.nav-cta:hover{background:color-mix(in srgb, var(--primary) 86%, var(--ink));color:var(--on-primary);text-decoration:none}.nav-cta:focus-visible{outline-offset:3px}.nav-cta__short{display:none}@media (width<=1023px){.nav-cta__long{display:none}.nav-cta__short{display:inline}}@media (width>=640px) and (width<=1023px){:root{--nav-h:6.75rem}.site-header .container{grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"brand lang cta""nav nav nav";align-content:center;row-gap:.25rem}.site-nav{justify-self:stretch}.site-nav li{flex:1 1 0;display:flex}.site-nav a{flex:1}}@media (width>=1024px) and (width<=1279px){.site-nav li:first-child{display:none}.site-header .container{column-gap:.75rem}.site-nav a{padding-inline:.8rem}}.nav-cta[aria-current=page]{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--primary)}@media (prefers-reduced-motion:reduce){.site-nav a,.nav-cta{transition:none}}.nav-panel{display:contents}.nav-toggle{display:none}.header-tools{grid-area:lang;align-items:center;gap:.375rem;display:inline-flex}.lang-toggle{border:1px solid var(--border);background:var(--surface);border-radius:999px;align-items:center;padding:3px;display:inline-flex}.lang-toggle__opt{min-block-size:2.375rem;min-inline-size:2.75rem;color:var(--text-muted);font-family:var(--font-latin);letter-spacing:.02em;border-radius:999px;justify-content:center;align-items:center;padding-inline:.75rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:background-color .16s,color .16s;display:inline-flex}.lang-toggle__opt[lang=ar]{font-family:var(--font-display-ar);font-size:1rem}.lang-toggle__opt:hover{color:var(--primary)}.lang-toggle__opt.is-current{background:var(--bg);color:var(--primary);box-shadow:var(--shadow-sm), 0 0 0 1px var(--border)}.theme-toggle{border:1px solid var(--border);background:var(--surface);block-size:2.875rem;inline-size:2.875rem;color:var(--text-muted);cursor:pointer;border-radius:999px;flex:none;justify-content:center;align-items:center;padding:0;transition:color .16s;display:none}.js .theme-toggle{display:inline-flex}.theme-toggle:hover{color:var(--primary)}.theme-toggle .icon{display:block}.theme-toggle .theme-toggle__sun,:root[data-theme=dark] .theme-toggle .theme-toggle__moon{display:none}:root[data-theme=dark] .theme-toggle .theme-toggle__sun{display:block}@media (prefers-reduced-motion:reduce){.theme-toggle{transition:none}}@media (width<=639px){.brand__logo{block-size:2.5rem}.header-tools{gap:.25rem}.theme-toggle{block-size:2.75rem;inline-size:2.75rem}.site-header .container{grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"brand lang cta""nav nav nav";column-gap:.5rem}.site-nav{justify-self:stretch}.site-nav ul{gap:2px;overflow:visible}.site-nav li{flex:1 1 0;display:flex}.site-nav a{flex:1;padding-inline:.5rem;font-size:.95rem}.lang-toggle__opt{min-block-size:2.25rem;min-inline-size:2.5rem}.nav-cta{min-block-size:2.5rem;padding-inline:.85rem;font-size:.9rem}:root:not(.js) .site-nav li:first-child{display:none}}@media (width<=419px){.brand__logo{block-size:2.125rem}.site-header .container{column-gap:.375rem}.lang-toggle{padding:2px}.lang-toggle__opt{min-inline-size:2.25rem;padding-inline:.5rem}.theme-toggle{block-size:2.625rem;inline-size:2.625rem}.nav-cta{padding-inline:.7rem}}@media (width<=359px){.site-header .container{grid-template-columns:minmax(0,1fr) auto auto auto;grid-template-areas:"brand lang cta cta""nav nav nav theme"}.header-tools{display:contents}.lang-toggle{grid-area:lang}.theme-toggle{grid-area:theme;justify-self:end}.site-nav a{padding-inline:.35rem;font-size:.85rem}}@media (width<=1023px){:root.js{--nav-h:4rem}.js .site-header .container{grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"brand cta menu";gap:0 .5rem}.js .brand{justify-self:start}.js .brand__logo{block-size:2.5rem}.js .nav-cta{min-block-size:2.75rem;padding-inline:1rem;font-size:.9375rem}.js .nav-toggle{border:1px solid var(--border);background:var(--surface);block-size:2.75rem;inline-size:2.75rem;color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:999px;grid-area:menu;justify-content:center;align-items:center;padding:0;display:inline-flex}.js .nav-toggle:hover{color:var(--primary)}.nav-toggle[aria-expanded=true]{border-color:color-mix(in srgb, var(--primary) 45%, var(--border));color:var(--primary)}.nav-toggle__bars,.nav-toggle__bars:before,.nav-toggle__bars:after{block-size:2px;inline-size:1.125rem;transition:transform .24s var(--ease-out), opacity .15s ease;background:currentColor;border-radius:2px;display:block}.nav-toggle__bars{position:relative}.nav-toggle__bars:before,.nav-toggle__bars:after{content:"";position:absolute;inset-inline-start:0}.nav-toggle__bars:before{transform:translateY(-6px)}.nav-toggle__bars:after{transform:translateY(6px)}.nav-toggle[aria-expanded=true] .nav-toggle__bars{background:0 0}.nav-toggle[aria-expanded=true] .nav-toggle__bars:before{transform:rotate(45deg)}.nav-toggle[aria-expanded=true] .nav-toggle__bars:after{transform:rotate(-45deg)}.js .nav-panel{z-index:1;max-block-size:calc(100dvh - var(--nav-h) - 1rem);overscroll-behavior:contain;background:var(--raised,var(--bg));border:1px solid var(--border);box-shadow:0 18px 40px -12px color-mix(in srgb, var(--ink) 28%, transparent), 0 2px 6px color-mix(in srgb, var(--ink) 8%, transparent);opacity:0;visibility:hidden;pointer-events:none;transform-origin:top;border-radius:1.25rem;flex-direction:column;gap:.5rem;padding:.625rem;transition:opacity .18s,transform .2s cubic-bezier(.4,0,1,1),visibility 0s linear .2s;display:flex;position:absolute;inset-block-start:calc(100% + .5rem);inset-inline:.5rem;overflow-y:auto;transform:translateY(-.75rem)scale(.985)}.js .site-header.is-open .nav-panel{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .2s ease, transform .26s var(--ease-out), visibility 0s;transform:none}.js .site-header:after{content:"";background:color-mix(in srgb, var(--ink) 40%, transparent);opacity:0;visibility:hidden;pointer-events:none;block-size:100dvh;transition:opacity .2s,visibility 0s linear .2s;position:absolute;inset-block-start:calc(100% + 1px);inset-inline:0}.js .site-header.is-open:after{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .22s,visibility}.js .site-header.is-open{background:var(--bg)}:root.nav-open{overflow:hidden}.js .nav-panel .site-nav,.js .nav-panel .header-tools{grid-area:auto}.js .nav-panel .site-nav ul{background:0 0;border:0;border-radius:0;gap:.25rem;padding:0;display:grid}.js .nav-panel .site-nav li{display:block}.js .nav-panel .site-nav a{min-block-size:3rem;transition:background-color .16s ease, color .16s ease, transform .16s var(--ease-out);border-radius:.875rem;justify-content:flex-start;padding-inline:1rem;font-size:1.0625rem;display:flex;position:relative}.js .nav-panel .site-nav a:hover{background:var(--surface)}.js .nav-panel .site-nav a:active{background:var(--tint);transform:scale(.985)}.js .nav-panel .site-nav a[aria-current=page]{background:color-mix(in srgb, var(--primary) 11%, var(--bg));color:var(--primary);box-shadow:none;font-weight:600}.js .nav-panel .site-nav a[aria-current=page]:before{content:"";background:var(--primary);border-radius:3px;inline-size:3px;position:absolute;inset-block:.625rem;inset-inline-start:0}.js .nav-panel .header-tools{background:var(--surface);border-radius:.95rem;justify-content:space-between;align-items:center;gap:.75rem;margin-block-start:.25rem;padding:.5rem;display:flex}.js .nav-panel .lang-toggle{background:var(--bg);grid-area:auto;padding:3px}.js .nav-panel .lang-toggle__opt{min-block-size:2.75rem;min-inline-size:3.25rem;padding-inline:.875rem}.js .nav-panel .theme-toggle{grid-area:auto;block-size:2.75rem;inline-size:2.75rem}}@media (width<=359px){.js .site-header .container{column-gap:.375rem}.js .nav-cta{padding-inline:.8rem;font-size:.875rem}}@media (prefers-reduced-motion:reduce){.nav-toggle__bars,.nav-toggle__bars:before,.nav-toggle__bars:after{transition:none}.js .nav-panel,.js .site-header.is-open .nav-panel{transition:opacity .12s linear,visibility 0s linear .12s;transform:none}.js .site-header.is-open .nav-panel{transition:opacity .12s linear,visibility}.js .site-header:after{transition:opacity .12s linear,visibility 0s linear .12s}.js .site-header.is-open:after{transition:opacity .12s linear,visibility}.js .nav-panel .site-nav a{transition:none}.js .nav-panel .site-nav a:active{transform:none}}.btn{border-radius:999px;font-weight:600}.btn--lg{min-block-size:3.25rem;padding-inline:1.6rem;font-size:1.05rem}.btn--primary{box-shadow:0 1px 0 color-mix(in srgb, var(--ink) 12%, transparent), 0 6px 16px -6px color-mix(in srgb, var(--primary) 60%, transparent)}.btn--secondary{background:var(--bg)}.pill{background:var(--tint);inline-size:fit-content;color:var(--primary);border-radius:999px;align-items:center;gap:.45rem;padding:.3rem .8rem;font-size:.9rem;font-weight:600;display:inline-flex}.block{padding-block:var(--block-pad)}.block--tint{background:var(--surface);border-block:1px solid var(--border)}.block--first{padding-block-start:calc(var(--nav-h) + clamp(2rem, 1rem + 3vw, 4rem))}.block>.wrap>*+*{margin-block-start:clamp(1.5rem,1rem + 1.5vw,2.5rem)}.block__head{max-inline-size:46rem}.block__head>*{margin:0}.block__head>*+*{margin-block-start:.75rem}.block h2,.connect__title{margin:0;font-size:clamp(1.75rem,1.2rem + 1.8vw,2.6rem);line-height:1.25}html[lang=en] .block h2,html[lang=en] .connect__title{letter-spacing:-.02em}.lead{color:var(--text-muted);font-size:clamp(1.05rem,1rem + .3vw,1.2rem)}.home-hero{padding-block:calc(var(--nav-h) + clamp(2rem, 1rem + 4vw, 4.5rem)) clamp(2.5rem, 1.5rem + 3vw, 4.5rem);background:radial-gradient(60rem 30rem at 85% -10%, var(--tint), transparent 70%), var(--bg)}html[dir=rtl] .home-hero{background:radial-gradient(60rem 30rem at 15% -10%, var(--tint), transparent 70%), var(--bg)}.home-hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:clamp(2rem,1rem + 4vw,5rem);display:grid}.home-hero__text{justify-items:start;gap:1.25rem;display:grid}.home-hero__text>*{margin:0}.home-hero h1{font-size:clamp(2.1rem,1.3rem + 3vw,3.9rem);line-height:1.12}html[lang=ar] .home-hero h1{line-height:1.35}html[lang=en] .home-hero h1{letter-spacing:-.03em;font-weight:600}.home-hero__lead{max-inline-size:36rem;color:var(--text-muted);font-size:clamp(1.05rem,.98rem + .35vw,1.25rem)}@media (width<=959px){.home-hero__grid{grid-template-columns:minmax(0,1fr)}}.chat{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-md);gap:.9rem;margin:0;padding:clamp(1rem,.6rem + 1.5vw,1.5rem);display:grid}.chat__label{color:var(--text-muted);justify-self:center;align-items:center;gap:.4rem;font-size:.85rem;display:inline-flex}.chat__msg{border-radius:1.1rem;max-inline-size:100%}.chat__msg p{margin:0}.chat__msg--user{background:var(--primary);max-inline-size:85%;color:var(--on-primary);border-end-end-radius:.3rem;justify-self:end;padding:.65rem 1rem}.chat__msg--ai{background:var(--bg);border:1px solid var(--border);border-end-start-radius:.3rem;gap:.75rem;padding:1rem;display:grid}.chat__say{color:var(--text)}.chat__tool,.chat__tafsir{background:var(--surface);border:1px solid var(--border);border-radius:.8rem;gap:.5rem;padding:.85rem 1rem;display:grid}.chat__tool-label{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.4rem;margin:0;font-size:.82rem;font-weight:600;display:flex}.chat__tool-label code{background:var(--tint);color:var(--primary);border-radius:.3rem;padding:.05rem .4rem;font-size:.8rem;font-weight:500}.chat__mark{block-size:1.4rem;inline-size:1.4rem;margin:-.3rem}.chat .ayah{text-align:center;gap:.25rem}.chat__tool{container-type:inline-size}.chat .ayah--hero .ayah__text{font-size:clamp(1.15rem,9.2cqi,2.4rem);line-height:1.9}@media (width<=639px){.chat .ayah--hero .ayah__text{font-size:max(1.5rem,9.2cqi)}}.chat .ayah__meta{font-size:.875rem}.chat__excerpt{font-family:var(--font-body-ar);margin:0;font-size:1rem;line-height:1.85}.chat .credit{font-size:.82rem}@media (prefers-reduced-motion:no-preference){[data-chat-step]{animation:chat-in .52s var(--ease-out) both}[data-chat-step="2"]{animation-delay:.26s}}@keyframes chat-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.trust{border-block:1px solid var(--border);background:var(--bg)}.trust__list{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem 1.5rem;margin-block:0;margin-inline:auto;padding-block:1.25rem;padding-inline:0;list-style:none;display:grid}.trust__list>li{margin:0}.trust__list li{text-align:center;justify-content:center;align-items:center;gap:.55rem;font-weight:600;display:flex}.trust__list .icon{color:var(--primary);flex:none}@media (width<=767px){.trust__list{grid-template-columns:repeat(2,minmax(0,1fr))}.trust__list li{text-align:start;justify-content:start;font-size:.95rem}}.how{counter-reset:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,.5rem + 1.5vw,1.75rem);margin:0;padding:0;list-style:none;display:grid}.how__step{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--bg);align-content:start;gap:.6rem;padding:1.5rem;display:grid;position:relative}.how__step>*{margin:0}.how__step h3{font-size:1.2rem}.how__step p{color:var(--text-muted)}.how__icon{background:var(--tint);block-size:3rem;inline-size:3rem;color:var(--primary);border-radius:.9rem;place-items:center;display:inline-grid}.how__n{color:var(--text-muted);font-size:1.5rem;font-weight:600;line-height:1;position:absolute;inset-block-start:1.25rem;inset-inline-end:1.5rem}.honest{border-inline-start:3px solid var(--primary);background:var(--surface);border-radius:.5rem;align-items:start;gap:.75rem;max-inline-size:52rem;margin:0;padding:1rem 1.25rem;display:flex}.honest .icon{color:var(--primary);flex:none;margin-block-start:.25rem}@media (width<=767px){.how{grid-template-columns:minmax(0,1fr)}}.features{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1rem,.5rem + 1vw,1.5rem);margin:0;padding:0;list-style:none;display:grid}.feature{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--bg);flex-direction:column;gap:.6rem;padding:1.5rem;transition:border-color .2s,box-shadow .2s;display:flex}.feature:hover{border-color:color-mix(in srgb, var(--primary) 45%, var(--border));box-shadow:var(--shadow-md)}.feature>*{margin:0}.feature h3{font-size:1.15rem}.feature p{color:var(--text-muted)}.feature__icon{background:var(--tint);block-size:2.75rem;inline-size:2.75rem;color:var(--primary);border-radius:.8rem;place-items:center;display:inline-grid}.feature__tools{flex-wrap:wrap;gap:.35rem;margin-block-start:auto;padding-block-start:.5rem;display:flex}.feature__tools a{background:var(--surface);min-block-size:1.75rem;color:var(--text-muted);font-family:var(--font-code);border-radius:.35rem;align-items:center;padding-inline:.5rem;font-size:.75rem;text-decoration:none;display:inline-flex}.feature__tools a:hover{color:var(--primary);background:var(--tint)}.feature__try{align-self:start}@media (width<=1099px){.features{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=599px){.features{grid-template-columns:minmax(0,1fr)}}.connect{grid-template-columns:minmax(0,1fr);gap:1.5rem;display:grid}.connect__title,.connect__anchor{scroll-margin-block-start:calc(var(--nav-h) + 1rem)}.connect__head{gap:.75rem;max-inline-size:46rem;display:grid}.connect__head>*{margin:0}.connect__url{max-inline-size:30rem}.tabs{border:1px solid var(--border);background:var(--surface);border-radius:999px;gap:.25rem;inline-size:fit-content;max-inline-size:100%;padding:.3rem;display:inline-flex}.connect:not(.connect--js) .tabs{display:none}.tabs__tab{min-block-size:2.75rem;min-inline-size:6.5rem;color:var(--text-muted);font:inherit;font-family:var(--font-latin);cursor:pointer;background:0 0;border:0;border-radius:999px;padding-inline:1.25rem;font-weight:600;transition:background-color .16s,color .16s}@media (width<=479px){.connect.connect--js .tabs{grid-template-columns:repeat(3,minmax(0,1fr));inline-size:100%;display:grid}.tabs__tab{min-inline-size:0;padding-inline:.5rem}}.tabs__tab:hover{color:var(--primary)}.tabs__tab[aria-selected=true]{background:var(--bg);color:var(--primary);box-shadow:var(--shadow-sm), 0 0 0 1px var(--border)}.tabs__panel{border-radius:var(--radius-xl);gap:1rem;display:grid}.tabs__panel:focus-visible{outline-offset:6px}.connect:not(.connect--js) .tabs__panel+.tabs__panel{margin-block-start:1.5rem}.tabs__panel[hidden]{display:none}@media (prefers-reduced-motion:no-preference){.connect--js .tabs__panel:not([hidden]){animation:.22s both panel-in}}@keyframes panel-in{0%{opacity:0}to{opacity:1}}.tabs__lead{color:var(--text-muted);margin:0}.connect__anchor{display:block}.ways{gap:1rem;display:grid}.ways--multi{grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr))}.way{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--bg);align-content:start;gap:.85rem;min-inline-size:0;padding:1.5rem;display:grid}.way>*{margin:0}.way__title{font-size:1.15rem}.way__steps{gap:.5rem;padding-inline-start:1.4rem;display:grid}.way__steps li::marker{color:var(--primary);font-weight:700}.way__note{background:var(--surface);color:var(--text-muted);border-radius:.6rem;padding:.75rem 1rem;font-size:.92rem}.way__docs{justify-self:start;font-size:.92rem;font-weight:600}.connect__after{max-inline-size:46rem;color:var(--text-muted);margin:0}.connect__more{margin-block-start:1.5rem}.way .code--json pre{max-block-size:none}.orgs{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.org__link{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--bg);block-size:100%;color:var(--text);text-align:center;align-content:start;justify-items:center;gap:.6rem;padding:1.25rem 1rem;text-decoration:none;transition:border-color .2s,box-shadow .2s;display:grid}.org__link:hover{border-color:color-mix(in srgb, var(--primary) 45%, var(--border));box-shadow:var(--shadow-md)}.org__logo{background:#fff;border-radius:.8rem;place-items:center;block-size:5.5rem;inline-size:100%;padding:.6rem;display:grid}.org__logo img{block-size:auto;max-block-size:4.25rem;inline-size:auto;max-inline-size:100%}.org__name{font-weight:600;line-height:1.45}.org__note{color:var(--text-muted);font-size:.88rem;line-height:1.5}@media (width<=639px){.orgs{grid-template-columns:minmax(0,1fr)}}.credit{color:var(--text-muted);margin:0;font-size:.88rem;line-height:1.6}.credit__label{font-weight:600}.credit__work{color:var(--text)}.ayah-end,.ayah--hero .ayah-end{--ring:.74;--num:.3;vertical-align:.06em;margin-inline-start:.12em}.ayah-end--wide,.ayah--hero .ayah-end--wide{--ring:.9;--num:.3}.ayah-end.ayah-end--wide:after{font-size:max(.5625rem, calc(var(--num) * 1em / var(--ring)));letter-spacing:-.06em}.ayah-end:after{font-size:max(.625rem, calc(var(--num) * 1em / var(--ring)));font-family:var(--font-latin);letter-spacing:0;font-weight:700}html[lang=ar] .ayah-end:after{font-family:var(--font-body-ar)}.site-footer{--focus:var(--footer-fg);background:var(--footer-bg);color:var(--footer-muted);border-block-start:0;margin-block-start:0;padding-block:clamp(3rem,2rem + 3vw,4.5rem) 1.5rem}.site-footer .container.footer-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,2fr);gap:2.5rem 4rem;display:grid}.footer-brand{align-content:start;justify-items:start;gap:.85rem;display:grid}.footer-brand>*{margin:0}.footer-brand__link{border-radius:6px;inline-size:fit-content;display:inline-flex}.footer-lockup{block-size:3.5rem;inline-size:auto;display:block}.footer-brand__tagline{color:var(--footer-fg);max-inline-size:32ch;font-size:1.02rem}.footer-reach{flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-block-start:.4rem;display:flex}.footer-contact{min-block-size:2.75rem;color:var(--footer-fg);text-underline-offset:.25em;flex-wrap:wrap;align-items:center;gap:.15rem .55rem;text-decoration:none;display:inline-flex}.footer-contact__label{font-weight:600}.footer-contact__addr{color:var(--footer-muted);font-family:var(--font-latin);font-size:.92em}.footer-contact:hover .footer-contact__label,.footer-contact:hover .footer-contact__addr{color:var(--footer-fg);text-decoration:underline}.social-links{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.social-links__a{border:1px solid var(--footer-line);block-size:2.75rem;inline-size:2.75rem;color:var(--footer-fg);border-radius:999px;place-items:center;transition:background-color .16s,border-color .16s;display:inline-grid}.social-links__a:not(.social-links__a--soon):hover{border-color:var(--footer-fg);background:color-mix(in srgb, var(--footer-fg) 10%, var(--footer-bg))}.social-links__a--soon{opacity:.45;cursor:not-allowed}.footer-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;display:grid}.footer-col__h{color:var(--footer-fg);letter-spacing:.06em;text-transform:uppercase;margin:0 0 .35rem;font-size:.82rem;font-weight:600}html[lang=ar] .footer-col__h{letter-spacing:0;font-size:.95rem}.site-footer .footer-links{gap:0;display:grid}.site-footer .footer-links a{min-block-size:2.5rem;color:var(--footer-muted);text-underline-offset:.25em;text-decoration:none;transition:color .16s}.site-footer .footer-links a:hover,.site-footer .footer-links a[aria-current=true]{color:var(--footer-fg)}.site-footer .footer-links a:hover{text-decoration:underline}.site-footer a:focus-visible{outline:3px solid var(--footer-fg);outline-offset:3px}.site-footer .container.footer-base{border-block-start:1px solid var(--footer-line);color:var(--footer-muted);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1.5rem;margin-block-start:2.75rem;padding-block-start:1.25rem;font-size:.88rem;display:flex}.site-footer .footer-base a{color:var(--footer-fg);text-underline-offset:.2em;text-decoration:underline}.site-footer .footer-base a:hover{text-decoration-thickness:2px}@media (width<=767px){.site-footer .container.footer-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=479px){.footer-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-lockup{block-size:3rem}}@media (prefers-reduced-motion:reduce){.social-links__a,.site-footer .footer-links a{transition:none}.feature:hover,.org__link:hover{box-shadow:none}}.entry--org{grid-template-columns:9rem minmax(0,1fr);align-items:start;gap:1.5rem;display:grid}.entry__logo{border:1px solid var(--border)}.entry__body>*{margin-block:0}.entry__body>*+*{margin-block-start:.75rem}@media (width<=639px){.entry--org{grid-template-columns:minmax(0,1fr)}.entry__logo{max-inline-size:10rem}}.demo-presets{gap:.35rem;display:grid}.demo-presets__label{color:var(--text-muted);margin:0;font-size:.9rem;font-weight:600}.demo-presets .chip-list{margin:0}.chip--preset{cursor:pointer;font-family:inherit;font-size:.9rem}.chip--preset:disabled{opacity:.6;cursor:progress}@media (width<=639px){.demo-presets__label{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.demo-presets .chip-list{scrollbar-width:none;flex-wrap:nowrap;padding-block:2px;overflow-x:auto}.demo-presets .chip{white-space:nowrap;flex:none;min-block-size:2.25rem;font-size:.85rem}}.home-hero__dev{color:var(--text-muted);font-family:var(--font-code);letter-spacing:0;font-size:.82rem}html[lang=ar] .home-hero__dev{font-family:var(--font-body-ar);font-size:.88rem}.org__role{color:var(--primary);font-size:.88rem;font-weight:600}.cli,.feature__more,.fold{border-radius:var(--radius-xl)}.cli>summary,.feature__more>summary,.fold>summary{cursor:pointer;min-block-size:2.75rem;color:var(--primary);align-items:center;gap:.5rem;font-weight:600;list-style:none;display:flex}.cli>summary::-webkit-details-marker,.feature__more>summary::-webkit-details-marker,.fold>summary::-webkit-details-marker{display:none}.cli>summary:before,.feature__more>summary:before,.fold>summary:before{content:"";border-block-end:2px solid;border-inline-end:2px solid;flex:none;block-size:.5rem;inline-size:.5rem;transition:transform .16s;transform:rotate(-45deg)}html[dir=rtl] .cli>summary:before,html[dir=rtl] .feature__more>summary:before,html[dir=rtl] .fold>summary:before{transform:rotate(135deg)}.cli[open]>summary:before,.feature__more[open]>summary:before,.fold[open]>summary:before,html[dir=rtl] .cli[open]>summary:before,html[dir=rtl] .feature__more[open]>summary:before,html[dir=rtl] .fold[open]>summary:before{transform:rotate(45deg)}.cli{border:1px dashed var(--border);padding:.25rem 1.25rem 1.25rem}.cli:not([open]){padding-block-end:.25rem}.cli>.ways{margin-block-start:.5rem}.feature__more>summary{min-block-size:2.25rem;color:var(--text-muted);font-size:.88rem}.feature__more .feature__tools{margin:.25rem 0 0;padding:0}.feature__try{margin-block-start:auto}.fold>summary h2{margin:0}.fold>.glossary{margin-block-start:1.5rem}.way__after{color:var(--text-muted);font-size:.92rem}.credit__author{color:var(--text-muted)}code,pre,kbd,samp{font-variant-ligatures:none;font-feature-settings:"calt" 0, "liga" 0}.ilm{border-block-start:1px solid var(--border)}.ilm__cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,.5rem + 1.5vw,1.5rem);margin-block-start:clamp(1.5rem,1rem + 2vw,2.5rem);display:grid}.ilm__card{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--tint);text-align:center;flex-direction:column;justify-content:center;align-items:center;margin:0;padding:clamp(1.25rem,.75rem + 2vw,2.25rem);display:flex}.ilm__card blockquote{margin:0}.ilm__hadith{text-align:center;align-items:center}.ilm__ornament{align-items:center;gap:.5rem;margin-block-end:.9rem;display:flex}.ilm__ornament span{background:var(--gold);opacity:.6;block-size:1px;inline-size:2.25rem}.ilm__ornament i{background:var(--gold);border-radius:50%;block-size:5px;inline-size:5px}.ilm__ornament i:nth-of-type(2){border-radius:1px;block-size:7px;inline-size:7px;transform:rotate(45deg)}.ilm__label{color:var(--text-muted);margin:0 0 .75rem;font-size:.95rem}.ilm__ayah-text{color:var(--primary);margin:0;font-size:clamp(2rem,1.3rem + 2.6vw,3.5rem);font-weight:500;line-height:1.9}.ilm__ref{color:var(--text-muted);margin-block-start:.25rem;font-size:.95rem}.ilm__hadith p{color:var(--text);margin:0;font-size:clamp(1.1rem,1rem + .5vw,1.35rem);line-height:1.9}html[lang=en] .ilm__hadith p{line-height:1.6}.ilm__hadith blockquote{max-inline-size:30rem}.ilm__hadith figcaption{color:var(--text-muted);margin-block-start:.5rem;font-size:.95rem}.ilm__mission{inline-size:100%;margin-block-start:clamp(1.5rem,1rem + 2vw,2.5rem)}@media (width<=768px){.ilm__cards{grid-template-columns:minmax(0,1fr)}}.ilm__mission p{color:var(--text);text-align:center;text-wrap:pretty;margin:0;font-size:clamp(1rem,.97rem + .2vw,1.1rem);line-height:1.9}:is(.ct-field,.dm-form,.demo-form) :is(input[type=text],input[type=email],input[type=number],select,textarea){min-block-size:3rem;inline-size:100%;font:inherit;color:var(--text);background-color:var(--surface);border:1px solid color-mix(in srgb, var(--text-muted) 40%, var(--border));border-radius:12px;padding:.6rem .9rem;font-size:1rem;transition:border-color .16s,box-shadow .16s,background-color .16s}:is(.ct-field,.dm-form,.demo-form) textarea{resize:vertical;min-block-size:9rem;line-height:1.7}:is(.ct-field,.dm-form,.demo-form) :is(input,select,textarea):hover:not(:disabled){border-color:var(--primary);background-color:var(--bg)}:is(.ct-field,.dm-form,.demo-form) :is(input,select,textarea):focus-visible{background-color:var(--bg);border-color:var(--primary);outline:3px solid color-mix(in srgb, var(--focus) 40%, transparent);outline-offset:0}:is(.ct-field,.dm-form,.demo-form) :is(input,select,textarea):disabled{opacity:.6;cursor:not-allowed}:is(.ct-field,.dm-form,.demo-form) select{-webkit-appearance:none;appearance:none;cursor:pointer;color-scheme:light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none' stroke='%23074D31' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6l5 5 5-5'/%3E%3C/svg%3E");background-position:right .95rem center;background-repeat:no-repeat;background-size:1rem 1rem;padding-inline:.9rem 2.75rem}html[dir=rtl] :is(.ct-field,.dm-form,.demo-form) select{background-position:.95rem}:root[data-theme=dark] :is(.ct-field,.dm-form,.demo-form) select{color-scheme:dark;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none' stroke='%233FBF8F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6l5 5 5-5'/%3E%3C/svg%3E")}:is(.ct-field,.dm-form,.demo-form) select :is(option,optgroup){color:var(--text);background-color:var(--bg)}.dm-form .dm-select select{border-width:1.5px;border-color:color-mix(in srgb, var(--primary) 45%, var(--border));min-block-size:3.25rem;font-size:1.05rem;font-weight:600}@media (prefers-reduced-motion:reduce){:is(.ct-field,.dm-form,.demo-form) :is(input,select,textarea){transition:none}}@media (width>=1100px){.features--3{grid-template-columns:repeat(3,minmax(0,1fr))}}.home-hero__lib{margin-block-start:-.75rem}.home-hero__lib a{background-origin:content-box;background-clip:content-box;padding-block:.7rem}@media (width>=1100px){.tx-jump ul.tx-jump--3{grid-template-columns:repeat(3,minmax(0,1fr))}}.home-hero h1{text-wrap:balance}@media (width>=1024px) and (width<=1149px){.site-nav a{padding-inline:.6rem}.site-header .container{column-gap:.5rem}.nav-cta__long{display:none}.nav-cta__short{display:inline}}@media (width<=639px){:root:not(.js) .site-nav a{padding-inline:.25rem;font-size:.85rem}}.tx-alias{scroll-margin-block-start:var(--nav-h);display:block}.home-hero__text{container-type:inline-size}.home-hero h1{font-size:clamp(1.25rem,7.7cqi,3.9rem)}html[lang=ar] .home-hero h1{font-size:clamp(1.25rem,7.3cqi,3.9rem)}.hub__check .hub__check-copy{flex:none;min-block-size:2.75rem;position:static}