:root{--color-bg: #FFF7DC;--color-surface: #FFFDF3;--color-panel: #EDE0BC;--color-ink: #2E3A0C;--color-ink80: rgba(46, 58, 12, .8);--color-ink60: rgba(46, 58, 12, .6);--color-line32: rgba(46, 58, 12, .32);--color-line20: rgba(46, 58, 12, .2);--color-line12: rgba(46, 58, 12, .12);--color-accent: #6B7A3A;--color-step: #58613F;--color-on-ink: #FFF7DC;--color-glow: rgba(237, 224, 188, .93);--color-danger: #8C3A2B;--color-success: #4B6B2E;--font-heading-en: "Cormorant Garamond", serif;--font-heading-ar: "Lateef", serif;--font-body: "Readex Pro", sans-serif;--font-quran: "Amiri", serif;--font-size-eyebrow: 12px;--font-size-sm: 13px;--font-size-base: 15px;--font-size-md: 16px;--font-size-lg: 17px;--font-size-xl: 21px;--font-size-h3: 30px;--font-size-h2: 60px;--font-size-h1: 88px;--letter-spacing-eyebrow: .2em;--letter-spacing-button: .12em;--letter-spacing-nav: .14em;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-pill: 999px;--space-xs: 6px;--space-sm: 10px;--space-md: 18px;--space-lg: 28px;--space-xl: 48px;--space-2xl: 72px;--space-section: 112px;--control-button-height: 54px;--control-button-height-sm: 46px;--control-input-height: 52px;--motif-lattice-size: 72px;--motif-lattice-opacity: .06;--motif-hairline: .8px}:root{--font-heading: var(--font-heading-en);--lh-body: 1.65;--why-glow-x: 82%}:root[lang=ar]{--font-heading: var(--font-heading-ar);--lh-body: 1.9;--why-glow-x: 18%}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--color-bg);color:var(--color-ink);font-family:var(--font-body)}a{color:var(--color-ink);text-decoration:none}a:hover{opacity:.85}img{display:block}.page{position:relative;width:100%;max-width:1440px;margin:0 auto;display:flex;flex-direction:column;background:var(--color-bg);color:var(--color-ink);overflow:hidden}.lattice{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}.eyebrow{font-family:var(--font-body);font-size:var(--font-size-eyebrow);font-weight:400;letter-spacing:var(--letter-spacing-eyebrow);text-transform:uppercase;color:var(--color-ink80)}:root[lang=ar] .eyebrow{font-size:var(--font-size-base);letter-spacing:0;text-transform:none}.section-title{margin:0;font-family:var(--font-heading);font-size:var(--font-size-h2);line-height:1.05;font-weight:400;color:var(--color-ink)}:root[lang=ar] .section-title{font-size:66px;line-height:1.25}.lede{margin:0;font-family:var(--font-body);font-size:var(--font-size-lg);font-weight:300;line-height:var(--lh-body);color:var(--color-ink80)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:var(--control-button-height);padding:0 30px;border-radius:var(--radius-pill);font-family:var(--font-body);font-weight:400;text-decoration:none;box-sizing:border-box;font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-button);text-transform:uppercase;white-space:nowrap}:root[lang=ar] .btn{font-size:var(--font-size-md);letter-spacing:0;text-transform:none}.btn:hover{opacity:.9}.btn--solid{background:var(--color-ink);color:var(--color-on-ink)}.btn--outline{border:1px solid var(--color-ink80);color:var(--color-ink)}.btn--sm{height:var(--control-button-height-sm);padding:0 22px}.site-header{position:relative;height:104px;padding:0 64px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.site-header .logo{justify-self:start}.site-header .logo img{height:88px;width:auto}.main-nav{display:flex;gap:56px;align-items:center;height:50px;padding:0 40px;border:1px solid var(--color-line32);border-radius:var(--radius-pill)}.nav-links{display:contents}.nav-link{color:var(--color-ink);font-family:var(--font-body);font-weight:300;font-size:var(--font-size-eyebrow);letter-spacing:var(--letter-spacing-nav);text-transform:uppercase;white-space:nowrap}:root[lang=ar] .nav-link{font-size:var(--font-size-base);letter-spacing:0;text-transform:none}.lang-switch{text-transform:none;letter-spacing:0}.header-actions{justify-self:end;display:flex;align-items:center;gap:28px}.hero{position:relative;height:960px;overflow:hidden;background-image:radial-gradient(ellipse 62% 58% at 50% 44%,#ede0bced,#ede0bc54 42%,#ede0bc00 72%)}.hero-rings{position:absolute;inset:0}.hero-spark{position:absolute;color:var(--color-ink)}.hero-spark--top{left:709px;top:159px}.hero-spark--bottom{left:709px;top:819px}.hero-content{position:relative;padding-top:150px;display:flex;flex-direction:column;align-items:center;gap:28px;text-align:center}.hero-title{margin:0;font-family:var(--font-heading);font-size:var(--font-size-h1);line-height:1;font-weight:400;color:var(--color-ink)}:root[lang=ar] .hero-title{font-size:100px;line-height:.95}.hero-title em{font-style:italic}:root[lang=ar] .hero-title em{font-style:normal;color:var(--color-accent)}.hero-content .lede{max-width:560px}.hero-cta{display:flex;gap:14px;padding-top:10px}.why{position:relative;padding:96px 120px 120px;background-image:radial-gradient(ellipse 45% 70% at var(--why-glow-x) 55%,rgba(237,224,188,.52) 0%,rgba(237,224,188,0) 70%);display:flex;flex-direction:column;gap:72px}.why-head{display:flex;align-items:flex-end;justify-content:space-between;gap:64px}.why-head-left{display:flex;flex-direction:column;gap:18px;max-width:640px}.why-intro{max-width:420px}.why-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.why-card{border-inline-start:1px solid var(--color-line20);padding:4px 32px 8px;display:flex;flex-direction:column;gap:22px}.why-card-icon{display:flex;color:var(--color-ink)}.why-card-text{display:flex;flex-direction:column;gap:10px}.card-title{margin:0;font-family:var(--font-heading);font-size:var(--font-size-h3);line-height:1.15;font-weight:500;color:var(--color-ink)}:root[lang=ar] .card-title{font-size:36px;font-weight:400;line-height:1.3}.card-body{margin:0;font-family:var(--font-body);font-size:var(--font-size-md);font-weight:300;line-height:var(--lh-body);color:var(--color-ink80)}.how{position:relative;padding:80px 120px 112px;background-image:radial-gradient(ellipse 62% 58% at 50% 44%,#ede0bced,#ede0bc54 42%,#ede0bc00 72%);display:flex;flex-direction:column;align-items:center;gap:48px;overflow:hidden}.how-head{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center}.how-diagram{position:relative;width:1200px;height:988px}.how-diagram>svg{position:absolute;inset:0}.node-label{position:absolute;left:500px;width:200px;height:120px;display:flex;align-items:center;justify-content:center;text-align:center;font-family:var(--font-heading);font-size:var(--font-size-h3);line-height:1.2;color:var(--color-ink)}:root[lang=ar] .node-label{font-size:36px}.step-desc{position:absolute;width:276px;display:flex;flex-direction:column;gap:6px}.step-eyebrow{font-family:var(--font-body);font-size:var(--font-size-eyebrow);font-weight:400;letter-spacing:var(--letter-spacing-eyebrow);text-transform:uppercase;color:var(--color-step)}:root[lang=ar] .step-eyebrow{font-size:var(--font-size-base);letter-spacing:0;text-transform:none}.step-body{margin:0;font-family:var(--font-body);font-size:var(--font-size-base);font-weight:300;line-height:1.7;color:var(--color-ink80)}.how-mobile{display:none;width:100%;max-width:520px;flex-direction:column;gap:40px}.how-step-m{display:flex;flex-direction:column;gap:10px;text-align:center;align-items:center}.how-step-m .node-label-m{font-family:var(--font-heading);font-size:30px;line-height:1.2;color:var(--color-ink)}:root[lang=ar] .how-step-m .node-label-m{font-size:36px}.cta{position:relative;padding:112px 120px 128px;overflow:hidden;background-image:radial-gradient(ellipse 62% 58% at 50% 44%,#ede0bced,#ede0bc54 42%,#ede0bc00 72%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;text-align:center}.cta-rings{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;width:min(760px,92%);height:auto;pointer-events:none}.cta>*:not(.cta-rings){position:relative}.ayah{font-family:var(--font-quran);font-size:34px;line-height:1.7;color:var(--color-ink)}.ayah-translation{margin:0;font-family:var(--font-heading);font-style:italic;font-size:var(--font-size-xl);line-height:1.4;color:var(--color-ink80)}.ayah-ref{font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:300;color:var(--color-ink80)}.cta-title{margin:36px 0 0}.cta-body{margin:0}.cta .btn{margin-top:10px}.site-footer{position:relative;padding:0 64px 36px;display:flex;flex-direction:column;gap:28px}.rule{height:1px;background:var(--color-line20)}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:40px}.footer-top img{height:72px;width:auto}.footer-nav{display:flex;gap:32px}.footer-link{font-family:var(--font-body);font-weight:300;font-size:14px}.footer-bottom{display:flex;justify-content:space-between;font-family:var(--font-body);font-weight:300;font-size:var(--font-size-sm);color:var(--color-ink80)}@media(max-width:1100px){.why-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:8px}}@media(max-width:1240px){.how-diagram{display:none}.how-mobile{display:flex}.how{padding:72px 24px 96px}}@media(max-width:900px){.page{overflow-x:hidden}.site-header{padding:0 20px}.nav-links{display:none!important}.main-nav{gap:0;padding:0 22px}.header-actions{gap:16px}.login-link{display:none}.hero{height:auto;padding-bottom:72px}.hero-content{padding-top:56px;gap:22px}.hero-title{font-size:46px;line-height:1.05}:root[lang=ar] .hero-title{font-size:52px;line-height:1.1}.hero-content .lede{max-width:none;padding:0 6px}.hero-cta{flex-wrap:wrap;justify-content:center}.hero-spark{display:none}.section-title{font-size:38px}:root[lang=ar] .section-title{font-size:42px}.why{padding:64px 20px 72px;gap:40px}.why-head{flex-direction:column;align-items:stretch;gap:20px}.why-head-left,.why-intro{max-width:none}.why-grid{grid-template-columns:1fr;row-gap:0}.why-card{border-inline-start:none;border-top:1px solid var(--color-line20);padding:28px 0}.cta{padding:72px 20px 88px}.ayah{font-size:26px}.ayah-translation{font-size:18px}.cta-title{margin-top:20px}.site-footer{padding:0 20px 28px}.footer-top{flex-direction:column;align-items:flex-start;gap:20px}.footer-nav{flex-wrap:wrap;gap:14px 24px}.footer-bottom{flex-direction:column;gap:8px}}@media(max-width:420px){.hero-title{font-size:38px}:root[lang=ar] .hero-title{font-size:44px}.btn{padding:0 22px}}