*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--ink: #14241c;--night: #071a14;--night-deep: #04110d;--cream: #f5f2ea;--paper: #fffdf8;--accent: #17734f;--accent-deep: #0d5238;--accent-bright: #2fa572;--brass: #b28439;--brass-deep: #8a6425;--gold: #b28439;--sand: #f2e6cf;--sage: #d9e7dc;--sky: #d6e5ec;--ink-70: rgba(15, 22, 19, .7);--ink-60: rgba(15, 22, 19, .6);--ink-50: rgba(15, 22, 19, .5);--ink-40: rgba(15, 22, 19, .4);--ink-15: rgba(15, 22, 19, .15);--ink-10: rgba(15, 22, 19, .1);--ink-06: rgba(15, 22, 19, .06);--font-sans: "DM Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Fraunces", "Iowan Old Style", Georgia, serif;--font-arabic: "Amiri", "Geeza Pro", "Traditional Arabic", serif;--font-label: "DM Sans", ui-sans-serif, system-ui, sans-serif;--shadow-card: 0 24px 50px -32px rgba(9, 40, 27, .45);--shadow-lift: 0 28px 60px -30px rgba(9, 40, 27, .35);--arch: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 140' preserveAspectRatio='none'%3E%3Cpath d='M0 140V62C0 26 22 4 50 0c28 4 50 26 50 62v78z' fill='%23000'/%3E%3C/svg%3E");--ease: cubic-bezier(.22, 1, .36, 1)}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);background:var(--cream);color:var(--ink);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:inherit}button{font:inherit;color:inherit}ul{list-style:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--cream)}::-webkit-scrollbar-thumb{background:#1e916059;border-radius:4px}section[id]{scroll-margin-top:6rem}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px;position:relative}.section{position:relative;overflow:hidden;padding:80px 0}@media(min-width:768px){.section{padding:112px 0}}.section-head{max-width:760px;margin-bottom:56px}.section-head.center{margin-left:auto;margin-right:auto;text-align:center}.eyebrow{display:inline-flex;align-items:center;gap:12px;margin-bottom:22px;font-family:var(--font-display);font-size:13px;font-weight:600;font-variation-settings:"SOFT" 24,"WONK" 0,"opsz" 20;letter-spacing:.16em;text-transform:uppercase;color:var(--brass-deep)}.eyebrow:before{content:"";width:34px;height:1px;background:linear-gradient(90deg,transparent,var(--brass))}.section-head.center .eyebrow:after{content:"";width:34px;height:1px;background:linear-gradient(90deg,var(--brass),transparent)}h1,h2,h3,h4{font-family:var(--font-display);font-variation-settings:"SOFT" 24,"WONK" 0,"opsz" 96;font-weight:600;line-height:1.08;letter-spacing:-.02em}.section-title{font-size:clamp(2.05rem,4.8vw,3.5rem);font-weight:600;color:var(--ink)}.section-lead{margin-top:22px;font-size:clamp(1.02rem,1.6vw,1.2rem);line-height:1.7;color:var(--ink-60);max-width:620px}.section-head.center .section-lead{margin-left:auto;margin-right:auto}.accent-text{color:var(--accent-deep)}.muted-text{color:#0f161347}.card{display:flex;flex-direction:column;height:100%;background:var(--paper);border:1px solid var(--ink-10);border-radius:28px;padding:28px;transition:transform .3s var(--ease),border-color .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-4px);border-color:#b2843961;box-shadow:var(--shadow-card)}.card h3{font-size:1.2rem;margin-bottom:8px}.card p{color:var(--ink-60);line-height:1.65;font-size:.95rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;border-radius:16px;font-size:15px;font-weight:600;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:transform .25s var(--ease),opacity .25s ease,background .25s ease,box-shadow .25s ease}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 14px 34px -12px #1e916099}.btn-primary:hover{background:var(--accent-deep)}.btn-ghost{position:relative;background:transparent;color:var(--ink);overflow:hidden}.btn-ghost:hover{background:#0f16130a}.btn-pill{border-radius:999px;padding:10px 22px;font-size:15px;background:var(--ink);color:var(--cream)}.btn-pill:hover{opacity:.88}@property --beam{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@keyframes beam-rotate{to{--beam: 360deg}}.beam-ring{position:absolute;inset:0;border-radius:16px;padding:1.5px;pointer-events:none;background:conic-gradient(from var(--beam),rgba(15,22,19,.14) 0deg,rgba(15,22,19,.14) 300deg,var(--accent) 332deg,var(--accent-bright) 342deg,var(--accent) 352deg,rgba(15,22,19,.14) 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;animation:beam-rotate 4s linear infinite}.aurora{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.aurora span{position:absolute;border-radius:50%;filter:blur(48px)}.aurora span:first-child{left:-12%;top:-18%;width:48%;height:60%;animation:aurora-drift 22s ease-in-out infinite}.aurora span:last-child{right:-10%;bottom:-22%;width:52%;height:65%;animation:aurora-drift 32s ease-in-out infinite}@keyframes aurora-drift{0%,to{transform:translateZ(0)}33%{transform:translate3d(5%,-4%,0)}66%{transform:translate3d(-4%,3%,0)}}.arch-mask{-webkit-mask-image:var(--arch);mask-image:var(--arch);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.pattern{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.75;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72' viewBox='0 0 72 72'%3E%3Cg fill='none' stroke='%230f1613' stroke-opacity='0.07' stroke-width='1'%3E%3Crect x='18' y='18' width='36' height='36'/%3E%3Crect x='18' y='18' width='36' height='36' transform='rotate(45 36 36)'/%3E%3Ccircle cx='36' cy='36' r='5'/%3E%3Cpath d='M0 36h7M65 36h7M36 0v7M36 65v7'/%3E%3C/g%3E%3C/svg%3E");background-size:72px 72px;-webkit-mask-image:radial-gradient(70% 60% at 50% 40%,#000,transparent);mask-image:radial-gradient(70% 60% at 50% 40%,#000,transparent)}.reveal{transition-property:opacity,transform;transition-duration:.68s;transition-timing-function:var(--ease);will-change:opacity,transform}.reveal-up{opacity:0;transform:translateY(26px)}.reveal-left{opacity:0;transform:translate(-32px)}.reveal-right{opacity:0;transform:translate(32px)}.reveal-scale{opacity:0;transform:scale(.94)}.reveal-fade{opacity:0}.reveal.is-visible{opacity:1;transform:none}@keyframes reveal-in{0%{opacity:0;transform:translate3d(var(--reveal-x, 0),var(--reveal-y, 0),0) scale(var(--reveal-scale, 1))}to{opacity:1;transform:none}}.reveal-eager{animation:reveal-in .68s var(--ease) var(--reveal-delay, 0ms) both}[data-anim-paused],[data-anim-paused] *,[data-anim-paused] *:before,[data-anim-paused] *:after{animation-play-state:paused!important}.site-header{position:fixed;inset:12px 0 auto;z-index:50;padding-top:4px}.header-capsule{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;height:62px;padding:0 12px 0 18px;border-radius:18px;backdrop-filter:blur(12px) saturate(1.3);-webkit-backdrop-filter:blur(12px) saturate(1.3);background:#f5f2ea8c;border:1px solid rgba(20,36,28,.09);box-shadow:0 14px 34px -24px #09281b66;transition:background .4s ease,box-shadow .4s ease,border-color .4s ease}.site-header.scrolled .header-capsule{background:#f5f2eae6;border-color:#14241c1f;box-shadow:0 18px 40px -26px #09281b80}.header-capsule:before{content:"";position:absolute;inset:4px;border-radius:14px;border:1px solid rgba(178,132,57,.22);pointer-events:none}.brand{position:relative;z-index:2;display:inline-flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}.brand img{width:34px;height:34px;border-radius:11px;object-fit:cover}.brand span{font-family:var(--font-display);font-variation-settings:"SOFT" 24,"WONK" 0,"opsz" 24;font-size:17px;font-weight:600;letter-spacing:-.01em;color:var(--ink);white-space:nowrap}.header-nav{position:absolute;left:50%;transform:translate(-50%);z-index:2;display:none;align-items:center;gap:34px}.header-nav a{font-size:15px;font-weight:500;color:var(--ink-60);text-decoration:none;transition:color .25s ease}.header-nav a:hover{color:var(--ink)}.header-actions{position:relative;z-index:2;display:none;align-items:center;gap:14px}.prayer-chip{display:none;align-items:center;gap:9px;padding:7px 14px;border-radius:12px;background:#17734f17;border:1px solid rgba(23,115,79,.16);font-size:13px;color:var(--ink-70);white-space:nowrap}.prayer-chip b{font-family:var(--font-display);font-variation-settings:"SOFT" 24,"WONK" 0,"opsz" 20;font-weight:600;color:var(--accent-deep)}.prayer-chip time{font-variant-numeric:tabular-nums;color:var(--ink-50)}@media(min-width:1120px){.prayer-chip{display:inline-flex}}.menu-btn{position:relative;z-index:2;background:none;border:0;padding:10px;cursor:pointer;color:var(--ink);display:inline-flex}@media(min-width:900px){.header-nav,.header-actions{display:flex}.menu-btn{display:none}}.header-nav a{font-family:var(--font-sans)}.mobile-menu{position:fixed;inset:0;z-index:60;background:var(--night);display:flex;flex-direction:column;padding:0 24px 40px;transform:translate(100%);transition:transform .35s var(--ease)}.mobile-menu.open{transform:translate(0)}.mobile-menu-top{display:flex;align-items:center;justify-content:space-between;height:76px}.mobile-menu-top .brand span{color:var(--cream)}.mobile-menu-top button{background:none;border:0;color:var(--cream);padding:8px;cursor:pointer}.mobile-menu nav{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;margin-top:-76px}.mobile-menu nav a{font-size:2rem;font-weight:700;letter-spacing:-.03em;color:var(--cream);text-decoration:none}.mobile-menu .btn{width:100%}.hero{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:100dvh;overflow:hidden;padding:116px 0 64px}.hero-wash{position:absolute;inset:0;pointer-events:none;background:radial-gradient(90% 70% at 78% 38%,rgba(30,145,96,.16),transparent 62%),radial-gradient(80% 60% at 18% 12%,rgba(255,255,255,.75),transparent 60%),radial-gradient(70% 50% at 60% 105%,rgba(193,147,44,.1),transparent 62%)}.hero-grid{display:grid;gap:40px;align-items:center}.hero-grid>*,.features-grid>*,.split>*,.cap-grid>*,.stat-grid>*{min-width:0}@media(min-width:1024px){.hero-grid{grid-template-columns:1.05fr .95fr;gap:32px}}.hero-copy{text-align:center}@media(min-width:1024px){.hero-copy{text-align:left}}.hero-badge{display:inline-flex;align-items:center;gap:11px;max-width:100%;padding:10px 16px;border-radius:10px;background:#fffdf8b3;border:1px solid rgba(178,132,57,.34);box-shadow:inset 0 0 0 1px #fffdf8e6;overflow:hidden}.hero-badge svg{flex-shrink:0;color:var(--brass-deep)}.hero-badge-text{min-width:0;font-size:13px;color:var(--ink-50);text-align:left}@media(max-width:639px){.hero-badge{align-items:flex-start;text-align:left}.hero-badge svg{margin-top:2px}.hero-badge-text{min-height:2.8em}}@media(min-width:640px){.hero-badge-text{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.hero-badge-text strong{font-family:var(--font-display);font-variation-settings:"SOFT" 24,"WONK" 0,"opsz" 18;color:var(--ink);font-weight:600}@keyframes swap-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.rotating-line{display:inline-block;animation:swap-in .45s var(--ease) both}.hero-title{margin-top:26px;font-size:clamp(2.4rem,6vw,4.1rem);font-weight:600;line-height:1.06;letter-spacing:-.02em}.hero-sub{margin:26px auto 0;max-width:560px;font-size:clamp(1.05rem,1.7vw,1.25rem);line-height:1.65;color:var(--ink-60)}@media(min-width:1024px){.hero-sub{margin-left:0}}.hero-actions{display:flex;flex-direction:column;gap:12px;margin-top:34px;align-items:stretch}@media(min-width:560px){.hero-actions{flex-direction:row;justify-content:center;align-items:center}}@media(min-width:1024px){.hero-actions{justify-content:flex-start}}.hero-note{margin-top:22px;font-size:13px;color:var(--ink-40);display:flex;gap:18px;justify-content:center;flex-wrap:wrap}@media(min-width:1024px){.hero-note{justify-content:flex-start}}.hero-note span{display:inline-flex;align-items:center;gap:6px}.hero-visual{position:relative;display:flex;align-items:center;justify-content:center}.hero-visual{padding-top:72px}.hero-niche{position:absolute;left:50%;bottom:-3%;transform:translate(-50%);width:min(440px,94%);height:103%;pointer-events:none}.hero-niche svg{width:100%;height:100%;display:block}.hero-lamp{position:absolute;left:50%;top:2.5%;transform:translate(-50%);width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 50% 35%,#ffe9b8,var(--brass));box-shadow:0 0 26px 6px #b2843959;animation:lamp-glow 5s ease-in-out infinite;pointer-events:none}@keyframes lamp-glow{0%,to{opacity:.75;box-shadow:0 0 22px 4px #b2843947}50%{opacity:1;box-shadow:0 0 34px 9px #b284396b}}.hero-shot{position:relative;z-index:1;width:auto;height:440px;filter:drop-shadow(0 40px 70px rgba(9,40,27,.32));animation:float 7s ease-in-out infinite}@media(min-width:768px){.hero-shot{height:560px}}@media(min-width:1280px){.hero-shot{height:620px}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.features-grid{display:grid;gap:20px}@media(min-width:1024px){.features-grid{grid-template-columns:5fr 7fr;gap:32px;align-items:center}}.feature-list{display:flex;flex-direction:column;gap:8px}.feature-item{position:relative;display:flex;flex-direction:column;width:100%;padding:16px 20px;text-align:left;border-radius:20px;border:1px solid transparent;background:transparent;cursor:pointer;overflow:hidden;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease}.feature-item:hover{background:#fff9}.feature-item.active{background:var(--paper);border-color:var(--ink-10);box-shadow:0 18px 40px -28px #09281b73}.feature-item-row{display:flex;align-items:flex-start;gap:16px}.feature-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:13px;background:#0f16130d;color:var(--ink-70);transition:background .3s ease,color .3s ease}.feature-item.active .feature-icon{background:var(--accent);color:#fff}.feature-item h3{font-size:1.1rem;font-weight:700}.feature-item p{max-height:0;opacity:0;overflow:hidden;color:var(--ink-60);font-size:.93rem;line-height:1.6;transition:max-height .35s ease,opacity .3s ease,margin-top .3s ease}.feature-item.active p{max-height:140px;opacity:1;margin-top:6px}@keyframes feature-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.feature-timer{position:absolute;left:20px;right:20px;bottom:8px;height:3px;border-radius:999px;background:#1e9160b3;transform-origin:left;animation:feature-progress 4.5s linear forwards}.feature-preview{display:none;justify-content:center;align-items:center;min-height:620px}@media(min-width:1024px){.feature-preview{display:flex}}.feature-preview-mobile{display:flex;justify-content:center;margin-top:20px}@media(min-width:1024px){.feature-preview-mobile{display:none}}.phone{position:relative;width:290px;flex-shrink:0;padding:9px;border-radius:46px;background:linear-gradient(160deg,#16211c,#050b08);box-shadow:0 40px 70px -30px #09281b80,inset 0 0 0 1px #ffffff14}.phone.sm{width:240px;border-radius:40px;padding:7px}.phone-screen{position:relative;height:570px;border-radius:38px;overflow:hidden;background:var(--cream);display:flex;flex-direction:column}.phone.sm .phone-screen{height:470px;border-radius:34px}.phone-notch{position:absolute;top:8px;left:50%;transform:translate(-50%);width:88px;height:22px;border-radius:999px;background:#050b08;z-index:5}@keyframes screen-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.phone-body{flex:1;padding:42px 16px 18px;display:flex;flex-direction:column;gap:12px;animation:screen-in .45s var(--ease) both;overflow:hidden}.phone-title{font-size:15px;font-weight:700;letter-spacing:-.02em}.phone-sub{font-size:11px;color:var(--ink-50)}.mock-card{background:var(--paper);border:1px solid var(--ink-06);border-radius:18px;padding:14px;box-shadow:0 12px 26px -20px #09281b80}.mock-card.dark{background:linear-gradient(150deg,var(--accent-deep),#0a3f2a);border-color:transparent;color:#fff}.mock-row{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:14px;font-size:12px;background:var(--paper);border:1px solid var(--ink-06)}.mock-row.on{background:#1e91601f;border-color:#1e916047;font-weight:600;color:var(--accent-deep)}.mock-row span:last-child{color:var(--ink-50);font-variant-numeric:tabular-nums}.mock-row.on span:last-child{color:var(--accent-deep)}.mock-label{font-family:var(--font-label);font-size:9px;letter-spacing:.14em;text-transform:uppercase;opacity:.65}.mock-big{font-size:26px;font-weight:800;letter-spacing:-.03em}.arabic{font-family:var(--font-arabic);direction:rtl}@keyframes soft-pulse{0%,to{opacity:.55}50%{opacity:1}}.pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--accent-bright);animation:soft-pulse 2s ease-in-out infinite}.ayah-line{height:9px;border-radius:999px;background:#0f16131a}.ayah-line.accent{background:#1e916047}@keyframes line-shimmer{0%,to{opacity:.4;transform:scaleX(.86)}50%{opacity:1;transform:scaleX(1)}}.anim-line{transform-origin:left;animation:line-shimmer 3.4s ease-in-out infinite}.compass{position:relative;width:160px;height:160px;margin:6px auto;border-radius:50%;background:radial-gradient(circle at 50% 45%,#fff,var(--sage));border:1px solid rgba(30,145,96,.25);box-shadow:inset 0 0 0 8px #ffffffb3,0 16px 30px -22px #09281b99}.compass:after{content:"";position:absolute;inset:22px;border-radius:50%;border:1px dashed rgba(30,145,96,.3)}@keyframes needle-sway{0%,to{transform:translate(-50%,-100%) rotate(-7deg)}50%{transform:translate(-50%,-100%) rotate(7deg)}}.compass-needle{position:absolute;left:50%;top:50%;width:5px;height:62px;border-radius:3px;background:linear-gradient(to top,rgba(15,22,19,.15),var(--accent));transform-origin:50% 100%;animation:needle-sway 4.5s ease-in-out infinite}.compass-kaaba{position:absolute;left:50%;top:12px;transform:translate(-50%);width:20px;height:20px;border-radius:5px;background:var(--ink);border:2px solid var(--gold)}.scan-frame{position:relative;overflow:hidden;border-radius:18px;background:linear-gradient(150deg,#1e91601a,#c1932c1a);border:1px solid rgba(30,145,96,.2);padding:18px;display:flex;flex-direction:column;gap:10px;align-items:center}@keyframes scan-sweep{0%{transform:translateY(-120%);opacity:0}12%,88%{opacity:1}to{transform:translateY(520%);opacity:0}}.scan-line{position:absolute;left:0;right:0;top:0;height:22px;background:linear-gradient(to bottom,transparent,rgba(30,145,96,.45),transparent);box-shadow:0 0 14px 2px #1e916059;animation:scan-sweep 2.8s ease-in-out infinite}.barcode{display:flex;align-items:flex-end;gap:3px;height:46px}.barcode i{display:block;width:3px;background:var(--ink);border-radius:2px}.halal-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--accent);color:#fff;font-size:11px;font-weight:700}.map-mock{position:relative;height:128px;border-radius:16px;overflow:hidden;background:linear-gradient(#1e916014,#1e916014),repeating-linear-gradient(0deg,rgba(15,22,19,.06) 0 1px,transparent 1px 22px),repeating-linear-gradient(90deg,rgba(15,22,19,.06) 0 1px,transparent 1px 22px),var(--paper);border:1px solid var(--ink-06)}@keyframes pin-drop{0%,8%{opacity:0;transform:translateY(-10px)}20%,to{opacity:1;transform:translateY(0)}}.map-pin{position:absolute;width:22px;height:22px;border-radius:50% 50% 50% 2px;transform:rotate(45deg);background:var(--accent);box-shadow:0 6px 12px -6px #09281bcc;animation:pin-drop 3.4s ease-in-out infinite}.map-pin.gold{background:var(--gold)}.statement-title{font-size:clamp(2.2rem,6vw,4.2rem);font-weight:600;line-height:1.06;max-width:900px}.statement-lead{margin-top:30px;max-width:660px;font-size:clamp(1.1rem,2vw,1.5rem);line-height:1.55;color:var(--ink-60)}.prayer-rail{display:grid;grid-template-columns:repeat(2,1fr);gap:20px 12px;margin-top:52px;padding-top:26px;border-top:1px solid rgba(178,132,57,.35)}@media(min-width:720px){.prayer-rail{grid-template-columns:repeat(5,1fr)}}.prayer-rail li{position:relative}.prayer-rail li:before{content:"";position:absolute;top:-31px;left:0;width:9px;height:9px;border-radius:50%;background:var(--cream);border:1.5px solid rgba(178,132,57,.6)}.prayer-rail li.now:before{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 4px #17734f29}.prayer-rail .p-name{font-family:var(--font-display);font-variation-settings:"SOFT" 24,"WONK" 0,"opsz" 24;font-size:1.15rem;font-weight:600}.prayer-rail .p-time{display:block;font-size:.95rem;color:var(--ink-50);font-variant-numeric:tabular-nums}.prayer-rail li.now .p-name{color:var(--accent-deep)}.prayer-rail .p-arabic{display:block;margin-top:2px;font-family:var(--font-arabic);font-size:1rem;color:var(--brass-deep);opacity:.8}.stat-grid{display:grid;gap:18px;margin-top:56px;max-width:900px}@media(min-width:640px){.prayer-rail{display:grid;grid-template-columns:repeat(2,1fr);gap:20px 12px;margin-top:52px;padding-top:26px;border-top:1px solid rgba(178,132,57,.35)}@media(min-width:720px){.prayer-rail{grid-template-columns:repeat(5,1fr)}}.prayer-rail li{position:relative}.prayer-rail li:before{content:"";position:absolute;top:-31px;left:0;width:9px;height:9px;border-radius:50%;background:var(--cream);border:1.5px solid rgba(178,132,57,.6)}.prayer-rail li.now:before{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 4px #17734f29}.prayer-rail .p-name{font-family:var(--font-display);font-variation-settings:"SOFT" 24,"WONK" 0,"opsz" 24;font-size:1.15rem;font-weight:600}.prayer-rail .p-time{display:block;font-size:.95rem;color:var(--ink-50);font-variant-numeric:tabular-nums}.prayer-rail li.now .p-name{color:var(--accent-deep)}.prayer-rail .p-arabic{display:block;margin-top:2px;font-family:var(--font-arabic);font-size:1rem;color:var(--brass-deep);opacity:.8}.stat-grid{grid-template-columns:repeat(3,1fr)}}.stat-item{border-top:1px solid var(--ink-15);padding-top:18px}.stat-item strong{display:block;font-family:var(--font-display);font-variation-settings:"SOFT" 24,"WONK" 0,"opsz" 32;font-size:clamp(1.4rem,2.6vw,1.9rem);font-weight:600;letter-spacing:-.01em}.stat-item span{color:var(--ink-50);font-size:.95rem;line-height:1.4}.split{display:grid;gap:48px;align-items:center}@media(min-width:900px){.split{grid-template-columns:1fr 1fr;gap:64px}}.split-visual{position:relative;display:flex;align-items:flex-end;justify-content:center;gap:0}.split-visual .phone:last-child{margin-left:-56px;transform:translateY(26px) scale(.9);opacity:.95;z-index:0}.split-visual .phone:first-child{z-index:1}.point-list{display:flex;flex-direction:column;gap:26px;margin-top:36px}.point{border-top:1px solid var(--ink-10);padding-top:22px}.point h3{font-size:1.35rem;margin-bottom:8px}.point p{color:var(--ink-60);line-height:1.7}.night-band{background:radial-gradient(120% 90% at 50% -10%,#0d2a20,var(--night) 45%,var(--night-deep));color:var(--cream)}.night-band .section-title,.night-band .point h3{color:var(--cream)}.night-band .section-lead,.night-band .point p{color:#f5f2ea9e}.night-band .eyebrow{color:#d8b675}.night-band .eyebrow:before{background:linear-gradient(90deg,transparent,#d8b675)}.night-band .point{border-top-color:#f5f2ea24}.starfield{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.7;background-image:radial-gradient(1.5px 1.5px at 6% 22%,rgba(255,250,235,.95),transparent),radial-gradient(1.2px 1.2px at 14% 68%,rgba(255,250,235,.7),transparent),radial-gradient(1.6px 1.6px at 21% 12%,rgba(255,250,235,.85),transparent),radial-gradient(1.1px 1.1px at 27% 47%,rgba(255,250,235,.6),transparent),radial-gradient(1.4px 1.4px at 34% 84%,rgba(255,250,235,.8),transparent),radial-gradient(1.2px 1.2px at 41% 31%,rgba(255,250,235,.7),transparent),radial-gradient(1.7px 1.7px at 48% 63%,rgba(255,250,235,.9),transparent),radial-gradient(1.1px 1.1px at 55% 16%,rgba(255,250,235,.6),transparent),radial-gradient(1.3px 1.3px at 62% 88%,rgba(255,250,235,.75),transparent),radial-gradient(1.5px 1.5px at 69% 39%,rgba(255,250,235,.85),transparent),radial-gradient(1.1px 1.1px at 76% 72%,rgba(255,250,235,.6),transparent),radial-gradient(1.4px 1.4px at 83% 25%,rgba(255,250,235,.8),transparent),radial-gradient(1.2px 1.2px at 90% 57%,rgba(255,250,235,.7),transparent),radial-gradient(1.6px 1.6px at 96% 14%,rgba(255,250,235,.9),transparent),radial-gradient(1.1px 1.1px at 11% 92%,rgba(255,250,235,.55),transparent),radial-gradient(1.3px 1.3px at 58% 5%,rgba(255,250,235,.7),transparent);animation:twinkle 6s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.5}50%{opacity:.9}}.night-band .mock-card:not(.dark){color:var(--ink)}.night-band .mock-card:not(.dark) .mock-label{color:var(--ink-50)}.cap-grid{display:grid;gap:18px;grid-template-columns:1fr}@media(min-width:640px){.cap-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.cap-grid{grid-template-columns:repeat(4,1fr);gap:22px}}.cap-visual{position:relative;display:flex;align-items:flex-end;justify-content:center;height:168px;padding-bottom:18px;margin-bottom:20px;overflow:hidden;background:linear-gradient(170deg,#17734f29,#b2843921 58%,#fffdf8bf);-webkit-mask-image:var(--arch);mask-image:var(--arch);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.cap-visual:before{content:"";position:absolute;inset:-30px;background:radial-gradient(58% 58% at 50% 38%,rgba(30,145,96,.18),transparent 70%);pointer-events:none}.cap-badge{position:absolute;left:50%;top:14px;transform:translate(-50%);z-index:2;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--paper);color:var(--brass-deep);border:1px solid rgba(178,132,57,.32);box-shadow:0 6px 14px -8px #b28439cc}.mini{position:relative;background:#fff;border-radius:14px;border:1px solid rgba(15,22,19,.05);box-shadow:0 18px 40px -22px #09281b8c;padding:10px}@keyframes bead-fill{0%,20%{background:#0f16131a;transform:scale(1)}35%,to{background:var(--accent);transform:scale(1.12)}}.anim-bead{width:11px;height:11px;border-radius:50%;background:#0f16131a;animation:bead-fill 3.6s ease-in-out infinite}@keyframes count-tick{0%,24%{transform:translateY(0);opacity:1}32%{transform:translateY(-5px);opacity:.25}40%,to{transform:translateY(0);opacity:1}}.anim-count{animation:count-tick 3.6s ease-in-out infinite;font-weight:800;font-size:18px;letter-spacing:-.02em}@keyframes day-mark{0%,10%{background:#0f161314}30%,70%{background:var(--accent)}90%,to{background:#0f161314}}.anim-day{width:10px;height:10px;border-radius:3px;background:#0f161314;animation:day-mark 3.8s ease-in-out infinite}@keyframes pill-slide{0%,22%{transform:translate(0)}33%,55%{transform:translate(100%)}66%,88%{transform:translate(200%)}to{transform:translate(0)}}.pill-track{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;border-radius:999px}.pill-track .pill-highlight{position:absolute;top:4px;bottom:4px;left:4px;width:calc((100% - .5rem) / 3);border-radius:999px;background:var(--accent);box-shadow:0 6px 16px -8px #1e9160e6;animation:pill-slide 6s cubic-bezier(.65,0,.35,1) infinite}.pill-track>span{position:relative;z-index:1;padding:5px 9px;text-align:center;white-space:nowrap;font-size:10px;font-weight:600}@keyframes card-cycle{0%,8%{opacity:0;transform:translateY(8px)}20%,62%{opacity:1;transform:translateY(0)}80%,to{opacity:0;transform:translateY(-6px)}}.anim-card-cycle{animation:card-cycle 4.2s ease-in-out infinite}@keyframes notify-in{0%{opacity:0;transform:translateY(-16px) scale(.96)}14%,72%{opacity:1;transform:translateY(0) scale(1)}90%,to{opacity:0;transform:translateY(-10px) scale(.98)}}.anim-notify{animation:notify-in 4s ease-in-out infinite}@keyframes bell-ring{0%,10%{transform:rotate(0)}16%{transform:rotate(14deg)}22%{transform:rotate(-12deg)}28%{transform:rotate(7deg)}34%,to{transform:rotate(0)}}.anim-bell{transform-origin:50% 15%;animation:bell-ring 4s ease-in-out infinite}@keyframes bar-rise{0%{transform:scaleY(.25)}55%,to{transform:scaleY(1)}}.anim-bar{width:11px;border-radius:999px;background:linear-gradient(to top,rgba(30,145,96,.35),var(--accent));transform-origin:bottom;animation:bar-rise 3.6s var(--ease) infinite}@keyframes chip-cycle{0%,to{background:#1e91608c}33%{background:#c1932c8c}66%{background:#1e916040}}.anim-chip{height:12px;border-radius:999px;background:#1e916073;animation:chip-cycle 3s ease-in-out infinite}@keyframes shield-pulse{0%,to{transform:scale(1);box-shadow:0 0 #1e916066}50%{transform:scale(1.06);box-shadow:0 0 0 12px #1e916000}}.anim-shield{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:16px;background:var(--accent);color:#fff;animation:shield-pulse 3s ease-in-out infinite}.testi-head{display:flex;flex-direction:column;gap:28px;margin-bottom:56px}@media(min-width:900px){.testi-head{flex-direction:row;align-items:flex-end;justify-content:space-between}.testi-head .section-title{max-width:640px}}.rating-card{display:flex;align-items:center;gap:16px;flex-shrink:0;padding:18px 22px;border-radius:20px;background:var(--paper);border:1px solid var(--ink-10);box-shadow:0 18px 40px -30px #09281b80;transition:transform .3s var(--ease)}.rating-card:hover{transform:translateY(-3px)}.rating-card b{font-family:var(--font-display);font-variation-settings:"SOFT" 24,"WONK" 0,"opsz" 48;font-size:2.4rem;font-weight:600;line-height:1;letter-spacing:-.02em}.rating-card p{font-size:13px;color:var(--ink-50);margin-top:5px}.stars{display:inline-flex;gap:3px;color:var(--gold)}.stars.dim{color:var(--ink-15)}.stars-wrap{position:relative;display:inline-flex}.stars-fill{position:absolute;inset:0;overflow:hidden;display:inline-flex}.marquee-rows{display:flex;flex-direction:column;gap:16px}.marquee{overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent)}.marquee-track{display:flex;width:max-content;gap:16px}@keyframes marquee-rtl{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes marquee-ltr{0%{transform:translate(-50%)}to{transform:translate(0)}}.marquee-left .marquee-track{animation:marquee-rtl 54s linear infinite}.marquee-right .marquee-track{animation:marquee-ltr 46s linear infinite}.marquee:hover .marquee-track{animation-play-state:paused}.testi-card{position:relative;display:flex;flex-direction:column;flex-shrink:0;width:330px;padding:26px 24px 24px;border-radius:4px 4px 22px 22px;background:var(--paper);border:1px solid var(--ink-10);border-top:2px solid rgba(178,132,57,.5)}.testi-card:before{content:"“";position:absolute;right:18px;top:6px;font-family:var(--font-display);font-size:62px;line-height:1;color:#b284392e}.testi-card blockquote{position:relative;flex:1;margin:16px 0 0;font-family:var(--font-display);font-variation-settings:"SOFT" 24,"WONK" 0,"opsz" 24;font-size:1.05rem;line-height:1.5;letter-spacing:-.01em;font-weight:500}.testi-foot{display:flex;align-items:center;gap:12px;margin-top:22px}.avatar{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;font-size:13px;font-weight:700}.avatar.a{background:var(--sage)}.avatar.b{background:var(--sand)}.avatar.c{background:var(--sky)}.avatar.d{background:#1e916040}.testi-foot b{font-size:14px;font-weight:600}.testi-foot small{display:block;font-size:12px;color:var(--ink-40)}.cta-card{position:relative;overflow:hidden;border-radius:50% 50% 30px 30px/26% 26% 30px 30px;padding:64px 28px 52px;text-align:center;background:linear-gradient(160deg,#17734f29,#b2843929 60%,#fffdf8bf);border:1px solid rgba(178,132,57,.28)}@media(min-width:768px){.cta-card{padding:104px 56px 76px}}.cta-card h2{font-size:clamp(1.9rem,4.4vw,3.1rem);font-weight:600;max-width:720px;margin:0 auto}.cta-card p{margin:22px auto 34px;max-width:540px;color:var(--ink-60);font-size:1.05rem;line-height:1.65}.store-btn{display:inline-flex;align-items:center;gap:12px;padding:13px 26px;border-radius:16px;background:var(--ink);color:var(--cream);text-decoration:none;transition:transform .25s var(--ease),opacity .25s ease}.store-btn:hover{transform:translateY(-3px);opacity:.92}.store-btn small{display:block;font-size:10px;opacity:.7;line-height:1.2}.store-btn strong{font-size:16px;font-weight:600;letter-spacing:-.01em}.store-btn .store-text{text-align:left}.site-footer{background:var(--cream);padding:32px 0}.footer-card{position:relative;overflow:hidden;border-radius:36px;background:var(--night);color:var(--cream);padding:56px 32px 36px}@media(min-width:768px){.footer-card{padding:60px 56px 36px;border-radius:40px}}.footer-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(50% 80% at 100% 0%,rgba(23,115,79,.24),transparent 60%),radial-gradient(40% 60% at 0% 100%,rgba(178,132,57,.14),transparent 60%)}.footer-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:36px;padding-bottom:44px}@media(min-width:900px){.footer-grid{grid-template-columns:1.6fr 1fr 1fr 1fr;gap:32px}}.footer-brand{grid-column:span 2}@media(min-width:900px){.footer-brand{grid-column:span 1}}.footer-brand .brand span{color:var(--cream)}.footer-brand p{margin:18px 0 22px;max-width:300px;color:#f3f6f380;font-size:14px;line-height:1.7}.footer-col h4{font-family:var(--font-display);font-variation-settings:"SOFT" 24,"WONK" 0,"opsz" 20;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#d8b675bf;margin-bottom:16px}.footer-col ul{display:flex;flex-direction:column;gap:12px}.footer-col a{font-size:14px;color:#f3f6f3b3;text-decoration:none;transition:color .25s ease}.footer-col a:hover{color:var(--cream)}.social-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#f3f6f31a;color:var(--cream);transition:background .25s ease}.social-btn:hover{background:#f3f6f333}.footer-col a.footer-cta,.footer-cta{display:inline-flex;align-items:center;gap:10px;padding:11px 22px;border-radius:999px;background:var(--cream);color:var(--ink);font-size:14px;font-weight:600;text-decoration:none;transition:opacity .25s ease}.footer-cta:hover{opacity:.9}.footer-bottom{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;padding-top:26px;border-top:1px solid rgba(243,246,243,.1);text-align:center}@media(min-width:640px){.footer-bottom{flex-direction:row;justify-content:space-between;text-align:left}}.footer-bottom p{font-size:13px;color:#f3f6f366}.footer-links{display:flex;align-items:center;gap:14px}.footer-links a{font-size:13px;color:#f3f6f380;text-decoration:none}.footer-links a:hover{color:var(--cream)}.footer-links i{color:#f3f6f333;font-style:normal}.legal-page{padding:140px 0 40px}.legal-content{max-width:780px;margin:0 auto}.legal-content h1{font-size:clamp(2rem,5vw,2.8rem);font-weight:800;margin-bottom:8px}.legal-date{color:var(--ink-40);font-size:14px;margin-bottom:40px}.legal-content h2{font-size:1.4rem;font-weight:700;margin:44px 0 14px;color:var(--accent-deep)}.legal-content h3{font-size:1.1rem;font-weight:600;margin:28px 0 10px}.legal-content p{color:var(--ink-70);font-size:15px;line-height:1.85;margin-bottom:14px}.legal-content ul{color:var(--ink-70);font-size:15px;line-height:1.85;margin-bottom:16px;padding-left:22px;list-style:disc}.legal-content li{margin-bottom:8px}.legal-content li::marker{color:var(--accent)}.legal-content a{color:var(--accent-deep);text-decoration:underline;text-underline-offset:3px}.legal-highlight{background:var(--paper);border:1px solid var(--ink-10);border-left:3px solid var(--accent);padding:20px 24px;border-radius:0 18px 18px 0;margin:24px 0}.legal-highlight p{color:var(--ink);margin-bottom:0}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1!important;transform:none!important}}.ramadan-stack{position:relative;display:grid;gap:14px;max-width:420px;margin:0 auto;padding:8px 0}.ramadan-stack .mock-card{border-radius:22px;padding:18px;box-shadow:var(--shadow-lift)}.rs-countdown{justify-self:start;width:74%}.rs-grid{justify-self:end;width:90%;margin-top:-4px}.rs-days{display:grid;grid-template-columns:repeat(10,1fr);gap:5px}.rs-days span{aspect-ratio:1;border-radius:5px;background:#0f161314}.rs-days span.on{background:var(--accent)}.rs-event,.rs-dua{display:flex;align-items:center;gap:12px}.rs-event{justify-self:start;width:82%}.rs-dua{justify-self:end;width:86%}.rs-event-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border-radius:12px;background:#1e916021;color:var(--accent-deep)}.rs-event-icon.gold{background:#c1932c29;color:#8f6d1c}@media(min-width:640px){.ramadan-stack{max-width:460px}}.crescent{position:absolute;right:7%;top:10%;z-index:0;width:88px;height:88px;border-radius:50%;box-shadow:24px 17px #f0e3c4;opacity:.85;pointer-events:none}@media(max-width:899px){.crescent{width:58px;height:58px;box-shadow:16px 11px #f0e3c4;top:4%;right:8%}}.night-band .container{z-index:1}.night-band .rs-countdown{background:linear-gradient(150deg,var(--brass),#7d5a20)}