:root{--navy:#1d3743;--navy-deep:#0d1427;--ink:#013437;--teal:#55ada3;--teal-deep:#346175;--teal-mid:#4dbbae;--footer:#24556d;--footer-deep:#173649;--gold:#c2be8e;--paper:#f6f7fa;--mist:#f2fbff;--card:#e9f1f3;--white:#fff;--muted:#878991;--line:#d6d8e0;--shadow:0 12px 30px #1d37431a;--shadow-soft:0 8px 18px #1d374314;--radius-sm:10px;--radius:30px;--radius-lg:60px;--header-h:84px;--max:1180px;color:var(--navy);background:var(--white);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Montserrat,sans-serif;line-height:1.6}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--white);min-width:320px;margin:0}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;background:0 0;border:0}h1,h2,h3,p{margin:0}.skip-link{z-index:80;background:var(--teal);color:var(--white);border-radius:8px;padding:8px 14px;position:absolute;top:-40px;left:16px}.skip-link:focus{top:12px}.container{width:min(var(--max), calc(100% - 40px));margin-inline:auto}.arabic{direction:rtl;font-family:Noto Naskh Arabic,serif}.header{z-index:40;height:var(--header-h);background:var(--navy);color:var(--white);position:sticky;top:0}.header.is-scrolled{box-shadow:0 8px 24px #0d142740}.header-inner{justify-content:space-between;align-items:center;gap:16px;height:100%;display:flex}.logo{color:var(--white);align-items:center;gap:10px;min-width:0;display:flex}.logo-mark{flex:none;width:42px;height:42px}.logo-text{flex-direction:column;min-width:0;line-height:1.15;display:flex}.logo-text strong{font-size:15px;font-weight:700}.logo-text span{color:#d9d9d9;letter-spacing:.02em;font-size:11px}.nav{align-items:center;gap:36px;display:flex}.nav a{color:var(--white);font-size:15px;font-weight:500;position:relative}.nav a:after{content:"";background:var(--teal);transform-origin:0;width:100%;height:2px;transition:transform .25s;position:absolute;bottom:-6px;left:0;transform:scaleX(0)}.nav a:hover:after,.nav a.active:after{transform:scaleX(1)}.menu-toggle{width:42px;height:42px;color:var(--white);border:1px solid #ffffff47;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;display:none}.menu-toggle svg{width:22px;height:22px}.mobile-nav{display:none}.btn{border-radius:var(--radius);justify-content:center;align-items:center;gap:8px;min-height:48px;padding:12px 28px;font-size:15px;font-weight:600;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-teal{background:var(--teal);color:var(--white);box-shadow:0 10px 20px #55ada347}.btn-teal:hover{background:#4b9e95}.btn-navy{background:var(--navy);color:var(--white)}.btn-ghost{color:var(--white);background:0 0;border:1.5px solid #fff6}.store-row{flex-wrap:wrap;gap:12px;display:flex}.store-btn{background:var(--navy-deep);min-height:52px;color:var(--white);border:1px solid #ffffff1f;border-radius:14px;align-items:center;gap:10px;padding:8px 18px 8px 14px;display:inline-flex}.store-btn small{opacity:.8;font-size:10px;font-weight:500;display:block}.store-btn strong{font-size:15px;font-weight:700;line-height:1.1;display:block}.store-btn svg{width:22px;height:22px}.hero{background:radial-gradient(circle at 88% 18%, #55ada329, transparent 28%), radial-gradient(circle at 8% 88%, #c2be8e29, transparent 24%), var(--paper);padding:72px 0 40px;position:relative;overflow:hidden}.hero-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:48px;display:grid}.kicker{color:var(--teal);letter-spacing:.12em;text-transform:uppercase;margin-bottom:16px;font-size:13px;font-weight:700}.hero h1{color:var(--navy);max-width:14em;font-size:clamp(32px,4.4vw,54px);font-weight:800;line-height:1.15}.underline{width:140px;height:10px;margin:14px 0 22px;display:block}.lead{color:var(--muted);max-width:46ch;margin-bottom:28px;font-size:16px}.hero-stage{justify-content:center;align-items:center;min-height:560px;display:flex;position:relative}.float-icon{background:var(--white);width:78px;height:78px;box-shadow:var(--shadow);border-radius:22px;place-items:center;display:grid;position:absolute}.float-icon .icon-well{width:48px;height:48px}.float-icon.is-tl{top:36px;left:18px}.float-icon.is-tr{top:72px;right:8px}.float-icon.is-bl{bottom:88px;left:0}.float-icon.is-br{bottom:48px;right:18px}.phone{background:#0e1a20;border-radius:40px;width:280px;height:574px;padding:10px;position:relative;box-shadow:0 30px 60px #0d142738,inset 0 0 0 2px #2a4450}.phone-notch{z-index:2;background:#0e1a20;border-radius:12px;width:92px;height:18px;position:absolute;top:16px;left:50%;transform:translate(-50%)}.phone-screen{background:#ededed;border-radius:32px;flex-direction:column;height:100%;display:flex;overflow:hidden}.phone-status{color:var(--white);justify-content:space-between;align-items:center;padding:14px 16px 6px;font-size:10px;font-weight:600;display:flex}.phone-home-head{background:var(--navy);color:var(--white);border-radius:0 0 22px 22px;padding:0 16px 20px;position:relative;overflow:hidden}.phone-home-head:after,.phone-home-head:before{content:"";pointer-events:none;border-radius:50%;position:absolute}.phone-home-head:before{background:#4dbbae29;width:90px;height:90px;top:-24px;right:-20px}.phone-home-head:after{background:#c2be8e29;width:64px;height:64px;bottom:-18px;left:-16px}.phone-home-head .ar{font-size:12px;position:relative}.phone-home-head h3{margin:4px 0 10px;font-size:16px;position:relative}.phone-home-head p{color:#d9d9d9;font-size:10px;position:relative}.phone-body{flex-direction:column;flex:1;gap:10px;padding:14px 12px 12px;display:flex}.phone-card{background:var(--teal-deep);color:var(--white);border-radius:14px;padding:12px}.phone-card .eyebrow{letter-spacing:.08em;font-size:9px;font-weight:600}.phone-card h4{margin:4px 0;font-size:13px}.phone-card p,.phone-meta{opacity:.9;font-size:10px}.phone-cta{background:var(--ink);color:var(--white);text-align:center;border-radius:8px;margin-top:10px;padding:8px;font-size:11px;font-weight:600}.phone-actions{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.phone-action{background:var(--white);text-align:center;color:var(--navy);border-radius:10px;padding:10px 4px;font-size:8px;font-weight:600}.phone-action svg{width:16px;height:16px;color:var(--teal-deep);margin:0 auto 4px}.phone-list{background:var(--white);border-radius:12px;padding:8px 10px}.phone-list h5{margin:0 0 6px;font-size:10px}.phone-row{border-top:1px solid #eee;justify-content:space-between;gap:8px;padding:7px 0;font-size:9px;display:flex}.phone-reader{background:#f4efe4;flex-direction:column;flex:1;display:flex}.phone-reader-bar{background:var(--navy);color:var(--white);justify-content:space-between;align-items:center;padding:12px 14px 10px;font-size:10px;font-weight:600;display:flex}.mushaf-page{text-align:center;background:#f7f1e4;border:1px solid #e2d8c4;border-radius:4px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;margin:10px;padding:16px 14px;display:flex}.mushaf-lines{gap:7px;width:100%;margin-top:8px;display:grid}.mushaf-lines i{background:#1d37431f;border-radius:99px;height:5px;display:block}.mushaf-lines i:nth-child(odd){width:92%;margin-inline:auto}.mushaf-lines i:nth-child(2n){width:78%;margin-inline:auto}.mushaf-page .ornament{width:72px;height:72px;margin:0 auto 10px}.mushaf-page strong{color:var(--navy);font-size:18px;display:block}.mushaf-page span{color:var(--muted);font-size:10px}.section{padding:88px 0}.section-alt{background:var(--mist)}.section-head{text-align:center;max-width:680px;margin:0 auto 48px}.section-head h2{font-size:clamp(28px,3.4vw,37px);font-weight:800}.section-head p{color:var(--muted);margin-top:12px;font-size:16px}.feature-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.feature-card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-soft);text-align:center;padding:28px 24px 32px;transition:transform .25s,box-shadow .25s}.feature-card:hover{box-shadow:var(--shadow);transform:translateY(-6px)}.icon-well{background:var(--white);width:72px;height:72px;box-shadow:var(--shadow-soft);border-radius:20px;place-items:center;margin:0 auto 18px;display:grid}.icon-well span{width:46px;height:46px;color:var(--navy);background:#eef4f6;border-radius:14px;place-items:center;display:grid}.icon-well svg{width:24px;height:24px}.feature-card h3{margin-bottom:10px;font-size:18px}.feature-card p{color:var(--muted);font-size:14px}.showcase{grid-template-columns:1fr 1fr;align-items:center;gap:56px;display:grid}.showcase+.showcase{margin-top:88px}.showcase.is-right .showcase-copy{order:1}.showcase.is-right .showcase-visual{order:2}.showcase-copy h3{margin-bottom:14px;font-size:clamp(26px,3vw,31px);font-weight:800}.showcase-copy p{color:var(--muted);margin-bottom:22px;font-size:16px}.showcase-visual{justify-content:center;display:flex}.about-grid{grid-template-columns:.9fr 1.1fr;align-items:center;gap:56px;display:grid}.about-art{aspect-ratio:1;box-shadow:var(--shadow);background:radial-gradient(circle at 50% 70%,#8fb6c4 0 34%,#0000 35%),linear-gradient(#4d839b,#24556d);border-radius:50%;place-items:center;display:grid;overflow:hidden}.about-art svg{width:68%;height:68%}.about-copy h2{margin-bottom:16px;font-size:clamp(28px,3.4vw,37px)}.about-copy p{color:var(--muted);margin-bottom:24px;font-size:16px}.banner{background:radial-gradient(circle at 12% 20%, #55ada333, transparent 28%), var(--navy);color:var(--white);padding:72px 0}.banner h2{max-width:18ch;font-size:clamp(26px,3.6vw,37px);line-height:1.25}.banner p{color:#d9d9d9;max-width:62ch;margin-top:16px}.journey-list{gap:0;max-width:820px;margin:0 auto;display:grid}.journey-item{grid-template-columns:28px 1fr;gap:20px;display:grid}.journey-rail{position:relative}.journey-rail:before{content:"";background:#d5e3e8;width:2px;position:absolute;top:8px;bottom:-8px;left:12px}.journey-item:last-child .journey-rail:before{display:none}.journey-dot{background:var(--teal);border-radius:50%;width:28px;height:28px;box-shadow:0 0 0 6px #55ada329}.journey-item h3{margin-bottom:10px;font-size:22px}.journey-item ul{color:var(--muted);margin:0 0 32px;padding-left:18px}.journey-item li+li{margin-top:6px}.final-cta{background:linear-gradient(180deg, #1d37430a, transparent), var(--paper);text-align:center;padding:96px 0}.final-cta h2{max-width:16ch;margin:0 auto 28px;font-size:clamp(30px,4vw,50px);line-height:1.2}.footer{background:var(--footer);color:var(--white);padding:64px 0 0}.footer-grid{grid-template-columns:1.2fr .8fr .8fr;gap:40px;padding-bottom:48px;display:grid}.footer h3,.footer h4{margin-bottom:16px;font-size:18px}.footer p{color:#e1e4e6;font-size:14px}.newsletter{gap:8px;margin-top:16px;display:flex}.newsletter input{border:0;border-radius:999px;outline:none;flex:1;min-width:0;padding:12px 16px}.newsletter button{background:var(--teal);color:var(--white);border-radius:999px;padding:0 18px;font-weight:600}.newsletter-msg{color:#b7e6df;margin-top:10px;font-size:13px}.footer a{color:#e1e4e6}.footer-links{gap:10px;display:grid}.socials{gap:10px;margin-top:14px;display:flex}.socials a{border:1px solid #fff3;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.socials a:hover{background:var(--teal);border-color:var(--teal)}.footer-bottom{color:#d6d8e0;border-top:1px solid #ffffff1f;justify-content:space-between;gap:16px;padding:18px 0;font-size:13px;display:flex}.page-hero{background:var(--navy);color:var(--white);padding:72px 0 64px}.page-hero h1{max-width:14em;font-size:clamp(32px,4vw,48px)}.page-hero p{color:#d9d9d9;max-width:58ch;margin-top:14px}.prose{max-width:760px}.prose h2{margin:32px 0 10px;font-size:24px}.prose p{color:var(--muted)}.legal-card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-soft);margin-bottom:18px;padding:28px}.legal-card h2{margin-bottom:8px;font-size:20px}.legal-card p,.legal-card li{color:var(--muted)}.legal-card p+p,.legal-card ul{margin-top:12px}.legal-card ul{padding-left:20px}.legal-card a{color:var(--teal-deep);text-decoration:underline}.legal-wrap{max-width:800px}.legal-meta{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-soft);gap:10px;margin-bottom:18px;padding:24px 28px;display:grid}.legal-meta p{color:var(--muted);margin:0;font-size:14px}.legal-meta strong{color:var(--navy);letter-spacing:.04em;text-transform:uppercase;margin-bottom:2px;font-size:12px;display:block}.legal-meta a{color:var(--teal-deep)}.legal-cross{color:var(--muted);margin-top:8px}.legal-cross a{color:var(--teal-deep);font-weight:600}.footer-legal{flex-wrap:wrap;gap:16px;display:flex}@media (width<=980px){.hero-grid,.showcase,.about-grid,.footer-grid{grid-template-columns:1fr}.showcase.is-right .showcase-copy,.showcase.is-right .showcase-visual{order:unset}.feature-grid{grid-template-columns:1fr 1fr}.hero h1{max-width:none}.hero-stage{min-height:520px}}@media (width<=760px){:root{--header-h:72px}.nav,.header .btn{display:none}.menu-toggle{display:inline-flex}.logo-text span{display:none}.mobile-nav{background:var(--navy);border-top:1px solid #ffffff14;flex-direction:column;gap:18px;padding:24px 20px 32px;display:flex}.mobile-nav a{color:var(--white);font-size:18px;font-weight:600}.feature-grid{grid-template-columns:1fr}.float-icon{width:64px;height:64px}.float-icon.is-tl{left:0}.float-icon.is-tr{right:0}.section,.hero{padding-top:56px;padding-bottom:56px}.footer-bottom,.newsletter{flex-direction:column}.newsletter button{min-height:46px}.hero h1{max-width:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}