@import url('https://fonts.googleapis.com/css2?family=Aref+Ruqaa:wght@400;700&family=Tajawal:wght@300;400;500;700&display=swap');
:root{--cream:#fffaf5;--rose:#b76b61;--brown:#493732;--soft:#f3e7df;--line:#dbcac0}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--brown);font:17px/1.75 Tajawal,sans-serif}a{color:inherit;text-decoration:none}img{width:100%;height:100%;object-fit:cover;display:block}.shell{width:min(1160px,calc(100% - 40px));margin:auto}.top{height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{font:700 2rem 'Aref Ruqaa';color:var(--rose)}.nav{display:flex;gap:26px;font-size:.9rem}.nav a[aria-current]{color:var(--rose)}.book{border-bottom:1px solid var(--rose);color:var(--rose)}.cover{padding:85px 0;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.cover-photo{height:590px;border-radius:220px 220px 0 0;overflow:hidden}.kicker{color:var(--rose);font-size:.82rem}.cover h1{font:400 clamp(3.4rem,7vw,6.8rem)/1.2 'Aref Ruqaa';margin:12px 0 24px}.cover p{color:#77635c}.content{padding:90px 0}.intro{text-align:center;max-width:760px;margin:0 auto 55px}.intro h2,.story h2{font:400 3.4rem/1.25 'Aref Ruqaa';margin:8px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:white;border:1px solid var(--line)}.card img{height:330px}.card div{padding:22px}.card h3{font:700 1.55rem 'Aref Ruqaa';margin:0}.card p{font-size:.92rem;color:#78665f}.story{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;align-items:center;padding:100px 0}.story img{height:540px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.step{border-top:1px solid var(--rose);padding-top:20px}.step b{color:var(--rose)}.quote{background:var(--soft);padding:90px 0;text-align:center}.quote blockquote{font:400 3rem/1.5 'Aref Ruqaa';max-width:900px;margin:auto}.cta{background:var(--brown);color:white;padding:70px 0}.cta .shell{display:flex;justify-content:space-between;align-items:center}.cta h2{font:400 3rem 'Aref Ruqaa';margin:0}.cta a{background:var(--rose);padding:13px 22px}.foot{padding:26px 0;font-size:.84rem}.foot .shell{display:flex;justify-content:space-between}@media(max-width:780px){.nav{display:none}.cover,.story{grid-template-columns:1fr;gap:35px}.cover{padding:55px 0}.cover-photo{height:500px}.cards,.steps{grid-template-columns:1fr}.intro h2,.story h2{font-size:2.6rem}.cta .shell,.foot .shell{display:grid;gap:20px}}