/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.static{position:static}.start{inset-inline-start:var(--spacing)}.table{display:table}}:root{--espresso:#261710;--brown:#5b321d;--brown-2:#76472c;--caramel:#a87552;--gold:#c7a477;--cream:#f7f1e9;--cream-2:#ede2d5;--paper:#fffdf9;--text:#241a15;--muted:#76685f;--line:#4e2f1f24}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--text);margin:0;font-family:Avenir Next,Segoe UI,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,a,summary{outline-offset:4px}:focus-visible{outline:2px solid var(--brown-2)}.site-header{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffdf9d6;border:1px solid #5b321d1a;border-radius:18px;justify-content:space-between;align-items:center;width:min(1180px,100% - 40px);height:78px;padding:0 18px 0 14px;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #351f1414}.brand{letter-spacing:-.4px;align-items:center;gap:11px;font-size:18px;font-weight:750;display:flex}.brand-mark{background:var(--brown);color:#fff;border-radius:13px;place-items:center;width:42px;height:42px;font-family:Georgia,serif;font-size:24px;font-weight:400;display:grid}.site-header nav{color:#55483f;align-items:center;gap:30px;font-size:13px;font-weight:600;display:flex}.site-header nav a:hover{color:var(--brown)}.nav-cta{background:var(--espresso);color:#fff;border-radius:12px;padding:13px 18px;font-size:13px;font-weight:700}.nav-cta span{color:var(--gold);margin-left:8px}.hero{background:linear-gradient(135deg,#fbf7f2 0%,#f5ede3 54%,#ecdfd1 100%);grid-template-columns:1fr 1.08fr;align-items:center;gap:40px;min-height:920px;padding:150px max(7vw,30px) 70px;display:grid;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(circle,#a774502e,#0000 68%);border-radius:50%;width:620px;height:620px;position:absolute;top:60px;right:-120px}.hero-pattern{opacity:.14;background-image:linear-gradient(30deg,#0000 49%,#5b321d1f 50%,#0000 51%),linear-gradient(-30deg,#0000 49%,#5b321d1a 50%,#0000 51%);background-size:70px 120px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 48%,#000);mask-image:linear-gradient(90deg,#0000 48%,#000)}.hero-copy{z-index:2;max-width:620px;margin-left:auto;position:relative}.eyebrow{color:var(--brown-2);letter-spacing:2.3px;text-transform:uppercase;align-items:center;gap:10px;margin:0 0 22px;font-size:12px;font-weight:750;display:flex}.eyebrow span{background:currentColor;width:30px;height:1px;display:block}.hero h1,.section-heading h2,.showcase h2,.prayer-copy h2,.faq-intro h2,.cta-section h2{letter-spacing:-3.5px;margin:0;font-family:Georgia,Times New Roman,serif;font-weight:400;line-height:.99}.hero h1{font-size:clamp(56px,6.1vw,90px)}.hero h1 em,.showcase h2 em{color:var(--brown-2);font-weight:400}.hero-lead{color:var(--muted);max-width:570px;margin:28px 0 30px;font-size:17px;line-height:1.75}.store-buttons{flex-wrap:wrap;gap:12px;display:flex}.store-btn{background:#fffc;border:1px solid #2b1c1533;border-radius:13px;align-items:center;gap:12px;min-width:175px;height:58px;padding:0 17px;font-size:15px;font-weight:750;transition:all .25s;display:flex;box-shadow:0 5px 18px #2b1c1512}.store-btn:hover{transform:translateY(-3px);box-shadow:0 10px 24px #2b1c1521}.store-btn-dark{background:var(--espresso);color:#fff;border-color:var(--espresso)}.store-btn small{letter-spacing:.4px;margin-bottom:1px;font-size:9px;font-weight:500;display:block}.store-icon{font-size:21px}.triangle{font-size:19px}.availability{color:var(--muted);margin-top:20px;font-size:12px}.availability span{color:var(--brown);margin-right:7px}.hero-visual{z-index:2;height:710px;position:relative}.hero-orbit{border:1px solid #5b321d29;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-one{width:610px;height:610px}.orbit-two{width:465px;height:465px}.phone{aspect-ratio:1320/2868;background:linear-gradient(135deg,#fff 0%,#e8e6e1 36%,#fff 64%,#d8d6d1 100%);border:1px solid #c7c5bf;border-radius:46px;width:282px;padding:8px;position:relative;box-shadow:0 30px 60px #2b1c1538,inset 0 0 0 1px #fff}.phone:after{content:"";pointer-events:none;border:1px solid #ffffffe6;border-radius:43px;position:absolute;inset:2px}.phone-screen{background:#000;border:6px solid #111;border-radius:39px;width:100%;height:100%;position:relative;overflow:hidden}.phone-screen img{object-fit:cover;width:100%;height:100%}.dynamic-island{background:#070707;border-radius:20px;width:29%;height:22px;position:absolute;top:11px;left:50%;transform:translate(-50%);box-shadow:inset 0 1px 2px #ffffff1a}.phone-button{background:#d5d3ce;border:1px solid #aaa9a5;border-radius:3px 0 0 3px;width:4px;position:absolute;left:-4px}.phone-button-a{height:27px;top:22%}.phone-button-b{height:48px;top:30%}.phone-button-c{height:48px;top:39%}.hero-phone-main{z-index:3;width:310px;position:absolute;top:49%;left:49%;transform:translate(-50%,-50%)rotate(1.5deg)}.hero-phone-back{opacity:.94;z-index:1;width:235px;position:absolute;top:50%;left:20%;transform:translate(-50%,-50%)rotate(-8deg)}.float-card{z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffdf9eb;border:1px solid #fff;border-radius:15px;align-items:center;gap:11px;padding:12px 15px;display:flex;position:absolute;box-shadow:0 14px 32px #2b1c1526}.float-card>span{background:var(--cream-2);width:34px;height:34px;color:var(--brown);border-radius:10px;place-items:center;font-weight:900;display:grid}.float-card b,.float-card small{display:block}.float-card b{font-size:12px}.float-card small{color:var(--muted);margin-top:2px;font-size:9px}.float-qibla{top:27%;right:2%}.float-prayer{bottom:21%;left:1%}.section{padding:120px max(7vw,30px)}.section-heading{max-width:750px}.section-heading h2,.prayer-copy h2,.faq-intro h2{font-size:clamp(44px,5vw,72px)}.section-heading>p:last-child,.prayer-copy>p,.faq-intro>p{max-width:580px;color:var(--muted);font-size:16px;line-height:1.7}.features{background:var(--paper)}.feature-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:55px;display:grid}.feature-card{background:var(--cream);border:1px solid var(--line);border-radius:20px;min-height:285px;padding:30px;transition:all .3s;position:relative;overflow:hidden}.feature-card:hover{border-color:#5b321d4d;transform:translateY(-6px);box-shadow:0 18px 35px #2b1c1514}.feature-number{color:#5b321d40;font-family:Georgia,serif;font-size:14px;position:absolute;top:20px;right:22px}.feature-icon{background:var(--brown);color:#fff;border-radius:15px;place-items:center;width:52px;height:52px;margin-bottom:35px;font-size:22px;display:grid}.feature-card h3{margin:0 0 11px;font-family:Georgia,serif;font-size:25px;font-weight:400}.feature-card p{color:var(--muted);margin:0;font-size:14px;line-height:1.65}.showcase{background:var(--espresso);color:#fff;grid-template-columns:1.1fr .9fr;align-items:center;min-height:860px;padding:110px max(7vw,30px);display:grid;overflow:hidden}.showcase-visual{height:650px;position:relative}.visual-glow{background:radial-gradient(circle,#b9815852,#0000 66%);border-radius:50%;width:560px;height:560px;position:absolute;top:50%;left:47%;transform:translate(-50%,-50%)}.showcase-phone{position:absolute}.showcase-phone.primary{z-index:2;width:285px;top:50%;left:35%;transform:translate(-50%,-50%)rotate(-5deg)}.showcase-phone.secondary{opacity:.9;width:255px;top:50%;left:64%;transform:translate(-50%,-50%)rotate(6deg)}.eyebrow.light{color:#d6b894}.showcase-copy{max-width:540px}.showcase h2{font-size:clamp(52px,5.4vw,78px)}.showcase-copy>p:not(.eyebrow){color:#c9beb7;margin:26px 0 35px;font-size:16px;line-height:1.8}.showcase ul{gap:20px;margin:0;padding:0;list-style:none;display:grid}.showcase li{align-items:center;gap:15px;display:flex}.showcase li>span{color:#d6b894;border:1px solid #fff3;border-radius:50%;place-items:center;width:35px;height:35px;display:grid}.showcase li b,.showcase li small{display:block}.showcase li b{font-size:14px}.showcase li small{color:#9f9188;margin-top:4px;font-size:12px}.prayer-section{grid-template-columns:.85fr 1.15fr;align-items:center;gap:70px;min-height:900px;display:grid}.prayer-copy{max-width:580px}.prayer-copy>p{margin:25px 0}.prayer-pills{flex-wrap:wrap;gap:8px;margin:28px 0 40px;display:flex}.prayer-pills span{background:var(--cream-2);border:1px solid var(--line);border-radius:999px;padding:9px 14px;font-size:11px;font-weight:750}.mini-feature{border-left:3px solid var(--brown);background:#fffdf994;padding:24px}.mini-feature b{font-family:Georgia,serif;font-size:21px;font-weight:400}.mini-feature p{color:var(--muted);margin:7px 0 0;font-size:13px;line-height:1.6}.prayer-visual{height:690px;position:relative}.arch{background:linear-gradient(#eadbcd,#0000);border:1px solid #5b321d29;border-radius:240px 240px 25px 25px;position:absolute;inset:20px 2% 0 12%}.prayer-phone{z-index:2;width:285px;position:absolute;top:49%;left:38%;transform:translate(-50%,-50%)rotate(-3deg)}.qibla-phone{width:245px;position:absolute;top:52%;left:67%;transform:translate(-50%,-50%)rotate(5deg)}.gallery-section{background:#e9ddd0;padding:115px 0 100px;overflow:hidden}.centered{text-align:center;margin:0 auto}.centered .eyebrow{justify-content:center}.centered>p:last-child{margin:18px auto}.gallery{scroll-snap-type:x mandatory;scrollbar-width:none;align-items:center;gap:30px;padding:65px max(6vw,40px) 45px;display:flex;overflow-x:auto}.gallery::-webkit-scrollbar{display:none}.gallery-item{scroll-snap-align:center;text-align:center;flex:0 0 255px}.gallery-item .phone{width:100%;transition:all .3s}.gallery-item:hover .phone{transform:translateY(-10px)}.gallery-item h3{color:var(--brown);margin:18px 0;font-family:Georgia,serif;font-size:17px;font-weight:400}.gallery-1,.gallery-4{flex-basis:285px}.swipe-hint{text-align:center;text-transform:uppercase;letter-spacing:2px;color:var(--muted);font-size:10px}.routine{background:var(--paper)}.routine-grid{grid-template-columns:repeat(4,1fr);gap:0;margin-top:70px;display:grid}.routine-grid article{border-left:1px solid var(--line);padding:0 26px;position:relative}.routine-grid article:last-child{border-right:1px solid var(--line)}.routine-grid article>span{color:var(--brown-2);letter-spacing:2px;font-size:11px;font-weight:800}.routine-grid h3{margin:50px 0 10px;font-family:Georgia,serif;font-size:25px;font-weight:400}.routine-grid p{color:var(--muted);font-size:13px;line-height:1.6}.routine-line{background:var(--line);width:100%;height:1px;position:absolute;top:36px;left:0}.routine-line:after{content:"";background:var(--brown);border-radius:50%;width:9px;height:9px;position:absolute;top:-4px;left:25px}.cta-section{background:var(--brown);color:#fff;grid-template-columns:1fr 430px;align-items:center;min-height:660px;padding:100px max(9vw,40px);display:grid;position:relative;overflow:hidden}.cta-section:before{content:"";background:radial-gradient(circle at 80%,#dfba9033,#0000 34%);position:absolute;inset:0}.cta-section>div{z-index:2;max-width:700px;position:relative}.cta-section h2{font-size:clamp(52px,5.6vw,80px)}.cta-section>div>p:not(.eyebrow){color:#d8c8bc;max-width:600px;margin:25px 0 32px;line-height:1.7}.cta-section .store-btn-dark{color:var(--espresso);background:#fff;border-color:#fff}.cta-section .store-btn:not(.store-btn-dark){color:#fff;background:0 0;border-color:#ffffff59}.cta-phone{width:310px;position:absolute;top:10%;right:10%;transform:rotate(7deg)}.faq{background:var(--cream);grid-template-columns:.8fr 1.2fr;gap:80px;display:grid}.faq-intro{align-self:start;position:sticky;top:130px}.faq-list details{border-top:1px solid var(--line);padding:22px 0}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;justify-content:space-between;gap:20px;font-family:Georgia,serif;font-size:21px;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--brown);font-family:Arial,sans-serif;transition:all .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{color:var(--muted);max-width:700px;padding-right:50px;font-size:14px;line-height:1.7}footer{color:#ddd0c7;background:#1b110d;padding:75px max(7vw,30px) 28px}.footer-top{justify-content:space-between;gap:80px;display:flex}.footer-top>div:first-child>p{color:#998a80;max-width:300px;font-size:13px;line-height:1.7}.footer-links{grid-template-columns:repeat(3,1fr);gap:70px;display:grid}.footer-links>div{color:#998a80;flex-direction:column;gap:13px;font-size:12px;display:flex}.footer-links b{color:#fff;margin-bottom:7px}.footer-bottom{color:#76685f;border-top:1px solid #ffffff17;justify-content:space-between;margin-top:60px;padding-top:23px;font-size:10px;display:flex}@media (width<=1000px){.site-header nav{display:none}.hero{text-align:center;grid-template-columns:1fr;min-height:auto;padding-top:145px}.hero-copy{margin:auto}.eyebrow{justify-content:center}.hero-lead{margin-left:auto;margin-right:auto}.store-buttons{justify-content:center}.hero-visual{height:680px}.float-qibla{right:8%}.float-prayer{left:8%}.feature-grid{grid-template-columns:repeat(2,1fr)}.showcase{grid-template-columns:1fr}.showcase-copy{text-align:center;margin:auto}.showcase-copy .eyebrow{justify-content:center}.showcase-visual{order:2}.showcase li{text-align:left}.prayer-section{grid-template-columns:1fr}.prayer-copy{text-align:center;margin:auto}.prayer-copy .eyebrow,.prayer-pills{justify-content:center}.prayer-visual{height:680px}.routine-grid{grid-template-columns:repeat(2,1fr);gap:50px 0}.cta-section{grid-template-columns:1fr;padding-right:45%}.faq{grid-template-columns:1fr}.faq-intro{position:static}.footer-top{flex-direction:column}}@media (width<=650px){.site-header{width:calc(100% - 20px);height:64px;padding:0 10px;top:10px}.site-header .brand{font-size:15px}.brand-mark{width:38px;height:38px}.nav-cta{padding:11px 13px}.hero{padding:120px 18px 50px}.hero h1{letter-spacing:-2.5px;font-size:50px}.hero-lead{font-size:15px}.store-buttons{grid-template-columns:1fr 1fr;width:100%;display:grid}.store-btn{justify-content:center;min-width:0;padding:0 12px}.hero-visual{height:545px;margin-top:20px}.orbit-one{width:470px;height:470px}.orbit-two{width:350px;height:350px}.hero-phone-main{width:244px}.hero-phone-back{width:190px;left:17%}.float-card{padding:9px 10px}.float-card small{display:none}.float-qibla{right:0}.float-prayer{left:0}.section{padding:85px 20px}.section-heading h2,.prayer-copy h2,.faq-intro h2{letter-spacing:-2px;font-size:43px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:240px}.showcase{padding:80px 20px}.showcase-visual{height:510px}.showcase-phone.primary{width:218px;left:34%}.showcase-phone.secondary{width:196px;left:66%}.showcase h2,.cta-section h2{letter-spacing:-2px;font-size:48px}.prayer-visual{height:535px}.prayer-phone{width:215px;left:35%}.qibla-phone{width:185px;left:66%}.gallery-section{padding:80px 0 60px}.gallery{gap:18px;padding:45px 30px 30px}.gallery-item{flex-basis:220px}.gallery-1,.gallery-4{flex-basis:240px}.routine-grid{grid-template-columns:1fr;gap:45px}.routine-grid article,.routine-grid article:last-child{border-right:0}.routine-grid h3{margin-top:40px}.cta-section{text-align:center;min-height:850px;padding:80px 20px 370px;display:block}.cta-section .eyebrow{justify-content:center}.cta-phone{width:230px;top:auto;bottom:-105px;right:50%;transform:translate(50%)rotate(4deg)}.faq{gap:45px}.faq-list summary{font-size:19px}.faq-list p{padding-right:10px}.footer-top{gap:45px}.footer-links{grid-template-columns:1fr 1fr;gap:35px}.footer-bottom{flex-direction:column;gap:8px}.phone{border-radius:38px}.phone-screen{border-radius:32px}.dynamic-island{height:17px;top:8px}}@media (width<=370px){.hero h1{font-size:43px}.store-buttons{grid-template-columns:1fr}.hero-visual{height:500px}.hero-phone-main{width:220px}.hero-phone-back{width:165px}.float-card{display:none}.section-heading h2,.prayer-copy h2,.faq-intro h2{font-size:38px}.prayer-phone{width:200px}.qibla-phone{width:170px}.footer-links{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}body{font-weight:400}.brand{font-weight:600}.site-header nav{font-weight:450}.nav-cta,.store-btn,.eyebrow,.feature-icon,.prayer-pills span,.float-card>span,.float-card b,.showcase li b,.footer-links b{font-weight:550}.store-btn small{font-weight:400}.hero-copy{animation:.85s cubic-bezier(.2,.7,.2,1) both hero-copy-in}.hero-visual{animation:1s cubic-bezier(.2,.7,.2,1) .12s both hero-visual-in}.hero-orbit{animation:8s ease-in-out infinite orbit-breathe}.orbit-two{animation-delay:-4s}.phone{aspect-ratio:.478;transform-style:preserve-3d;background:linear-gradient(120deg,#fff 0%,#d9d9d6 24%,#fff 48%,#c8c8c5 76%,#fafafa 100%);border:1px solid #bcbcb8;border-radius:51px;padding:5px;box-shadow:0 34px 72px #2b1c1538,0 8px 20px #2b1c151c,inset 0 0 0 1px #fffffff2}.phone:after{border-radius:49px;inset:1px}.phone-screen{background:#050505;border:4px solid #090909;border-radius:45px}.phone-screen img{object-fit:contain;background:#000}.dynamic-island{width:28%;height:20px;top:9px}.phone-button{z-index:-1;background:linear-gradient(#efefed,#b6b6b3);border-color:#aaa9a5;width:4px}.phone-button-a{height:26px;top:20%;left:-4px}.phone-button-b{height:49px;top:27%;left:-4px}.phone-button-c{height:49px;top:36%;left:-4px}.phone-button-d{border-radius:0 3px 3px 0;height:72px;top:31%;left:auto;right:-4px}.hero-phone-main{animation:6s ease-in-out infinite phone-main-float}.hero-phone-back{animation:7s ease-in-out -2s infinite phone-back-float}.float-card{animation:5s ease-in-out infinite card-float}.float-prayer{animation-delay:-2.5s}.feature-card{animation:both reveal-up;animation-timeline:view();animation-range:entry 5% cover 28%}.gallery-item .phone{transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s}.gallery-item:hover .phone{transform:translateY(-12px)scale(1.015);box-shadow:0 42px 80px #2b1c153d}.footer-bottom a{color:#d6b894;transition:color .2s}.footer-bottom a:hover{color:#fff}@keyframes hero-copy-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes hero-visual-in{0%{opacity:0;transform:translate(38px)scale(.96)}to{opacity:1;transform:none}}@keyframes phone-main-float{0%,to{transform:translate(-50%,-50%)rotate(1.5deg)}50%{transform:translate(-50%,calc(-50% - 10px))rotate(.2deg)}}@keyframes phone-back-float{0%,to{transform:translate(-50%,-50%)rotate(-8deg)}50%{transform:translate(-50%,calc(8px - 50%))rotate(-6.5deg)}}@keyframes card-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes orbit-breathe{0%,to{opacity:.45;scale:.98}50%{opacity:1;scale:1.03}}@keyframes reveal-up{0%{opacity:0;transform:translateY(35px)}to{opacity:1;transform:none}}@media (width<=650px){.phone{border-radius:41px}.phone:after{border-radius:39px}.phone-screen{border-radius:36px}.dynamic-island{height:17px;top:7px}}@media (prefers-reduced-motion:reduce){.hero-copy,.hero-visual,.hero-orbit,.hero-phone-main,.hero-phone-back,.float-card,.feature-card{animation:none!important}}.feature-orbit{--orbit-size:650px;width:var(--orbit-size);height:var(--orbit-size);z-index:6;pointer-events:none;animation:44s linear infinite feature-wheel;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-slot{transform:rotate(var(--angle));position:absolute;inset:0}.orbit-feature{white-space:nowrap;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform:translateX(-50%) rotate(calc(-1 * var(--angle)));background:#fffdf9e6;border:1px solid #5b321d24;border-radius:999px;align-items:center;gap:8px;padding:8px 11px 8px 8px;animation:44s linear infinite feature-counter-wheel;display:flex;position:absolute;top:-2px;left:50%;box-shadow:0 8px 24px #2b1c151a}.orbit-feature span{background:var(--cream-2);min-width:28px;height:28px;color:var(--brown);border-radius:50%;place-items:center;padding:0 5px;font-family:Georgia,serif;font-size:11px;display:grid}.orbit-feature b{color:#4f4038;letter-spacing:.1px;font-size:10px;font-weight:500}@keyframes feature-wheel{to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes feature-counter-wheel{to{transform:translateX(-50%) rotate(-360deg) rotate(calc(-1 * var(--angle)))}}.hero-phone-main,.hero-phone-back{pointer-events:none}.hero-visual:hover .feature-orbit,.hero-visual:hover .orbit-feature{animation-play-state:paused}@media (width<=1250px){.feature-orbit{--orbit-size:590px}.orbit-feature{padding-right:8px}.orbit-feature b{display:none}}@media (width<=1000px){.feature-orbit{--orbit-size:610px}}@media (width<=650px){.feature-orbit{--orbit-size:410px}.orbit-feature{border-radius:50%;padding:5px}.orbit-feature span{width:27px;min-width:27px;height:27px}.hero-visual{margin-top:55px}.hero-orbit.orbit-one{width:420px;height:420px}.hero-orbit.orbit-two{width:310px;height:310px}}@media (width<=370px){.feature-orbit{--orbit-size:360px}.hero-orbit.orbit-one{width:365px;height:365px}.hero-orbit.orbit-two{width:280px;height:280px}}@media (prefers-reduced-motion:reduce){.feature-orbit,.orbit-feature{animation:none!important}}.site-header{background:linear-gradient(115deg,#fffffff0,#faf5eee0);border-color:#5b321d29;box-shadow:0 14px 45px #301b111a,inset 0 1px #ffffffe6}.site-header:before{content:"";pointer-events:none;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;background:linear-gradient(110deg,#fffffff2,#a97b5759,#ffffffb3);border-radius:19px;padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.brand-mark{background:linear-gradient(145deg,#74462c,#341f15);box-shadow:0 6px 15px #48271738}.site-header nav{background:#efe5d9a3;border:1px solid #5b321d14;border-radius:999px;gap:2px;padding:5px}.site-header nav a{border-radius:999px;padding:9px 14px;transition:background .25s,color .25s,transform .25s;position:relative}.site-header nav a:hover{color:var(--brown);background:#fffdf9f2;transform:translateY(-1px);box-shadow:0 4px 12px #2b1c150f}.nav-cta{background:linear-gradient(145deg,#3a241a,#1f130e);transition:transform .25s,box-shadow .25s;box-shadow:0 8px 18px #2b1c152e}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 12px 24px #2b1c153d}.feature-orbit{display:none}.phone,.phone-screen{aspect-ratio:auto;height:auto}.phone-screen img{aspect-ratio:1320/2868;object-fit:contain;width:100%;height:auto}.dynamic-island{height:18px;top:8px}.hero-visual{isolation:isolate}@media (width<=650px){.phone{aspect-ratio:auto}.phone-screen,.phone-screen img{height:auto}.dynamic-island{height:15px;top:6px}}.site-header{-webkit-backdrop-filter:blur(24px)saturate(1.25);backdrop-filter:blur(24px)saturate(1.25);background:#fffdf9e6;border:1px solid #572f1b1f;border-radius:22px;height:72px;padding:0 10px 0 9px;top:14px;box-shadow:0 18px 55px #331d121a}.site-header:before{display:none}.brand{gap:10px;padding-right:10px}.brand-mark{object-fit:cover;background:0 0;border:1px solid #ffbe664d;border-radius:15px;width:50px;height:50px;box-shadow:0 7px 18px #44231433}.brand-copy{flex-direction:column;line-height:1.05;display:flex}.brand-copy b{letter-spacing:-.35px;font-size:16px;font-weight:600}.brand-copy small{color:#8a776b;letter-spacing:1.1px;text-transform:uppercase;margin-top:5px;font-size:8px;font-weight:500}.site-header nav{background:#f2e9df;border:0;border-radius:15px;gap:1px;height:46px;padding:4px;box-shadow:inset 0 1px 3px #48281812}.site-header nav a{color:#625148;border-radius:11px;padding:10px 15px;font-size:12px}.site-header nav a:hover{background:#fffdf9;transform:none;box-shadow:0 5px 15px #361e121a}.nav-cta{height:50px;box-shadow:none;background:#442817;border-radius:15px;align-items:center;padding:0 18px;display:flex}.nav-cta:hover{box-shadow:none;background:#5b321d;transform:none}.cta-app-brand{align-items:center;gap:13px;margin:0 0 25px;display:flex}.cta-app-brand img{border-radius:18px;width:62px;height:62px;box-shadow:0 12px 28px #140a0642}.cta-app-brand span,.cta-app-brand b,.cta-app-brand small{display:block}.cta-app-brand b{font-family:Georgia,serif;font-size:23px;font-weight:400}.cta-app-brand small{color:#d0bdb0;letter-spacing:1px;text-transform:uppercase;margin-top:4px;font-size:10px}.footer-brand .brand-mark{border-radius:17px;width:58px;height:58px}.footer-brand .brand-copy b{color:#fff;font-size:18px}@media (width<=1000px){.site-header{height:70px}.brand-mark{width:48px;height:48px}.brand-copy small{display:none}}@media (width<=650px){.site-header{border-radius:19px;height:64px;padding:0 8px;top:9px}.site-header .brand{gap:8px}.site-header .brand-mark{border-radius:14px;width:46px;height:46px}.site-header .brand-copy b{font-size:14px}.nav-cta{border-radius:13px;height:46px;padding:0 13px;font-size:11px}.cta-app-brand{justify-content:center}.footer-brand .brand-copy small{display:block}}.footer-top>div:first-child>p{margin:26px 0 0}@media (width<=650px){.footer-top>div:first-child>p{margin-top:20px}}.site-header{background:#f8f3ece0;border:0;border-bottom:1px solid #532f1c1a;border-radius:0;width:100%;max-width:none;height:82px;padding:0 max(5vw,28px);top:0;box-shadow:0 8px 30px #351f140a}.site-header nav{height:auto;box-shadow:none;background:0 0;gap:30px;padding:0}.site-header nav a{border-radius:0;padding:8px 0;font-size:12px}.site-header nav a:after{content:"";background:var(--brown);height:1px;transition:right .25s;position:absolute;bottom:1px;left:0;right:100%}.site-header nav a:hover{box-shadow:none;background:0 0}.site-header nav a:hover:after{right:0}.nav-cta{border-radius:999px;height:46px;padding:0 19px}.hero{padding-top:145px}.feature-grid{grid-template-columns:repeat(4,1fr)}.feature-card{min-height:245px;padding:25px}.feature-icon{margin-bottom:27px}.feature-card h3{font-size:22px}.download-final{isolation:isolate;text-align:center;color:#fff;background:linear-gradient(150deg,#3b2216,#1c110c);padding:105px 24px 110px;position:relative;overflow:hidden}.download-glow{z-index:-1;background:radial-gradient(circle at 50% 10%,#c9996640,#0000 40%),linear-gradient(45deg,#0000 48%,#ffffff06 49% 51%,#0000 52%) 0 0/58px 58px;position:absolute;inset:0}.download-final>img{border-radius:22px;width:76px;height:76px;margin:0 auto 22px;box-shadow:0 16px 40px #0000004d}.download-arabic{color:#d7b98f;letter-spacing:2px;margin:0 0 18px;font-family:Georgia,serif;font-size:16px}.download-final h2{letter-spacing:-2.5px;margin:0;font-family:Georgia,serif;font-size:clamp(46px,5vw,70px);font-weight:400}.download-lead{color:#eaded5;margin:20px auto 0;font-family:Georgia,serif;font-size:clamp(19px,2vw,27px)}.download-support{color:#b9aaa1;max-width:690px;margin:17px auto 30px;font-size:14px;line-height:1.75}.download-final .store-buttons{justify-content:center}.download-final .store-btn-dark{color:var(--espresso);background:#fff;border-color:#fff}.download-final .store-btn:not(.store-btn-dark){color:#fff;background:0 0;border-color:#ffffff4d}.download-final>small{color:#88766c;letter-spacing:1px;text-transform:uppercase;margin-top:22px;font-size:10px;display:block}footer{color:var(--text);background:#f5eee5;border-top:1px solid #5b321d1a;padding:75px max(7vw,30px) 28px}.footer-brand,.footer-brand .brand-copy b{color:var(--text)}.footer-brand .brand-copy small{color:#8a776b}.footer-top>div:first-child>p,.footer-links>div{color:var(--muted)}.footer-links b{color:var(--text)}.footer-links a:hover{color:var(--brown)}.footer-bottom{color:#8a776b;border-top-color:#5b321d1f;align-items:center}.footer-bottom a{color:var(--brown)}.footer-blessing{color:#9b795f;font-family:Georgia,serif;font-size:13px}@media (width<=1100px){.feature-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=1000px){.site-header{padding:0 20px}.feature-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){.site-header{border-radius:0;width:100%;height:68px;padding:0 12px;top:0}.hero{padding-top:112px}.feature-grid{grid-template-columns:1fr}.download-final{padding:80px 20px}.footer-bottom{align-items:flex-start}.footer-blessing{order:3}}.store-icon{border-radius:10px;flex:0 0 34px;place-items:center;width:34px;height:34px;display:grid}.apple-icon{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;font-size:28px;font-weight:400;line-height:1;transform:translateY(-1px)}.store-btn-dark .apple-icon{color:#fff;background:#ffffff14}.cta-section .store-btn-dark .apple-icon,.download-final .store-btn-dark .apple-icon{color:#1f130e;background:#f3ece5}.play-icon{background:#f7f3ef;position:relative;box-shadow:inset 0 0 0 1px #2b1c1512}.play-icon:before{content:"";background:conic-gradient(from 145deg at 42% 50%,#34a853 0 25%,#fbbc04 0 49%,#ea4335 0 73%,#4285f4 0);clip-path:polygon(0 0,100% 50%,0 100%);filter:saturate(.9);width:20px;height:22px}.play-icon:after{content:"";clip-path:polygon(0 0,100% 50%,0 100%);background:#ffffff2e;width:8px;height:14px;position:absolute;top:10px;left:10px}.download-final .play-icon,.cta-section .play-icon{background:#fff}.store-btn>span:last-child{line-height:1.05}.store-icon{border-radius:0;box-shadow:none!important;background:0 0!important}.apple-icon{color:#111}.store-btn-dark .apple-icon{color:#fff}.cta-section .store-btn-dark .apple-icon,.download-final .store-btn-dark .apple-icon,.play-icon{color:#111}.play-icon:before{clip-path:polygon(0 0,100% 50%,0 100%);background:currentColor;width:19px;height:22px}.play-icon:after{display:none}.play-icon{color:inherit}.play-icon:before{width:20px;height:22px;clip-path:path("M 3 2 Q 2 2 2 4 L 2 18 Q 2 20 4 19 L 18 12 Q 20 11 18 10 L 4 2 Q 3 2 3 2 Z");background:currentColor}.store-btn-dark .play-icon,.cta-section .store-btn:not(.store-btn-dark) .play-icon,.download-final .store-btn:not(.store-btn-dark) .play-icon{color:#fff}.cta-section .store-btn-dark .play-icon,.download-final .store-btn-dark .play-icon{color:#111}.play-icon:before,.play-icon:after{display:none}.play-icon img{object-fit:contain;filter:none;width:23px;height:23px}.store-btn-dark .play-icon img,.cta-section .store-btn:not(.store-btn-dark) .play-icon img,.download-final .store-btn:not(.store-btn-dark) .play-icon img{filter:invert()}.cta-section .store-btn-dark .play-icon img,.download-final .store-btn-dark .play-icon img{filter:none}.store-btn[data-location=final-cta] .apple-icon,.store-btn[data-location=download-final] .apple-icon{font-size:32px;transform:translateY(-2px)scale(1.08)}.qureel-section{color:#fff;background:#171514;grid-template-columns:.78fr 1.22fr;gap:70px;padding:120px max(6vw,30px);display:grid;overflow:hidden}.qureel-intro{align-self:start;position:sticky;top:120px}.qureel-intro h2{letter-spacing:-3px;margin:0;font-family:Georgia,serif;font-size:clamp(50px,5vw,74px);font-weight:400;line-height:1}.qureel-intro h2 em{color:#bd906e;font-weight:400}.qureel-intro>p:not(.eyebrow){color:#aaa3a0;max-width:570px;font-size:15px;line-height:1.8}.qureel-points{grid-template-columns:1fr 1fr;gap:22px 18px;margin-top:38px;display:grid}.qureel-points>div{border-top:1px solid #ffffff1f;gap:12px;padding-top:15px;display:flex}.qureel-points>div>span{color:#a97b57;letter-spacing:1px;font-size:10px}.qureel-points p,.qureel-points b,.qureel-points small{margin:0;display:block}.qureel-points b{font-size:12px;font-weight:550}.qureel-points small{color:#7e7874;margin-top:5px;font-size:10px;line-height:1.5}.qureel-showcase{min-width:0}.qureel-toolbar{justify-content:flex-end;align-items:center;gap:7px;margin-bottom:25px;display:flex}.qureel-toolbar>span{color:#77716e;letter-spacing:1.5px;text-transform:uppercase;margin-right:7px;font-size:9px}.qureel-toolbar button{color:#aaa3a0;font:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff21;border-radius:999px;padding:9px 13px;font-size:10px;transition:all .25s}.qureel-toolbar button:hover,.qureel-toolbar button.active{color:#1b1816;background:#fff;border-color:#fff}.qureel-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:17px;display:grid}.qureel-card{min-width:0;animation:.4s both reel-in}.qureel-device{background:#25211f;border:1px solid #ffffff26;border-radius:28px;overflow:hidden;box-shadow:0 25px 60px #00000047}.qureel-device img{aspect-ratio:1320/2868;object-fit:contain;width:100%;height:auto}.qureel-meta{justify-content:space-between;align-items:center;gap:10px;padding:16px 4px;display:flex}.qureel-meta span{color:#a97b57;letter-spacing:1.2px;text-transform:uppercase;font-size:8px}.qureel-meta h3{margin:4px 0 2px;font-family:Georgia,serif;font-size:18px;font-weight:400}.qureel-meta p{color:#716b68;margin:0;font-size:9px}.qureel-meta a{color:#bbb4b0;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:6px;padding:9px 11px;font-size:9px;transition:all .25s;display:flex}.qureel-meta a span{font-size:14px}.qureel-meta a:hover{color:#171514;background:#fff}.qureel-meta a:hover span{color:#171514}@keyframes reel-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (width<=1100px){.qureel-section{grid-template-columns:1fr}.qureel-intro{max-width:760px;position:static}.qureel-grid{max-width:900px;margin:auto}}@media (width<=650px){.qureel-section{gap:45px;padding:85px 20px}.qureel-intro h2{letter-spacing:-2px;font-size:46px}.qureel-points{grid-template-columns:1fr}.qureel-toolbar{justify-content:flex-start;padding-bottom:4px;overflow-x:auto}.qureel-toolbar>span{display:none}.qureel-grid{scroll-snap-type:x mandatory;gap:14px;padding-bottom:15px;display:flex;overflow-x:auto}.qureel-card{scroll-snap-align:center;flex:0 0 78vw}.qureel-device{border-radius:24px}}.qureel-phone{background:linear-gradient(120deg,#fff 0%,#d9d9d6 24%,#fff 48%,#c8c8c5 76%,#fafafa 100%);border-width:1px;width:100%;padding:3px}.qureel-phone:after{border-radius:49px;inset:0}.qureel-phone .phone-screen{background:#050505;border-width:2px}.qureel-phone .phone-screen img{aspect-ratio:1320/2868;object-fit:contain;width:100%;height:auto}.qureel-meta{text-align:center;justify-content:center}.qureel-meta>div{width:100%}@media (width<=650px){.qureel-toolbar{display:none}.qureel-card{flex-basis:72vw}.qureel-phone{width:100%}}@media (width<=768px){body{font-size:15px}.site-header{padding:0 14px}.site-header .brand,.site-header .brand-copy{min-width:0}.site-header .brand-copy b{white-space:nowrap}.nav-cta span{margin-left:5px}.hero{min-height:auto;padding-left:22px;padding-right:22px}.hero-copy{width:100%}.hero h1{font-size:clamp(46px,13vw,64px);line-height:1.02}.hero-lead{font-size:14px;line-height:1.7}.hero .store-buttons{max-width:430px;margin-left:auto;margin-right:auto}.availability{line-height:1.5}.hero-visual{width:100%;max-width:480px;margin-left:auto;margin-right:auto}.hero-phone-main{left:55%}.hero-phone-back{left:22%}.float-qibla{right:-2%}.float-prayer{left:-1%}.section{padding-left:22px;padding-right:22px}.section-heading,.prayer-copy,.faq-intro{width:100%}.section-heading h2,.prayer-copy h2,.faq-intro h2{font-size:clamp(39px,11vw,52px);line-height:1.03}.section-heading>p:last-child,.prayer-copy>p,.faq-intro>p{font-size:14px}.feature-grid{gap:12px}.feature-card{min-height:225px;padding:24px}.feature-card h3{font-size:23px}.showcase{min-height:auto;padding-left:22px;padding-right:22px}.showcase h2{font-size:clamp(44px,12vw,58px)}.showcase-copy>p:not(.eyebrow){font-size:14px}.showcase-visual{width:100%;max-width:480px;margin:auto}.showcase-phone.primary{left:37%}.showcase-phone.secondary{left:65%}.prayer-section{gap:34px}.prayer-visual{width:100%;max-width:480px;margin:auto}.prayer-phone{left:38%}.qibla-phone{left:65%}.qureel-section{padding-left:22px;padding-right:22px}.qureel-intro h2{font-size:clamp(42px,12vw,54px)}.qureel-intro>p:not(.eyebrow){font-size:14px}.qureel-grid{scroll-padding-left:0}.qureel-card{flex-basis:min(76vw,300px)}.gallery{padding-left:22px;padding-right:22px;scroll-padding-left:22px}.gallery-item{flex-basis:min(66vw,250px)}.gallery-1,.gallery-4{flex-basis:min(72vw,270px)}.routine-grid article{padding-left:22px;padding-right:22px}.routine-grid h3{font-size:23px}.cta-section{overflow:hidden}.cta-section>div{max-width:100%}.cta-section h2{font-size:clamp(44px,12vw,56px)}.cta-section .store-buttons,.download-final .store-buttons{grid-template-columns:1fr 1fr;width:100%;max-width:390px;margin-left:auto;margin-right:auto;display:grid}.cta-section .store-btn,.download-final .store-btn{justify-content:center;min-width:0;padding:0 10px}.faq-list summary{line-height:1.35}.download-final h2{font-size:clamp(42px,12vw,58px)}.download-lead{line-height:1.45}.download-support{font-size:13px}footer{padding-left:22px;padding-right:22px}.footer-links{gap:32px}.footer-bottom{line-height:1.6}}@media (width<=430px){.site-header{height:64px;padding:0 10px}.site-header .brand-mark{width:43px;height:43px}.site-header .brand-copy b{font-size:13px}.nav-cta{height:43px;padding:0 12px;font-size:10px}.nav-cta span{display:none}.hero{padding-top:104px;padding-left:18px;padding-right:18px}.hero h1{font-size:clamp(43px,13vw,55px)}.hero-lead{margin-top:22px}.hero .store-buttons{gap:9px}.store-btn{height:55px;font-size:13px}.store-icon{flex-basis:29px;width:29px}.apple-icon{font-size:25px}.play-icon img{width:21px;height:21px}.hero-visual{height:515px}.hero-phone-main{width:228px;left:56%}.hero-phone-back{width:172px;left:19%}.float-card{max-width:145px}.float-card b{font-size:10px}.section{padding:76px 18px}.eyebrow{letter-spacing:1.8px;font-size:10px}.feature-card{min-height:210px}.showcase{padding:72px 18px}.showcase-visual{height:480px}.showcase-phone.primary{width:202px}.showcase-phone.secondary{width:178px}.showcase ul{gap:16px}.prayer-section{padding-bottom:65px}.prayer-visual{height:500px}.prayer-phone{width:202px}.qibla-phone{width:174px}.mini-feature{text-align:left}.qureel-section{padding:76px 18px}.qureel-points{gap:16px}.qureel-card{flex-basis:min(74vw,285px)}.gallery-section{padding-top:72px}.gallery{padding-left:18px;padding-right:18px}.routine{padding-bottom:80px}.routine-grid article{padding-left:18px}.cta-section{min-height:800px;padding:72px 18px 345px}.cta-app-brand img{width:56px;height:56px}.cta-section .store-buttons,.download-final .store-buttons{gap:9px}.faq{padding-top:78px;padding-bottom:78px}.faq-list details{padding:19px 0}.download-final{padding:72px 18px 78px}.download-final>img{width:68px;height:68px}.download-lead{font-size:20px}.footer-top{gap:38px}.footer-links{grid-template-columns:1fr 1fr}.footer-links>div:last-child{grid-column:1/-1}.footer-bottom{margin-top:44px}}@media (width<=350px){.site-header .brand-copy b{font-size:12px}.site-header .brand-mark{width:40px;height:40px}.nav-cta{padding:0 9px}.hero{padding-left:14px;padding-right:14px}.hero h1{font-size:42px}.hero .store-buttons,.cta-section .store-buttons,.download-final .store-buttons{grid-template-columns:1fr}.hero-visual{height:470px}.hero-phone-main{width:207px}.hero-phone-back{width:155px}.section,.showcase,.qureel-section{padding-left:15px;padding-right:15px}.feature-card{padding:21px}.showcase-visual{height:440px}.showcase-phone.primary{width:185px}.showcase-phone.secondary{width:163px}.prayer-visual{height:455px}.prayer-phone{width:184px}.qibla-phone{width:157px}.qureel-card{flex-basis:80vw}.cta-section{padding-left:15px;padding-right:15px}.footer-links{grid-template-columns:1fr}.footer-links>div:last-child{grid-column:auto}}.hero-phone-reel{z-index:5;filter:drop-shadow(0 28px 34px #23130b33);width:292px;animation:6.5s ease-in-out -1.2s infinite phone-reel-float;position:absolute;top:52%;left:76%;transform:translate(-50%,-50%)rotate(7deg)}.hero-phone-main{z-index:4}.hero-phone-back{z-index:2}@keyframes phone-reel-float{0%,to{transform:translate(-50%,-50%)rotate(7deg)}50%{transform:translate(-50%,calc(-50% - 8px))rotate(5.8deg)}}@media (width<=1250px){.hero-phone-reel{width:278px;left:75%}}@media (width<=1000px){.hero-phone-reel{width:262px;left:76%}}@media (width<=768px){.hero-phone-reel{width:226px;left:77%}}@media (width<=430px){.hero-phone-reel{width:216px;top:53%;left:78%}}@media (width<=350px){.hero-phone-reel{width:194px;left:79%}}@media (prefers-reduced-motion:reduce){.hero-phone-reel{animation:none!important}}