:root{--ink:#17352e;--deep:#0b3d32;--deep2:#082e27;--green:#1f6b56;--mint:#eaf4ef;--cream:#fbf8f1;--paper:#fff;--gold:#c59b4b;--line:#dfe8e4;--muted:#63736e;--shadow:0 24px 60px rgba(12,61,50,.12);--radius:22px;--max:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.65}a{color:inherit}img{max-width:100%}.container{width:min(calc(100% - 40px),var(--max));margin-inline:auto}.narrow{width:min(calc(100% - 40px),820px)}.skip-link{position:absolute;left:-9999px;top:8px;background:#fff;padding:10px 14px;z-index:999}.skip-link:focus{left:8px}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(223,232,228,.9)}.nav-wrap{height:78px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;letter-spacing:.02em}.brand-mark{display:grid;place-items:center;width:42px;height:42px;background:var(--deep);color:#fff;border-radius:12px;font-family:Georgia,serif;font-weight:700;letter-spacing:-.06em}.brand-text{font-size:1.18rem}.main-nav{display:flex;align-items:center;gap:26px}.main-nav a,.footer-links a{text-decoration:none;color:#334d46;font-weight:650;font-size:.95rem}.main-nav a:hover,.footer-links a:hover{color:var(--green)}.menu-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 12px;font:inherit;font-weight:700}.section-pad{padding:92px 0}.section-pad-sm{padding:48px 0}.hero{background:radial-gradient(circle at 88% 8%,rgba(197,155,75,.16),transparent 28%),linear-gradient(180deg,#fff 0%,var(--cream) 100%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:64px;min-height:610px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;font-weight:800;color:var(--green);margin:0 0 12px}.hero h1,.section-heading h2,.split-grid h2,.tajweed h2,.final-cta h2,.quick-card h2{font-family:Georgia,"Times New Roman",serif;line-height:1.08;letter-spacing:-.03em;margin:0;color:var(--deep2)}.hero h1{font-size:clamp(3rem,5.3vw,5.2rem);max-width:12ch}.lead{font-size:1.19rem;color:#49615a;max-width:61ch;margin:24px 0 30px}.cta-row{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 20px;border-radius:13px;text-decoration:none;font-weight:800;border:1px solid transparent;transition:.2s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--deep);color:#fff}.btn-primary:hover{background:var(--deep2)}.btn-secondary{background:#fff;color:var(--deep);border-color:#cadbd5}.btn-outline{border-color:#bfcfc9;color:var(--deep);background:#fff}.btn-light{background:#fff;color:var(--deep)}.btn-ghost{border-color:rgba(255,255,255,.38);color:#fff}.btn-block{width:100%}.micro{color:#71807b;font-size:.88rem;margin-top:16px}.hero-art{height:480px;position:relative;display:grid;place-items:center}.arch{position:absolute;width:390px;height:390px;border-radius:195px 195px 28px 28px 28px 28px;background:linear-gradient(140deg,var(--mint),#fff);border:1px solid #d9e8e1}.arch-back{transform:rotate(4deg);box-shadow:var(--shadow)}.book{position:relative;width:390px;height:255px;display:grid;grid-template-columns:1fr 1fr;transform:rotate(-3deg);filter:drop-shadow(0 25px 24px rgba(9,51,43,.18))}.page{background:#fffdf8;border:1px solid #dfd6c5;padding:38px 24px;display:flex;flex-direction:column;gap:13px}.page-left{border-radius:26px 4px 4px 26px;transform:perspective(800px) rotateY(5deg)}.page-right{border-radius:4px 26px 26px 4px;transform:perspective(800px) rotateY(-5deg)}.mini-line{height:7px;border-radius:8px;background:#cfdad6;display:block}.w60{width:60%}.w65{width:65%}.w70{width:70%}.w75{width:75%}.w80{width:80%}.w82{width:82%}.w85{width:85%}.w88{width:88%}.w90{width:90%}.tajweed-dots{display:flex;gap:7px;margin:4px 0}.tajweed-dots i{width:8px;height:8px;border-radius:50%;background:#4d8f70}.tajweed-dots i:nth-child(2){background:#c59b4b}.tajweed-dots i:nth-child(3){background:#b85d54}.star{position:absolute;color:var(--gold);font-size:2rem}.star-a{right:9%;top:8%}.star-b{left:9%;bottom:11%;font-size:1.2rem}.quick{background:var(--deep)}.quick-card{display:flex;align-items:center;justify-content:space-between;gap:38px;color:#fff}.quick-card .eyebrow{color:#b9d7cb}.quick-card h2{font-size:clamp(2rem,3.2vw,3rem);color:#fff}.quick-card p:not(.eyebrow){margin:10px 0 0;color:#d7e6e1;max-width:720px}.section-heading{text-align:center;max-width:760px;margin:0 auto 44px}.section-heading h2,.split-grid h2,.tajweed h2{font-size:clamp(2.25rem,4vw,3.6rem)}.section-heading>p:last-child{color:var(--muted);font-size:1.08rem}.download-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.download-card{position:relative;border:1px solid var(--line);border-radius:var(--radius);padding:30px;background:#fff;box-shadow:0 12px 28px rgba(12,61,50,.05);display:flex;flex-direction:column}.download-card.featured{border-color:#a8cabe;background:linear-gradient(180deg,#fbfffd,#f5faf7)}.badge{position:absolute;right:18px;top:18px;background:#dcece5;color:var(--deep);font-size:.74rem;font-weight:800;padding:6px 9px;border-radius:999px}.file-icon{width:58px;height:68px;border:2px solid var(--green);border-radius:8px 8px 12px 12px;display:grid;place-items:end center;padding-bottom:9px;font-size:.72rem;font-weight:900;color:var(--green);margin-bottom:22px;background:linear-gradient(135deg,#fff 0 72%,#e5f0eb 72%)}.download-card h3{font-family:Georgia,serif;font-size:1.65rem;margin:0 0 10px;color:var(--deep2)}.download-card p{color:var(--muted);margin:0 0 22px}.meta{margin-top:auto;display:flex;gap:12px;flex-wrap:wrap;color:#526660;font-size:.86rem;margin-bottom:18px}.meta span{background:#f2f6f4;padding:6px 9px;border-radius:8px}.download-note{background:var(--cream);border:1px solid #eee5d6;border-radius:14px;padding:15px 18px;margin:22px 0 0;color:#5d625d}.how{background:var(--cream)}.split-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:80px;align-items:start}.split-grid>div:first-child{position:sticky;top:120px}.steps{display:grid;gap:14px}.steps article{display:grid;grid-template-columns:58px 1fr;gap:18px;padding:22px;border-radius:18px;background:#fff;border:1px solid #eee8dc}.steps span{width:48px;height:48px;border-radius:14px;background:var(--mint);display:grid;place-items:center;font-weight:900;color:var(--green)}.steps h3{margin:0 0 4px;font-size:1.06rem}.steps p{margin:0;color:var(--muted)}.tajweed-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:72px;align-items:center}.tajweed-copy p:not(.eyebrow){color:var(--muted);font-size:1.05rem}.colour-card{padding:34px;border-radius:var(--radius);background:var(--deep);box-shadow:var(--shadow)}.rule-line{display:flex;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.12);color:#fff}.dot{width:14px;height:14px;border-radius:50%;flex:0 0 auto}.dot-g{background:#63b68c}.dot-b{background:#56a4c4}.dot-r{background:#cf7369}.dot-o{background:#d6a052}.sample-text{font-family:Georgia,serif;font-size:1.12rem}.caption{color:#c7d8d2;font-size:.88rem;margin:20px 0 0}.faq{background:#f8faf9}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{cursor:pointer;font-weight:800;font-size:1.04rem}.faq details p{color:var(--muted);margin:10px 0 2px}.final-cta{background:linear-gradient(135deg,var(--green),var(--deep));color:#fff}.final-inner{display:flex;align-items:center;justify-content:space-between;gap:36px}.final-cta .eyebrow{color:#cde1d9}.final-cta h2{color:#fff;font-size:clamp(2rem,3vw,3rem)}.site-footer{background:#071f1a;color:#d6e2de;padding:58px 0 24px}.footer-grid{display:flex;justify-content:space-between;gap:38px}.brand-footer{color:#fff}.brand-footer .brand-mark{background:#fff;color:var(--deep)}.footer-grid p{max-width:420px;color:#9eb5ad}.footer-links{display:flex;gap:18px;flex-wrap:wrap;align-content:flex-start}.footer-links a{color:#d6e2de}.footer-bottom{border-top:1px solid rgba(255,255,255,.09);padding-top:22px;margin-top:36px;color:#8fa59e;font-size:.88rem}
@media(max-width:900px){.hero-grid,.split-grid,.tajweed-grid{grid-template-columns:1fr;gap:42px}.hero-grid{min-height:auto}.hero-copy{text-align:center}.hero h1,.lead{margin-left:auto;margin-right:auto}.hero .cta-row{justify-content:center}.hero-art{height:400px}.download-grid{grid-template-columns:1fr}.split-grid>div:first-child{position:static}.quick-card,.final-inner{align-items:flex-start;flex-direction:column}.main-nav{position:absolute;display:none;top:78px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:16px 20px 22px;flex-direction:column;align-items:flex-start}.main-nav.open{display:flex}.menu-toggle{display:inline-block}}
@media(max-width:560px){.container,.narrow{width:min(calc(100% - 28px),var(--max))}.section-pad{padding:66px 0}.hero{padding-top:58px}.hero h1{font-size:2.82rem}.lead{font-size:1.05rem}.hero-art{height:320px}.arch{width:275px;height:285px}.book{width:290px;height:190px}.page{padding:28px 17px;gap:9px}.mini-line{height:5px}.star-a{right:2%}.star-b{left:4%}.cta-row{flex-direction:column}.cta-row .btn{width:100%}.quick-card .btn{width:100%}.download-card{padding:24px}.final-inner .cta-row{width:100%}.footer-grid{flex-direction:column}.footer-links{flex-direction:column;gap:10px}}