@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+Arabic:wght@400;500;600;700&display=swap');
:root{--bg:#e7eaec;--surface:#f4f5f6;--card:#fff;--ink:#11181c;--muted:#68747a;--line:#d4dade;--cyan:#74cfe4;--cyan-strong:#3bb2d0;--cyan-pale:#e6f7fb;--green:#16a765;--dark:#182126;--max:1160px;--radius:18px;--shadow:0 16px 50px rgba(18,28,34,.07)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"Noto Sans Arabic",Arial,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}body:lang(ar){font-family:"Noto Sans Arabic",Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button,select{font:inherit}img{display:block;max-width:100%}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:14px;top:14px;z-index:999;background:#fff;padding:10px 14px;border-radius:8px}.topbar{height:32px;background:#202a2f;color:#cbd5d9;font-size:10px}.topbar-inner{height:32px;display:flex;align-items:center;justify-content:space-between}.topbar a{color:#bdebf4;font-weight:700}.header{position:sticky;top:0;z-index:50;background:rgba(231,234,236,.86);backdrop-filter:blur(20px);border-bottom:1px solid rgba(212,218,222,.9)}.nav{height:72px;display:flex;align-items:center;gap:28px}.brand img{width:112px;height:46px;object-fit:contain}.navlinks{display:flex;gap:25px;margin-left:auto}.navlinks a{font-size:11px;font-weight:600;color:#58656b}.navlinks a:hover{color:var(--cyan-strong)}.actions{display:flex;align-items:center;gap:8px}.lang{height:38px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.75);padding:0 9px;color:#344249;font-size:10px}.menu{display:none;border:0;background:#fff;width:40px;height:40px;border-radius:10px;color:#253238}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border-radius:10px;border:1px solid transparent;font-size:10px;font-weight:700;letter-spacing:.01em;transition:transform .18s,box-shadow .18s,background .18s}.btn:hover{transform:translateY(-1px)}.btn-wa{background:var(--green);color:#fff;box-shadow:0 7px 20px rgba(22,167,101,.16)}.btn-primary{background:var(--cyan-strong);color:#fff}.btn-outline{background:#fff;border-color:var(--line);color:#26343a}.btn-large{min-height:50px;padding:0 20px}.hero{padding:58px 0 62px}.hero-grid{display:grid;grid-template-columns:1fr .9fr;gap:64px;align-items:center}.eyebrow,.kicker{font-size:9px;letter-spacing:.18em;font-weight:800;color:#3b9db5}.hero-copy h1{font-size:clamp(42px,5vw,67px);line-height:1.02;letter-spacing:-.055em;margin:9px 0 18px;max-width:690px}.hero-copy h1 em{font-style:normal;color:#3caac6}.hero-copy p{font-size:14px;color:var(--muted);max-width:580px;margin:0}.hero-actions{display:flex;gap:9px;margin-top:27px}.hero-trust{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;color:#657279;font-size:9px}.hero-trust span{color:var(--cyan-strong)}.hero-trust i{width:3px;height:3px;background:#b4c0c5;border-radius:50%}.hero-media{position:relative;border-radius:24px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(8,18,22,.22));pointer-events:none}.hero-media img{width:100%;aspect-ratio:1.02/1;object-fit:cover}.hero-badge{position:absolute;z-index:2;left:16px;bottom:16px;background:rgba(255,255,255,.95);border:1px solid rgba(255,255,255,.9);border-radius:12px;padding:10px 13px;box-shadow:0 10px 28px rgba(0,0,0,.12)}.hero-badge span{display:block;font-size:8px;color:#6d787d}.hero-badge strong{display:block;font-size:11px;color:var(--green);margin-top:2px}.proof{background:#f5f6f7;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.proof-grid{display:grid;grid-template-columns:repeat(3,1fr)}.proof-grid>div{padding:20px 25px;border-right:1px solid var(--line)}.proof-grid>div:last-child{border-right:0}.proof-grid strong{font-size:9px;color:var(--cyan-strong);letter-spacing:.12em}.proof-grid span{display:block;font-size:13px;font-weight:800;margin-top:3px}.proof-grid p{font-size:9px;color:var(--muted);margin:3px 0 0}.section{padding:76px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:26px}.section-head h2{font-size:34px;line-height:1.08;letter-spacing:-.045em;margin:6px 0 0}.section-head>p{max-width:390px;font-size:11px;color:var(--muted);margin:0}.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.service{background:rgba(255,255,255,.9);border:1px solid var(--line);border-radius:15px;overflow:hidden;transition:border-color .2s,box-shadow .2s,transform .2s}.service:hover,.service.open{border-color:#9bd9e6;box-shadow:var(--shadow)}.service-head{width:100%;border:0;background:transparent;color:var(--ink);padding:16px 18px;display:grid;grid-template-columns:42px 1fr 18px;gap:13px;align-items:center;text-align:left;cursor:pointer}.service-icon{width:36px;height:36px;border-radius:10px;background:var(--cyan-pale);color:#319bb4;display:grid;place-items:center;font-size:9px;font-weight:800}.service-title{display:block;font-size:12px;font-weight:800}.service-sub{display:block;font-size:8px;color:#8a969b;margin-top:2px}.chev{font-size:17px;color:#7e8a90;transition:.2s}.service.open .chev{transform:rotate(180deg)}.service-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s ease;background:#fafbfb}.service-body>div{overflow:hidden}.service.open .service-body{grid-template-rows:1fr}.service-content{padding:0 18px 18px;border-top:1px solid #e8edef}.service-content img{width:100%;aspect-ratio:16/8;object-fit:cover;border-radius:11px;margin-top:13px}.service-content p{font-size:10px;color:var(--muted);margin:9px 0 12px}.service-content .btn{width:100%}.why{background:#f7f8f8;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.why-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}.why-intro h2,.coverage h2{font-size:39px;line-height:1.05;letter-spacing:-.05em;margin:7px 0 13px}.why-intro p,.coverage p{max-width:460px;color:var(--muted);font-size:12px;margin:0 0 22px}.why-list{border-top:1px solid var(--line)}.why-list article{display:grid;grid-template-columns:40px 1fr;gap:14px;padding:17px 0;border-bottom:1px solid var(--line)}.why-list b{font-size:9px;color:var(--cyan-strong)}.why-list h3{font-size:12px;margin:0 0 3px}.why-list p{font-size:9px;color:var(--muted);margin:0}.coverage{padding-top:62px}.coverage-inner{background:#dfecef;border:1px solid #c8e0e5;border-radius:20px;padding:34px;display:flex;align-items:center;justify-content:space-between;gap:30px}.coverage-action{min-width:255px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:14px;box-shadow:var(--shadow)}.coverage-action span{display:block;font-size:9px;color:var(--muted);margin-bottom:9px}.coverage-action .btn{width:100%}.contact-section{padding-top:68px}.contact-grid{display:grid;grid-template-columns:1fr .78fr;gap:12px}.contact-card,.contact-cta{background:#fff;border:1px solid var(--line);border-radius:17px;padding:23px}.contact-brand{display:flex;align-items:center;gap:12px;padding-bottom:15px;border-bottom:1px solid #edf0f1}.contact-brand img{width:78px;height:39px;object-fit:contain}.contact-brand strong{font-size:13px}.contact-brand span{display:block;font-size:9px;color:var(--muted)}.contact-item{display:flex;gap:11px;align-items:flex-start;padding:9px 0}.ci{width:29px;height:29px;border-radius:8px;background:var(--cyan-pale);color:#319bb4;display:grid;place-items:center;font-size:7px;font-weight:800;flex:none}.contact-item b{display:block;font-size:7px;color:#89959b;letter-spacing:.09em}.contact-item small{display:block;font-size:10px;font-weight:700;margin-top:2px}.social{display:flex;gap:8px}.social .btn{flex:1}.contact-cta{background:linear-gradient(145deg,#eef8fa,#fff)}.contact-cta h3{font-size:26px;line-height:1.12;letter-spacing:-.04em;margin:7px 0 9px}.contact-cta p{font-size:10px;color:var(--muted);margin:0 0 18px}.phone-link{display:block;text-align:center;margin-top:11px;color:#319bb4;font-size:11px;font-weight:800}.footer{background:#1e282d;color:#dce5e8;margin-top:26px;padding:38px 0 17px}.footer-main{display:grid;grid-template-columns:1.4fr .7fr .7fr;gap:45px}.footer .brand img{filter:brightness(0) invert(1);opacity:.9}.footer p,.footer-main>div>a:not(.brand){font-size:9px;color:#aebbc0;margin:7px 0}.footer-main>div>span{display:block;color:#fff;font-size:9px;font-weight:800;margin-bottom:8px}.footer-main>div>a:not(.brand){display:block;margin:5px 0}.footer-bottom{border-top:1px solid rgba(255,255,255,.11);margin-top:23px;padding-top:13px;display:flex;justify-content:space-between;color:#99a8ae;font-size:8px}.mobile-bar{display:none}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.about-image{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}.about-image img{width:100%;aspect-ratio:1.25/1;object-fit:cover}.checklist{margin:16px 0}.check{display:flex;gap:9px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line);font-size:10px}.check i{width:23px;height:23px;border-radius:7px;background:var(--cyan-pale);color:#319bb4;display:grid;place-items:center;font-style:normal;font-weight:800}.hero-grid>div>h1{font-size:clamp(40px,5vw,62px);line-height:1.04;letter-spacing:-.05em;margin:8px 0 15px}.hero-grid>div>p{color:var(--muted);font-size:13px;max-width:600px}
@media(max-width:900px){.container{width:min(100% - 24px,720px)}.topbar-inner{padding:0 2px}.nav{height:62px;gap:12px}.brand img{width:100px;height:42px}.navlinks{display:none;position:absolute;top:62px;left:0;right:0;background:rgba(247,248,249,.98);padding:5px 12px;flex-direction:column;gap:0;border-bottom:1px solid var(--line);box-shadow:0 12px 30px rgba(20,30,35,.08)}.navlinks.mobile-open{display:flex}.navlinks a{padding:13px 8px;border-bottom:1px solid #e8edef}.menu{display:block}.desktop-cta{display:none}.hero{padding:30px 0 38px}.hero-grid{grid-template-columns:1fr;gap:20px}.hero-media{order:-1;border-radius:18px}.hero-media img{aspect-ratio:1.55/1}.hero-copy h1,.hero-grid>div>h1{font-size:38px}.hero-copy p{font-size:12px}.hero-actions{display:grid;grid-template-columns:1fr 1fr}.hero-actions .btn{width:100%}.proof-grid{grid-template-columns:1fr}.proof-grid>div{padding:15px 18px;border-right:0;border-bottom:1px solid var(--line)}.proof-grid>div:last-child{border-bottom:0}.section{padding:52px 0}.section-head{display:block;margin-bottom:20px}.section-head h2{font-size:29px}.section-head>p{margin-top:7px}.services-grid{grid-template-columns:1fr}.service-head{padding:15px}.service-content{padding:0 15px 16px}.why-grid{grid-template-columns:1fr;gap:34px}.why-intro h2,.coverage h2{font-size:32px}.coverage{padding:43px 0}.coverage-inner{display:block;padding:23px}.coverage-action{min-width:0;margin-top:17px}.contact-grid{grid-template-columns:1fr}.contact-cta h3{font-size:24px}.footer-main{grid-template-columns:1fr 1fr;gap:26px}.footer-main>div:first-child{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom span{display:block;margin:4px 0}.mobile-bar{position:fixed;display:grid;grid-template-columns:1.2fr .8fr;gap:7px;left:0;right:0;bottom:0;z-index:100;padding:7px 9px calc(7px + env(safe-area-inset-bottom));background:rgba(231,234,236,.96);backdrop-filter:blur(16px);border-top:1px solid var(--line)}.mobile-bar .btn{min-height:44px;border-radius:10px}.about-grid{grid-template-columns:1fr;gap:24px}.about-image{order:-1}}
@media(max-width:430px){.topbar{font-size:9px}.hero-copy h1,.hero-grid>div>h1{font-size:33px}.hero-actions{grid-template-columns:1fr}.section-head h2{font-size:27px}.service-title{font-size:11px}.coverage-inner{border-radius:17px}.social{flex-direction:column}.mobile-bar .btn{font-size:10px}}

.guide-grid{display:grid;grid-template-columns:1.5fr .8fr;gap:36px;align-items:start}.guide-grid article>p{max-width:760px;font-size:17px;color:var(--muted);margin:0 0 18px}.guide-grid h2{margin:8px 0 22px}.seo-note{background:var(--surface)}.seo-note p{max-width:760px;color:var(--muted);font-size:16px}@media(max-width:760px){.guide-grid{grid-template-columns:1fr;gap:22px}.guide-grid article>p{font-size:16px}}

/* V10 — proof, before/after, micro feedback & action dock */
:root{--red:#c92f35;--red-dark:#8f1f25;--red-soft:#fff0f1;--wa:#19a866;--wa-dark:#12804e;--ink:#10171b;--muted:#66747a}
.proofwork{background:#f3f5f6;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.work-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;align-items:stretch}
.work-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 10px 35px rgba(15,24,29,.05)}
.work-card.featured{display:grid;grid-template-columns:1.1fr .9fr}
.work-card-media{display:grid;grid-template-columns:1fr 1fr;min-height:330px;background:#edf0f1}
.work-card-media.single{display:block;min-height:0}
.work-card-media.single img{width:100%;height:100%;min-height:330px;object-fit:cover}
.work-card-media img{width:100%;height:100%;min-height:330px;object-fit:cover}
.work-card-media img+img{border-left:3px solid #fff}
.work-card-copy{padding:25px;display:flex;flex-direction:column;justify-content:center}
.work-tag{display:inline-flex;width:max-content;padding:6px 9px;border-radius:999px;background:var(--red-soft);color:var(--red);font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.work-card h3{font-size:22px;line-height:1.1;letter-spacing:-.035em;margin:12px 0 8px}.work-card p{font-size:10px;color:var(--muted);margin:0 0 15px}.work-note{font-size:8px;color:#879298}
.work-mini{display:grid;grid-template-rows:auto 1fr}.work-mini .work-card-media img{min-height:0;height:250px}.work-mini .work-card-copy{padding:18px 20px}.work-mini h3{font-size:17px}
.work-wide{margin-top:14px}.work-wide img{width:100%;height:330px;object-fit:cover}.work-wide .work-card-copy{padding:17px 20px;display:block}
.feedback-section{background:#fff}
.feedback-wrap{display:grid;grid-template-columns:.7fr 1.3fr;gap:45px;align-items:start}.feedback-intro h2{font-size:34px;line-height:1.05;letter-spacing:-.045em;margin:7px 0 10px}.feedback-intro p{font-size:11px;color:var(--muted);margin:0}.feedback-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.feedback-card{position:relative;background:#f7f8f8;border:1px solid var(--line);border-radius:13px;padding:13px 14px;transition:.22s;cursor:default}.feedback-card:hover{transform:translateY(-3px);border-color:#e2a0a4;box-shadow:0 12px 28px rgba(125,24,30,.08)}.feedback-card .stars{color:var(--red);font-size:9px;letter-spacing:2px}.feedback-card p{font-size:10px;line-height:1.6;margin:6px 0;color:#263238}.feedback-card span{font-size:8px;color:#8b969b}.feedback-disclaimer{margin-top:12px;font-size:8px!important;color:#929ca1!important}
.action-dock{position:fixed;right:18px;bottom:92px;z-index:90;display:flex;flex-direction:column;gap:9px}.action-btn{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;color:#fff;border:0;box-shadow:0 12px 30px rgba(12,18,22,.18);transition:.2s;font-weight:800;font-size:11px}.action-btn:hover{transform:translateY(-3px) scale(1.03)}.action-phone{background:var(--red)}.action-wa{background:var(--wa)}.action-top{background:#222c31;cursor:pointer}
.btn-phone{background:var(--red);color:#fff;border-color:var(--red)}.btn-phone:hover{background:var(--red-dark);border-color:var(--red-dark)}
@media(max-width:900px){.work-grid{grid-template-columns:1fr}.work-card.featured{grid-template-columns:1fr}.work-card-media{min-height:0}.work-card-media img{min-height:240px}.work-card-media.single img{min-height:0;height:250px}.work-wide img{height:250px}.feedback-wrap{grid-template-columns:1fr;gap:24px}.feedback-intro h2{font-size:29px}.action-dock{right:12px;bottom:76px;gap:7px}.action-btn{width:46px;height:46px;font-size:10px}}
@media(max-width:520px){.work-card-media{grid-template-columns:1fr 1fr}.work-card-media img{min-height:205px}.work-card-copy{padding:18px}.work-card h3{font-size:19px}.feedback-grid{grid-template-columns:1fr}.work-wide img{height:210px}.action-dock{right:9px;bottom:72px}.action-btn{width:44px;height:44px}}
body:lang(ar) .work-card-media img+img{border-left:0;border-right:3px solid #fff}
body:lang(ar) .action-dock{right:auto;left:18px}
@media(max-width:900px){body:lang(ar) .action-dock{right:auto;left:10px}}

/* V11 — restore V10 visual system; reviews + supplied contact icons only */
.reviews-v11{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.reviews-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:24px}
.reviews-head h2{font-size:34px;line-height:1.06;letter-spacing:-.045em;margin:7px 0 0}
.reviews-head>p{max-width:420px;font-size:11px;color:var(--muted);margin:0}
.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}
.review-card{background:#fff;border:1px solid #dadce0;border-radius:12px;padding:15px;min-width:0;box-shadow:0 2px 8px rgba(60,64,67,.08);transition:transform .18s,box-shadow .18s,border-color .18s}
.review-card:hover{transform:translateY(-2px);box-shadow:0 7px 22px rgba(60,64,67,.12);border-color:#c8cdd1}
.review-top{display:flex;align-items:center;gap:10px}
.review-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#eef1f3;color:#344249;font-size:13px;font-weight:700;flex:none}
.review-top strong{display:block;font-size:10px;line-height:1.25}
.review-top small{display:block;color:#e0a400;letter-spacing:1px;font-size:9px;margin-top:2px}
.review-card p{font-size:10px;line-height:1.65;color:#3c4043;margin:12px 0 11px}
.review-source{font-size:8px;color:#80868b}
.action-dock .action-btn{overflow:hidden;padding:0}
.action-dock .action-btn img{width:100%;height:100%;display:block;object-fit:cover}
.action-dock .action-top{font-size:17px;background:#222c31;color:#fff}
@media(max-width:900px){.reviews-head{display:block;margin-bottom:18px}.reviews-head h2{font-size:29px}.reviews-head>p{margin-top:7px}.reviews-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:9px;padding:2px 2px 9px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.reviews-grid::-webkit-scrollbar{display:none}.review-card{flex:0 0 84%;scroll-snap-align:start}.action-dock{right:10px;bottom:18px;gap:7px}.action-dock .action-btn{width:48px;height:48px}}
@media(max-width:520px){.reviews-v11{padding:46px 0}.review-card{flex-basis:88%;padding:14px}.action-dock{right:8px;bottom:14px}.action-dock .action-btn{width:46px;height:46px}}
body:lang(ar) .reviews-head{text-align:right}
body:lang(ar) .action-dock{right:auto;left:18px}
@media(max-width:900px){body:lang(ar) .action-dock{right:auto;left:8px}}