@font-face{font-family:Cairo;src:url('/assets/fonts/Cairo-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Cairo;src:url('/assets/fonts/Cairo-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Montserrat;src:url('/assets/fonts/Montserrat-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Montserrat;src:url('/assets/fonts/Montserrat-Bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--ink:#08111c;--ink-2:#0d1926;--ink-3:#142435;--paper:#f4f6f8;--white:#fff;--muted:#607080;--line:#d9e0e6;--orange:#ff7900;--orange-2:#ff9c32;--green:#20c56a;--shadow:0 26px 70px rgba(8,17,28,.14);--radius:18px;--shell:min(1780px,calc(100% - 64px));--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--ink)}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Montserrat,Cairo,Arial,sans-serif;font-size:16px;line-height:1.7;text-rendering:optimizeLegibility}
html[dir=rtl] body{font-family:Cairo,Arial,sans-serif}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,select,textarea{font:inherit}
.shell{width:var(--shell);margin-inline:auto}
.skip-link{position:fixed;inset-block-start:12px;inset-inline-start:12px;z-index:999;background:#fff;color:#000;padding:10px 16px;border-radius:8px;transform:translateY(-160%)}
.skip-link:focus{transform:none}
.site-header{height:108px;background:rgba(6,14,23,.94);backdrop-filter:blur(18px);color:#fff;position:sticky;top:0;z-index:80;border-bottom:1px solid rgba(255,255,255,.09);transition:.35s var(--ease)}
.site-header.scrolled{height:90px;box-shadow:0 14px 40px rgba(0,0,0,.2)}
.nav-shell{height:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:24px;align-items:center}
.brand{display:block;width:300px;flex:none}
.brand img{width:100%;height:88px;object-fit:contain}
.desktop-nav{display:flex;align-items:center;justify-content:center;gap:clamp(14px,1.45vw,27px);white-space:nowrap;min-width:0}
.desktop-nav a{font-size:1rem;color:#cbd3db;position:relative;padding:12px 0;transition:.2s}
.desktop-nav a:hover,.desktop-nav a.active{color:#fff}
.desktop-nav a::after{content:"";position:absolute;inset-inline-start:0;bottom:3px;width:0;height:2px;background:var(--orange);transition:.25s}
.desktop-nav a:hover::after,.desktop-nav a.active::after{width:100%}
.nav-actions{display:flex;align-items:center;gap:10px;flex:none}
.lang{display:grid;place-items:center;width:48px;height:48px;aspect-ratio:1;flex:0 0 48px;border:1px solid rgba(255,255,255,.22);border-radius:50%;font:700 .78rem/1 Montserrat,Cairo,sans-serif}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 26px;border:1px solid var(--orange);border-radius:4px;background:var(--orange);color:#111;font-weight:700;cursor:pointer;transition:transform .2s var(--ease),background .2s,border-color .2s,box-shadow .2s}
.button:hover{transform:translateY(-2px);background:var(--orange-2);border-color:var(--orange-2);box-shadow:0 12px 30px rgba(255,121,0,.25)}
.button.small{min-height:44px;padding:0 18px;font-size:.86rem}
.site-header .header-cta{min-height:46px;padding-inline:21px;border-radius:999px;background:var(--orange);border-color:var(--orange);color:#111;box-shadow:0 10px 24px rgba(255,121,0,.16)}
.site-header .header-cta:hover{background:var(--orange-2);border-color:var(--orange-2);color:#111;box-shadow:0 12px 28px rgba(255,121,0,.28)}
html[dir=ltr] .brand{width:235px}
html[dir=ltr] .desktop-nav{gap:clamp(8px,.75vw,14px)}
html[dir=ltr] .desktop-nav a{font-size:.9rem}
html[dir=ltr] .site-header .header-cta{padding-inline:15px;font-size:.78rem}
.button.ghost{background:rgba(6,14,23,.18);border-color:rgba(255,255,255,.46);color:#fff;backdrop-filter:blur(8px)}
.button.ghost:hover{background:#fff;color:var(--ink);border-color:#fff;box-shadow:none}
.button.dark-ghost{color:var(--ink);border-color:#aab4bd;background:transparent}
.button.dark-ghost:hover{background:var(--ink);border-color:var(--ink);color:#fff}
.menu-button,.mobile-nav{display:none}
.hero{min-height:760px;position:relative;display:grid;align-content:end;overflow:hidden;background:var(--ink);color:#fff}
.hero-image,.hero-shade,.hero-light{position:absolute;inset:0;width:100%;height:100%}
.hero-image{object-fit:cover;object-position:center;transform:scale(1.015);animation:hero-settle 1.5s var(--ease) both}
.hero-shade{background:linear-gradient(90deg,rgba(3,8,14,.91) 0%,rgba(5,12,20,.72) 36%,rgba(7,16,26,.16) 72%,rgba(7,16,26,.32) 100%),linear-gradient(0deg,rgba(4,10,17,.91) 0%,transparent 42%)}
html[dir=rtl] .hero-shade{background:linear-gradient(270deg,rgba(3,8,14,.91) 0%,rgba(5,12,20,.72) 36%,rgba(7,16,26,.16) 72%,rgba(7,16,26,.32) 100%),linear-gradient(0deg,rgba(4,10,17,.91) 0%,transparent 42%)}
.hero-light{inset:-25% auto auto 18%;width:58%;height:130%;background:radial-gradient(ellipse,rgba(255,153,55,.22),transparent 65%);filter:blur(8px);mix-blend-mode:screen;pointer-events:none}
html[dir=rtl] .hero-light{inset:-25% 18% auto auto}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(250px,.46fr);gap:72px;align-items:end;padding-block:84px 64px}
.hero-copy{max-width:820px}
.eyebrow{margin:0 0 18px;color:var(--orange);font:700 .78rem/1.4 Montserrat,Cairo,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.hero h1,.page-hero h1,.detail-hero h1,.simple-page h1{font-size:clamp(2.7rem,4.2vw,5rem);line-height:1.1;letter-spacing:-.035em;margin:0;font-weight:700;text-wrap:balance}
.hero h1 em{display:block;color:var(--orange);font-style:normal}
.hero-lead{font-size:clamp(1.05rem,1.6vw,1.35rem);line-height:1.9;max-width:810px;color:#d8e0e7;margin:30px 0 0}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
.hero-status{border-top:1px solid rgba(255,255,255,.32);padding-top:22px;margin-bottom:8px}
.hero-status span{display:block;color:#aeb8c1;font-size:.83rem;margin-bottom:10px}
.hero-status strong{display:block;font-size:1.2rem;line-height:1.5}
.hero-status div{display:flex;align-items:center;gap:10px;margin-top:24px;color:#cfd7de;font-size:.88rem}
.hero-status i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 7px rgba(32,197,106,.13)}
.hero .reveal{opacity:1;transform:none}
.hero-foot{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.18)}
.hero-foot span{padding:18px 22px;color:#c2cbd3;font-size:.82rem;text-align:center;border-inline-end:1px solid rgba(255,255,255,.12)}
.hero-foot span:last-child{border-inline-end:0}
.hero-foot span{position:relative;overflow:hidden;animation:sector-chip-in .65s var(--ease) both;transition:color .25s var(--ease),background .25s var(--ease),transform .25s var(--ease)}
.hero-foot span:nth-child(2){animation-delay:.08s}.hero-foot span:nth-child(3){animation-delay:.16s}.hero-foot span:nth-child(4){animation-delay:.24s}
.hero-foot span::after{content:"";position:absolute;inset-inline:18%;bottom:0;height:2px;background:var(--orange);transform:scaleX(0);transition:transform .25s var(--ease)}
.hero-foot span:hover{color:#fff;background:rgba(255,121,0,.08);transform:translateY(-3px)}
.hero-foot span:hover::after{transform:scaleX(1)}
@keyframes sector-chip-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.hero-foot span{position:relative;overflow:hidden;animation:hero-sector-in .65s var(--ease) both;transition:color .25s var(--ease),background .25s var(--ease),transform .25s var(--ease)}
.hero-foot span:nth-child(2){animation-delay:.1s}.hero-foot span:nth-child(3){animation-delay:.2s}.hero-foot span:nth-child(4){animation-delay:.3s}
.hero-foot span::after{content:"";position:absolute;inset-inline:18px;bottom:0;height:3px;background:var(--orange);transform:scaleX(0);transform-origin:center;transition:transform .25s var(--ease)}
.hero-foot span:hover{color:#fff;background:rgba(255,121,0,.09);transform:translateY(-3px)}
.hero-foot span:hover::after{transform:scaleX(1)}
@keyframes hero-sector-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.metrics-section{background:#fff;border-bottom:1px solid var(--line)}
.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);border-inline-start:1px solid var(--line)}
.metrics-grid article{min-height:178px;padding:34px 28px;border-inline-end:1px solid var(--line);display:grid;place-content:center;justify-items:center;text-align:center;gap:14px}
.metrics-grid strong{font:700 clamp(2.8rem,4.8vw,5rem)/1 Montserrat,Cairo,sans-serif;color:var(--orange);letter-spacing:-.05em}
.metrics-grid span{max-width:280px;color:#52616e;font-size:.9rem;line-height:1.7}
.section{padding:clamp(82px,8vw,140px) 0}
.section-heading{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.58fr);gap:80px;align-items:end;margin-bottom:58px}
.section-heading h2,.final-cta h2,.about-copy h2,.assurance-grid h2{margin:0;font-size:clamp(2rem,3.6vw,4.2rem);line-height:1.16;letter-spacing:-.035em;text-wrap:balance}
.section-heading>p,.final-cta p,.about-copy>p{margin:0;color:var(--muted);font-size:1.03rem;line-height:1.9}
.systems-section{background:#f7f8fa}
.systems-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-inline-start:1px solid var(--line)}
.system-card{position:relative;min-height:330px;padding:34px;border-inline-end:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;transition:.35s var(--ease);overflow:hidden}
.system-card::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,121,0,.08),transparent 45%);opacity:0;transition:.35s}
.system-card:hover{transform:translateY(-7px);box-shadow:var(--shadow);z-index:2;border-color:transparent}
.system-card:hover::before{opacity:1}
.system-icon{display:grid;place-items:center;width:64px;height:64px;border:1px solid rgba(255,121,0,.28);background:linear-gradient(145deg,#fff9f3,#fff1e3);color:#d85f00;box-shadow:inset 0 0 0 6px rgba(255,121,0,.035);transition:transform .25s var(--ease),background .25s,border-color .25s,color .25s}
.system-icon svg,.detail-icon svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.system-card:hover .system-icon{background:var(--ink);border-color:var(--ink);color:var(--orange)}
.system-no{position:absolute;inset-block-start:32px;inset-inline-end:32px;color:#9aa6b0;font:700 .76rem Montserrat,sans-serif;letter-spacing:.12em}
.system-card h3{font-size:1.3rem;line-height:1.5;margin:32px 0 12px}
.system-card p{color:var(--muted);margin:0;min-height:62px}
.text-link{display:inline-flex;align-items:center;gap:10px;margin-top:28px;font-size:.86rem;font-weight:700;border-bottom:1px solid #b9c1c8;padding-bottom:4px}
.text-link b{color:var(--orange);font-size:1.1rem;transition:transform .22s var(--ease)}
.method-section{background:var(--ink);color:#fff;position:relative;overflow:hidden}
.method-section::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 30%,rgba(255,121,0,.05)),repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),rgba(255,255,255,.04) 25%);pointer-events:none}
.section-heading.light>p{color:#aab7c2}
.process-grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:0;margin:0;border-top:1px solid rgba(255,255,255,.18);border-inline-start:1px solid rgba(255,255,255,.18)}
.process-grid li{position:relative;padding:32px;min-height:225px;border-inline-end:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18);overflow:hidden;transition:transform .28s var(--ease),background .28s var(--ease),box-shadow .28s var(--ease),border-color .28s var(--ease)}
.process-grid li::after{content:"";position:absolute;inset-inline:0;top:0;height:3px;background:var(--orange);transform:scaleX(0);transform-origin:center;transition:transform .28s var(--ease)}
.process-grid span{font:700 .78rem Montserrat,sans-serif;color:var(--orange);letter-spacing:.12em}
.process-grid h3{font-size:1.2rem;margin:28px 0 10px}
.process-grid p{color:#9eabb6;margin:0;font-size:.92rem}
.light-link{position:relative;color:#fff;border-color:#4a5865;margin-top:34px}
.sector-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:stretch}
.sector-image{min-height:610px;position:relative;overflow:hidden;background:var(--ink)}
.sector-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.8) contrast(1.05)}
.sector-image::after{content:"";position:absolute;inset:0;border:1px solid rgba(255,121,0,.45);margin:18px;pointer-events:none}
.sector-list{border-top:1px solid var(--line)}
.sector-row{display:grid;grid-template-columns:52px 1fr 30px;gap:24px;padding:30px 8px;border-bottom:1px solid var(--line);align-items:start;transition:.25s}
.sector-row:hover{padding-inline:20px;background:#fff}
.sector-row>span{color:var(--orange);font:700 .74rem Montserrat,sans-serif}
.sector-row h3{margin:0 0 8px;font-size:1.16rem}
.sector-row p{margin:0;color:var(--muted);font-size:.93rem}
.sector-row>b{color:var(--orange)}
.proof-section{background:#e9edf1}
.logo-grid{display:grid;gap:1px;background:#cfd7dd;border:1px solid #cfd7dd}
.client-grid{grid-template-columns:repeat(4,1fr)}
.proof-note{max-width:none;margin:28px 0 0;padding:22px 26px;background:#101a24;border-inline-start:4px solid var(--orange);color:#c3ced7;display:grid;gap:7px;box-shadow:0 16px 36px rgba(7,17,27,.12)}
.proof-note strong{color:#fff;font-size:clamp(1.08rem,1.45vw,1.32rem);line-height:1.55}
.proof-note span{font-size:.96rem;line-height:1.8}
.brand-grid{grid-template-columns:repeat(6,1fr)}
.logo-card{min-height:150px;background:#fff;display:grid;place-items:center;padding:24px 28px;overflow:hidden;transition:.25s}
.logo-card:hover{background:#f9fbfc;box-shadow:inset 0 -3px var(--orange)}
.logo-card img{width:100%;height:72px;object-fit:contain}
.client-grid .logo-card img[src*="on-the-run"],.client-grid .logo-card img[src*="unicharm"],.client-grid .logo-card img[src*="awlad-ragab"],.client-grid .logo-card img[src*="kapci"],.client-grid .logo-card img[src*="abaza-auto"]{height:98px}
.client-grid .logo-card img[src*="awlad-ragab"]{scale:1.45}
.client-grid .logo-card img[src*="abaza-auto"]{scale:1.55}
.client-grid .logo-card img[src*="kapci"]{scale:1.8}
.client-grid .logo-card img[src*="alshaya-group"]{height:105px}
.brand-grid .logo-card{min-height:116px;padding:24px}
.brand-grid .logo-card img{height:42px}
.tech-section{background:var(--ink);color:#fff}
.tech-section .section-heading>p{color:#aab7c2}
.tech-section .logo-grid{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.14)}
.tech-section .logo-card{background:#fff}
.technology-hero{background:var(--ink);color:#fff;padding:96px 0 78px;position:relative;overflow:hidden}
.technology-hero::after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(255,121,0,.17);border-radius:50%;inset-inline-start:-190px;top:-260px;box-shadow:0 0 0 68px rgba(255,121,0,.025),0 0 0 136px rgba(255,121,0,.015)}
.technology-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.6fr);gap:80px;align-items:end}
.technology-hero h1{font-size:clamp(2.5rem,4.4vw,5.3rem);line-height:1.12;letter-spacing:-.035em;margin:0;text-wrap:balance}
.technology-hero-copy{border-inline-start:2px solid var(--orange);padding-inline-start:28px}
.technology-hero-copy p{margin:0;color:#b4bec7;font-size:1.02rem;line-height:1.9}
.technology-hero-copy span{display:block;margin-top:22px;color:#fff;font-weight:700}
.brand-catalog-section{background:#eef2f5;padding-top:86px}
.catalog-heading{max-width:860px;margin-bottom:42px}
.catalog-heading h2{font-size:clamp(2rem,3.2vw,3.7rem);line-height:1.2;margin:0}
.brand-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.brand-family{position:relative;background:#fff;border:1px solid #d8e0e6;border-top:3px solid var(--orange);padding:30px;box-shadow:0 12px 30px rgba(8,17,28,.045);transition:transform .28s var(--ease),box-shadow .28s var(--ease)}
.brand-family:last-child:nth-child(odd){grid-column:1/-1}
.brand-family h2{font-size:clamp(1.25rem,1.5vw,1.5rem);line-height:1.5;margin:0 0 22px}
.brand-family-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.brand-family:last-child:nth-child(odd) .brand-family-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.brand-mark{min-height:108px;min-width:0;background:#f8fafb;border:1px solid #e4e9ed;display:grid;place-items:center;padding:18px}
.brand-mark img{width:100%;height:58px;object-fit:contain}
.brand-wordmark strong{font:700 .92rem/1.4 Montserrat,Cairo,sans-serif;letter-spacing:.01em;text-align:center;color:#273542}
.catalog-note{max-width:900px;margin:30px 0 0;color:#657482;font-size:.92rem}
.system-brands .section-heading{margin-bottom:36px}
.final-cta{background:var(--orange);padding:80px 0}
.final-cta .eyebrow{color:#4d2400}
.final-cta-grid{display:grid;grid-template-columns:1.25fr .55fr;gap:70px;align-items:center}
.final-cta h2{font-size:clamp(2rem,3.4vw,3.8rem)}
.final-cta p{color:#40240b;margin-top:18px;max-width:800px}
.cta-stack{display:grid;gap:12px}
.final-cta .button{background:var(--ink);border-color:var(--ink);color:#fff}
.final-cta .button:hover{background:#fff;border-color:#fff;color:var(--ink)}
.final-cta .button.ghost{background:transparent;color:var(--ink);border-color:rgba(8,17,28,.55)}
.site-footer{background:#050c13;color:#fff;padding:72px 0 24px}
.footer-grid{display:grid;gap:52px;padding-bottom:58px}
.footer-grid-corporate{grid-template-columns:1.08fr 1.55fr .86fr;gap:clamp(38px,4vw,72px);align-items:start}
.footer-grid h2{font-size:1rem;color:#fff;margin:0 0 24px}
.footer-grid h3{font-size:.78rem;color:#82909d;margin:0 0 10px}
.footer-grid a{display:block;color:#d8dee4;margin:6px 0;font-size:.9rem}
.footer-grid a:hover{color:var(--orange)}
.footer-brand img{width:260px;height:82px;object-fit:contain;margin-bottom:24px}
.footer-brand p{max-width:420px;color:#9aa6b0;margin:0}
.footer-social{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.footer-social a{display:inline-flex;align-items:center;gap:9px;min-height:42px;padding:0 14px;margin:0;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#dfe5ea;font-size:.82rem;font-weight:700;transition:.2s}
.footer-social a:hover{color:#fff;border-color:var(--orange);background:rgba(255,121,0,.1)}
.footer-social svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}
.footer-social a:first-child svg{fill:currentColor;stroke:none}
.footer-social .fill-dot{fill:currentColor;stroke:none}
.footer-contact-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:30px;border-top:1px solid rgba(255,255,255,.12)}
.footer-contact-list article{min-height:128px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.footer-contact-list a{overflow-wrap:anywhere}
.footer-phone{font:700 1.02rem/1.5 Montserrat,Arial,sans-serif;color:#fff!important;unicode-bidi:isolate}
.footer-office address{font-style:normal;color:#aab5bf;line-height:1.95;margin-bottom:24px}
.footer-map{display:inline-block!important;color:#fff!important;border-bottom:1px solid var(--orange);padding-bottom:5px}
.footer-map:hover{color:var(--orange)!important}
.footer-nav{display:flex;flex-wrap:wrap;gap:12px 30px;justify-content:center;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);padding:22px 0;margin-bottom:22px}
.footer-nav a{color:#96a3ae;font-size:.86rem;transition:.2s}
.footer-nav a:hover{color:#fff}
.footer-nav+.footer-meta{border-top:0;padding-top:0}
.footer-meta{border-top:1px solid rgba(255,255,255,.12);padding-top:22px;display:flex;gap:28px;color:#71808d;font-size:.78rem}
.footer-meta a{margin-inline-start:auto}
.wa{--wa-lift:0px;position:fixed;inset-inline-end:22px;bottom:calc(20px + var(--wa-lift));width:52px;height:52px;padding:0;line-height:0;display:grid;place-items:center;border-radius:50%;background:#20bf63;color:#fff;z-index:90;box-shadow:0 10px 26px rgba(0,0,0,.22);border:2px solid #fff;transition:bottom .3s var(--ease),transform .2s}
.wa:hover{transform:translateY(-3px) scale(1.03)}
.wa svg{width:27px;height:27px;display:block;margin:auto;fill:currentColor;transform:translate(.5px,.5px);transform-origin:center}
.page-hero{background:var(--ink);color:#fff;padding:clamp(100px,12vw,185px) 0 90px;position:relative;overflow:hidden}
.page-hero::after{content:"";position:absolute;width:540px;height:540px;border:1px solid rgba(255,121,0,.2);border-radius:50%;inset-inline-end:-150px;top:-190px;box-shadow:0 0 0 70px rgba(255,121,0,.025),0 0 0 140px rgba(255,121,0,.018)}
.page-hero .shell{position:relative;z-index:1}
.page-hero h1{max-width:1100px;font-size:clamp(2.6rem,5vw,5.8rem)}
.page-hero p:last-child{color:#aab5bf;max-width:860px;font-size:1.15rem;margin:28px 0 0}
.service-timeline{max-width:1080px;margin-inline:auto;border-top:1px solid var(--line)}
.timeline-item{display:grid;grid-template-columns:100px 1fr;gap:38px;padding:38px 10px;border-bottom:1px solid var(--line);transition:transform .28s var(--ease),padding .28s var(--ease),background .28s var(--ease),box-shadow .28s var(--ease)}
.timeline-item>span{font:700 1rem Montserrat,sans-serif;color:var(--orange)}
.timeline-item h2{margin:0 0 8px;font-size:1.5rem}
.timeline-item p{margin:0;color:var(--muted)}
.sector-cards{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-inline-start:1px solid var(--line)}
.sector-card{position:relative;background:#fff;min-height:285px;padding:42px;border-inline-end:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;transition:transform .28s var(--ease),box-shadow .28s var(--ease),border-color .28s var(--ease)}
.sector-card::after{content:"";position:absolute;inset-inline:0;bottom:0;height:3px;background:var(--orange);transform:scaleX(0);transition:transform .28s var(--ease)}
.sector-card span{color:var(--orange);font:700 .8rem Montserrat,sans-serif}
.sector-card h2{font-size:1.55rem;margin:48px 0 12px}
.sector-card p{color:var(--muted);margin:0}
.project-proof{background:var(--ink);color:#fff;display:grid;grid-template-columns:.6fr 1fr;gap:60px;align-items:center;padding:54px;margin-bottom:58px}
.project-proof>div{display:flex;align-items:flex-end;gap:18px}
.project-proof strong{font:700 clamp(3.5rem,6vw,6.5rem)/1 Montserrat,sans-serif;color:var(--orange)}
.project-proof span{color:#9eabb6;padding-bottom:10px}
.project-proof p{color:#c5ced6;font-size:1.05rem;margin:0}
.confidentiality-note{display:grid;grid-template-columns:64px 1fr;gap:26px;align-items:start;background:#fff;border-inline-start:4px solid var(--orange);padding:32px 36px;margin-bottom:42px;box-shadow:0 12px 34px rgba(8,17,28,.08)}
.confidentiality-note svg{width:54px;height:54px;padding:12px;background:#fff4e9;color:#d95f00;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.confidentiality-note h2{font-size:1.25rem;margin:0 0 8px}
.confidentiality-note p{margin:0;color:var(--muted)}
.projects-heading{margin-bottom:34px}
.client-grid.large{grid-template-columns:repeat(4,1fr)}
.about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:74px;align-items:center}
.about-visual{height:620px;overflow:hidden;background:var(--ink)}
.about-visual img{width:100%;height:100%;object-fit:cover}
.about-copy h2{font-size:clamp(2rem,3.2vw,3.7rem);margin-bottom:26px}
.about-scope-list{list-style:none;padding:0;margin:30px 0 0;border-top:1px solid var(--line)}
.about-scope-list li{position:relative;padding-block:13px;padding-inline-start:28px;border-bottom:1px solid var(--line);color:#40505e}
.about-scope-list li::before{content:"";position:absolute;inset-inline-start:0;top:23px;width:8px;height:8px;background:var(--orange)}
.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:82px}
.value-card{position:relative;background:#fff;padding:30px;min-height:210px;transition:transform .28s var(--ease),box-shadow .28s var(--ease),background .28s var(--ease)}
.value-card h3{font-size:1.1rem;margin:0 0 18px}
.value-card p{color:var(--muted);margin:0;font-size:.92rem}
.contact-section{background:#e9edf1}
.contact-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px}
.contact-aside{background:var(--ink);color:#fff;padding:46px;align-self:start}
.contact-aside h2{font-size:1.8rem;line-height:1.45;margin:0 0 28px}
.contact-aside ul{margin:0 0 34px;padding:0 20px;color:#adb8c1}
.contact-aside li{margin:12px 0}
.contact-aside a{display:block;color:#fff;margin:12px 0;font-weight:700}
.contact-aside address{font-style:normal;color:#8d9aa5;margin-top:28px}
.project-form{background:#fff;padding:46px;display:grid;grid-template-columns:repeat(2,1fr);gap:22px;border-top:3px solid var(--orange);box-shadow:var(--shadow)}
.project-form label{display:grid;gap:8px;font-size:.88rem;font-weight:700}
.project-form input,.project-form select,.project-form textarea{width:100%;border:1px solid #cfd6dc;background:#f8fafb;color:var(--ink);padding:14px 15px;border-radius:2px;outline:none}
.project-form input:focus,.project-form select:focus,.project-form textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,121,0,.12)}
.project-form .full{grid-column:1/-1}
.project-form .consent{grid-template-columns:auto 1fr;align-items:start;font-weight:400;color:var(--muted)}
.project-form .consent input{width:18px;height:18px;margin-top:5px}
.detail-hero{background:#e8edf1;padding:120px 0 90px}
.detail-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:72px;align-items:center}
.breadcrumb{display:inline-block;color:var(--muted);font-size:.84rem;border-bottom:1px solid #aeb8c0;margin-bottom:34px}
.detail-icon{display:grid;place-items:center;width:66px;height:66px;background:var(--ink);color:var(--orange);margin-bottom:30px}
.detail-icon svg{width:34px;height:34px}
.detail-hero h1{font-size:clamp(2.5rem,4.8vw,5.5rem);max-width:900px}
.detail-hero p{font-size:1.12rem;color:var(--muted);max-width:800px;margin:24px 0 0}
.detail-scope{background:var(--ink);color:#fff;padding:44px;box-shadow:var(--shadow)}
.detail-scope h2{font-size:1.5rem;margin:0 0 24px}
.detail-scope ul,.check-list{list-style:none;padding:0;margin:0}
.detail-scope li,.check-list li{position:relative;padding:13px 0;padding-inline-start:24px;border-bottom:1px solid rgba(255,255,255,.13);color:#c4cdd5}
.detail-scope li::before,.check-list li::before{content:"";position:absolute;inset-inline-start:0;top:23px;width:7px;height:7px;background:var(--orange)}
html[dir=ltr] .detail-scope li,html[dir=ltr] .check-list li{padding:13px 0 13px 24px}
.assurance-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.assurance-grid article{background:#fff;padding:48px;transition:transform .28s var(--ease),box-shadow .28s var(--ease)}
.assurance-grid h2{font-size:clamp(1.8rem,2.6vw,3rem);margin-bottom:34px}
.check-list li{color:var(--muted);border-color:var(--line)}
.simple-page{min-height:70vh;background:var(--ink);color:#fff;display:grid;place-items:center;padding:130px 0}
.simple-page .shell{max-width:1000px}
.simple-page h1{font-size:clamp(2.5rem,4.5vw,5rem)}
.simple-page p{color:#aab6c0;font-size:1.05rem;max-width:780px}
.simple-page .button{margin-top:26px}
.system-card:focus-visible,.sector-row:focus-visible,.button:focus-visible,.footer-social a:focus-visible,.footer-nav a:focus-visible,.footer-map:focus-visible{outline:3px solid rgba(255,121,0,.7);outline-offset:4px}
@media (hover:hover) and (pointer:fine){
  .system-card:hover .system-icon{transform:translateY(-3px) scale(1.025)}
  .text-link:hover b{transform:translate(3px,-3px)}
  .process-grid li:hover{transform:translateY(-6px);background:rgba(255,255,255,.055);border-color:rgba(255,121,0,.38);box-shadow:0 22px 42px rgba(0,0,0,.22);z-index:2}
  .process-grid li:hover::after{transform:scaleX(1)}
  .timeline-item:hover{transform:translateY(-3px);padding-inline:24px;background:#fff;box-shadow:0 16px 34px rgba(8,17,28,.08)}
  .sector-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(8,17,28,.11);z-index:2}
  .sector-card:hover::after{transform:scaleX(1)}
  .value-card:hover{transform:translateY(-5px);background:#fffdfb;box-shadow:0 18px 38px rgba(8,17,28,.1);z-index:2}
  .assurance-grid article:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(8,17,28,.1);z-index:2}
  .brand-family:hover{transform:translateY(-5px);box-shadow:0 20px 44px rgba(8,17,28,.1)}
  .brand-mark:hover img{transform:scale(1.04)}
  .logo-card:hover img{transform:scale(1.035)}
  .sector-row:hover>b{transform:translate(3px,-3px)}
}
.logo-card img,.sector-row>b,.brand-mark img{transition:transform .25s var(--ease)}
.reveal{opacity:1;transform:none;transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.motion-ready .reveal.visible{opacity:1;transform:none}
@keyframes hero-settle{from{opacity:.3;transform:scale(1.07)}to{opacity:1;transform:scale(1.015)}}
@media (max-width:860px){.site-footer .footer-grid-corporate{grid-template-columns:1fr!important}.footer-brand{grid-column:auto!important}}
@media (min-width:561px) and (max-width:860px){.site-header,.site-header.scrolled{height:82px!important}.brand{width:220px!important}.brand img{height:64px!important}.mobile-nav{top:82px!important}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-image{animation:none}.reveal,.process-grid li,.timeline-item,.sector-card,.value-card,.assurance-grid article,.logo-card img,.sector-row>b,.system-icon,.text-link b,.brand-family,.brand-mark img{opacity:1;transform:none!important;transition:none!important}}
@media (prefers-reduced-motion:reduce){.hero-foot span{animation:none;transform:none!important;transition:none!important}.hero-foot span::after{transition:none!important}}
@media (max-width:1180px){.site-footer .footer-grid-corporate{grid-template-columns:1fr 1.35fr .8fr}}
@media (max-width:860px){.site-footer .footer-grid-corporate{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media (max-width:860px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.brand-catalog{grid-template-columns:1fr}.brand-family:last-child:nth-child(odd){grid-column:auto}.brand-family:last-child:nth-child(odd) .brand-family-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.technology-hero-grid{grid-template-columns:1fr;gap:34px}.technology-hero-copy{max-width:760px}}
@media (max-width:560px){.site-footer .footer-grid-corporate{grid-template-columns:1fr}.footer-brand{grid-column:auto}.site-footer .footer-contact-list{grid-template-columns:1fr}.footer-contact-list article{min-height:auto}.site-footer .footer-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-items:start}}
@media (max-width:560px){.metrics-grid{grid-template-columns:1fr}.metrics-grid article{min-height:auto;padding:28px 22px}.brand-family{padding:18px}.brand-family-grid{gap:4px}.brand-mark{min-height:62px;padding:5px}.brand-mark img{height:28px}.brand-wordmark strong{font-size:.58rem}.header-cta{display:none!important}}
@media (max-width:1320px){:root{--shell:min(100% - 40px,1220px)}.site-header{height:104px}.site-header.scrolled{height:88px}.nav-shell{grid-template-columns:auto minmax(0,1fr) auto;gap:14px}.brand{width:290px}.brand img{height:84px}.desktop-nav{gap:8px}.desktop-nav a{font-size:.92rem}.site-header .button.small{min-height:42px;padding:0 13px;font-size:.78rem}.systems-grid{grid-template-columns:repeat(2,1fr)}.systems-grid>.system-card:last-child:nth-child(odd){grid-column:1/-1;min-height:260px}.brand-grid{grid-template-columns:repeat(4,1fr)}.brand-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.client-grid{grid-template-columns:repeat(3,1fr)}.value-grid{grid-template-columns:repeat(2,1fr)} }
@media (min-width:861px) and (max-width:1080px){.site-header,.site-header.scrolled{height:82px}.nav-shell{grid-template-columns:1fr auto}.brand{width:230px}.brand img{height:66px}.desktop-nav{display:none}.menu-button{display:grid;width:44px;height:44px;border:1px solid rgba(255,255,255,.2);background:transparent;place-content:center;gap:7px}.menu-button span{width:22px;height:2px;background:#fff;display:block}.mobile-nav{position:absolute;top:82px;inset-inline:0;background:#07111b;border-top:1px solid rgba(255,255,255,.12);padding:18px clamp(20px,4vw,64px);box-shadow:0 30px 60px rgba(0,0,0,.28)}.mobile-nav.open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}.mobile-nav a{padding:12px 0;color:#d8dfe5;border-bottom:1px solid rgba(255,255,255,.1)}}
@media (max-width:860px){:root{--shell:calc(100% - 32px)}.site-header,.site-header.scrolled{height:74px}.nav-shell{grid-template-columns:1fr auto}.brand{width:190px}.brand img{height:52px}.desktop-nav{display:none}.menu-button{display:grid;width:46px;height:46px;border:1px solid rgba(255,255,255,.2);background:transparent;place-content:center;gap:7px}.menu-button span{width:22px;height:2px;background:#fff;display:block}.mobile-nav{position:absolute;top:74px;inset-inline:0;background:#07111b;border-top:1px solid rgba(255,255,255,.12);padding:18px clamp(18px,5vw,40px);box-shadow:0 30px 60px rgba(0,0,0,.28)}.mobile-nav.open{display:grid}.mobile-nav a{padding:12px 0;color:#d8dfe5;border-bottom:1px solid rgba(255,255,255,.1)}.hero{min-height:auto}.hero-grid{grid-template-columns:1fr;padding-block:72px 52px;gap:36px}.hero h1{font-size:clamp(2.45rem,8vw,4rem)}.hero-status{max-width:420px}.hero-foot{grid-template-columns:repeat(2,1fr)}.section-heading,.final-cta-grid{grid-template-columns:1fr;gap:24px}.systems-grid,.process-grid{grid-template-columns:repeat(2,1fr)}.sector-layout,.about-grid,.contact-grid,.detail-hero-grid{grid-template-columns:1fr}.sector-image,.about-visual{min-height:440px;height:440px}.client-grid,.client-grid.large{grid-template-columns:repeat(2,1fr)}.brand-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.sector-cards,.assurance-grid{grid-template-columns:1fr}.project-proof{grid-template-columns:1fr}.project-form{padding:30px}.detail-hero{padding-top:90px}}
@media (max-width:560px){:root{--shell:calc(100% - 24px)}body{font-size:15px}.brand{width:160px}.lang{width:42px;height:42px}.hero-shade{background:linear-gradient(0deg,rgba(3,8,14,.96) 0%,rgba(5,12,20,.72) 64%,rgba(5,12,20,.25) 100%)}html[dir=rtl] .hero-shade{background:linear-gradient(0deg,rgba(3,8,14,.96) 0%,rgba(5,12,20,.72) 64%,rgba(5,12,20,.25) 100%)}.hero-image{object-position:45% center}.hero-grid{padding-top:35vh}.hero-copy{background:rgba(4,10,17,.72);padding:24px 18px;backdrop-filter:blur(8px)}.hero h1{font-size:2.45rem}.hero-lead{font-size:1rem}.hero-actions{display:grid}.button{width:100%}.hero-status{margin-inline:18px}.systems-grid,.process-grid{grid-template-columns:1fr}.system-card{min-height:280px;padding:28px}.process-grid li{min-height:auto}.section{padding:72px 0}.section-heading h2{font-size:2.25rem}.sector-image,.about-visual{height:340px;min-height:340px}.sector-row{grid-template-columns:36px 1fr 20px;gap:12px}.brand-grid{grid-template-columns:repeat(2,1fr)}.logo-card{min-height:100px;padding:20px}.footer-grid{grid-template-columns:1fr;gap:28px}.footer-meta{display:grid;gap:8px}.footer-meta a{margin:0}.project-proof{padding:28px}.project-proof>div{display:grid}.confidentiality-note{grid-template-columns:1fr;padding:26px}.value-grid{grid-template-columns:1fr}.project-form{grid-template-columns:1fr;padding:22px}.project-form .full{grid-column:auto}.detail-hero h1,.page-hero h1{font-size:2.7rem}.detail-scope,.assurance-grid article,.contact-aside{padding:28px}.timeline-item{grid-template-columns:52px 1fr;gap:14px}.wa{width:52px;height:52px;inset-inline-end:14px;bottom:calc(14px + var(--wa-lift))}}
@media (max-width:560px){.hero-image{object-position:28% center;transform:scale(1.005)}.hero-shade,html[dir=rtl] .hero-shade{background:linear-gradient(0deg,rgba(3,8,14,.90) 0%,rgba(5,12,20,.58) 48%,rgba(5,12,20,.06) 100%)}.hero-grid{padding-block:clamp(120px,20vh,170px) 36px;gap:24px}.hero-copy{background:rgba(4,10,17,.58);padding:22px 17px;backdrop-filter:blur(2px)}.hero-status{margin-inline:0}}
@media (max-width:560px){.client-grid .logo-card img{height:52px}.client-grid .logo-card img[src*="on-the-run"],.client-grid .logo-card img[src*="unicharm"],.client-grid .logo-card img[src*="awlad-ragab"],.client-grid .logo-card img[src*="kapci"],.client-grid .logo-card img[src*="abaza-auto"]{height:66px}}
@media (max-width:1080px){.mobile-nav{position:fixed!important;top:82px!important;left:0!important;right:0!important;inset-inline:auto!important;width:auto!important;max-width:none!important;max-height:calc(100dvh - 82px);overflow-x:hidden;overflow-y:auto;padding:18px clamp(18px,5vw,64px)!important;z-index:81;direction:inherit;text-align:start}.mobile-nav a{display:block;width:100%;min-width:0;white-space:normal}}
@media (max-width:560px){.mobile-nav{top:74px!important;max-height:calc(100dvh - 74px)}}
@media (min-width:861px) and (max-width:1320px){.client-grid,.client-grid.large{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* Keep the sticky navigation out of the way once the footer enters the viewport. */
.site-header{
  transition:height .35s var(--ease),box-shadow .35s var(--ease),background-color .35s var(--ease),transform .32s var(--ease),opacity .22s ease,visibility .32s linear;
  will-change:transform;
}
.site-header.footer-visible{
  transform:translateY(calc(-100% - 2px));
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}
@media (prefers-reduced-motion:reduce){
  .site-header{transition:none!important}
}