:root{--ink:#13233a;--ink-2:#4c5b70;--paper:#fff;--tint:#f1f5f4;--line:#dde3e8;--tile:#0f7c74;--tile-hover:#0b635d;--gold:#b98a2e;--gold-soft:#d9a94a;--night:#0e1a2b;--sans:"IBM Plex Sans", "IBM Plex Sans Arabic", system-ui, -apple-system, "Segoe UI", sans-serif;--quran:"Amiri Quran", "Amiri", "Noto Naskh Arabic", "Geeza Pro", serif;--wrap:1120px;--gutter:20px}:lang(ar){--sans:"IBM Plex Sans Arabic", "IBM Plex Sans", system-ui, "Geeza Pro", sans-serif}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--sans);margin:0;font-size:17px;line-height:1.65}:lang(ar) body,body:lang(ar){font-size:18px;line-height:1.8}img,svg{max-width:100%;height:auto}a{color:var(--tile);text-underline-offset:3px}a:hover{color:var(--tile-hover)}:focus-visible{outline:3px solid var(--tile);outline-offset:3px;border-radius:4px}h1,h2,h3{color:var(--ink);letter-spacing:-.015em;font-weight:600}:lang(ar) h1,:lang(ar) h2,:lang(ar) h3{letter-spacing:0}h1{margin:0 0 18px;font-size:clamp(2.2rem,4.6vw,3.3rem);line-height:1.1}:lang(ar) h1{line-height:1.35}h2{margin:0 0 14px;font-size:clamp(1.5rem,2.8vw,2rem);line-height:1.25}h3{margin:0 0 8px;font-size:1.15rem;line-height:1.35}p{margin:0 0 16px}.wrap{max-width:var(--wrap);padding:0 var(--gutter);margin:0 auto}.lede{color:var(--ink-2);max-width:34em;font-size:1.18rem}.muted{color:var(--ink-2)}.small{font-size:.9rem}.skip{position:absolute;inset-inline-start:-9999px}.skip:focus{inset-inline-start:12px;z-index:10;background:#fff;padding:8px 12px;top:12px}.ayah-ar{font-family:var(--quran);text-align:center;color:inherit;direction:rtl;font-size:1.6rem;line-height:2.1}.ayah-en{font-style:italic}.ayah-ref{color:var(--ink-2);font-size:.85rem}.site-header{border-bottom:1px solid var(--line);background:#fff}.site-header .wrap{flex-wrap:wrap;align-items:center;gap:24px;min-height:68px;display:flex}.brand{color:var(--ink);align-items:center;gap:10px;font-size:1.05rem;font-weight:600;text-decoration:none;display:flex}.brand svg{flex:none;width:32px;height:32px}.site-nav{align-items:center;gap:20px;margin-inline-start:auto;display:flex}.site-nav a{color:var(--ink);white-space:nowrap;font-size:.95rem;text-decoration:none}.site-nav a:hover{color:var(--tile)}.site-nav a[aria-current=page]{text-decoration:underline;text-decoration-color:var(--gold-soft);text-decoration-thickness:2px}.lang-switch{border:1px solid var(--line);border-radius:6px;padding:4px 10px}.nav-cta{background:var(--tile);border-radius:8px;padding:8px 14px;font-weight:500;color:#fff!important}.nav-cta:hover{background:var(--tile-hover)}@media (width<=760px){.site-header .wrap{gap:8px;padding-top:10px;padding-bottom:10px}.site-nav{gap:16px;width:100%;margin-inline-start:0;padding-bottom:4px;overflow-x:auto}.site-nav .nav-cta{display:none}}.btn-store{color:#fff;background:#000;border-radius:10px;align-items:center;gap:10px;padding:10px 18px 10px 14px;font-family:IBM Plex Sans,system-ui,sans-serif;line-height:1.15;text-decoration:none;display:inline-flex}.btn-store:hover{color:#fff;background:#222}.btn-store svg{fill:currentColor;width:24px;height:24px}.btn-store small{font-size:.68rem;font-family:var(--sans);display:block}.btn-store strong{font-size:1.15rem;font-weight:600;display:block}.btn-store.light{color:#000;background:#fff}.btn-store.light:hover{color:#000;background:#e8ecf2}.cta-row{flex-wrap:wrap;align-items:center;gap:20px;margin-top:8px;display:flex}.btn-text{color:var(--ink);font-weight:500}.btn{font:inherit;cursor:pointer;background:var(--tile);color:#fff;border:0;border-radius:8px;padding:10px 16px;font-weight:500}.btn:hover{background:var(--tile-hover)}.btn.ghost{color:var(--ink);border:1px solid var(--line);background:#fff}.btn.ghost:hover{border-color:var(--ink)}.trust{color:var(--ink-2);flex-wrap:wrap;gap:6px 20px;margin:22px 0 0;padding:0;font-size:.93rem;list-style:none;display:flex}.trust li:before{content:"✓";color:var(--tile);margin-inline-end:6px;font-weight:700}.hero{padding:56px 0 64px}.hero .wrap{grid-template-columns:1.05fr 1fr;align-items:center;gap:48px;display:grid}.hero .wrap>*{min-width:0}@media (width<=900px){.hero{padding:36px 0 44px}.hero .wrap{grid-template-columns:1fr;gap:32px}}.phone-stage{justify-items:center;gap:18px;display:grid}.phone{aspect-ratio:300/620;background:#0b0f16;border-radius:46px;width:300px;max-width:100%;padding:12px;box-shadow:inset 0 0 0 2px #2a3240,0 30px 60px -30px #0e1a2b99}.screen{color:#fff;text-align:center;direction:ltr;background:radial-gradient(120% 60% at 50% 110%,#d9a94a59,#0000 60%),linear-gradient(#0e1a2b 0%,#15304a 55%,#1d4b5c 100%);border-radius:36px;height:100%;padding:46px 16px 20px;position:relative;overflow:hidden}.screen .island{background:#000;border-radius:20px;width:90px;height:26px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.screen .lock-date{opacity:.9;font-size:.82rem;font-weight:500}.screen .lock-hijri{color:var(--gold-soft);margin-top:2px;font-size:.78rem}.screen .lock-time{letter-spacing:-.03em;margin:4px 0 18px;font-family:IBM Plex Sans,system-ui,sans-serif;font-size:4.2rem;font-weight:600;line-height:1}.widget{backdrop-filter:blur(14px);text-align:center;background:#ffffff24;border:1px solid #ffffff2e;border-radius:22px;padding:16px 14px 14px}.widget .ayah-ar{color:#fff;margin:0 0 6px;font-size:1.45rem;line-height:1.9}.widget .ayah-en{opacity:.92;margin:0 0 8px;font-size:.86rem;line-height:1.45}.widget .ayah-ref{color:var(--gold-soft);font-size:.74rem}.widget-row{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;display:grid}.mini{text-align:start;background:#ffffff1f;border-radius:18px;padding:10px;font-size:.74rem;line-height:1.3}.mini b{font-size:1.05rem;display:block}.mini .gold{color:var(--gold-soft)}.moods{flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.moods button{font:inherit;border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:999px;padding:6px 14px;font-size:.9rem}.moods button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.moods-label{color:var(--ink-2);margin:0;font-size:.88rem}section.band{padding:68px 0}section.band.tint{background:var(--tint);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}@media (width<=720px){section.band{padding:46px 0}}.section-head{max-width:40em;margin-bottom:30px}.two-col{grid-template-columns:1fr 1fr;gap:48px;display:grid}.two-col>*{min-width:0}@media (width<=800px){.two-col{grid-template-columns:1fr;gap:30px}}.feature-list{grid-template-columns:repeat(2,1fr);gap:0 48px;display:grid}.feature-list>div{border-top:1px solid var(--line);padding:22px 0}.feature-list p{color:var(--ink-2);margin-bottom:6px}@media (width<=760px){.feature-list{grid-template-columns:1fr}}.steps{counter-reset:s;grid-template-columns:repeat(3,1fr);gap:32px;margin:0;padding:0;list-style:none;display:grid}.steps li{counter-increment:s;border-top:3px solid var(--ink);padding-top:14px}.steps li:before{content:counter(s);color:var(--gold);margin-bottom:10px;font-size:1.8rem;font-weight:600;line-height:1;display:block}@media (width<=800px){.steps{grid-template-columns:1fr;gap:22px}}.link-list{margin:0;padding:0;list-style:none}.link-list li{border-top:1px solid var(--line)}.link-list li:last-child{border-bottom:1px solid var(--line)}.link-list a{color:var(--ink);padding:16px 0;text-decoration:none;display:block}.link-list a:hover .ll-title{color:var(--tile);text-decoration:underline}.ll-title{font-size:1.08rem;font-weight:600}.ll-desc{color:var(--ink-2);margin-top:2px;font-size:.95rem;font-weight:400;display:block}.faq{max-width:50em}.faq details{border-top:1px solid var(--line);padding:4px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;padding:14px 0;padding-inline-end:28px;font-weight:600;list-style:none;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";inset-inline-end:4px;color:var(--ink-2);font-size:1.4rem;position:absolute;top:10px}.faq details[open] summary:after{content:"–"}.faq details p{color:var(--ink-2);max-width:44em}.closing{background:var(--night);color:#fff;padding:60px 0}.closing h2{color:#fff}.closing p{color:#c9d3e3;max-width:34em}.site-footer{color:var(--ink-2);border-top:1px solid var(--line);padding:48px 0 32px;font-size:.93rem}.footer-grid{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;display:grid}.footer-grid h3{margin-bottom:10px;font-size:.95rem}.footer-grid ul{margin:0;padding:0;list-style:none}.footer-grid li{margin-bottom:6px}.footer-grid a{color:var(--ink-2);text-decoration:none}.footer-grid a:hover{color:var(--tile);text-decoration:underline}.footer-base{border-top:1px solid var(--line);margin-top:28px;padding-top:16px;font-size:.84rem}@media (width<=800px){.footer-grid{grid-template-columns:1fr 1fr}}.page-head{padding:48px 0 24px}.crumbs{color:var(--ink-2);margin-bottom:12px;font-size:.9rem}.crumbs a{color:var(--ink-2)}.prose{max-width:44em;padding-bottom:56px}.prose h2{margin-top:40px}.prose h3{margin-top:26px}.prose ul,.prose ol{margin:0 0 16px;padding-inline-start:1.3em}.prose li{margin-bottom:6px}.prose table{border-collapse:collapse;width:100%;margin:8px 0 22px;font-size:.96rem}.prose th,.prose td{border-bottom:1px solid var(--line);text-align:start;vertical-align:top;padding:8px 10px}.prose th{border-bottom:1px solid var(--ink);font-size:.9rem}.verse-block{background:var(--tint);border-inline-start:3px solid var(--gold);border-radius:10px;margin:22px 0 28px;padding:22px 22px 18px}.verse-block .ayah-ar{margin:0 0 8px;font-size:1.7rem}.verse-block .ayah-en{text-align:center;margin:0 0 6px}.verse-block .ayah-ref{text-align:center;margin:0}.app-callout{border:1px solid var(--line);border-inline-start:4px solid var(--tile);background:#fff;border-radius:6px;margin:34px 0;padding:20px 22px}.app-callout h3{margin-top:0}.app-callout p{color:var(--ink-2)}.note{color:var(--ink-2);font-size:.9rem}.tool{grid-template-columns:1fr 1fr;align-items:start;gap:40px;padding-bottom:40px;display:grid}.tool>*{min-width:0}@media (width<=900px){.tool{grid-template-columns:1fr;gap:28px}}.panel{background:var(--tint);border:1px solid var(--line);border-radius:10px;gap:16px;padding:22px;display:grid}.field label,.field .label{margin-bottom:6px;font-size:.93rem;font-weight:600;display:block}.field select,.field input{width:100%;font:inherit;color:var(--ink);background:#fff;border:1px solid #b8c3d3;border-radius:6px;padding:9px 11px}.choice-row{flex-wrap:wrap;gap:8px;display:flex}.choice-row button{font:inherit;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #b8c3d3;border-radius:8px;padding:7px 12px;font-size:.92rem}.choice-row button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.tasbih{text-align:center;justify-items:center;gap:14px;display:grid}.tasbih .dhikr-ar{font-family:var(--quran);direction:rtl;margin:0;font-size:2rem;line-height:1.6}.tasbih .dhikr-en{color:var(--ink-2);margin:0}.bead{aspect-ratio:1;cursor:pointer;background:radial-gradient(circle at 35% 30%, #1f8f86, var(--tile) 55%, #0a514c);color:#fff;width:min(240px,70vw);font:inherit;touch-action:manipulation;-webkit-user-select:none;user-select:none;border:0;border-radius:50%;place-items:center;display:grid;box-shadow:0 16px 30px -16px #0f7c74cc}.bead:active{transform:scale(.97)}.bead .count{font-family:IBM Plex Sans,system-ui,sans-serif;font-size:3.6rem;font-weight:600;line-height:1}.bead .of{opacity:.85;font-size:.95rem}.progress{background:var(--line);border-radius:6px;width:min(320px,90%);height:6px;overflow:hidden}.progress span{background:var(--gold);width:0;height:100%;transition:width .15s;display:block}.tasbih-meta{color:var(--ink-2);justify-content:center;gap:24px;font-size:.92rem;display:flex}.tasbih-meta b{color:var(--ink)}.done-msg{min-height:1.6em;color:var(--tile);margin:0;font-weight:600}.countdown{direction:ltr;grid-template-columns:repeat(4,1fr);gap:12px;max-width:520px;display:grid}.countdown div{background:var(--night);color:#fff;text-align:center;border-radius:12px;padding:16px 8px}.countdown b{font-family:IBM Plex Sans,system-ui,sans-serif;font-size:clamp(1.8rem,5vw,2.6rem);line-height:1;display:block}.countdown span{opacity:.8;font-size:.82rem;font-family:var(--sans)}.card-preview{aspect-ratio:4/5;background:var(--tint);border-radius:12px;width:100%;max-width:480px;display:block;box-shadow:0 18px 40px -24px #0e1a2b80}.panel .tasbih-meta{justify-content:flex-start}.brand .logo-img{border-radius:8px;flex:none;width:32px;height:32px}