:root{--canvas:#F2F4F1;--panel:#FBFCFA;--ink:#10201E;--ink-2:#0A1614;--text-secondary:#4A5A55;--on-dark:#F4F6F3;--on-dark-2:#B5C4BE;--accent:#0B7A63;--accent-hover:#08604E;--mint:#5FD3B6;--line:#D5DBD6;--ease:cubic-bezier(.22,.8,.26,1);--display:"Cairo","Tajawal",sans-serif;--body:"Tajawal","Cairo",system-ui,sans-serif;--gutter:clamp(22px,5vw,72px)}
*,*::before,*::after{box-sizing:border-box}
html{overflow-x:hidden;overflow-x:clip;scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;overflow-x:hidden;overflow-x:clip;background:var(--canvas);color:var(--ink);font-family:var(--body);font-size:clamp(17px,1.05vw + 13px,19px);line-height:1.85}
h1,h2,p,ul{margin:0;padding:0}ul{list-style:none}a{color:inherit}svg{display:block}
.skip{position:fixed;top:10px;right:10px;z-index:60;background:var(--panel);padding:8px 16px;border-radius:8px;transform:translateY(-200%)}.skip:focus{transform:none}
:focus-visible{outline:3px solid var(--mint);outline-offset:3px;border-radius:6px}main:focus{outline:none}
.btn{font-family:var(--display);display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:10px 26px;border-radius:12px;background:var(--accent);color:#fff;font-weight:600;text-decoration:none;transition:background-color .25s var(--ease),transform .25s var(--ease)}
.btn:hover{background:var(--accent-hover);transform:translateY(-2px)}.btn svg{width:1.25em;height:1.25em;flex:none}.btn.small{min-height:44px;padding:6px 18px;font-size:.92em}.btn.big{min-height:60px;padding:12px 34px;font-size:1.12em}
.nav{position:sticky;top:0;z-index:40;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:20px;padding:12px var(--gutter);background:rgba(251,252,250,.95);box-shadow:0 1px 0 var(--line);--mark-acc:#5FD3B6}
.nav .brand{justify-self:start}.nav .btn{justify-self:end}
.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;line-height:1.15}.brand svg{width:40px;height:40px;flex:none}
.brand-txt{display:grid;gap:6px}.brand b{font-family:var(--display);font-weight:800;font-size:1.35em;line-height:1.1}.brand small{font-weight:500;font-size:.72em;line-height:1.3;opacity:.85}
.nav ul{display:flex;gap:clamp(18px,2.8vw,40px)}.nav ul a{text-decoration:none;font-weight:500}
.wrap{max-width:1180px;margin-inline:auto}.narrow{max-width:820px}
.top{background:var(--ink);color:var(--on-dark);padding:clamp(48px,7vw,96px) var(--gutter)}
.crumbs{display:flex;gap:8px;font-size:.92em;color:var(--on-dark-2);margin-bottom:14px}.crumbs a{text-decoration:none}.crumbs a:hover{text-decoration:underline}
h1{font-family:var(--display);font-weight:800;font-size:clamp(2rem,1.3rem + 3vw,3.6rem);line-height:1.3;text-wrap:balance;max-width:20em}
.top p{color:var(--on-dark-2);font-size:1.12em;max-width:46em;margin:14px 0 26px;text-wrap:pretty}
.sec{padding:clamp(48px,7vw,88px) var(--gutter)}.tint{background:#E3EDE8}
h2{font-family:var(--display);font-weight:700;font-size:clamp(1.4rem,1.1rem + 1.1vw,2rem);line-height:1.4;margin-bottom:16px}
.intro{font-size:1.14em;color:var(--text-secondary)}
.cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(30px,6vw,88px)}
.ticks{display:grid;gap:10px}.ticks li{position:relative;padding-inline-start:30px}.ticks li::before{content:"";position:absolute;inset-inline-start:2px;top:.55em;width:15px;height:8px;border-inline-end:0;border-bottom:3px solid var(--accent);border-left:3px solid var(--accent);transform:rotate(-45deg)}
.faq details{border-bottom:1.5px solid var(--line)}.faq summary{min-height:60px;padding:14px 0;font-weight:700;cursor:pointer}.faq details p{padding-bottom:18px;color:var(--text-secondary)}
.more-services{padding-top:0}.more-services ul{display:flex;flex-wrap:wrap;gap:10px}.more-services a{display:inline-flex;align-items:center;min-height:46px;padding:6px 18px;border:1.5px solid #84938D;border-radius:10px;text-decoration:none;font-weight:500;transition:background-color .2s var(--ease),color .2s var(--ease)}.more-services a:hover{background:var(--ink);color:var(--on-dark)}
.cta{background:var(--ink);color:var(--on-dark);text-align:center;padding:clamp(56px,8vw,104px) var(--gutter)}.cta p{color:var(--on-dark-2);margin-bottom:24px}
footer{background:var(--ink-2);color:var(--on-dark-2);padding:clamp(56px,7vw,88px) var(--gutter) 0;font-size:.96em}
.foot-grid{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1fr) minmax(0,1.1fr) minmax(0,1.5fr);gap:clamp(30px,5vw,72px)}
footer .brand{color:var(--on-dark);font-size:1.15em}.foot-about p{margin-top:16px;max-width:36ch}
footer h2{font-size:1em;font-weight:700;color:var(--on-dark);margin-bottom:14px}footer ul{display:grid;gap:8px}footer ul a{text-decoration:none}footer ul a:hover{color:var(--on-dark)}
.foot-contact p{margin-bottom:6px}.foot-contact .num{display:block;margin-bottom:16px;color:var(--on-dark);font-family:var(--display);font-weight:700;font-size:1.2em;text-decoration:none;direction:ltr;text-align:end;unicode-bidi:isolate}
.foot-bottom{display:flex;flex-wrap:wrap;gap:6px 28px;justify-content:space-between;margin-top:clamp(40px,5vw,64px);padding:20px 0;border-top:1px solid rgba(132,147,141,.3);font-size:.9em}
.wa-float{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));z-index:50;width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:#25D366;color:#fff;box-shadow:0 10px 26px -8px rgba(8,18,16,.6);transition:transform .25s var(--ease)}.wa-float svg{width:30px;height:30px}.wa-float:hover{transform:scale(1.08)}
@media (max-width:820px){.nav{grid-template-columns:minmax(0,1fr) auto}.nav ul{display:none}.cols{grid-template-columns:minmax(0,1fr)}.foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.foot-about,.foot-contact{grid-column:1/-1}.top,.sec,.cta{text-align:center}.top p,.intro{margin-inline:auto}.crumbs{justify-content:center}h1{margin-inline:auto}.ticks{justify-items:center}.ticks li{text-align:center}.sec.faq{text-align:start}.more-services ul{justify-content:center}.foot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px}.foot-about p{margin-inline:0;max-width:none}footer h2{padding-bottom:8px;margin-bottom:10px;border-bottom:1px solid rgba(132,147,141,.3)}footer ul{gap:0}footer ul a{display:block;padding:7px 0;line-height:1.45}.foot-contact{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px}.foot-contact h2,.foot-contact p{width:100%;margin-bottom:0}.foot-contact h2{margin-bottom:2px}.foot-contact .num{margin:0}.foot-bottom{flex-direction:column;gap:2px;padding-bottom:88px}.wa-float{right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));width:52px;height:52px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}