:root{--ink:#0d1420;--ink2:#152033;--gold:#b8955a;--gold2:#d9bf8c;--paper:#f7f3ec;--text:#2a2a2a;--muted:#6b6457;--wa:#1f8f4e}
*{box-sizing:border-box;margin:0;padding:0}body{font-family:"IBM Plex Sans Arabic",Tahoma,sans-serif;color:var(--text);background:var(--paper);line-height:1.9}
a{color:inherit;text-decoration:none}.wrap{max-width:1140px;margin:auto;padding:0 20px}
h1,h2,h3,.logo{font-family:Amiri,serif;font-weight:700;line-height:1.35}
.hdr{background:var(--ink);color:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #b8955a44}.hrow{display:flex;align-items:center;gap:20px;height:70px}
.logo{font-size:1.6rem;color:#fff}.logo span{color:var(--gold)}.nav{display:flex;gap:18px;margin-inline-start:auto;font-size:.9rem}.nav a:hover{color:var(--gold2)}
.burger{display:none;background:none;border:0;color:#fff;font-size:1.6rem}
.btn{display:inline-block;padding:14px 28px;border-radius:2px;font-weight:600;transition:.2s}.btn.sm{padding:8px 16px;font-size:.9rem}
.gold{background:linear-gradient(135deg,var(--gold),var(--gold2));color:var(--ink)}.gold:hover{filter:brightness(1.08)}.wa{background:var(--wa);color:#fff}
.hero{background:radial-gradient(circle at 20% 0,#22314d,var(--ink) 60%);color:#fff;padding:90px 0}.hero.sm{padding:60px 0}
.eyebrow{color:var(--gold);letter-spacing:.05em;font-size:.95rem;margin-bottom:10px}.hero h1{font-size:clamp(2rem,5vw,3.4rem);max-width:800px}
.lead{max-width:680px;color:#d8d3c8;margin:18px 0 28px;font-size:1.1rem}.btns{display:flex;gap:12px;flex-wrap:wrap}
.trust{display:flex;gap:24px;list-style:none;margin-top:30px;color:var(--gold2);font-size:.9rem;flex-wrap:wrap}.trust li:before{content:"◆ ";font-size:.7em}
.sec{padding:70px 20px}.st{font-size:2.1rem;text-align:center;margin-bottom:40px;color:var(--ink)}.st:after{content:"";display:block;width:60px;height:2px;background:var(--gold);margin:12px auto 0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px}
.card{background:#fff;padding:30px;border-top:3px solid var(--gold);box-shadow:0 10px 30px -18px #0d142055;transition:.25s}.card:hover{transform:translateY(-4px)}
.card h3{font-size:1.45rem;color:var(--ink)}.card p{color:var(--muted);margin:10px 0}.card span{color:var(--gold);font-weight:600}
.band{background:var(--ink2);color:#fff;padding:40px 0;text-align:center}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.band b{font-family:Amiri,serif;font-size:1.3rem;color:var(--gold2)}
.prose{max-width:860px}.prose h2{font-size:1.8rem;color:var(--ink);margin:36px 0 12px}.prose p,.prose li{font-size:1.05rem}.prose ul{padding-inline-start:22px}
.check{list-style:none;padding:0!important}.check li{padding:8px 0;border-bottom:1px solid #e6dfd2}.check li:before{content:"✓ ";color:var(--gold);font-weight:700}
details{background:#fff;margin:10px 0;padding:16px 20px;border-inline-start:3px solid var(--gold)}summary{cursor:pointer;font-weight:600}
.cta{background:var(--ink);color:#fff;text-align:center;padding:70px 0}.cta h2{font-size:2.2rem}.cta p{color:#d8d3c8;margin:10px 0 26px}.cta .btns{justify-content:center}
.ftr{background:#080d16;color:#bfb8aa;padding:50px 0 90px;font-size:.92rem}.fgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.ftr h4{color:var(--gold);margin-bottom:10px}.ftr a{display:block}.ftr a:hover{color:#fff}.copy{text-align:center;margin-top:30px;opacity:.6}
.float{position:fixed;bottom:16px;left:16px;display:flex;gap:10px;z-index:30}.float a{padding:12px 18px;border-radius:40px;font-weight:600;box-shadow:0 8px 20px #0005}.fcall{background:var(--gold);color:var(--ink)}.fwa{background:var(--wa);color:#fff}
@media(max-width:860px){.nav{display:none;position:absolute;top:70px;right:0;left:0;background:var(--ink);flex-direction:column;padding:20px}.nav.open{display:flex}.burger{display:block}.hdr .btn.sm{margin-inline-start:auto}.grid3,.fgrid{grid-template-columns:1fr}
.float{left:0;right:0;bottom:0;gap:0}.float a{flex:1;text-align:center;border-radius:0;padding:15px}}

.hero{position:relative;background:linear-gradient(270deg,rgba(13,20,32,.97) 0%,rgba(13,20,32,.88) 42%,rgba(13,20,32,.45) 100%),url(hero.jpg) center/cover no-repeat,var(--ink);overflow:hidden}
.hero:not(.sm){padding:130px 0 120px;min-height:86vh;display:flex;align-items:center}.hero:not(.sm)>.wrap{width:100%}
.hero.sm{background:linear-gradient(270deg,rgba(13,20,32,.97),rgba(13,20,32,.82) 55%,rgba(13,20,32,.6)),url(hero.jpg) center 40%/cover no-repeat,var(--ink)}
.hero:after{content:"";position:absolute;inset:auto 0 0 0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.hero h1 span{color:var(--gold2)}.eyebrow{display:inline-block;border:1px solid #b8955a66;padding:4px 14px}
@media(max-width:860px){.hero,.hero.sm{background:linear-gradient(180deg,rgba(13,20,32,.82),rgba(13,20,32,.95)),url(hero-m.jpg) 30% center/cover no-repeat,var(--ink)}.hero:not(.sm){min-height:auto;padding:80px 0}}
.kicker{color:var(--gold);text-align:center;font-weight:600;margin-bottom:6px}.sub{text-align:center;color:var(--muted);max-width:720px;margin:-24px auto 40px}
.dark{background:var(--ink);color:#e9e4da}.dark .st{color:#fff}.dark .sub{color:#b9b2a4}
.feat{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:26px}.feat div{padding:26px;border:1px solid #b8955a40;background:#ffffff06}.feat b{display:block;font-family:Amiri,serif;font-size:1.35rem;color:var(--gold2);margin-bottom:6px}
.steps{counter-reset:s;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px;list-style:none;padding:0!important}.steps li{counter-increment:s;background:#fff;padding:26px;position:relative;border-bottom:3px solid var(--gold)}.steps li:before{content:counter(s,arabic-indic);font-family:Amiri,serif;font-size:2.4rem;color:var(--gold);display:block;line-height:1}.steps b{display:block;font-size:1.1rem;color:var(--ink);margin:6px 0}
.split{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.quote{font-family:Amiri,serif;font-size:1.7rem;line-height:1.6;color:var(--ink);border-inline-start:4px solid var(--gold);padding-inline-start:22px}
.pain{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;list-style:none;padding:0!important;margin:16px 0}.pain li{background:#fff;padding:16px 18px;border-inline-start:3px solid #a33}.pain li:before{content:"؟ ";color:#a33;font-weight:700}
.box{background:var(--ink);color:#fff;padding:34px;margin:40px 0;text-align:center}.box h3{font-size:1.7rem;color:var(--gold2)}.box p{color:#d8d3c8;margin:8px 0 18px}.box .btns{justify-content:center}
@media(max-width:860px){.split{grid-template-columns:1fr}}
.prose .steps,.prose .pain{grid-template-columns:repeat(2,1fr)}.nav{gap:14px;font-size:.85rem}.nav a,.hdr .btn{white-space:nowrap}.hero:not(.sm){min-height:min(86vh,760px)}
@media(max-width:860px){.prose .steps,.prose .pain{grid-template-columns:1fr}}
/* v3 */
body{font-family:Almarai,Tahoma,sans-serif;line-height:1.95}h1,h2,h3,.logo,.feat b,.band b,.quote,.steps li:before{font-family:"El Messiri",serif}
.ic{width:1.15em;height:1.15em;vertical-align:-.2em;margin-inline-end:8px}
.btn{border-radius:40px}.btn.wa{background:transparent;border:1.5px solid var(--gold);color:var(--gold2)}.btn.wa:hover{background:var(--gold);color:var(--ink)}
.box .btn.wa,.cta .btn.wa{color:var(--gold2)}
.float{left:20px;bottom:20px;flex-direction:column;gap:12px}
.float a{width:58px;height:58px;padding:0!important;border-radius:50%!important;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold),var(--gold2));color:var(--ink);box-shadow:0 10px 24px -6px #0008,0 0 0 4px #b8955a33;flex:none!important}
.float a .ic{width:28px;height:28px;margin:0}.float a:hover{transform:scale(1.07)}
.fwa{animation:pulse 2.4s infinite}@keyframes pulse{0%,100%{box-shadow:0 10px 24px -6px #0008,0 0 0 0 #b8955a88}50%{box-shadow:0 10px 24px -6px #0008,0 0 0 12px #b8955a00}}
@media(max-width:860px){.float{left:14px;right:auto;bottom:14px;flex-direction:column;gap:10px}}
.logo{white-space:nowrap;font-size:1.45rem}
.hero{background:linear-gradient(270deg,rgba(13,20,32,.93) 0%,rgba(13,20,32,.7) 45%,rgba(13,20,32,.25) 100%),url(hero.jpg) center/cover no-repeat,var(--ink)}
@media(max-width:860px){.hero .btns,.hero .trust,.hero .hm{display:none!important}.hero .lead{margin-bottom:0}}