@font-face{font-family:Amiri;src:url('/assets/amiri.woff2') format('woff2');font-display:swap;font-weight:400}@font-face{font-family:NotoArabic;src:url('/assets/noto-arabic.woff2') format('woff2');font-display:swap;font-weight:400} :root{color-scheme:dark;--bg:#08141d;--paper:#f2e6d1;--muted:#9faeae;--gold:#d9ba81;--line:#d9ba812b;--ease:cubic-bezier(.2,.65,.25,1)} *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--paper);font-family:NotoArabic,system-ui,sans-serif;font-size:15px;line-height:1.8;min-width:300px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:6px}a:hover{color:var(--gold)}::selection{color:var(--bg);background:var(--gold)}.skip{position:fixed;inset-block-start:8px;inset-inline-start:16px;z-index:20;background:var(--paper);color:var(--bg);padding:8px 16px;transform:translateY(-150%)}.skip:focus{transform:none} .sky{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden;background:radial-gradient(ellipse at 26% 40%,#18303983,transparent 54%),radial-gradient(ellipse at 90% 10%,#2845473d,transparent 40%),linear-gradient(135deg,#0b1d27,#08141d 55%,#0d1b22)}.sky:after{content:'';position:absolute;inset:0;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.22' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.star-field{position:absolute;inset:0;opacity:.6;background-image:radial-gradient(1px 1px at 11% 19%,#e8d2a1 99%,transparent),radial-gradient(1px 1px at 83% 72%,#e8d2a1 99%,transparent),radial-gradient(1px 1px at 62% 32%,#c1d1cc 99%,transparent),radial-gradient(1px 1px at 38% 86%,#d6d5bb 99%,transparent);background-size:307px 283px;animation:star-breathe 7s ease-in-out infinite alternate}.star-field.second{transform:scale(1.3) rotate(12deg);opacity:.25;animation-delay:-4s}.sky-glow{position:absolute;left:10%;top:15%;width:55vw;height:55vw;max-width:850px;max-height:850px;border-radius:50%;background:radial-gradient(circle,#9caf9130,transparent 65%);animation:glow-drift 18s ease-in-out infinite alternate} .shell{width:min(1320px,calc(100% - 112px));margin-inline:auto}.header{height:112px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #d9ba8114}.brand{display:flex;align-items:center;gap:13px;line-height:1.1}.brand-mark{width:37px;height:48px;stroke:var(--gold)}.brand-ar{font-family:Amiri,serif;font-size:32px;display:block}.brand-latin{font-family:system-ui,sans-serif;font-size:8px;letter-spacing:.4em;color:var(--gold);display:block;margin-top:8px}.header-actions{display:flex;align-items:center;gap:25px;font-size:12px}.language{font-family:system-ui,sans-serif;display:inline-flex;gap:9px;align-items:center}.language svg{width:15px;height:15px;color:var(--gold)}.nav-support{color:#bdc7c4}.divider{height:14px;width:1px;background:var(--line)} .home{min-height:calc(100svh - 112px);display:flex;flex-direction:column}.hero{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;min-height:min(740px,calc(100svh - 200px));gap:24px;position:relative;padding-block:16px}.hero-copy{padding-block:25px;position:relative;z-index:1}.eyebrow{font-size:11px;letter-spacing:.05em;color:var(--gold);display:flex;gap:12px;align-items:center}.eyebrow:before{content:'';width:27px;height:1px;background:var(--gold);opacity:.6}.hero h1{font-family:Amiri,serif;font-weight:400;font-size:clamp(108px,12vw,180px);line-height:1.15;margin:26px -7px 2px;letter-spacing:-.035em;color:#f5e8d0;text-shadow:0 5px 55px #d6ba7920}.hero-tagline{font-family:Amiri,serif;font-size:clamp(25px,3vw,39px);margin:0 0 17px;color:#d3d9ce}.hero-description{font-size:13px;color:var(--muted);margin:0;max-width:350px}.stores{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.store{border:1px solid #d9ba813b;border-radius:13px;display:flex;align-items:center;gap:12px;min-width:170px;padding:11px 19px;background:linear-gradient(130deg,#d9ba810a,transparent);line-height:1.5;transition:background .25s,border-color .25s,transform .25s}.store:hover{background:#d9ba8111;border-color:#d9ba8170;transform:translateY(-2px)}.store svg{width:23px;height:26px;flex-shrink:0;fill:var(--paper)}.store small{display:block;font-size:9px;color:var(--muted);margin-bottom:1px}.store strong{font-family:system-ui,sans-serif;font-size:15px;font-weight:500;letter-spacing:.01em}.release-note{display:flex;align-items:center;gap:8px;font-size:10px;color:#90a19f;margin-top:18px}.status-dot{width:5px;height:5px;display:inline-block;border-radius:50%;background:#c5ba8d;box-shadow:0 0 12px #dfc89977}.hero-art{position:relative;min-width:0;align-self:center;direction:ltr}.scene{display:block;width:110%;max-width:760px;margin-left:-5%;overflow:visible;aspect-ratio:760/800}.art-caption{position:absolute;bottom:2%;left:50%;transform:translateX(-50%);white-space:nowrap;color:#afbdaf;opacity:.45;font-size:8px;letter-spacing:.32em;font-family:system-ui,sans-serif}.feature-whisper{display:flex;gap:20px;align-items:center;margin-top:35px;font-size:11px;color:#a0b0aa}.feature-whisper span{display:flex;gap:7px;align-items:center}.feature-whisper svg{width:15px;height:15px;color:var(--gold);opacity:.75}.feature-whisper i{height:3px;width:3px;border-radius:100%;background:var(--gold);opacity:.4}.home-footer{margin-top:auto}.footer{padding-block:22px;display:flex;align-items:center;justify-content:space-between;gap:22px;border-top:1px solid #d9ba811d;color:#94a4a3;font-size:10px}.footer-links{display:flex;gap:26px;align-items:center;flex-wrap:wrap}.copyright{font-family:system-ui,sans-serif;font-size:10px;color:#6f8486}.motion-toggle{padding:0;cursor:pointer;background:none;border:none;display:flex;align-items:center;gap:7px;color:#98a8a5;font-size:10px;min-height:32px}.motion-toggle svg{width:13px;height:13px}.footer-end{display:flex;align-items:center;gap:28px} .reveal{animation:arrive 1.2s var(--ease) both}.hero-tagline{animation-delay:.12s}.hero-description{animation-delay:.22s}.stores{animation-delay:.32s}.feature-whisper{animation-delay:.42s}.portal-body{animation:portal-arrive 1.8s var(--ease) both;transform-origin:380px 580px}.portal-outer{animation:portal-arrive 2.1s var(--ease) both;transform-origin:380px 580px}.mosque{animation:mosque-arrive 2.3s var(--ease) both}.book{animation:book-open 2.4s var(--ease) both;transform-origin:373px 691px}.book-float{animation:float-book 8s 2.4s ease-in-out infinite}.book-shadow{animation:shadow-breathe 8s 2.4s ease-in-out infinite}.moon{animation:float-moon 12s ease-in-out infinite}.sparkles{animation:star-breathe 4s ease-in-out infinite alternate}.cloud-a{animation:cloud-drift 18s ease-in-out infinite alternate}.outer-orbit{animation:orbit-arrive 2.8s var(--ease) both}.scene-halo{animation:star-breathe 6s ease-in-out infinite alternate} @keyframes arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes portal-arrive{from{opacity:0;transform:translateY(35px) scale(.94)}to{opacity:1;transform:none}}@keyframes mosque-arrive{from{opacity:0;transform:translateY(80px)}35%{opacity:0}to{opacity:1;transform:none}}@keyframes book-open{from{opacity:0;transform:translateY(50px) scale(.8,.35)}30%{opacity:0}to{opacity:1;transform:none}}@keyframes orbit-arrive{from{opacity:0;transform:scale(.9);transform-origin:center}to{opacity:.25;transform:none}}@keyframes float-book{0%,100%{transform:translateY(0) rotate(-.4deg)}50%{transform:translateY(-10px) rotate(.4deg)}}@keyframes shadow-breathe{0%,100%{opacity:.65}50%{opacity:.35}}@keyframes float-moon{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes star-breathe{from{opacity:.35}to{opacity:.85}}@keyframes glow-drift{from{transform:translate(-3%,2%);opacity:.5}to{transform:translate(5%,-3%);opacity:1}}@keyframes cloud-drift{from{transform:translateX(-12px)}to{transform:translateX(15px)}} .document{max-width:780px;margin:75px auto 100px}.back-home{display:inline-flex;align-items:center;gap:9px;color:var(--gold);font-size:12px}.back-home svg{width:16px;height:16px}html[dir=rtl] .back-home svg{transform:scaleX(-1)}.page-kicker{font-family:system-ui,sans-serif;font-size:10px;letter-spacing:.25em;color:var(--gold);margin-top:45px}.document h1{font-family:Amiri,Georgia,serif;font-size:clamp(42px,6vw,66px);font-weight:400;line-height:1.3;margin:18px 0 22px}.document .intro{font-size:17px;color:#becac2;max-width:650px;margin-bottom:36px}.updated{font-size:11px;color:#8a9c9c;margin-bottom:42px}.document h2{font-size:17px;color:#e8d5b2;font-weight:500;margin-top:35px;margin-bottom:12px}.document p,.document li{font-size:14px;color:#adbfbc;line-height:2}.document ul{padding-inline-start:22px}.document a:not(.back-home){color:var(--gold);text-decoration:underline;text-decoration-color:#d9ba8150;text-underline-offset:4px;overflow-wrap:anywhere}.document section+section{border-top:1px solid #d9ba811c;margin-top:30px;padding-top:5px}.contact-card{border:1px solid var(--line);padding:30px 34px;border-radius:18px;margin:35px 0 50px;background:linear-gradient(120deg,#d9ba810b,transparent)}.contact-card .contact-label{font-size:11px;margin:0 0 5px;color:#a4b3ac}.contact-email{font-family:system-ui,sans-serif;direction:ltr;display:inline-block;font-size:clamp(20px,4vw,29px);text-decoration:none!important;letter-spacing:-.02em}.contact-caption{font-size:11px!important;margin:15px 0 0}.faq{margin-top:40px}.faq details{border-bottom:1px solid #d9ba8123;padding:20px 0}.faq summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:15px;list-style:none;gap:25px;color:#e1ddcb}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';font:22px system-ui,sans-serif;font-weight:200;color:var(--gold)}.faq details[open] summary:after{content:'−'}.faq details p{margin-bottom:5px;max-width:650px}.document-footer{max-width:1320px;margin:auto}.notice{font-size:12px!important;color:#bdc5b9!important;border-inline-start:2px solid var(--gold);padding-inline-start:18px;margin-top:26px}.not-found{text-align:center;min-height:60svh;display:grid;place-content:center;gap:15px}.not-found h1{font-size:80px;font-weight:300;margin:0;color:var(--gold)} html[lang=en] body{font-family:system-ui,sans-serif}html[lang=en] .hero h1{font-family:Amiri,serif;font-size:clamp(108px,12vw,180px);letter-spacing:0}html[lang=en] .hero-tagline{font-family:Georgia,serif;font-size:clamp(27px,3vw,40px);letter-spacing:-.03em}html[lang=en] .hero-description{line-height:1.8;max-width:320px}html[lang=en] .hero-art{grid-column:2;grid-row:1}html[lang=en] .document h1{font-family:Georgia,serif;letter-spacing:-.03em}html[lang=en] .document p,html[lang=en] .document li{line-height:1.9} @media(min-width:1500px){.hero{gap:70px}.scene{width:110%;margin-left:-5%}}@media(max-width:1050px){.shell{width:calc(100% - 64px)}.hero{gap:0}.store{min-width:146px;padding:10px 14px}.stores{gap:10px}.hero h1{font-size:130px}.feature-whisper{gap:12px}.hero-description{max-width:300px;font-size:12px}.scene{width:115%;margin-left:-7.5%}.header{height:96px}.home{min-height:calc(100svh - 96px)}.footer-end{gap:20px}.footer-links{gap:18px}} @media(max-width:720px){.shell{width:calc(100% - 40px)}.header{height:88px}.brand-mark{width:28px;height:37px}.brand-ar{font-size:27px}.brand-latin{font-size:7px}.header-actions{gap:16px}.nav-support{font-size:11px}.hero{display:flex;flex-direction:column;gap:0;min-height:0;padding-block:30px 20px}.hero-copy{text-align:center;padding:0;width:100%;display:flex;flex-direction:column;align-items:center}.eyebrow{font-size:10px;gap:9px}.eyebrow:after{content:'';width:24px;height:1px;background:var(--gold);opacity:.6}.eyebrow:before{width:24px}.hero h1,html[lang=en] .hero h1{font-size:108px;line-height:1.1;margin:12px 0 -3px}.hero-tagline{font-size:25px;margin-bottom:9px}.hero-description{font-size:11px;max-width:290px}.hero-art{width:min(100%,425px);margin:-4px auto 0;order:1;height:auto}.scene{width:100%;margin:0}.art-caption{display:none}.hero-copy .stores{margin-top:22px;justify-content:center;gap:10px}.store{min-width:145px;padding:9px 15px;border-radius:11px;text-align:start}.store strong{font-size:14px}.store small{font-size:8px}.store svg{width:20px;height:24px}.feature-whisper{margin-top:18px;font-size:9px;gap:13px}.feature-whisper svg{height:13px;width:13px}.release-note{margin-top:12px;font-size:9px}.footer{padding-block:20px;flex-direction:column;gap:15px;text-align:center}.footer-links{gap:24px}.footer-end{width:100%;justify-content:space-between;gap:12px;font-size:9px}.motion-toggle{font-size:9px}.home{min-height:calc(100svh - 88px)}.document{margin:35px auto 65px}.page-kicker{margin-top:30px}.document h1{margin-top:14px}.document .intro{font-size:15px}.document p,.document li{font-size:13px}.contact-card{padding:23px;margin-block:28px 35px}.document h2{font-size:16px}.faq summary{font-size:13px}} @media(max-width:380px){.shell{width:calc(100% - 30px)}.header-actions{gap:12px}.store{min-width:136px;padding-inline:12px}.feature-whisper{gap:9px}.hero-art{margin-top:4px}.copyright{font-size:9px}} html[data-motion=off] *,html[data-hidden=true] *{animation-play-state:paused!important}html[data-motion=off] .reveal,html[data-motion=off] .portal-body,html[data-motion=off] .portal-outer,html[data-motion=off] .mosque,html[data-motion=off] .book,html[data-motion=off] .outer-orbit{animation:none!important;opacity:1;transform:none}html[data-motion=off]{scroll-behavior:auto} @media(prefers-reduced-motion:reduce){html:not([data-motion=on]){scroll-behavior:auto}html:not([data-motion=on]) *,html:not([data-motion=on]) *:before,html:not([data-motion=on]) *:after{animation:none!important;transition:none!important}html:not([data-motion=on]) :is(.reveal,.portal-body,.portal-outer,.mosque,.book,.outer-orbit){opacity:1;transform:none}} @media(max-width:720px){.hero-copy{display:contents}.hero>.hero-art{order:5;width:min(100%,350px);margin-top:-5px}.hero .eyebrow{order:1;justify-content:center}.hero h1,html[lang=en] .hero h1{order:2;font-size:96px;text-align:center}.hero .hero-tagline{order:3;text-align:center;margin:0 0 8px}.hero .hero-description{order:4;text-align:center}.hero .stores{order:6;margin-top:0;justify-content:center}.hero .release-note{order:7;justify-content:center}.hero .feature-whisper{order:8;justify-content:center;margin-top:12px}.hero{padding-top:26px}.hero .hero-description{max-width:300px}} @media(max-width:720px){.hero .hero-description{font-size:12px}.hero .release-note,.feature-whisper{font-size:10px}.footer,.motion-toggle{font-size:11px}.header-actions{font-size:12px}.store small{font-size:10px}} @media(min-width:721px){.hero{min-height:0;flex:1;padding-block:15px}.scene{max-height:calc(100svh - 230px);width:100%;margin:0}.hero h1,html[lang=en] .hero h1{font-size:clamp(106px,11.5vw,158px);line-height:1.05;margin:18px -7px 0}.hero-tagline{margin:0 0 12px}.stores{margin-top:24px}.feature-whisper{margin-top:22px}.hero-copy{padding-block:20px}}