:root{--radius: 18px;--font-ar: "IBM Plex Sans Arabic", system-ui, sans-serif;--font-en: "Inter", system-ui, sans-serif;--font-quran: "Amiri", serif;--font-display-en: "Cormorant Garamond", serif;--font-body: var(--font-ar);--font-display: var(--font-quran)}:root[lang=en]{--font-body: var(--font-en);--font-display: var(--font-display-en)}:root[data-theme=light]{--bg: #f7f2e7;--bg-alt: #f1e9d6;--surface: #fffdf7;--ink: #23302a;--muted: #6b6455;--line: #e2d7bf;--primary: #1f6f52;--primary-dark: #17553f;--primary-soft: #e5efe6;--terracotta: #b8502f;--terracotta-soft: #f4e2da;--gold: #c69b3a;--gold-soft: #f5ecd2;--gold-bright: #e0b354;--kids: #d9a51f;--kids-soft: #f9efce;--mid: #c1622e;--mid-soft: #f5e2d5;--adv: #2f8f63;--adv-soft: #dcefe2;--pattern-color: rgba(31, 111, 82, .05);--hero-glow: rgba(198, 155, 58, .14);--shadow: rgba(35, 48, 42, .08)}:root[data-theme=dark]{--bg: #12191a;--bg-alt: #172120;--surface: #1b2624;--ink: #ece5d4;--muted: #9aa39a;--line: #2c3a37;--primary: #4fb488;--primary-dark: #3d8f6b;--primary-soft: #1e2f2a;--terracotta: #e08a63;--terracotta-soft: #2c2320;--gold: #e0b354;--gold-soft: #2a2617;--gold-bright: #f0c96a;--kids: #e6bd4a;--kids-soft: #2a2515;--mid: #e08a5a;--mid-soft: #2c231c;--adv: #4fb488;--adv-soft: #1c2c26;--pattern-color: rgba(224, 179, 84, .05);--hero-glow: rgba(224, 179, 84, .1);--shadow: rgba(0, 0, 0, .35)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--ink);line-height:1.9;font-size:1.0625rem;-webkit-font-smoothing:antialiased;transition:background .4s ease,color .4s ease;background-image:radial-gradient(var(--pattern-color) 1.4px,transparent 1.4px),radial-gradient(var(--pattern-color) 1.4px,transparent 1.4px);background-size:44px 44px;background-position:0 0,22px 22px}:root[lang=en] body{line-height:1.75}.container{width:min(1060px,100% - 2.5rem);margin-inline:auto}section{padding:5.5rem 0;position:relative}h1,h2,h3{font-weight:700;line-height:1.5;letter-spacing:-.01em}h2{font-size:clamp(1.6rem,3.5vw,2.2rem);margin-bottom:.75rem}.section-head{max-width:640px;margin-bottom:3rem}.section-head p{color:var(--muted);font-size:1.1rem}.eyebrow{display:inline-block;color:var(--primary);background:var(--primary-soft);font-size:.85rem;font-weight:500;padding:.3rem .9rem;border-radius:999px;margin-bottom:1.25rem;border:1px solid color-mix(in srgb,var(--primary) 22%,transparent)}.section-head h2:after{content:"❋";display:block;color:var(--gold);font-size:1rem;margin-top:.6rem;opacity:.8}.btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--primary);color:#fff;font-family:inherit;font-size:1.05rem;font-weight:500;padding:.85rem 2.1rem;border:none;border-radius:999px;cursor:pointer;text-decoration:none;transition:background .25s ease,transform .25s ease,box-shadow .25s ease;box-shadow:0 6px 18px color-mix(in srgb,var(--primary) 30%,transparent)}.btn:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 10px 24px color-mix(in srgb,var(--primary) 38%,transparent)}.btn--gold{background:linear-gradient(135deg,var(--gold-bright),var(--gold));color:#3a2e0e;box-shadow:0 6px 18px color-mix(in srgb,var(--gold) 34%,transparent)}.btn--gold:hover{background:linear-gradient(135deg,var(--gold),var(--gold-bright))}.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.site-header .container{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:.9rem}.wordmark{font-family:var(--font-quran);font-size:1.7rem;font-weight:700;color:var(--primary);text-decoration:none;white-space:nowrap}.header-actions{display:flex;align-items:center;gap:.6rem}.icon-btn{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 .75rem;border-radius:999px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);font-family:inherit;font-size:.9rem;font-weight:500;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease}.icon-btn:hover{border-color:var(--gold);transform:translateY(-1px)}.header-cta{font-size:.95rem;padding:.5rem 1.4rem;box-shadow:none}@media(max-width:640px){.header-cta{display:none}}.hero{text-align:center;padding:6.5rem 0 5rem;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 55% at 50% 0%,var(--hero-glow),transparent 70%);pointer-events:none}.hero .container{position:relative}.hero h1{font-size:clamp(2.1rem,5.5vw,3.4rem);max-width:760px;margin-inline:auto;margin-bottom:1.25rem}.hero h1 em{font-style:normal;color:var(--terracotta)}.hero .lead{color:var(--muted);font-size:1.2rem;max-width:620px;margin-inline:auto;margin-bottom:2.25rem}.hero .hint{display:block;margin-top:1rem;color:var(--muted);font-size:.9rem}.demo{padding-top:3.5rem}.demo-card{background:var(--surface);border:1px solid var(--line);border-radius:calc(var(--radius) + 6px);padding:clamp(1.5rem,4vw,3rem);max-width:780px;margin-inline:auto;box-shadow:0 18px 50px var(--shadow);position:relative}.demo-card:before,.demo-card:after{content:"";position:absolute;width:34px;height:34px;border:2px solid var(--gold);opacity:.55}.demo-card:before{top:12px;inset-inline-start:12px;border-inline-end:none;border-bottom:none;border-start-start-radius:10px}.demo-card:after{bottom:12px;inset-inline-end:12px;border-inline-start:none;border-top:none;border-end-end-radius:10px}.ayah{font-family:var(--font-quran);font-size:clamp(1.7rem,4vw,2.4rem);text-align:center;line-height:2.1;margin-bottom:.35rem;color:var(--ink);direction:rtl}.ayah-ref{display:block;text-align:center;color:var(--gold);font-size:.95rem;margin-bottom:2rem;font-weight:500}.level-tabs{display:flex;justify-content:center;gap:.6rem;flex-wrap:wrap;margin-bottom:1.75rem}.level-tab{font-family:inherit;font-size:.98rem;font-weight:500;padding:.5rem 1.5rem;border-radius:999px;border:1.5px solid var(--line);background:transparent;color:var(--muted);cursor:pointer;transition:all .25s ease}.level-tab[aria-selected=true]{background:var(--primary-soft);border-color:var(--primary);color:var(--primary-dark)}.level-panel{font-size:1.1rem;color:var(--ink);animation:panelIn .4s ease;text-align:start}.level-panel[hidden]{display:none}.level-panel .sources{display:block;margin-top:1rem;color:var(--muted);font-size:.9rem}@keyframes panelIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.verse-picker{display:grid;grid-template-columns:2fr 1fr 1.4fr;gap:1rem;margin-bottom:2rem}.picker-field{position:relative;text-align:start}.picker-field label{display:block;font-size:.85rem;color:var(--muted);margin-bottom:.4rem}.picker-field input,.picker-field select{width:100%;font-family:inherit;font-size:1rem;padding:.7rem 1rem;border-radius:12px;border:1.5px solid var(--line);background:var(--bg);color:var(--ink)}.picker-field input:focus,.picker-field select:focus{outline:none;border-color:var(--primary)}.picker-field select:disabled{color:var(--muted);cursor:not-allowed}.picker-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-family:inherit;font-size:1rem;padding:.7rem 1rem;border-radius:12px;border:1.5px solid var(--line);background:var(--bg);color:var(--ink);cursor:pointer;text-align:start;min-height:48px}.picker-trigger:hover,.picker-trigger[aria-expanded=true]{border-color:var(--primary)}.picker-trigger:focus-visible{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 22%,transparent)}.picker-trigger-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker-caret{flex-shrink:0;color:var(--muted);font-size:.85rem;transition:transform .2s ease}.picker-trigger[aria-expanded=true] .picker-caret{transform:rotate(180deg)}.surah-results{position:absolute;z-index:10;top:calc(100% + .35rem);inset-inline:0;max-height:320px;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 30px var(--shadow);list-style:none;padding:.4rem}.surah-results li{display:flex;justify-content:space-between;align-items:baseline;padding:.6rem .8rem;border-radius:8px;cursor:pointer;font-size:.98rem}.surah-results li:hover{background:var(--primary-soft)}.surah-results li[aria-selected=true]{background:var(--primary-soft);color:var(--primary-dark);font-weight:600}.surah-results .surah-meta{color:var(--muted);font-size:.82rem;font-weight:400}.demo-hint{text-align:center;color:var(--muted);padding:1.5rem 0}.points{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.point{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:2rem 1.75rem;transition:transform .25s ease,box-shadow .25s ease}.point:hover{transform:translateY(-3px);box-shadow:0 14px 30px var(--shadow)}.point .icon{font-size:1.6rem;margin-bottom:.75rem;display:block}.point h3{font-size:1.15rem;margin-bottom:.5rem}.point p{color:var(--muted);font-size:1rem}.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.tier{border-radius:var(--radius);padding:2.25rem 1.75rem;border:1px solid var(--line);background:var(--surface);border-top:5px solid var(--line);transition:transform .25s ease,box-shadow .25s ease}.tier:hover{transform:translateY(-3px);box-shadow:0 14px 30px var(--shadow)}.tier.kids{border-top-color:var(--kids)}.tier.mid{border-top-color:var(--mid)}.tier.adv{border-top-color:var(--adv)}.tier .badge{display:inline-block;font-size:.82rem;font-weight:500;padding:.25rem .85rem;border-radius:999px;margin-bottom:1rem}.tier.kids .badge{background:var(--kids-soft);color:var(--kids)}.tier.mid .badge{background:var(--mid-soft);color:var(--mid)}.tier.adv .badge{background:var(--adv-soft);color:var(--adv)}.tier h3{font-size:1.3rem;margin-bottom:.5rem}.tier p{color:var(--muted);font-size:1rem}.trust{background:var(--bg-alt);border-block:1px solid var(--line)}.trust .container{display:grid;grid-template-columns:1.1fr .9fr;gap:3.5rem;align-items:center}.trust p{color:var(--muted);font-size:1.1rem}.trust-quote{background:linear-gradient(135deg,var(--primary-soft),var(--gold-soft));border-radius:var(--radius);padding:2.5rem 2rem;text-align:center;border:1px solid var(--line)}.trust-quote .big{font-family:var(--font-quran);font-size:1.6rem;color:var(--primary-dark);line-height:2}:root[data-theme=dark] .trust-quote .big{color:var(--gold-bright)}.video-frame{position:relative;max-width:780px;margin-inline:auto;aspect-ratio:16 / 9;border-radius:calc(var(--radius) + 6px);background:linear-gradient(135deg,var(--primary-dark) 0%,var(--terracotta) 130%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:#fff;overflow:hidden}.video-frame:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.08) 1.5px,transparent 1.5px);background-size:26px 26px}.play-circle{width:72px;height:72px;border-radius:50%;background:#ffffff29;border:2px solid rgba(255,255,255,.6);display:flex;align-items:center;justify-content:center;font-size:1.5rem;position:relative}.video-frame p{color:#ffffffe6;font-size:1rem;position:relative}.waitlist{text-align:center}.waitlist-card{background:linear-gradient(140deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border-radius:calc(var(--radius) + 10px);padding:clamp(2.5rem,6vw,4.5rem) clamp(1.5rem,5vw,4rem);position:relative;overflow:hidden}.waitlist-card:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.07) 1.5px,transparent 1.5px);background-size:30px 30px;pointer-events:none}.waitlist-card>*{position:relative}.waitlist-card h2{color:#fff}.waitlist-card h2:after{color:var(--gold-bright)}.waitlist-card>p{color:#ffffffe0;max-width:540px;margin-inline:auto;margin-bottom:2.25rem}.waitlist-form{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;max-width:540px;margin-inline:auto}.waitlist-form input{flex:1 1 260px;font-family:inherit;font-size:1rem;padding:.85rem 1.4rem;border-radius:999px;border:none;outline:none;color:#23302a}.waitlist-form .btn{background:linear-gradient(135deg,var(--gold-bright),var(--gold));color:#3a2e0e;box-shadow:none}.waitlist-form .btn:disabled{opacity:.7;cursor:wait}.waitlist-note{margin-top:1rem;font-size:1.05rem;font-weight:500;color:#fff;min-height:1.5rem}.waitlist-note.error{color:#ffd9cf}.site-footer{border-top:1px solid var(--line);padding:2.5rem 0;text-align:center;color:var(--muted);font-size:.95rem}.site-footer .wordmark{display:block;margin-bottom:.5rem}.site-footer .attribution{font-size:.8rem;margin-top:.5rem;color:var(--muted);opacity:.85}[data-lang-ar],[data-lang-en]{display:none}:root[lang=ar] [data-lang-ar]{display:revert}:root[lang=en] [data-lang-en]{display:revert}span[data-lang-ar],span[data-lang-en],em[data-lang-ar],em[data-lang-en]{display:none}:root[lang=ar] span[data-lang-ar],:root[lang=ar] em[data-lang-ar]{display:inline}:root[lang=en] span[data-lang-en],:root[lang=en] em[data-lang-en]{display:inline}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.level-panel{animation:none}body{transition:none}}@media(max-width:860px){section{padding:4rem 0}.points,.tiers{grid-template-columns:1fr}.trust .container{grid-template-columns:1fr;gap:2rem}.verse-picker{grid-template-columns:1fr}}@supports (padding: max(0px)){.site-header{padding-top:env(safe-area-inset-top)}}.bottom-nav{display:none}@media(max-width:767px){body{padding-bottom:calc(4.25rem + env(safe-area-inset-bottom))}.bottom-nav{display:flex;align-items:stretch;justify-content:space-around;position:fixed;inset-inline:0;bottom:0;z-index:60;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding-inline:env(safe-area-inset-left) env(safe-area-inset-right);padding-bottom:calc(.4rem + env(safe-area-inset-bottom))}.bottom-nav-item{flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;padding-block:.55rem;min-height:56px;text-decoration:none;color:var(--muted);font-family:inherit;transition:color .2s ease,transform .2s ease}.bottom-nav-item:active{transform:scale(.94)}.bottom-nav-icon{font-size:1.35rem;line-height:1}.bottom-nav-label{font-size:.7rem;font-weight:500}.bottom-nav-item.active{color:var(--primary)}.bottom-nav-item.active .bottom-nav-icon{color:var(--gold)}}@media(max-width:767px){.btn{min-height:48px;width:100%;justify-content:center;padding-inline:1.5rem}.header-actions .btn.header-cta{width:auto}.icon-btn{min-width:46px;min-height:46px;height:46px}.level-tab{min-height:44px;padding-inline:1.25rem}.surah-results li{min-height:48px;padding-block:.75rem}.picker-field input,.picker-field select{min-height:48px;font-size:1rem}.waitlist-form input{min-height:48px;flex-basis:100%}.waitlist-form .btn{min-height:48px}.demo-card{padding:1.5rem 1.25rem}.point,.tier{padding:1.75rem 1.5rem}.waitlist-card{padding:2.5rem 1.5rem}}@media(max-width:767px){.level-panel{animation:panelIn .22s ease}.level-tab{transition:background .2s ease,border-color .2s ease,color .2s ease,transform .15s ease}.level-tab:active{transform:scale(.96)}.surah-results:not([hidden]){animation:dropdownIn .2s ease}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}}.install-banner{position:fixed;inset-inline:0;bottom:0;z-index:70;padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom));padding-inline-start:calc(1rem + env(safe-area-inset-left));padding-inline-end:calc(1rem + env(safe-area-inset-right));background:color-mix(in srgb,var(--surface) 96%,transparent);backdrop-filter:blur(14px);border-top:1px solid var(--line);box-shadow:0 -8px 30px var(--shadow);transform:translateY(120%);transition:transform .4s cubic-bezier(.16,1,.3,1)}.install-banner.is-visible{transform:translateY(0)}@media(max-width:767px){.install-banner{bottom:calc(4.25rem + env(safe-area-inset-bottom));padding-bottom:.75rem}}.install-banner-inner{max-width:640px;margin-inline:auto;display:flex;align-items:center;gap:.85rem}.install-banner-icon{flex-shrink:0;width:2.5rem;height:2.5rem;display:grid;place-items:center;border-radius:.7rem;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--gold-bright);font-family:var(--font-quran, "Amiri", serif);font-size:1.05rem;line-height:1}.install-banner-text{flex:1 1 auto;font-size:.9rem;color:var(--text, var(--ink));line-height:1.4}.install-banner-actions{flex-shrink:0;display:flex;align-items:center;gap:.4rem}.install-banner-action{padding:.5rem 1rem;font-size:.85rem;min-height:40px}.install-banner-dismiss{flex-shrink:0;width:2.25rem;height:2.25rem;display:grid;place-items:center;border:none;border-radius:50%;background:transparent;color:var(--muted);font-size:1rem;cursor:pointer;transition:background .2s ease,color .2s ease}.install-banner-dismiss:hover{background:var(--primary-soft);color:var(--primary)}@media(max-width:480px){.install-banner-text{font-size:.82rem}.install-banner-icon{width:2.1rem;height:2.1rem;font-size:.95rem}}@media(prefers-reduced-motion:reduce){.surah-results:not([hidden]){animation:none}.bottom-nav-item{transition:none}.level-panel{animation:none}.level-tab,.install-banner{transition:none}}