:root{
  --green:#073f35;--green2:#0c5a4b;--gold:#b89242;--cream:#f8f4ec;--ink:#16312c;--white:#fff;
  --shadow:0 12px 36px rgba(12,62,52,.12)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.55}
h1,h2,h3,.brand strong{font-family:Georgia,"Times New Roman",serif}h2{font-size:clamp(2rem,4vw,3.1rem);line-height:1.05;text-align:center;margin:.25rem 0 2rem;color:var(--green)}
a{color:inherit}.container{width:min(1160px,92%);margin:auto}.section{padding:78px 0}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-weight:700;font-size:.77rem;color:var(--gold)}.centred{text-align:center}
.site-header{position:sticky;top:0;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);z-index:20;border-bottom:1px solid #eee}.nav-wrap{display:flex;align-items:center;justify-content:space-between;min-height:82px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--green)}.brand-mark{width:48px;color:var(--green)}.brand strong{display:block;font-size:1.22rem;line-height:.95;letter-spacing:.02em}.brand small{display:block;font-size:.58rem;text-transform:uppercase;letter-spacing:.1em;margin-top:5px}.nav{display:flex;gap:24px;align-items:center}.nav a{text-decoration:none;font-size:.92rem}.menu-btn{display:none;background:none;border:0;font-size:1.6rem}
.btn{display:inline-block;background:var(--green);color:#fff;text-decoration:none;padding:14px 21px;border-radius:10px;font-weight:800;border:2px solid var(--green);box-shadow:0 7px 20px rgba(7,63,53,.14)}.btn:hover{transform:translateY(-1px)}.btn-small{padding:9px 15px}.btn-outline{background:transparent;color:var(--green);border-color:var(--gold);box-shadow:none}.btn-gold{background:var(--gold);border-color:var(--gold);color:#132b26}
.hero{position:relative;overflow:hidden;background:linear-gradient(120deg,#052f29 0%,#0b4f43 58%,#f3ead8 58%,#fbf7ef 100%);color:#fff;min-height:620px;display:flex;align-items:center}.hero-pattern{position:absolute;inset:0;opacity:.1;background-image:radial-gradient(circle at 1px 1px,#fff 1px,transparent 1px);background-size:24px 24px}.hero-grid{position:relative;display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center}.hero h1{font-size:clamp(3.2rem,6vw,5.8rem);line-height:.94;margin:.3rem 0 1.2rem;letter-spacing:-.035em}.hero h1 span{color:#e7c575}.lead{font-size:1.22rem;max-width:740px}.lead.small{font-size:1rem}.hero-actions{display:flex;gap:14px;margin:28px 0}.hero .btn-outline{color:#fff;background:rgba(255,255,255,.06)}.benefits{display:flex;gap:28px;margin-top:38px;flex-wrap:wrap}.benefits div{display:flex;align-items:center;gap:10px}.benefits b{font-size:1.7rem;color:#e7c575}.benefits span{font-size:.84rem}.verse-card{color:var(--ink);background:rgba(255,255,255,.93);padding:44px 34px;border-radius:24px;box-shadow:var(--shadow);text-align:center;position:relative}.verse-card .arabic{font-family:"Times New Roman",serif;font-size:1.6rem;line-height:2;color:var(--green)}.verse-card small{color:#6d6251}.rings{height:62px;margin-bottom:8px}.rings span{display:inline-block;width:46px;height:46px;border:5px solid var(--gold);border-radius:50%;margin:-4px}.rings span:last-child{transform:translateX(-12px)}
.cards{display:grid;gap:18px}.cards.five{grid-template-columns:repeat(5,1fr)}.card{padding:28px 20px;border:1px solid #e9e2d8;border-radius:15px;background:#fff;box-shadow:0 8px 24px rgba(21,49,44,.05);text-align:center}.card h3{color:var(--green);font-size:1.25rem}.card p{font-size:.92rem;color:#52615d}.icon{font-size:2.2rem;color:var(--gold)}
.about{background:var(--cream)}.about-grid{display:grid;grid-template-columns:.8fr 1.3fr .75fr;gap:36px;align-items:center}.portrait-wrap{height:430px;overflow:hidden;border-radius:22px;box-shadow:var(--shadow);background:#ddd}.portrait-wrap img{width:100%;height:100%;object-fit:cover;object-position:50% 23%}.about h2{text-align:left;margin:.2rem 0 1rem}.about-copy p{color:#4d5a56}.text-link{font-weight:800;color:var(--green);text-decoration:none}.about blockquote{margin:0;padding:30px;border:1px solid #dfd3bd;border-radius:18px;background:#fff;font-family:Georgia,serif;font-size:1.25rem;font-style:italic}.about blockquote span{display:block;font-size:3rem;color:var(--gold);line-height:.7}.about cite{display:block;font:normal .78rem Inter,Arial;margin-top:16px;color:#776b58}
.process{background:#fff}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.steps article{text-align:center;padding:22px 14px;position:relative}.steps b{display:grid;place-items:center;margin:auto;width:38px;height:38px;border-radius:50%;background:var(--gold);color:#fff}.steps h3{color:var(--green)}.steps p{font-size:.9rem;color:#62706c}
.faq{background:#f9f7f2}.faq-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:42px}.faq h2{text-align:left}.faq details{background:#fff;border:1px solid #e4dfd6;border-radius:12px;padding:15px 18px;margin:11px 0}.faq summary{font-weight:800;cursor:pointer}.faq details p{color:#5d6865}.contact-card{background:var(--green);color:#fff;border-radius:22px;padding:36px;box-shadow:var(--shadow)}.contact-card h2{text-align:left;color:#fff;margin:.2rem 0 1rem}.light{color:#e4c777}.contact-placeholder{border-top:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18);margin:24px 0;padding:8px 0}.contact-placeholder p{margin:14px 0}.setup-note{display:block;margin-top:16px;opacity:.75}.setup-note code{background:rgba(255,255,255,.1);padding:2px 5px;border-radius:4px}
footer{padding:38px 0;background:#fff;border-top:1px solid #eee}.footer-grid{display:grid;grid-template-columns:1fr 1.4fr .6fr;gap:30px;align-items:center;text-align:center}.footer-brand{font-family:Georgia,serif;color:var(--green);font-size:1.2rem;font-weight:bold}.footer-brand small,footer small{font:normal .68rem Inter,Arial}
@media(max-width:980px){
  .menu-btn{display:block}.nav{display:none;position:absolute;top:82px;left:0;right:0;background:#fff;padding:20px;flex-direction:column;box-shadow:var(--shadow)}.nav.open{display:flex}
  .hero{background:linear-gradient(180deg,#073f35 0 68%,#f7efe2 68%)}.hero-grid{grid-template-columns:1fr;padding:70px 0}.verse-card{margin-top:20px}.cards.five{grid-template-columns:repeat(2,1fr)}.about-grid{grid-template-columns:1fr 1.2fr}.about blockquote{grid-column:1/-1}.steps{grid-template-columns:repeat(2,1fr)}.faq-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  .section{padding:58px 0}.brand small{display:none}.brand strong{font-size:1rem}.brand-mark{width:42px}.hero{min-height:auto}.hero-grid{gap:30px}.hero h1{font-size:3rem}.lead{font-size:1.05rem}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{text-align:center}.benefits{gap:14px}.benefits div{width:46%}.cards.five,.about-grid,.steps,.footer-grid{grid-template-columns:1fr}.portrait-wrap{height:390px}.about blockquote{grid-column:auto}.footer-grid{text-align:left}
}