:root{--bg: #f7f4ee;--surface: #ffffff;--surface-alt: #efeae0;--surface-raised: #fcfaf6;--surface-hover: #f3efe6;--surface-selected: #e1eee7;--ink: #211f1a;--ink-muted: #6e6a5f;--ink-faint: #9c978a;--accent: #0e6b4f;--accent-bright: #12805f;--on-accent: #f4fbf8;--accent-soft: #e1eee7;--gold: #a98a3f;--gold-ink: #7d6428;--gold-soft: #f1e9d4;--border: #e5dfd2;--border-strong: #d4ccbb;--danger: #b3402f;--danger-soft: #f6e4e0;--overlay: rgba(23, 21, 16, .45);--success: var(--accent);--success-soft: var(--accent-soft);--warning: var(--gold-ink);--warning-soft: var(--gold-soft);--info: #3a6a8c;--info-soft: #e3ecf2;--translate: #6a4f93;--translate-soft: #ece6f4;--approved: #1d6f7a;--approved-soft: #dfeff1;--sp-xxs: 2px;--sp-xs: 4px;--sp-sm: 8px;--sp-md: 12px;--sp-lg: 16px;--sp-xl: 20px;--sp-xxl: 28px;--sp-xxxl: 40px;--r-sm: 4px;--r-md: 6px;--r-lg: 10px;--r-full: 999px;--font-ui: ui-sans-serif, -apple-system, "SF Pro Text", "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--font-arabic: "Amiri", "Scheherazade New", serif;--font-reading: "Iowan Old Style", "Palatino Linotype", Palatino, "Source Serif 4", Charter, Georgia, "Times New Roman", serif;--text-xs: 11px;--text-sm: 12px;--text-base: 13px;--text-md: 14px;--text-lg: 16px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 34px;--text-arabic: 24px;--text-read: 18px;--text-read-lead: 21px;--text-read-h2: 26px;--text-read-h3: 21px;--text-read-quote: 20px;--text-read-arabic: 32px;--leading-tight: 1.25;--leading-normal: 1.5;--leading-read: 1.75;--leading-arabic: 2.05;--measure: 39rem;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--tracking-label: .06em;--shadow-card: 0 1px 2px rgba(33, 31, 26, .06);--shadow-pop: 0 6px 20px rgba(33, 31, 26, .12);--elev-1: 0 1px 2px rgba(33, 31, 26, .06);--elev-2: 0 4px 12px rgba(33, 31, 26, .1), 0 1px 3px rgba(33, 31, 26, .06);--elev-3: 0 16px 40px rgba(33, 31, 26, .18), 0 2px 6px rgba(33, 31, 26, .08);--dur-instant: 80ms;--dur-fast: .12s;--dur-base: .18s;--dur-slow: .24s;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-in: cubic-bezier(.55, 0, 1, .45);--control-h-sm: 26px;--control-h: 32px;--control-h-lg: 38px;--row-h: 40px;--focus-ring: 0 0 0 2px var(--bg), 0 0 0 4px var(--accent);--z-sticky: 10;--z-sidebar: 20;--z-dropdown: 50;--z-overlay: 90;--z-dialog: 100;--z-floating: 150;--z-toast: 200;--sidebar-w: 224px;--sidebar-w-collapsed: 56px;--topbar-h: 48px;color-scheme:light}:root[data-density=compact]{--control-h-sm: 24px;--control-h: 28px;--control-h-lg: 34px;--row-h: 32px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0c1210;--surface: #141c18;--surface-alt: #1a241f;--surface-raised: #1f2a24;--surface-hover: #1d2822;--surface-selected: #173328;--ink: #ece9e0;--ink-muted: #a4aca3;--ink-faint: #6e7770;--accent: #4caf8a;--accent-bright: #5fc49c;--on-accent: #07130e;--accent-soft: #173328;--gold: #cfa75e;--gold-ink: #dcb772;--gold-soft: #2b2517;--border: #243029;--border-strong: #32403a;--danger: #e06a55;--danger-soft: #35201c;--overlay: rgba(2, 6, 4, .6);--info: #7fb0d4;--info-soft: #182631;--translate: #b49ad9;--translate-soft: #241c31;--approved: #6cc4cf;--approved-soft: #132b2e;--shadow-card: 0 1px 2px rgba(0, 0, 0, .4);--shadow-pop: 0 6px 20px rgba(0, 0, 0, .5);--elev-1: 0 1px 2px rgba(0, 0, 0, .4);--elev-2: 0 4px 12px rgba(0, 0, 0, .45), 0 1px 3px rgba(0, 0, 0, .3);--elev-3: 0 16px 40px rgba(0, 0, 0, .6), 0 2px 6px rgba(0, 0, 0, .4);color-scheme:dark}}:root[data-theme=dark]{--bg: #0c1210;--surface: #141c18;--surface-alt: #1a241f;--surface-raised: #1f2a24;--surface-hover: #1d2822;--surface-selected: #173328;--ink: #ece9e0;--ink-muted: #a4aca3;--ink-faint: #6e7770;--accent: #4caf8a;--accent-bright: #5fc49c;--on-accent: #07130e;--accent-soft: #173328;--gold: #cfa75e;--gold-ink: #dcb772;--gold-soft: #2b2517;--border: #243029;--border-strong: #32403a;--danger: #e06a55;--danger-soft: #35201c;--overlay: rgba(2, 6, 4, .6);--info: #7fb0d4;--info-soft: #182631;--translate: #b49ad9;--translate-soft: #241c31;--approved: #6cc4cf;--approved-soft: #132b2e;--shadow-card: 0 1px 2px rgba(0, 0, 0, .4);--shadow-pop: 0 6px 20px rgba(0, 0, 0, .5);--elev-1: 0 1px 2px rgba(0, 0, 0, .4);--elev-2: 0 4px 12px rgba(0, 0, 0, .45), 0 1px 3px rgba(0, 0, 0, .3);--elev-3: 0 16px 40px rgba(0, 0, 0, .6), 0 2px 6px rgba(0, 0, 0, .4);color-scheme:dark}@media(prefers-reduced-motion:reduce){:root{--dur-instant: 0ms;--dur-fast: 0ms;--dur-base: 0ms;--dur-slow: 0ms}}.site{--font-display: "Instrument Serif", var(--font-reading);--font-text: "Inter", var(--font-ui);--glow: color-mix(in srgb, var(--accent) 38%, transparent);--glow-soft: color-mix(in srgb, var(--accent) 16%, transparent);--glow-gold: color-mix(in srgb, var(--gold) 30%, transparent);--glass: color-mix(in srgb, var(--surface) 72%, transparent);--glass-line: color-mix(in srgb, var(--ink) 10%, transparent);--ink-soft: color-mix(in srgb, var(--ink) 78%, transparent);--good: var(--accent-bright);--close: var(--gold);--wrong: var(--danger);--site-w: 1180px;--pad: clamp(20px, 5vw, 56px);--section-y: clamp(72px, 12vw, 160px);--radius-xl: 28px;position:relative;min-height:100%;overflow-x:clip;background:var(--bg);color:var(--ink);font-family:var(--font-text);font-size:16px;line-height:1.6;scroll-behavior:smooth}.site *,.site *:before,.site *:after{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}[data-reveal]{opacity:0;transform:translateY(28px);filter:blur(6px);transition:opacity .9s var(--ease-out) var(--d, 0ms),transform .9s var(--ease-out) var(--d, 0ms),filter .9s var(--ease-out) var(--d, 0ms)}[data-reveal][data-in]{opacity:1;transform:none;filter:none}[data-depth]{transform:translate3d(0,var(--py, 0px),0);will-change:transform}@media(prefers-reduced-motion:reduce){.site{scroll-behavior:auto}[data-reveal]{opacity:1;transform:none;filter:none;transition:none}[data-depth]{transform:none}}.site-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 24px;border-radius:var(--r-full);border:1px solid transparent;font:600 15px/1 var(--font-text);letter-spacing:-.005em;cursor:pointer;transition:transform .25s var(--ease-out),background .25s,border-color .25s,box-shadow .25s}.site-btn:hover{transform:translateY(-2px)}.site-btn--sm{height:36px;padding:0 16px;font-size:14px}.site-btn--lg{height:58px;padding:0 36px;font-size:17px}.site-btn--solid{background:var(--accent);color:var(--on-accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent-bright) 50%,transparent) inset,0 10px 30px -8px var(--glow)}.site-btn--solid:hover{background:var(--accent-bright);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent-bright) 60%,transparent) inset,0 14px 40px -6px var(--glow)}.site-btn--ghost{background:var(--glass);border-color:var(--glass-line);color:var(--ink);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.site-btn--ghost:hover{border-color:var(--accent)}.site :focus-visible{outline:2px solid var(--accent);outline-offset:3px}.site-nav{position:sticky;top:0;z-index:var(--z-sticky);transition:background .3s,border-color .3s,backdrop-filter .3s;border-bottom:1px solid transparent}.site-nav[data-scrolled]{background:var(--glass);border-color:var(--glass-line);-webkit-backdrop-filter:blur(20px) saturate(1.4);backdrop-filter:blur(20px) saturate(1.4)}.site-nav__inner{display:flex;align-items:center;gap:24px;max-width:var(--site-w);margin:0 auto;padding:12px var(--pad)}.site-brand{display:inline-flex;align-items:center;gap:10px;font:600 18px/1 var(--font-text);letter-spacing:-.02em;color:var(--ink)}.site-nav__links{display:flex;gap:28px;margin-inline:auto}.site-nav__links a{font-size:14px;color:var(--ink-muted);transition:color .2s}.site-nav__links a:hover{color:var(--ink)}.site-nav__tools{display:flex;align-items:center;gap:10px}.site-lang select{height:36px;padding:0 28px 0 12px;border:1px solid var(--glass-line);border-radius:var(--r-full);background:var(--glass);color:var(--ink);font:500 13px var(--font-text);cursor:pointer;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink-muted) 50%),linear-gradient(135deg,var(--ink-muted) 50%,transparent 50%);background-position:calc(100% - 15px) 15px,calc(100% - 10px) 15px;background-size:5px 5px;background-repeat:no-repeat}.site-iconbtn{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--glass-line);border-radius:var(--r-full);background:var(--glass);color:var(--ink);font-size:15px;cursor:pointer;transition:border-color .2s}.site-iconbtn:hover{border-color:var(--accent)}.site-nav__burger{display:none}@media(max-width:820px){.site-nav__burger{display:grid;gap:5px;align-content:center}.site-nav__burger span{display:block;width:14px;height:1.5px;background:var(--ink);transition:transform .25s var(--ease-out)}.site-nav[data-open] .site-nav__burger span:first-child{transform:translateY(3.25px) rotate(45deg)}.site-nav[data-open] .site-nav__burger span:last-child{transform:translateY(-3.25px) rotate(-45deg)}.site-nav__links{position:absolute;inset:100% 0 auto;flex-direction:column;gap:0;padding:8px var(--pad) 20px;background:var(--glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-line);display:none}.site-nav[data-open] .site-nav__links{display:flex}.site-nav__links a{padding:14px 0;font-size:17px;border-bottom:1px solid var(--glass-line)}.site-nav__tools .site-btn{display:none}}.eyebrow{margin:0 0 18px;font:600 12px/1 var(--font-text);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--accent-bright)}.site h1,.site h2,.site h3{margin:0;font-family:var(--font-display);font-weight:400;letter-spacing:-.02em;line-height:1.04}.site h2{font-size:clamp(36px,6vw,68px)}.site h3{font-size:clamp(26px,3.4vw,40px);line-height:1.1}.site p{margin:0}.hero{position:relative;margin-top:-61px;padding:calc(61px + clamp(40px,8vw,110px)) var(--pad) clamp(48px,8vw,120px);overflow:hidden;isolation:isolate}.hero__aurora{position:absolute;inset:0;z-index:-2;pointer-events:none}.hero__aurora i{position:absolute;border-radius:50%;filter:blur(90px);opacity:.9}.hero__aurora i:nth-child(1){top:-18%;left:-8%;width:55vw;height:55vw;background:radial-gradient(circle,var(--glow),transparent 68%)}.hero__aurora i:nth-child(2){top:8%;right:-14%;width:46vw;height:46vw;background:radial-gradient(circle,var(--glow-gold),transparent 68%)}.hero__aurora i:nth-child(3){bottom:-20%;left:30%;width:40vw;height:40vw;background:radial-gradient(circle,var(--glow-soft),transparent 68%)}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to bottom,transparent 60%,var(--bg)),radial-gradient(color-mix(in srgb,var(--ink) 7%,transparent) 1px,transparent 1px) 0 0 / 28px 28px;-webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse at 50% 30%,#000 20%,transparent 75%);pointer-events:none}.hero__basmala{position:absolute;top:118px;inset-inline:0;z-index:-1;text-align:center;font-family:var(--font-arabic);font-size:clamp(44px,9vw,120px);line-height:1.6;color:color-mix(in srgb,var(--gold) 14%,transparent);-webkit-user-select:none;user-select:none;letter-spacing:0}.hero__inner{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(24px,5vw,72px);max-width:var(--site-w);margin:0 auto}.hero__title{font-size:clamp(52px,9vw,112px);line-height:.96}.hero__title em{display:block;font-style:italic;background:linear-gradient(100deg,var(--accent-bright),var(--gold) 80%);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.08em}.hero__lead{max-width:34rem;margin-top:28px;font-size:clamp(17px,1.7vw,20px);color:var(--ink-soft)}.hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}.hero__note{margin-top:18px;font-size:13px;color:var(--ink-faint)}.hero__stage{position:relative;height:clamp(420px,56vw,660px)}.hero__phone{position:absolute;width:clamp(150px,20vw,250px)}.hero__phone--front{left:50%;top:4%;width:clamp(190px,25vw,310px);margin-left:calc(clamp(190px,25vw,310px)/-2);z-index:3}.hero__phone--back{left:0;top:14%;z-index:1;rotate:-7deg;opacity:.9}.hero__phone--side{right:0;top:22%;z-index:2;rotate:6deg}@media(max-width:900px){.hero__inner{grid-template-columns:1fr}.hero__basmala{top:90px}}.phone{--frame: color-mix(in srgb, var(--ink) 14%, var(--surface-alt));width:100%;aspect-ratio:9 / 19.5;filter:drop-shadow(0 40px 60px color-mix(in srgb,#000 55%,transparent)) drop-shadow(0 0 40px color-mix(in srgb,var(--accent) 18%,transparent))}.phone__body{position:relative;height:100%;padding:3.4%;border-radius:15%/7%;background:linear-gradient(150deg,color-mix(in srgb,var(--ink) 38%,var(--frame)),var(--frame) 40%,var(--surface));box-shadow:0 0 0 1px color-mix(in srgb,var(--ink) 22%,transparent) inset,0 0 0 2px #000 inset}.phone__screen{position:relative;height:100%;overflow:hidden;border-radius:12.6%/5.8%;background:var(--surface)}.phone__screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.phone__island{position:absolute;z-index:2;top:2.6%;left:50%;width:28%;height:2.6%;translate:-50% 0;border-radius:99px;background:#000}.phone__placeholder{display:grid;gap:10px;align-content:center;height:100%;padding:18%;background:linear-gradient(160deg,var(--surface-raised),var(--surface))}.phone__placeholder span{height:12px;border-radius:99px;background:var(--surface-alt)}.phone__placeholder span:nth-child(2){width:70%}.phone__placeholder span:nth-child(3){width:45%}.section{max-width:var(--site-w);margin:0 auto;padding:var(--section-y) var(--pad) 0}.section__head{max-width:44rem}.section__head p{margin-top:20px;font-size:clamp(17px,1.6vw,19px);color:var(--ink-muted)}.story{display:grid;grid-template-columns:1fr minmax(260px,340px);gap:clamp(32px,8vw,120px);margin-top:clamp(40px,6vw,80px)}.story__step{display:flex;flex-direction:column;justify-content:center;gap:16px;min-height:78vh;max-width:32rem;opacity:.32;transition:opacity .5s var(--ease-out)}.story__step[data-active]{opacity:1}.story__step>p:last-child{font-size:18px;color:var(--ink-soft)}.story__mobile-phone{display:none}.story__sticky{position:sticky;top:calc(50vh - 340px);align-self:start;height:680px}.story__glow{position:absolute;inset:10% -20%;background:radial-gradient(closest-side,var(--glow),transparent);filter:blur(40px)}.story__screen{position:absolute;inset:0;opacity:0;transform:translateY(24px) scale(.96);transition:opacity .6s var(--ease-out),transform .8s var(--ease-out)}.story__screen[data-active]{opacity:1;transform:none}@media(max-width:860px){.story{display:block}.story__sticky{display:none}.story__step{min-height:0;opacity:1;margin-bottom:72px}.story__mobile-phone{display:block;width:min(260px,70%);margin:0 auto 24px}}.section--recite{position:relative}.section--recite:before{content:"";position:absolute;inset:4% -10% 0;z-index:-1;background:radial-gradient(60% 50% at 70% 50%,var(--glow-soft),transparent 70%);pointer-events:none}.recite{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(32px,6vw,88px)}.recite__lead{margin-top:24px;font-size:18px;color:var(--ink-soft)}.recite__points{display:grid;gap:14px;margin:32px 0 0;padding:0;list-style:none}.recite__points li{position:relative;padding-inline-start:34px;color:var(--ink)}.recite__points li:before{content:"";position:absolute;inset-inline-start:0;top:.3em;width:18px;height:18px;border-radius:50%;background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent) inset}.recite__points li:after{content:"";position:absolute;inset-inline-start:6px;top:calc(.3em + 4px);width:6px;height:9px;border:solid var(--accent-bright);border-width:0 2px 2px 0;rotate:40deg}.recite__stage{position:relative;min-height:560px}.recite__phone{position:absolute;inset-inline-end:0;top:0;width:min(280px,46%)}.recite__card{position:absolute;inset-inline-start:0;bottom:0;width:min(430px,82%);z-index:2}@media(max-width:900px){.recite{grid-template-columns:1fr}.recite__stage{min-height:0;display:grid;gap:24px}.recite__phone,.recite__card{position:static;width:100%}.recite__phone{width:min(260px,68%);margin:0 auto}}.recdemo{padding:22px;border-radius:var(--radius-xl);background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(24px) saturate(1.4);backdrop-filter:blur(24px) saturate(1.4);box-shadow:0 30px 80px -20px color-mix(in srgb,#000 55%,transparent),0 0 0 1px color-mix(in srgb,var(--ink) 4%,transparent) inset}.recdemo__head{display:flex;justify-content:space-between;align-items:center}.recdemo__label{font:600 11px/1 var(--font-text);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--ink-muted)}.recdemo__replay{border:0;background:none;color:var(--accent-bright);font:600 13px var(--font-text);cursor:pointer}.recdemo__replay:disabled{opacity:.4;cursor:default}.recdemo__wave{display:flex;align-items:center;gap:3px;height:44px;margin:16px 0 6px}.recdemo__wave i{flex:1;height:18%;border-radius:99px;background:color-mix(in srgb,var(--ink) 22%,transparent);transition:background .4s}.recdemo__wave[data-live] i{background:var(--accent-bright);animation:wave .9s ease-in-out infinite;animation-delay:calc(var(--i) * 45ms)}@keyframes wave{0%,to{height:18%}50%{height:calc(30% + mod(var(--i) * 37,70)*1%)}}.recdemo__verse{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin:8px 0 18px;font-family:var(--font-arabic);font-size:clamp(30px,4.4vw,42px);line-height:1.9;letter-spacing:0}.recdemo__word{padding:0 10px;border-radius:12px;border-bottom:3px solid transparent;color:var(--ink-faint);transition:color .5s,background .5s,border-color .5s,transform .5s var(--ease-out)}.recdemo__word[data-state=good]{color:var(--good);background:var(--accent-soft);border-color:var(--good);transform:translateY(-2px)}.recdemo__word[data-state=close]{color:var(--close);background:var(--gold-soft);border-color:var(--close);transform:translateY(-2px)}.recdemo__word[data-state=wrong]{color:var(--wrong);background:var(--danger-soft);border-color:var(--wrong);transform:translateY(-2px)}.recdemo__score{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:13px;color:var(--ink-muted)}.recdemo__ring{--size: 64px;position:relative;display:grid;place-items:center;width:var(--size);height:var(--size);border-radius:50%;background:conic-gradient(var(--accent-bright) calc(var(--score) * 1%),color-mix(in srgb,var(--ink) 12%,transparent) 0);color:var(--ink);transition:background .4s}.recdemo__ring:before{content:"";position:absolute;inset:6px;border-radius:50%;background:var(--surface)}.recdemo__ring b,.recdemo__ring small{position:relative;grid-area:1 / 1}.recdemo__ring b{font:600 20px/1 var(--font-text);translate:-3px 0}.recdemo__ring small{font-size:10px;translate:14px 3px;color:var(--ink-muted)}.recdemo__split{display:flex;gap:16px;margin:0}.recdemo__split div{display:grid;gap:2px}.recdemo__split dt{font-size:11px;text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--ink-faint)}.recdemo__split dd{margin:0;font:600 18px/1.2 var(--font-text);color:var(--ink)}.recdemo__legend{display:flex;gap:12px;margin:0 0 0 auto;padding:0;list-style:none;font-size:12px}.recdemo__legend li:before{content:"";display:inline-block;width:8px;height:8px;margin-inline-end:6px;border-radius:50%;background:currentColor}.recdemo__legend [data-state=good]{color:var(--good)}.recdemo__legend [data-state=close]{color:var(--close)}.recdemo__legend [data-state=wrong]{color:var(--wrong)}.recdemo__issues{display:grid;gap:8px;margin:16px 0 0;padding:0;list-style:none;opacity:0;transform:translateY(10px);transition:opacity .6s var(--ease-out) .2s,transform .6s var(--ease-out) .2s}.recdemo__issues[data-open]{opacity:1;transform:none}.recdemo__issues li{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:14px;font-size:13.5px;line-height:1.4;color:var(--ink-soft)}.recdemo__issues [data-state=close]{background:var(--gold-soft)}.recdemo__issues [data-state=wrong]{background:var(--danger-soft)}.recdemo__issue-word{font-family:var(--font-arabic);font-size:22px;line-height:1.4;letter-spacing:0}.recdemo__issues [data-state=close] .recdemo__issue-word{color:var(--close)}.recdemo__issues [data-state=wrong] .recdemo__issue-word{color:var(--wrong)}.recdemo__rule{display:inline-block;margin-inline-end:4px;padding:1px 8px;border-radius:var(--r-full);background:color-mix(in srgb,currentColor 14%,transparent);font:600 11px/1.6 var(--font-text);letter-spacing:var(--tracking-label);text-transform:uppercase}.recdemo__note{margin-top:14px;font-size:11px;color:var(--ink-faint);text-align:center}.more{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:clamp(32px,5vw,56px)}.more__card{padding:28px 24px 32px;border-radius:24px;background:linear-gradient(160deg,var(--surface-raised),var(--surface));border:1px solid var(--glass-line);transition:transform .4s var(--ease-out),border-color .3s}.more__card:hover{transform:translateY(-6px);border-color:var(--accent)}.more__card h3{font-size:28px}.more__card p{margin-top:12px;font-size:15px;color:var(--ink-muted)}@media(max-width:960px){.more{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.more{grid-template-columns:1fr}}.finalcta{position:relative;margin-top:var(--section-y);padding:clamp(80px,12vw,160px) var(--pad);text-align:center;overflow:hidden;isolation:isolate}.finalcta:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(50% 70% at 50% 100%,var(--glow),transparent 70%),radial-gradient(30% 40% at 20% 20%,var(--glow-gold),transparent 70%)}.finalcta__inner{max-width:40rem;margin:0 auto}.finalcta h2{font-size:clamp(48px,8vw,96px)}.finalcta p{margin:20px 0 36px;font-size:19px;color:var(--ink-soft)}.site-footer{padding:48px var(--pad) 36px;border-top:1px solid var(--glass-line)}.site-footer__inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px;max-width:var(--site-w);margin:0 auto}.site-footer__tag{margin-top:12px;max-width:22rem;font-size:14px;color:var(--ink-muted)}.site-footer__links{display:flex;flex-wrap:wrap;gap:24px;font-size:14px;color:var(--ink-muted)}.site-footer__links a:hover{color:var(--ink)}.site-footer__rights{max-width:var(--site-w);margin:36px auto 0;font-size:12px;color:var(--ink-faint)}.recdemo__after{display:flex;gap:8px;margin-top:14px;opacity:0;transform:translateY(8px);transition:opacity .6s var(--ease-out) .45s,transform .6s var(--ease-out) .45s}.recdemo__after[data-open]{opacity:1;transform:none}.recdemo__chip{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border:1px solid var(--glass-line);border-radius:var(--r-full);background:color-mix(in srgb,var(--ink) 6%,transparent);color:var(--ink);font:600 13px var(--font-text);cursor:pointer}.recdemo__chip:first-child{background:var(--accent);border-color:transparent;color:var(--on-accent);cursor:default}.recdemo__chip:disabled{opacity:.5;cursor:default}.section--quiz{position:relative}.section--quiz:before{content:"";position:absolute;inset:4% -10% 0;z-index:-1;background:radial-gradient(60% 50% at 30% 50%,var(--glow-gold),transparent 70%);opacity:.55;pointer-events:none}.recite--flip .recite__stage{order:-1}.recite--flip .recite__phone{inset-inline-end:auto;inset-inline-start:0}.recite--flip .recite__card{inset-inline-start:auto;inset-inline-end:0}@media(max-width:900px){.recite--flip .recite__stage{order:0}}.quizdemo{padding:22px;border-radius:var(--radius-xl);background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(24px) saturate(1.4);backdrop-filter:blur(24px) saturate(1.4);box-shadow:0 30px 80px -20px color-mix(in srgb,#000 55%,transparent),0 0 0 1px color-mix(in srgb,var(--ink) 4%,transparent) inset}.quizdemo__head{display:flex;justify-content:space-between;align-items:center}.quizdemo__question{margin:18px 0 16px;font-family:var(--font-display);font-size:clamp(24px,3.2vw,30px);line-height:1.15;letter-spacing:-.01em}.quizdemo__options{display:grid;gap:10px;margin:0;padding:0;list-style:none}.quizdemo__options li{display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 18px;border:1px solid var(--glass-line);border-radius:16px;background:color-mix(in srgb,var(--ink) 4%,transparent);font:600 17px var(--font-text);transition:transform .4s var(--ease-out),background .4s,border-color .4s,opacity .4s}.quizdemo__options i{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--glass-line);transition:background .4s,border-color .4s}.quizdemo__options [data-state=picked]{transform:scale(.985);border-color:var(--accent);background:var(--accent-soft)}.quizdemo__options [data-state=picked] i{border-color:var(--accent-bright)}.quizdemo__options [data-state=right]{border-color:var(--good);background:var(--accent-soft);color:var(--good)}.quizdemo__options [data-state=right] i{position:relative;background:var(--good);border-color:var(--good)}.quizdemo__options [data-state=right] i:after{content:"";position:absolute;inset:3px 7px 6px;border:solid var(--on-accent);border-width:0 2px 2px 0;rotate:40deg}.quizdemo__options [data-state=dim]{opacity:.4}.quizdemo__feedback{display:grid;gap:4px;margin-top:14px;padding:12px 16px;border-radius:14px;background:var(--accent-soft);font-size:14px;line-height:1.45;color:var(--ink-soft);opacity:0;transform:translateY(10px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}.quizdemo__feedback b{color:var(--good);font-size:15px}.quizdemo__feedback[data-open]{opacity:1;transform:none}.quizdemo__rewards{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.quizdemo__rewards>*{opacity:0;transform:translateY(8px) scale(.9);transition:opacity .5s var(--ease-out),transform .6s cubic-bezier(.34,1.56,.64,1)}.quizdemo__rewards[data-open]>*{opacity:1;transform:none}.quizdemo__rewards[data-open]>:nth-child(2){transition-delay:.18s}.quizdemo__xp,.quizdemo__streak{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px;border-radius:var(--r-full);font:700 14px var(--font-text)}.quizdemo__xp{background:var(--accent-soft);color:var(--good)}.quizdemo__streak{background:var(--gold-soft);color:var(--gold)}.quizdemo__streak i{width:9px;height:13px;border-radius:50%/62% 62% 38% 38%;background:currentColor;animation:flicker 1.4s ease-in-out infinite}@keyframes flicker{0%,to{transform:scale(1) rotate(-2deg)}50%{transform:scale(1.12,1.18) rotate(3deg)}}@media(prefers-reduced-motion:reduce){.quizdemo__streak i{animation:none}}.recite__phone--back{inset-inline-end:34%;top:56px;z-index:0;rotate:-5deg;opacity:.85}@media(max-width:900px){.recite__phone--back{display:none}}.rich-html{--rich-size: var(--text-read);--rich-leading: var(--leading-read);--rich-gap: 1.15em;display:flow-root;font-family:var(--font-reading);font-size:var(--rich-size);line-height:var(--rich-leading);color:var(--ink);overflow-wrap:break-word}.rich-html>*{margin-block:0 var(--rich-gap)}.rich-html>:last-child{margin-block-end:0}.rich-html__p{margin-inline:0}.rich-html__p,.rich-html__list li{white-space:pre-wrap}.rich-html__h1,.rich-html__h2,.rich-html__h3{margin-block:1.9em .5em;font-family:var(--font-reading);line-height:var(--leading-tight);letter-spacing:-.012em;font-weight:var(--weight-semibold);color:var(--ink);text-wrap:balance}.rich-html>:first-child{margin-block-start:0}.rich-html__h1{font-size:var(--text-read-h2)}.rich-html__h2{font-size:var(--text-read-h3)}.rich-html__h3{font-size:1em;font-weight:var(--weight-semibold);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--ink-muted)}.rich-html__list{padding-inline-start:1.4em}.rich-html__list li{margin-block-end:.45em}.rich-html__list li::marker{color:var(--ink-faint)}.rich-html__arabic{font-family:var(--font-arabic);font-size:1.32em;letter-spacing:normal;direction:rtl;unicode-bidi:isolate}.rich-html__p:has(.rich-html__arabic),.rich-html__list li:has(.rich-html__arabic){line-height:2.1}.rich-html .arabic{margin:0;font-size:var(--text-read-arabic);line-height:var(--leading-arabic);text-align:center}.rich-html__quote{margin-inline:0;padding-block:1.1em;border-block:1px solid var(--border);text-align:center}.rich-html__quote-caption{margin-block-start:.55em;font-size:.95em;font-style:italic;line-height:var(--leading-normal);color:var(--ink-muted);text-wrap:pretty}.rich-html__pull{margin-inline:0;padding-inline-start:1.1em;border-inline-start:3px solid var(--gold);font-size:var(--text-read-quote);line-height:1.6;font-style:italic;color:var(--ink);text-wrap:pretty}.rich-html__pull>.rich-html__p{margin:0}.rich-html__attribution{margin:.5em 0 0;font-family:var(--font-ui);font-size:var(--text-xs);font-style:normal;font-weight:var(--weight-semibold);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--gold-ink)}.rich-html__attribution a{color:inherit;text-decoration:none;border-bottom:1px solid var(--gold)}.rich-html__attribution a:hover{color:var(--ink)}.rich-html__attribution a:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--r-sm)}.rich-html__ref{color:inherit;text-decoration:none;background:linear-gradient(var(--gold-soft),var(--gold-soft));box-shadow:inset 0 -1px 0 var(--gold);border-radius:2px;padding-inline:.08em}a.rich-html__ref{cursor:pointer}a.rich-html__ref:hover{box-shadow:inset 0 -2px 0 var(--gold)}a.rich-html__ref:focus-visible{outline:none;box-shadow:var(--focus-ring)}.rich-html__sup{font-size:.68em;font-weight:var(--weight-semibold);line-height:1;color:var(--accent)}@media(max-width:640px){.rich-html .arabic{font-size:var(--text-2xl)}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.muted{color:var(--ink-muted)}.arabic,.pub-arabic{font-family:var(--font-arabic);letter-spacing:normal;text-transform:none;direction:rtl;unicode-bidi:isolate}.arabic{font-size:25px;line-height:2.05;text-align:right}.pub{--measure: 44rem;--pub-pad: clamp(16px, 5vw, 56px);display:flex;flex-direction:column;min-height:100vh}.pub-main{flex:1}.pub-nav .site-nav__inner{gap:16px;padding-inline:var(--pub-pad)}.pub-nav__links{display:flex;gap:20px;margin-inline:auto;font-size:14px;color:var(--ink-muted)}.pub-nav__links a:hover{color:var(--ink)}@media(max-width:640px){.pub-nav .site-brand span,.pub-nav__download{display:none}.pub-nav__links{gap:14px;margin-inline-start:0}}.pub-lang{position:relative;font-size:13px}.pub-lang summary{display:inline-flex;align-items:center;height:36px;padding:0 14px;border:1px solid var(--glass-line);border-radius:var(--r-full);background:var(--glass);cursor:pointer;list-style:none}.pub-lang summary::-webkit-details-marker{display:none}.pub-lang summary:after{content:"▾";margin-inline-start:6px;color:var(--ink-muted)}.pub-lang ul{position:absolute;inset-inline-end:0;top:calc(100% + 6px);z-index:var(--z-sticky);min-width:10rem;margin:0;padding:6px;list-style:none;border:1px solid var(--glass-line);border-radius:var(--r-lg);background:var(--surface);box-shadow:0 12px 32px -12px color-mix(in srgb,var(--ink) 30%,transparent)}.pub-lang a{display:block;padding:8px 10px;border-radius:var(--r-md)}.pub-lang a:hover{background:var(--surface-hover)}.pub-banner{border-bottom:1px solid var(--glass-line);background:color-mix(in srgb,var(--accent) 8%,var(--bg))}.pub-banner__inner{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;max-width:var(--site-w);margin:0 auto;padding:12px var(--pub-pad)}.pub-banner__text{display:flex;flex:1 1 14rem;flex-direction:column;font-size:14px;line-height:1.4}.pub-banner__text span{color:var(--ink-muted)}.pub-banner__actions{display:flex;flex-wrap:wrap;gap:8px}.pub-article{max-width:var(--measure);margin:0 auto;padding:clamp(28px,6vw,64px) var(--pub-pad) clamp(48px,8vw,96px)}.pub-index{--measure: 60rem}.pub-hero{margin-bottom:clamp(28px,5vw,48px)}.pub-crumbs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px;font-size:13px;color:var(--ink-muted)}.pub-crumbs>:not(:first-child):before{content:"/";margin-inline-end:6px;color:var(--ink-faint)}.pub-crumbs a:hover{color:var(--ink)}.pub-cover{float:inline-end;width:clamp(96px,22vw,160px);margin:0 0 16px 20px;border-radius:var(--r-lg);box-shadow:0 18px 40px -20px color-mix(in srgb,var(--ink) 50%,transparent)}.site .pub-title{font-size:clamp(34px,6vw,56px);line-height:1.06;text-wrap:balance}.pub-lead{margin-top:16px!important;font-size:clamp(17px,2.2vw,20px);line-height:1.55;color:var(--ink-soft);text-wrap:pretty}.pub-meta{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:18px!important;font-size:13px;color:var(--ink-muted)}.pub-body{display:flow-root;clear:both}.pub-body>*+*{margin-top:clamp(32px,5vw,56px)}.site .pub-part__title{margin-bottom:18px;font-size:clamp(26px,3.6vw,34px);line-height:1.15}.pub-eyebrow{margin:0 0 10px!important;font:600 12px/1.3 var(--font-text);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--accent-bright)}.pub-muted{color:var(--ink-muted)}.pub-empty{padding:24px;border:1px dashed var(--border-strong);border-radius:var(--r-lg);color:var(--ink-muted);text-align:center}.pub-paragraph[data-tone=muted]{color:var(--ink-muted)}.pub-paragraph[data-tone=lead]{font-size:1.15em}.pub-prose p+p{margin-top:1em}.pub-prose,.pub-paragraph,.pub-step{font-family:var(--font-reading);font-size:var(--text-read);line-height:var(--leading-read)}.pub-neighbours{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:clamp(40px,6vw,64px);padding-top:24px;border-top:1px solid var(--glass-line)}.pub-neighbours a{display:flex;flex-direction:column;gap:4px;padding:16px;border:1px solid var(--glass-line);border-radius:var(--r-lg)}.pub-neighbours a:hover{border-color:var(--accent)}.pub-neighbours__next{text-align:end}.pub-step{padding:clamp(20px,4vw,32px);border-radius:var(--radius-xl);background:var(--surface);border:1px solid var(--glass-line)}.pub-step[data-tone=mint]{background:color-mix(in srgb,var(--accent) 10%,var(--surface))}.pub-step[data-tone=dawn]{background:color-mix(in srgb,var(--gold) 12%,var(--surface))}.pub-step[data-tone=sand]{background:var(--surface-alt)}.pub-step[data-tone=night]{background:color-mix(in srgb,var(--ink) 88%,var(--accent));color:var(--bg)}.pub-step[data-tone=night] .pub-muted{color:color-mix(in srgb,var(--bg) 75%,transparent)}.pub-step[data-layout=statement]{text-align:center}.pub-step>*+*{margin-top:18px!important}.pub-step h3,.pub-step h4{margin:0 0 8px;font-family:var(--font-display);font-weight:400;line-height:1.15}.site .pub-step h3{font-size:clamp(24px,3.2vw,30px)}.pub-step h4{font-size:22px}.pub-block-heading[data-align=center]{text-align:center}.pub-accent{color:var(--accent-bright);font-weight:600}.pub-figure{margin:0}.pub-figure img{display:block;width:100%;border-radius:var(--r-lg)}.pub-figure figcaption{margin-top:8px;font-size:14px;color:var(--ink-muted)}.pub-hero .pub-figure{margin-bottom:24px}.pub-illustration[data-size=inline]{max-width:60%;margin-inline:auto}.pub-pull{margin:0;padding-inline-start:1em;border-inline-start:3px solid var(--gold);font-size:1.15em;font-style:italic}.pub-pull footer{margin-top:6px;font-size:14px;font-style:normal;color:var(--ink-muted)}.pub-callout{padding:16px 18px;border-radius:var(--r-lg);background:color-mix(in srgb,var(--accent) 9%,transparent)}.pub-callout[data-tone=tip],.pub-callout[data-tone=caution]{background:color-mix(in srgb,var(--gold) 14%,transparent)}.pub-deeper summary{cursor:pointer;font-weight:600}.pub-deeper p{margin-top:8px!important}.pub-term,.pub-say,.pub-verse,.pub-hadith,.pub-recitation{margin:0}.pub-verses>*+*,.pub-recitation>*+*{margin-top:16px}.pub-verse,.pub-hadith{padding-block:16px;border-block:1px solid var(--glass-line);text-align:center}.pub .pub-arabic{font-size:clamp(24px,4.6vw,32px);line-height:var(--leading-arabic)}.pub-say .pub-arabic,.pub-term .pub-arabic,.pub-card .pub-arabic{font-size:clamp(22px,4vw,26px)}.pub-arabic--name{display:block;margin-top:6px;color:var(--gold)}.pub .pub-arabic.pub-arabic--name{font-size:clamp(22px,4vw,28px);line-height:1.8}.pub-entry .pub-arabic.pub-arabic--name{font-size:20px}.pub-translation{margin-top:10px!important;font-style:italic;text-wrap:pretty}.pub-citation{margin-top:10px!important;font:600 11px/1.4 var(--font-text);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--gold-ink)}.pub-list,.pub-timeline{margin:0;padding-inline-start:1.3em}.pub-list li+li,.pub-timeline li+li{margin-top:10px}.pub-timeline li{display:flex;flex-direction:column}.pub-pairs{display:grid;gap:10px;margin:12px 0 0}.pub-pairs dt{font-weight:600}.pub-pairs dd{margin:2px 0 0}.pub-cards,.pub-word-grid{display:grid;gap:12px;margin:0;padding:0;list-style:none}@media(min-width:640px){.pub-word-grid{grid-template-columns:repeat(2,1fr)}}.pub-card{padding:16px;border:1px solid var(--glass-line);border-radius:var(--r-lg);background:color-mix(in srgb,var(--bg) 40%,transparent)}.pub-card>*+*{margin-top:8px!important}.pub-card__title{font-weight:600}.pub-comparison{display:grid;gap:12px}@media(min-width:640px){.pub-comparison{grid-template-columns:1fr 1fr}}.pub-glyph{margin-inline-end:6px}.pub-activity{padding:16px 18px;border:1px dashed color-mix(in srgb,var(--accent) 50%,transparent);border-radius:var(--r-lg);font-family:var(--font-text);font-size:16px;line-height:1.55}.pub-activity>*+*{margin-top:10px!important}.pub-activity__prompt{font-weight:600}.pub-completion{text-align:start}.pub-remember{font-family:var(--font-display);font-size:clamp(24px,3.4vw,30px);line-height:1.25}.pub-about{display:flex;gap:16px;align-items:flex-start;margin-top:clamp(32px,5vw,56px);padding:20px;border:1px solid var(--glass-line);border-radius:var(--radius-xl)}.pub-about__name{font-family:var(--font-display);font-size:26px;line-height:1.2}a.pub-about__name:hover{color:var(--accent-bright)}.pub-glyph-tile{display:inline-grid;flex:none;place-items:center;width:48px;height:48px;border-radius:14px;background:color-mix(in srgb,var(--accent) 14%,var(--surface));font-size:22px}.pub-glyph-tile--lg{width:72px;height:72px;margin-bottom:20px;border-radius:20px;font-size:34px}.pub-entries{display:grid;gap:10px;margin:16px 0 0;padding:0;list-style:none}@media(min-width:760px){.pub-entries--grid{grid-template-columns:repeat(2,1fr)}}.pub-entry{display:flex;gap:14px;align-items:flex-start;height:100%;padding:14px;border:1px solid var(--glass-line);border-radius:var(--r-lg);background:var(--surface);transition:border-color .2s}.pub-entry:hover{border-color:var(--accent)}.pub-entry img{flex:none;width:72px;height:72px;object-fit:cover;border-radius:var(--r-md)}.pub-entry__rank{display:grid;flex:none;place-items:center;width:32px;height:32px;border-radius:var(--r-full);background:var(--surface-alt);font-size:13px;font-weight:600}.pub-entry__text{display:flex;flex-direction:column;gap:4px;min-width:0;font-size:15px;line-height:1.45}.pub-entry__text strong{font-size:16px}.pub-entry__meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:13px;color:var(--ink-muted)}.pub-badge{padding:1px 8px;border-radius:var(--r-full);background:var(--surface-alt);font-size:12px}.pub-course__head{display:flex;gap:16px;align-items:flex-start}.pub-course__head img{flex:none;border-radius:var(--r-md)}.pub-course__head .pub-part__title{margin-bottom:6px}.pub-error .pub-hero p{margin-top:24px}