:root{--gold:#D0C283;--off:#EAEFF3;--ink:#222220;--navy:#1B223F;--navy-deep:#0E1226;--white:#FFFFFF;--font-en:'Jost',sans-serif;--font-ar:'Tajawal',sans-serif;--font-mono:'JetBrains Mono',monospace;--container:1220px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--off);color:var(--ink);font-family:var(--font-en);line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}body.lang-ar{font-family:var(--font-ar)}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}h1,h2,h3,h4{margin:0;font-weight:700;letter-spacing:.2px}p{margin:0}.wrap{max-width:var(--container);margin-inline:auto;padding-inline:24px}.en{display:inline}.ar{display:none}body.lang-ar .en{display:none}body.lang-ar .ar{display:inline}.en-block{display:block}.ar-block{display:none}body.lang-ar .en-block{display:none}body.lang-ar .ar-block{display:block}.nav{position:sticky;top:0;z-index:100;background:rgba(14,18,38,.92);backdrop-filter:saturate(160%) blur(10px);border-block-end:1px solid rgba(208,194,131,.2)}.nav .wrap{display:flex;align-items:center;justify-content:space-between;padding-block:14px;gap:20px}.nav-brand{display:flex;align-items:center;gap:10px;color:var(--white)}.logo-mark{width:40px;height:21px;color:var(--gold)}.nav-brand b{font-size:1.05rem;letter-spacing:3px;color:var(--white)}.nav-links{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.nav-links a{color:#d8dae8;font-size:.86rem;font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--gold)}.nav-actions{display:flex;align-items:center;gap:14px}.lang-btn{border:1px solid rgba(208,194,131,.55);color:var(--gold);background:0 0;padding:6px 14px;border-radius:30px;font-size:.78rem;letter-spacing:1px;cursor:pointer;font-family:inherit;transition:.2s}.lang-btn:hover{background:rgba(208,194,131,.14)}.nav-cta{background:var(--gold);color:var(--navy-deep);padding:9px 18px;border-radius:30px;font-size:.82rem;font-weight:700;white-space:nowrap}.nav-burger{display:none;flex-direction:column;gap:5px;background:0 0;border:0;cursor:pointer}.nav-burger span{width:22px;height:2px;background:var(--gold)}@media(max-width:920px){.nav-links{display:none}.nav-burger{display:flex}.nav.open .nav-links{display:flex;position:absolute;inset-inline:0;top:100%;background:var(--navy-deep);flex-direction:column;padding:18px 24px;gap:16px;border-block-end:1px solid rgba(208,194,131,.2)}}@media(max-width:480px){.nav-cta{padding:8px 12px;font-size:.7rem}.lang-btn{padding:6px 10px;font-size:.7rem}.nav-actions{gap:8px}}.hero{position:relative;background:radial-gradient(ellipse at 78% -10%,#2a3266 0,var(--navy) 45%,var(--navy-deep) 100%);color:var(--white);padding-block:110px 90px;overflow:hidden}.hero::before{content:"";position:absolute;inset:0;opacity:.14;pointer-events:none;background-image:radial-gradient(circle,rgba(208,194,131,.7) 1px,transparent 1.4px);background-size:26px 26px}.hero .wrap{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}@media(max-width:980px){.hero .wrap{grid-template-columns:1fr}}.hero-inner{max-width:640px}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--gold);font-size:.8rem;letter-spacing:3px;text-transform:uppercase;margin-block-end:22px}.eyebrow::before{content:"";width:34px;height:1px;background:var(--gold)}.hero h1{font-size:clamp(2.2rem,4.6vw,3.7rem);line-height:1.1;color:var(--white)}.hero h1 em{color:var(--gold);font-style:normal}.hero p.lead{margin-block-start:22px;font-size:1.1rem;color:#c9cde6;max-width:600px}.hero-ctas{display:flex;gap:16px;margin-block-start:36px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 30px;border-radius:40px;font-weight:700;font-size:.92rem;transition:.25s;cursor:pointer;border:1px solid transparent}.btn-gold{background:var(--gold);color:var(--navy-deep)}.btn-gold:hover{filter:brightness(1.1);transform:translateY(-2px)}.btn-outline{border-color:rgba(255,255,255,.35);color:var(--white)}.btn-outline:hover{border-color:var(--gold);color:var(--gold)}.hero-stats{display:flex;gap:40px;margin-block-start:54px;flex-wrap:wrap}.hero-stats div b{display:block;font-size:1.8rem;color:var(--gold)}.hero-stats div span{font-size:.8rem;color:#a9adc9}.data-core{position:relative;width:100%;max-width:460px;margin-inline:auto;aspect-ratio:1/1}.dc-ring{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(208,194,131,.25)}.dc-ring.r2{inset:12%;border-color:rgba(208,194,131,.35);animation:spin 26s linear infinite}.dc-ring.r3{inset:24%;border-color:rgba(255,255,255,.15);animation:spin 18s linear infinite reverse}.dc-core{position:absolute;inset:36%;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(208,194,131,.9),rgba(27,34,63,.2) 70%);box-shadow:0 0 60px 10px rgba(208,194,131,.35),inset 0 0 30px rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center}.dc-core .logo-mark{width:46%;height:auto;color:var(--navy-deep)}.dc-node{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--gold);box-shadow:0 0 12px 3px rgba(208,194,131,.7);animation:pulse 2.4s ease-in-out infinite}.dc-node:first-child{inset-block-start:2%;inset-inline-start:48%;animation-delay:.1s}.dc-node:nth-child(2){inset-block-start:50%;inset-inline-end:0%;animation-delay:.6s}.dc-node:nth-child(3){inset-block-end:4%;inset-inline-start:20%;animation-delay:1.1s}.dc-node:nth-child(4){inset-block-start:22%;inset-inline-start:2%;animation-delay:1.6s}.dc-chip{position:absolute;display:flex;align-items:center;gap:8px;background:rgba(14,18,38,.75);border:1px solid rgba(208,194,131,.4);color:var(--white);font-size:.72rem;letter-spacing:.5px;padding:7px 12px;border-radius:30px;backdrop-filter:blur(6px)}.dc-chip span.dot{width:6px;height:6px;border-radius:50%;background:#5fd08a;box-shadow:0 0 6px #5fd08a}.dc-chip.c1{inset-block-start:-2%;inset-inline-end:6%}.dc-chip.c2{inset-block-end:8%;inset-inline-start:-8%}.dc-chip.c3{inset-block-start:44%;inset-inline-end:-10%}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.55}}section{padding-block:88px}.section-dark{background:var(--navy);color:var(--white)}.section-deep{background:var(--navy-deep);color:var(--white)}.section-off{background:var(--off);color:var(--ink)}.section-white{background:var(--white);color:var(--ink)}.head-row{display:flex;align-items:center;gap:18px;margin-block-end:46px}.head-icon{width:56px;height:56px;min-width:56px;border:1px solid var(--gold);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--gold)}.head-line{flex:1;height:1px;background:linear-gradient(90deg,var(--gold),transparent);max-width:120px}.head-row h2{font-size:clamp(1.5rem,3vw,2.1rem)}.section-dark .head-row h2,.section-deep .head-row h2{color:var(--white)}.eyebrow-sm{color:var(--gold);font-size:.78rem;letter-spacing:2px;text-transform:uppercase;margin-block-end:8px;display:block}.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}.reveal.in{opacity:1;transform:translateY(0)}.grid{display:grid;gap:26px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:900px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr 1fr}}@media(max-width:600px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.card{background:rgba(255,255,255,.03);border:1px solid rgba(208,194,131,.28);border-radius:16px;padding:30px 26px;transition:.3s}.section-off .card,.section-white .card{background:var(--white);border-color:rgba(34,34,32,.1);box-shadow:0 6px 24px rgba(34,34,32,.06)}.card:hover{transform:translateY(-6px);border-color:var(--gold)}.card .ic{width:54px;height:54px;border-radius:12px;background:rgba(208,194,131,.14);color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-block-end:18px}.card h3{font-size:1.08rem;margin-block-end:10px}.card p{font-size:.92rem;opacity:.85}.section-off .card p,.section-white .card p{opacity:.7}.service-card{display:block;position:relative}.service-card .go{position:absolute;inset-inline-end:24px;inset-block-start:26px;color:var(--gold);font-size:1.2rem;transition:transform .25s}.service-card:hover .go{transform:translateX(4px)}body.lang-ar .service-card:hover .go{transform:translateX(-4px)}.feat-row{display:flex;gap:22px;padding-block:26px;border-block-end:1px solid rgba(34,34,32,.1)}.section-dark .feat-row,.section-deep .feat-row{border-block-end-color:rgba(208,194,131,.18)}.feat-row:last-child{border-block-end:none}.feat-num{min-width:46px;height:46px;border-radius:50%;border:1px solid var(--gold);color:var(--gold);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.feat-row h4{margin-block-end:6px;font-size:1.05rem}.feat-row p{font-size:.93rem;opacity:.75}.band{background:linear-gradient(120deg,var(--navy-deep),var(--navy));color:var(--white);padding-block:70px}.band h2{font-size:clamp(1.5rem,3.4vw,2.4rem);max-width:820px;line-height:1.35}.band .gold-mark{color:var(--gold)}.logo-strip{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}.logo-chip{border:1px solid rgba(34,34,32,.12);border-radius:10px;padding:14px 22px;font-weight:700;font-size:.86rem;color:var(--ink);background:var(--white);letter-spacing:.3px;opacity:.85}.rack-row{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}@media(max-width:860px){.rack-row{grid-template-columns:1fr}}.rack{background:linear-gradient(180deg,#171d47,#0d1130);border:1px solid rgba(208,194,131,.3);border-radius:16px;padding:20px;box-shadow:0 20px 50px rgba(0,0,0,.35)}.rack-unit{display:flex;align-items:center;gap:10px;background:#0a0d22;border:1px solid rgba(208,194,131,.18);border-radius:8px;padding:10px 12px;margin-block-end:8px}.rack-unit:last-child{margin-block-end:0}.rack-vents{display:flex;gap:3px;flex:1}.rack-vents span{width:3px;height:16px;background:rgba(255,255,255,.12);border-radius:1px}.rack-led{width:8px;height:8px;border-radius:50%;background:#5fd08a;box-shadow:0 0 8px #5fd08a;animation:blink 2.2s ease-in-out infinite}.rack-led.amber{background:var(--gold);box-shadow:0 0 8px var(--gold)}.rack-unit:nth-child(2) .rack-led{animation-delay:.4s}.rack-unit:nth-child(3) .rack-led{animation-delay:.9s}.rack-unit:nth-child(4) .rack-led{animation-delay:1.3s}@keyframes blink{0%,100%{opacity:1}50%{opacity:.25}}.rack-caption{color:var(--gold);font-size:.78rem;letter-spacing:1px;text-align:center;margin-block-start:16px;text-transform:uppercase}.dash{background:linear-gradient(160deg,#171d47,#0a0d22);border:1px solid rgba(208,194,131,.3);border-radius:18px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.4)}.dash-bar{display:flex;align-items:center;gap:8px;padding:14px 18px;background:rgba(255,255,255,.04);border-block-end:1px solid rgba(208,194,131,.15)}.dash-dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.25)}.dash-title{margin-inline-start:10px;color:#c9cde6;font-size:.78rem;letter-spacing:.5px}.dash-body{padding:26px;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}@media(max-width:760px){.dash-body{grid-template-columns:1fr}}.dash-stat b{display:block;font-size:1.7rem;color:var(--gold)}.dash-stat span{font-size:.76rem;color:#a9adc9;letter-spacing:.3px}.dash-chart{grid-column:1/-1;display:flex;align-items:flex-end;gap:8px;height:120px;margin-block-start:6px}.dash-chart i{flex:1;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,var(--gold),rgba(208,194,131,.35));min-height:6%}.dash-ring{grid-column:1/-1;display:flex;align-items:center;gap:26px;margin-block-start:8px}.ring{width:96px;height:96px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:conic-gradient(var(--gold) calc(var(--pct,92)*1%),rgba(255,255,255,.08) 0)}.ring b{width:70px;height:70px;border-radius:50%;background:#0d1130;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:1rem}.term{background:#0a0d22;border:1px solid rgba(208,194,131,.3);border-radius:14px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.4)}.term-bar{display:flex;gap:7px;padding:12px 16px;background:rgba(255,255,255,.05)}.term-bar span{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.2)}.term-body{padding:22px 24px;font-family:var(--font-mono);font-size:.86rem;line-height:1.9;color:#cdd1ea}.term-body .k{color:var(--gold)}.term-body .s{color:#8fd6a8}.term-body .c{color:#7d82a8}.term-cursor{display:inline-block;width:7px;height:15px;background:var(--gold);margin-inline-start:4px;animation:blink 1s step-end infinite;vertical-align:middle}.netdiag{position:relative;height:220px;display:flex;align-items:center;justify-content:space-between;padding-inline:6%}.netdiag .nd-node{width:64px;height:64px;border-radius:16px;background:rgba(208,194,131,.12);border:1px solid rgba(208,194,131,.4);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--gold);position:relative;z-index:2}.netdiag .nd-line{position:absolute;inset-inline:10%;top:50%;height:2px;background:repeating-linear-gradient(90deg,rgba(208,194,131,.5) 0 8px,transparent 8px 16px);z-index:1}.netdiag .nd-packet{position:absolute;top:50%;width:10px;height:10px;margin-block-start:-5px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px var(--gold);animation:travel 4s linear infinite;z-index:1}@keyframes travel{0%{inset-inline-start:10%}100%{inset-inline-start:88%}}.netdiag-label{text-align:center;font-size:.72rem;color:#a9adc9;margin-block-start:10px;letter-spacing:.4px}.shield-wrap{position:relative;width:220px;height:220px;margin-inline:auto}.shield-ring{position:absolute;inset:0;border-radius:50%;border:1px dashed rgba(208,194,131,.35)}.shield-ring.r2{inset:16%;animation:spin 12s linear infinite}.shield-sweep{position:absolute;inset:16%;border-radius:50%;overflow:hidden;background:conic-gradient(from 0deg,rgba(208,194,131,.55),transparent 70%);animation:spin 3.4s linear infinite}.shield-icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:3.4rem;color:var(--gold)}.cta-strip{background:var(--gold);color:var(--navy-deep);padding-block:50px;text-align:center}.cta-strip h3{font-size:clamp(1.3rem,2.6vw,1.9rem);margin-block-end:20px}.cta-strip .btn-gold{background:var(--navy-deep);color:var(--gold)}.cta-strip .btn-gold:hover{filter:none;background:var(--navy)}.breadcrumb{font-size:.8rem;opacity:.7;margin-block-end:18px}.breadcrumb a:hover{color:var(--gold)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}@media(max-width:860px){.two-col{grid-template-columns:1fr}}footer{background:var(--navy-deep);color:#c7cae0;padding-block:70px 30px}.footer-top{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap;padding-block-end:50px;border-block-end:1px solid rgba(208,194,131,.15)}.footer-brand b{color:var(--white);letter-spacing:3px;font-size:1.1rem}.footer-brand p{margin-block-start:14px;max-width:320px;font-size:.88rem;opacity:.8}.footer-cols{display:flex;gap:60px;flex-wrap:wrap}.footer-col h5{color:var(--white);font-size:.85rem;letter-spacing:1.5px;text-transform:uppercase;margin-block-end:16px}.footer-col a{display:block;font-size:.88rem;opacity:.8;margin-block-end:10px;transition:.2s}.footer-col a:hover{opacity:1;color:var(--gold)}.footer-bottom{display:flex;justify-content:space-between;padding-block-start:24px;font-size:.8rem;opacity:.65;flex-wrap:wrap;gap:10px}.page-hero .wrap{display:block}.page-hero .hero-inner{max-width:760px}.page-hero{padding-block:60px 70px}.service-icon-lg{width:74px;height:74px;border-radius:16px;background:rgba(208,194,131,.14);color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:2.1rem;margin-block-end:22px}.tag-row{display:flex;gap:10px;flex-wrap:wrap;margin-block-start:20px}.tag-chip{border:1px solid rgba(208,194,131,.4);color:var(--gold);border-radius:30px;padding:6px 14px;font-size:.76rem;letter-spacing:.5px}.contact-card{background:var(--white);border:1px solid rgba(34,34,32,.1);border-radius:16px;padding:28px;box-shadow:0 6px 24px rgba(34,34,32,.06)}.contact-row{display:flex;align-items:center;gap:16px;padding-block:14px;border-block-end:1px solid rgba(34,34,32,.08)}.contact-row:last-child{border-block-end:none}.contact-row .ic{width:44px;height:44px;min-width:44px;border-radius:10px;background:rgba(208,194,131,.14);color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:1.15rem}.contact-row a,.contact-row span.val{font-weight:600;font-size:.95rem}.request-form{background:var(--white);border:1px solid rgba(34,34,32,.1);border-radius:16px;padding:34px;box-shadow:0 6px 24px rgba(34,34,32,.06)}.form-row{margin-block-end:20px}.form-row label{display:block;font-size:.8rem;font-weight:700;letter-spacing:.4px;margin-block-end:8px;color:var(--navy)}.form-row label .req{color:#c0392b}.form-row input[type=email],.form-row input[type=tel],.form-row input[type=text],.form-row textarea{width:100%;border:1px solid rgba(34,34,32,.18);border-radius:10px;padding:13px 16px;font-family:inherit;font-size:.95rem;color:var(--ink);background:var(--off);transition:.2s}.form-row input:focus,.form-row textarea:focus{outline:0;border-color:var(--gold);background:var(--white);box-shadow:0 0 0 3px rgba(208,194,131,.22)}.form-row textarea{resize:vertical;min-height:120px}.form-2col{display:grid;grid-template-columns:1fr 1fr;gap:20px 24px}@media(max-width:640px){.form-2col{grid-template-columns:1fr}}.form-hint{font-size:.76rem;opacity:.55;margin-block-start:6px}.services-check-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;margin-block-start:4px}@media(max-width:640px){.services-check-grid{grid-template-columns:1fr}}.service-check{display:flex;align-items:center;gap:10px;padding:11px 14px;border:1px solid rgba(34,34,32,.14);border-radius:10px;cursor:pointer;font-size:.86rem;transition:.2s;background:var(--off)}.service-check:hover{border-color:var(--gold)}.service-check input{accent-color:var(--gold);width:16px;height:16px;flex:none}.service-check input:checked~span{color:var(--navy);font-weight:700}.form-hp{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;margin:-1px!important;padding:0!important;border:0!important}.form-submit-row{display:flex;align-items:center;gap:18px;margin-block-start:8px;flex-wrap:wrap}.form-note{font-size:.78rem;opacity:.6}.form-alert{border-radius:12px;padding:16px 20px;margin-block-end:26px;font-size:.9rem;font-weight:600}.form-alert-success{background:rgba(46,139,87,.12);color:#1f6b45;border:1px solid rgba(46,139,87,.3)}.form-alert-error{background:rgba(192,57,43,.1);color:#a4302a;border:1px solid rgba(192,57,43,.3)}.request-form button.btn-gold{border:1px solid transparent;cursor:pointer;font-family:inherit}
.wa-float{position:fixed;bottom:104px;right:26px;width:58px;height:58px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,.28);z-index:999;transition:transform .2s ease,box-shadow .2s ease}
.wa-float:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 12px 30px rgba(0,0,0,.34)}
.wa-float svg{width:30px;height:30px}
.wa-float-tip{position:absolute;right:70px;top:50%;transform:translateY(-50%);background:var(--navy-deep);color:#fff;font-size:.78rem;padding:8px 14px;border-radius:8px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;font-family:var(--font-ar)}
.wa-float:hover .wa-float-tip{opacity:1}
@media(max-width:600px){.wa-float{bottom:84px;right:18px;width:52px;height:52px}.wa-float svg{width:26px;height:26px}.wa-float-tip{display:none}}
.footer-social{display:flex;gap:10px;margin-block-start:18px}
.footer-social a{width:38px;height:38px;border-radius:50%;border:1px solid rgba(208,194,131,.3);display:flex;align-items:center;justify-content:center;transition:.2s}
.footer-social a:hover{background:var(--gold);border-color:var(--gold);transform:translateY(-2px)}
.footer-social svg{width:17px;height:17px;fill:var(--gold);transition:.2s}
.footer-social a:hover svg{fill:var(--navy-deep)}