@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#f6f4ee;--ink:#242824;--muted:#73776f;--line:#dcded5;--orange:#ed633d;--dark:#202720;--radius:6px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'IBM Plex Sans Arabic',Tahoma,sans-serif;line-height:1.75}html[lang=en] body{font-family:Manrope,Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:4px}img{max-width:100%}.wrap{max-width:1256px;margin:auto;padding-inline:36px}.header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:110px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand b{display:block;font-size:24px;line-height:1.3}.brand small{display:block;font:10px Manrope,Arial;letter-spacing:3px;margin-top:5px}.header nav{display:flex;gap:35px;font-size:14px}.header nav a:hover,.text-link:hover{color:var(--orange)}.header-actions{display:flex;gap:20px;align-items:center}.lang{border:0;background:transparent;font:600 14px Manrope,Arial;padding:10px}.button{background:var(--orange);color:#fff;border:0;border-radius:var(--radius);display:inline-flex;align-items:center;justify-content:center;gap:36px;padding:15px 26px;font-weight:600;transition:background .2s,transform .2s}.button:hover{background:#cc4e2b;transform:translateY(-2px)}.button.small{padding:10px 19px;font-size:14px}.eyebrow{font-size:12px;letter-spacing:.5px;font-weight:500;display:flex;align-items:center;gap:10px;margin:0 0 24px}.dot,.code-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--orange)}.hero{display:grid;grid-template-columns:1.04fr 1fr;gap:70px;padding-top:64px;padding-bottom:76px;align-items:center}h1{font-size:clamp(44px,4.8vw,67px);line-height:1.4;letter-spacing:-1.5px;margin:0 0 25px;font-weight:600}h1 em,h2 em{font-style:normal;color:var(--orange)}.lead{font-size:18px;color:#70756a;max-width:470px;margin:0 0 31px}.hero-buttons{display:flex;gap:28px;align-items:center}.text-link{font-size:14px;font-weight:500;border:0;background:none;padding:0}.hero-foot{border-top:1px solid var(--line);margin-top:46px;padding-top:22px;display:flex;gap:15px;align-items:center}.hero-foot p{font-size:12px;color:var(--muted);line-height:1.65;margin:0}.mini-mark{font:600 22px Manrope;border:1px solid var(--line);border-radius:50%;width:45px;height:45px;display:grid;place-items:center}.hero-art{height:480px;border-radius:10px;background:#e6e8df;position:relative;overflow:hidden;direction:ltr;background-image:linear-gradient(#cdd1c341 1px,transparent 1px),linear-gradient(90deg,#cdd1c341 1px,transparent 1px);background-size:32px 32px}.art-top,.art-bottom{position:absolute;left:24px;right:24px;display:flex;justify-content:space-between;font:8px Manrope;letter-spacing:1px;color:#7d8475}.art-top{top:23px}.art-bottom{bottom:24px}.orbit{border:1px solid #b9c1af;border-radius:50%;width:350px;height:350px;position:absolute;left:50%;top:45%;transform:translate(-50%,-50%)}.o2{width:285px;height:285px;border-style:dashed;opacity:.6}.pyramid{position:absolute;width:240px;height:220px;top:63px;left:80px;filter:drop-shadow(15px 30px 15px #52613a33);animation:float 7s ease-in-out infinite}.face{position:absolute;inset:0}.f1{clip-path:polygon(49% 0,0 89%,63% 100%);background:linear-gradient(145deg,#546043,#2c3829)}.f2{clip-path:polygon(49% 0,63% 100%,100% 82%);background:linear-gradient(100deg,#ed815c,#d44e2b)}.pyramid-line{width:160px;height:1px;background:#edf0d966;transform:rotate(-59deg);position:absolute;left:0;top:123px}.floating-code{position:absolute;right:25px;top:108px;display:flex;align-items:center;gap:10px;font:10px Manrope;background:var(--paper);padding:12px 15px;border-radius:5px;box-shadow:0 5px 10px #26362208;transform:rotate(5deg)}.orange{color:var(--orange)}.product-card{position:absolute;bottom:66px;right:30px;width:270px;background:#fafbf6eb;border:1px solid #fff;border-radius:10px;padding:20px;box-shadow:0 22px 45px #283d1d17;backdrop-filter:blur(8px);transform:rotate(-5deg);direction:rtl}.product-head{display:flex;gap:10px;align-items:center}.app-icon{background:#dfe4d5;width:35px;height:35px;display:grid;place-items:center;border-radius:10px;font:bold 18px Manrope}.product-head strong{display:block;font-size:12px}.product-head small{display:block;font-size:9px;color:var(--muted)}.spark{margin-inline-start:auto;color:var(--orange);font-size:30px}.mini-chart{display:flex;align-items:end;gap:9px;height:80px;padding:12px 0 0;direction:ltr}.mini-chart i{flex:1;background:#d8dece;border-radius:3px 3px 0 0;height:30%}.mini-chart i:nth-child(2n){height:45%}.mini-chart i:nth-child(3n){height:65%;background:#8c9b7a}.mini-chart i:nth-child(7){height:80%}.mini-chart i:nth-child(8){height:90%;background:#ed825e}.mini-chart i:nth-child(9){height:100%;background:var(--orange)}.product-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:9px;margin-top:10px;padding-top:9px}.status-light{color:#53654a}.expertise{border-block:1px solid var(--line)}.expertise-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:86px;flex-wrap:wrap}.expertise span{color:var(--muted);font-size:12px}.expertise b{font:600 11px Manrope;letter-spacing:1px}.expertise i{color:var(--orange);font-style:normal;font-size:24px}.section{padding-top:95px;padding-bottom:95px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:46px}h2{font-size:40px;font-weight:500;line-height:1.45;letter-spacing:-1px;margin:0}.section-intro{max-width:350px;color:var(--muted);font-size:14px;margin:0 0 7px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);border-block-start:1px solid var(--line);border-inline-start:1px solid var(--line)}.service-card{padding:30px;border-block-end:1px solid var(--line);border-inline-end:1px solid var(--line);transition:background .2s;position:relative}.service-card:hover{background:#eeeee5}.service-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:38px}.service-icon{font:500 25px Manrope;color:var(--orange)}.service-number{font:10px Manrope;color:#93988d}h3{font-size:21px;font-weight:500;margin:0 0 10px}.service-card p{color:var(--muted);font-size:13px;min-height:70px;margin:0 0 22px}.service-card a{font-size:12px}.service-card a span{float:inline-end;color:var(--orange);font-size:20px}.solutions{background:var(--dark);color:#f1f2e9;padding-block:85px}.solutions .eyebrow{color:#b5c0a7}.solutions .section-intro{color:#aab49e}.solution-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}.solution-card h3{font-size:24px}.solution-card>p:not(.eyebrow){color:#b2bbaa;font-size:14px;max-width:440px}.solution-card>.eyebrow{margin:26px 0 12px;font-size:10px}.solution-card .text-link{color:#e9a080}.solution-visual{height:270px;overflow:hidden;border-radius:5px}.commerce{background:#ede5d6;color:#3e4137;padding:27px 32px;direction:ltr}.shop-top,.shop-bottom{display:flex;justify-content:space-between;align-items:center;font:9px Manrope;letter-spacing:2px}.shop-products{display:flex;justify-content:space-around;align-items:center;gap:20px;height:164px}.object{display:block;background:#b2b299;width:80px;height:100px;box-shadow:13px 15px 20px #53523914}.obj1{border-radius:45% 45% 20% 20%;background:linear-gradient(90deg,#acb09c,#c6cbb9);width:72px;height:95px;transform:rotate(-10deg)}.obj2{border-radius:9px 9px 30px 30px;background:linear-gradient(90deg,#b76543,#d78b6a);height:110px;width:83px}.obj3{border-radius:50%;height:82px;background:linear-gradient(140deg,#353d32,#7e8971)}.dashboard{background:#e5e9dc;padding:25px;display:flex;direction:ltr;gap:25px}.dash-side{width:46px;background:#263325;border-radius:6px;padding:10px;color:#e0e4d9}.dash-side b{font:18px Manrope}.dash-side i{display:block;height:5px;background:#718365;border-radius:3px;margin-top:20px}.dash-main{flex:1}.dash-title{font:8px Manrope;display:flex;justify-content:space-between}.dash-title span{color:var(--orange)}.dash-boxes{display:flex;gap:12px;margin-top:20px}.dash-boxes i{height:35px;background:#f7f8f1;flex:1;border-radius:4px;border-inline-start:3px solid #a9b59a}.dash-graph{background:#f5f7f0;margin-block:12px;height:95px;border-radius:4px;padding:10px}.dash-graph svg{width:100%;height:100%;overflow:visible}.dash-graph path{fill:none;stroke:#768e5a;stroke-width:3}.dash-rows i{display:block;background:#cdd5c3;height:3px;margin:8px 0;width:85%}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.process-card{border-top:1px solid var(--line);padding-top:23px}.process-card b{color:var(--orange);font:12px Manrope;display:block;margin-bottom:20px}.process-card p{font-size:13px;color:var(--muted);margin:0}.about{display:grid;grid-template-columns:.85fr 1fr;gap:100px;padding-top:35px;padding-bottom:75px;align-items:center}.about-symbol{background:#e9eadf;min-height:350px;display:flex;align-items:center;justify-content:center;gap:20px;font:150px Manrope;font-weight:400;line-height:1;color:#58644c;border-radius:50% 50% 8px 8px}.about-symbol span{font-size:130px;color:var(--orange)}.about p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:480px}.about-values{display:flex;gap:22px;font-size:11px;margin-top:24px}.faq-section{display:grid;grid-template-columns:.7fr 1fr;gap:60px;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:19px 0}summary{cursor:pointer;list-style:none;font-weight:500;display:flex;justify-content:space-between;gap:15px}summary:after{content:'+';color:var(--orange)}details[open] summary:after{content:'−'}details p{color:var(--muted);font-size:14px;margin-bottom:0}.contact{background:#e8ebdf;padding-block:85px}.contact-grid{display:grid;grid-template-columns:.9fr 1fr;gap:90px}.contact h2{font-size:48px}.contact p:not(.eyebrow){max-width:350px;color:#6f7964;font-size:14px}.contact-link{display:block;direction:ltr;text-align:start;font:20px Manrope;margin-top:30px;width:fit-content;border-bottom:1px solid #aab39d;padding-bottom:7px}.contact-phone{display:block;font:17px Manrope;margin-top:18px;width:fit-content}.contact-note{display:flex;gap:20px;align-items:center;margin-top:60px;font-size:13px;color:#7d8771}.contact-note>span:first-child{font-size:55px;color:var(--orange)}.request-form{background:#fbfcf6;padding:32px;border-radius:8px}.request-form h3{margin-bottom:24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-size:12px;margin-bottom:17px}label>span{display:block;margin-bottom:7px}input,select,textarea{width:100%;min-width:0;background:transparent;border:1px solid #d9dece;border-radius:4px;padding:10px;color:var(--ink);font-size:13px}textarea{resize:vertical}select{background:#fff}input::placeholder,textarea::placeholder{color:#a4ab99}.consent{display:flex;gap:10px;align-items:start;font-size:10px;line-height:1.6}.consent input{width:15px;height:15px;flex-shrink:0;accent-color:var(--orange);margin-top:2px}.request-form .button{width:100%;padding:13px}.request-form>small{color:var(--muted);display:block;font-size:10px;text-align:center;margin-top:12px}.honeypot{position:absolute;left:-9999px;opacity:0}.form-message{font-size:12px!important;margin:10px 0 0!important;max-width:none!important}.form-message.error{color:#a83225!important}.form-message.success{color:#2f6e40!important}footer{display:flex;justify-content:space-between;align-items:center;gap:25px;min-height:120px}footer p{color:var(--muted);font-size:11px}footer>div{display:flex;gap:22px;font-size:11px}footer .text-link{font-size:11px}dialog{border:1px solid var(--line);border-radius:10px;max-width:630px;width:90%;padding:30px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#1119}.dialog-head{display:flex;align-items:center;justify-content:space-between}.dialog-head h2{font-size:25px}dialog p{font-size:14px}.skip{position:absolute;top:-100px}.skip:focus{top:5px;background:var(--paper);padding:10px;z-index:10}html[lang=en] h1{font-size:62px;line-height:1.13;letter-spacing:-3px}html[lang=en] h2{font-size:38px;line-height:1.25;letter-spacing:-1.5px}html[lang=en] .hero .eyebrow{font-size:10px}html[lang=en] .lead{font-size:16px}html[lang=en] .product-card{direction:ltr}html[lang=en] .brand b{font-size:20px}html[lang=en] .brand small{letter-spacing:2px}
.honeypot{left:auto;inset-inline-start:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@keyframes float{50%{transform:translateY(-12px)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}@media(min-width:1400px){.hero{padding-top:80px;padding-bottom:95px}}@media(max-width:1000px){.header nav{gap:18px}.hero{gap:30px}.hero-art{height:440px}.pyramid{left:30px}.hero-buttons{gap:15px}.contact-grid{gap:40px}.about{gap:50px}.expertise-inner{justify-content:center;padding-block:20px}html[lang=en] h1{font-size:49px}.section-head{gap:30px}}@media(max-width:760px){.wrap{padding-inline:22px}.header{min-height:90px;gap:10px}.header nav{display:none}.header-actions{gap:8px}.header .small{font-size:11px;padding:9px 12px}.brand b{font-size:21px}.brand small{font-size:8px}.brand img{width:39px;height:39px}.hero{grid-template-columns:1fr;padding-top:30px;padding-bottom:40px;gap:32px}h1{font-size:48px;line-height:1.4}.lead{font-size:16px}.hero-art{height:420px;max-width:530px;width:100%;margin:auto}.pyramid{left:18%;top:57px}.hero-foot{margin-top:28px}.eyebrow{margin-bottom:18px}.hero-copy{max-width:550px}.section{padding-block:60px}.section-head{display:block;margin-bottom:30px}h2{font-size:32px}.section-intro{margin-top:20px;max-width:490px}.services-grid{grid-template-columns:1fr 1fr}.service-card{padding:21px}.service-card p{min-height:90px}.service-top{margin-bottom:22px}.expertise-inner{gap:15px}.expertise b{font-size:9px}.expertise span{width:100%;text-align:center}.expertise i:last-of-type{display:none}.solutions{padding-block:55px}.solution-grid{grid-template-columns:1fr;gap:45px}.solution-visual{height:270px}.process-grid{grid-template-columns:1fr 1fr;gap:30px}.section-head>.text-link{display:block;margin-top:20px}.about{grid-template-columns:1fr;gap:35px;padding-top:15px;padding-bottom:55px}.about-symbol{min-height:280px;max-width:400px;width:100%;margin:auto}.about-values{flex-wrap:wrap;gap:15px}.faq-section{grid-template-columns:1fr;gap:20px}.contact-grid{grid-template-columns:1fr;gap:35px}.contact{padding-block:55px}.contact h2{font-size:40px}.contact-note{display:none}.contact-link{margin-top:22px}.request-form{padding:22px}.contact p:not(.eyebrow){max-width:100%}footer{flex-wrap:wrap;padding-block:26px;gap:18px}footer>p{order:3;width:100%;margin:0}.header .brand{gap:8px}html[lang=en] h1{font-size:48px}html[lang=en] h2{font-size:32px}html[lang=en] .header .brand b{font-size:16px}html[lang=en] .header .brand small{font-size:7px}}@media(max-width:380px){.wrap{padding-inline:16px}.services-grid{grid-template-columns:1fr}.service-card p{min-height:0}.form-row{grid-template-columns:1fr;gap:0}.hero-buttons{gap:16px}.hero-buttons .button{padding-inline:18px}.header .small{font-size:10px}.header-actions{gap:0}.hero-art{height:390px}.product-card{right:18px;width:245px}.pyramid{left:12%;width:210px}.expertise i{display:none}}

/* Approved identity 01: pyramid and coding brackets, navy and copper. */
.header .brand .approved-logo,footer .brand .approved-logo{display:block;width:160px;height:auto;max-width:none;object-fit:contain}
.header{min-height:125px}.header .brand{padding-block:8px}footer .brand .approved-logo{width:130px}footer{padding-block:15px}
@media(max-width:760px){.header{min-height:102px}.header .brand .approved-logo{width:117px}footer .brand .approved-logo{width:115px}.header .brand{padding-block:6px}.header-actions{flex-shrink:0}}
@media(max-width:380px){.header .brand .approved-logo{width:108px}.header-actions .small{padding-inline:10px}}

.approved-logo{mix-blend-mode:multiply}
