@font-face{font-family:Newsreader;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/newsreader-normal-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Newsreader;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/newsreader-normal-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/newsreader-italic-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Newsreader;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/newsreader-italic-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/geist-normal-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/geist-normal-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/geist-mono-normal-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/geist-mono-normal-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Naskh Arabic;font-style:normal;font-weight:500 600;font-display:swap;src:url(/fonts/noto-naskh-arabic-normal-arabic.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}:root{--ground: #fafafd;--panel: #ffffff;--ink: #12142a;--mute: #575c75;--hair: #e3e5ef;--soft: #f1f2f8;--btn: #12142a;--btn-ink: #ffffff;--link: #3f4fe0;--focus: #6b74ff;--g1: #c3ceff;--g2: #e6d6ff;--g3: #ffdce9;--g-base: #f3f4ff;--mix: 14%;--display: "Newsreader", "Iowan Old Style", Georgia, serif;--ui: "Geist", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: "Geist Mono", ui-monospace, Menlo, Consolas, monospace;--arabic: "Noto Naskh Arabic", "Geeza Pro", "Segoe UI", serif;--wrap: 1160px;--radius: 22px;--t: #8890b0;color-scheme:light}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--ground: #0b0c15;--panel: #141627;--ink: #ecedf8;--mute: #a3a8c2;--hair: #272a41;--soft: #1b1e33;--btn: #ecedf8;--btn-ink: #12142a;--link: #9aa4ff;--focus: #9aa4ff;--g1: #26307a;--g2: #3a2668;--g3: #4a2140;--g-base: #0f1120;--mix: 20%}}.tint-sound-meter{--t: #1ac3b0}.tint-amber-tasbih{--t: #f2a33a}.tint-candela{--t: #ffb547}.tint-taqaud{--t: #0f7a5e}.tint-car-loan-deduction{--t: #8fd43f}.tint-headerhermit{--t: #f97316}.tint-youtube{--t: #ff5a4e}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--ground);color:var(--ink);font:400 16px / 1.6 var(--ui);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,svg{max-width:100%;height:auto;display:block}a{color:var(--link);text-underline-offset:3px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:4px}[hidden]{display:none!important}.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:20px}.skip{position:absolute;left:12px;top:-60px;z-index:10;background:var(--btn);color:var(--btn-ink);padding:10px 14px;border-radius:10px;font-weight:600;text-decoration:none}.skip:focus{top:12px}.ar{font-family:var(--arabic)}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.site-head{position:relative;z-index:2}.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:20px}.brand{display:inline-flex;align-items:baseline;gap:2px;color:var(--ink);text-decoration:none;font:600 26px / 1 var(--display);letter-spacing:-.01em}.brand-dot{width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#6c7bff,#c77dff);display:inline-block}.nav-links{display:flex;gap:6px;list-style:none;margin:0;padding:0;flex-wrap:wrap;justify-content:flex-end}.nav-links a{display:inline-block;padding:10px 12px;border-radius:10px;color:var(--mute);text-decoration:none;font:500 15px / 1 var(--ui)}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--ink);background:color-mix(in srgb,var(--panel) 70%,transparent)}@media(max-width:520px){.nav{flex-wrap:wrap}.nav-links a{padding:8px 9px;font-size:14px}}.hero{background:radial-gradient(55% 70% at 12% 0%,var(--g1) 0%,transparent 70%),radial-gradient(45% 65% at 88% 4%,var(--g2) 0%,transparent 72%),radial-gradient(35% 50% at 62% 80%,var(--g3) 0%,transparent 70%),linear-gradient(180deg,var(--g-base) 0%,var(--ground) 100%)}.hero-copy{max-width:860px;margin-inline:auto;text-align:center;display:grid;justify-items:center;gap:22px;padding-block:48px 72px}.eyebrow{font:500 13px / 1.2 var(--ui);color:var(--mute);background:color-mix(in srgb,var(--panel) 70%,transparent);border:1px solid var(--hair);padding:8px 14px;border-radius:99px}h1,h2,h3{text-wrap:balance}.display{font:400 clamp(44px,7.4vw,88px) / .98 var(--display);letter-spacing:-.03em;margin:0}.display em,.h-page em{font-style:italic;background:linear-gradient(100deg,#4b5cf0,#a25cf0 60%,#e0609a);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.06em}.lede{font-size:clamp(16px,1.6vw,19px);color:var(--mute);max-width:60ch;margin:0;text-wrap:pretty}.ctas{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;align-items:center}.btn{display:inline-flex;align-items:center;gap:8px;font:600 15px / 1 var(--ui);padding:14px 20px;border-radius:12px;text-decoration:none;border:1px solid transparent;cursor:pointer;min-height:44px}.btn-primary{background:var(--btn);color:var(--btn-ink)}.btn-ghost{background:var(--panel);color:var(--ink);border-color:var(--hair)}.btn:hover{text-decoration:none;filter:brightness(1.05)}.copy-note{font:500 13px / 1.2 var(--ui);color:var(--mute);min-height:16px}.section{padding-block:16px 56px}.sec-head{display:flex;justify-content:space-between;align-items:end;gap:12px 24px;flex-wrap:wrap;margin-bottom:24px}.h-section{font:400 clamp(34px,4.6vw,52px) / 1.02 var(--display);letter-spacing:-.025em;margin:0}.sec-head p{color:var(--mute);margin:0;max-width:46ch}.bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}@media(max-width:900px){.bento{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.bento{grid-template-columns:minmax(0,1fr)}}.tile{position:relative;border-radius:var(--radius);border:1px solid var(--hair);padding:22px;display:grid;gap:14px;align-content:start;overflow:hidden;background:radial-gradient(110% 90% at 100% 0%,color-mix(in srgb,var(--t) var(--mix),var(--panel)) 0%,var(--panel) 60%);transition:transform .25s ease,box-shadow .25s ease}.tile:hover{transform:translateY(-3px);box-shadow:0 22px 50px -26px color-mix(in srgb,var(--t) 60%,transparent)}.tile-wide{grid-column:span 2}@media(max-width:600px){.tile-wide{grid-column:auto}}.tile-head{display:flex;align-items:center;gap:14px}.tile-head h3{font:600 20px / 1.15 var(--ui);letter-spacing:-.02em;margin:0}.tile-head h3 a{color:inherit;text-decoration:none}.tile-head h3 a:after{content:"";position:absolute;inset:0;border-radius:inherit}.tile-sub{display:block;font:500 12px / 1.4 var(--mono);color:var(--mute)}.tile p{margin:0;color:var(--mute);font-size:15px}.tile .demo,.tile button{position:relative;z-index:1}.more{font:600 14px / 1 var(--ui);color:var(--ink)}.icon{position:relative;width:52px;height:52px;border-radius:23%;overflow:hidden;flex:none;box-shadow:0 1px 1px #00000014,0 10px 20px -8px color-mix(in srgb,var(--t) 70%,transparent)}.icon img{width:100%;height:100%}.icon:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(155deg,#ffffff6b,#fff0 44%);pointer-events:none}.icon-lg{width:96px;height:96px}.icon-yt{display:grid;place-items:center;background:linear-gradient(160deg,#ff5a4e,#d9221a)}.icon-yt:before{content:"";border-left:15px solid #fff;border-top:9px solid transparent;border-bottom:9px solid transparent;margin-left:4px}.demo{border-radius:16px;background:var(--panel);border:1px solid var(--hair);padding:16px}.tag{font:500 10.5px / 1.2 var(--mono);color:var(--mute);text-transform:uppercase;letter-spacing:.08em}.demo-sound{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center}@media(max-width:600px){.demo-sound{grid-template-columns:minmax(0,1fr)}}.db{display:flex;align-items:baseline;gap:6px}.db b{font:600 64px / 1 var(--ui);font-variant-numeric:tabular-nums;letter-spacing:-.05em}.db span{font:500 15px / 1 var(--mono);color:var(--mute)}.spark{width:100%;height:80px}.spark .line{fill:none;stroke:#1ac3b0;stroke-width:2}.spark .area{fill:#1ac3b0;fill-opacity:.14}.demo-tasbih{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center}.ring{width:96px;aspect-ratio:1;position:relative}.ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring .track{stroke:var(--soft)}.ring .prog{stroke:#f2a33a;transition:stroke-dashoffset .2s ease}.ring b{position:absolute;inset:0;display:grid;place-items:center;font:600 30px / 1 var(--ui);font-variant-numeric:tabular-nums}.dhikr{display:block;font:600 20px / 1.5 var(--arabic)}.tap{font:600 14px / 1 var(--ui);padding:12px 22px;min-height:44px;border-radius:99px;border:0;cursor:pointer;color:#3a2200;background:linear-gradient(180deg,#ffcf7a,#f2a33a);margin-top:8px;box-shadow:0 6px 16px -8px #f2a33ae6}.tap:active{transform:translateY(1px) scale(.98)}.pause{font:500 12px / 1 var(--ui);background:none;border:1px solid var(--hair);color:var(--mute);border-radius:99px;padding:6px 10px;cursor:pointer;min-height:28px}.lux b{font:600 46px / 1 var(--ui);letter-spacing:-.04em;font-variant-numeric:tabular-nums}.lux span{font:500 14px / 1 var(--mono);color:var(--mute);margin-left:6px}.lux-scale{height:8px;border-radius:99px;margin-top:12px;background:linear-gradient(90deg,#2a2f45,#8a6a2a,#ffb547,#fff3c4);position:relative}.lux-scale i{position:absolute;top:-4px;left:46%;width:16px;height:16px;border-radius:50%;background:var(--panel);border:3px solid #ffb547}.ar-card{direction:rtl;text-align:right}.ar-card .q{font:600 20px / 1.6 var(--arabic)}.ar-card .big{font:600 28px / 1.5 var(--arabic);color:#0f7a5e}@media(prefers-color-scheme:dark){.ar-card .big{color:#3ccb99}}.fact b{font:600 50px / 1 var(--ui);letter-spacing:-.05em}.fact span{display:block;color:var(--mute);font-size:14px;margin-top:6px}.hdrs{font:500 13px / 1.9 var(--mono)}.hdrs div{display:flex;gap:10px;align-items:center;border-bottom:1px dashed var(--hair)}.hdrs div:last-child{border-bottom:0}.sw{width:26px;height:15px;border-radius:99px;background:#f97316;position:relative;flex:none}.sw:after{content:"";position:absolute;right:2px;top:2px;width:11px;height:11px;border-radius:50%;background:#fff}.sw-off{background:var(--hair)}.sw-off:after{right:auto;left:2px}.hdrs .k{color:var(--ink)}.hdrs .v{color:var(--mute);margin-left:auto;text-align:right}.shorts{display:flex;gap:8px}.shorts span{flex:1;aspect-ratio:9 / 14;border-radius:10px;background:linear-gradient(170deg,color-mix(in srgb,#ff5a4e 30%,var(--soft)),var(--soft));display:grid;place-items:end start;padding:8px;font:500 10.5px / 1.2 var(--mono);color:var(--mute)}.p-hero{background:radial-gradient(70% 90% at 0% 0%,color-mix(in srgb,var(--t) calc(var(--mix) + 6%),var(--ground)) 0%,var(--ground) 70%)}.p-hero-in{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center;padding-block:36px 48px}@media(max-width:640px){.p-hero-in{grid-template-columns:minmax(0,1fr);gap:18px}}.crumbs{font:500 13px / 1.4 var(--ui);color:var(--mute);margin:0 0 10px}.crumbs a{color:var(--mute)}.h-page{font:400 clamp(38px,5.6vw,64px) / 1.02 var(--display);letter-spacing:-.03em;margin:0 0 12px}.p-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:20px}.status{font:500 12px / 1 var(--mono);padding:7px 10px;border-radius:8px;border:1px dashed var(--hair);color:var(--mute)}.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;background:var(--hair);border:1px solid var(--hair);border-radius:16px;overflow:hidden;margin:0}.facts div{background:var(--panel);padding:14px 16px}.facts dt{font:500 11px / 1.2 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--mute);margin-bottom:6px}.facts dd{margin:0;font-weight:600}.p-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:48px;padding-block:40px 64px;align-items:start}@media(max-width:900px){.p-body{grid-template-columns:minmax(0,1fr)}}.prose{max-width:68ch;min-width:0}.prose h2{font:400 clamp(28px,3.4vw,36px) / 1.1 var(--display);letter-spacing:-.02em;margin:44px 0 12px}.prose h2:first-child{margin-top:0}.prose h3{font:600 18px / 1.3 var(--ui);margin:24px 0 6px}.prose p,.prose li{color:var(--ink)}.prose ul{padding-left:1.2em}.prose li+li{margin-top:6px}.features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;list-style:none;padding:0;margin:0}@media(max-width:600px){.features{grid-template-columns:minmax(0,1fr)}}.features li{border:1px solid var(--hair);border-radius:16px;padding:16px;background:var(--panel);margin:0}.features b{display:block;margin-bottom:4px}.features span{color:var(--mute);font-size:15px}.aside{position:sticky;top:20px;display:grid;gap:14px}.card{border:1px solid var(--hair);border-radius:18px;background:var(--panel);padding:18px}.card h2{font:600 16px / 1.3 var(--ui);margin:0 0 8px}.card p,.card li{font-size:14.5px;color:var(--mute);margin:0}.perm{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:8px}.perm b{color:var(--ink);font-family:var(--mono);font-size:12.5px;font-weight:500}.shots{display:flex;gap:14px;overflow-x:auto;padding:4px 2px 14px;scroll-snap-type:x mandatory}.shots figure{margin:0;flex:0 0 auto;width:220px;scroll-snap-align:start}.shots-wide figure{width:420px}.shots img{border-radius:16px;border:1px solid var(--hair)}.shots figcaption{font-size:13px;color:var(--mute);margin-top:8px}.faq details{border-top:1px solid var(--hair);padding:14px 0}.faq details:last-child{border-bottom:1px solid var(--hair)}.faq summary{cursor:pointer;font-weight:600;list-style-position:outside}.faq details p{margin:8px 0 0;color:var(--mute)}.related{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}@media(max-width:600px){.related{grid-template-columns:minmax(0,1fr)}}.page-head{padding-block:40px 8px}.page-body{padding-block:16px 72px}.updated{font:500 13px / 1 var(--mono);color:var(--mute)}.where{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding-block:22px;border-top:1px solid var(--hair)}.where span{font:500 13px / 1 var(--mono);color:var(--mute);margin-right:6px}.where a{font:500 14px / 1 var(--ui);text-decoration:none;color:var(--ink);padding:12px 14px;border:1px solid var(--hair);border-radius:99px;background:var(--panel)}.site-foot{border-top:1px solid var(--hair);padding-block:28px 48px;color:var(--mute);font-size:14px}.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:24px}@media(max-width:760px){.foot-grid{grid-template-columns:1fr 1fr}}.foot-grid h2{font:500 11px / 1.2 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--mute);margin:0 0 10px}.foot-grid ul{list-style:none;padding:0;margin:0;display:grid;gap:4px}.foot-grid a{color:var(--ink);text-decoration:none;display:inline-block;padding-block:4px}.foot-grid a:hover{text-decoration:underline}.foot-brand{font:600 22px / 1 var(--display);color:var(--ink);margin:0 0 10px}.foot-legal{margin-top:24px;font-size:13px}.nf{text-align:center;padding-block:80px;display:grid;gap:16px;justify-items:center}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.tile:hover{transform:none}}@media print{.site-head nav,.where,.ctas,.demo{display:none}body{background:#fff;color:#000}}.table-wrap{overflow-x:auto;margin:16px 0;border:1px solid var(--hair);border-radius:14px}.table-wrap table{border-collapse:collapse;width:100%;font-size:15px}.table-wrap th,.table-wrap td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--hair);vertical-align:top}.table-wrap tr:last-child td{border-bottom:0}.table-wrap th{font:500 12px / 1.2 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--mute);background:var(--soft)}.prose code{font:500 .9em var(--mono);background:var(--soft);padding:2px 6px;border-radius:6px}main:focus{outline:none}.aside,.card{min-width:0}.card,.perm b,.prose li,.prose p{overflow-wrap:anywhere}
