/* Darner360° — cinematic navy + leaf-green identity. RTL/LTR via logical properties. */
:root{
  --bg:#0a1020;--bg2:#0d1528;--card:#111a30;--card2:#16213b;--line:rgba(255,255,255,.1);--line2:rgba(255,255,255,.18);
  --txt:#eef2f8;--mut:#9aa6bd;--dim:#6f7c96;
  --green:#8ec24b;--green2:#a9dc5f;--glow:rgba(142,194,75,.28);
  --paper:#f4f6ef;--ink:#0a1020;--max:1240px;--r:18px;
  --fall:1;
}
html[dir="rtl"]{--fall:-1}
html[lang="ar"]{--fb:"Readex Pro","IBM Plex Sans Arabic",Tahoma,sans-serif;--fh:"Reem Kufi","Readex Pro","IBM Plex Sans Arabic",sans-serif}
html[lang="en"]{--fb:"Readex Pro","IBM Plex Sans",Arial,sans-serif;--fh:"Readex Pro","IBM Plex Sans",Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:110px;-webkit-text-size-adjust:100%;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--txt);font-family:var(--fb);font-weight:300;line-height:1.8;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button{font:inherit;color:inherit}
h1,h2,h3,h4,p,ul,ol,figure{margin:0}
ul,ol{padding:0;list-style:none}
::selection{background:var(--green);color:#0a1020}
:focus-visible{outline:2px solid var(--green2);outline-offset:3px}
.ico{width:1.2em;height:1.2em;flex:0 0 auto;display:block}
.ico-lg{width:30px;height:30px}
.wrap{max-width:var(--max);margin-inline:auto;padding-inline:32px}
.section{padding:120px 0;position:relative}
.skip-link{position:absolute;inset-inline-start:12px;top:-70px;background:var(--green);color:#0a1020;padding:10px 16px;z-index:3000;font-size:13px;font-weight:600}
.skip-link:focus{top:10px}
.center{text-align:center;margin-top:44px}
.arr{display:inline-block;transition:transform .25s}

/* ---------- type ---------- */
h1,h2,h3{font-family:var(--fh);font-weight:600;letter-spacing:-.01em;line-height:1.3}
html[lang="en"] h1,html[lang="en"] h2{letter-spacing:-.03em;line-height:1.12}
h2{font-size:clamp(34px,4.6vw,64px)}
h2 .muted,.muted{color:var(--dim)}
em{font-style:normal;background:linear-gradient(100deg,var(--green2),var(--green) 55%,#6fae2f);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:clamp(15px,1.4vw,18px);color:var(--mut);line-height:2;max-width:560px}
.eyebrow{display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:.14em;color:var(--green2);font-weight:500;text-transform:uppercase;margin-bottom:22px}
html[lang="ar"] .eyebrow{letter-spacing:.04em;font-size:13px;text-transform:none}
.eyebrow i{width:34px;height:1px;background:var(--green)}
.eyebrow b{font:600 12px "Readex Pro",sans-serif;color:#0a1020;background:var(--green);padding:2px 8px;border-radius:99px;letter-spacing:.04em}
.sec-head{max-width:760px;margin-bottom:64px}
.sec-head p{margin-top:20px;color:var(--mut);font-size:16px;line-height:2;max-width:600px}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:16px 28px;border-radius:99px;font-size:14px;font-weight:500;border:1px solid transparent;cursor:pointer;transition:transform .25s,background .25s,box-shadow .25s,border-color .25s;white-space:nowrap}
.btn .ico{width:20px;height:20px}
.btn-green{background:var(--green);color:#0a1020;font-weight:600;box-shadow:0 10px 34px -10px var(--glow)}
.btn-green:hover{background:var(--green2);transform:translateY(-3px);box-shadow:0 16px 40px -10px rgba(142,194,75,.55)}
.btn-ghost{border-color:var(--line2);color:var(--txt)}
.btn-ghost:hover{border-color:var(--green);color:var(--green2);transform:translateY(-3px)}
.btn-block{width:100%}
.btn:hover .arr{transform:translate(2px,-2px)}
html[dir="rtl"] .btn:hover .arr{transform:translate(-2px,-2px)}
.link-arrow{display:inline-flex;gap:10px;align-items:center;font-size:14px;color:var(--green2);border-bottom:1px solid rgba(142,194,75,.4);padding-bottom:4px;margin-top:22px;transition:border-color .2s,gap .2s}
.link-arrow:hover{border-color:var(--green2);gap:16px}
.chip{border:1px solid var(--line2);background:transparent;border-radius:99px;padding:9px 20px;font-size:13px;cursor:pointer;transition:all .2s}
.chip:hover{border-color:var(--green)}
.chip.is-active{background:var(--green);border-color:var(--green);color:#0a1020;font-weight:600}
.tags{display:flex;flex-wrap:wrap;gap:8px}
.tags span,.chips span{border:1px solid var(--line2);border-radius:99px;padding:6px 14px;font-size:12.5px;color:var(--mut)}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chips span{font-size:14px;padding:9px 18px;color:var(--txt);background:rgba(255,255,255,.03)}

/* ---------- header ---------- */
.header-wrap{position:sticky;top:0;z-index:900;background:rgba(10,16,32,.72);-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3);border-bottom:1px solid transparent;transition:border-color .3s,background .3s}
.header-wrap.scrolled{border-bottom-color:var(--line);background:rgba(10,16,32,.9)}
.announcement{display:flex;align-items:center;justify-content:center;gap:10px;font-size:12px;color:var(--mut);padding:7px 14px;border-bottom:1px solid var(--line);text-align:center;transition:margin .3s,opacity .3s}
.pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 var(--glow);animation:pdot 2.2s infinite;flex:0 0 auto}
@keyframes pdot{70%{box-shadow:0 0 0 9px transparent}100%{box-shadow:0 0 0 0 transparent}}
.site-header{max-width:var(--max);margin:auto;padding:0 32px;height:78px;display:flex;align-items:center;gap:28px;position:relative}
.brand{display:inline-flex;align-items:center;gap:12px}
.brand-leaf img{width:34px;height:auto;filter:drop-shadow(0 0 14px var(--glow))}
.logo{font-family:"Readex Pro",sans-serif;font-weight:600;font-size:25px;letter-spacing:-.045em;line-height:1;display:inline-flex;align-items:baseline;white-space:nowrap}
.logo b{color:var(--green);font-weight:600;margin-inline-start:1px}
.logo i{font-style:normal;color:var(--green);font-size:.62em;transform:translateY(-.55em);margin-inline-start:1px}
.nav{display:flex;align-items:center;gap:28px;margin-inline-start:auto;font-size:14px}
.nav>a:not(.nav-cta){color:var(--mut);padding:6px 0;position:relative;transition:color .2s}
.nav>a:not(.nav-cta):after{content:"";position:absolute;inset-inline:0;bottom:0;height:1px;background:var(--green);transform:scaleX(0);transition:transform .3s;transform-origin:center}
.nav>a:hover,.nav>a[aria-current="page"]{color:var(--txt)}
.nav>a:not(.nav-cta):hover:after,.nav>a[aria-current="page"]:after{transform:scaleX(1)}
.nav-cta{display:inline-flex;gap:10px;align-items:center;background:var(--green);color:#0a1020;font-weight:600;padding:11px 20px;border-radius:99px;transition:background .2s,transform .2s}
.nav-cta:hover{background:var(--green2);transform:translateY(-2px)}
.header-tools{display:flex;align-items:center;gap:12px}
.lang-switch{font-size:13px;font-weight:500;border:1px solid var(--line2);border-radius:99px;padding:8px 16px;transition:all .2s;white-space:nowrap}
html[lang="ar"] .lang-switch{font-family:"Readex Pro",sans-serif}
.lang-switch:hover{border-color:var(--green);color:var(--green2)}
.menu-toggle{display:none;background:none;border:0;padding:10px;cursor:pointer}
.menu-toggle span{display:block;width:24px;height:2px;background:var(--txt);margin:6px 0;transition:transform .3s}

/* ---------- hero ---------- */
.hero{position:relative;overflow:hidden;padding:70px 0 90px;min-height:calc(100vh - 118px);display:flex;align-items:center}
.hero-bg{position:absolute;inset:0;pointer-events:none}
.glow{position:absolute;border-radius:50%;filter:blur(110px)}
.g1{width:620px;height:620px;background:rgba(142,194,75,.2);inset-inline-end:-120px;top:-140px}
.g2{width:560px;height:560px;background:rgba(36,64,140,.35);inset-inline-start:-160px;bottom:-200px}
.grid-lines{position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:72px 72px;opacity:.35;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 60% 45%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 60% 45%,#000 20%,transparent 75%)}
.hero-leaf{position:absolute;width:520px;opacity:.05;inset-inline-start:-90px;top:60px}
.hero-grid{position:relative;display:grid;grid-template-columns:1.02fr .98fr;gap:48px;align-items:center;width:100%}
.hero h1{font-size:clamp(46px,6.6vw,96px);line-height:1.18;margin-bottom:26px}
html[lang="en"] .hero h1{font-size:clamp(42px,5.6vw,82px);line-height:1.04}
.hero .lead{margin-bottom:38px}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:56px}
.stats{display:grid;grid-template-columns:repeat(4,auto);justify-content:start;gap:0;border-top:1px solid var(--line);padding-top:26px}
.stat{padding-inline:0 28px;margin-inline-end:28px;border-inline-end:1px solid var(--line)}
.stat:last-child{border:0;margin:0}
.stat b{display:block;font:600 40px/1 "Readex Pro",sans-serif;letter-spacing:-.04em;color:var(--txt)}
.stat span{display:block;font-size:12.5px;color:var(--mut);margin-top:8px}
.hero-dial{position:relative;display:grid;place-items:center}
.dial{position:relative;width:min(100%,560px);aspect-ratio:1}
.dial-ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(var(--rot,0deg));transition:transform .15s linear}
.dial-ring .r1,.dial-ring .r2,.dial-ring .r3{fill:none;stroke:rgba(255,255,255,.14);stroke-width:1}
.dial-ring .r2{stroke-dasharray:3 7;stroke:rgba(142,194,75,.4)}
.dial-ring .r3{stroke:rgba(142,194,75,.22)}
.dial-ring .tk{stroke:rgba(255,255,255,.28);stroke-width:1}
.dial-ring .tk-major{stroke:var(--green);stroke-width:2}
.dial-ring .dg{fill:var(--mut);font:400 12px "Readex Pro",sans-serif}
.dial-ring .arc{fill:none;stroke:var(--green2);stroke-width:3;stroke-linecap:round;stroke-dasharray:18 82;animation:arc 14s linear infinite;filter:drop-shadow(0 0 8px var(--green))}
@keyframes arc{to{stroke-dashoffset:-100}}
.sweep{position:absolute;inset:11%;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 78%,rgba(142,194,75,.28) 100%);animation:spin 9s linear infinite;-webkit-mask-image:radial-gradient(circle,transparent 38%,#000 39%);mask-image:radial-gradient(circle,transparent 38%,#000 39%)}
.orbit{position:absolute;inset:0;animation:spin 60s linear infinite}
.node{position:absolute;inset:0;transform:rotate(var(--a))}
.node-pos{position:absolute;left:50%;top:14.4%;transform:translate(-50%,-50%) rotate(calc(var(--a) * -1))}
.node-chip{display:flex;align-items:center;gap:10px;white-space:nowrap;background:rgba(17,26,48,.88);border:1px solid var(--line2);border-radius:99px;padding:9px 18px 9px 12px;font-size:13px;font-weight:500;backdrop-filter:blur(8px);animation:spinr 60s linear infinite;box-shadow:0 10px 30px -12px #000}
html[dir="rtl"] .node-chip{padding:9px 12px 9px 18px}
.node-n{font:600 11px "Readex Pro",sans-serif;background:var(--green);color:#0a1020;border-radius:99px;padding:3px 8px}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes spinr{to{transform:rotate(-360deg)}}
.dial-core{position:absolute;left:50%;top:50%;width:34%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 50% 35%,#1a2850,#0c1428 70%);border:1px solid var(--line2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;box-shadow:0 0 90px -10px var(--glow),inset 0 0 30px rgba(142,194,75,.12)}
.dial-core img{width:46%;filter:drop-shadow(0 0 16px var(--glow))}
.dial-core span{font:600 clamp(20px,3vw,32px)/1 "Readex Pro",sans-serif;letter-spacing:-.04em;color:var(--txt);direction:ltr}

/* ---------- marquee / partners strip ---------- */
.marquee{overflow:hidden;direction:ltr;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marquee-track{display:flex;width:max-content;animation:marq 55s linear infinite}
.marquee:hover .marquee-track{animation-play-state:paused}
.marquee-group{display:flex;align-items:center;gap:72px;padding-inline-end:72px}
.marquee.rev .marquee-track{animation-direction:reverse}
@keyframes marq{to{transform:translateX(-50%)}}
.partner-strip{padding:46px 0 52px;border-block:1px solid var(--line);background:var(--bg2)}
.partner-strip-head{margin-bottom:6px}
.partner-strip .eyebrow{margin-bottom:26px}
.partner-strip img{height:54px;width:auto;max-width:170px;object-fit:contain;opacity:.62;transition:opacity .3s,transform .3s}
.partner-strip img:hover{opacity:1;transform:scale(1.06)}

/* ---------- domino ---------- */
.domino-section{position:relative;overflow:hidden;padding:130px 0 150px;isolation:isolate}
.domino-bg{position:absolute;inset:0;background-size:cover;background-position:center;z-index:-2;transform:scale(1.06)}
.domino-section:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,var(--bg) 0,rgba(10,16,32,.7) 22%,rgba(10,16,32,.78) 70%,var(--bg) 100%),linear-gradient(90deg,rgba(10,16,32,.85),rgba(10,16,32,.35))}
html[dir="rtl"] .domino-section:before{background:linear-gradient(180deg,var(--bg) 0,rgba(10,16,32,.7) 22%,rgba(10,16,32,.78) 70%,var(--bg) 100%),linear-gradient(270deg,rgba(10,16,32,.85),rgba(10,16,32,.35))}
.domino-inner h2{font-size:clamp(36px,5.4vw,78px);max-width:900px;margin-bottom:22px}
.domino-inner p{font-size:17px;color:#c8d2e4;max-width:560px;line-height:2}
.domino-row{display:flex;align-items:flex-end;gap:26px;margin-top:80px;height:190px;padding-bottom:2px;border-bottom:1px solid var(--line2)}
.domino{display:block;flex:0 0 auto;width:38px;height:158px;border-radius:7px;position:relative;background:linear-gradient(160deg,#1b2747,#0c1328);border:1px solid rgba(255,255,255,.14);box-shadow:0 14px 28px -12px #000;transform-origin:bottom right;transform:rotate(calc(var(--t,0) * 66deg * var(--fall)));will-change:transform}
html[dir="rtl"] .domino{transform-origin:bottom left}
.domino:before{content:"";position:absolute;inset-inline:6px;top:50%;height:1px;background:rgba(255,255,255,.22)}
.domino:after{content:"";position:absolute;inset:14px 9px 0;background:radial-gradient(circle,rgba(238,242,248,.75) 2.6px,transparent 3.2px) 0 0/100% 33px;-webkit-mask:linear-gradient(#000 0 30%,transparent 30% 50%,#000 50% 80%,transparent 80%);mask:linear-gradient(#000 0 30%,transparent 30% 50%,#000 50% 80%,transparent 80%);opacity:.55}
.domino:first-child{background:linear-gradient(160deg,var(--green2),#5f9a28);border-color:rgba(255,255,255,.3);box-shadow:0 0 50px -6px var(--glow)}
.domino:first-child:before{background:rgba(10,16,32,.35)}
.domino:first-child:after{background:radial-gradient(circle,#0a1020 2.6px,transparent 3.2px) 0 0/100% 33px;opacity:.7}

/* ---------- about / vision ---------- */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.about-home h2,.about-grid h2{font-size:clamp(34px,4.4vw,60px)}
.prose p{font-size:16px;line-height:2.1;color:var(--mut);margin-bottom:18px}
.vm-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:70px}
.vm-card{position:relative;overflow:hidden;background:linear-gradient(160deg,var(--card2),var(--card));border:1px solid var(--line);border-radius:var(--r);padding:42px 38px}
.vm-card:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,var(--glow),transparent 70%);inset-inline-end:-80px;bottom:-110px}
.vm-n{font:600 13px "Readex Pro",sans-serif;color:var(--green2)}
.vm-card h3{font-size:30px;margin:14px 0 14px}
.vm-card p{color:var(--mut);font-size:16px;line-height:2.05;position:relative;z-index:1}

/* ---------- pillars ---------- */
.services-home{background:var(--bg2);border-block:1px solid var(--line)}
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.pillar{position:relative;display:flex;flex-direction:column;min-height:480px;padding:36px 32px 32px;border-radius:var(--r);background:linear-gradient(170deg,var(--card2),var(--card) 60%);border:1px solid var(--line);overflow:hidden;transition:transform .4s,border-color .4s,box-shadow .4s}
.pillar:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% -10%,var(--glow),transparent 55%);opacity:0;transition:opacity .4s}
.pillar:hover{transform:translateY(-8px);border-color:rgba(142,194,75,.5);box-shadow:0 30px 60px -30px rgba(0,0,0,.8)}
.pillar:hover:before{opacity:1}
.pillar>*{position:relative}
.pillar-n{position:absolute!important;inset-block-start:20px;inset-inline-end:26px;font:600 64px/1 "Readex Pro",sans-serif;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.16)}
.pillar-ico{width:62px;height:62px;border-radius:16px;display:grid;place-items:center;background:rgba(142,194,75,.12);border:1px solid rgba(142,194,75,.35);color:var(--green2);margin-bottom:34px}
.pillar h3{font-size:28px;margin-bottom:14px}
.pillar p{color:var(--mut);font-size:15px;line-height:2;margin-bottom:24px}
.pillar .tags{margin-top:auto;margin-bottom:26px}
.pillar-go{display:inline-flex;gap:10px;align-items:center;color:var(--green2);font-size:14px;font-weight:500}
.ads-wrap{margin-top:70px}
.ads-title{font-size:clamp(22px,2.4vw,30px);margin-bottom:24px}
.ads-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.ad-card{display:flex;align-items:center;gap:22px;padding:28px 30px;border-radius:var(--r);background:var(--card);border:1px solid var(--line);transition:transform .3s,border-color .3s,background .3s}
.ad-card:hover{transform:translateY(-5px);border-color:rgba(142,194,75,.5);background:var(--card2)}
.ad-card .pillar-ico{margin:0;flex:0 0 auto}
.ad-card h3{font-size:21px;margin-bottom:6px}
.ad-card p{color:var(--mut);font-size:13.5px;line-height:1.9}
.arr-big{margin-inline-start:auto;font-size:26px;color:var(--green2);transition:transform .3s}
.ad-card:hover .arr-big{transform:translate(4px,-4px)}
html[dir="rtl"] .ad-card:hover .arr-big{transform:translate(-4px,-4px)}

/* ---------- why (light) ---------- */
.section.light{background:var(--paper);color:var(--ink)}
.light .lead,.light p{color:#4c566a}
.light .muted{color:#9aa3b5}
.light em{background:linear-gradient(100deg,#4f8a1a,#6aa52d);-webkit-background-clip:text;background-clip:text}
.light .eyebrow{color:#4f8a1a}
.light .eyebrow i{background:#4f8a1a}
.why-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:start}
.why-head{position:sticky;top:130px}
.why-head p{margin-top:22px;font-size:16px;line-height:2;max-width:430px}
.why-leaf{margin-top:50px;width:230px;aspect-ratio:1.25;background:url("assets/img/leaf.svg") center/contain no-repeat;opacity:.9}
.why-list{counter-reset:w;border-top:1px solid rgba(10,16,32,.14)}
.why-list li{display:flex;gap:26px;align-items:baseline;padding:26px 6px;border-bottom:1px solid rgba(10,16,32,.14);transition:padding .35s,background .35s}
.why-list li:hover{padding-inline-start:22px;background:rgba(142,194,75,.12)}
.why-list li span{font:600 14px "Readex Pro",sans-serif;color:#4f8a1a;flex:0 0 34px}
.why-list li p{font-size:clamp(17px,1.7vw,21px);color:var(--ink);font-weight:400;line-height:1.7;font-family:var(--fh)}

/* ---------- work marquee ---------- */
.work-home{padding-bottom:110px;overflow:hidden}
.work-row{margin-top:20px}
.work-row .marquee-track{animation-duration:90s}
.work-row .marquee-group{gap:18px;padding-inline-end:18px}
.work-row img{height:340px;width:auto;border-radius:14px;border:1px solid var(--line);transition:transform .4s,border-color .3s;flex:0 0 auto}
.work-row img:hover{transform:translateY(-6px) scale(1.02);border-color:rgba(142,194,75,.6)}

/* ---------- approach / steps ---------- */
.approach-home{background:var(--bg2);border-block:1px solid var(--line)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;position:relative}
.step{position:relative;padding:34px 28px 36px;border-radius:var(--r);background:var(--card);border:1px solid var(--line);transition:transform .3s,border-color .3s}
.step:hover{transform:translateY(-6px);border-color:rgba(142,194,75,.5)}
.step-n{display:inline-grid;place-items:center;font:600 14px "Readex Pro",sans-serif;color:#0a1020;background:var(--green);width:44px;height:44px;border-radius:50%;margin-bottom:24px}
.step h3{font-size:22px;margin-bottom:12px}
.step p{font-size:14px;color:var(--mut);line-height:2}

/* ---------- values ---------- */
.values{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.values.four{grid-template-columns:repeat(4,1fr)}
.value{background:var(--bg);padding:40px 34px;min-height:240px;transition:background .3s}
.value:hover{background:var(--card2)}
.value-ico{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(142,194,75,.45);color:var(--green2);margin-bottom:24px;transition:background .3s,color .3s}
.value:hover .value-ico{background:var(--green);color:#0a1020}
.value h3{font-size:22px;margin-bottom:10px}
.value p{font-size:14.5px;color:var(--mut);line-height:2}
.value .step-n{margin-bottom:20px}

/* ---------- markets ---------- */
.markets-links,.markets-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.markets-grid{grid-template-columns:repeat(3,1fr)}
.market-link{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;gap:36px;min-height:280px;padding:40px 38px;border-radius:var(--r);background:linear-gradient(150deg,var(--card2),var(--card));border:1px solid var(--line);transition:transform .3s,border-color .3s}
.market-link:after{content:"";position:absolute;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,var(--glow),transparent 70%);inset-inline-end:-100px;bottom:-140px;transition:transform .5s}
.market-link:hover{transform:translateY(-6px);border-color:rgba(142,194,75,.55)}
.market-link:hover:after{transform:scale(1.3)}
.market-link small{color:var(--green2);font-size:13px;letter-spacing:.06em}
.market-link h3{font-size:32px;margin:8px 0 12px}
.market-link p{color:var(--mut);font-size:15px;line-height:2;max-width:440px}
.market-link>span{color:var(--green2);font-size:14px;font-weight:500;position:relative;z-index:1}
.market-card{display:block;padding:30px;border-radius:var(--r);background:var(--card);border:1px solid var(--line);transition:transform .3s,border-color .3s}
a.market-card:hover{transform:translateY(-5px);border-color:rgba(142,194,75,.55)}
.market-card h3{font-size:24px;margin-bottom:8px}
.market-card p{color:var(--mut);font-size:14.5px;line-height:2}

/* ---------- CTA ---------- */
.cta-section{position:relative;overflow:hidden;padding:130px 0;background:linear-gradient(135deg,#7bb23a,#a9dc5f 60%,#8ec24b);color:#0a1020;isolation:isolate}
.cta-glow{position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 20% 110%,rgba(10,16,32,.35),transparent 55%),radial-gradient(circle at 90% -10%,rgba(255,255,255,.4),transparent 50%)}
.cta-leaf{position:absolute;width:min(560px,60vw);inset-inline-end:-60px;bottom:-110px;opacity:.16;filter:brightness(0);z-index:-1}
.cta-inner{max-width:900px}
.cta-section .eyebrow{color:#0a1020}
.cta-section .eyebrow i{background:#0a1020}
.cta-section h2{font-size:clamp(40px,6.4vw,92px);line-height:1.12;margin-bottom:22px}
html[lang="en"] .cta-section h2{line-height:1.02}
.cta-section em{background:none;color:#fff;-webkit-text-fill-color:#fff;text-shadow:0 2px 0 rgba(10,16,32,.15)}
.cta-section p{font-size:18px;color:#1c2a14;max-width:560px;margin-bottom:36px;line-height:1.9}
.cta-buttons{display:flex;flex-wrap:wrap;gap:14px}
.cta-section .btn-green{background:#0a1020;color:#fff;box-shadow:0 14px 40px -14px rgba(10,16,32,.7)}
.cta-section .btn-green:hover{background:#18213b}
.cta-meta{display:flex;flex-wrap:wrap;align-items:center;gap:26px;margin-top:40px;font-size:14px;font-weight:500}
.cta-meta a:hover{text-decoration:underline}
.cta-meta>a{display:inline-flex;gap:10px;align-items:center}
.cta-meta .social-links a{border-color:rgba(10,16,32,.4);color:#0a1020}
.cta-meta .social-links a:hover{background:#0a1020;color:#fff}

/* ---------- footer ---------- */
.footer{position:relative;overflow:hidden;background:#070b17;border-top:1px solid var(--line);padding:90px 0 30px}
.footer-glow{position:absolute;width:700px;height:400px;background:radial-gradient(ellipse,rgba(142,194,75,.12),transparent 70%);inset-inline-start:-150px;top:-120px}
.footer-grid{position:relative;display:grid;grid-template-columns:1.4fr .9fr 1.2fr 1.3fr;gap:44px}
.footer-about p{color:var(--mut);font-size:14px;line-height:2;margin-top:14px;max-width:290px}
.footer-about .footer-slogan{color:var(--green2);font-family:var(--fh);font-size:18px;margin-top:22px}
.footer-about .social-links{margin-top:22px}
.footer-col{display:flex;flex-direction:column;gap:12px;font-size:14px;color:var(--mut)}
.footer-col h4{font-family:var(--fh);font-size:15px;color:var(--txt);margin-bottom:8px;font-weight:600;letter-spacing:0}
.footer-col a{transition:color .2s}
.footer-col a:hover{color:var(--green2)}
.footer-col a:has(svg){display:flex;gap:12px;align-items:flex-start}
.footer-col a .ico{color:var(--green);margin-top:3px;width:19px;height:19px}
.footer-col em{font-style:normal;font-size:13px;color:var(--dim);background:none;-webkit-text-fill-color:currentColor}
.footer-mark{position:relative;font:700 clamp(70px,17vw,250px)/.9 "Readex Pro",sans-serif;letter-spacing:-.06em;text-align:center;direction:ltr;margin:70px 0 10px;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.1);user-select:none;white-space:nowrap;overflow:hidden}
.footer-mark b{-webkit-text-stroke:1px rgba(142,194,75,.45);font-weight:700}
.copyright{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;border-top:1px solid var(--line);padding-top:24px;font-size:12.5px;color:var(--dim)}
.copyright a:hover{color:var(--green2)}
.social-links{display:flex;gap:10px}
.social-links a{width:44px;height:44px;border:1px solid var(--line2);border-radius:50%;display:grid;place-items:center;transition:all .25s}
.social-links a:hover{background:var(--green);border-color:var(--green);color:#0a1020;transform:translateY(-3px)}
.social-links .ico{width:19px;height:19px}

/* ---------- WhatsApp icon (KSA + Oman) ---------- */
.wa-widget{position:fixed;z-index:1000;inset-inline-end:22px;bottom:22px}
.wa-fab{list-style:none;cursor:pointer;width:64px;height:64px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;box-shadow:0 12px 34px -6px rgba(37,211,102,.6);position:relative;transition:transform .2s}
.wa-fab::-webkit-details-marker{display:none}
.wa-fab:hover{transform:scale(1.08)}
.wa-fab .ico{width:34px;height:34px}
.wa-fab .wa-close{display:none;font-size:22px;font-weight:700}
.wa-fab:after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #25D366;animation:wpulse 2.4s ease-out infinite;pointer-events:none}
.wa-widget[open] .wa-fab:after{animation:none;opacity:0}
.wa-widget[open] .wa-fab .ico{display:none}
.wa-widget[open] .wa-fab .wa-close{display:block}
@keyframes wpulse{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.55);opacity:0}}
.wa-menu{position:absolute;bottom:80px;inset-inline-end:0;width:300px;background:var(--card);border:1px solid var(--line2);border-radius:20px;box-shadow:0 24px 60px -10px #000;padding:16px;display:grid;gap:10px}
.wa-menu strong{font-size:13px;font-weight:600;padding:2px 6px 8px;border-bottom:1px solid var(--line);color:var(--mut)}
.wa-menu a{display:flex;align-items:center;gap:14px;padding:13px 14px;border-radius:14px;background:rgba(255,255,255,.04);transition:background .2s}
.wa-menu a:hover{background:rgba(37,211,102,.16)}
.wa-menu a .ico{width:30px;height:30px;color:#25D366}
.wa-menu a span{display:grid;line-height:1.5}
.wa-menu b{font-size:14px;font-weight:600}
.wa-menu em{font-style:normal;font-size:13px;color:var(--mut);font-family:"Readex Pro",sans-serif;background:none;-webkit-text-fill-color:currentColor}

/* ---------- inner page hero ---------- */
.page-hero{position:relative;overflow:hidden;padding:56px 0 84px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,var(--bg2),var(--bg))}
.page-hero-glow{position:absolute;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,var(--glow),transparent 68%);inset-inline-end:-140px;top:-240px;pointer-events:none}
.page-hero .wrap{position:relative}
.page-hero h1{font-size:clamp(40px,6vw,82px);margin-bottom:22px;max-width:960px}
html[lang="en"] .page-hero h1{line-height:1.06}
.page-hero .updated{margin-top:20px;font-size:13px;color:var(--dim)}
.breadcrumb{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--dim);margin-bottom:56px}
.breadcrumb a:hover{color:var(--green2)}
.breadcrumb i{font-style:normal;opacity:.5}
.breadcrumb [aria-current]{color:var(--txt)}

/* ---------- detail pages ---------- */
.detail-layout{display:grid;grid-template-columns:1.65fr 1fr;gap:70px;padding-block:80px 100px;align-items:start}
.detail-block{margin-bottom:64px}
.detail-block h2{font-size:clamp(26px,3vw,38px);margin-bottom:28px}
.detail-block .eyebrow{margin-bottom:14px}
.include-list{border-top:1px solid var(--line)}
.include-list li{display:grid;grid-template-columns:62px 1fr;gap:16px;padding:28px 0;border-bottom:1px solid var(--line);transition:padding .3s}
.include-list li:hover{padding-inline-start:12px}
.include-list .step-n{margin:0;width:42px;height:42px}
.include-list h3{font-size:21px;margin-bottom:8px}
.include-list p{font-size:15px;color:var(--mut);line-height:2}
.check-list{display:grid;gap:16px}
.check-list li{position:relative;padding-inline-start:40px;font-size:16px;line-height:1.9}
.check-list li:before{content:"✓";position:absolute;inset-inline-start:0;top:2px;width:26px;height:26px;border-radius:50%;background:var(--green);color:#0a1020;display:grid;place-items:center;font-size:13px;font-weight:700;line-height:1}
.detail-aside{position:sticky;top:130px;display:grid;gap:18px}
.aside-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:28px}
.aside-card h3{font-size:19px;margin-bottom:12px}
.aside-card p{font-size:14px;color:var(--mut);line-height:2;margin-bottom:20px}
.aside-cta{background:linear-gradient(150deg,#1b2c14,#101a30);border-color:rgba(142,194,75,.4)}
.aside-buttons{display:grid;gap:10px}
.aside-links a{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line);font-size:14.5px;transition:padding .25s,color .2s}
.aside-links a:last-child{border-bottom:0}
.aside-links a:hover{padding-inline-start:8px;color:var(--green2)}
.aside-links span{font:12px "Readex Pro",sans-serif;color:var(--dim)}
.aside-links i{font-style:normal;margin-inline-start:auto;color:var(--dim)}
.wa-number-sm{font:600 22px "Readex Pro",sans-serif!important;color:var(--txt)!important;margin-bottom:18px!important}
.detail-block .ads-grid{grid-template-columns:1fr}

/* ---------- work page ---------- */
.work-page{padding-top:60px}
.filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:44px}
.masonry{columns:4 250px;column-gap:18px}
.work-item{break-inside:avoid;margin-bottom:18px;position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:var(--card);transition:transform .35s,border-color .3s,opacity .35s}
.work-item[hidden]{display:none}
.work-item:hover{transform:translateY(-5px);border-color:rgba(142,194,75,.6)}
.work-open{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in}
.work-open img{width:100%;height:auto;transition:transform .6s}
.work-item:hover img{transform:scale(1.04)}
.lightbox{position:fixed;inset:0;z-index:2500;background:rgba(5,8,18,.94);display:grid;place-items:center;padding:30px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.lightbox[hidden]{display:none}
.lightbox img{max-width:min(92vw,1100px);max-height:88vh;width:auto;height:auto;border-radius:12px;box-shadow:0 30px 80px #000}
.lb-close,.lb-prev,.lb-next{position:absolute;background:rgba(255,255,255,.1);border:1px solid var(--line2);color:#fff;width:50px;height:50px;border-radius:50%;font-size:24px;cursor:pointer;display:grid;place-items:center;transition:background .2s}
.lb-close:hover,.lb-prev:hover,.lb-next:hover{background:var(--green);color:#0a1020}
.lb-close{top:22px;inset-inline-end:22px}
.lb-prev{inset-inline-start:22px;top:50%}
.lb-next{inset-inline-end:22px;top:50%}

/* ---------- partners page ---------- */
.partners-page{padding-top:70px}
.logo-wall{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.logo-cell{background:var(--card);display:grid;place-items:center;min-height:190px;padding:34px;transition:background .3s}
.logo-cell:hover{background:var(--card2)}
.logo-cell img{max-height:72px;max-width:80%;width:auto;object-fit:contain;opacity:.85;transition:transform .35s,opacity .3s}
.logo-cell:hover img{opacity:1;transform:scale(1.08)}
.sectors{margin-top:70px}
.sectors h3{font-size:clamp(24px,2.8vw,34px);margin-bottom:24px}

/* ---------- approach page ---------- */
.big-steps{padding-block:40px 20px}
.big-step{display:grid;grid-template-columns:100px 1fr;gap:24px;padding:60px 0;border-bottom:1px solid var(--line)}
.big-step .step-n{width:60px;height:60px;font-size:17px}
.big-step h2{font-size:clamp(30px,3.8vw,48px);margin-bottom:14px}
.big-step .lead-sm{font-size:18px;color:var(--txt);margin-bottom:12px}
.big-step p{font-size:15.5px;line-height:2.1;color:var(--mut);max-width:680px}
.deliverable{margin-top:26px;display:inline-grid;gap:2px;border-inline-start:3px solid var(--green);padding:6px 18px}
.deliverable small{font-size:12px;color:var(--dim)}
.deliverable strong{font-weight:500;font-size:15px}
.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}
.faq-head h2{font-size:clamp(32px,4vw,52px)}
.faq-list{border-top:1px solid var(--line)}
.faq-item{border-bottom:1px solid var(--line)}
.faq-item summary{cursor:pointer;padding:26px 0;font-size:18px;font-weight:500;list-style:none;display:flex;justify-content:space-between;gap:20px;align-items:center;font-family:var(--fh)}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:after{content:"+";font-size:28px;line-height:1;font-weight:300;color:var(--green2);transition:transform .25s}
.faq-item[open] summary:after{transform:rotate(45deg)}
.faq-item p{padding:0 0 26px;font-size:15.5px;line-height:2.1;color:var(--mut);max-width:620px}

/* ---------- contact ---------- */
.contact-page{padding-top:70px}
.wa-cards{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.wa-card{position:relative;overflow:hidden;border-radius:var(--r);padding:40px 36px;background:linear-gradient(150deg,#14301f,#0f1a30);border:1px solid rgba(142,194,75,.35);display:flex;flex-direction:column;gap:6px}
.wa-card:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(37,211,102,.22),transparent 70%);inset-inline-end:-90px;top:-100px}
.wa-card-icon{width:60px;height:60px;border-radius:50%;background:#25D366;display:grid;place-items:center;margin-bottom:16px}
.wa-card-icon .ico{width:32px;height:32px;color:#fff}
.wa-card h3{font-size:24px}
.wa-number{font:600 30px "Readex Pro",sans-serif;letter-spacing:.01em;margin:4px 0 20px}
.wa-card-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;position:relative;z-index:1}
.wa-card-actions .link-arrow{margin:0}
.req-form{margin-top:60px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:44px 40px}
.req-form h2{font-size:clamp(26px,3vw,38px);margin-bottom:10px}
.muted-p{font-size:15px;color:var(--mut);line-height:2;margin-bottom:22px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:26px 0 30px}
.form-grid label{display:grid;gap:8px;font-size:13px;font-weight:500;color:var(--mut)}
.form-grid .full{grid-column:1/-1}
.form-grid input,.form-grid select,.form-grid textarea{font:inherit;font-size:15px;font-weight:300;padding:15px 16px;border:1px solid var(--line2);background:rgba(255,255,255,.04);color:var(--txt);border-radius:12px;width:100%;transition:border-color .2s,background .2s}
.form-grid select option{background:var(--card);color:var(--txt)}
.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{outline:none;border-color:var(--green);background:rgba(142,194,75,.06)}
.form-grid textarea{resize:vertical}
.contact-extra{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:80px}
.social-cards{display:grid;gap:12px}
.social-card{display:flex;align-items:center;gap:16px;padding:18px 20px;border-radius:14px;border:1px solid var(--line);background:var(--card);transition:transform .25s,border-color .25s}
.social-card:hover{transform:translateX(0) translateY(-3px);border-color:rgba(142,194,75,.55)}
.social-card .ico{width:26px;height:26px;color:var(--green2)}
.social-card span{display:grid;line-height:1.55}
.social-card b{font-weight:500;font-size:15px}
.social-card em{font-style:normal;font-size:13px;color:var(--dim);font-family:"Readex Pro",sans-serif;background:none;-webkit-text-fill-color:currentColor}
.social-card i{font-style:normal;margin-inline-start:auto;font-size:18px;color:var(--green2)}

/* ---------- industries ---------- */
.industry-cards{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.industry-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:36px 34px}
.industry-card h2{font-size:28px;margin:6px 0 10px}
.industry-card>p{font-size:15px;color:var(--mut);line-height:2;margin-bottom:22px}
.industry-card h4{font-size:12px;letter-spacing:.08em;color:var(--dim);margin:22px 0 12px;font-weight:500}
.industry-card .chips span{font-size:13px;padding:7px 14px}
.mini-links{display:flex;flex-wrap:wrap;gap:10px 22px}
.mini-links a{font-size:14px;color:var(--green2);border-bottom:1px solid rgba(142,194,75,.4);padding:2px 0}
.missing{margin-top:44px;padding:36px;border-radius:var(--r);background:linear-gradient(150deg,#1b2c14,#101a30);border:1px solid rgba(142,194,75,.35)}
.missing h3{font-size:24px;margin-bottom:6px}
.missing p{color:var(--mut)}

/* ---------- legal ---------- */
.legal-layout{display:grid;grid-template-columns:270px 1fr;gap:70px;align-items:start}
.legal-toc{position:sticky;top:130px;border-inline-start:2px solid var(--green);padding-inline-start:22px}
.legal-toc ol{list-style:decimal;padding-inline-start:20px;display:grid;gap:10px;font-size:13.5px;color:var(--mut)}
.legal-toc a:hover{color:var(--green2)}
.legal-body{max-width:780px}
.legal-sec{margin-bottom:48px}
.legal-sec h2{font-size:26px;margin-bottom:16px;display:flex;gap:14px;align-items:baseline}
.legal-sec h2 span{font:600 13px "Readex Pro",sans-serif;color:var(--green2)}
.legal-sec p{font-size:15.5px;line-height:2.1;color:var(--mut);margin-bottom:12px}
.legal-sec ul{display:grid;gap:8px;margin:10px 0 14px;padding-inline-start:22px;list-style:disc;color:var(--green)}
.legal-sec li{font-size:15.5px;line-height:2;color:var(--mut)}
.legal-sec .contact-list{list-style:none;padding:0}
.legal-sec .contact-list li{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 18px;color:var(--txt)}

/* ---------- reveal ---------- */
.js .reveal{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.js .reveal.is-visible{opacity:1;transform:none}
.js .pillars .reveal:nth-child(2),.js .steps .reveal:nth-child(2),.js .values .reveal:nth-child(2),.js .logo-wall .reveal:nth-child(4n+2){transition-delay:.1s}
.js .pillars .reveal:nth-child(3),.js .steps .reveal:nth-child(3),.js .values .reveal:nth-child(3),.js .logo-wall .reveal:nth-child(4n+3){transition-delay:.2s}
.js .steps .reveal:nth-child(4),.js .logo-wall .reveal:nth-child(4n){transition-delay:.3s}

/* ---------- responsive ---------- */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .marquee-track,.orbit,.node-chip,.sweep,.arc,.wa-fab:after,.pulse-dot{animation:none}
  .js .reveal{opacity:1;transform:none;transition:none}
  .domino{transition:none}
}
@media(max-width:1100px){
  .nav{gap:18px;font-size:13px}
  .hero-grid{grid-template-columns:1fr;gap:20px}
  .hero{min-height:0;padding:50px 0 60px}
  .hero-dial{max-width:520px;margin:30px auto 0;width:100%}
  .pillars{grid-template-columns:1fr}
  .pillar{min-height:0}
  .steps{grid-template-columns:1fr 1fr}
  .values,.values.four{grid-template-columns:1fr 1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .masonry{columns:3 220px}
  .logo-wall{grid-template-columns:repeat(2,1fr)}
  .why-grid,.about-grid{grid-template-columns:1fr;gap:40px}
  .why-head{position:static}
  .detail-layout{grid-template-columns:1fr;gap:20px}
  .detail-aside{position:static}
  .faq-section{grid-template-columns:1fr;gap:30px}
  .legal-layout{grid-template-columns:1fr}
  .legal-toc{position:static}
}
@media(max-width:860px){
  .menu-toggle{display:block}
  .nav{display:none;position:absolute;top:100%;inset-inline:0;background:rgba(10,16,32,.98);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0;padding:12px 24px 26px;margin:0;font-size:16px}
  .nav.open{display:flex}
  .nav>a:not(.nav-cta){padding:15px 0;border-bottom:1px solid var(--line)}
  .nav>a:not(.nav-cta):after{display:none}
  .nav-cta{justify-content:center;margin-top:18px;padding:15px}
  .menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}
  .menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg)}
  .vm-grid,.ads-grid,.markets-links,.wa-cards,.contact-extra,.industry-cards{grid-template-columns:1fr}
  .markets-grid{grid-template-columns:1fr}
  .contact-extra{gap:20px}
}
@media(max-width:680px){
  .wrap{padding-inline:20px}
  .section{padding:80px 0}
  .site-header{padding:0 20px;height:66px}
  .announcement{font-size:11px}
  .logo{font-size:21px}
  .brand-leaf img{width:28px}
  .lang-switch{padding:6px 12px;font-size:12px}
  .hero h1{font-size:clamp(42px,12.5vw,64px)}
  html[lang="en"] .hero h1{font-size:clamp(38px,11vw,56px)}
  .stats{grid-template-columns:1fr 1fr;row-gap:22px}
  .stat{border:0;margin:0;padding:0}
  .stat b{font-size:34px}
  .node-chip{font-size:11px;padding:6px 12px 6px 8px}
  html[dir="rtl"] .node-chip{padding:6px 8px 6px 12px}
  .domino-section{padding:90px 0 80px}
  .domino-row{gap:14px;height:150px;margin-top:50px}
  .domino{width:24px;height:112px}
  .domino:after{inset:10px 6px 0;background-size:100% 24px;background-image:radial-gradient(circle,rgba(238,242,248,.75) 2px,transparent 2.6px)}
  .sec-head{margin-bottom:40px}
  .pillar{padding:30px 24px}
  .pillar h3{font-size:25px}
  .ad-card{flex-wrap:wrap;padding:24px}
  .work-row img{height:240px}
  .steps,.values,.values.four{grid-template-columns:1fr}
  .value{min-height:0;padding:30px 26px}
  .why-list li{gap:16px}
  .cta-section{padding:90px 0}
  .cta-buttons .btn{width:100%}
  .footer{padding-top:64px}
  .footer-grid{grid-template-columns:1fr;gap:34px}
  .page-hero{padding:34px 0 56px}
  .breadcrumb{margin-bottom:34px}
  .big-step{grid-template-columns:1fr;gap:16px;padding:44px 0}
  .masonry{columns:2 140px;column-gap:12px}
  .work-item{margin-bottom:12px}
  .logo-cell{min-height:130px;padding:20px}
  .logo-cell img{max-height:52px}
  .req-form{padding:30px 22px}
  .form-grid{grid-template-columns:1fr}
  .wa-card{padding:32px 26px}
  .wa-number{font-size:25px}
  .wa-widget{inset-inline-end:14px;bottom:14px}
  .wa-fab{width:58px;height:58px}
  .wa-menu{width:min(300px,calc(100vw - 28px));bottom:72px}
  .lb-prev,.lb-next{top:auto;bottom:22px}
  .lb-prev{inset-inline-start:22px}
  .lb-next{inset-inline-end:22px}
}

/* ---------- v4: ways, kpi, insights, cases, faq page, profile band, 404 ---------- */
.h-sm{font-size:clamp(24px,2.6vw,34px);margin-bottom:26px}
.ways-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.way-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:36px 32px;transition:transform .3s,border-color .3s}
.way-card:hover{transform:translateY(-6px);border-color:rgba(142,194,75,.5)}
.way-card h3{font-size:24px;margin:6px 0 10px}
.way-card>p{color:var(--mut);font-size:14.5px;line-height:2;margin-bottom:18px}
.way-card .step-n{margin-bottom:14px}
.kpi-section{background:var(--bg2);border-block:1px solid var(--line)}
.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.kpi{background:var(--bg2);padding:34px 28px;min-height:210px;transition:background .3s}
.kpi:hover{background:var(--card2)}
.kpi h3{font-size:20px;margin:6px 0 10px}
.kpi p{color:var(--mut);font-size:14px;line-height:2}
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.post-grid.two{grid-template-columns:repeat(2,1fr)}
.post-card{display:flex;flex-direction:column;gap:12px;padding:32px 30px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);transition:transform .3s,border-color .3s,background .3s}
.post-card:hover{transform:translateY(-6px);border-color:rgba(142,194,75,.5);background:var(--card2)}
.post-tag{align-self:flex-start;font-size:12px;color:var(--green2);border:1px solid rgba(142,194,75,.4);border-radius:99px;padding:4px 14px}
.post-card h3{font-size:21px;line-height:1.6}
.post-card p{color:var(--mut);font-size:14.5px;line-height:2;flex:1}
.post-meta{font-size:13px;color:var(--dim);display:flex;gap:8px;align-items:center}
.post-meta i{font-style:normal;color:var(--green2);margin-inline-start:auto;font-size:18px}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:64px;align-items:start}
.article h2{font-size:clamp(24px,2.4vw,32px);margin:42px 0 14px}
.article h2:first-child{margin-top:0}
.takeaways{margin-top:48px;padding:34px;border:1px solid rgba(142,194,75,.35);border-radius:var(--r);background:rgba(142,194,75,.05)}
.takeaways h3{font-size:22px;margin-bottom:16px}
.more-posts{padding-top:0}
.case-list{display:grid;gap:34px}
.case{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;padding:44px;border:1px solid var(--line);border-radius:calc(var(--r) + 6px);background:var(--card);align-items:center}
.case:nth-child(even) .case-pics{order:-1}
.case-label{display:block;color:var(--green2);font-size:13px;margin:10px 0 8px}
.case h2{font-size:clamp(26px,2.8vw,38px);margin-bottom:22px}
.case dl{margin:0;display:grid;gap:6px}
.case dt{font-size:12px;letter-spacing:.1em;color:var(--dim);margin-top:14px;text-transform:uppercase}
html[lang="ar"] .case dt{letter-spacing:0;font-size:13px}
.case dd{margin:0;color:var(--mut);font-size:15px;line-height:2}
.case-chips{display:flex;flex-wrap:wrap;gap:8px}
.case-chips a{font-size:13px;padding:6px 14px;border:1px solid var(--line2);border-radius:99px;color:var(--txt);transition:border-color .2s,color .2s}
.case-chips a:hover{border-color:var(--green);color:var(--green2)}
.case-pics{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:14px}
.case-pics img{width:100%;height:100%;object-fit:cover;border-radius:12px;border:1px solid var(--line)}
.case-pics img:first-child{grid-row:span 2}
.case-note{text-align:center;color:var(--dim);font-size:14px;max-width:640px;margin:10px auto 0}
.faq-page{display:grid;gap:56px;max-width:880px}
.faq-group .faq-list{border-top:1px solid var(--line)}
.profile-band{padding:0 0 100px}
.profile-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:34px 40px;border:1px dashed rgba(142,194,75,.5);border-radius:var(--r);background:rgba(142,194,75,.04)}
.profile-inner h3{font-size:24px;margin-bottom:4px}
.profile-inner p{color:var(--mut);font-size:14.5px}
.profile-inner .btn span{letter-spacing:.1em}
.legal-links{display:flex;gap:22px}
.nf{min-height:70vh;display:grid;align-items:center}
.nf-code{font-family:var(--fh);font-size:clamp(90px,16vw,220px);line-height:1;font-weight:700;background:linear-gradient(100deg,var(--green2),var(--green));-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:12px}
.nf .cta-buttons{margin-top:30px}
@media (max-width:1100px){
  .ways-grid,.post-grid{grid-template-columns:repeat(2,1fr)}
  .kpi-grid{grid-template-columns:repeat(2,1fr)}
  .article-layout{grid-template-columns:1fr;gap:40px}
  .case{grid-template-columns:1fr;gap:30px;padding:32px}
  .case:nth-child(even) .case-pics{order:0}
}
@media (max-width:680px){
  .ways-grid,.post-grid,.post-grid.two,.kpi-grid{grid-template-columns:1fr}
  .profile-inner{flex-direction:column;align-items:flex-start;padding:28px 24px}
  .case{padding:22px}
  .legal-links{flex-wrap:wrap;gap:14px}
}

/* =====================================================================
   v5 — "Obsidian & ivory": restrained palette, one quiet accent,
   desaturated imagery that wakes up on hover, hairlines, grain.
   ===================================================================== */
:root{
  --bg:#07090e;--bg2:#0a0d14;--card:#0d121b;--card2:#121927;
  --line:rgba(255,255,255,.08);--line2:rgba(255,255,255,.17);
  --txt:#f2f0ea;--mut:#9b9fa8;--dim:#6a6f79;
  --green:#a9cf6e;--green2:#c4de98;--glow:rgba(169,207,110,.13);
  --paper:#eeece5;--ink:#0b0e14;--ivory:#f2f0ea;
}
body:before{content:"";position:fixed;inset:0;z-index:2000;pointer-events:none;opacity:.045;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
.header-wrap{background:rgba(7,9,14,.7)}
.header-wrap.scrolled{background:rgba(7,9,14,.92)}
em{background:none;-webkit-background-clip:initial;background-clip:initial;color:var(--green2);-webkit-text-fill-color:currentColor;font-weight:inherit}
/* hero: neutral, no blue/green blobs */
.g1{background:rgba(255,255,255,.07)}
.g2{background:rgba(169,207,110,.08)}
.grid-lines{opacity:.22}
.dial-core{background:radial-gradient(circle at 50% 35%,#161c28,#0a0d14 70%)}
.node-chip{background:rgba(13,18,27,.9)}
.node-n{background:transparent;color:var(--green2);border:1px solid rgba(169,207,110,.5)}
.dial-ring .arc{filter:none;stroke:var(--green2)}
.sweep{background:conic-gradient(from 0deg,transparent 0 80%,rgba(255,255,255,.14) 100%)}
/* monochrome buttons: ivory fill, accent only on hover */
.btn-green,.nav-cta{background:var(--ivory);color:var(--ink);box-shadow:none}
.btn-green:hover,.nav-cta:hover{background:#fff;box-shadow:0 18px 40px -18px rgba(255,255,255,.35)}
.btn-ghost{border-color:var(--line2)}
.wa-card .btn-green,.wa-menu a{}
/* numbered badges -> outlined */
.step-n{background:transparent;color:var(--green2);border:1px solid rgba(169,207,110,.45);font-weight:500}
.pillar-ico,.value-ico{background:transparent;border-color:rgba(255,255,255,.2);color:var(--green2)}
.pillar{background:linear-gradient(170deg,var(--card2),var(--card) 65%)}
.pillar:hover,.work-item:hover,.way-card:hover,.post-card:hover{border-color:rgba(255,255,255,.35)}
.pillar:before{background:radial-gradient(circle at 80% -10%,rgba(255,255,255,.07),transparent 55%)}
.eyebrow{color:var(--mut)}
.eyebrow i{background:var(--green)}
.eyebrow b{color:var(--green2)}
.post-tag{color:var(--mut);border-color:var(--line2)}
.check-list li:before{color:var(--green2)}
/* desaturated imagery */
.work-row img,.work-item img,.case-pics img{filter:grayscale(.9) contrast(1.05) brightness(.92);transition:filter .6s,transform .6s}
.work-row img:hover,.work-item:hover img,.case:hover .case-pics img{filter:none}
.partner-strip img{filter:grayscale(1)}
/* light "why" section -> ivory + ink */
.why-section,.section.why{background:var(--paper)}
.why-list li:hover{background:rgba(11,14,20,.05)}
.why-list li span{color:#6b7a52}
/* CTA band: ivory instead of lime */
.cta-section{background:var(--paper);color:var(--ink)}
.cta-glow{background:radial-gradient(circle at 85% -10%,rgba(11,14,20,.08),transparent 55%)}
.cta-leaf{opacity:.07}
.cta-section em{color:#55663a;-webkit-text-fill-color:#55663a;text-shadow:none}
.cta-section p{color:#3a4150}
.cta-section .eyebrow{color:#3a4150}
.cta-section .eyebrow i{background:#55663a}
.cta-section .btn-green{background:var(--ink);color:var(--ivory)}
.cta-section .btn-green:hover{background:#1a2030}
.cta-meta .social-links a{border-color:rgba(11,14,20,.3)}
.profile-inner{border:1px solid var(--line2);background:var(--card)}
.footer-glow{background:radial-gradient(ellipse,rgba(255,255,255,.05),transparent 70%)}
.page-hero-glow{background:radial-gradient(circle,rgba(255,255,255,.07),transparent 68%)}
.takeaways{border-color:var(--line2);background:var(--card)}
/* elegant section heads: hairline + tighter display type */
.sec-head h2,.page-hero h1{letter-spacing:-.025em}
html[lang="ar"] .sec-head h2,html[lang="ar"] .page-hero h1{letter-spacing:0}
.section+.section{border-top:1px solid var(--line)}
/* scroll progress, back-to-top */
.progress{position:fixed;inset-inline:0;top:0;height:2px;z-index:3000;pointer-events:none}
.progress i{display:block;height:100%;width:100%;background:var(--green2);transform-origin:var(--prog-o,left);transform:scaleX(var(--p,0))}
html[dir="rtl"] .progress i{--prog-o:right}
.to-top{position:fixed;inset-inline-start:22px;inset-block-end:24px;width:46px;height:46px;border-radius:50%;border:1px solid var(--line2);background:rgba(13,18,27,.85);backdrop-filter:blur(8px);color:var(--txt);font-size:18px;cursor:pointer;z-index:950;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .3s,transform .3s,border-color .2s,visibility .3s}
.to-top.show{opacity:1;visibility:visible;transform:none}
.to-top:hover{border-color:var(--green2);color:var(--green2)}
/* mega menu */
.has-menu{position:relative}
.has-menu>a{display:inline-flex;gap:8px;align-items:center;color:var(--mut);padding:6px 0}
.has-menu>a:hover,.has-menu>a[aria-current="page"]{color:var(--txt)}
.caret{width:6px;height:6px;border-inline-end:1.5px solid currentColor;border-block-end:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);display:block}
.mega{position:absolute;inset-inline-start:-18px;top:100%;padding-top:16px;min-width:300px;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .25s,transform .25s,visibility .25s;z-index:20;display:grid}
.mega:before{content:"";position:absolute;inset:16px 0 0;background:rgba(10,13,20,.97);border:1px solid var(--line2);border-radius:16px;box-shadow:0 30px 60px -20px #000;z-index:-1}
.mega{padding:26px 10px 10px}
.mega a{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:10px;color:var(--txt);font-size:14px;transition:background .2s}
.mega a:hover{background:rgba(255,255,255,.06)}
.mega a span{font:500 12px "Readex Pro",sans-serif;color:var(--green2);width:22px}
.has-menu:hover .mega,.has-menu:focus-within .mega{opacity:1;visibility:visible;transform:none}
/* platforms strip */
.platforms{padding:54px 0 60px;border-block:1px solid var(--line);background:var(--bg2)}
.platforms .eyebrow{margin-bottom:26px}
.plat-track{animation-duration:38s}
.platforms .marquee-group{gap:56px;padding-inline-end:56px}
.platforms span{font:500 clamp(30px,4vw,52px)/1 "Readex Pro",sans-serif;letter-spacing:-.03em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.28);white-space:nowrap;transition:color .3s,-webkit-text-stroke-color .3s}
.platforms span:hover{color:var(--txt);-webkit-text-stroke-color:var(--txt)}
/* share */
.share{display:flex;align-items:center;gap:18px;margin-top:34px;padding-top:26px;border-top:1px solid var(--line);font-size:14px;color:var(--mut)}
/* spotlight on cards */
.pillar,.post-card,.way-card,.kpi,.value,.market-card{--mx:50%;--my:0%;background-image:radial-gradient(420px circle at var(--mx) var(--my),rgba(255,255,255,.06),transparent 60%)}
@media (max-width:860px){
  .mega{display:none}
  .has-menu>a .caret{display:none}
  .has-menu{border-bottom:1px solid var(--line)}
  .has-menu>a{padding:15px 0;display:block}
  .to-top{inset-block-end:92px}
}
.eyebrow b{background:none!important;color:var(--green2)!important;padding:0!important;border:0!important;font-weight:500;letter-spacing:.06em}
.eyebrow b:after{content:"/";margin-inline-start:10px;color:var(--dim)}
.light em,.why-section em{color:#4d5f33;-webkit-text-fill-color:#4d5f33}
.why-leaf{filter:grayscale(.55) brightness(.8);opacity:.7}

/* ---------- logo story (dragonfly / 360° vision) ---------- */
.logo-story{background:var(--bg2);overflow:hidden}
.ls-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:90px;align-items:center}
.ls-visual{position:relative;width:min(100%,520px);aspect-ratio:1;margin-inline:auto}
.ls-ring{position:absolute;inset:0;width:100%;height:100%;animation:spin 90s linear infinite}
.ls-ring .tk{stroke:rgba(255,255,255,.28);stroke-width:.25}
.ls-ring .tk-major{stroke:var(--green2);stroke-width:.5}
.ls-ring .ls-c{fill:none;stroke:rgba(255,255,255,.12);stroke-width:.25}
.ls-ring .ls-c2{fill:none;stroke:rgba(169,207,110,.35);stroke-width:.25;stroke-dasharray:.6 1.6}
.ls-sweep{position:absolute;inset:6%;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 82%,rgba(196,222,152,.22) 100%);animation:spin 10s linear infinite;-webkit-mask-image:radial-gradient(circle,transparent 52%,#000 53%);mask-image:radial-gradient(circle,transparent 52%,#000 53%)}
.ls-core{position:absolute;left:50%;top:50%;width:46%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:radial-gradient(circle at 50% 30%,#161c28,#090c12 72%);border:1px solid var(--line2)}
.ls-core img{width:44%}
.ls-core span{font:600 clamp(18px,2.6vw,30px)/1 "Readex Pro",sans-serif;letter-spacing:-.03em;color:var(--txt)}
.ls-text h2{font-size:clamp(34px,4.4vw,60px);margin-bottom:24px}
.ls-text p{font-size:16.5px;line-height:2.1;color:var(--mut);max-width:560px;margin-bottom:16px}
.ls-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:34px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.ls-facts li{background:var(--bg2);padding:20px 18px}
.ls-facts small{display:block;font-size:12px;color:var(--dim);margin-bottom:6px}
.ls-facts b{font-weight:500;font-size:14.5px;color:var(--txt);line-height:1.6}
@media (max-width:900px){.ls-grid{grid-template-columns:1fr;gap:48px}.ls-visual{width:min(86%,380px)}.ls-facts{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.ls-ring,.ls-sweep{animation:none}}

/* ---------- hero dial v6: dragonfly compound eye, ripples, halo, tilt ---------- */
.dial{transform:perspective(1200px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .25s ease-out;transform-style:flat}
.dial-halo{position:absolute;inset:-6%;border-radius:50%;background:radial-gradient(circle,var(--glow),transparent 62%);animation:halo 6s ease-in-out infinite;pointer-events:none}
@keyframes halo{0%,100%{opacity:.55;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}
.dial-eye{position:absolute;inset:0;width:100%;height:100%;animation:spinr 140s linear infinite}
.dial-eye polygon{fill:var(--green);fill-opacity:.05;stroke:rgba(255,255,255,.22);stroke-width:.8;animation:facet 5.5s ease-in-out infinite;animation-delay:calc(var(--d) * 2.8s + var(--j) * .9s)}
@keyframes facet{0%,100%{fill-opacity:.04;stroke-opacity:.5}38%{fill-opacity:.95;stroke-opacity:1}60%{fill-opacity:.14}}
.ripple{position:absolute;left:50%;top:50%;width:34%;aspect-ratio:1;border-radius:50%;border:1.5px solid var(--green);transform:translate(-50%,-50%) scale(1);opacity:0;animation:ripple 4.8s cubic-bezier(.2,.6,.3,1) infinite;pointer-events:none}
.ripple.r2{animation-delay:2.4s}
@keyframes ripple{0%{opacity:.7;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) scale(2.7)}}
.dial-core{transform:translate(calc(-50% + var(--px,0) * 12px),calc(-50% + var(--py,0) * 12px));transition:transform .2s ease-out;z-index:3}
.dial-core:before{content:"";position:absolute;inset:-9px;border-radius:50%;border:1px solid var(--line2);opacity:.7}
.dial-core img{animation:floaty 5s ease-in-out infinite}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.orbit{z-index:4}
@media (prefers-reduced-motion:reduce){.dial-eye,.dial-halo,.ripple,.dial-core img,.dial-eye polygon{animation:none}.dial-eye polygon{fill-opacity:.25}}

/* ===== shared LIGHT patch: flips the dark base to a light surface ===== */
:root{
  --bg:#fbfaf6;--bg2:#f2f0e9;--card:#ffffff;--card2:#faf9f4;
  --line:rgba(11,14,20,.1);--line2:rgba(11,14,20,.22);
  --txt:#0b0e14;--mut:#4a5160;--dim:#7c8290;
  --green:#8ec24b;--green2:#4a7a17;--glow:rgba(142,194,75,.28);
  --paper:#f2f0e9;--ink:#0b0e14;--ivory:#f4f2ea;
  color-scheme:light;
}
body:before{display:none}
::selection{background:var(--green);color:#0b0e14}
.header-wrap{background:rgba(251,250,246,.78)}
.header-wrap.scrolled{background:rgba(251,250,246,.94)}
.announcement{color:var(--mut)}
/* buttons: ink fill */
.btn-green,.nav-cta{background:var(--ink);color:#fff;box-shadow:none}
.btn-green:hover,.nav-cta:hover{background:#1c2230;box-shadow:0 18px 36px -16px rgba(11,14,20,.5)}
.btn-ghost{border-color:var(--line2);color:var(--txt)}
.btn-ghost:hover{border-color:var(--ink);color:var(--ink)}
.chip.is-active{background:var(--ink);border-color:var(--ink);color:#fff}
.chips span{background:#fff}
.eyebrow b{background:none!important;color:var(--green2)!important}
.step-n{background:transparent;color:var(--green2);border:1px solid rgba(74,122,23,.5)}
.check-list li:before{background:var(--green);color:#0b0e14}
.lang-switch:hover{border-color:var(--ink);color:var(--ink)}
.menu-toggle span{background:var(--txt)}
/* hero */
.g1{background:rgba(142,194,75,.28)}
.g2{background:rgba(255,214,120,.22)}
.grid-lines{opacity:.5}
.hero-leaf{opacity:.07}
.dial-ring .r1,.dial-ring .r2,.dial-ring .r3{stroke:rgba(11,14,20,.18)}
.dial-ring .r2{stroke:rgba(74,122,23,.5)}
.dial-ring .r3{stroke:rgba(74,122,23,.25)}
.dial-ring .tk{stroke:rgba(11,14,20,.34)}
.dial-ring .tk-major{stroke:var(--green2)}
.dial-ring .arc{stroke:var(--green);filter:none}
.sweep{background:conic-gradient(from 0deg,transparent 0 78%,rgba(142,194,75,.4) 100%)}
.node-chip{background:#fff;box-shadow:0 12px 30px -14px rgba(11,14,20,.35)}
.node-n{background:var(--ink);color:#fff;border:0}
.dial-core{background:#fff;box-shadow:0 30px 80px -30px rgba(11,14,20,.35)}
.dial-core img{filter:none}
.stat b{color:var(--txt)}
/* domino */
.domino-bg{display:none}
.domino-section{background:var(--bg2)}
.domino-section:before,html[dir="rtl"] .domino-section:before{display:none}
.domino-inner p{color:var(--mut)}
.domino{background:linear-gradient(160deg,#1c2230,#0b0e14);border-color:rgba(11,14,20,.6);box-shadow:0 14px 24px -12px rgba(11,14,20,.5)}
.domino:before{background:rgba(255,255,255,.35)}
.domino:first-child{background:linear-gradient(160deg,#b9e46f,var(--green));border-color:rgba(11,14,20,.4);box-shadow:0 14px 30px -10px var(--glow)}
.domino:first-child:before{background:rgba(11,14,20,.4)}
.domino:first-child:after{background:radial-gradient(circle,#0b0e14 2.6px,transparent 3.2px) 0 0/100% 33px;opacity:.8}
/* pillars / cards */
.pillar{background:#fff;box-shadow:0 20px 50px -34px rgba(11,14,20,.35)}
.pillar:before{display:none}
.pillar:hover{border-color:var(--ink);box-shadow:0 34px 60px -30px rgba(11,14,20,.4)}
.pillar-n{-webkit-text-stroke:1px rgba(11,14,20,.18)}
.pillar-ico,.value-ico{background:var(--bg2);border-color:transparent;color:var(--ink)}
.value:hover .value-ico{background:var(--ink);color:#fff}
.pillar:hover,.work-item:hover,.way-card:hover,.post-card:hover{border-color:var(--ink)}
.pillar,.post-card,.way-card,.kpi,.value,.market-card{background-image:none}
.value,.market-card,.way-card,.post-card,.kpi{background-color:#fff}
.values,.kpi-grid,.ls-facts{background:var(--line)}
.kpi{background:#fff}.kpi:hover{background:var(--card2)}
.value{background:#fff}.value:hover{background:var(--card2)}
.kpi-section,.logo-story,.platforms,.partner-strip{background:var(--bg2)}
.ls-facts li{background:#fff}
/* sections that were light become the dark rhythm band */
.section.light,.why-section{background:var(--ink);color:#f2f0ea;--txt:#f2f0ea;--mut:#a3a9b6;--line:rgba(255,255,255,.14)}
.light .lead,.light p{color:#a3a9b6}
.light .eyebrow,.why-section .eyebrow{color:#a3a9b6}
.light .eyebrow i,.why-section .eyebrow i{background:var(--green)}
.why-list{border-top-color:rgba(255,255,255,.16)}
.why-list li{border-bottom-color:rgba(255,255,255,.16)}
.why-list li:hover{background:rgba(255,255,255,.05)}
.why-list li span{color:var(--green)}
.why-list li p{color:#f2f0ea}
.light em,.why-section em{color:var(--green);-webkit-text-fill-color:var(--green);background:none}
.why-leaf{filter:none;opacity:1}
/* work imagery: full colour */
.work-row img,.work-item img,.case-pics img{filter:none}
.partner-strip img{filter:grayscale(1) contrast(.9);opacity:.75}
.partner-strip img:hover{filter:none;opacity:1}
/* mega, widget, form, to-top */
.mega:before{background:#fff;box-shadow:0 30px 60px -24px rgba(11,14,20,.35)}
.mega a:hover{background:var(--bg2)}
.to-top{background:#fff;color:var(--ink)}
.wa-menu a{background:var(--bg2)}
.form-grid input,.form-grid select,.form-grid textarea{background:#fff}
.platforms span{-webkit-text-stroke:1px rgba(11,14,20,.35)}
.platforms span:hover{color:var(--ink);-webkit-text-stroke-color:var(--ink)}
.ls-ring .tk{stroke:rgba(11,14,20,.34)}
.ls-ring .tk-major{stroke:var(--green2)}
.ls-ring .ls-c{stroke:rgba(11,14,20,.14)}
.ls-ring .ls-c2{stroke:rgba(74,122,23,.45)}
.ls-sweep{background:conic-gradient(from 0deg,transparent 0 82%,rgba(142,194,75,.4) 100%)}
.ls-core{background:#fff;box-shadow:0 30px 80px -30px rgba(11,14,20,.35)}
.takeaways,.profile-inner{background:#fff}
.case{background:#fff}
.page-hero-glow{background:radial-gradient(circle,rgba(142,194,75,.3),transparent 68%)}
.logo .brand-leaf{filter:none}
/* footer = dark ink for contrast */
.footer{background:#0b0e14;--txt:#f2f0ea;--mut:#a3a9b6;--dim:#707786;--line:rgba(255,255,255,.12);--line2:rgba(255,255,255,.24);--green2:#b9de80;color:#f2f0ea}
.footer .logo{color:#fff}
.footer-glow{background:radial-gradient(ellipse,rgba(142,194,75,.14),transparent 70%)}
.footer .social-links a:hover{background:var(--green);color:#0b0e14}
/* header logo on light */
.site-header .logo{color:var(--txt)}
/* CTA default (overridden per design) */
.cta-section{background:var(--ink);color:#f2f0ea}
.cta-glow{background:radial-gradient(circle at 85% -10%,rgba(142,194,75,.3),transparent 55%)}
.cta-leaf{opacity:.12;filter:none}
.cta-section h2,.cta-section .eyebrow{color:#f2f0ea}
.cta-section .eyebrow i{background:var(--green)}
.cta-section em{color:var(--green);-webkit-text-fill-color:var(--green);text-shadow:none}
.cta-section p{color:#b4bac6}
.cta-section .btn-green{background:var(--green);color:#0b0e14}
.cta-section .btn-green:hover{background:#b9e46f}
.cta-meta .social-links a{border-color:rgba(255,255,255,.35);color:#fff}
.cta-meta .social-links a:hover{background:var(--green);color:#0b0e14;border-color:var(--green)}
/* partner logos are white-on-transparent: render them as ink silhouettes on light */
.partner-strip img,.logo-cell img,.plogo{filter:brightness(0);opacity:.72}
.partner-strip img:hover,.logo-cell:hover img{filter:brightness(0);opacity:1}
.footer .partner-strip img{filter:none}
.dial-eye polygon{stroke:rgba(11,14,20,.4)}

/* ===== MERGED — "Atelier Pop": airy floating layout (design 1) + giant type, lime blocks, hard-shadow buttons (design 3) ===== */
:root{--bg:#f6f4ec;--bg2:#eeebdf;--lime:#b9ec45;--green:#b9ec45;--green2:#2c5208;--ink:#0b0e14;--sx:4px;--r:28px;--glow:rgba(185,236,69,.5);--line:rgba(11,14,20,.1);--line2:rgba(11,14,20,.24)}
html[dir="rtl"]{--sx:-4px}
html[lang="ar"]{--fh:"Reem Kufi","Readex Pro",sans-serif}
body{background:var(--bg)}
h1,h2,h3{font-weight:700}
html[lang="en"] h1,html[lang="en"] h2{letter-spacing:-.045em;line-height:1}
html[lang="ar"] h1,html[lang="ar"] h2{line-height:1.22}
.sec-head h2,.page-hero h1{font-size:clamp(42px,6.4vw,104px)}
h2{font-size:clamp(40px,6vw,96px)}
em{background:linear-gradient(transparent 58%,var(--lime) 58% 92%,transparent 92%);color:var(--ink);-webkit-text-fill-color:var(--ink);padding:0 .12em;margin:0 -.12em}
.section{padding:140px 0}
.section+.section{border-top:0}
/* floating pill header */
.announcement{display:none}
.header-wrap{background:none;backdrop-filter:none;-webkit-backdrop-filter:none;border:0;padding:12px 16px 0}
.header-wrap.scrolled{background:none;border:0}
.site-header{max-width:1180px;height:68px;padding:0 14px 0 24px;border-radius:99px;background:rgba(255,255,255,.85);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border:1.5px solid var(--ink);box-shadow:var(--sx) 4px 0 var(--ink)}
html[dir="rtl"] .site-header{padding:0 24px 0 14px}
.nav>a:not(.nav-cta),.has-menu>a{color:var(--ink);font-weight:500}
.nav>a:not(.nav-cta):after{background:var(--ink);height:2px}
.site-header .logo b,.site-header .logo i{color:var(--ink);background:var(--lime);padding:0 4px;border-radius:5px}
.site-header .logo i{padding:0 3px}
.lang-switch{border:1.5px solid var(--ink);font-weight:600;color:var(--ink)}
.lang-switch:hover{background:var(--ink);color:var(--lime)}
/* buttons: lime + ink, hard shadow */
.btn,.nav-cta{border:2px solid var(--ink);box-shadow:var(--sx) 3px 0 var(--ink);font-weight:600;transition:transform .15s,box-shadow .15s}
.btn{padding:17px 30px}
.btn-green,.nav-cta{background:var(--lime);color:var(--ink)}
.btn-green:hover,.nav-cta:hover{background:var(--lime);transform:translate(calc(var(--sx) * -.4),-2px);box-shadow:calc(var(--sx) * 1.5) 6px 0 var(--ink)}
.nav-cta{box-shadow:calc(var(--sx) * .5) 2px 0 var(--ink);padding:11px 22px}
.btn-ghost{background:#fff;color:var(--ink);border-color:var(--ink)}
.btn-ghost:hover{background:#fff;color:var(--ink);border-color:var(--ink);transform:translate(calc(var(--sx) * -.4),-2px)}
.eyebrow{display:inline-flex;background:var(--ink);color:var(--lime);padding:7px 16px;border-radius:99px;font-weight:600}
.eyebrow i{display:none}
.eyebrow b{color:var(--lime)!important}
.why-section .eyebrow,.footer .eyebrow{background:var(--lime);color:var(--ink)}
/* hero */
.hero{padding:90px 0 120px}
.hero h1{font-size:clamp(50px,7.2vw,116px);font-weight:700}
html[lang="en"] .hero h1{font-size:clamp(48px,7vw,112px);line-height:.98}
.hero-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(60% 50% at 85% 5%,rgba(185,236,69,.5),transparent 70%),radial-gradient(45% 45% at 0% 100%,rgba(255,206,120,.25),transparent 70%)}
.g1,.g2{display:none}
.dial-ring .r1,.dial-ring .r2,.dial-ring .r3{stroke:var(--ink);stroke-width:1.2;stroke-opacity:.5}
.dial-ring .r2{stroke-dasharray:2 8;stroke-opacity:.7}
.dial-ring .tk{stroke:var(--ink);stroke-width:1.3}
.dial-ring .tk-major{stroke:var(--ink);stroke-width:3}
.dial-ring .arc{stroke:var(--ink);stroke-width:4.5}
.sweep{background:conic-gradient(from 0deg,transparent 0 77%,rgba(185,236,69,.9) 100%)}
.node-chip{background:#fff;border:1.5px solid var(--ink);box-shadow:3px 3px 0 var(--ink);font-weight:600}
.node-n{background:var(--lime);color:var(--ink);border:1.5px solid var(--ink)}
.dial-core{background:var(--lime);border:2px solid var(--ink);box-shadow:var(--sx) 5px 0 var(--ink)}
.stats{border-top:1.5px solid var(--ink)}
.stat{border-inline-end:1.5px solid var(--line2)}
.stat b{font-weight:700;font-size:48px}
.stat span{color:var(--ink);font-weight:500}
/* strips */
.partner-strip{background:#fff;border-block:1.5px solid var(--ink)}
.platforms{background:var(--ink);border:0}
.platforms .eyebrow{background:var(--lime);color:var(--ink)}
.platforms span{color:transparent;-webkit-text-stroke:1.5px var(--lime)}
.platforms span:hover{color:var(--lime);-webkit-text-stroke-color:var(--lime)}
/* floating blocks: domino (lime), why (ink), CTA (lime) */
.domino-section{background:var(--lime);margin:24px 20px;border-radius:44px;border:1.5px solid var(--ink);padding:130px 0 140px}
.domino-section .eyebrow{background:var(--ink);color:var(--lime)}
.domino-inner p{color:#1d2a05}
.domino-row{border-bottom:1.5px solid var(--ink)}
.domino{background:linear-gradient(160deg,#252c3a,var(--ink));border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink)}
.domino:first-child{background:#fff}
.why-section{margin:0 20px;border-radius:44px;border:0}
.light em,.why-section em{background:var(--lime);color:var(--ink);-webkit-text-fill-color:var(--ink);padding:0 .18em;border-radius:.12em}
.why-list li span{color:var(--lime);font-weight:700}
.cta-section{background:var(--lime);color:var(--ink);margin:24px 20px 0;border-radius:44px;border:1.5px solid var(--ink);padding:150px 0}
.cta-glow{background:none}
.cta-leaf{opacity:.14;filter:brightness(0)}
.cta-section h2{font-size:clamp(52px,9vw,148px);line-height:.98;color:var(--ink)}
html[lang="ar"] .cta-section h2{line-height:1.15}
.cta-section em{background:var(--ink);color:var(--lime);-webkit-text-fill-color:var(--lime);padding:0 .18em;border-radius:.12em}
.cta-section p{color:#1d2a05;font-weight:500}
.cta-section .eyebrow{background:var(--ink);color:var(--lime)}
.cta-section .btn-green{background:var(--ink);color:var(--lime);box-shadow:var(--sx) 4px 0 #fff}
.cta-meta .social-links a{border:2px solid var(--ink);color:var(--ink)}
.cta-meta .social-links a:hover{background:var(--ink);color:var(--lime)}
/* cards: soft surface, ink on hover; featured pillar lime */
.pillar,.post-card,.way-card,.case,.market-card,.takeaways,.profile-inner,.aside-card,.wa-card,.industry-card,.big-step,.vm-card,.req-form,.logo-wall{background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:0 30px 60px -44px rgba(11,14,20,.4)}
.pillar:hover,.post-card:hover,.way-card:hover,.market-card:hover{transform:translateY(-8px);border-color:var(--ink);background:#fff;box-shadow:var(--sx) 8px 0 var(--ink)}
.pillar:nth-child(2){background:var(--lime);border-color:var(--ink)}
.pillar:nth-child(2):hover{background:var(--lime)}
.pillar-n{-webkit-text-stroke:1.5px var(--ink)}
.pillar-ico,.value-ico{background:var(--lime);border:1.5px solid var(--ink);color:var(--ink);border-radius:16px}
.value:hover .value-ico{background:var(--ink);color:var(--lime)}
.values,.kpi-grid,.ls-facts{border:1.5px solid var(--ink);border-radius:var(--r);gap:1.5px;background:var(--ink);overflow:hidden}
.value,.kpi,.ls-facts li{background:#fff}
.value:hover,.kpi:hover{background:var(--lime)}
.step-n{background:var(--lime);color:var(--ink);border:1.5px solid var(--ink);border-radius:12px;font-weight:700}
.chips span,.tags span,.case-chips a{border:1.5px solid var(--ink);background:#fff;color:var(--ink);font-weight:500}
.chip{border:1.5px solid var(--ink);color:var(--ink);background:#fff;font-weight:600}
.chip.is-active,.chip:hover{background:var(--lime);border-color:var(--ink);color:var(--ink)}
.post-tag{border:1.5px solid var(--ink);color:var(--ink);background:var(--lime);font-weight:600}
.check-list li:before{background:var(--ink);color:var(--lime)}
.takeaways{background:var(--lime);border-color:var(--ink)}
.faq-item{border-bottom:1px solid var(--line2)}
.work-item,.case-pics img,.work-row img{border:0;border-radius:20px;box-shadow:0 24px 50px -30px rgba(11,14,20,.55)}
.work-item:hover{transform:translateY(-6px)}
.kpi-section,.logo-story{background:var(--bg2)}
.ls-core{background:var(--lime);border:2px solid var(--ink);box-shadow:var(--sx) 5px 0 var(--ink)}
.ls-ring .tk,.ls-ring .ls-c{stroke:var(--ink);stroke-width:.35}
.ls-ring .tk-major{stroke:var(--ink);stroke-width:.9}
.ls-ring .ls-c2{stroke:var(--ink);stroke-opacity:.5}
.ls-sweep{background:conic-gradient(from 0deg,transparent 0 80%,rgba(185,236,69,.95) 100%)}
.ls-facts b{color:var(--ink);font-weight:600}
/* footer: ink */
.footer{margin-top:24px;border:0}
.footer-mark{-webkit-text-stroke:1.5px rgba(185,236,69,.5)}
.footer-mark b{-webkit-text-stroke:1.5px var(--lime);color:var(--lime)}
.footer .logo b,.footer .logo i{color:var(--ink);background:var(--lime);padding:0 4px;border-radius:5px}
.footer-about .footer-slogan{color:var(--lime)}
/* misc */
.menu-toggle span{background:var(--ink)}
.mega:before{border:1.5px solid var(--ink);box-shadow:var(--sx) 5px 0 var(--ink);border-radius:18px}
.mega a:hover{background:var(--lime)}
.mega a span{color:var(--ink);font-weight:700}
.wa-menu{border:2px solid var(--ink);box-shadow:var(--sx) 4px 0 var(--ink)}
.to-top{border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);color:var(--ink);background:var(--lime)}
.progress i{background:var(--ink)}
.page-hero{border-bottom:0}
.page-hero-glow{background:radial-gradient(circle,rgba(185,236,69,.65),transparent 66%)}
@media (max-width:860px){.section{padding:90px 0}.site-header{border-radius:22px}.domino-section,.why-section,.cta-section{margin-inline:10px;border-radius:30px}.stat{border-inline-end:0}}
.footer-mark{font-size:clamp(56px,13.4vw,200px);letter-spacing:-.05em}
@media (max-width:680px){.stats{grid-template-columns:repeat(3,1fr)}.stat{padding-inline:0 10px;margin-inline-end:10px}.stat b{font-size:36px}.stat span{font-size:12px}}
/* merged: font = Readex Pro (as approved), medium weight headings */
html[lang="ar"],html[lang="en"]{--fh:"Readex Pro","IBM Plex Sans Arabic",Arial,sans-serif}
h1,h2{font-weight:500}
h3{font-weight:600}
html[lang="ar"] h1,html[lang="ar"] h2{line-height:1.3;letter-spacing:-.01em}
.hero h1{font-weight:500}
.sec-head h2,.page-hero h1,.cta-section h2,.stat b{font-weight:500}
.logo,.logo b{font-weight:600}
.dial-eye polygon{fill:var(--lime);stroke:rgba(11,14,20,.55);stroke-width:1}
.dial-halo{background:radial-gradient(circle,rgba(185,236,69,.55),transparent 62%)}
.ripple{border-color:var(--ink)}
.dial-core:before{border-color:var(--ink);opacity:.5}
/* luxury core: ink sphere, lime ring + glow */
.dial-core{background:radial-gradient(circle at 35% 25%,#2a3345 0,#0d1119 55%,#05070b 100%);border:2px solid var(--lime);box-shadow:0 0 0 7px rgba(185,236,69,.22),0 0 60px 6px rgba(185,236,69,.55),inset 0 -14px 30px rgba(0,0,0,.6),inset 0 10px 24px rgba(255,255,255,.12)}
.dial-core:before{border:1px solid rgba(11,14,20,.45);opacity:1;inset:-18px}
.dial-core:after{content:"";position:absolute;inset:7% 18% auto;height:30%;border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,.22),transparent);pointer-events:none}
.dial-core span{color:#fff}
.dial-core img{filter:drop-shadow(0 0 14px rgba(185,236,69,.85))}
.node-chip{box-shadow:3px 3px 0 var(--ink),0 14px 30px -12px rgba(11,14,20,.5)}