@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,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)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/plus-jakarta-sans-vietnamese-wght-normal.qRpaaN48.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/plus-jakarta-sans-latin-ext-wght-normal.DmpS2jIq.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/plus-jakarta-sans-latin-wght-normal.eXO_dkmS.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Readex Pro;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/readex-pro-arabic-500-normal.Bmdbfz0h.woff2)format("woff2"),url(/_astro/readex-pro-arabic-500-normal.DZnHuMwu.woff)format("woff")}:root{--bg:#f5f8f5;--surface:#fff;--surface-sunken:#ecf2ee;--line:#dde6e0;--line-strong:#76887d;--ink:#13241b;--ink-muted:#526459;--primary:#17784f;--on-primary:#fff;--primary-container:#9ee6b5;--on-primary-container:#0b2a1a;--primary-soft:#dcf5e5;--accent:#8a5a00;--accent-fill:#f2c46b;--on-accent:#3a2600;--accent-soft:#fdf0da;--quran:#0f6f6c;--quran-soft:#d6f1ee;--time-fajr:#e6e2f7;--time-fajr-ink:#4a3d94;--time-dhuhr:#fff1c7;--time-dhuhr-ink:#6e5000;--time-asr:#ffe2c9;--time-asr-ink:#8a4210;--time-maghrib:#fcd8d0;--time-maghrib-ink:#93302a;--time-isha:#d9def4;--time-isha-ink:#2f3d82;--focus-ring:#17784f;--shadow-1:0 1px 2px #13241b0f, 0 1px 1px #13241b0a;--shadow-2:0 8px 24px #13241b14;--shadow-hero:0 24px 60px #17784f38;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--ease:cubic-bezier(.2, 0, 0, 1);--sans:"Plus Jakarta Sans Variable", system-ui, -apple-system, "Segoe UI", sans-serif;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:80px}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6}img{max-width:100%;height:auto;display:block}a{color:var(--primary);text-underline-offset:3px}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:6px}h1,h2,h3{text-wrap:balance;letter-spacing:-.01em;margin:0;line-height:1.15}p{margin:0}.wrap{width:100%;max-width:1120px;padding-left:max(20px, env(safe-area-inset-left,0px));padding-right:max(20px, env(safe-area-inset-right,0px));margin:0 auto}.skip{position:absolute;left:-9999px}.skip:focus{z-index:100;background:var(--surface);padding:8px 14px;top:12px;left:16px}.topbar{top:env(safe-area-inset-top,0px);z-index:50;background:color-mix(in srgb, var(--bg) 78%, transparent);-webkit-backdrop-filter:saturate(160%)blur(16px);border-bottom:1px solid color-mix(in srgb, var(--line) 70%, transparent);position:sticky}.topbar-inner{justify-content:space-between;align-items:center;gap:16px;height:64px;display:flex}.brand{color:var(--ink);align-items:center;gap:10px;font-size:17px;font-weight:700;text-decoration:none;display:inline-flex}.brand img{border-radius:9px}.topbar nav{align-items:center;gap:24px;display:flex}.topbar nav a:not(.btn){color:var(--ink-muted);font-size:15px;font-weight:600;text-decoration:none}.topbar nav a:not(.btn):hover{color:var(--ink)}@media (width<=680px){.topbar nav a:not(.btn){display:none}}.btn{background:var(--primary);min-height:48px;color:var(--on-primary);font:600 15px/1 var(--sans);cursor:pointer;transition:transform .16s var(--ease), box-shadow .16s var(--ease);border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 22px;text-decoration:none;display:inline-flex}.btn:hover{box-shadow:var(--shadow-2)}.btn:active{transform:scale(.98)}.btn-sm{min-height:40px;padding:0 16px;font-size:14px}.stores{flex-wrap:wrap;gap:10px;display:flex}.store{color:#fff;min-height:56px;transition:transform .16s var(--ease);background:#000;border:1px solid #a6a6a6;border-radius:12px;align-items:center;gap:10px;padding:8px 18px 8px 14px;text-decoration:none;display:inline-flex}.store:hover{transform:translateY(-1px)}.store svg{flex:none}.store span{flex-direction:column;line-height:1.15;display:flex}.store small{opacity:.85;letter-spacing:.02em;font-size:11px;font-weight:500}.store b{letter-spacing:-.01em;font-size:19px;font-weight:600}.store[aria-disabled=true]{cursor:default}.store[aria-disabled=true]:hover{transform:none}.store.is-mine{order:-1}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:12px;font-weight:700;line-height:16px;display:inline-block}@property --sky1{syntax:"<color>";inherits:false;initial-value:#e6e2f7}@property --sky2{syntax:"<color>";inherits:false;initial-value:#d9def4}@keyframes day-sky{0%{--sky1:var(--time-fajr);--sky2:var(--time-isha)}50%{--sky1:var(--time-dhuhr);--sky2:var(--primary-soft)}68%{--sky1:var(--time-asr);--sky2:var(--time-dhuhr)}86%{--sky1:var(--time-maghrib);--sky2:var(--time-asr)}to{--sky1:var(--time-isha);--sky2:var(--time-fajr)}}.sky{z-index:0;pointer-events:none;background:radial-gradient(90% 70% at 75% 15%, var(--sky1), transparent 70%), radial-gradient(80% 80% at 10% 90%, var(--sky2), transparent 70%), var(--bg);animation:24s linear infinite day-sky;position:absolute;inset:0}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes rise{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@keyframes draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.logo-draw path{stroke-dasharray:1;stroke-dashoffset:0;animation:1.6s cubic-bezier(.45,0,.55,1) .2s both draw}.hero{isolation:isolate;padding:48px 0 0;position:relative;overflow:hidden}.hero-grid{z-index:2;grid-template-columns:1.1fr .9fr;align-items:center;gap:32px;min-height:540px;display:grid;position:relative}.hero-copy{min-width:0}.hijri{background:color-mix(in srgb, var(--surface) 70%, transparent);-webkit-backdrop-filter:blur(8px);letter-spacing:.04em;color:var(--accent);border-radius:999px;align-items:center;gap:10px;margin-bottom:20px;padding:8px 14px;font-size:13px;font-weight:700;display:inline-flex}.hijri .dot{background:var(--primary);width:8px;height:8px;box-shadow:0 0 0 4px color-mix(in srgb, var(--primary) 25%, transparent);border-radius:50%}.hero h1{letter-spacing:-.045em;margin:0 0 24px;font-size:clamp(46px,7.4vw,92px);font-weight:800;line-height:.98}.hero h1 .line{animation:.9s cubic-bezier(.05,.7,.1,1) both rise;display:block}.hero h1 .line:nth-child(2){animation-delay:80ms}.hero h1 .line:nth-child(3){animation-delay:.16s}.hero h1 em{background:linear-gradient(100deg, var(--primary), color-mix(in srgb, var(--primary) 55%, var(--quran)));color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.hero .lede{color:var(--ink-muted);max-width:31em;margin-bottom:28px;font-size:19px;animation:.9s cubic-bezier(.05,.7,.1,1) .24s both rise}.hero #get{animation:.9s cubic-bezier(.05,.7,.1,1) .32s both rise}.hero .note{color:var(--ink-muted);margin-top:14px;font-size:14px}.hero-art{perspective:1200px;justify-content:center;display:flex;position:relative}.tilt{transition:transform .6s var(--ease);transform-style:preserve-3d;position:relative}.hero-art .phone{width:290px}.phone.float{animation:7s cubic-bezier(.45,0,.55,1) infinite float}.chip{z-index:3;background:color-mix(in srgb, var(--surface) 82%, transparent);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-2);white-space:nowrap;border-radius:14px;align-items:center;gap:8px;padding:10px 14px;font-size:14px;font-weight:700;animation:6s cubic-bezier(.45,0,.55,1) infinite float;display:inline-flex;position:absolute}.chip .icon{color:var(--primary)}.chip-a{animation-delay:-1s;top:14%;left:-70px;transform:translateZ(40px)}.chip-b{animation-delay:-3s;top:52%;right:-90px}.chip-c{animation-delay:-4.5s;bottom:10%;left:-50px}.arc{z-index:1;width:100%;height:auto;margin-top:-24px;display:block;position:relative;overflow:visible}.arc-line{fill:none;stroke:color-mix(in srgb, var(--primary) 45%, transparent);stroke-width:2.5px;stroke-dasharray:2 10;stroke-linecap:round;vector-effect:non-scaling-stroke}.arc-stop circle{fill:var(--surface);stroke:var(--primary);stroke-width:3px;vector-effect:non-scaling-stroke}.sun-core{fill:var(--accent-fill)}.sun-glow{fill:color-mix(in srgb, var(--accent-fill) 35%, transparent)}.arc-labels{z-index:2;height:64px;margin:8px auto 0;padding-block:0;list-style:none;position:relative}.arc-labels li{left:var(--x);color:var(--ink-muted);flex-direction:column;align-items:center;font-size:13px;font-weight:700;line-height:1.2;display:flex;position:absolute;top:0;transform:translate(-50%)}.arc-labels .ar{font-family:"Readex Pro", var(--sans);color:var(--ink);font-size:20px;font-weight:500}.arc-labels li:first-child{transform:none}.arc-labels li:last-child{transform:translate(-100%)}@media (width<=900px){.hero-grid{grid-template-columns:1fr;gap:48px;min-height:0}.hero-art .phone{width:250px}.chip-a{left:-40px}.chip-b{right:-50px}.chip-c{left:-30px}}@media (width<=520px){.hero-art .phone{width:220px}.chip{padding:8px 10px;font-size:12px}.chip-a{left:-16px}.chip-b{right:-16px}.chip-c{display:none}.arc{margin-top:0}.arc-labels{justify-content:space-between;height:auto;padding-bottom:20px;display:flex}.arc-labels li,.arc-labels li:first-child,.arc-labels li:last-child{font-size:11px;position:static;transform:none}.arc-labels .ar{font-size:17px}.chip-b{display:none}}.phone{box-shadow:var(--shadow-hero);background:#0e1311;border-radius:42px;padding:8px;position:relative;container-type:inline-size}.phone:after{content:"";z-index:2;background:#000;border-radius:999px;width:31cqw;height:9cqw;position:absolute;top:calc(8px + 3.5cqw);left:calc(8px + 34.5cqw)}.phone img{border-radius:34px;width:100%}.marquee{border-block:1px solid var(--line);background:var(--surface);padding:28px 0;overflow:hidden}.marquee-track{width:max-content;animation:40s linear infinite marquee;display:flex}.marquee ul{gap:12px;margin:0;padding:0 6px;list-style:none;display:flex}.marquee li{background:var(--surface-sunken);white-space:nowrap;border-radius:999px;padding:10px 18px;font-size:15px;font-weight:700}.marquee li:nth-child(3n){background:var(--primary-soft);color:var(--primary)}.marquee li:nth-child(5n){background:var(--accent-soft);color:var(--accent)}@keyframes marquee{to{transform:translate(-50%)}}.marquee:hover .marquee-track{animation-play-state:paused}.day{--tint:var(--time-fajr);--tint-ink:var(--time-fajr-ink);background:linear-gradient(180deg, var(--bg), var(--tint) 18%, var(--tint) 82%, var(--bg));transition:--tint .9s var(--ease);padding:96px 0}@property --tint{syntax:"<color>";inherits:true;initial-value:#e6e2f7}@property --tint-ink{syntax:"<color>";inherits:true;initial-value:#4a3d94}.day{transition:--tint .5s var(--ease), --tint-ink .5s var(--ease)}.day[data-time=fajr]{--tint:var(--time-fajr);--tint-ink:var(--time-fajr-ink)}.day[data-time=dhuhr]{--tint:var(--time-dhuhr);--tint-ink:var(--time-dhuhr-ink)}.day[data-time=asr]{--tint:var(--time-asr);--tint-ink:var(--time-asr-ink)}.day[data-time=maghrib]{--tint:var(--time-maghrib);--tint-ink:var(--time-maghrib-ink)}.day[data-time=isha]{--tint:var(--time-isha);--tint-ink:var(--time-isha-ink)}.day-head{max-width:720px;margin-bottom:40px}.day-head .eyebrow{color:var(--tint-ink)}.day-head h2{letter-spacing:-.03em;margin-top:10px;font-size:clamp(32px,4.6vw,56px);font-weight:800}.day-grid{grid-template-columns:.9fr 1.1fr;gap:64px;display:grid}.day{--step-h:max(560px, 72vh);--pw:clamp(220px, calc((100vh - 150px) / 2.3), 300px);--ph:calc(var(--pw) * 1298 / 600 + 30px)}.day-phone{top:max(calc(env(safe-area-inset-top,0px) + 76px), calc(50vh - var(--ph) / 2));--pm:max(0px, calc((var(--step-h) - var(--ph)) / 2));margin:var(--pm) 0 calc(var(--pm) - 15px);flex-direction:column;align-self:start;align-items:center;gap:20px;display:flex;position:sticky}.day-phone .phone{width:var(--pw);aspect-ratio:600/1298}.day-phone .phone img{opacity:0;width:calc(100% - 16px);transition:opacity .35s var(--ease), transform .35s var(--ease);position:absolute;inset:8px;transform:scale(.96)}.day-phone .phone img.on{opacity:1;transform:none}.day-progress{gap:8px;display:flex}.day-progress span{background:color-mix(in srgb, var(--tint-ink) 30%, transparent);width:10px;height:10px;transition:width .4s var(--ease), background .4s var(--ease);border-radius:999px}.day-progress span.on{background:var(--tint-ink);width:32px}.day-steps{margin:0;padding:0;list-style:none}.step{min-height:var(--step-h);opacity:.25;transition:opacity .4s var(--ease);flex-direction:column;justify-content:center;padding:24px 0;display:flex}.step.active{opacity:1}.step-ar{font-family:"Readex Pro", var(--sans);color:var(--tint-ink);margin-bottom:-4px;font-size:clamp(64px,9vw,120px);line-height:1.5}.step .eyebrow{color:var(--tint-ink)}.step h3{letter-spacing:-.025em;margin:8px 0 14px;font-size:clamp(28px,3.4vw,42px);font-weight:800}.step p{max-width:30em;color:var(--ink);opacity:.85;font-size:18px}.tags{flex-wrap:wrap;gap:8px;margin:20px 0 0;padding:0;list-style:none;display:flex}.tags li{background:color-mix(in srgb, var(--surface) 70%, transparent);border-radius:999px;padding:8px 14px;font-size:14px;font-weight:700}.step-shot{display:none}@media (width<=860px){.day-grid{grid-template-columns:1fr}.day-phone{display:none}.step{opacity:1;min-height:0;margin:0;padding:40px 0}.step-shot{width:240px;margin:28px auto 0;display:block}}.section{padding:112px 0}.section-head{max-width:680px;margin-bottom:48px}.section-head h2{letter-spacing:-.03em;margin:10px 0 14px;font-size:clamp(32px,4.6vw,56px);font-weight:800}.section-head p{color:var(--ink-muted);font-size:18px}.center{text-align:center;margin-left:auto;margin-right:auto}.bento{grid-template-columns:repeat(6,1fr);gap:16px;display:grid}.tile{background:var(--surface);border-radius:var(--radius-lg);min-height:280px;box-shadow:var(--shadow-1);transition:transform .26s var(--ease), box-shadow .26s var(--ease);flex-direction:column;justify-content:space-between;gap:24px;padding:28px;display:flex;position:relative;overflow:hidden}.tile:hover{box-shadow:var(--shadow-2);transform:translateY(-4px)}.tile h3{margin-bottom:6px;font-size:20px;font-weight:800}.tile p{color:var(--ink-muted);font-size:15px}.t-qibla{background:var(--primary-soft);grid-column:span 2}.t-tasbih{background:var(--quran-soft);grid-column:span 2}.t-hijri{background:var(--accent-soft);grid-column:span 2}.t-masjid,.t-himmah,.t-library{grid-column:span 2}.t-qada{background:var(--time-maghrib);grid-column:span 2}.qada{gap:6px;margin:0;padding:0;list-style:none;display:grid}.qada li{background:color-mix(in srgb, var(--surface) 75%, transparent);border-radius:12px;align-items:center;gap:10px;padding:8px 12px;font-size:15px;display:flex}.qada li span{flex:1;font-weight:600}.qada li b{font-variant-numeric:tabular-nums}.qada li i{color:var(--primary);background:var(--primary-soft);animation:qada-pop 4s var(--ease) infinite;border-radius:999px;padding:3px 8px;font-size:12px;font-style:normal;font-weight:700}@keyframes qada-pop{0%,60%,to{transform:none}70%{transform:scale(1.12)}}.t-lang{flex-direction:row;grid-column:span 4;align-items:center;min-height:0}@media (width<=960px){.bento{grid-template-columns:repeat(2,1fr)}.tile,.t-lang{grid-column:span 1}.t-lang,.t-qada{grid-column:span 2}}@media (width<=560px){.bento{grid-template-columns:1fr}.tile,.t-lang,.t-qada{grid-column:span 1}.t-lang{flex-direction:column;align-items:flex-start}}.compass-wrap{align-items:center;gap:16px;display:flex}.compass svg{width:140px;height:140px;overflow:visible}.c-label{color:var(--ink-muted);line-height:1.4;font-size:14px!important}.c-label b{color:var(--primary);font-size:18px;display:block}.c-n{font:700 11px var(--sans);fill:var(--ink-muted);text-anchor:middle}.c-beam{stroke:var(--primary);stroke-width:2px;stroke-dasharray:3 4;opacity:.5}.kaaba{fill:#1b1d1c;stroke:color-mix(in srgb, var(--ink) 25%, transparent);stroke-width:1px}.kaaba-band{fill:#d8b25a}.c-ring{fill:var(--surface);stroke:var(--line);stroke-width:2px}.c-tick{stroke:var(--line-strong);stroke-width:2px;stroke-linecap:round}.n-north{fill:var(--primary)}.n-south{fill:var(--line-strong);opacity:.5}.c-pin{fill:var(--ink)}.needle{transform-origin:70px 70px;animation:7s cubic-bezier(.45,0,.55,1) infinite seek;transform:rotate(260deg)}@keyframes seek{0%{transform:rotate(200deg)}28%{transform:rotate(280deg)}42%{transform:rotate(253deg)}54%{transform:rotate(262deg)}64%,to{transform:rotate(260deg)}}.beads{width:120px;height:120px;position:relative}.beads svg{width:120px;height:120px;transform:rotate(-90deg)}.b-track{fill:none;stroke:color-mix(in srgb, var(--quran) 18%, transparent);stroke-width:10px}.b-fill{fill:none;stroke:var(--quran);stroke-width:10px;stroke-linecap:round;stroke-dasharray:33;stroke-dashoffset:0;transition:stroke-dashoffset .4s var(--ease)}.count{text-align:center;place-content:center;line-height:1;display:grid;position:absolute;inset:0}.count b{color:var(--quran);font-variant-numeric:tabular-nums;font-size:34px;font-weight:800}.count span{color:var(--ink-muted);margin-top:4px;font-size:12px}.ar-dhikr{font-family:"Readex Pro", var(--sans);margin-top:8px;color:var(--quran)!important;font-size:22px!important}.hdate{flex-direction:column;display:flex}.hdate b{letter-spacing:-.05em;color:var(--accent);font-variant-numeric:tabular-nums;margin-top:8px;font-size:88px;font-weight:800;line-height:1}.hdate .hm{letter-spacing:-.01em;font-size:22px;font-weight:800}.hdate .sub{color:var(--ink-muted);margin-top:2px;font-size:14px}.pin{width:120px;height:120px;color:var(--primary);place-items:center;display:grid;position:relative}.pin span{border:2px solid var(--primary);opacity:0;border-radius:50%;animation:2.4s cubic-bezier(0,0,.2,1) infinite ping;position:absolute;inset:30px}.pin span:nth-child(2){animation-delay:1.2s}@keyframes ping{0%{opacity:.8;transform:scale(.4)}to{opacity:0;transform:scale(1.6)}}.pin .icon{animation:hop 2.4s var(--ease) infinite}@keyframes hop{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-8px)}}.ring{place-items:center;width:120px;height:120px;display:grid;position:relative}.ring svg{position:absolute;inset:0;transform:rotate(-90deg)}.ring b{color:var(--accent);font-size:34px;font-weight:800}.r-track{fill:none;stroke:var(--accent-soft);stroke-width:10px}.r-fill{fill:none;stroke:var(--accent-fill);stroke-width:10px;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:28px}.js-reveal .t-himmah:not(.in) .r-fill{stroke-dashoffset:100px}.t-himmah .r-fill{transition:stroke-dashoffset 1.4s cubic-bezier(.2,0,0,1) .2s}.refs{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.refs span{background:var(--quran-soft);color:var(--quran);border-radius:10px;padding:8px 12px;font-size:14px;font-weight:700}.refs span:nth-child(2){margin-left:24px}.refs span:nth-child(3){margin-left:8px}.greet{flex:1;min-width:0;height:64px;position:relative}.greet span{letter-spacing:-.02em;opacity:0;transition:opacity .5s var(--ease), transform .5s var(--ease);align-items:center;font-size:clamp(28px,4vw,44px);font-weight:800;display:flex;position:absolute;inset:0;transform:translateY(12px)}.greet span[lang=ar],.greet span[lang=ur]{font-family:"Readex Pro", var(--sans);font-weight:500}.greet span.on{opacity:1;transform:none}.t-lang>div:last-child{flex:1;min-width:0}.js-reveal .reveal{transition:transform .7s cubic-bezier(.05, .7, .1, 1), opacity .7s var(--ease)}.js-reveal .reveal:not(.in){opacity:.2;transform:translateY(24px)}.privacy{padding-top:0}.privacy-inner{--night:#12182b;--night-ink:#e9ecf8;background:radial-gradient(80% 120% at 85% 0%, #2a3566, transparent 60%), var(--night);color:var(--night-ink);border-radius:var(--radius-xl);grid-template-columns:1fr 1fr;align-items:center;gap:48px;padding:72px 56px;display:grid;position:relative;overflow:hidden}.privacy-inner:after{content:"";opacity:.9;border-radius:50%;width:44px;height:44px;position:absolute;top:12px;right:36px;box-shadow:-10px 6px #f3e6c4}.privacy-copy .eyebrow{color:#c9c3f0}.privacy-copy h2{letter-spacing:-.03em;margin:10px 0 16px;font-size:clamp(32px,4.4vw,52px);font-weight:800}.privacy-copy p{opacity:.85;max-width:28em;font-size:18px}.promises{grid-template-columns:1fr 1fr;gap:14px;margin:0;padding:0;list-style:none;display:grid}.promise{border-radius:var(--radius-md);background:#ffffff0f;border:1px solid #ffffff1a;flex-direction:column;gap:6px;padding:22px;display:flex}.promise svg{color:#9ee6b5;margin-bottom:8px}.promise b{letter-spacing:-.02em;color:#9ee6b5;font-size:clamp(20px,2vw,24px);font-weight:800;line-height:1.15}.promise span{opacity:.8;font-size:15px;font-weight:500;line-height:1.45}@media (width<=520px){.promises{grid-template-columns:1fr}}@media (width<=860px){.privacy-inner{grid-template-columns:1fr;padding:48px 24px}.privacy-inner:after{top:24px;right:28px}}.cta{isolation:isolate;text-align:center;border-radius:var(--radius-xl);box-shadow:var(--shadow-2);padding:80px 24px;position:relative;overflow:hidden}.cta>:not(.sky){z-index:1;position:relative}.cta .cta-mark{box-shadow:var(--shadow-hero);border-radius:24px;margin:0 auto 24px;display:block}.cta h2{letter-spacing:-.03em;margin-bottom:12px;font-size:clamp(32px,4.6vw,56px);font-weight:800}.cta p{color:var(--ink-muted);margin-bottom:28px;font-size:18px}.cta .stores{justify-content:center}.spotlight .eyebrow{align-items:center;gap:6px;display:inline-flex}.spots{grid-template-columns:1fr 1fr;gap:16px;display:grid}.spot{background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-1);padding:28px 32px 36px;position:relative}.spot h3{letter-spacing:-.02em;margin:10px 0;font-size:clamp(24px,2.6vw,30px);font-weight:800}.spot p{color:var(--ink-muted);max-width:34em;font-size:17px}.badge-plus{background:var(--accent-soft);color:var(--accent);letter-spacing:.02em;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:800;display:inline-block}.spot-ui{border-radius:var(--radius-lg);background:linear-gradient(160deg, var(--time-dhuhr), var(--time-asr));place-items:center;height:300px;margin:0 -8px 20px;padding:20px;display:grid;overflow:hidden}.quiet-card,.jamaat-card{background:var(--surface);width:min(340px,100%);box-shadow:var(--shadow-hero);border-radius:20px;padding:18px}.quiet-top{align-items:center;gap:12px;display:flex}.quiet-top div{flex-direction:column;flex:1;display:flex}.quiet-top b{font-size:17px}.quiet-top small{color:var(--ink-muted);font-size:13px}.quiet-icon{background:var(--primary-soft);width:44px;height:44px;color:var(--primary);border-radius:14px;place-items:center;display:grid;position:relative}.quiet-icon>span{place-items:center;display:grid;position:absolute}.v-on{animation:v-on 6s var(--ease) infinite}.v-off{opacity:0;animation:v-off 6s var(--ease) infinite}@keyframes v-on{0%,30%{opacity:1;transform:none}40%,90%{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}@keyframes v-off{0%,30%{opacity:0;transform:scale(.7)}40%,90%{opacity:1;transform:none}to{opacity:0;transform:scale(.7)}}.toggle{background:color-mix(in srgb, var(--ink) 18%, transparent);width:46px;height:28px;animation:tg-bg 6s var(--ease) infinite;border-radius:999px;position:relative}.toggle i{width:22px;height:22px;animation:tg-knob 6s var(--ease) infinite;background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}@keyframes tg-bg{0%,30%{background:color-mix(in srgb, var(--ink) 18%, transparent)}40%,90%{background:var(--primary)}to{background:color-mix(in srgb, var(--ink) 18%, transparent)}}@keyframes tg-knob{0%,30%{transform:none}40%,90%{transform:translate(18px)}to{transform:none}}.quiet-bar{background:color-mix(in srgb, var(--ink) 10%, transparent);border-radius:999px;height:8px;margin-top:18px;position:relative;overflow:hidden}.quiet-bar span{background:var(--primary);width:0;animation:qbar 6s var(--ease) infinite;border-radius:999px;position:absolute;top:0;bottom:0;left:40%}@keyframes qbar{0%,30%{width:0}45%,90%{width:30%}to{width:0}}.quiet-scale{color:var(--ink-muted);justify-content:space-between;margin-top:6px;font-size:12px;display:flex}.jamaat-head{color:var(--primary);align-items:center;gap:8px;margin-bottom:10px;display:flex}.jamaat-head b{color:var(--ink);flex:1}.jamaat-head small{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:700}.jamaat-card ul{gap:2px;margin:0;padding:0;list-style:none;display:grid}.jamaat-card li{border-radius:10px;align-items:baseline;gap:8px;padding:6px 10px;font-size:15px;display:flex}.jamaat-card li span{flex:1}.jamaat-card li em{color:var(--primary);font-size:12px;font-style:normal;font-weight:700}.jamaat-card li.next{background:var(--primary-soft);box-shadow:inset 3px 0 0 var(--primary);animation:next-pulse 3s var(--ease) infinite}@keyframes next-pulse{50%{background:color-mix(in srgb, var(--primary-soft) 60%, var(--surface))}}@media (width<=760px){.spots{grid-template-columns:1fr}.spot{padding:22px 20px 28px}}@media (prefers-reduced-motion:reduce){.qada li i,.v-on,.v-off,.toggle,.toggle i,.quiet-bar span,.jamaat-card li.next{animation:none}.v-on{opacity:0}.v-off{opacity:1}.toggle{background:var(--primary)}.toggle i{transform:translate(18px)}.quiet-bar span{width:30%}}.plus{grid-template-columns:1fr 1fr;gap:16px;display:grid}.plan{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);padding:32px}.plan.plus-plan{background:var(--accent-soft)}.plan h3{margin-bottom:4px;font-size:24px;font-weight:800}.plan .price{color:var(--ink-muted);margin-bottom:20px}.plan ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.plan li{gap:10px;display:flex}.plan li .icon{color:var(--primary);flex:none;margin-top:2px}.plan.plus-plan li .icon{color:var(--accent)}@media (width<=760px){.plus{grid-template-columns:1fr}}.faq{gap:12px;max-width:760px;margin:0 auto;display:grid}.faq details{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-1)}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;font-size:17px;font-weight:700;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--primary);transition:transform .26s var(--ease);font-size:24px;font-weight:400}.faq details[open] summary:after{transform:rotate(45deg)}.faq details p{color:var(--ink-muted);padding:0 24px 22px}.footer{border-top:1px solid var(--line);margin-top:96px;padding:48px 0 32px}.footer-inner{flex-wrap:wrap;justify-content:space-between;gap:40px;display:flex}.footer-brand p{color:var(--ink-muted);max-width:22em;margin-top:12px;font-size:15px}.footer-links{flex-wrap:wrap;gap:56px;display:flex}.footer-links h2{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted);margin-bottom:12px;font-size:13px}.footer-links a{color:var(--ink);padding:4px 0;font-size:15px;text-decoration:none;display:block}.footer-links a:hover{color:var(--primary)}.footer-legal{color:var(--ink-muted);flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:40px;font-size:13px;display:flex}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation:none!important}.day-phone .phone img{transition:none}}.feat-hero{background:linear-gradient(180deg, var(--bg), var(--primary-soft) 140%);padding:40px 0 72px}.feat-hero-inner{grid-template-columns:1.15fr .85fr;align-items:center;gap:48px;display:grid}.crumbs{color:var(--ink-muted);align-items:center;gap:6px;margin-bottom:24px;font-size:14px;display:flex}.crumbs a{color:var(--primary);font-weight:700;text-decoration:none}.feat-hero .eyebrow{align-items:center;gap:6px;display:inline-flex}.feat-hero h1{letter-spacing:-.04em;margin:12px 0 20px;font-size:clamp(38px,5.4vw,68px);font-weight:800;line-height:1.02}.feat-hero .lede{color:var(--ink-muted);max-width:32em;margin-bottom:28px;font-size:19px}.feat-hero .hero-note{color:var(--ink-muted);margin-top:14px;font-size:14px}.feat-phone{justify-content:center;display:flex}.feat-phone .phone{width:min(290px,70vw)}.feat-body{padding-top:72px}.feat-prose{gap:56px;max-width:760px;display:grid}.feat-prose h2{letter-spacing:-.025em;margin-bottom:14px;font-size:clamp(26px,3vw,36px);font-weight:800}.feat-prose p{color:var(--ink-muted);margin-bottom:14px;font-size:18px}.feat-prose ul{gap:10px;margin:18px 0 0;padding:0;list-style:none;display:grid}.feat-prose li{gap:10px;font-size:17px;display:flex}.feat-prose li svg{color:var(--primary);flex:none;margin-top:3px}.related{grid-template-columns:repeat(3,1fr);gap:14px;max-width:980px;margin:0 auto;padding:0;list-style:none;display:grid}.related a{border-radius:var(--radius-md);background:var(--surface);height:100%;box-shadow:var(--shadow-1);color:var(--ink);transition:transform .2s var(--ease), box-shadow .2s var(--ease);align-items:flex-start;gap:12px;padding:20px;text-decoration:none;display:flex}.related a:hover{box-shadow:var(--shadow-2);transform:translateY(-3px)}.related a>svg:first-child{color:var(--primary);flex:none}.related a>svg:last-child{color:var(--ink-muted);flex:none;margin-top:2px}.related span{flex-direction:column;flex:1;gap:4px;display:flex}.related small{color:var(--ink-muted);font-size:14px;line-height:1.45}@media (width<=860px){.feat-hero-inner{grid-template-columns:1fr}.feat-phone{order:-1}.feat-phone .phone{width:220px}.related{grid-template-columns:1fr}}.tile-link{color:inherit;text-decoration:none}.tile-link:after{content:"";border-radius:inherit;position:absolute;inset:0}.tile-link:hover{text-underline-offset:3px;text-decoration:underline}.step .more{color:var(--tint-ink);align-items:center;gap:6px;margin-top:18px;font-weight:700;text-decoration:none;display:inline-flex}.step .more:hover{text-underline-offset:3px;text-decoration:underline}