/* كيان — صفحة التعريف (Landing) */
:root{
  --ink:#0f1f1d; --ink2:#2a3b39; --muted:#5d6e6b; --line:#e2ebe9; --bg:#f5f8f7; --card:#fff;
  --teal:#0F766E; --teal-d:#0B5E59; --teal-l:#14918A; --amber:#F5A524;
  --hr:#0d9488; --hr-d:#0b6f68; --hr-bg:#e6f6f4;
  --qms:#4f46e5; --qms-d:#3a32c4; --qms-bg:#eeedfd;
  --erp:#d97706; --erp-d:#b45f04; --erp-bg:#fdf3e4;
  --r:18px; --shadow:0 1px 2px rgba(15,31,29,.05),0 8px 24px rgba(15,31,29,.07);
  --shadow-lg:0 2px 6px rgba(15,31,29,.06),0 24px 60px rgba(15,31,29,.14);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;font-family:Cairo,"Noto Sans Arabic",Tahoma,sans-serif;color:var(--ink);background:var(--bg);line-height:1.75;font-size:17px;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,video,svg{max-width:100%}
a{color:inherit;text-decoration:none}
h1,h2,h3{line-height:1.3;margin:0;font-weight:800;letter-spacing:-.01em}
h2{font-size:clamp(28px,4vw,44px)}
h2 em,h1 em{font-style:normal;color:var(--teal)}
p{margin:0}
.wrap{width:min(1180px,100% - 40px);margin-inline:auto}
.lucide{width:1.15em;height:1.15em;flex:none;vertical-align:-.2em}
.skip{position:absolute;top:-60px;inset-inline-start:16px;background:var(--ink);color:#fff;padding:8px 14px;border-radius:8px;z-index:100}
.skip:focus{top:12px}
.muted{color:var(--muted);font-size:15px}
.eyebrow{display:inline-block;font-weight:700;font-size:14px;color:var(--teal);background:#e3f3f1;border-radius:99px;padding:4px 14px;margin-bottom:14px}
.lead{font-size:clamp(17px,1.6vw,19.5px);color:var(--muted);max-width:720px}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;padding:10px 18px;font-weight:700;font-size:16px;border:1.5px solid transparent;transition:transform .15s,box-shadow .15s,background .15s;white-space:nowrap;cursor:pointer;font-family:inherit}
.btn:hover{transform:translateY(-1px)}
.btn:focus-visible,.pcard:focus-visible,.sc:focus-visible{outline:3px solid var(--amber);outline-offset:3px}
.btn-lg{padding:14px 26px;font-size:17px;border-radius:14px}
.btn-primary{background:var(--teal);color:#fff;box-shadow:0 6px 18px rgba(15,118,110,.28)}
.btn-primary:hover{background:var(--teal-d)}
.btn-ghost{color:var(--ink2);border-color:var(--line);background:#fff}
.btn-soft{background:#fff;color:var(--ink);border-color:var(--line);box-shadow:var(--shadow)}
.btn-hr{background:var(--hr);color:#fff;box-shadow:0 8px 22px rgba(13,148,136,.3)}
.btn-qms{background:var(--qms);color:#fff;box-shadow:0 8px 22px rgba(79,70,229,.3)}
.btn-erp{background:var(--erp);color:#fff;box-shadow:0 8px 22px rgba(217,119,6,.3)}
.btn-wa{background:#25d366;color:#fff}
.btn .lucide{width:1.1em;height:1.1em}

/* top bar */
.topbar{position:sticky;top:0;z-index:50;background:rgba(245,248,247,.82);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid transparent;transition:border-color .2s,background .2s}
.topbar.scrolled{border-bottom-color:var(--line);background:rgba(255,255,255,.9)}
.topbar-in{display:flex;align-items:center;gap:24px;height:72px}
.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:24px;color:var(--teal-d)}
.brand img{border-radius:10px}
.menu{display:flex;gap:4px;margin-inline-start:auto}
.menu a{padding:8px 12px;border-radius:10px;font-weight:600;color:var(--ink2);font-size:15.5px}
.menu a:hover{background:#e9f1ef}
.menu .menu-login{display:none}
.topbar-cta{display:flex;gap:8px;align-items:center}
.lang{font-weight:700;font-size:15px;color:var(--ink2);padding:8px 10px;border-radius:10px}
.lang:hover{background:#e9f1ef}
[dir=ltr] body,[lang=en] body{letter-spacing:0}
.burger{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:5px;cursor:pointer}
.burger span{display:block;width:18px;height:2px;background:var(--ink);border-radius:2px;transition:.2s}

/* hero */
.hero{position:relative;padding:72px 0 96px;overflow:hidden}
.hero-bg{position:absolute;inset:0;background:
  radial-gradient(900px 480px at 85% -10%,rgba(20,145,138,.18),transparent 60%),
  radial-gradient(700px 420px at 0% 30%,rgba(245,165,36,.14),transparent 60%),
  radial-gradient(600px 400px at 40% 110%,rgba(79,70,229,.10),transparent 60%)}
.hero-bg::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(15,31,29,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(15,31,29,.045) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 30%,transparent 75%)}
.hero-in{position:relative;display:grid;grid-template-columns:1.02fr 1fr;gap:56px;align-items:center}
.hero h1{font-size:clamp(38px,5.6vw,66px);font-weight:900;margin-bottom:18px}
.hero .lead{margin-bottom:30px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:26px}
.hero-points{display:flex;flex-wrap:wrap;gap:8px 22px;list-style:none;margin:0;padding:0;color:var(--ink2);font-weight:600;font-size:15.5px}
.hero-points li{display:flex;align-items:center;gap:6px}
.hero-points .lucide{color:var(--teal);stroke-width:3}

.hero-visual{position:relative;padding:28px 10px 40px}
.win{background:#fff;border-radius:20px;box-shadow:var(--shadow-lg);border:1px solid var(--line);overflow:hidden;transform:perspective(1400px) rotateY(-8deg) rotateX(3deg);transform-origin:center}
.win-bar{display:flex;align-items:center;gap:6px;padding:11px 14px;background:#f3f6f5;border-bottom:1px solid var(--line);direction:ltr}
.win-bar i{width:10px;height:10px;border-radius:50%;background:#e2e8e6}
.win-bar i:nth-child(1){background:#ff6b6b}.win-bar i:nth-child(2){background:#ffc145}.win-bar i:nth-child(3){background:#3ecf8e}
.win-bar span{margin-inline:auto;font-size:12px;color:var(--muted);background:#fff;border-radius:7px;padding:1px 40px;border:1px solid var(--line)}
.win-body{display:flex;min-height:330px}
.win-side{width:62px;background:linear-gradient(180deg,var(--teal-d),var(--teal-l));padding:14px 12px;display:flex;flex-direction:column;gap:10px}
.ws-logo{height:30px;border-radius:9px;background:rgba(255,255,255,.95);margin-bottom:8px}
.ws-item{height:9px;border-radius:5px;background:rgba(255,255,255,.3)}
.ws-item.on{background:#fff}
.win-main{flex:1;padding:18px}
.wm-title{font-weight:800;font-size:15px;margin-bottom:12px}
.mods{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}
.mod{border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:2px;font-size:13px}
.mod span{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;color:#fff;margin-bottom:6px}
.mod b{font-size:13.5px;line-height:1.4}
.mod small{color:var(--muted);font-size:11.5px}
.mod-hr{background:var(--hr-bg)}.mod-hr span{background:var(--hr)}
.mod-qms{background:var(--qms-bg)}.mod-qms span{background:var(--qms)}
.mod-erp{background:var(--erp-bg)}.mod-erp span{background:var(--erp)}
.wm-chart{display:flex;gap:14px;align-items:flex-end;border:1px solid var(--line);border-radius:14px;padding:14px}
.bars{flex:1;display:flex;align-items:flex-end;gap:8px;height:110px}
.bars i{flex:1;height:var(--h);border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,var(--teal-l),var(--teal));opacity:.9;animation:grow 1.2s cubic-bezier(.2,.8,.2,1) both}
.bars i:nth-child(2n){background:linear-gradient(180deg,#f8c25e,var(--amber))}
.bars i:nth-child(1){animation-delay:.1s}.bars i:nth-child(2){animation-delay:.18s}.bars i:nth-child(3){animation-delay:.26s}.bars i:nth-child(4){animation-delay:.34s}.bars i:nth-child(5){animation-delay:.42s}.bars i:nth-child(6){animation-delay:.5s}.bars i:nth-child(7){animation-delay:.58s}
@keyframes grow{from{height:4%}}
.wm-kpis{display:flex;flex-direction:column;gap:8px}
.wm-kpis div{background:var(--bg);border-radius:10px;padding:6px 12px;min-width:100px}
.wm-kpis small{display:block;font-size:11px;color:var(--muted)}
.wm-kpis b{font-size:18px;direction:ltr;display:block;text-align:right}
.float{position:absolute;display:flex;align-items:center;gap:10px;background:#fff;border-radius:14px;padding:10px 14px 10px 16px;box-shadow:var(--shadow-lg);border:1px solid var(--line);font-size:13px;animation:bob 6s ease-in-out infinite}
.float b{display:block;font-size:13.5px;line-height:1.4}
.float small{color:var(--muted);font-size:11.5px}
.fi{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;color:#fff;flex:none}
.fi-hr{background:var(--hr)}.fi-qms{background:var(--qms)}.fi-erp{background:var(--erp)}
.f1{top:0;left:-6px}
.f2{bottom:58px;right:-18px;animation-delay:-2s}
.f3{bottom:-2px;left:40px;animation-delay:-4s}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

/* products strip */
.strip{margin-top:-40px;position:relative;z-index:2}
.strip-in{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.pcard{position:relative;background:#fff;border-radius:var(--r);padding:26px 24px 22px;box-shadow:var(--shadow);border:1px solid var(--line);transition:transform .2s,box-shadow .2s;overflow:hidden}
.pcard::before{content:"";position:absolute;inset-inline:0;top:0;height:4px;background:var(--c)}
.pcard:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.pcard h3{font-size:21px;margin:14px 0 6px}
.pcard p{color:var(--muted);font-size:15.5px;margin-bottom:14px}
.pc-ico{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--cb);color:var(--c)}
.pc-ico .lucide{width:24px;height:24px}
.pc-num{position:absolute;top:18px;inset-inline-end:22px;font-weight:900;font-size:34px;color:var(--cb);line-height:1}
.pc-more{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--c);font-size:15px}
.p-hr{--c:var(--hr);--cb:var(--hr-bg)}.p-qms{--c:var(--qms);--cb:var(--qms-bg)}.p-erp{--c:var(--erp);--cb:var(--erp-bg)}

/* product sections */
.product{padding:110px 0 90px}
.product.alt{background:#fff;border-block:1px solid var(--line)}
.prod-hr{--c:var(--hr);--cd:var(--hr-d);--cb:var(--hr-bg)}
.prod-qms{--c:var(--qms);--cd:var(--qms-d);--cb:var(--qms-bg)}
.prod-erp{--c:var(--erp);--cd:var(--erp-d);--cb:var(--erp-bg)}
.product h2 em{color:var(--c)}
.prod-head{margin-bottom:44px}
.prod-head h2{margin:14px 0 14px;max-width:860px}
.tag{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:15px;color:var(--cd);background:var(--cb);padding:6px 16px;border-radius:99px}
.prod-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:44px;align-items:start}
.video-card{position:sticky;top:96px}
.video-frame{position:relative;border-radius:20px;overflow:hidden;background:#0b1514;box-shadow:var(--shadow-lg);aspect-ratio:16/9;border:1px solid var(--line)}
.video-frame video{display:block;width:100%;height:100%;object-fit:cover}
.play{position:absolute;inset:0;margin:auto;width:84px;height:84px;border-radius:50%;border:0;background:rgba(255,255,255,.95);color:var(--c);display:grid;place-items:center;cursor:pointer;box-shadow:0 10px 40px rgba(0,0,0,.35);transition:transform .2s}
.play:hover{transform:scale(1.07)}
.play .lucide{width:34px;height:34px;fill:currentColor;transform:translateX(3px)}
.video-frame.playing .play{display:none}
.video-cap{color:var(--muted);font-size:14px;margin-top:10px;text-align:center}
.feats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.feats li{display:flex;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px}
.product.alt .feats li{background:var(--bg)}
.feats li>span{width:40px;height:40px;border-radius:12px;background:var(--cb);color:var(--c);display:grid;place-items:center;flex:none}
.feats b{display:block;font-size:16.5px;margin-bottom:2px}
.feats p{font-size:14.5px;color:var(--muted);line-height:1.7}
.prod-cta{margin-top:36px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}

/* why */
.why{padding:110px 0}
.sec-head{text-align:center;margin-bottom:48px}
.sec-head h2{margin-bottom:12px}
.sec-head .lead{margin-inline:auto}
.links{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:56px}
.link{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px;box-shadow:var(--shadow)}
.lk-ico{display:flex;align-items:center;gap:8px;margin-bottom:14px;color:#b5c4c1}
.lk-ico i{width:40px;height:40px;border-radius:12px;display:grid;place-items:center}
.c-hr{background:var(--hr-bg);color:var(--hr)}.c-qms{background:var(--qms-bg);color:var(--qms)}.c-erp{background:var(--erp-bg);color:var(--erp)}
.link b{display:block;font-size:17px;margin-bottom:4px}
.link p{color:var(--muted);font-size:15px}
.pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.pillar{padding:6px 4px}
.pillar span{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--teal);color:#fff;margin-bottom:12px}
.pillar b{display:block;font-size:18px;margin-bottom:4px}
.pillar p{color:var(--muted);font-size:15px}

/* mobile */
.mobile{padding:100px 0;background:linear-gradient(160deg,#0b5e59,#0f766e 55%,#14918a);color:#fff;overflow:hidden}
.mobile-in{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:center}
.mobile h2 em{color:var(--amber)}
.mobile .eyebrow{background:rgba(255,255,255,.14);color:#fff}
.ticks{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:12px;font-size:17.5px}
.ticks li{display:flex;gap:10px;align-items:flex-start}
.ticks .lucide{color:var(--amber);stroke-width:3;margin-top:6px}
.phone{position:relative;width:290px;margin-inline:auto;background:#0d1817;border-radius:44px;padding:12px;box-shadow:0 40px 80px rgba(0,0,0,.35),inset 0 0 0 2px rgba(255,255,255,.08);transform:rotate(-4deg)}
.ph-notch{position:absolute;top:20px;left:50%;transform:translateX(-50%);width:90px;height:22px;background:#0d1817;border-radius:99px;z-index:2}
.ph-screen{background:#f3f7f6;border-radius:34px;padding:52px 16px 20px;color:var(--ink);min-height:540px}
.ph-hello small{color:var(--muted);font-size:12px;display:block}
.ph-hello b{font-size:18px}
.ph-check{margin:14px 0;background:linear-gradient(140deg,var(--teal-l),var(--teal-d));color:#fff;border-radius:20px;padding:20px;text-align:center}
.ph-check span{width:62px;height:62px;border-radius:50%;background:rgba(255,255,255,.18);display:grid;place-items:center;margin:0 auto 8px}
.ph-check span .lucide{width:32px;height:32px}
.ph-check b{display:block;font-size:17px}
.ph-check small{opacity:.8;font-size:11.5px}
.ph-tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.ph-tiles div{background:#fff;border-radius:14px;padding:12px;font-weight:700;font-size:13.5px;display:flex;align-items:center;gap:8px;border:1px solid var(--line)}
.ph-tiles span{color:var(--teal)}
.ph-note{display:flex;gap:10px;align-items:center;background:#fff;border-radius:14px;padding:12px;border:1px solid var(--line)}
.ph-note>span{width:34px;height:34px;border-radius:10px;background:#fff4dd;color:var(--erp);display:grid;place-items:center;flex:none}
.ph-note b{display:block;font-size:13px}
.ph-note small{color:var(--muted);font-size:11.5px}

/* steps */
.steps{padding:100px 0 60px}
.step-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;counter-reset:s}
.step-list li{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px;box-shadow:var(--shadow);position:relative}
.step-list .n{width:44px;height:44px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:900;font-size:19px;margin-bottom:14px}
.step-list b{display:block;font-size:19px;margin-bottom:4px}
.step-list p{color:var(--muted);font-size:15.5px}

/* start */
.start{padding:90px 0;margin:60px 0 0;background:radial-gradient(800px 400px at 20% 0%,rgba(245,165,36,.18),transparent 60%),linear-gradient(180deg,#0f1f1d,#132927);color:#fff}
.sec-head.light .eyebrow{background:rgba(255,255,255,.1);color:var(--amber)}
.sec-head.light .lead{color:#b9cac7}
.start-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.sc{border-radius:22px;padding:28px;display:flex;flex-direction:column;gap:4px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);transition:transform .2s,background .2s,border-color .2s}
.sc:hover{transform:translateY(-4px);background:rgba(255,255,255,.08);border-color:var(--c)}
.sc-ico{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:var(--c);color:#fff;margin-bottom:14px}
.sc-ico .lucide{width:28px;height:28px}
.sc b{font-size:23px}
.sc small{color:#b9cac7;font-size:15px;margin-bottom:18px}
.sc-go{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--c);color:#fff;border-radius:12px;padding:12px;font-weight:700}
.sc-hr{--c:var(--hr)}.sc-qms{--c:var(--qms)}.sc-erp{--c:var(--erp)}
.start-login{text-align:center;margin-top:26px;color:#b9cac7}
.start-login a{color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:4px}

/* faq */
.faq{padding:100px 0}
.faq-in{display:grid;grid-template-columns:.7fr 1.3fr;gap:48px;align-items:start}
.faq .sec-head{text-align:start;position:sticky;top:100px}
.qa{display:grid;gap:10px}
.qa details{background:#fff;border:1px solid var(--line);border-radius:16px;padding:0 20px;transition:box-shadow .2s}
.qa details[open]{box-shadow:var(--shadow)}
.qa summary{cursor:pointer;list-style:none;font-weight:700;font-size:17px;padding:18px 0;display:flex;justify-content:space-between;gap:12px;align-items:center}
.qa summary::-webkit-details-marker{display:none}
.qa summary::after{content:"+";font-size:24px;color:var(--teal);font-weight:400;line-height:1;transition:transform .2s}
.qa details[open] summary::after{transform:rotate(45deg)}
.qa p{color:var(--muted);padding-bottom:18px;font-size:16px}

/* contact */
.contact{padding:0 0 100px}
.contact-in{background:linear-gradient(120deg,var(--teal-d),var(--teal-l));color:#fff;border-radius:28px;padding:44px;display:flex;justify-content:space-between;align-items:center;gap:28px;flex-wrap:wrap;box-shadow:var(--shadow-lg)}
.contact h2{font-size:clamp(24px,3vw,32px);margin-bottom:6px}
.contact p{opacity:.85}
.contact-actions{display:flex;gap:10px;flex-wrap:wrap}
.contact .btn-primary{background:var(--amber);color:#2b1d03;box-shadow:none}
.contact .btn-soft{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.25);box-shadow:none}

.foot{border-top:1px solid var(--line);padding:30px 0;background:#fff}
.foot-in{display:flex;align-items:center;gap:24px;flex-wrap:wrap;justify-content:space-between}
.foot nav{display:flex;gap:18px;flex-wrap:wrap;color:var(--muted);font-weight:600;font-size:15px}
.foot small{color:var(--muted)}
.brand-sm{font-size:20px}
.wa-float{position:fixed;bottom:20px;inset-inline-end:20px;width:58px;height:58px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;box-shadow:0 10px 30px rgba(37,211,102,.45);z-index:60}
.wa-float .lucide{width:28px;height:28px}

/* reveal */
.rv{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.rv{opacity:1;transform:none}}

/* responsive */
@media (max-width:1080px){
  .hero-in{grid-template-columns:1fr;gap:30px}
  .hero-visual{max-width:640px;margin-inline:auto;width:100%}
  .prod-grid{grid-template-columns:1fr}
  .video-card{position:static}
  .links{grid-template-columns:1fr 1fr}
  .pillars{grid-template-columns:1fr 1fr}
  .faq-in{grid-template-columns:1fr;gap:10px}
  .faq .sec-head{position:static;text-align:center}
}
@media (max-width:900px){
  .menu{position:fixed;top:72px;inset-inline:0;flex-direction:column;background:#fff;padding:12px 20px 20px;border-bottom:1px solid var(--line);box-shadow:var(--shadow-lg);gap:2px;transform:translateY(-8px);opacity:0;pointer-events:none;transition:.2s}
  .menu.open{transform:none;opacity:1;pointer-events:auto}
  .menu a{padding:12px}
  .menu .menu-login{display:block}
  .burger{display:flex}
  .hide-sm{display:none}
  .strip-in,.start-grid,.step-list{grid-template-columns:1fr}
  .mobile-in{grid-template-columns:1fr;gap:40px}
  .mobile-copy{order:-1}
}
@media (max-width:640px){
  body{font-size:16px}
  .wrap{width:calc(100% - 32px)}
  .hero{padding:44px 0 80px}
  .hero-actions .btn{flex:1 1 100%}
  .win{transform:none}
  .win-side{width:40px;padding:10px 8px}
  .mods{gap:6px}.mod{padding:8px}.mod b{font-size:11.5px}.mod small{display:none}.mod span{width:26px;height:26px}
  .wm-kpis{display:none}
  .float{font-size:12px;padding:8px 10px}
  .float b{font-size:12px}
  .f1{left:0;top:-6px}.f2{right:-4px;bottom:64px}.f3{left:8px}
  .feats{grid-template-columns:1fr}
  .links,.pillars{grid-template-columns:1fr}
  .product{padding:80px 0 64px}
  .prod-cta .btn{width:100%}
  .contact-in{padding:28px}
  .contact-actions .btn{flex:1 1 100%}
  .topbar-cta .btn-primary{padding:9px 14px;font-size:15px}
  .phone{width:260px}
}

/* النسخة الإنجليزي (LTR) */
[lang=en] .hero h1{font-size:clamp(36px,4.6vw,58px)}
[dir=ltr] .f2{right:auto;left:-24px;bottom:96px}
@media (max-width:640px){[dir=ltr] .f2{left:auto;right:-4px;bottom:64px}}
@media (max-width:380px){.lang{padding:8px 4px;font-size:14px}}