:root{--ol:#2F3A25;--ol2:#3F4D32;--cr:#F1EADB;--wh:#fff;--wd:#6B4A2F;--cu:#B87333;--cu2:#D99A5B;--wa:#1FA855;--r:14px}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth;scroll-padding-top:90px}
body{font-family:'IBM Plex Sans Arabic',sans-serif;background:#fff;color:#2a2a22;line-height:1.9;overflow-x:hidden;padding-bottom:54px}
h1,h2,h3,b,.btn,.logo,.chip{font-family:'Readex Pro',sans-serif}a{color:inherit}
.prog{position:fixed;top:0;right:0;height:3px;width:0;background:var(--cu2);z-index:99}
.topbar{background:var(--ol);color:var(--cr);display:flex;justify-content:space-between;gap:14px;padding:7px 5vw;font-size:13.5px;flex-wrap:wrap}.topbar a{text-decoration:none;font-weight:600}
.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:18px;padding:10px 5vw;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);transition:box-shadow .3s}.nav.on{box-shadow:0 4px 24px rgba(47,58,37,.14)}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;margin-inline-end:auto;color:var(--ol);font-weight:700;line-height:1.2}
.logo i{font-style:normal;width:42px;height:42px;border-radius:10px;background:var(--cu);color:#fff;display:grid;place-items:center;font-size:24px}.logo small{display:block;font-size:11px;font-weight:400;color:var(--wd)}
.nav nav{display:flex;gap:18px}.nav nav a{text-decoration:none;font-size:14.5px;position:relative;padding:4px 0}
.nav nav a:after{content:"";position:absolute;inset:auto 0 0;height:2px;background:var(--cu);transform:scaleX(0);transition:.3s}.nav nav a:hover:after{transform:scaleX(1)}
.burger{display:none;background:none;border:0;width:36px;height:30px;cursor:pointer}.burger i{display:block;height:2px;background:var(--ol);margin:7px 0}
.btn{display:inline-block;padding:13px 26px;border-radius:10px;background:var(--cu);color:#fff;text-decoration:none;font-weight:600;border:2px solid var(--cu);cursor:pointer;font-size:15px;transition:.3s;text-align:center}
.btn:hover{background:var(--ol);border-color:var(--ol);box-shadow:0 8px 20px rgba(47,58,37,.3)}.btn.sm{padding:7px 16px;font-size:14px}
.btn.wa{background:var(--wa);border-color:var(--wa)}.btn.wa:hover{background:#168a45;border-color:#168a45}
.btn.light{background:#fff;color:var(--ol);border-color:#fff}.btn.light:hover{background:var(--cu2);border-color:var(--cu2);color:#fff}
.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:44px;align-items:center;padding:64px 5vw 80px;background:linear-gradient(115deg,rgba(47,58,37,.97),rgba(47,58,37,.9)),repeating-linear-gradient(45deg,#3F4D32 0 2px,#2F3A25 2px 22px);color:#fff;position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;border:70px solid rgba(184,115,51,.15);top:-220px;inset-inline-end:-160px;animation:spin 50s linear infinite}
.hero>*{position:relative}
.chip{display:inline-block;font-size:13px;font-weight:600;color:var(--cu);background:rgba(184,115,51,.12);padding:3px 14px;border-radius:99px;margin-bottom:12px}.hero .chip{color:var(--cu2);background:rgba(217,154,91,.15)}
h1{font-size:clamp(30px,4.6vw,54px);line-height:1.4;font-weight:700}h1 span{display:inline-block;opacity:0;transform:translateY(28px);animation:up .7s forwards}@keyframes up{to{opacity:1;transform:none}}
.lead{max-width:56ch;margin:16px 0 20px;font-size:17px}.hero .lead{color:#e9e2d0}
.ticks{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 18px;margin-bottom:26px;font-size:15px}.ticks li:before{content:"✓";color:var(--cu2);font-weight:700;margin-inline-end:8px}
.row{display:flex;gap:12px;flex-wrap:wrap}.row.c{justify-content:center}
.hero-side{position:relative;max-width:400px;width:100%;margin-inline:auto}
.seal{position:absolute;z-index:2;top:-48px;inset-inline-end:-10px;width:104px;height:104px;border-radius:50%;background:var(--cu);display:grid;place-content:center;text-align:center;box-shadow:0 10px 28px rgba(0,0,0,.35);animation:pop 2.4s ease-in-out infinite;border:3px dashed #fff8}
.seal b{font-size:30px;line-height:1}.seal span{font-size:10.5px;line-height:1.3;padding:0 12px}@keyframes pop{50%{transform:scale(1.07) rotate(-4deg)}}@keyframes spin{to{transform:rotate(360deg)}}
.qf{background:#fff;color:#2a2a22;padding:26px;border-radius:var(--r);box-shadow:0 24px 50px rgba(0,0,0,.35);display:grid;gap:12px}.qf h3{color:var(--ol);font-size:19px}
input,select,textarea{font:inherit;padding:11px 13px;border:1.5px solid #d9cfb9;border-radius:10px;background:#fbf8f1;transition:.2s;width:100%}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--cu);box-shadow:0 0 0 4px rgba(184,115,51,.18)}input.bad{border-color:#b3261e;animation:sh .3s}@keyframes sh{25%{transform:translateX(5px)}75%{transform:translateX(-5px)}}
.strip{display:grid;grid-template-columns:repeat(4,1fr);margin:-34px 5vw 0;position:relative;z-index:3;background:#fff;border-radius:var(--r);box-shadow:0 14px 40px rgba(47,58,37,.18);overflow:hidden}
.strip div{padding:20px 10px;text-align:center;border-inline-start:1px solid var(--cr)}.strip div:first-child{border:0}.strip b{display:block;font-size:24px;color:var(--cu)}.strip span{font-size:13.5px;color:var(--wd)}
.sec{padding:84px 5vw}.alt{background:var(--cr)}.hd2{text-align:center;margin-bottom:38px}.hd2 h2,.area h2,.contact h2{font-size:clamp(24px,3.4vw,38px);color:var(--ol);line-height:1.45}
.note{font-size:14px;color:var(--wd);margin-top:6px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px}.g3{grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}.g4{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.card{background:#fff;border-radius:var(--r);padding:26px;border:1px solid #eadfc8;display:flex;flex-direction:column;gap:8px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .3s,border-color .3s}
.card:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--cu);transform:scaleX(0);transform-origin:right;transition:transform .4s}.card:hover:before{transform:scaleX(1)}
.card:hover{box-shadow:0 18px 40px rgba(107,74,47,.18);border-color:var(--cu2)}
.ico{width:58px;height:58px;border-radius:14px;background:var(--cr);display:grid;place-items:center;transition:.3s}.card:hover .ico{background:var(--cu);transform:rotate(-6deg) scale(1.08)}
.ico svg{width:32px;stroke:var(--wd);fill:none;stroke-width:2.4;transition:.3s}.card:hover .ico svg{stroke:#fff}
.card h3{font-size:18px;color:var(--ol)}.card p{font-size:14.5px;flex:1}.card a.go{align-self:flex-start;color:var(--cu);font-weight:600;text-decoration:none;font-size:14.5px}.card a.go:hover{text-decoration:underline}
.mini{text-align:center;align-items:center}.mini .ico{margin-bottom:4px}
.offer{display:flex;align-items:center;gap:6vw;flex-wrap:wrap;justify-content:center;padding:70px 5vw;background:var(--cu);color:#fff;position:relative;overflow:hidden}
.offer:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;border:50px solid rgba(255,255,255,.12);top:-160px;inset-inline-start:-100px;animation:spin 40s linear infinite}
.offer>*{position:relative}.offer h2{font-size:clamp(26px,3.6vw,40px);margin-bottom:10px}.offer p{margin-bottom:22px;max-width:44ch;font-size:17px}
.big{font-family:'Readex Pro';font-weight:700;font-size:clamp(110px,20vw,230px);line-height:1;direction:ltr;color:var(--ol)}.big small{font-size:.4em;color:#fff}
.ba{position:relative;direction:ltr;border-radius:var(--r);overflow:hidden;aspect-ratio:10/7;user-select:none;box-shadow:0 10px 30px rgba(107,74,47,.18)}
.ba svg{position:absolute;inset:0;width:100%;height:100%}.ba .bf{position:absolute;inset:0;clip-path:inset(0 50% 0 0);filter:grayscale(.7) sepia(.3) brightness(.85)}
.ba .hl{position:absolute;top:0;bottom:0;left:50%;width:3px;background:#fff;box-shadow:0 0 8px #0006;pointer-events:none}.ba .hl:after{content:"⇆";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:38px;height:38px;border-radius:50%;background:var(--cu);color:#fff;display:grid;place-items:center}
.ba input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0;padding:0;border:0}
.ba em{position:absolute;bottom:8px;font-style:normal;font-size:12px;background:#000a;color:#fff;padding:1px 10px;border-radius:99px}.l1{left:8px}.l2{right:8px}
.bc h3{margin-top:10px;font-size:16px;color:var(--ol);text-align:center}
.dark{background:var(--ol)}.dark h2{color:#fff}.dark .chip{color:var(--cu2)}
.why{padding:26px;border:1px solid rgba(241,234,219,.22);border-radius:var(--r);color:var(--cr);transition:.3s}.why:hover{background:rgba(184,115,51,.22);transform:translateY(-4px)}
.why svg{width:36px;stroke:var(--cu2);fill:none;stroke-width:2.4;margin-bottom:10px}.why h3{font-size:17px;font-weight:600}
.tl{list-style:none;padding:0;position:relative;max-width:640px;margin-inline:auto;padding-inline-start:64px}
.tl:before{content:"";position:absolute;inset-inline-start:21px;top:0;bottom:0;width:3px;background:#fff}.tl:after{content:"";position:absolute;inset-inline-start:21px;top:0;width:3px;height:var(--h,0%);background:var(--cu)}
.tl li{position:relative;padding-bottom:34px}.tl b{position:absolute;inset-inline-start:-64px;top:-4px;width:46px;height:46px;border-radius:50%;background:#fff;border:3px solid #fff;display:grid;place-items:center;color:var(--ol);transition:.4s}
.tl li.on b{background:var(--cu);border-color:var(--cu);color:#fff;transform:scale(1.12)}.tl h3{font-size:19px;color:var(--ol);padding-top:6px}
.cta{background:var(--ol);color:#fff;text-align:center;padding:60px 5vw}.cta h2{font-size:clamp(24px,3.4vw,36px);margin-bottom:22px}
.area,.contact{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}.area{background:var(--cr)}.map{width:100%;max-width:380px;margin-inline:auto}
.mr{fill:none;stroke:var(--ol);stroke-opacity:.35;stroke-dasharray:4 6;animation:dash 20s linear infinite}@keyframes dash{to{stroke-dashoffset:-200}}
.pulse{transform-origin:150px 150px;animation:pl 2s ease-out infinite}@keyframes pl{from{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(4)}}
.rev{border:2px dashed var(--cu2);border-radius:var(--r);padding:34px;text-align:center;color:var(--wd);opacity:.75}.trust{text-align:center;margin-top:30px;font-family:'Readex Pro';font-size:19px;color:var(--ol)}
.faq{max-width:760px;margin-inline:auto;display:grid;gap:12px}details{background:#fff;border-radius:12px;padding:16px 20px;border:1px solid #eadfc8;transition:.3s}details[open]{border-color:var(--cu);box-shadow:0 10px 26px rgba(107,74,47,.12)}
summary{cursor:pointer;font-weight:600;font-family:'Readex Pro';color:var(--ol);list-style:none;display:flex;justify-content:space-between}summary:after{content:"+";color:var(--cu);font-size:22px;line-height:1;transition:transform .3s}details[open] summary:after{transform:rotate(45deg)}details p{margin-top:8px;animation:up .4s both}
.cinfo{display:grid;gap:8px;margin-top:8px;font-weight:600}.cinfo a{text-decoration:none;color:var(--ol)}.cinfo a:hover{color:var(--cu)}
form#form{background:#fff;padding:28px;border-radius:var(--r);box-shadow:0 14px 40px rgba(107,74,47,.18);display:grid;gap:14px;border:1px solid #eadfc8}label{display:grid;gap:4px;font-size:14px;font-weight:500}#fmsg{min-height:20px;color:var(--ol)}
footer{background:#222a1b;color:var(--cr);padding:50px 5vw 20px}.fgrid{display:flex;gap:70px;flex-wrap:wrap}footer h3{color:var(--cu2);margin-bottom:8px}footer a,footer p{display:block;text-decoration:none;opacity:.9;font-size:15px}footer a:hover{color:var(--cu2)}
.cr{border-top:1px solid #fff2;margin-top:30px;padding-top:16px;text-align:center}.cr a{display:inline;color:var(--cu2);font-weight:600}
.wafab{position:fixed;bottom:74px;inset-inline-start:18px;width:58px;height:58px;border-radius:50%;background:#25D366;display:grid;place-items:center;z-index:60;box-shadow:0 8px 22px #25d36666;animation:pop 2.4s infinite}
.callbar{position:fixed;bottom:0;inset-inline:0;z-index:55;background:var(--ol);color:#fff;text-align:center;padding:14px;text-decoration:none;font-family:'Readex Pro';display:none}
.rv{opacity:0;transform:translateY(26px);transition:opacity .7s,transform .7s}.rv.in{opacity:1;transform:none}
@media(max-width:900px){.nav nav{position:fixed;inset:auto 0 auto;top:100%;background:#fff;flex-direction:column;padding:18px 5vw;gap:12px;transform:translateY(-140%);transition:transform .35s;box-shadow:0 10px 20px #0002;z-index:-1}.nav nav.open{transform:none}.burger{display:block}}
@media(max-width:820px){.hero,.area,.contact{grid-template-columns:1fr}.hero{padding-bottom:70px}.strip{grid-template-columns:1fr 1fr}.strip div:nth-child(3){border:0}.ticks{grid-template-columns:1fr}.callbar{display:block}.nav .sm{display:none}.topbar span:nth-child(2){display:none}.seal{top:-52px}}
@media(min-width:821px){body{padding-bottom:0}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv,h1 span{opacity:1;transform:none}}