:root{color-scheme:dark;--bg:#080d16;--panel:#0f1726;--line:rgba(255,255,255,.08);--text:#eef2f7;--muted:#9aa8bd;--gold:#e9b94b;--green:#4fb59a;--gold-gradient:linear-gradient(115deg,#ffdc7c,#e9b94b 60%,#c9922e)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;color:var(--text);font:15px/1.6 Figtree,system-ui,sans-serif;background:radial-gradient(ellipse at 87% 10%,rgba(233,185,75,.11),transparent 40%),radial-gradient(ellipse at 0 27%,rgba(79,181,154,.08),transparent 36%),var(--bg)}body[aria-busy=true]{cursor:progress}html[lang=ar] body{font-family:'IBM Plex Sans Arabic',sans-serif}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.48}a{color:inherit;text-decoration:none}button,input,select{max-width:100%}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button,select,input:not([type=range]):not([type=checkbox]){border:1px solid var(--line);border-radius:9px;padding:10px 13px;background:#151f31;color:var(--text)}button:hover{border-color:#96772e}input[type=range]{width:100%;accent-color:var(--gold)}input[type=checkbox]{accent-color:var(--gold)}input[type=number]{width:100%}select{width:100%}button svg,a svg{width:19px;height:19px;vertical-align:middle;flex-shrink:0}.gold{background:var(--gold-gradient)!important;border:0!important;color:#241d0b!important;font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 20px;border:1px solid var(--line);border-radius:9px;background:#142033}.wide{width:100%}.muted{color:var(--muted)}small,.hint{font-size:12px;color:var(--muted)}.hint{line-height:1.7;margin:10px 0}.tag,.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:var(--gold);font-weight:600}.tag{letter-spacing:.08em;font-size:9px;border:1px solid #e9b94b44;padding:3px 7px;border-radius:4px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;line-height:1.05}html[lang=ar] h1,html[lang=ar] h2{font-family:Amiri,serif;line-height:1.4}h1{font-size:clamp(52px,6.6vw,88px);letter-spacing:-.03em;margin:20px 0 26px}h2{font-size:clamp(34px,4vw,51px);margin-bottom:17px}h3{font-size:17px}.wrap{width:min(1360px,92%);margin:auto}.panel{border:1px solid var(--line);border-radius:16px;background:var(--panel);padding:23px;min-width:0}.row{display:flex;gap:10px;align-items:center}.row>*{min-width:0}.row.fields>*{flex:1}.stack>*+*{margin-top:13px}label{display:block;font-size:13px;color:#b7c3d4;margin:15px 0 7px}.check{display:flex;align-items:center;gap:10px}.check input{margin:0}.section{padding:75px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.section-head p{max-width:530px;color:var(--muted);margin:0}.site-header{position:sticky;top:0;z-index:30;background:#080d16ef;backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}.header-inner{min-height:78px;display:flex;align-items:center;gap:24px;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap;font-weight:700;font-size:21px}.brand img{width:34px;height:34px}.nav{display:flex;gap:22px;font-size:13px;color:#b7c3d4}.language{display:flex;gap:10px;font-size:12px;white-space:nowrap}.language [aria-current]{color:var(--gold)}.header-cta{font-size:12px}.hero{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:75px;padding:72px 0 65px;position:relative}.hero-copy{position:relative}.hero-copy:before{content:'';position:absolute;inset:-50px 0 0 0;z-index:-1;background:url('favicon.svg') center/450px no-repeat;opacity:.025}.hero h1 span{background:var(--gold-gradient);background-clip:text;color:transparent}.hero p{max-width:540px;color:var(--muted);font-size:17px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}.hero-note{font-size:12px!important}.stats{display:flex;gap:36px;padding:22px 0 0;border-top:1px solid var(--line);margin-top:36px}.stats strong{display:block;font-size:23px;font-weight:500;color:#efdaa8}.stats small{font-size:11px}.hero-art{position:relative;padding:15px;display:flex;align-items:center;justify-content:center}.phone{width:280px;border:7px solid #202736;background:#111a24;box-shadow:0 24px 100px #0008;border-radius:39px;padding:6px;position:relative;transform:rotate(3deg)}.phone:before{content:'';position:absolute;width:88px;height:20px;border-radius:0 0 18px 18px;background:#202736;top:0;left:50%;transform:translateX(-50%);z-index:2}.phone canvas{display:block;width:100%;height:auto;border-radius:26px;aspect-ratio:9/16}.hero-caption{position:absolute;bottom:0;right:0;border:1px solid var(--line);background:#121c2c;padding:12px 18px;border-radius:10px;font-size:12px;box-shadow:0 8px 25px #0005}.hero-caption b{display:block;color:var(--gold)}.hero-audio{margin-top:25px;width:100%;font-size:12px}.studio{display:grid;grid-template-columns:330px minmax(260px,1fr) 290px;gap:18px;align-items:start}.tools{padding:16px}.tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);padding-bottom:15px;overflow:auto}.tabs button{flex:1;min-width:44px;padding:10px 6px;background:transparent}.tabs button[aria-selected=true]{color:var(--gold);background:#e9b94b12;border-color:#e9b94b44}.tabs button svg{width:21px;height:21px}.tab-panel{padding:3px 4px 12px;max-height:720px;overflow:auto}.tab-panel h3{margin:20px 0 5px}.dua{display:block;text-align:start;width:100%;margin-top:10px;padding:14px}.dua small{display:block}.swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}.swatch{height:75px;display:flex;align-items:end;padding:7px;text-align:start;font-size:10px;background-size:cover;border:1px solid #ffffff22}.swatch[aria-pressed=true]{outline:2px solid var(--gold)}.dropzone{border:1px dashed #667383;padding:22px 12px;text-align:center;border-radius:10px;margin:20px 0}.dropzone.drag{border-color:var(--gold)}input[type=file]{width:100%;font-size:11px}.color-choices{display:flex;gap:10px;margin:12px 0}.color-choices button{width:30px;height:30px;border-radius:50%;padding:0}.color-choices button[aria-pressed=true]{outline:2px solid white;outline-offset:3px}.preview-pane{background:#0c1320;overflow:hidden}.preview-heading{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:var(--muted);margin-bottom:18px}.canvas-holder{height:540px;display:flex;justify-content:center;align-items:center;background:radial-gradient(ellipse,#ffffff05,transparent)}#preview{max-height:100%;max-width:100%;width:auto;height:auto;border-radius:6px;box-shadow:0 18px 45px #0005}.player-controls{justify-content:center;margin:22px 0 12px}.player-controls button{padding:8px 10px}.player-controls .time{font-variant-numeric:tabular-nums;font-size:12px;direction:ltr}.quality-note{margin-top:12px;color:var(--green);font-size:11px}.sequence-list{max-height:275px;overflow:auto;margin:15px 0;display:grid;gap:7px}.scene{display:flex;gap:10px;align-items:center;text-align:start;width:100%;font-size:12px}.scene[aria-current=true]{border-color:#e9b94b66;background:#e9b94b0d}.scene span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Amiri;font-size:18px}.scene b{color:var(--gold);font-size:10px}.export-box{border-top:1px solid var(--line);margin-top:24px;padding-top:15px}progress{width:100%;accent-color:var(--gold);height:8px}.status{font-size:12px;color:var(--green);min-height:24px;overflow-wrap:anywhere}.exporting .studio{pointer-events:none}.exporting #cancelExport{pointer-events:auto}.exporting .preview-pane{opacity:.8}.reciter-info{padding:12px;background:#080d1666;margin-top:15px;border-radius:8px;font-size:12px}.prayer-layout{display:grid;grid-template-columns:310px 1fr;gap:22px}.prayer-clock{font-size:44px;font-weight:500;direction:ltr;color:var(--gold)}.prayer-top{display:flex;justify-content:space-between;gap:15px;align-items:center}.prayer-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.prayer-card{padding:18px;background:#111d2c;border:1px solid var(--line);border-radius:12px}.prayer-card.next{border-color:#e9b94b88;background:#e9b94b0a}.prayer-card b{display:block;font-size:25px;font-weight:500;color:#ecd59b;direction:ltr}.prayer-card .row{justify-content:space-between}.prayer-card button{padding:6px;color:var(--muted);background:transparent}.prayer-card button[aria-pressed=true]{color:var(--gold)}.next-prayer{color:var(--green);font-size:15px}.live-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.live-head{display:flex;align-items:center;justify-content:space-between}.live-badge{font-size:10px;background:#e64c4c20;color:#ff8585;padding:4px 9px;border-radius:6px}.live-frame{aspect-ratio:16/9;border:0;width:100%;background:#070c14;border-radius:9px}.live-card .hint{margin-bottom:0}.mushaf-controls{display:flex;align-items:center;flex-wrap:wrap;gap:15px}.mushaf-controls select{width:auto;max-width:260px}.book{display:grid;grid-template-columns:1fr 1fr;gap:6px;direction:rtl;margin:30px auto;max-width:1100px;perspective:1800px}.mushaf-page{background:#f5ead0;color:#30271b;position:relative;border:10px double #a18a52;min-height:790px;padding:27px 27px 55px;box-shadow:0 15px 40px #0006;transform-origin:left center;overflow:hidden}.mushaf-page:after{content:'';position:absolute;inset:8px;border:1px solid #a18a5266;pointer-events:none}.book.turning .mushaf-page:first-child{animation:turn .4s ease}.mushaf-page:nth-child(2){transform-origin:right center}.page-head{display:flex;justify-content:space-between;border-bottom:1px solid #a18a5266;font-size:12px;margin-bottom:20px}.mushaf-text{font-family:'Amiri Quran','Amiri',serif;font-size:25px;line-height:2.05;text-align:justify;direction:rtl;overflow-wrap:break-word}.mushaf-text h3{font:24px Amiri;text-align:center;border:1px solid #a18a52;padding:8px;border-radius:35px;background:#a18a5211}.mushaf-text .basmala{text-align:center;margin:10px 0}.page-number{position:absolute;bottom:15px;left:0;right:0;text-align:center;font-size:14px}.page-nav{justify-content:center;flex-wrap:wrap}.page-nav input{width:85px;text-align:center}.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.price-card{display:flex;flex-direction:column;padding:30px}.price-card.featured{border-color:#e9b94b77;position:relative}.price-card .recommended{color:var(--gold);font-size:10px;text-transform:uppercase;letter-spacing:.12em}.price{font-size:41px;line-height:1.2;color:#f0d694;margin:20px 0 8px}.price small{font-size:14px}.price-card ul{padding-inline-start:20px;flex:1;color:var(--muted);font-size:13px;line-height:2}.pricing-note{text-align:center;color:var(--muted);font-size:12px;padding:20px}.site-footer{border-top:1px solid var(--line);padding:35px 0;color:var(--muted);font-size:12px}.footer-row{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.credits{max-width:700px;line-height:2}.credits a{text-decoration:underline;text-underline-offset:3px}.notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#1b2b3e;border:1px solid var(--gold);border-radius:10px;padding:15px 22px;z-index:100;max-width:90%;font-size:13px}.adhan-banner{position:fixed;inset:80px 20px auto;background:var(--gold-gradient);color:#241d0b;padding:25px;text-align:center;z-index:80;border-radius:15px;font:36px Amiri}.skip{position:absolute;top:-100px}.skip:focus{top:5px;background:var(--panel);z-index:99;padding:15px}.loading{padding:40px}.poster-link{display:block;margin:20px 0;padding:14px;border:1px solid var(--line);border-radius:10px;color:var(--gold);font-size:13px}[hidden]{display:none!important}@keyframes turn{from{transform:rotateY(0);filter:brightness(1)}50%{transform:rotateY(25deg);filter:brightness(.7)}to{transform:rotateY(0);filter:brightness(1)}}@media(max-width:1150px){.nav{gap:12px}.header-cta{display:none}.studio{grid-template-columns:300px minmax(0,1fr)}.sequence-panel{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:25px}.export-box{margin:0;padding:0;border:0}.hero{gap:25px}.stats{gap:25px}}@media(max-width:760px){.wrap{width:92%}.header-inner{flex-wrap:wrap;gap:12px;padding:14px 0}.brand{font-size:18px}.brand img{width:28px;height:28px}.nav{order:3;width:100%;justify-content:space-between;gap:6px;font-size:12px;overflow:auto}.hero{grid-template-columns:1fr;padding:45px 0;gap:30px}.hero-art{max-width:350px;margin:auto}.hero h1{font-size:59px}.hero p{font-size:15px}.hero-copy:before{background-size:280px}.phone{width:225px}.hero-caption{right:-15px}.stats{gap:0;justify-content:space-between}.stats strong{font-size:21px}.stats small{font-size:10px}.section{padding:45px 0}.section-head{display:block}.section-head p{font-size:13px}.studio{grid-template-columns:minmax(0,1fr)}.tools,.preview-pane,.sequence-panel{grid-column:auto}.tab-panel{max-height:400px}.sequence-panel{display:block}.export-box{border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.canvas-holder{height:480px}.prayer-layout,.live-grid,.pricing{grid-template-columns:1fr}.prayer-cards{grid-template-columns:repeat(2,1fr)}.prayer-top{flex-direction:column;align-items:start}.book{grid-template-columns:1fr}.mushaf-page:nth-child(2){display:none}.mushaf-page{padding:20px 16px 50px;min-height:700px;border-width:6px}.mushaf-text{font-size:23px}.mushaf-controls{gap:10px}.mushaf-controls select{max-width:100%;width:100%}.prayer-clock{font-size:38px}.footer-row{display:block}.brand .tag{font-size:8px}.panel{padding:18px}.hero-actions .btn{flex:1;font-size:13px;white-space:nowrap;padding:12px}.book{touch-action:pan-y}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.phone{transform:none}}