:root{--ivory-light: #faf9f5;--ivory-medium: #f0eee6;--ivory-dark: #e8e6dc;--slate-dark: #141413;--slate-medium: #3d3d3a;--slate-light: #5e5d59;--cloud-dark: #87867f;--cloud-medium: #b0aea5;--cloud-light: #d1cfc5;--clay: #d97757;--clay-dark: #c6613f;--clay-light: #f5ebe5;--clay-text: #9d4522;--blue: #1B4B82;--blue-light: #2E6DB4;--blue-dark: #0F2D4F;--blue-bg: rgba(27, 75, 130, .06);--gold: #C8A951;--gold-dark: #A08030;--gold-light: rgba(200, 169, 81, .12);--charcoal: #1c1b18;--primary: var(--blue);--primary-light: var(--blue-light);--primary-dark: var(--blue-dark);--accent: var(--gold);--accent-dark: var(--gold-dark);--accent-warm: #D4B86A;--text-primary: var(--slate-dark);--text-secondary:var(--slate-light);--text-muted: var(--cloud-dark);--surface: var(--ivory-medium);--surface-alt: var(--ivory-dark);--white: #ffffff;--success: #2ECC71;--success-bg: #E8F9F0;--border: var(--ivory-dark);--border-subtle: var(--cloud-light);--shadow-sm: 0 1px 3px rgba(20, 20, 19, .06), 0 1px 2px rgba(20, 20, 19, .04);--shadow-md: 0 4px 16px rgba(20, 20, 19, .08), 0 2px 6px rgba(20, 20, 19, .04);--shadow-lg: 0 12px 40px rgba(20, 20, 19, .1), 0 4px 12px rgba(20, 20, 19, .05);--shadow-clay: 0 4px 20px rgba(217, 119, 87, .15);--radius: 12px;--radius-sm: 8px;--radius-lg: 20px;--radius-xl: 28px;--font-heading: "IBM Plex Sans Arabic", "Segoe UI", Tahoma, Arial, sans-serif;--font-body: "Tajawal", "Segoe UI", Tahoma, Arial, sans-serif;--text-xs: clamp(.75rem, .7rem + .25vw, .8125rem);--text-sm: clamp(.8125rem,.775rem + .2vw, .875rem);--text-base: clamp(.9375rem,.9rem + .2vw, 1.0625rem);--text-lg: clamp(1.125rem, 1.05rem + .4vw, 1.25rem);--text-xl: clamp(1.25rem, 1.1rem + .8vw, 1.5rem);--text-2xl: clamp(1.5rem, 1.2rem + 1.5vw, 2rem);--text-3xl: clamp(1.875rem, 1.4rem + 2.4vw, 2.75rem);--text-4xl: clamp(2.25rem, 1.5rem + 3.8vw, 3.5rem)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{direction:rtl;scroll-behavior:smooth;scroll-padding-top:5rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.75;color:var(--slate-dark);background-color:var(--ivory-light);text-align:right}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.25;letter-spacing:-.01em;color:var(--slate-dark)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}p{max-width:65ch;margin-bottom:1rem}a{color:var(--clay);text-decoration:none;transition:color .2s}a:hover{color:var(--clay-dark)}:focus-visible{outline:2px solid var(--clay);outline-offset:2px;border-radius:4px}::selection{background-color:var(--clay-light);color:var(--slate-dark)}.container{max-width:1200px;margin:0 auto;padding:0 24px}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:var(--radius-sm);font-family:var(--font-heading);font-weight:600;font-size:var(--text-base);cursor:pointer;border:none;transition:all .2s cubic-bezier(.16,1,.3,1);text-decoration:none;white-space:nowrap}.btn-primary{background:var(--clay);color:var(--white);box-shadow:var(--shadow-clay)}.btn-primary:hover{background:var(--clay-dark);color:var(--white);transform:translateY(-1px);box-shadow:0 6px 24px #d9775740}.btn-secondary{background:transparent;color:var(--slate-dark);border:1.5px solid var(--cloud-medium)}.btn-secondary:hover{border-color:var(--slate-medium);color:var(--slate-dark);background:var(--ivory-medium)}.btn-outline{background:transparent;color:var(--clay);border:1.5px solid var(--clay)}.btn-outline:hover{background:var(--clay);color:var(--white)}.btn-ghost{background:transparent;color:var(--slate-light);border:1.5px solid var(--cloud-light)}.btn-ghost:hover{background:var(--ivory-medium);color:var(--slate-dark);border-color:var(--cloud-medium)}.btn-dark{background:transparent;color:var(--white);border:1.5px solid rgba(255,255,255,.3)}.btn-dark:hover{background:#ffffff1a;color:var(--white);border-color:#ffffff80}.btn-whatsapp{background:#25d366;color:#fff}.btn-whatsapp:hover{background:#1ebe5d;color:#fff;transform:translateY(-1px);box-shadow:0 4px 20px #25d3664d}.btn-lg{padding:16px 36px;font-size:var(--text-lg)}.btn-sm{padding:9px 18px;font-size:var(--text-sm)}.stats-bar{background:var(--ivory-dark);padding:11px 0;border-bottom:1px solid var(--cloud-light)}.stats-bar-inner{display:flex;justify-content:center;gap:36px;flex-wrap:wrap}.stat-item{color:var(--slate-light);font-size:var(--text-sm);font-family:var(--font-body)}.stat-item strong{color:var(--clay);font-size:var(--text-base);font-weight:700}nav.main-nav{background:var(--white);border-bottom:1px solid var(--ivory-dark);padding:0;position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:68px}.nav-logo{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--slate-dark);text-decoration:none;letter-spacing:-.02em}.nav-logo span{color:var(--clay)}.nav-links{display:flex;gap:24px;list-style:none;align-items:center}.nav-links a{color:var(--slate-light);font-weight:500;font-size:var(--text-sm);transition:color .2s}.nav-links a:hover{color:var(--slate-dark)}.hero-visual{position:absolute;inset:0;overflow:hidden;pointer-events:none}.hero-blob{position:absolute;border-radius:30% 70% 70% 30%/30% 30% 70% 70%;background:var(--clay)}.hero-blob-1{width:clamp(200px,32vw,480px);height:clamp(200px,32vw,480px);opacity:.07;top:-8%;left:-5%}.hero-blob-2{width:clamp(120px,18vw,280px);height:clamp(120px,18vw,280px);opacity:.05;bottom:5%;left:25%;border-radius:60% 40% 30% 70%/50% 60% 40% 50%}.hero-blob-3{width:clamp(80px,12vw,180px);height:clamp(80px,12vw,180px);opacity:.09;top:25%;left:40%;border-radius:40% 60% 50% 50%/60% 40%}.section-header{text-align:center;margin-bottom:3rem}.section-tag{display:inline-block;background:var(--clay-light);color:var(--clay-text);font-size:var(--text-xs);font-weight:700;padding:5px 14px;border-radius:100px;margin-bottom:14px;letter-spacing:.04em;font-family:var(--font-heading)}.section-tag-blue{display:inline-block;background:var(--blue-bg);color:var(--blue);font-size:var(--text-xs);font-weight:700;padding:5px 14px;border-radius:100px;margin-bottom:14px;letter-spacing:.04em;font-family:var(--font-heading)}.section-title{font-size:var(--text-3xl);color:var(--slate-dark);margin-bottom:.75rem}.section-subtitle{font-size:var(--text-lg);color:var(--cloud-dark);max-width:580px;margin:0 auto}.section-divider{border:none;border-top:1px solid var(--cloud-light)}.card{background:var(--white);border:1px solid var(--ivory-dark);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow-sm);transition:box-shadow .25s,transform .25s}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-clay{background:var(--white);border:1px solid var(--ivory-dark);border-right:3px solid var(--clay);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow-sm);transition:box-shadow .25s,transform .25s}.card-clay:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.award-card{background:var(--white);border:1px solid var(--ivory-dark);border-right:3px solid var(--clay);border-radius:var(--radius);padding:24px 28px;box-shadow:var(--shadow-sm);transition:box-shadow .25s;display:flex;gap:24px;align-items:flex-start;flex-wrap:wrap}.award-card:hover{box-shadow:var(--shadow-md)}.award-value{font-size:1.5rem;font-weight:800;color:var(--clay-dark)}.sector-health{background:#e8f4fd;color:#1565c0}.sector-infrastructure{background:#fff3e0;color:#e65100}.sector-military{background:#f3e5f5;color:#6a1b9a}.sector-IT{background:#e8f5e9;color:#2e7d32}.sector-other{background:var(--ivory-medium);color:var(--slate-light)}.sector-commercial{background:#fff8e1;color:#f57f17}.badge{display:inline-block;padding:4px 10px;border-radius:100px;font-size:var(--text-xs);font-weight:700;font-family:var(--font-heading)}.sar-value{font-weight:800;color:var(--clay-dark);font-size:1.05em;font-family:var(--font-heading)}.live-dot{display:inline-block;width:7px;height:7px;background:var(--success);border-radius:50%;margin-left:6px;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.data-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.data-table th{background:var(--ivory-dark);color:var(--slate-dark);padding:12px 16px;text-align:right;font-weight:700;font-family:var(--font-heading);border-bottom:2px solid var(--cloud-light)}.data-table td{padding:12px 16px;border-bottom:1px solid var(--ivory-dark);vertical-align:top;color:var(--slate-medium)}.data-table tr:hover td{background:var(--ivory-light)}.cta-section{background:var(--charcoal);color:var(--white);padding:80px 0;text-align:center}.cta-section h2{color:var(--white);font-family:var(--font-heading)}.cta-section p{color:#ffffffbf;font-size:var(--text-lg)}.blog-card{background:var(--white);border:1px solid var(--ivory-dark);border-radius:var(--radius);overflow:hidden;transition:box-shadow .25s,transform .25s}.blog-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.blog-card-content{padding:24px}.blog-tag{display:inline-block;background:var(--clay-light);color:var(--clay-text);font-size:var(--text-xs);font-weight:700;padding:4px 10px;border-radius:100px;margin-bottom:10px;font-family:var(--font-heading)}.highlight-box{background:var(--clay-light);border:1px solid rgba(217,119,87,.2);border-radius:var(--radius);padding:24px;margin:2rem 0}.divider{border:none;border-top:1px solid var(--ivory-dark);margin:2rem 0}footer{background:var(--charcoal);color:#ffffffa6;padding:64px 0 32px}.footer-logo{font-family:var(--font-heading);font-size:1.75rem;font-weight:700;color:var(--white);margin-bottom:12px;letter-spacing:-.02em}.footer-logo span{color:var(--clay)}.footer-tagline{color:#ffffff73;font-size:var(--text-sm);line-height:1.65}.footer-links h4{color:var(--white);margin-bottom:16px;font-size:var(--text-sm);font-family:var(--font-heading);font-weight:600}.footer-links ul{list-style:none}.footer-links li{margin-bottom:10px}.footer-links a{color:#ffffff80;font-size:var(--text-sm);transition:color .2s}.footer-links a:hover{color:var(--clay)}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);margin-top:48px;padding-top:24px;text-align:center;font-size:var(--text-xs);color:#ffffff4d}.prose{max-width:760px;margin:0 auto;font-size:var(--text-lg);line-height:1.8;color:var(--slate-medium)}.prose h2{margin:2.5rem 0 1rem;color:var(--slate-dark);font-family:var(--font-heading)}.prose h3{margin:2rem 0 .75rem;color:var(--slate-dark);font-family:var(--font-heading)}.prose ul,.prose ol{padding-right:1.5rem;margin-bottom:1.5rem}.prose li{margin-bottom:.5rem}.prose table{width:100%;margin:2rem 0;border-collapse:collapse}.prose table th{background:var(--ivory-dark);color:var(--slate-dark);padding:10px 14px;text-align:right;font-family:var(--font-heading)}.prose table td{padding:10px 14px;border-bottom:1px solid var(--ivory-dark)}.prose blockquote{border-right:3px solid var(--clay);padding:16px 20px;background:var(--clay-light);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin:2rem 0;font-style:normal;color:var(--slate-medium)}@keyframes float-slow{0%,to{transform:translate(0) scale(1)}33%{transform:translate(10px,-15px) scale(1.03)}66%{transform:translate(-8px,8px) scale(.97)}}@keyframes float-slow-alt{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(-12px,10px) rotate(3deg)}}@keyframes pulse-ring{0%{transform:scale(.85);opacity:.6}70%{transform:scale(1.2);opacity:.15}to{transform:scale(1.35);opacity:0}}@keyframes line-flow{0%{stroke-dashoffset:800}to{stroke-dashoffset:0}}@media(prefers-reduced-motion:no-preference){.hero-blob-1{animation:float-slow 25s ease-in-out infinite}.hero-blob-2{animation:float-slow-alt 30s ease-in-out infinite}.hero-blob-3{animation:float-slow 20s ease-in-out infinite reverse}}@media(prefers-reduced-motion:reduce){.hero-blob{animation:none!important}}@media(max-width:768px){.container{padding:0 16px}.btn-lg{padding:14px 24px;font-size:var(--text-base)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.data-table{font-size:var(--text-xs)}.data-table th,.data-table td{padding:8px 10px}.hero-blob-1{opacity:.05}.hero-blob-3{display:none}}@media(max-width:640px){.stats-bar-inner{gap:20px}.award-card{flex-direction:column;gap:16px}}.nav-hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;background:none;border:none;cursor:pointer;padding:6px;border-radius:var(--radius-sm);transition:background .2s}.nav-hamburger:hover{background:var(--ivory-medium)}.nav-hamburger span{display:block;width:22px;height:2px;background:var(--slate-dark);border-radius:2px;transition:all .25s cubic-bezier(.16,1,.3,1);transform-origin:center}.nav-hamburger.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-hamburger.is-open span:nth-child(2){opacity:0;transform:scaleX(0)}.nav-hamburger.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-overlay{display:none;position:fixed;inset:0;background:#14141373;z-index:99;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.nav-overlay.active{display:block}@media(max-width:768px){.nav-hamburger{display:flex}.nav-links{display:flex!important;flex-direction:column;position:fixed;top:0;right:-100%;width:min(280px,82vw);height:100vh;background:var(--white);padding:84px 20px 32px;gap:2px;z-index:200;box-shadow:-6px 0 32px #14141324;transition:right .3s cubic-bezier(.16,1,.3,1);overflow-y:auto}.nav-links.nav-open{right:0}.nav-links li{width:100%}.nav-links>li>a:not(.btn){display:block;padding:12px 14px;border-radius:var(--radius-sm);font-size:var(--text-base);color:var(--slate-dark);font-weight:500;width:100%}.nav-links>li>a:not(.btn):hover{background:var(--ivory-medium);color:var(--slate-dark)}.nav-links .btn{width:100%;justify-content:center;margin-top:10px}}@media(max-width:480px){.hero-stats-grid{gap:16px!important}.cta-section{padding:56px 0}.section-header{margin-bottom:2rem}}
