@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap');
:root{--ink:#172326;--muted:#667573;--cream:#f6f6ef;--green:#c5ed83;--dark:#113c36}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'IBM Plex Sans Arabic',Tahoma,Arial,sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(1200px,calc(100% - 64px));margin:auto}.header{border-bottom:1px solid #dce2d7}.nav{height:86px;display:flex;align-items:center;gap:55px}.brand{display:flex;gap:10px;align-items:center;font-size:21px;font-weight:700;line-height:1}.brand small{display:block;letter-spacing:2px;font-size:9px;margin-top:6px}.mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--dark);color:var(--green);font:700 15px Arial}.nav nav{display:flex;gap:35px;font-size:14px;font-weight:600}.nav-cta{margin-right:auto;font-size:14px;font-weight:700}.nav-cta span,.text-link span{margin-right:12px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding-top:100px;padding-bottom:115px}.eyebrow{font-size:13px;font-weight:700;color:#4e6c5a;display:flex;align-items:center;gap:9px}.eyebrow span{width:8px;height:8px;background:#83ba4e;border-radius:50%}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(48px,5.6vw,76px);line-height:1.28;letter-spacing:-2px;margin:25px 0}h1 em,h2 em{font-style:normal;color:#668c50}.hero-copy>p,.section-head>p,.odoo-copy>p,.contact p{font-size:17px;line-height:2;color:var(--muted);max-width:510px}.actions{display:flex;align-items:center;gap:30px;margin-top:36px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:16px 22px;border-radius:6px;font-weight:700;font-size:14px}.primary{background:var(--dark);color:#fff}.text-link{font-size:14px;font-weight:700}.hero-foot{display:flex;align-items:center;gap:15px;margin-top:70px;color:#7b8984;font-size:12px}.hero-foot i{width:4px;height:4px;background:#a6b7a4;border-radius:50%}.hero-art{position:relative;background:#e2edda;padding:38px 25px 34px;border-radius:14px;box-shadow:0 25px 70px #28483512;transform:rotate(-2deg)}.art-top{background:#fff;border-radius:10px 10px 0 0;padding:15px 18px;display:flex;justify-content:space-between;color:#81918a;font-size:10px}.dots{color:#b3c9ae}.art-body{background:#fff;display:flex;height:290px;border-top:1px solid #eff2ee;border-radius:0 0 10px 10px;overflow:hidden}.art-side{width:52px;background:#f7f9f5;display:flex;align-items:center;flex-direction:column;gap:23px;color:#a7bbb0;padding:15px}.side-icon{background:var(--dark);color:var(--green);font:700 10px Arial;padding:8px;border-radius:6px}.art-content{flex:1;padding:22px}.art-heading{display:flex;justify-content:space-between}.art-heading small,.art-heading strong{display:block}.art-heading small{font-size:10px;color:#9ba9a2}.art-heading strong{font-size:16px;margin-top:5px}.art-heading>span{color:#77a55b}.mini-cards{display:flex;gap:8px;margin-top:20px}.mini-cards div{background:#f5f8f2;padding:12px;flex:1;border-radius:6px}.mini-cards small,.mini-cards b{display:block;font-size:9px}.mini-cards small{color:#98a69e}.mini-cards b{margin-top:8px;font-size:11px}.mini-cards span{color:#86ab6e}.chart{margin-top:15px;border:1px solid #edf1eb;border-radius:6px;padding:12px}.chart-label{font-size:10px;color:#71847b;display:flex;justify-content:space-between}.bars{height:55px;display:flex;align-items:end;gap:8px;margin-top:8px}.bars i{flex:1;background:#c5e6b5;border-radius:3px 3px 0 0}.bars i:nth-child(3n){background:#70a877}.bars i:nth-child(1){height:28%}.bars i:nth-child(2){height:50%}.bars i:nth-child(3){height:42%}.bars i:nth-child(4){height:62%}.bars i:nth-child(5){height:53%}.bars i:nth-child(6){height:78%}.bars i:nth-child(7){height:65%}.bars i:nth-child(8){height:84%}.bars i:nth-child(9){height:75%}.bars i:nth-child(10){height:100%}.floating{position:absolute;left:-30px;bottom:24px;background:#fff;padding:15px 18px;border-radius:9px;display:flex;gap:12px;box-shadow:0 15px 30px #24453520}.floating>span{color:#669b55;font-size:25px}.floating b,.floating small{display:block;font-size:11px}.floating small{color:#9ba9a2;margin-top:4px}.strip{background:#dcebd0}.strip-inner{display:flex;justify-content:space-between;padding:21px 0;color:#335849;font-weight:700}.strip-inner b{color:#7da76c}.section{padding-top:125px;padding-bottom:125px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:55px}.section-head>p{max-width:370px;font-size:15px}h2{font-size:clamp(36px,4vw,54px);line-height:1.4;letter-spacing:-1px;margin:20px 0}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.service{min-height:320px;border:1px solid #dbe3d7;border-radius:9px;padding:27px;display:flex;flex-direction:column;background:#fafbf6}.service.featured{background:#e8f2dd}.service-num{font-size:11px;color:#728978}.service-icon{font-size:32px;color:#568764;margin:35px 0 18px}.service h3{font-size:21px;margin-bottom:12px}.service p,.steps p{font-size:14px;color:#728079;line-height:1.9}.service a{margin-top:auto;font-size:13px;font-weight:700}.service a span{float:left}.odoo{background:var(--dark);color:#f4f8ed;padding:100px 0}.odoo-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.odoo-visual{height:440px;position:relative;display:grid;place-items:center;direction:ltr}.orbit{position:absolute;border:1px solid #ffffff20;border-radius:50%}.orbit-one{width:300px;height:300px}.orbit-two{width:430px;height:430px}.odoo-core{width:165px;height:165px;background:#c5ed83;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#204837;font-size:40px;font-weight:700;letter-spacing:-3px}.odoo-core span{font-size:11px;letter-spacing:0}.orbit-tag{position:absolute;background:#24564c;border:1px solid #ffffff20;border-radius:7px;padding:12px 16px;font-size:12px;direction:rtl}.orbit-tag b{color:#bfe981;margin-right:15px}.tag-a{top:45px;right:40px}.tag-b{bottom:64px;right:30px}.tag-c{top:110px;left:0}.tag-d{bottom:115px;left:0}.light{color:#bad4bb}.odoo h2 em,.contact h2 em{color:var(--green)}.odoo-copy>p{color:#bad1c7;font-size:15px}.odoo-list{margin:30px 0}.odoo-list div{padding:14px 0;border-bottom:1px solid #ffffff20;font-size:14px}.odoo-list b{color:#8db899;margin-left:20px;font-size:11px}.light-button{background:var(--green);color:var(--dark)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.steps article{border-top:1px solid #a8b9a6;padding-top:25px}.steps span{color:#6c9a69;font-size:13px}.steps h3{font-size:22px;margin:30px 0 10px}.contact{background:#183e38;color:white;border-radius:12px;padding:65px;display:flex;align-items:center;justify-content:space-between;gap:40px}.contact p{color:#bed0c5;font-size:15px}.contact-note{min-width:250px;border:1px solid #ffffff35;border-radius:8px;padding:25px}.contact-note>span{color:var(--green);font-size:24px}.contact-note b{display:block;margin:18px 0 5px}.contact-note p{font-size:12px;margin:0}.footer{display:flex;align-items:center;gap:25px;padding-top:50px;padding-bottom:50px}.footer p{font-size:12px;color:#84928a;margin:0}.footer>span{margin-right:auto;color:#84928a;font-size:12px}@media(max-width:800px){.wrap{width:min(100% - 36px,600px)}.nav{height:72px;gap:15px}.nav nav{display:none}.hero{grid-template-columns:1fr;gap:55px;padding:70px 0 80px}.hero-foot{margin-top:35px}.hero-art{transform:none}.section{padding:80px 0}.section-head{display:block}.services,.steps,.odoo-grid{grid-template-columns:1fr}.service{min-height:260px}.odoo-grid{gap:35px}.odoo-visual{height:350px;order:2}.orbit-two{width:330px;height:330px}.orbit-one{width:240px;height:240px}.tag-a{right:0}.tag-b{right:0}.contact{padding:35px;display:block}.contact-note{margin-top:25px}.footer{flex-wrap:wrap}.strip-inner{font-size:12px}.floating{left:-8px}.art-content{padding:15px}.hero h1{font-size:48px}.footer>span{margin-right:0}}
.lang{font:700 12px Arial;color:#44665a;border:1px solid #c9d8c8;border-radius:20px;padding:8px 12px;margin-right:auto}.nav-cta{margin-right:0}.social{display:flex;gap:14px;font:600 12px Arial;color:#557266}.social a:hover,.lang:hover{color:#183e38;text-decoration:underline}[dir=ltr] .nav-cta{margin-left:0}[dir=ltr] .lang{margin-right:0;margin-left:auto}[dir=ltr] .footer>span{margin-right:0;margin-left:auto}[dir=ltr] .service a span{float:right}[dir=ltr] .odoo-list b{margin-left:0;margin-right:20px}[dir=ltr] .nav-cta span,[dir=ltr] .text-link span{margin-right:0;margin-left:12px}[dir=ltr] h1,[dir=ltr] h2{letter-spacing:-2px}[dir=ltr] .odoo-core span{letter-spacing:0}@media(max-width:800px){.lang{margin-right:auto}.nav-cta{font-size:12px}[dir=ltr] .lang{margin-left:auto}.footer>span,[dir=ltr] .footer>span{margin:0}}
.services{grid-template-columns:repeat(4,1fr)}.contact-social{display:inline-block;color:var(--green);font-weight:700;font-size:13px;margin-top:15px}@media(max-width:1000px){.services{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.services{grid-template-columns:1fr}}
/* Akwad social identity: vivid violet, white and deep indigo. */
:root{--ink:#201735;--muted:#6e6881;--cream:#faf9ff;--green:#c5afff;--dark:#241447}
body{background:#faf9ff}.header{background:rgba(250,249,255,.96);border-color:#e8e1f4}.brand{letter-spacing:.01em}.brand small{color:#7455b2}.mark{background:#632cf4;color:white;border-radius:12px;box-shadow:0 8px 20px #632cf42a}.nav nav a:hover,.text-link:hover,.service a:hover{color:#632cf4}.nav-cta{color:#5725da}.lang{color:#5725da;border-color:#ded0ff}.hero{padding-top:96px;padding-bottom:105px}.hero-copy h1 em,.section-head h2 em{color:#632cf4}.eyebrow{color:#6b4bb6}.eyebrow span{background:#7040f5;box-shadow:0 0 0 4px #eee8ff}.hero-copy>p,.section-head>p{color:#716b82}.primary{background:#632cf4;box-shadow:0 12px 24px #632cf42b}.primary:hover{background:#4d1dcc}.hero-foot{color:#8e83a3}.hero-foot i{background:#ad96e2}.hero-art{background:linear-gradient(140deg,#6b35f5,#4920b0);box-shadow:0 28px 70px #5523c440;transform:rotate(-2deg);border-radius:24px;padding:30px}.art-top{color:#8b7e9f;background:#fbfaff}.dots{color:#9b79ee}.art-body{background:#fff;border-color:#eee9fa;height:300px}.art-side{background:#f7f3ff;color:#ad9acb}.side-icon{background:#632cf4;color:#fff}.art-heading small{color:#a496b9}.art-heading>span{color:#6d35ed}.mini-cards div{background:#f6f2ff}.mini-cards small{color:#9a8cb0}.mini-cards span{color:#6d35ed}.chart{border-color:#eee8fa}.chart-label{color:#827598}.bars i{background:#d4c4ff}.bars i:nth-child(3n){background:#7c4bf3}.floating{border:1px solid #efe8ff}.floating>span{color:#713cf4}.strip{background:#eee8ff}.strip-inner{color:#4b337c}.strip-inner b{color:#6e35f6}.service{background:#fff;border-color:#e8e0f4;box-shadow:0 12px 35px #31125708;transition:transform .2s,box-shadow .2s}.service:hover{transform:translateY(-5px);box-shadow:0 18px 40px #4e1eb514}.service.featured{background:#f0eaff;border-color:#dfd0ff}.service-num{color:#8c7aa9}.service-icon{color:#6933ee}.service p,.steps p{color:#777087}.odoo{background:linear-gradient(130deg,#23113f,#362064 75%,#4d249d)}.odoo-copy>p,.contact p{color:#d5cce9}.odoo h2 em,.contact h2 em{color:#cbb6ff}.light{color:#d0bee9}.light .eyebrow span,.light span{background:#bca3ff}.odoo-core{background:#a984ff;color:#241447;box-shadow:0 0 65px #a984ff40}.orbit-tag{background:#463077;border-color:#ffffff30}.orbit-tag b{color:#dbc9ff}.odoo-list b{color:#bda4f1}.light-button{background:#eee7ff;color:#3c2070}.light-button:hover{background:#fff}.steps article{border-color:#d4c6e9}.steps span{color:#7544e3}.contact{background:linear-gradient(115deg,#32156b,#6128e8);box-shadow:0 25px 65px #4f22ba22}.contact-note{background:#ffffff0b;border-color:#ffffff42}.contact-note>span,.contact-social{color:#e0ceff}.footer{color:#31233f}.social{color:#735ba4}.social a:hover,.lang:hover{color:#632cf4}.footer p,.footer>span{color:#958aa4}a:focus-visible{outline:3px solid #9d78ff;outline-offset:4px}
.brand-logo{display:block;width:58px;height:58px;object-fit:cover;border-radius:12px;flex:none}.footer .brand-logo{width:48px;height:48px;border-radius:10px}@media(max-width:800px){.brand-logo{width:48px;height:48px}}
/* Motion and interaction */
.scroll-progress{position:fixed;z-index:100;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#632cf4,#c19bff);transform:scaleX(0);transform-origin:left;pointer-events:none}.header{position:sticky;top:0;z-index:50;transition:box-shadow .3s,background .3s;backdrop-filter:blur(16px)}.header.scrolled{background:rgba(250,249,255,.91);box-shadow:0 9px 30px #28104b12}.nav nav a{position:relative}.nav nav a:after{content:'';position:absolute;bottom:-8px;right:0;width:100%;height:2px;background:#713af4;transform:scaleX(0);transform-origin:right;transition:transform .25s}.nav nav a:hover:after,.nav nav a:focus-visible:after{transform:scaleX(1)}.menu-toggle{display:none}.hero{position:relative;isolation:isolate}.hero:before{content:'';position:absolute;z-index:-1;width:450px;height:450px;left:0;top:0;background:radial-gradient(circle,#e9dfff 0%,transparent 68%);filter:blur(10px);pointer-events:none}.hero-copy{animation:hero-in .8s both}.hero-art{animation:art-in 1s .12s both}.button{transition:transform .25s,box-shadow .25s,background .25s}.button:hover{transform:translateY(-3px);box-shadow:0 16px 30px #5024bb32}.button span,.service a span,.nav-cta span{display:inline-block;transition:transform .25s}.button:hover span,.service a:hover span,.nav-cta:hover span{transform:translate(-4px,-4px)}.floating{animation:float 5s ease-in-out infinite}.bars i{transform-origin:bottom;animation:bar-in 1s .6s both}.bars i:nth-child(2n){animation-delay:.8s}.bars i:nth-child(3n){animation-delay:1s}.service{position:relative;overflow:hidden}.service:before{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#632cf4,#c6a7ff);transform:scaleX(0);transition:transform .3s;transform-origin:right}.service:hover:before,.service:focus-within:before{transform:scaleX(1)}.service-icon{transition:transform .3s}.service:hover .service-icon{transform:translateY(-5px) rotate(-8deg)}.odoo{position:relative;overflow:hidden}.odoo:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,#8f53fa30,transparent 40%);pointer-events:none}.orbit-one{animation:orbit-pulse 7s ease-in-out infinite}.orbit-two{animation:orbit-pulse 7s 1s ease-in-out infinite}.odoo-core{animation:core-float 6s ease-in-out infinite}.tag-a,.tag-c{animation:float 6s ease-in-out infinite}.tag-b,.tag-d{animation:float 6s 1s ease-in-out infinite}.contact{position:relative;overflow:hidden}.contact:before{content:'';position:absolute;width:340px;height:340px;border:1px solid #ffffff20;border-radius:50%;left:-110px;top:-140px;box-shadow:0 0 0 55px #ffffff08,0 0 0 110px #ffffff06;pointer-events:none}.contact>*{position:relative}.will-reveal{opacity:0;transform:translateY(28px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}.will-reveal.is-visible{opacity:1;transform:translateY(0)}.service:nth-child(2),.steps article:nth-child(2){transition-delay:.08s}.service:nth-child(3),.steps article:nth-child(3){transition-delay:.16s}.service:nth-child(4){transition-delay:.24s}@keyframes hero-in{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes art-in{from{opacity:0;transform:translateY(25px) rotate(0)}to{opacity:1;transform:translateY(0) rotate(-2deg)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes core-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes orbit-pulse{0%,100%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}@keyframes bar-in{from{transform:scaleY(.1);opacity:.3}to{transform:scaleY(1);opacity:1}}
@media(max-width:800px){.menu-toggle{display:flex;order:2;flex-direction:column;justify-content:center;gap:6px;width:42px;height:42px;border:1px solid #e1d8f1;border-radius:10px;background:#fff;cursor:pointer;padding:10px}.menu-toggle span{display:block;width:20px;height:2px;background:#4c2a82;transition:transform .2s}.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)}.nav nav.open{display:flex;position:absolute;top:72px;left:0;right:0;padding:22px 26px;background:#faf9ff;box-shadow:0 14px 20px #28104b16;flex-direction:column;gap:20px}.nav .lang{order:1}.nav .nav-cta{display:none}.hero-art{animation:hero-in .8s .12s both}.hero:before{width:280px;height:280px}.service:hover{transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.will-reveal{opacity:1;transform:none}}