@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/0b1dc8ddaa74ba49-s.0e__wj8580tc5.woff2)format("woff2");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;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/e629b5bc06499d58-s.10u7vx61f1ie7.woff2)format("woff2");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;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/1a099d89ee94ee96-s.35a5cae5tspm2.woff2)format("woff2");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;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/fba5a26ea33df6a3-s.p.18rizl4rsrl42.woff2)format("woff2");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:Plus Jakarta Sans Fallback;src:local(Arial);ascent-override:98.88%;descent-override:21.15%;line-gap-override:0.0%;size-adjust:104.98%}.plus_jakarta_sans_9e7d9690-module__wa7emG__className{font-family:Plus Jakarta Sans,Plus Jakarta Sans Fallback;font-style:normal}.plus_jakarta_sans_9e7d9690-module__wa7emG__variable{--font-sans:"Plus Jakarta Sans", "Plus Jakarta Sans Fallback"}
:root{--primary:#059669;--primary-hover:#047857;--primary-dark:#064e3b;--primary-light:#05966914;--primary-glow:#05966933;--gold:#d97706;--gold-hover:#b45309;--gold-light:#d977061a;--bg-page:#f8fafc;--bg-surface:#fff;--bg-surface-subtle:#f1f5f9;--border-subtle:#e2e8f0;--border-card:#e2e8f0e6;--text-main:#0f172a;--text-body:#334155;--text-muted:#64748b;--shadow-sm:0 1px 3px #0000000d, 0 1px 2px #00000008;--shadow-card:0 10px 30px -5px #0f172a0f, 0 4px 6px -2px #0f172a08;--shadow-card-hover:0 20px 40px -10px #0596691f, 0 8px 16px -4px #0f172a0f;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}html,body{background-color:var(--bg-page);color:var(--text-body);font-family:var(--font-sans);scroll-behavior:smooth;-webkit-tap-highlight-color:transparent;width:100%;margin:0;padding:0;overflow-x:hidden}*{box-sizing:border-box}.ambient-glow{pointer-events:none;z-index:-1;background:radial-gradient(circle at 15% 15%,#0596690d 0%,#0000 50%),radial-gradient(circle at 85% 65%,#d977060a 0%,#0000 45%),radial-gradient(circle at 50% 100%,#05966908 0%,#0000 60%);position:fixed;inset:0}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.25rem}@media (min-width:768px){.container{padding:0 2rem}}.site-header{z-index:50;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);background:#ffffffe6;position:sticky;top:0;box-shadow:0 1px 3px #00000008}.nav-container{justify-content:space-between;align-items:center;gap:1rem;height:68px;display:flex}.brand-logo{color:var(--text-main);letter-spacing:-.02em;flex-shrink:0;align-items:center;gap:.65rem;font-size:1.25rem;font-weight:800;text-decoration:none;display:flex}.brand-name{color:var(--text-main);font-weight:800}.nav-actions-wrap{align-items:center;gap:.75rem;display:flex}@media (min-width:768px){.nav-actions-wrap{gap:1.25rem}}.desktop-nav{display:none}@media (min-width:900px){.desktop-nav{display:block}}.nav-links{align-items:center;gap:1.75rem;margin:0;padding:0;list-style:none;display:flex}.nav-link{color:var(--text-muted);font-size:.92rem;font-weight:600;text-decoration:none;transition:color .2s}.nav-link:hover{color:var(--primary)}.nav-cta-btn{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#059669 0%,#047857 100%);border-radius:10px;flex-shrink:0;align-items:center;gap:.45rem;padding:.55rem 1rem;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #05966940}.nav-cta-btn:hover{background:linear-gradient(135deg,#047857 0%,#065f46 100%);transform:translateY(-1px);box-shadow:0 6px 20px #05966959}@media (max-width:480px){.cta-btn-text{display:none}.nav-cta-btn{border-radius:8px;padding:.5rem}}.hero-section{padding:3.5rem 0 4.5rem;position:relative;overflow:hidden}@media (min-width:768px){.hero-section{padding:5rem 0 6rem}}@media (min-width:1024px){.hero-section{padding:6rem 0 7.5rem}}.hero-grid{grid-template-columns:1fr;align-items:center;gap:3rem;display:grid}@media (min-width:992px){.hero-grid{grid-template-columns:1.15fr .85fr;gap:3.5rem}}.hero-content{text-align:center}@media (min-width:992px){.hero-content{text-align:left}}.badge-tag{color:#047857;background:#05966914;border:1px solid #05966938;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.4rem 1rem;font-size:.82rem;font-weight:700;display:inline-flex}.badge-dot{background-color:#059669;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #05966966}.hero-title{color:var(--text-main);letter-spacing:-.035em;margin:0 0 1.25rem;font-size:2.35rem;font-weight:900;line-height:1.18}@media (min-width:640px){.hero-title{font-size:2.85rem}}@media (min-width:1024px){.hero-title{font-size:3.4rem}}.highlight{background:linear-gradient(135deg,#059669 0%,#047857 50%,#d97706 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-subtitle{color:var(--text-body);max-width:580px;margin:0 auto 2rem;font-size:1.05rem;line-height:1.7}@media (min-width:768px){.hero-subtitle{font-size:1.15rem}}@media (min-width:992px){.hero-subtitle{margin-left:0;margin-right:0}}.hero-actions{flex-direction:column;justify-content:center;align-items:center;gap:.95rem;margin-bottom:2.5rem;display:flex}@media (min-width:480px){.hero-actions{flex-flow:wrap}}@media (min-width:992px){.hero-actions{justify-content:flex-start}}.btn-playstore{color:#fff;background:#0f172a;border:1px solid #1e293b;border-radius:14px;justify-content:center;align-items:center;gap:.85rem;width:100%;max-width:280px;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 6px 20px #0f172a2e}@media (min-width:480px){.btn-playstore{width:auto;max-width:none}}.btn-playstore:hover{background:#020617;border-color:#059669;transform:translateY(-2px);box-shadow:0 10px 25px #0f172a40}.btn-playstore-text{text-align:left}.btn-playstore-text small{text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;font-size:.68rem;display:block}.btn-playstore-text strong{font-size:1.08rem;font-weight:700;line-height:1.2;display:block}.btn-secondary{border:1.5px solid var(--border-subtle);color:var(--text-main);box-shadow:var(--shadow-sm);background:#fff;border-radius:14px;justify-content:center;align-items:center;gap:.5rem;width:100%;max-width:280px;padding:.85rem 1.5rem;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}@media (min-width:480px){.btn-secondary{width:auto;max-width:none}}.btn-secondary:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.hero-stats{border-top:1px solid var(--border-subtle);justify-content:center;align-items:center;gap:1.5rem;padding-top:1.75rem;display:flex}@media (min-width:992px){.hero-stats{justify-content:flex-start;gap:2.5rem}}.stat-item strong{color:var(--text-main);font-size:1.3rem;font-weight:800;display:block}@media (min-width:640px){.stat-item strong{font-size:1.45rem}}.stat-item span{color:var(--text-muted);font-size:.8rem;font-weight:500}.hero-mockup-container{justify-content:center;width:100%;display:flex}.phone-mockup-wrapper{justify-content:center;width:100%;max-width:340px;display:flex;position:relative}.floating-badge{color:var(--text-main);z-index:20;background:#fff;border-radius:9999px;align-items:center;gap:.6rem;padding:.65rem 1.15rem;font-size:.84rem;font-weight:700;display:none;position:absolute;box-shadow:0 15px 35px #00000014,0 4px 10px #00000008}@media (min-width:768px){.floating-badge{display:flex}}.floating-badge-left{border:1px solid #05966940;top:16%;left:-40px}.floating-badge-right{border:1px solid #d9770640;bottom:18%;right:-35px}.phone-device-frame{background:#0f172a;border:3.5px solid #334155;border-radius:44px;width:100%;max-width:340px;height:680px;padding:10px;position:relative;box-shadow:0 25px 60px -10px #0f172a40,0 10px 30px #0596691f}@media (max-width:380px){.phone-device-frame{border-radius:36px;height:640px;padding:8px}}.phone-island{z-index:30;background:#000;border-radius:14px;justify-content:space-between;align-items:center;width:110px;height:22px;padding:0 10px;display:flex;position:absolute;top:15px;left:50%;transform:translate(-50%)}.island-lens{opacity:.8;background:#059669;border-radius:50%;width:8px;height:8px}.island-sensor{background:#1e293b;border-radius:50%;width:9px;height:9px}.phone-inner-screen{color:#f8fafc;-webkit-user-select:none;user-select:none;background:#022c22;border-radius:34px;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.screen-status-bar{background:linear-gradient(#022c22fa,#022c22d9);border-bottom:1px solid #ffffff14;padding:2.2rem .9rem .5rem}.status-row{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.status-location{color:#34d399;align-items:center;gap:4px;font-size:.75rem;font-weight:700;display:flex}.status-astronomy{color:#94a3b8;align-items:center;gap:4px;font-size:.68rem;display:flex}.status-date-row{justify-content:space-between;align-items:center;display:flex}.status-date-text{color:#cbd5e1;font-size:.72rem;font-weight:600}.status-offline-badge{color:#34d399;background:#10b98133;border-radius:4px;padding:1px 6px;font-size:.62rem;font-weight:700}.screen-countdown-wrap{padding:.55rem .75rem .25rem}.screen-countdown-card{background:linear-gradient(135deg,#064e3bd9,#0f172aeb);border:1px solid #34d39959;border-radius:14px;padding:.7rem .85rem;box-shadow:0 8px 20px #00000059}.countdown-header-row{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.countdown-label{color:#94a3b8;font-size:.68rem;font-weight:600}.countdown-prayer-name{color:#fbbf24;font-size:.74rem;font-weight:800}.countdown-timer-row{justify-content:space-between;align-items:baseline;display:flex}.countdown-digits{letter-spacing:-.02em;color:#fff;font-family:monospace;font-size:1.55rem;font-weight:900}.countdown-note{color:#34d399;font-size:.62rem;font-weight:600}.countdown-dots-bar{border-top:1px solid #ffffff14;justify-content:space-between;margin-top:7px;padding-top:5px;display:flex}.prayer-dot-col{text-align:center}.prayer-dot-name{color:#94a3b8;font-size:.56rem;font-weight:500}.prayer-dot-name.active{color:#34d399;font-weight:800}.prayer-dot-time{color:#64748b;font-family:monospace;font-size:.58rem}.prayer-dot-time.active{color:#fff;font-weight:700}.screen-anchor-pills{scrollbar-width:none;gap:4px;margin:2px 0;padding:0 .75rem;display:flex;overflow-x:auto}.screen-anchor-pills::-webkit-scrollbar{display:none}.anchor-pill-btn{color:#94a3b8;cursor:pointer;background:#0f172a99;border:1px solid #ffffff14;border-radius:6px;flex-shrink:0;align-items:center;gap:3px;padding:3px 7px;font-size:.6rem;font-weight:500;transition:all .2s;display:flex}.anchor-pill-btn.selected{color:#fff;background:#064e3bf2;border-color:#34d399;font-weight:800}.anchor-natural-dot{background:#34d399;border-radius:50%;width:4px;height:4px}.screen-timeline-list{flex-direction:column;flex:1;gap:.45rem;padding:.35rem .75rem;display:flex;overflow-y:auto}.timeline-anchor-header{justify-content:space-between;align-items:center;margin:1px 0;display:flex}.anchor-header-title{text-transform:uppercase;letter-spacing:.04em;color:#fbbf24;align-items:center;gap:5px;font-size:.66rem;font-weight:800;display:flex}.anchor-reset-btn{color:#34d399;cursor:pointer;background:0 0;border:none;font-size:.58rem;text-decoration:underline}.amalan-card{cursor:pointer;background:#0f172abf;border:1px solid #ffffff14;border-radius:10px;justify-content:space-between;align-items:center;padding:.55rem .7rem;transition:all .2s;display:flex}.amalan-card.done{background:#064e3bd9;border-color:#34d39980}.amalan-card-left{align-items:center;gap:.6rem;min-width:0;display:flex}.amalan-checkbox{background:#ffffff14;border:1.5px solid #64748b;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.amalan-checkbox.checked{background:#059669;border-color:#34d399}.amalan-texts{min-width:0}.amalan-texts h6{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.74rem;font-weight:700;overflow:hidden}.amalan-texts p{color:#cbd5e1;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.62rem;overflow:hidden}.amalan-badge{border-radius:4px;flex-shrink:0;margin-left:4px;padding:2px 5px;font-size:.54rem;font-weight:800}.screen-bottom-nav{background:#090d16fa;border-top:1px solid #ffffff14;justify-content:space-around;align-items:center;height:52px;padding:0 4px;display:flex}.bottom-nav-item{text-align:center;color:#64748b}.bottom-nav-item.active{color:#34d399}.bottom-nav-item svg{margin:0 auto}.bottom-nav-item span{font-size:.56rem;display:block}.bottom-nav-item.active span{font-weight:800}.section{padding:4.5rem 0;position:relative}@media (min-width:768px){.section{padding:6rem 0}}.section-header{text-align:center;max-width:680px;margin:0 auto 3.5rem}.section-tag{color:var(--primary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.75rem;font-size:.85rem;font-weight:800;display:inline-block}.section-title{color:var(--text-main);letter-spacing:-.03em;margin:0 0 1rem;font-size:2rem;font-weight:900}@media (min-width:640px){.section-title{font-size:2.5rem}}.section-desc{color:var(--text-body);margin:0;font-size:1rem;line-height:1.7}@media (min-width:768px){.section-desc{font-size:1.1rem}}.features-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:640px){.features-grid{grid-template-columns:repeat(2,1fr);gap:1.75rem}}@media (min-width:1024px){.features-grid{grid-template-columns:repeat(3,1fr);gap:2rem}}.feature-card{background:var(--bg-surface);border:1.5px solid var(--border-subtle);box-shadow:var(--shadow-card);border-radius:20px;flex-direction:column;padding:1.75rem;transition:all .25s;display:flex}.feature-card:hover{box-shadow:var(--shadow-card-hover);border-color:#05966966;transform:translateY(-4px)}.feature-icon-box{background:#05966914;border:1.5px solid #05966933;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:1.35rem;font-size:1.45rem;display:flex}.feature-title{color:var(--text-main);margin:0 0 .65rem;font-size:1.2rem;font-weight:800}.feature-desc{color:var(--text-body);flex:1;margin:0 0 1.5rem;font-size:.92rem;line-height:1.65}.feature-pill-list{flex-wrap:wrap;gap:.5rem;display:flex}.feature-sub-pill{background:var(--bg-surface-subtle);border:1px solid var(--border-subtle);color:var(--text-body);border-radius:9999px;padding:.3rem .75rem;font-size:.75rem;font-weight:600}.methodology-box{box-shadow:var(--shadow-card);background:linear-gradient(135deg,#f0fdf4 0%,#fff 50%,#fefce8 100%);border:1.5px solid #05966940;border-radius:28px;grid-template-columns:1fr;align-items:center;gap:2.5rem;padding:2.25rem 1.75rem;display:grid}@media (min-width:992px){.methodology-box{grid-template-columns:1fr 1fr;gap:4rem;padding:4rem}}.methodology-content{flex-direction:column;display:flex}.methodology-title{color:var(--text-main);letter-spacing:-.02em;margin:0 0 1.25rem;font-size:2.15rem;font-weight:800;line-height:1.25}.methodology-desc{color:var(--text-body);margin:0 0 1.75rem;font-size:1.05rem;line-height:1.75}.methodology-pills-wrap{flex-wrap:wrap;gap:1rem;display:flex}.methodology-pill-card{border:1.5px solid var(--border-subtle);background:#fff;border-radius:12px;flex:1;min-width:180px;padding:.85rem 1.25rem;box-shadow:0 2px 8px #0000000a}.pill-title{color:var(--text-main);margin-bottom:2px;font-size:.95rem;font-weight:800;display:block}.pill-subtitle{color:var(--text-muted);font-size:.8rem;line-height:1.4;display:block}.madzhab-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (min-width:480px){.madzhab-grid{grid-template-columns:1fr 1fr}}.madzhab-card{border:1.5px solid var(--border-subtle);background:#fff;border-radius:16px;padding:1.35rem;transition:all .2s;box-shadow:0 4px 15px #0000000a}.madzhab-card:hover{border-color:var(--gold);transform:translateY(-2px);box-shadow:0 8px 20px #d977061f}.madzhab-card h4{color:var(--gold-hover);margin:0 0 .4rem;font-size:1.1rem;font-weight:800}.madzhab-card p{color:var(--text-body);margin:0;font-size:.88rem;line-height:1.55}.faq-list{flex-direction:column;gap:1rem;max-width:780px;margin:0 auto;display:flex}.faq-item{background:var(--bg-surface);border:1.5px solid var(--border-subtle);box-shadow:var(--shadow-sm);border-radius:16px;transition:all .2s;overflow:hidden}.faq-item.active{border-color:var(--primary);box-shadow:0 6px 20px #05966914}.faq-question{width:100%;color:var(--text-main);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;font-size:1rem;font-weight:800;display:flex}@media (min-width:768px){.faq-question{font-size:1.08rem}}.faq-answer{color:var(--text-body);padding:0 1.5rem 1.35rem;font-size:.94rem;line-height:1.75;display:none}.faq-item.active .faq-answer{display:block}.cta-banner{text-align:center;color:#fff;background:linear-gradient(135deg,#064e3b 0%,#047857 50%,#059669 100%);border:1px solid #34d39966;border-radius:28px;padding:3rem 1.75rem;box-shadow:0 25px 50px -10px #05966940}@media (min-width:768px){.cta-banner{padding:4.5rem 2.5rem}}.cta-banner h2{color:#fff!important}.cta-banner p{color:#e2e8f0!important}.site-footer{border-top:1px solid var(--border-subtle);background:#fff;padding:4rem 0 2.5rem}.footer-grid{grid-template-columns:1fr;gap:2rem;margin-bottom:3rem;display:grid}@media (min-width:640px){.footer-grid{grid-template-columns:1.5fr 1fr 1fr}}@media (min-width:992px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1.2fr;gap:3.5rem}}.footer-brand p{color:var(--text-muted);max-width:320px;margin-top:.85rem;font-size:.9rem;line-height:1.65}.footer-col h4{color:var(--text-main);text-transform:uppercase;letter-spacing:.06em;margin:0 0 1.15rem;font-size:.92rem;font-weight:800}.footer-col ul{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.footer-col a{color:var(--text-muted);font-size:.88rem;font-weight:500;text-decoration:none;transition:color .2s}.footer-col a:hover{color:var(--primary)}.footer-bottom{border-top:1px solid var(--border-subtle);text-align:center;color:var(--text-muted);flex-direction:column;gap:.5rem;padding-top:2rem;font-size:.84rem;display:flex}@media (min-width:768px){.footer-bottom{text-align:left;flex-direction:row;justify-content:space-between}}.legal-wrapper{background:var(--bg-surface);border:1.5px solid var(--border-subtle);max-width:800px;box-shadow:var(--shadow-card);border-radius:24px;margin:2.5rem auto 4rem;padding:2rem}@media (min-width:768px){.legal-wrapper{margin:4rem auto 6rem;padding:3.5rem}}.legal-header{border-bottom:1px solid var(--border-subtle);margin-bottom:2rem;padding-bottom:1.5rem}.legal-header h1{color:var(--text-main);margin:0 0 .5rem;font-size:1.85rem;font-weight:900}@media (min-width:768px){.legal-header h1{font-size:2.35rem}}.legal-meta{color:var(--text-muted);font-size:.85rem}.legal-body{color:var(--text-body);font-size:.98rem;line-height:1.85}.legal-body h2{color:var(--text-main);margin:2rem 0 .75rem;font-size:1.3rem;font-weight:800}.legal-callout{border-left:4px solid var(--primary);color:var(--text-main);background:#05966912;border-radius:0 12px 12px 0;margin:1.5rem 0;padding:1.15rem 1.35rem}