@import"https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{color-scheme:dark;--bg: #0b0b0b;--surface: #1a1a1a;--surface-raised: #232323;--line: #555555;--text: #f7f7f7;--muted: #b6b6b6;font-family:JetBrains Mono,monospace;color:var(--text);background:var(--bg);font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}a:hover{color:#fff}:focus-visible{outline:2px solid #ffffff;outline-offset:6px}[lang=ar]{font-family:Amiri,serif;line-height:1.8}.page-width{width:min(100%,96rem);margin-inline:auto;--gutter: clamp(1.25rem, 4.7vw, 4.5rem);padding-inline:var(--gutter)}.pray-header{position:relative;min-height:clamp(4.5rem,6.1vw,5.875rem);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.5rem;padding-block:1rem}.pray-brand{display:inline-flex;flex-shrink:0}.pray-brand img{display:block;width:64px;height:64px;object-fit:contain}.pray-header:after{content:"";position:absolute;inset:auto var(--gutter) 0;border-bottom:1px solid var(--line)}.pray-header .pray-brand{width:5.375rem;height:2.25rem;align-items:center;justify-content:center;overflow:hidden;mix-blend-mode:screen}.pray-header .pray-brand img{width:7rem;height:7rem;flex-shrink:0}.pray-header-nav{display:flex;flex-wrap:wrap;align-items:center;margin-left:auto;color:var(--text);font-size:clamp(.8125rem,1.25vw,1.1875rem);gap:clamp(1rem,3.5vw,3.25rem)}.testflight-button{display:inline-flex;align-items:center;justify-content:center;padding:1rem 1.25rem;border:1px solid var(--line);border-radius:.625rem;background:var(--text);color:var(--bg);text-align:center;font-size:.8125rem;line-height:1.5}.testflight-button--compact{padding:.55em 1.05em;font-size:clamp(.75rem,1.25vw,1.1875rem)}.testflight-button:disabled{background:transparent;color:#cecece;border-color:#777;cursor:not-allowed}a.testflight-button:hover{background:#fff;color:var(--bg)}.pray-main{min-height:60vh}.information-page{padding-block:clamp(5rem,10vw,8rem)}.information-eyebrow{margin:0 0 2rem;color:var(--muted);font-size:.75rem}.information-page h1{max-width:16ch;margin:0;font-size:clamp(2.75rem,6.5vw,6.25rem);font-weight:500;line-height:.98;letter-spacing:-.065em}.information-meta{display:grid;gap:.5rem;max-width:52rem;margin-block:clamp(2rem,4vw,3.5rem);padding-block:1.25rem;border-block:1px solid var(--line);color:var(--muted);font-size:.875rem}.information-meta p{margin:0}.information-meta strong{color:var(--text);font-weight:500}.information-content{max-width:52rem;color:#c9c9c9;font-size:clamp(1rem,1.25vw,1.125rem);line-height:1.8}.information-content--support{margin-top:clamp(2rem,4vw,3.5rem)}.information-content>p:first-child{color:var(--text);font-size:clamp(1.125rem,1.75vw,1.375rem);line-height:1.65}.information-content section{margin-top:clamp(2.5rem,5vw,4.5rem);padding-top:1.5rem;border-top:1px solid var(--line)}.information-content h2{margin:0 0 1rem;color:var(--text);font-size:clamp(1.35rem,2.25vw,2rem);font-weight:500;line-height:1.25;letter-spacing:-.035em}.information-content p{margin:0}.information-content p+p{margin-top:1rem}.information-content ul{display:grid;gap:.65rem;margin:1rem 0 0;padding-left:1.35rem}.information-content strong{color:var(--text);font-weight:500}.information-content a,.information-meta a{color:var(--text);text-decoration:underline;text-decoration-color:#747474;text-underline-offset:.25em}.information-content a:hover,.information-meta a:hover{text-decoration-color:currentColor}.information-home{display:inline-flex;gap:1.5rem;margin-top:clamp(3rem,6vw,5rem);border-bottom:1px solid var(--line);padding-block:.75rem;font-size:.8125rem}.closing-width{width:min(100%,96rem);margin-inline:auto;padding-inline:clamp(1.25rem,6vw,5.75rem)}.beta-invitation{padding-block:clamp(5rem,14.4vw,14rem) clamp(5rem,14vw,13.5rem);background:var(--surface)}.beta-invitation h2{max-width:14ch;margin:0;font-size:clamp(2.15rem,5.5vw,5.25rem);font-weight:400;letter-spacing:0;line-height:1.06}.beta-invitation p{margin:clamp(1.5rem,2.1vw,2rem) 0 clamp(2rem,2.85vw,2.75rem);color:var(--muted);font-size:clamp(1rem,2.15vw,2.0625rem);line-height:1.45}.beta-invitation .testflight-button{padding:.4em 1em;border-radius:.48em;font-size:clamp(.9375rem,1.9vw,1.825rem)}.beta-invitation .testflight-button:disabled{color:var(--muted)}.pray-footer{border-top:1px solid #606060}.footer-layout{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.5rem 2rem;padding-block:clamp(2.5rem,3.35vw,3.25rem) clamp(3rem,4.25vw,4.125rem)}.footer-layout .pray-brand{width:clamp(5.5rem,8.7vw,8.375rem);aspect-ratio:2.65;align-items:center;justify-content:center;overflow:hidden;mix-blend-mode:screen}.footer-layout .pray-brand img{width:132%;height:auto;flex-shrink:0;image-rendering:pixelated}.pray-footer-nav{justify-self:end;display:flex;align-items:center;gap:clamp(1.5rem,3.4vw,3.25rem)}.pray-footer-nav,.footer-product{font-size:clamp(.9375rem,1.75vw,1.6875rem)}.footer-product,.pray-copyright{margin:0;line-height:1.5}.pray-copyright{justify-self:end;color:#aaa;font-size:clamp(.8125rem,1.52vw,1.4375rem)}.menu-toggle{display:none}@media (max-width: 700px){.menu-toggle{display:grid;place-items:center;width:2.75rem;height:2.75rem;padding:0;border:0;background:transparent;color:var(--text);cursor:pointer}.menu-toggle path{fill:none;stroke:currentColor;stroke-width:1.5}.pray-header-nav{display:none}.pray-header-nav[data-open=true]{display:grid;width:100%;gap:0;padding-block:.5rem 1rem;border-top:1px solid var(--line);font-size:1rem}.pray-header-nav a{display:flex;align-items:center;min-height:2.75rem}.pray-header-nav .testflight-button{justify-self:start;margin-top:.75rem}.footer-layout{grid-template-columns:1fr;gap:1rem}.footer-product{grid-row:2}.pray-footer-nav,.pray-copyright{justify-self:start}.pray-footer-nav a{padding-block:.625rem}}.pray-hero{display:grid;grid-template-columns:51% 49%;align-items:center;min-height:clamp(32rem,min(82svh,57vw),54rem)}.hero-copy h1{max-width:8.5ch;margin:0;font-size:clamp(3.5rem,8vw,8.5rem);font-weight:700;font-size-adjust:.47;line-height:.85;letter-spacing:-.065em}.hero-copy p{max-width:30.8ch;margin:clamp(1.75rem,2.8vw,2.625rem) 0 clamp(1.75rem,2.5vw,2.375rem);font-size:clamp(1rem,1.93vw,1.8125rem);line-height:1.35;letter-spacing:-.025em;color:#dedede}.hero-copy .testflight-button{padding:.5em 1.5em;font-size:clamp(.9375rem,1.55vw,1.5rem)}.phone-stage{display:grid;place-items:center;padding-inline-end:7%;transform:translateY(-.5rem)}.phone-case{position:relative;container-type:inline-size;width:clamp(13rem,min(25vw,36svh),24rem);aspect-ratio:.493;border:2px solid #a9a9a9;border-radius:17%/8.5%;background:#222;transform:perspective(75rem) rotateX(5deg) rotateY(12deg) rotate(9deg);box-shadow:-2px 2px #171717,-4px 4px #9d9d9d,-8px 8px 2px gray,-12px 12px 2px #565656,-14px 14px #646464,-15px 15px #777}.phone-case:before,.phone-case:after{content:"";position:absolute;left:-15px;width:12px;height:3px;transform:skewY(-38deg);background:#aaa}.phone-case:before{top:12%}.phone-case:after{bottom:11%}.phone-screen{position:absolute;top:.7%;right:.7%;bottom:.7%;left:.7%;border:max(4px,1.7cqw) solid #000;border-radius:16%/8%;background:#0c0c0c;color:#fff;overflow:hidden}.phone-island{width:28%;height:4%;position:absolute;top:2.2%;left:36%;border-radius:999px;background:#000}.phone-island:after{content:"";position:absolute;right:8%;top:27%;height:45%;aspect-ratio:1;border-radius:50%;background:#151515;box-shadow:inset 1px 1px 2px #252525}.phone-category{margin:23cqw 6cqw 0;padding-bottom:4cqw;border-bottom:1px solid #8a8a8a;font-size:6.45cqw;font-weight:500;letter-spacing:-.04em}.phone-reading{margin:28cqw 1cqw 0;text-align:center}.phone-arabic{margin:0;font-size:19.6cqw;white-space:nowrap}.phone-meaning{margin:7cqw 0 0;padding-inline:2cqw;font-size:max(.75rem,4.35cqw);letter-spacing:-.035em}.phone-keys{position:absolute;top:22%;left:-9px;width:4px;height:25%;display:grid;grid-template-rows:17% 32% 32%;gap:9%}.phone-keys i{border-radius:60%;background:#969696;box-shadow:-1px 1px #191919}.phone-base{position:absolute;bottom:-11px;left:20%;width:54%;height:5px;display:grid;place-items:center}.phone-base i{width:23%;height:100%;background:#0a0a0a;border-radius:50%}.phone-base:before,.phone-base:after{content:"";position:absolute;top:25%;width:1.8cqw;height:55%;border-radius:50%;background:#181818;box-shadow:2.6cqw 0 #181818,5.2cqw 0 #181818,7.8cqw 0 #181818}.phone-base:before{left:3%}.phone-base:after{right:17%}.category-story{background:#191919}.category-layout{display:grid;grid-template-columns:42% 58%;align-items:start;padding-block:clamp(4rem,7.5vw,7.25rem)}.category-layout h2{margin:0;max-width:8ch;font-size:clamp(3.375rem,7vw,6.75rem);font-weight:400;line-height:1.02;letter-spacing:-.065em}.category-list{margin:0;padding:0;list-style:none}.category-list li{display:grid;grid-template-columns:17% 1fr;align-items:baseline;padding:1.9vw 1vw}.category-list li+li{border-top:1px solid #666}.category-list h3{margin:0;font-weight:400;font-size:clamp(2.125rem,4.4vw,4.375rem);line-height:1.16;letter-spacing:-.025em}.category-list span{color:#a3a3a3;font-size:clamp(1.25rem,3.65vw,3.5rem);letter-spacing:-.07em}@media (max-width: 950px){.phone-case{transform:perspective(75rem) rotateX(4deg) rotateY(8deg) rotate(7deg)}}@media (max-width: 700px){.pray-header{gap:.875rem}.pray-header .pray-brand{width:3.75rem;height:1.75rem}.pray-header .pray-brand img{width:5rem;height:5rem}.pray-hero{grid-template-columns:1fr;gap:3rem;padding-block:3.25rem 3.5rem}.hero-copy h1{font-size:clamp(3.5rem,12vw,5.25rem)}.hero-copy p{margin-block:1.5rem}.phone-stage{padding:0}.phone-case{width:min(65vw,18rem)}.category-layout{grid-template-columns:1fr;gap:2.5rem}.category-layout h2{max-width:none;font-size:clamp(2.5rem,9vw,3.5rem)}.category-list li{padding:1.125rem 0}.category-list h3{font-size:clamp(1.75rem,6vw,2.5rem)}}.practice-width{width:min(100%,96rem);margin-inline:auto;padding-inline:clamp(1.25rem,5.5vw,5.25rem)}.flip-story{display:grid;grid-template-columns:minmax(0,.63fr) minmax(0,1fr);align-items:center;gap:clamp(1.5rem,2.9vw,2.75rem);perspective:90rem;perspective-origin:68% 50%;padding-block:clamp(3rem,4.2vw,4.125rem)}.flip-intro{padding-bottom:clamp(0rem,2.1vw,2rem)}.flip-intro h2,.memorization-story h2{margin:0;font-weight:500;letter-spacing:-.065em}.flip-intro h2{letter-spacing:-.045em;font-size:clamp(2.5rem,5.4vw,5.1875rem);line-height:1.04}.flip-intro p{margin:clamp(1.5rem,2.2vw,2.125rem) 0 0;padding-left:.15em;max-width:26ch;font-size:clamp(1rem,2.06vw,2rem);line-height:1.26;letter-spacing:-.02em;color:var(--muted)}.dua-card{display:grid;grid-template-rows:auto 1fr auto;align-items:center;min-width:0;min-height:clamp(18rem,30vw,28.75rem);padding:clamp(1.5rem,2.9vw,2.75rem) clamp(1.5rem,3.65vw,3.5rem);border:1px solid #696969;border-radius:clamp(1rem,1.55vw,1.5rem);background:var(--surface)}.dua-category{margin:0;letter-spacing:.025em;font-size:clamp(1.125rem,2.08vw,2rem)}.dua-faces{display:grid;align-items:center;text-align:center}.dua-faces p{grid-area:1 / 1;margin:0}.dua-arabic{font-size:clamp(3.125rem,6.45vw,6.1875rem)}.dua-meaning{font-size:clamp(1.375rem,2.55vw,2.5rem);line-height:1.4}.dua-toggle{justify-self:center;min-height:2.75rem;width:min(100%,16em);padding:.45em .75em;border:1px solid #828282;border-radius:.45rem;background:transparent;color:var(--text);font-size:clamp(1rem,1.95vw,1.875rem);line-height:1.45;cursor:pointer}.dua-toggle:hover{background:var(--surface-raised)}@media (prefers-reduced-motion: no-preference){.dua-card{transform-style:preserve-3d;transition:transform .42s ease-in-out}.dua-faces{transform-style:preserve-3d}.dua-category,.dua-toggle{transition:transform .42s steps(2,jump-none)}.dua-card[data-flipped=true] :is(.dua-category,.dua-toggle){transform:rotateY(180deg)}.dua-faces p{backface-visibility:hidden}.dua-card[data-flipped=true],.dua-meaning{transform:rotateY(180deg)}}@media (prefers-reduced-motion: reduce){.dua-card{transition:none}.dua-faces [aria-hidden=true]{visibility:hidden}}.memorization-story{border-top:1px solid #696969;padding-block:clamp(2.5rem,3.5vw,3.375rem) clamp(3rem,5vw,4.75rem)}.memorization-story h2{letter-spacing:-.012em;font-size:clamp(2.5rem,4.65vw,4.5rem);line-height:1.1}.memorization-steps{display:grid;grid-template-columns:1.06fr 1.02fr 1fr;gap:clamp(1.25rem,3.2vw,3rem);list-style:none;padding:clamp(1.5rem,2vw,2rem) 0 0;margin:clamp(1.25rem,1.6vw,1.5rem) 0 0;border-top:1px solid #686868}.memorization-steps span{font-size:clamp(1rem,1.65vw,1.625rem)}.memorization-steps h3{margin:.35em 0 0;font-size:clamp(1.25rem,2.22vw,2.125rem);font-weight:500;line-height:1.26;letter-spacing:0}.memorization-steps p{margin:.85em 0 0;font-size:clamp(1rem,1.63vw,1.5625rem);line-height:1.36;letter-spacing:-.005em;color:#c4c4c4}@media (max-width: 760px){.flip-story{grid-template-columns:1fr;gap:2rem;perspective-origin:50% 65%}.flip-intro{padding:0}.flip-intro p{margin-top:1rem;padding:0}}@media (max-width: 850px){.memorization-steps{grid-template-columns:1fr;gap:0;padding:0}.memorization-steps li{padding-block:1.375rem}.memorization-steps li+li{border-top:1px solid var(--line)}}
