:root{--ink:#0a2e22;--ink-soft:#3b5a4e;--green:#12704a;--green-600:#0e5c3d;--green-700:#0a4730;--mint:#35c77e;--mint-tint:#e7f4ec;--mint-tint-2:#f0f8f2;--gold:#b8894b;--gold-soft:#f3e9d6;--paper:#f5f8f4;--white:#fff;--line:#0a2e221a;--line-strong:#0a2e2229;--shadow-sm:0 1px 2px #0a2e220f,0 1px 3px #0a2e220d;--shadow-md:0 12px 30px -12px #0a2e2238;--shadow-lg:0 30px 60px -20px #0a2e224d;--r-sm:12px;--r-md:18px;--r-lg:26px;--r-xl:34px;--maxw:1160px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;font-family:Plus Jakarta Sans,system-ui,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{letter-spacing:-.02em;color:var(--ink);font-family:Bricolage Grotesque,system-ui,sans-serif;font-weight:700;line-height:1.08}a{color:inherit;text-decoration:none}.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 24px}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--green);font-size:.82rem;font-weight:600}.ar{font-family:Amiri,serif;font-weight:700}.btn{cursor:pointer;white-space:nowrap;border:1.5px solid #0000;border-radius:999px;align-items:center;gap:.5em;padding:.8em 1.4em;font-family:Plus Jakarta Sans;font-size:.98rem;font-weight:600;transition:transform .18s,box-shadow .18s,background .18s,color .18s;display:inline-flex}.btn-primary{background:var(--green);color:#fff;box-shadow:0 8px 20px -8px #12704a99}.btn-primary:hover{background:var(--green-600);transform:translateY(-2px);box-shadow:0 14px 26px -8px #12704a99,0 0 20px #12704a66}.stores{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.storebtn{background:var(--ink);color:#fff;border-radius:14px;align-items:center;gap:10px;padding:9px 16px 9px 14px;transition:transform .18s,background .18s;display:inline-flex}.storebtn:hover{background:#0d3a2b;transform:translateY(-3px)}.storebtn svg{fill:#fff;flex:none;width:24px;height:24px}.storebtn .st-txt{flex-direction:column;line-height:1.1;display:flex}.storebtn .st-txt small{opacity:.82;letter-spacing:.02em;font-size:.62rem;font-weight:500}.storebtn .st-txt b{font-family:Bricolage Grotesque;font-size:1.02rem;font-weight:600}.stores.on-dark .storebtn{color:var(--ink);background:#fff}.stores.on-dark .storebtn svg{fill:var(--ink)}.stores.on-dark .storebtn:hover{background:var(--mint-tint)}.logo-mark{background:linear-gradient(150deg,var(--green),var(--green-700));border-radius:12px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 6px 14px -6px #12704ab3}.logo-mark svg{fill:none;stroke:#fff;stroke-width:1.7px;width:24px;height:24px}header{z-index:50;-webkit-backdrop-filter:blur(14px);background:#f5f8f4d1;border-bottom:1px solid #0000;transition:background-color .3s,border-color .3s,box-shadow .3s;position:sticky;top:0}header.scrolled{background:#ffffffb8;border-color:#12704a14;box-shadow:0 4px 30px #0a2e220a}.nav{justify-content:space-between;align-items:center;height:74px;display:flex}.brand{letter-spacing:-.02em;color:var(--green-700);align-items:center;gap:11px;font-family:Bricolage Grotesque;font-size:1.24rem;font-weight:700;display:flex}.brand .ar{color:var(--green);font-size:1.1rem}.nav-links{align-items:center;gap:30px;display:flex}.nav-links a.link{color:var(--ink-soft);font-size:.97rem;font-weight:500;transition:color .16s;position:relative}.nav-links a.link:hover{color:var(--green)}.nav-links a.link:after{content:"";background:var(--green);width:0;height:2px;transition:width .22s;position:absolute;bottom:-6px;left:0}.nav-links a.link:hover:after{width:100%}.nav-right{align-items:center;gap:18px;display:flex}.lang{border:1px solid var(--line-strong);background:#fff;border-radius:999px;gap:2px;padding:3px;font-size:.82rem;font-weight:600;display:flex}.lang button{cursor:pointer;font-family:inherit;font-size:inherit;font-weight:inherit;color:var(--ink-soft);background:0 0;border:none;border-radius:999px;padding:3px 11px;transition:background .16s,color .16s}.lang button.on{background:var(--green);color:#fff}.menu-btn{border:1px solid var(--line-strong);cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;display:none}.menu-btn svg{width:22px;height:22px;stroke:var(--ink)}.hero{padding:78px 0 90px;position:relative;overflow:hidden}.hero-bg{z-index:0;pointer-events:none;position:absolute;inset:0}.hero-bg .glow{filter:blur(70px);opacity:.5;border-radius:50%;position:absolute}.hero-bg .g1{background:radial-gradient(circle,#35c77e4d,#0000 68%);width:520px;height:520px;top:-160px;right:-120px}.hero-bg .g2{background:radial-gradient(circle,#12704a2e,#0000 70%);width:460px;height:460px;bottom:-200px;left:-160px}.pattern{opacity:.05;color:var(--green);position:absolute;inset:0}.hero-grid{z-index:1;grid-template-columns:1.05fr .95fr;align-items:center;gap:56px;display:grid;position:relative}.hero-eyebrow{border:1px solid var(--line);box-shadow:var(--shadow-sm);background:#fff;border-radius:999px;align-items:center;gap:10px;margin-bottom:26px;padding:7px 15px 7px 8px;display:inline-flex}.hero-eyebrow .ar{color:var(--green);background:var(--mint-tint);border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:1.35rem;line-height:1;display:flex}.hero-eyebrow span{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);font-size:.82rem;font-weight:600}.hero h1{margin-bottom:22px;font-size:clamp(2.5rem,5.4vw,4rem)}.hero h1 em{color:var(--green);white-space:nowrap;font-style:normal;position:relative}.hero h1 em:after{content:"";background:var(--mint);opacity:.32;z-index:-1;border-radius:4px;height:.18em;position:absolute;bottom:.06em;left:0;right:0}.hero p.lead{color:var(--ink-soft);max-width:33em;margin-bottom:32px;font-size:1.16rem}.hero-cta{margin-bottom:22px}.trustline{color:var(--ink-soft);flex-wrap:wrap;gap:8px 20px;font-size:.86rem;font-weight:500;display:flex}.trustline span{align-items:center;gap:7px;display:inline-flex}.trustline svg{width:16px;height:16px;stroke:var(--green);flex:none}.hero-visual{justify-content:center;align-items:center;min-height:520px;display:flex;position:relative}.device{width:280px;height:576px;box-shadow:var(--shadow-lg);z-index:1;background:#0a2e22;border-radius:44px;padding:12px;position:relative}.device:before{content:"";z-index:3;background:#0a2e22;border-radius:0 0 16px 16px;width:96px;height:26px;position:absolute;top:20px;left:50%;transform:translate(-50%)}.screen{background:linear-gradient(170deg,var(--green-700),var(--green) 55%,#0c5a3c);color:#fff;border-radius:33px;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.scr-pat{opacity:.12;color:#fff;position:absolute;inset:0}.scr-top{z-index:1;opacity:.85;justify-content:space-between;padding:44px 22px 0;font-size:.72rem;font-weight:600;display:flex;position:relative}.scr-hero{z-index:1;text-align:center;padding:26px 22px 20px;position:relative}.scr-hero .loc{opacity:.82;align-items:center;gap:5px;margin-bottom:14px;font-size:.78rem;display:inline-flex}.scr-hero .loc svg{stroke:#fff;fill:none;width:12px;height:12px}.scr-hero .lbl{letter-spacing:.14em;text-transform:uppercase;opacity:.72;font-size:.72rem}.scr-hero .nm{margin:6px 0;font-family:Bricolage Grotesque;font-size:2.5rem;font-weight:700;line-height:1}.scr-hero .cd{opacity:.9;font-variant-numeric:tabular-nums;font-size:.92rem}.scr-list{z-index:1;color:var(--ink);background:#fff;border-radius:26px 26px 33px 33px;flex:none;margin-top:auto;padding:18px 18px 26px;position:relative}.scr-list .row{border-radius:12px;justify-content:space-between;align-items:center;padding:9px 12px;font-size:.9rem;display:flex}.scr-list .row .n{color:var(--ink-soft);font-weight:500}.scr-list .row .t{font-variant-numeric:tabular-nums;font-weight:600}.scr-list .row.on{background:var(--mint-tint)}.scr-list .row.on .n,.scr-list .row.on .t{color:var(--green-600)}.prayer-card{z-index:2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:216px;box-shadow:var(--shadow-lg);background:#ffffffe6;border:1px solid #ffffffb3;border-radius:22px;padding:16px 18px;position:absolute;bottom:52px;right:-2px}.pc-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.pc-live{letter-spacing:.08em;text-transform:uppercase;color:var(--mint);align-items:center;gap:5px;font-size:.62rem;font-weight:700;display:flex}.pc-live .dot{background:var(--mint);border-radius:50%;width:7px;height:7px;animation:2s infinite pulse}.pc-mini-lbl{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.08em;font-size:.66rem;font-weight:600}.pc-mini-name{color:var(--ink);margin:2px 0;font-family:Bricolage Grotesque;font-size:1.5rem;font-weight:700;line-height:1}.pc-mini-cd{color:var(--green);font-variant-numeric:tabular-nums;font-size:.82rem;font-weight:600}@keyframes pulse{0%{box-shadow:0 0 #35c77e80}70%{box-shadow:0 0 0 8px #35c77e00}to{box-shadow:0 0 #35c77e00}}.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.strip .wrap{flex-wrap:wrap;justify-content:center;gap:14px 40px;padding:22px 24px;display:flex}.strip .item{align-items:center;gap:10px;font-size:.92rem;font-weight:600;display:flex}.strip .item svg{width:20px;height:20px;stroke:var(--green);fill:none;flex:none}.strip .item b{color:var(--green)}section.block{padding:96px 0}.sec-head{max-width:640px;margin-bottom:52px}.sec-head.center{text-align:center;margin-left:auto;margin-right:auto}.sec-head h2{margin:14px 0 16px;font-size:clamp(2rem,3.6vw,2.9rem)}.sec-head p{color:var(--ink-soft);font-size:1.1rem}.tabs{flex-wrap:wrap;gap:10px;margin-bottom:34px;display:flex}.tab{border:1.5px solid var(--line-strong);color:var(--ink-soft);cursor:pointer;background:#fff;border-radius:999px;padding:.6em 1.25em;font-family:Bricolage Grotesque;font-size:1rem;font-weight:600;transition:all .18s}.tab:hover{border-color:var(--green);color:var(--green)}.tab.on{background:var(--ink);color:#fff;border-color:var(--ink)}.tab .ar{opacity:.75;margin-right:.4em;font-size:1.05rem}.grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.panel{display:none}.panel.on{animation:.4s fadeUp;display:block}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.fcard{border:1px solid var(--line);border-radius:var(--r-md);background:#fff;padding:22px;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1),border-color .4s;position:relative;overflow:hidden}.fcard:hover{box-shadow:var(--shadow-md);border-color:var(--green-700);transform:translateY(-6px)}.fcard .ic{background:var(--mint-tint);border-radius:13px;justify-content:center;align-items:center;width:46px;height:46px;margin-bottom:16px;display:flex}.fcard .ic svg{width:24px;height:24px;stroke:var(--green);stroke-width:1.8px;fill:none}.fcard h4{margin-bottom:7px;font-size:1.06rem}.fcard p{color:var(--ink-soft);font-size:.9rem;line-height:1.5}.fcard .pattern-bg{opacity:.035;pointer-events:none;width:110px;height:110px;color:var(--green);transition:transform .6s cubic-bezier(.16,1,.3,1),opacity .6s;position:absolute;bottom:-24px;right:-24px}.fcard:hover .pattern-bg{opacity:.065;transform:scale(1.25)rotate(12deg)translate(-4px,-4px)}.fcard .pattern-bg svg{fill:none;stroke:currentColor;stroke-width:1.2px;width:100%;height:100%}.soon{letter-spacing:.06em;text-transform:uppercase;color:var(--gold);background:var(--gold-soft);border-radius:999px;padding:3px 8px;font-size:.64rem;font-weight:700;position:absolute;top:16px;right:16px}.spot{grid-template-columns:1fr 1fr;align-items:center;gap:56px;margin-bottom:104px;display:grid}.spot:last-child{margin-bottom:0}.spot.rev .spot-media{order:2}.spot-media{justify-content:center;display:flex;position:relative}.spot-media .blob{aspect-ratio:1;background:linear-gradient(140deg,var(--mint-tint),var(--mint-tint-2));z-index:0;border-radius:44% 56% 58% 42%/50% 44% 56% 50%;width:88%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spot-body .eyebrow{margin-bottom:12px;display:block}.spot-body h3{margin-bottom:16px;font-size:clamp(1.7rem,3vw,2.3rem)}.spot-body p{color:var(--ink-soft);margin-bottom:20px;font-size:1.06rem}.ticks{flex-direction:column;gap:11px;list-style:none;display:flex}.ticks li{align-items:flex-start;gap:11px;font-size:.98rem;display:flex}.ticks svg{width:20px;height:20px;stroke:var(--green);fill:none;flex:none;margin-top:2px}.mini-device{z-index:1;width:230px;height:474px;box-shadow:var(--shadow-lg);background:#0a2e22;border-radius:38px;padding:10px;position:relative}.mini-device .screen{border-radius:29px}.mini-device:before{content:"";z-index:3;background:#0a2e22;border-radius:0 0 14px 14px;width:80px;height:22px;position:absolute;top:16px;left:50%;transform:translate(-50%)}.scr-center{z-index:1;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:20px;display:flex;position:relative}.compass{width:170px;height:170px;position:relative}.compass .ring{border:2px solid #ffffff59;border-radius:50%;position:absolute;inset:0}.compass .ring2{border:1px dashed #ffffff4d;border-radius:50%;position:absolute;inset:22px}.compass .needle{border-left:11px solid #0000;border-right:11px solid #0000;border-bottom:64px solid var(--mint);width:0;height:0;transition:transform .4s ease-out;position:absolute;top:8px;left:50%;transform:translate(-50%)}.compass .kaaba{border:2px solid var(--gold-soft);background:#0a2e22;border-radius:4px;width:20px;height:20px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.compass .hub{background:#fff;border-radius:50%;width:16px;height:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.compass .n,.compass .s,.compass .e,.compass .w{opacity:.7;font-size:.7rem;font-weight:700;position:absolute}.compass .n{top:-2px;left:50%;transform:translate(-50%)}.compass .s{bottom:-2px;left:50%;transform:translate(-50%)}.compass .e{top:50%;right:-2px;transform:translateY(-50%)}.compass .w{top:50%;left:-2px;transform:translateY(-50%)}.scr-center .deg{margin-top:22px;font-family:Bricolage Grotesque;font-size:1.8rem;font-weight:700}.scr-center .cap{opacity:.8;margin-top:4px;font-size:.8rem}.scr-quran{z-index:1;color:var(--ink);background:#fff;border-radius:29px;flex-direction:column;flex:1;margin:0;padding:24px 20px;display:flex;position:relative}.scr-quran .surah{text-align:center;border:1.5px solid var(--gold);color:var(--gold);border-radius:12px;margin-bottom:18px;padding:8px}.scr-quran .surah b{color:var(--ink);font-family:Bricolage Grotesque;font-size:1rem;display:block}.scr-quran .surah span{color:var(--ink-soft);font-size:.72rem}.scr-quran .bism{text-align:center;color:var(--green);margin-bottom:20px;font-family:Amiri;font-size:1.35rem}.scr-quran .aya{text-align:right;color:var(--ink);direction:rtl;font-family:Amiri;font-size:1.5rem;line-height:2.1}.scr-quran .tr{margin-top:14px}.scr-quran .tr i{background:var(--mint-tint-2);border-radius:5px;height:9px;margin-bottom:9px;display:block}.scr-quran .tr i:nth-child(2){width:86%}.scr-quran .tr i:nth-child(3){width:70%}.zakat{background:linear-gradient(160deg,var(--green-700),var(--green));color:#fff;border-radius:var(--r-xl);padding:56px;position:relative;overflow:hidden}.zakat .pattern{opacity:.08;color:#fff}.zakat-grid{z-index:1;grid-template-columns:1.15fr .85fr;align-items:center;gap:44px;display:grid;position:relative}.zakat h3{color:#fff;margin-bottom:16px;font-size:clamp(1.9rem,3.2vw,2.6rem)}.zakat p{color:#ffffffdb;margin-bottom:26px;font-size:1.08rem}.zakat .gold-tag{color:var(--gold-soft);letter-spacing:.06em;text-transform:uppercase;background:#b8894b38;border:1px solid #f3e9d666;border-radius:999px;align-items:center;gap:8px;margin-bottom:22px;padding:6px 14px;font-size:.82rem;font-weight:600;display:inline-flex}.zakat .btn-gold{background:var(--gold-soft);color:var(--green-700)}.zakat .btn-gold:hover{background:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #dcae6466,0 0 20px #dcae6440}.zakat-cats{grid-template-columns:1fr 1fr;gap:12px;display:grid}.zcat{border-radius:var(--r-md);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1a;border:1px solid #ffffff2e;padding:18px;transition:all .3s;position:relative}.zcat b{margin-bottom:3px;font-family:Bricolage Grotesque;font-size:1.05rem;display:block}.zcat span{color:#ffffffbf;font-size:.84rem}.zcat.active{border-color:var(--gold-soft);background:#ffffff38;box-shadow:0 0 16px #f3e9d64d}.zcat.active b{color:var(--gold-soft)}.zcat .active-dot{background:var(--gold-soft);width:6px;height:6px;box-shadow:0 0 8px var(--gold-soft);border-radius:50%;position:absolute;top:14px;right:14px}.widgets{background:var(--ink);color:#fff}.widgets .sec-head h2{color:#fff}.widgets .eyebrow{color:var(--mint)}.widgets .sec-head p{color:#ffffffb8}.wgrid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.wcard{border-radius:var(--r-lg);text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;padding:32px 28px;transition:transform .2s,background .2s}.wcard:hover{background:#ffffff14;transform:translateY(-5px)}.wcard h4{color:#fff;margin:22px 0 9px;font-size:1.2rem}.wcard p{color:#ffffffb3;font-size:.92rem}.w-visual{justify-content:center;align-items:center;height:200px;display:flex}.lockscreen{width:150px;height:200px;box-shadow:var(--shadow-md);color:#fff;background:linear-gradient(165deg,#0c5a3c,#0a2e22);border-radius:24px;padding:16px 14px;position:relative;overflow:hidden}.lockscreen .lstime{text-align:center;margin-top:8px;font-family:Bricolage Grotesque;font-size:2.3rem;font-weight:700;line-height:1}.lockscreen .lsdate{text-align:center;opacity:.8;margin-bottom:auto;font-size:.66rem}.lockscreen .lspill{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff29;border-radius:12px;justify-content:space-between;align-items:center;padding:8px 10px;display:flex;position:absolute;bottom:14px;left:12px;right:12px}.lockscreen .lspill b{font-family:Bricolage Grotesque;font-size:.78rem}.lockscreen .lspill small{opacity:.8;font-size:.62rem}.homew{width:168px;color:var(--ink);box-shadow:var(--shadow-md);text-align:left;background:#fff;border-radius:22px;padding:16px}.homew .hwtop{color:var(--ink-soft);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.66rem;font-weight:600;display:flex}.homew .hwtop .d{background:var(--green);border-radius:4px;width:14px;height:14px}.homew .hwnext{color:var(--green);font-family:Bricolage Grotesque;font-size:1.4rem;font-weight:700}.homew .hwsub{color:var(--ink-soft);margin-bottom:10px;font-size:.66rem}.homew .hwrow{border-top:1px solid var(--line);justify-content:space-between;padding:3px 0;font-size:.68rem;display:flex}.homew .hwrow b{font-variant-numeric:tabular-nums}.watch{width:132px;height:158px;box-shadow:var(--shadow-md);background:#0a2e22;border-radius:38px;padding:8px;position:relative}.watch:before,.watch:after{content:"";background:#0a2e22;border-radius:6px;width:26px;height:14px;position:absolute;left:50%;transform:translate(-50%)}.watch:before{top:-10px}.watch:after{bottom:-10px}.watch .wface{color:#fff;background:radial-gradient(circle at 50% 30%,#0c5a3c,#061e16);border-radius:32px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.watch .wface .wl{letter-spacing:.1em;text-transform:uppercase;opacity:.7;font-size:.56rem}.watch .wface .wn{color:var(--mint);font-family:Bricolage Grotesque;font-size:1.3rem;font-weight:700}.watch .wface .wc{opacity:.85;margin-top:2px;font-size:.62rem}.steps{counter-reset:step;grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.step{border:1px solid var(--line);border-radius:var(--r-lg);background:#fff;padding:30px;position:relative}.step .num{counter-increment:step;background:var(--mint-tint);width:44px;height:44px;color:var(--green);border-radius:50%;justify-content:center;align-items:center;margin-bottom:18px;font-family:Bricolage Grotesque;font-size:1.05rem;font-weight:800;display:flex}.step .num:before{content:counter(step,decimal-leading-zero)}.step h4{margin-bottom:8px;font-size:1.18rem}.step p{color:var(--ink-soft);font-size:.96rem}.partners{text-align:center}.plogos{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;margin-top:30px;display:flex}.plogo{border:1px solid var(--line);box-shadow:var(--shadow-sm);background:#fff;border-radius:16px;align-items:center;gap:10px;padding:16px 24px;transition:transform .2s,box-shadow .2s;display:inline-flex}.plogo:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.plogo .pm{background:var(--mint-tint);width:34px;height:34px;color:var(--green);border-radius:9px;justify-content:center;align-items:center;font-family:Bricolage Grotesque;font-weight:800;display:flex}.plogo b{font-family:Bricolage Grotesque;font-size:1.05rem}.final{padding:104px 0}.final-card{background:linear-gradient(150deg,#fff,var(--mint-tint-2));border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow-md);grid-template-columns:1.2fr .8fr;align-items:center;gap:44px;padding:56px;display:grid;position:relative;overflow:hidden}.final-card .pattern{opacity:.045}.final-card .fc-body{z-index:1;position:relative}.final-card h2{margin-bottom:16px;font-size:clamp(2rem,3.6vw,2.9rem)}.final-card p{color:var(--ink-soft);max-width:26em;margin-bottom:28px;font-size:1.1rem}.fc-side{z-index:1;justify-content:center;display:flex;position:relative}footer{background:var(--ink);color:#ffffffb8;padding:64px 0 34px}.foot-grid{border-bottom:1px solid #ffffff1f;grid-template-columns:2fr 1fr 1fr;gap:44px;padding-bottom:44px;display:grid}.foot-brand{align-items:center;gap:12px;margin-bottom:18px;display:flex}.foot-brand b{color:#fff;font-family:Bricolage Grotesque;font-size:1.3rem}.foot-brand .ar{color:var(--mint)}.foot-about{max-width:30em;font-size:.95rem;line-height:1.6}.foot-col h5{color:#fff;margin-bottom:16px;font-family:Bricolage Grotesque;font-size:1rem}.foot-col a{color:#ffffffb3;padding:6px 0;font-size:.94rem;transition:color .16s;display:block}.foot-col a:hover{color:var(--mint)}.foot-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding-top:26px;font-size:.88rem;display:flex}.reveal{opacity:0;transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);transform:translateY(24px)}.reveal.in{opacity:1;transform:none}.mobile-panel{z-index:49;background:var(--paper);flex-direction:column;gap:6px;padding:26px 24px;transition:transform .3s;display:none;position:fixed;inset:74px 0 0;transform:translate(100%)}.mobile-panel.open{display:flex;transform:none}.mobile-panel a{border-bottom:1px solid var(--line);padding:14px 0;font-family:Bricolage Grotesque;font-size:1.3rem;font-weight:600}.mobile-panel .btn-primary{justify-content:center;margin-top:20px;font-size:1.05rem}@media (width<=960px){.grid{grid-template-columns:repeat(2,1fr)}.wgrid{grid-template-columns:1fr;max-width:360px;margin:0 auto}.steps,.zakat-grid,.zakat{grid-template-columns:1fr}.zakat{padding:40px 28px}.final-card{grid-template-columns:1fr}.foot-grid{grid-template-columns:1fr;gap:32px}}@media (width<=840px){.nav-links,.nav-right .lang,.nav-right .btn{display:none}.menu-btn{display:flex}.hero-grid{grid-template-columns:1fr;gap:48px}.hero-visual{order:-1;min-height:auto}.spot,.spot.rev{grid-template-columns:1fr;gap:34px;margin-bottom:72px}.spot.rev .spot-media{order:0}}@media (width<=560px){.wrap{padding:0 18px}section.block{padding:66px 0}.hero{padding:48px 0 66px}.grid{grid-template-columns:1fr}.zakat-cats{grid-template-columns:1fr 1fr;gap:8px}.zcat{text-align:center;padding:12px}.zcat b{margin-bottom:2px;font-size:.95rem}.zcat span{font-size:.8rem}.zcat .active-dot{width:5px;height:5px;top:8px;right:8px}.prayer-card{bottom:20px;right:-8px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}:focus-visible{outline:3px solid var(--mint);outline-offset:3px;border-radius:6px}