@font-face{font-family:"Qanity Sans";src:url("/fonts/DMSans.ttf") format("truetype");font-display:swap;font-weight:100 900}
@font-face{font-family:"Qanity Display";src:url("/fonts/Fraunces.ttf") format("truetype");font-display:swap;font-weight:100 900}
@font-face{font-family:"Qanity Arabic";src:url("/fonts/NotoNaskhArabic.ttf") format("truetype");font-display:swap;font-weight:400 700}
:root{--night:#061923;--deep:#071d2a;--forest:#173c31;--forest-bright:#2a6954;--sand:#dfc28f;--sand-light:#f0dfbd;--paper:#f4eee4;--paper-deep:#e8dece;--ink:#14241e;--white:#fffaf0;--line:rgba(223,194,143,.34);--header:88px;--open:0}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--night)}
body{margin:0;color:var(--ink);font-family:"Qanity Sans",system-ui,sans-serif;background:var(--paper);font-size:16px;line-height:1.5;text-rendering:optimizeLegibility}
button,a{font:inherit}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.skip-link{position:fixed;z-index:100;left:16px;top:12px;padding:10px 14px;background:var(--paper);color:var(--ink);transform:translateY(-160%);transition:transform .2s}.skip-link:focus{transform:none}
.site-header{position:absolute;z-index:20;inset:0 0 auto;min-height:var(--header);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:18px clamp(22px,4vw,72px);color:var(--white);background:linear-gradient(180deg,rgba(2,14,21,.58),rgba(2,14,21,.18) 68%,transparent);text-shadow:0 1px 12px rgba(2,14,21,.72)}
.brand{display:inline-flex;align-items:center;gap:11px;width:max-content;font-weight:680;font-size:1.1rem}.brand-mark{width:30px;height:34px;fill:var(--sand-light)}.brand-key{fill:var(--forest)}
.site-header nav{display:flex;gap:clamp(22px,3vw,48px);font-size:.82rem}.site-header nav a{border-bottom:1px solid transparent;padding:8px 0;transition:border-color .2s,color .2s}.site-header nav a:hover,.site-header nav a:focus-visible{border-color:currentColor;color:var(--sand-light)}
.store-link{justify-self:end;padding:10px 15px;border:1px solid rgba(240,223,189,.72);border-radius:10px;background:rgba(6,25,35,.46);color:var(--sand-light);font-size:.74rem;font-weight:720;letter-spacing:.01em;transition:background .2s,border-color .2s,color .2s,transform .2s}.store-link:hover,.store-link:focus-visible{border-color:var(--sand-light);background:var(--sand-light);color:var(--night);text-shadow:none;transform:translateY(-1px)}
.hero{position:relative;min-height:max(760px,100svh);overflow:hidden;background:var(--night);color:var(--white);isolation:isolate}
.hero-landscape{position:absolute;z-index:-3;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%}
.hero-shade{position:absolute;z-index:-2;inset:0;background:linear-gradient(180deg,rgba(2,14,21,.22) 0%,rgba(2,14,21,.02) 43%,rgba(2,14,21,.74) 88%,rgba(2,14,21,.9) 100%)}
.hero-wordmark{position:absolute;z-index:-1;top:clamp(108px,13vh,150px);left:50%;transform:translateX(-50%);width:100%;margin:0;text-align:center;text-transform:uppercase;font-size:clamp(6.5rem,18.4vw,19rem);font-weight:420;letter-spacing:-.035em;line-height:.76;color:var(--sand-light);white-space:nowrap}
.threshold-stage{position:absolute;z-index:2;left:50%;bottom:72px;width:clamp(430px,44vw,670px);height:clamp(570px,70vh,760px);transform:translateX(-50%)}
.threshold-arch{position:absolute;z-index:1;inset:auto 50% 0;width:100%;height:100%;object-fit:contain;object-position:center bottom;transform:translateX(-50%) scale(calc(1 + var(--open)*.025));transform-origin:bottom center;filter:drop-shadow(0 28px 26px rgba(2,11,9,.28))}
.phone{position:absolute;z-index:2;left:50%;bottom:62px;width:clamp(196px,18vw,258px);aspect-ratio:.463;transform:translateX(-50%) translateY(calc(var(--open)*-10px));border-radius:44px;padding:7px;background:#070a09;box-shadow:0 28px 44px rgba(1,9,7,.4),inset 0 0 0 1px rgba(255,255,255,.22)}
.phone-screen{height:100%;overflow:hidden;border-radius:38px;background:#11110f;color:#fff;padding:12px 10px 9px;position:relative;display:flex;flex-direction:column;align-items:stretch}
.phone-island{position:absolute;top:10px;width:40%;height:20px;border-radius:20px;background:#020403}
.phone-status{width:100%;height:20px;display:flex;align-items:flex-start;justify-content:space-between;font-size:.47rem;font-weight:760;padding:2px 5px 0}.phone-signals{display:flex;align-items:flex-end;gap:1.5px;height:9px}.phone-signals i{width:2px;border-radius:1px;background:currentColor}.phone-signals i:nth-child(1){height:3px}.phone-signals i:nth-child(2){height:5px}.phone-signals i:nth-child(3){height:7px}.phone-signals i:nth-child(4){height:9px}.phone-signals svg{width:12px;height:9px;margin-left:2px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}.phone-signals b{width:13px;height:7px;margin:0 0 1px 2px;border:1px solid rgba(255,255,255,.7);border-radius:2px;position:relative}.phone-signals b::after{content:"";position:absolute;inset:1px 3px 1px 1px;border-radius:1px;background:#fff}
.today-heading{display:flex;align-items:center;justify-content:space-between;padding:4px 2px 0}.today-heading strong{color:#62dbae;font:620 clamp(1.25rem,2.25vw,1.75rem)/1 "Qanity Display",serif;letter-spacing:-.03em}.today-heading span{display:flex;align-items:center;gap:4px;color:#b9b8b7;font-size:.42rem;font-weight:630}.today-heading span svg{width:9px;fill:#b9b8b7}.phone-greeting{margin:10px 0 0;text-align:center;font:560 clamp(.95rem,1.65vw,1.28rem)/1.05 "Qanity Display",serif;letter-spacing:-.02em}.phone-date{margin:7px 0 0;text-align:center;color:#aaa8a8;font-size:.39rem;white-space:nowrap}.today-dial{width:100%;margin-top:5px;overflow:visible}.today-dial-ring{fill:none;stroke:#c4a882;stroke-width:3;stroke-linecap:round;stroke-dasharray:.7 1.3}.today-dial-inner{fill:rgba(17,17,15,.88);stroke:rgba(196,168,130,.38);stroke-width:1}.today-marker circle{fill:#181816;stroke:#c4a882;stroke-width:2}.today-marker text{fill:#f7f5f0;stroke:#11110f;stroke-width:2.6;paint-order:stroke;stroke-linejoin:round;text-anchor:middle;font:650 10px "Qanity Sans",sans-serif}.today-marker.active .active-ring{fill:none;stroke:#62dbae;stroke-width:6;opacity:.82;transform-box:fill-box;transform-origin:center;animation:dial-breathe 3.6s ease-in-out infinite}.today-marker.active circle:not(.active-ring){fill:#1e4a2e;stroke:#62dbae}.today-marker.active text{fill:#62dbae}.today-dial-copy text{text-anchor:middle}.today-current{fill:#62dbae;font:620 31px "Qanity Display",serif}.today-countdown{fill:#fff;font:570 27px "Qanity Display",serif}.today-next-label{fill:#bbb9b8;font:650 10px "Qanity Sans",sans-serif}.today-next-time{fill:#d2d0cf;font:650 11px "Qanity Sans",sans-serif}.today-action{min-height:40px;margin-top:clamp(9px,1vw,12px);border-radius:13px;background:#1e5834;color:#fff;display:flex;align-items:center;justify-content:center;gap:7px;font-size:.57rem;font-weight:760}.today-action svg{width:15px;fill:#fff}.today-note{margin:7px 0 8px;color:#aaa8a8;text-align:center;font-size:.39rem}.today-nav{margin:auto -10px -9px;padding:7px 7px 6px;display:grid;grid-template-columns:repeat(5,1fr);background:#2a2927;border-top:1px solid rgba(255,255,255,.08)}.today-nav span{display:grid;justify-items:center;gap:2px;color:#979694;font-size:.31rem;font-weight:640}.today-nav svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.today-nav span:first-child svg,.today-nav span:nth-child(2) svg,.today-nav span:nth-child(3) svg,.today-nav span:nth-child(4) svg{fill:currentColor;stroke:none}.today-nav .selected{color:#62dbae}
.hero-promise{position:absolute;z-index:5;left:50%;bottom:26px;transform:translateX(-50%);display:grid;justify-items:center;width:min(92vw,760px);text-align:center}.hero-promise p{margin:0 0 14px;font:500 clamp(1.75rem,3vw,3rem)/1.1 "Qanity Display",serif}.hero-promise em{font-weight:300}.store-cta{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 18px;border:1px solid var(--sand-light);border-radius:11px;background:var(--sand-light);color:var(--night);font-size:.76rem;font-weight:760;letter-spacing:.01em;box-shadow:0 12px 30px rgba(2,14,21,.22);transition:background .2s,color .2s,transform .2s}.store-cta:hover,.store-cta:focus-visible{background:transparent;color:var(--sand-light);transform:translateY(-2px)}
.prayer-day{background:var(--paper);padding:clamp(86px,11vw,170px) clamp(22px,5vw,82px) clamp(72px,9vw,132px)}
.section-intro{max-width:1360px;margin:0 auto 86px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:8vw;align-items:end}.section-intro h2,.protection h2,.masjid-copy h2,.privacy h2,.content-trust h2,.closing h2{margin:0;font:560 clamp(3.1rem,6vw,6rem)/.98 "Qanity Display",serif;letter-spacing:-.035em}.section-intro h2 em,.masjid-copy h2 em{font-weight:280}.section-intro p,.protection-copy>p,.masjid-copy>p,.privacy-statement>p,.content-trust>div>p{max-width:64ch;margin:0;color:#46574f;font-size:clamp(1rem,1.25vw,1.2rem);line-height:1.65}
.name-origin{position:relative;max-width:1320px;margin:0 auto 76px;padding:28px 0 30px;display:grid;grid-template-columns:minmax(180px,.42fr) minmax(0,1.2fr);gap:clamp(34px,7vw,108px);align-items:center;border-top:1px solid #bcb09d;border-bottom:1px solid #bcb09d}.origin-word{margin:0;color:var(--forest);font:600 clamp(3.6rem,7vw,6.4rem)/.9 "Qanity Arabic",serif;text-align:center}.name-origin h3{margin:0;font:520 clamp(1.7rem,2.8vw,2.65rem)/1.06 "Qanity Display",serif;letter-spacing:-.025em}.name-origin h3 i{font-weight:310}.name-origin div>p{max-width:69ch;margin:16px 0 0;color:#46574f;font-size:clamp(.98rem,1.15vw,1.12rem);line-height:1.65}.name-origin div>p i{font-family:"Qanity Display",serif;font-weight:520}
.prayer-line{position:relative;max-width:1320px;margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(5,1fr);list-style:none}.prayer-line::before{content:"";position:absolute;left:10%;right:10%;top:30px;border-top:1px solid #aa9b82}.prayer-line li{position:relative;display:grid;justify-items:center;gap:6px;text-align:center}.prayer-node{z-index:1;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:var(--paper);border:1px solid #aa9b82}.prayer-node i{width:36px;height:36px;border-radius:50%;background:var(--deep);box-shadow:inset -11px -9px 0 rgba(255,255,255,.09)}.prayer-node.morning i{background:#6f8c8d}.prayer-node.day i{background:#d3a85f}.prayer-node.sunset i{background:#b86e4f}.prayer-line strong{font:560 1rem "Qanity Display",serif}.prayer-line small{color:#6b776f;font-size:.68rem}.prayer-line .current .prayer-node{border-color:var(--forest);outline:4px solid rgba(23,60,49,.12)}
.protection{min-height:760px;background:var(--deep);color:var(--white);padding:clamp(92px,12vw,180px) clamp(22px,6vw,100px);display:grid;grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);gap:9vw;align-items:center}.protection-copy>p{color:#bbc8c1;margin-top:30px}.mode-tabs{display:flex;gap:8px;margin-top:42px;border-bottom:1px solid var(--line)}.mode-tabs button{min-height:48px;padding:0 18px;border:0;border-bottom:2px solid transparent;background:transparent;color:#aebdb6;cursor:pointer}.mode-tabs button[aria-selected="true"]{color:var(--sand-light);border-color:var(--sand)}.mode-tabs button:focus-visible{outline:2px solid var(--sand);outline-offset:3px}
.mode-stage{position:relative;min-height:460px;display:grid;place-items:center}.mode-stage::before,.mode-stage::after{content:"";position:absolute;border:1px solid rgba(223,194,143,.3);border-radius:50%}.mode-stage::before{width:min(42vw,510px);aspect-ratio:1}.mode-stage::after{width:min(31vw,370px);aspect-ratio:1;border-style:dashed}.mode-panel{position:relative;z-index:2;width:min(440px,86%);display:grid;gap:28px;justify-items:center;text-align:center}.mode-panel[hidden]{display:none}.mode-symbol{width:104px;height:104px;border-radius:50%;display:grid;place-items:center;background:var(--forest);border:1px solid var(--sand)}.mode-symbol svg{width:58px;fill:none;stroke:var(--sand-light);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.mode-panel strong{font:560 clamp(1.8rem,3vw,2.8rem) "Qanity Display",serif}.mode-panel p{color:#bcc9c2;line-height:1.65;margin:10px 0 0;max-width:48ch}
.masjid-scene{background:var(--paper);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);min-height:780px}.masjid-image-wrap{min-height:720px;overflow:hidden}.masjid-image-wrap img{width:100%;height:100%;object-fit:cover;object-position:58% bottom}.masjid-copy{padding:clamp(80px,10vw,150px) clamp(32px,7vw,110px);display:flex;flex-direction:column;justify-content:center}.masjid-copy>p{margin-top:32px}.masjid-copy dl{margin:54px 0 0;border-top:1px solid #bcb09d}.masjid-copy dl div{padding:18px 0;border-bottom:1px solid #bcb09d;display:grid;grid-template-columns:150px 1fr;gap:20px}.masjid-copy dt{font-weight:750}.masjid-copy dd{margin:0;color:#59675f}
.privacy{background:var(--sand-light);padding:clamp(100px,13vw,190px) clamp(22px,6vw,100px);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:10vw}.privacy-statement>p{margin-top:32px}.privacy-ledger{border-top:1px solid rgba(20,36,30,.48)}.privacy-ledger div{display:flex;justify-content:space-between;gap:24px;padding:22px 0;border-bottom:1px solid rgba(20,36,30,.48)}.privacy-ledger span{color:#4e5f57}.privacy-ledger strong{text-align:right}
.content-trust{background:var(--forest);color:var(--white);padding:clamp(100px,13vw,190px) clamp(22px,8vw,130px);display:grid;grid-template-columns:minmax(250px,.55fr) minmax(0,1fr);gap:9vw;align-items:center}.trust-seal{display:grid;place-items:center}.trust-seal svg{width:min(28vw,280px);fill:none;stroke:var(--sand);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.content-trust>div>p{color:#d0dad5;margin-top:32px}.content-trust ul{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:52px 0 0;padding:0;border-top:1px solid var(--line);list-style:none}.content-trust li{padding:20px 22px 0 0;color:var(--sand-light);font-size:.86rem}.content-trust li+li{border-left:1px solid var(--line);padding-left:22px}
.closing{--arrival:.72;position:relative;min-height:max(820px,108svh);margin:clamp(14px,2vw,28px) clamp(8px,1.2vw,18px) 0;overflow:hidden;border-radius:clamp(34px,4vw,64px) clamp(34px,4vw,64px) 0 0;background:var(--night);color:var(--white);text-align:center;isolation:isolate}.closing-world{position:absolute;z-index:0;inset:0;overflow:hidden}.closing-landscape{position:absolute;inset:-8%;width:116%;height:116%;max-width:none;object-fit:cover;object-position:center 56%;transform:translate3d(0,calc(var(--arrival)*-7%),0) scale(calc(1.02 + var(--arrival)*.18));transform-origin:center 62%;filter:saturate(.82) contrast(1.04);will-change:transform}.closing::after{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(3,17,22,.72) 0%,rgba(5,29,24,.34) 30%,rgba(4,24,18,.05) 58%,rgba(2,14,11,.58) 100%)}.closing-haze{position:absolute;left:50%;top:44%;width:min(52vw,760px);aspect-ratio:2.4;transform:translate3d(-50%,calc((1 - var(--arrival))*24px),0);border-radius:50%;background:rgba(240,223,189,.24);filter:blur(54px);opacity:calc(.3 + var(--arrival)*.48)}.closing-sanctuary{position:absolute;z-index:2;left:50%;bottom:9%;width:clamp(240px,24vw,390px);aspect-ratio:1400/1800;transform:translate3d(-50%,calc((1 - var(--arrival))*24px),0) scale(calc(.94 + var(--arrival)*.06));transform-origin:center bottom;filter:drop-shadow(0 28px 34px rgba(0,12,8,.36));will-change:transform}.closing-sanctuary>img{position:absolute;z-index:1;inset:0;width:100%;height:100%;object-fit:contain}.closing-door-light{position:absolute;z-index:2;left:26.2%;right:26.2%;top:16.5%;bottom:13.5%;clip-path:polygon(50% 0,72% 9%,90% 25%,100% 39%,100% 100%,0 100%,0 39%,10% 25%,28% 9%);background:radial-gradient(circle at 50% 30%,rgba(255,245,199,.96),rgba(153,199,142,.78) 34%,rgba(29,86,52,.94) 72%,rgba(8,41,28,.98));box-shadow:inset 0 0 34px rgba(240,223,189,.68);opacity:calc(.44 + var(--arrival)*.54)}.closing-copy{position:absolute;z-index:4;top:clamp(66px,9vh,110px);left:50%;width:min(92%,900px);padding:0 20px;transform:translate3d(-50%,calc(var(--arrival)*-10px),0)}.closing h2{font-size:clamp(3.8rem,7vw,6rem);text-wrap:balance}.closing-copy>p{font-size:clamp(1rem,1.45vw,1.25rem);color:#e0e8e2;margin:24px auto 30px;max-width:56ch;text-shadow:0 2px 18px rgba(2,14,11,.46)}.closing-footer{position:absolute;z-index:5;inset:auto 0 0;display:grid;grid-template-columns:1fr 1.2fr 1fr;align-items:center;gap:32px;padding:24px clamp(22px,4vw,64px);color:#d4ddd7;background:linear-gradient(180deg,transparent,rgba(2,14,11,.56));font-size:.72rem;text-shadow:0 1px 12px rgba(2,14,11,.74)}.footer-brand{color:var(--white)}.closing-footer>p{margin:0;text-align:center}.closing-footer>div{justify-self:end;display:flex;gap:22px}.closing-footer a:hover{color:var(--sand-light)}

/* The final landscape rises over the held verification chapter, then settles into depth. */
.content-trust{position:sticky;top:0;z-index:0;min-height:100svh}
.closing{--cover:1;--arrival:.6;z-index:2;min-height:158svh;margin:0;overflow:visible;border-radius:0;background:var(--forest)}
.closing::after{display:none}
.closing-stage{position:sticky;top:0;height:100svh;overflow:hidden;border-radius:clamp(34px,4vw,64px) clamp(34px,4vw,64px) 0 0;background:var(--night);color:var(--white);text-align:center;isolation:isolate}
.closing-stage::after{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(3,17,22,.76) 0%,rgba(6,36,25,.28) 31%,rgba(4,35,21,.02) 57%,rgba(2,14,11,.72) 100%)}
.closing-landscape{inset:-8%;width:116%;height:116%;object-position:center 56%;transform:translate3d(0,calc((1 - var(--cover))*2% - var(--arrival)*3%),0) scale(calc(1.02 + var(--arrival)*.38));transform-origin:center 56%;filter:saturate(.96) contrast(1.03)}
.closing-haze{top:45%;transform:translate3d(-50%,calc((1 - var(--arrival))*28px - var(--arrival)*12px),0);opacity:calc(.24 + var(--arrival)*.5)}
.closing-sanctuary{top:53%;bottom:auto;width:clamp(122px,12vw,174px);aspect-ratio:2/3;transform:translate3d(-50%,calc(-50% + (1 - var(--cover))*10px + (1 - var(--arrival))*8px - var(--arrival)*6px),0) scale(calc(.96 + var(--arrival)*.025));filter:drop-shadow(0 20px 26px rgba(0,12,8,.38))}
.closing-copy{top:clamp(56px,8vh,92px);transform:translate3d(-50%,calc((1 - var(--cover))*28px + (1 - var(--arrival))*10px - var(--arrival)*52px),0);opacity:calc(.72 + var(--cover)*.28 - var(--arrival)*.48);will-change:transform,opacity}
.closing-footer{transform:translate3d(0,calc((1 - var(--cover))*24px + (1 - var(--arrival))*8px),0);will-change:transform}

/* The scroll journey moves from peripheral noise toward a still center. */
.hero-landscape{inset:-5%;width:110%;height:110%;max-width:none;transform:translate3d(0,calc(var(--open)*38px),0) scale(calc(1.04 + var(--open)*.025));will-change:transform}
.hero-wordmark{transform:translate3d(-50%,calc(var(--open)*-44px),0);opacity:calc(1 - var(--open)*.48);will-change:transform,opacity}
.busy-signals{position:absolute;z-index:1;inset:0;pointer-events:none;opacity:calc(1 - var(--open)*1.7);will-change:opacity}
.busy-signal{position:absolute;padding:9px 14px;border:1px solid rgba(255,250,240,.22);background:rgba(4,17,22,.5);box-shadow:0 12px 34px rgba(2,9,12,.18);color:rgba(255,250,240,.78);font-size:.67rem;letter-spacing:.04em;backdrop-filter:blur(10px);transform:translate3d(calc(var(--open)*var(--drift-x)),calc(var(--open)*var(--drift-y)),0);will-change:transform}
.signal-work{left:5vw;top:27%;--drift-x:-90px;--drift-y:-42px}.signal-news{right:7vw;top:24%;--drift-x:100px;--drift-y:-56px}.signal-calendar{left:8vw;top:55%;--drift-x:-120px;--drift-y:28px}.signal-messages{right:6vw;top:54%;--drift-x:110px;--drift-y:34px}
.phone{transform:translate3d(-50%,calc(var(--open)*-22px),0);will-change:transform}
.parallax-scene{--depth:0}
.prayer-day{position:relative;overflow:hidden}.prayer-day::before{content:"PRAYER";position:absolute;right:-.04em;top:0;color:var(--ink);font:420 clamp(8rem,22vw,24rem)/1 "Qanity Sans",sans-serif;letter-spacing:-.04em;opacity:.025;transform:translate3d(0,calc(var(--depth)*-32px),0)}
.section-intro{position:relative;transform:translate3d(0,calc(var(--depth)*-12px),0)}
.name-origin{transform:translate3d(0,calc(var(--depth)*4px),0)}
.prayer-line{transform:translate3d(0,calc(var(--depth)*18px),0)}
.mode-stage{transform:translate3d(0,calc(var(--depth)*22px),0)}
.masjid-image-wrap img{height:112%;max-width:none;transform:translate3d(0,calc(var(--depth)*-5%),0) scale(1.04);will-change:transform}
.masjid-copy{transform:translate3d(0,calc(var(--depth)*-16px),0)}
.privacy-ledger{transform:translate3d(0,calc(var(--depth)*20px),0)}
.trust-seal{transform:translate3d(0,calc(var(--depth)*24px),0)}
:focus-visible{outline:2px solid var(--sand);outline-offset:4px}
@media(max-width:980px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.threshold-stage{width:min(600px,70vw)}.section-intro,.protection,.masjid-scene,.privacy,.content-trust{grid-template-columns:1fr}.section-intro{gap:30px}.protection{gap:50px}.mode-stage{min-height:420px}.mode-stage::before{width:min(68vw,500px)}.mode-stage::after{width:min(48vw,360px)}.masjid-image-wrap{min-height:520px}.masjid-copy{min-height:620px}.privacy{gap:64px}.content-trust{justify-items:center}.content-trust>div{text-align:center}.content-trust>div>p{margin-left:auto;margin-right:auto}.content-trust ul{text-align:left}.content-trust li{padding-right:18px}.content-trust li+li{padding-left:18px}.closing-footer{gap:18px;padding-left:24px;padding-right:24px}}
@media(max-width:680px){:root{--header:72px}.site-header{padding:14px 18px}.brand{font-size:1rem}.brand-mark{width:26px}.store-link{padding:9px 11px;font-size:.63rem}.hero{min-height:760px}.hero-landscape{object-position:45% center}.hero-wordmark{top:120px;font-size:clamp(5rem,25vw,8rem)}.threshold-stage{width:410px;max-width:108vw;height:560px;bottom:96px}.phone{width:178px;bottom:48px;border-radius:36px}.phone-screen{border-radius:30px;padding-left:8px;padding-right:8px}.phone-greeting{margin-top:7px}.phone-date{margin-top:5px}.today-dial{margin-top:2px}.today-action{min-height:31px;border-radius:10px;font-size:.45rem}.today-action svg{width:12px}.today-note{margin:5px 0 6px}.today-nav{margin-left:-8px;margin-right:-8px}.hero-promise{bottom:28px}.hero-promise p{font-size:1.7rem}.store-cta{min-height:42px;padding:9px 14px;font-size:.68rem}.prayer-day{padding-top:80px}.section-intro{margin-bottom:60px}.section-intro h2,.protection h2,.masjid-copy h2,.privacy h2,.content-trust h2{font-size:clamp(2.7rem,13vw,4.4rem)}.name-origin{grid-template-columns:1fr;gap:18px;margin-bottom:54px;padding:22px 0 26px}.origin-word{text-align:left;font-size:4.25rem}.name-origin h3{font-size:1.8rem}.prayer-line{grid-template-columns:repeat(5,minmax(80px,1fr));overflow-x:auto;justify-content:start;padding-bottom:16px;scroll-snap-type:x mandatory}.prayer-line::before{left:42px;right:42px}.prayer-line li{scroll-snap-align:center}.protection{padding-top:90px;padding-bottom:100px}.mode-tabs{overflow-x:auto}.mode-tabs button{flex:1;padding:0 12px}.mode-stage{min-height:360px}.mode-stage::before{width:330px}.mode-stage::after{width:240px}.mode-symbol{width:86px;height:86px}.mode-panel{width:88%}.masjid-image-wrap{min-height:430px}.masjid-copy{min-height:0;padding-top:80px;padding-bottom:90px}.masjid-copy dl div{grid-template-columns:1fr;gap:4px}.privacy{padding-top:90px;padding-bottom:100px}.privacy-ledger div{display:grid;gap:6px}.privacy-ledger strong{text-align:left}.content-trust{padding-top:90px;padding-bottom:100px}.trust-seal svg{width:170px}.content-trust ul{grid-template-columns:1fr;width:100%}.content-trust li{padding:17px 0;border-bottom:1px solid var(--line)}.content-trust li+li{border-left:0;padding-left:0}.closing{min-height:840px;margin-left:6px;margin-right:6px}.closing-copy{top:52px}.closing h2{font-size:clamp(3.45rem,15vw,4.8rem)}.closing-copy>p{margin-top:20px;margin-bottom:24px}.closing-landscape{object-position:center 52%}.closing-sanctuary{width:190px;bottom:18%}.closing-footer{grid-template-columns:1fr;justify-items:center;gap:5px;text-align:center;padding:12px 14px}.closing-footer .brand-mark{width:22px;height:24px}.closing-footer>p{max-width:34ch;font-size:.62rem;line-height:1.25}.closing-footer>div{justify-self:center;gap:11px;flex-wrap:wrap}.footer-brand{display:inline-flex;font-size:.85rem}}
@media(max-width:680px){.closing{min-height:154vh;min-height:154dvh;margin:0;background:var(--night)}.closing-stage{height:100vh;height:100dvh;border-radius:30px 30px 0 0}.closing-copy{top:42px;width:96%;transform:translate3d(-50%,calc((1 - var(--cover))*18px + (1 - var(--arrival))*6px - var(--arrival)*36px),0);opacity:calc(.72 + var(--cover)*.28 - var(--arrival)*.42)}.closing h2{font-size:clamp(3.15rem,14vw,4.3rem)}.closing-copy>p{font-size:.92rem;max-width:34ch}.closing-landscape{inset:-10%;width:120%;height:120%;object-position:center 56%;transform:translate3d(0,calc((1 - var(--cover))*2% - var(--arrival)*3%),0) scale(calc(1.02 + var(--arrival)*.32));transform-origin:center 56%}.closing-footer{transform:translate3d(0,calc((1 - var(--cover))*16px + (1 - var(--arrival))*5px),0)}}
@keyframes dial-breathe{0%,100%{opacity:.45;transform:scale(.92)}50%{opacity:.9;transform:scale(1.12)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.threshold-arch,.phone,.hero-promise svg,.closing svg{transition:none!important}.active-ring{animation:none!important}.content-trust{position:relative;min-height:auto}.closing{min-height:100vh;min-height:100dvh}.closing-stage{position:relative;height:100vh;height:100dvh;transform:none}.closing-landscape,.closing-sanctuary,.closing-copy,.closing-haze,.closing-footer{will-change:auto}}