@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Readex+Pro:wght@500;600;700&display=swap');
:root{--ink:#10182d;--paper:#f2f0eb;--chalk:#fcfcfa;--signal:#ec5b38;--aqua:#0d8f8d;--muted:#697485;--line:#c8c9c5}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.75 'IBM Plex Sans Arabic',sans-serif}a{text-decoration:none;color:inherit}.announcement{display:none}header{height:86px;padding:0 5.5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--paper);z-index:10}.brand{font:700 26px 'Readex Pro';display:flex;gap:9px;align-items:center}.brand i{width:18px;height:18px;background:var(--signal);clip-path:polygon(0 0,100% 0,100% 35%,38% 35%,38% 100%,0 100%)}.brand span{font:10px 'IBM Plex Sans Arabic';color:var(--muted)}nav{display:flex;gap:24px;align-items:center;font-size:14px;font-weight:600}.nav-cta,.button.primary{background:var(--ink)!important;color:#fff!important;padding:12px 18px}.menu{display:none}.hero{min-height:690px;padding:0 5.5vw;display:grid;grid-template-columns:1.15fr .85fr;border-bottom:1px solid var(--line)}.hero-copy{align-self:center;padding:90px 0}.eyebrow{font:11px 'Readex Pro';letter-spacing:.8px;color:var(--aqua)}h1{font:600 clamp(44px,5.5vw,82px)/1.17 'Readex Pro';letter-spacing:-3px;margin:16px 0 24px}h1 em{color:var(--signal);font-style:normal}.lede{font-size:18px;color:#465268;max-width:610px}.actions{display:flex;gap:12px;margin-top:32px}.button{display:inline-flex;justify-content:center;align-items:center;padding:12px 19px;font-weight:700}.ghost{border-bottom:2px solid var(--ink)}.hero-system{margin-right:7vw;background:var(--ink);position:relative;overflow:hidden}.hero-system:before{content:'MAP / 01';position:absolute;top:28px;right:30px;color:#9aa7b6;font:11px 'Readex Pro'}.hero-system:after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,transparent 48%,#ffffff10 48%,#ffffff10 49%,transparent 49%);background-size:64px 64px}.core{position:absolute;z-index:2;top:48%;right:50%;transform:translate(50%,-50%);width:154px;height:154px;display:grid;place-items:center;background:var(--signal);color:#fff;font:50px/.7 'Readex Pro';text-align:center}.core small{font:12px 'IBM Plex Sans Arabic'}.orbit{position:absolute;border:1px solid #ffffff44;transform:rotate(45deg)}.orbit-a{width:265px;height:265px;top:26%;right:20%}.orbit-b{width:430px;height:430px;top:14%;right:3%}.node{position:absolute;z-index:3;color:#fff;background:var(--ink);border:1px solid #8290a2;padding:7px 12px;font-size:13px}.n1{top:25%;right:9%}.n2{bottom:24%;right:11%}.n3{bottom:20%;left:2%}.n4{top:18%;left:8%}.proof{padding:20px 5.5vw;background:var(--aqua);color:#d8f2ef;display:flex;justify-content:space-between}.proof b{color:#fff;margin:0 7px}.section{padding:110px 5.5vw}.section-head{max-width:740px;margin-bottom:46px}.section h2,.consult h2{font:600 clamp(31px,3.8vw,55px)/1.3 'Readex Pro';letter-spacing:-2px;margin:0}.section-head>p:not(.eyebrow),.card p{color:var(--muted)}.filter{display:flex;gap:7px;overflow:auto;border-bottom:1px solid var(--line);padding-bottom:20px}.filter button{white-space:nowrap;background:transparent;border:0;padding:8px 12px;font:600 13px 'IBM Plex Sans Arabic'}.filter button.active{color:var(--signal);border-bottom:2px solid var(--signal)}.cards{display:grid}.services-grid{grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.card{min-height:270px;padding:28px;border-left:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column}.card:hover{background:var(--chalk)}.card span{font:11px 'Readex Pro';color:var(--signal)}.card h3{font:600 24px 'Readex Pro';margin:22px 0 9px}.card p{margin:0 0 auto}.card a{margin-top:25px;font-weight:700}.dark{background:var(--ink);color:#fff}.dark .section-head>p:not(.eyebrow),.solution-grid p{color:#b4c0ce}.solution-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #566073}.solution-grid article{border-left:1px solid #566073;padding:28px 22px;min-height:230px}.solution-grid b{color:var(--signal);font:16px 'Readex Pro'}.solution-grid h3{font:600 25px 'Readex Pro'}.process{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.process ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--ink)}.process li{padding:20px;border-left:1px solid var(--line);border-bottom:1px solid var(--line)}.process li b{color:var(--signal);font:18px 'Readex Pro'}.process h3{font:600 24px 'Readex Pro';margin:18px 0 3px}.process p{color:var(--muted);margin:0}.sand{background:var(--chalk)}.package-grid{grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.package:nth-child(2){background:var(--ink);color:#fff}.package:nth-child(2) p{color:#bec8d3}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.product{background:transparent}.about{display:grid;grid-template-columns:1fr 1fr;gap:100px;background:#dad8d0}.about p:not(.eyebrow){font-size:20px}.faq{max-width:1030px}.faq details{border-top:1px solid var(--line);padding:21px 0}.faq summary{cursor:pointer;display:flex;justify-content:space-between;font-size:20px;font-weight:700}.faq p{color:var(--muted)}.consult{padding:90px 11vw;background:var(--signal);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:90px}.consult form{display:grid;gap:12px}.consult input,.consult select,.consult textarea{width:100%;padding:12px;border:0;margin-top:5px;font:inherit}.consult textarea{min-height:90px}.form-note{color:var(--ink)}footer{padding:46px 5.5vw;background:var(--ink);color:#fff;display:grid;grid-template-columns:auto 1fr auto;gap:25px}.compact{min-height:390px;display:block}.compact .hero-copy{max-width:780px}@media(max-width:850px){header{height:70px}.menu{display:block}nav{display:none}.hero{grid-template-columns:1fr;padding:0 6vw}.hero-system{margin:0 -6vw;min-height:360px}.services-grid,.package-grid,.solution-grid,.product-grid{grid-template-columns:1fr 1fr}.process,.about,.consult{grid-template-columns:1fr;gap:35px}.section{padding:75px 6vw}}@media(max-width:520px){.hero-system{min-height:290px}.services-grid,.package-grid,.solution-grid,.product-grid,.process ol{grid-template-columns:1fr}.card,.solution-grid article{border-left:0}.section{padding:65px 6vw}.consult{padding:65px 8vw}h1{font-size:42px}}
.problem{background:var(--chalk)}.problem-buttons{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line)}.problem-buttons button{min-height:120px;padding:18px;text-align:right;background:transparent;border:0;border-left:1px solid var(--line);font:600 17px/1.5 'Readex Pro';cursor:pointer}.problem-buttons button:hover,.problem-buttons button.active{background:var(--ink);color:#fff}.system-reveal{margin-top:32px;padding:36px;background:var(--ink);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:14px}.system-reveal span{color:#76d8d4;font:11px 'Readex Pro'}.system-reveal h3{font:600 36px 'Readex Pro';margin:0}.system-reveal p{margin:0;color:#c2ccda}.system-reveal .button{grid-column:1/-1;justify-self:start;background:var(--signal)!important}@media(max-width:850px){.problem-buttons{grid-template-columns:1fr 1fr}.system-reveal{grid-template-columns:1fr}}@media(max-width:520px){.problem-buttons{grid-template-columns:1fr}.problem-buttons button{border-left:0;border-bottom:1px solid var(--line)}}
