/* Source: assets/css/style.css */

:root{--navy:#020d1d;--navy2:#061a34;--blue:#0787ff;--cyan:#16c7ff;--ink:#10243d;--muted:#607089;--soft:#f3f7fb;--line:#dce6f0;--white:#fff;--max:1220px;--shadow:0 18px 55px rgba(9,38,73,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.62}img{max-width:100%}a{color:inherit}.container{width:min(calc(100% - 40px),var(--max));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:15px;top:15px;z-index:999;background:#fff;padding:10px}.topbar{position:sticky;top:0;z-index:100;background:rgba(2,13,29,.96);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08)}.nav{height:78px;display:flex;align-items:center;gap:28px}.brand img{width:210px;display:block}.navlinks{display:flex;align-items:center;gap:22px;margin-left:auto}.navlinks a{text-decoration:none;color:#cfdded;font-size:12px;font-weight:650;letter-spacing:.45px;white-space:nowrap}.navlinks a:hover,.navlinks a.active{color:#48c9ff}.cta,.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:7px;border:1px solid rgba(255,255,255,.24);padding:12px 18px;font-weight:800;font-size:12px;letter-spacing:.45px;transition:.2s}.cta{color:#fff;background:linear-gradient(135deg,#0678f6,#10b7ff)}.menu{display:none;margin-left:auto;border:0;background:transparent;color:#fff;font-size:25px}.lang{color:#fff;text-decoration:none;font-weight:800;font-size:12px;border:1px solid rgba(255,255,255,.2);padding:7px 10px;border-radius:6px}
.hero,.page-hero{position:relative;color:#fff;overflow:hidden;background:radial-gradient(circle at 72% 40%,rgba(9,143,255,.28),transparent 32%),linear-gradient(120deg,#020b18,#062449)}.hero:before,.page-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(35,170,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(35,170,255,.08) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,#000,transparent 85%)}.hero-orb{position:absolute;width:530px;height:530px;border:1px solid rgba(40,192,255,.3);border-radius:50%;right:4%;top:5%;animation:float 7s ease-in-out infinite}.hero-orb:before,.hero-orb:after{content:"";position:absolute;border:1px solid rgba(40,192,255,.2);border-radius:50%;inset:55px}.hero-orb:after{inset:115px}@keyframes float{50%{transform:translateY(-16px) rotate(3deg)}}.hero-inner{min-height:610px;position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:44px}.hero-copy{padding:60px 0}.eyebrow,.kicker{display:inline-block;color:#6bd8ff;font-size:12px;font-weight:900;letter-spacing:1.8px;text-transform:uppercase}.hero h1{font-size:clamp(48px,6vw,82px);line-height:1.02;margin:14px 0}.hero h1 span{color:#25c8ff}.hero h2{font-size:20px;font-weight:600;margin:0 0 16px}.hero p{font-size:18px;color:#d7e5f5;max-width:700px}.buttons{display:flex;gap:14px;margin-top:28px}.btn{color:#fff}.btn.primary{border-color:transparent;background:linear-gradient(135deg,#0678f6,#10b7ff);box-shadow:0 10px 28px rgba(0,133,255,.28)}.btn.light{background:#fff;color:#0a2849;border-color:#fff}.hero-art{position:relative;display:grid;place-items:center}.cyber-art{width:100%;filter:drop-shadow(0 10px 30px rgba(0,155,255,.25));animation:float 7s ease-in-out infinite}.particle{position:absolute;width:5px;height:5px;border-radius:50%;background:#37ccff;box-shadow:0 0 14px #37ccff;animation:pulse 3s infinite}.particle:nth-child(2){left:18%;top:25%;animation-delay:.5s}.particle:nth-child(3){right:8%;top:35%;animation-delay:1s}.particle:nth-child(4){left:30%;bottom:16%;animation-delay:1.5s}@keyframes pulse{50%{opacity:.2;transform:scale(2)}}
.trustbar{background:#fff;border-bottom:1px solid var(--line)}.trustbar .container{display:grid;grid-template-columns:repeat(4,1fr)}.trustitem{padding:18px;text-align:center;border-right:1px solid var(--line)}.trustitem:last-child{border:0}.trustitem strong{display:block;color:var(--navy2);font-size:17px}.trustitem span{font-size:12px;color:var(--muted)}.section{padding:82px 0}.section.soft{background:var(--soft)}.section.dark{color:#fff;background:linear-gradient(120deg,#031127,#082340)}.section-head{text-align:center;max-width:790px;margin:0 auto 40px}.section-head.left{text-align:left;margin:0 0 28px}.section-head h2{font-size:clamp(31px,3vw,45px);line-height:1.12;margin:10px 0 12px}.section-head p{color:var(--muted);font-size:17px;margin:0}.dark .section-head p{color:#dbe8f7}.grid{display:grid;gap:22px}.service-grid{grid-template-columns:repeat(4,1fr)}.card,.content-card,.case-card,.article-card,.job-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:27px;box-shadow:0 10px 30px rgba(14,41,73,.06);transition:.22s}.card:hover,.content-card:hover,.case-card:hover,.article-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#b9d9fa}.card h3,.content-card h3{margin:15px 0 8px}.card p,.content-card p,.case-card p,.article-card p{color:var(--muted);margin:0}.card a,.case-card a,.article-card a{display:inline-block;margin-top:14px;text-decoration:none;color:#0878e5;font-weight:800}.iconbox{width:54px;height:54px;border-radius:12px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--cyan),var(--blue));font-size:24px}.iconbox svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:2}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:58px}.feature-list{display:grid;gap:16px}.feature{display:grid;grid-template-columns:42px 1fr;gap:14px}.feature .dot{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--cyan),var(--blue));font-weight:900}.feature h3{margin:0 0 3px}.feature p{margin:0;color:var(--muted)}.visual-panel{min-height:420px;border-radius:18px;background:radial-gradient(circle at 50% 45%,rgba(26,179,255,.3),transparent 36%),linear-gradient(145deg,#021329,#082a4d);display:grid;place-items:center;box-shadow:var(--shadow);overflow:hidden}.industry-grid{grid-template-columns:repeat(6,1fr)}.industry{text-align:center;padding:25px 14px;border:1px solid rgba(255,255,255,.15);border-radius:10px;background:rgba(255,255,255,.045)}.industry span{font-size:28px}.industry b{display:block;margin-top:9px;font-size:14px}.process-grid,.stats-grid{grid-template-columns:repeat(4,1fr)}.process{padding:27px;border:1px solid var(--line);border-radius:12px;background:#fff}.process small{color:var(--blue);font-weight:900}.process h3{margin:10px 0 7px}.process p{margin:0;color:var(--muted)}.stat{text-align:center;padding:24px}.stat strong{font-size:42px;color:var(--cyan)}.stat span{display:block;color:#d9e6f4}.page-hero{padding:90px 0}.page-hero .container{position:relative;z-index:2}.page-hero h1{font-size:clamp(40px,5vw,65px);line-height:1.08;margin:12px 0}.page-hero p{font-size:19px;color:#deebfa;max-width:800px}.bread{font-size:12px;color:#9edcff;text-transform:uppercase;letter-spacing:1.5px}.content-grid{grid-template-columns:repeat(3,1fr)}.case-grid,.article-grid{grid-template-columns:repeat(3,1fr)}.case-card .tag,.article-card .tag{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#0787ff;font-weight:900}.case-card h3,.article-card h3{margin:10px 0}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:20px}.metric{padding:14px;background:#f4f8fc;border-radius:8px;text-align:center}.metric strong{display:block;color:#0878e5}.logo-grid,.client-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.logo-tile,.client-tile{min-height:116px;border:1px solid var(--line);border-radius:12px;background:#fff;display:grid;place-items:center;padding:18px;box-shadow:0 8px 25px rgba(14,41,73,.05)}.logo-tile img,.client-tile img{width:86%;height:72px;object-fit:contain}.partners{padding:30px 0;background:linear-gradient(180deg,#f8fbff,#eef4fb);overflow:hidden}.partners-title{text-align:center;font-size:13px;font-weight:700;margin-bottom:14px;letter-spacing:1px}.partner-marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.partner-track{display:flex;width:max-content;gap:18px;animation:scroll 34s linear infinite}.partner-marquee:hover .partner-track{animation-play-state:paused}.partner-card{width:185px;height:70px;flex:none;border:1px solid #d8e3ef;border-radius:10px;background:#fff;display:grid;place-items:center;padding:8px}.partner-card img{width:88%;height:50px;object-fit:contain;filter:grayscale(1);opacity:.72}.partner-card:hover img{filter:none;opacity:1}@keyframes scroll{to{transform:translateX(calc(-50% - 9px))}}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px}.contact-list{display:grid;gap:16px}.contact-item{padding:18px;border:1px solid var(--line);border-radius:10px;background:#fff}.contact-item strong{display:block}.contact-item a{color:#0878e5;text-decoration:none}.form{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:28px;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);background:#fff}.form label{font-weight:750;font-size:13px}.form input,.form textarea,.form select{width:100%;margin-top:7px;border:1px solid #cbd8e6;border-radius:7px;padding:13px;font:inherit}.form .full{grid-column:1/-1}.form textarea{min-height:145px;resize:vertical}.notice{font-size:12px;color:var(--muted)}.form-status{display:none;padding:12px;border-radius:7px;background:#eaf8ff;color:#065a91}.cta-band{padding:45px 0;color:#fff;background:linear-gradient(105deg,#0876f7,#10a8ff)}.cta-band .container{display:flex;align-items:center;justify-content:space-between;gap:28px}.cta-band h2{margin:0;font-size:30px}.cta-band p{margin:5px 0 0}.footer{background:#020b18;color:#dbe7f5;padding:50px 0 22px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:35px}.footer img{width:190px}.footer p{color:#9fb0c4}.footer h4{margin:0 0 12px;color:#fff}.footer a{display:block;text-decoration:none;color:#b9c8d8;margin:7px 0}.footer a:hover{color:var(--cyan)}.copyright{border-top:1px solid rgba(255,255,255,.1);margin-top:35px;padding-top:18px;display:flex;justify-content:space-between;color:#8fa2b7;font-size:12px}.whatsapp{position:fixed;right:22px;bottom:22px;z-index:60;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;text-decoration:none;color:#fff;background:#25d366;box-shadow:0 8px 24px rgba(0,0,0,.3);font-size:24px}.article-body{max-width:860px;margin:auto}.article-body h2{margin-top:38px}.article-body p,.article-body li{color:#42536a}.sidebar-layout{display:grid;grid-template-columns:1fr 320px;gap:42px}.sidebox{border:1px solid var(--line);border-radius:12px;padding:22px;background:#f7fafc;position:sticky;top:100px}.job-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px}.badge{display:inline-block;padding:5px 9px;border-radius:999px;background:#e9f6ff;color:#0878e5;font-size:11px;font-weight:900}.rtl{direction:rtl;font-family:"Segoe UI",Tahoma,Arial,sans-serif}.rtl .navlinks{margin-left:0;margin-right:auto}.rtl .section-head.left{text-align:right}.rtl .whatsapp{right:auto;left:22px}
@media(max-width:1120px){.navlinks{gap:14px}.navlinks a{font-size:11px}.cta{display:none}.service-grid{grid-template-columns:repeat(2,1fr)}.industry-grid{grid-template-columns:repeat(3,1fr)}.content-grid,.case-grid,.article-grid{grid-template-columns:repeat(2,1fr)}.logo-grid,.client-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:840px){.nav{height:72px}.brand img{width:185px}.menu{display:block}.navlinks{display:none;position:absolute;top:72px;left:0;right:0;background:#031329;padding:16px 20px;flex-direction:column;align-items:stretch}.navlinks.open{display:flex}.navlinks a{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.1)}.hero-inner,.split,.contact-grid,.sidebar-layout{grid-template-columns:1fr}.hero-copy{padding:55px 0 10px}.hero-art{min-height:320px}.trustbar .container,.stats-grid,.process-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.cta-band .container{align-items:flex-start;flex-direction:column}.form{grid-template-columns:1fr}.form .full{grid-column:auto}.job-card{grid-template-columns:1fr}.sidebox{position:static}.hero-orb{opacity:.45}}
@media(max-width:560px){.container{width:min(calc(100% - 28px),var(--max))}.buttons{flex-direction:column}.btn{width:100%}.hero h1{font-size:43px}.service-grid,.industry-grid,.content-grid,.case-grid,.article-grid,.logo-grid,.client-grid,.trustbar .container,.stats-grid,.process-grid,.footer-grid{grid-template-columns:1fr}.section{padding:58px 0}.copyright{flex-direction:column;gap:8px}.metric-row{grid-template-columns:1fr}.lang{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}.partner-track,.cyber-art,.hero-orb{animation:none}}

/* Version 3.2 */
.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}.form button:disabled{opacity:.65;cursor:wait}.logo-tile,.client-tile,.partner-card{font-weight:400}.partners-title{font-weight:600}.logo-tile img,.client-tile img{font-weight:400}.form input:focus,.form textarea:focus,.form select:focus{outline:3px solid rgba(16,183,255,.18);border-color:#0aa8f5}.form input:invalid:not(:placeholder-shown),.form textarea:invalid:not(:placeholder-shown){border-color:#c83b3b}

/* Version 3.2 client identity cards */
.client-tile{display:flex;align-items:center;justify-content:center;text-decoration:none;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.client-tile:hover{transform:translateY(-5px);box-shadow:0 16px 34px rgba(2,20,45,.14);border-color:rgba(0,139,255,.35)}
.client-tile img{width:100%;height:118px;object-fit:contain;display:block}

/* v4.8 direct v3.2 foundation */
.navlinks{gap:22px}.navlinks a{font-size:13px;font-weight:750;letter-spacing:.3px}
.employee-login{display:inline-flex;align-items:center;text-decoration:none;color:#dce8f5;border:1px solid rgba(255,255,255,.2);border-radius:7px;padding:9px 11px;font-size:11px;font-weight:850;white-space:nowrap;transition:.2s}
.employee-login:hover{color:#fff;border-color:var(--cyan);background:rgba(16,183,255,.08)}
.footer .web-links a{margin:6px 0}
@media(max-width:1210px){.navlinks{gap:14px}.navlinks a{font-size:12px}.employee-login{font-size:10px;padding:8px 9px}}
@media(max-width:900px){.employee-login{margin-left:auto}.navlinks a{font-size:13px}}

/* v5.0 partner logos: local, colored and always visible */
.logo-tile img,.partner-card img{filter:none!important;opacity:1!important;object-fit:contain!important}
.logo-tile{background:#fff!important;min-height:132px!important}
.logo-tile img{height:90px!important;width:94%!important}
.partner-card img{height:58px!important;width:94%!important}

/* v5.1 Arabic parity */
html[dir="rtl"] body{font-family:"Segoe UI",Tahoma,Arial,sans-serif}
html[dir="rtl"] .navlinks{direction:rtl}
html[dir="rtl"] .hero-copy,html[dir="rtl"] .page-hero,html[dir="rtl"] .section-head,html[dir="rtl"] .content-card,html[dir="rtl"] .contact-info,html[dir="rtl"] .contact-form{text-align:right}
html[dir="rtl"] .hero-actions{justify-content:flex-start}
html[dir="rtl"] .footer-grid{text-align:right}
html[dir="rtl"] .logo-tile img{direction:ltr}

/* v5.2 VMware visibility */
.logo-tile img[src*="vmware"], .partner-strip img[src*="vmware"] {
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    filter:none !important;
    object-fit:contain !important;
}

/* v5.4 Arabic mirror: exact English design with RTL direction only */
html[dir="rtl"] body{font-family:"Segoe UI",Tahoma,Arial,sans-serif}
html[dir="rtl"] .nav{direction:rtl}
html[dir="rtl"] .navlinks{direction:rtl}
html[dir="rtl"] .hero-copy,
html[dir="rtl"] .page-hero .container,
html[dir="rtl"] .section-head,
html[dir="rtl"] .content-card,
html[dir="rtl"] .service-card,
html[dir="rtl"] .contact-card,
html[dir="rtl"] .footer-grid{text-align:right}
html[dir="rtl"] .hero-actions,
html[dir="rtl"] .actions{justify-content:flex-start}
html[dir="rtl"] .brand,
html[dir="rtl"] .logo-tile img,
html[dir="rtl"] .partner-strip img{direction:ltr}

/* v5.5 Professional footer contact directory */
.footer-contact{min-width:0}
.footer-contact h4{margin-bottom:14px}
.footer-contact-link{
    display:flex !important;
    align-items:center;
    gap:11px;
    margin:0 !important;
    padding:8px 10px;
    border:1px solid transparent;
    border-radius:10px;
    color:#dbe7f5 !important;
    line-height:1.15;
    transition:background-color .2s ease,border-color .2s ease,color .2s ease
}
.footer-contact-link + .footer-contact-link{margin-top:3px !important}
.footer-contact-icon{
    width:36px;
    height:36px;
    flex:0 0 36px;
    display:grid;
    place-items:center;
    border:1px solid rgba(52,196,255,.28);
    border-radius:10px;
    color:#38c9ff;
    background:linear-gradient(145deg,rgba(17,169,255,.16),rgba(8,91,185,.08));
    transition:transform .2s ease,border-color .2s ease,background-color .2s ease
}
.footer-contact-icon svg{
    width:18px;
    height:18px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round
}
.footer-contact-copy{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:3px
}
.footer-contact-copy small{
    color:#7891aa;
    font-size:10px;
    font-weight:800;
    letter-spacing:.12em;
    line-height:1;
    text-transform:uppercase
}
.footer-contact-copy strong{
    color:#e3effc;
    font-size:13.5px;
    font-weight:650;
    line-height:1.35;
    white-space:nowrap
}
.footer-contact-link:hover,
.footer-contact-link:focus-visible{
    color:#fff !important;
    border-color:rgba(56,201,255,.24);
    background:rgba(25,153,225,.09);
    outline:none
}
.footer-contact-link:hover .footer-contact-icon,
.footer-contact-link:focus-visible .footer-contact-icon{
    transform:translateY(-1px);
    border-color:rgba(56,201,255,.52);
    background:rgba(25,153,225,.18)
}
html[dir="rtl"] .footer-contact-link{direction:rtl;text-align:right}
html[dir="rtl"] .footer-contact-copy small{letter-spacing:0;text-transform:none}

@media(max-width:560px){
    .footer-contact-link{padding:8px 0}
    .footer-contact-copy strong{font-size:14px}
}

/* v6.0 Website presentation and migration polish */
:root{--max:1440px}
.container{width:min(calc(100% - 64px),var(--max))}
.nav{height:72px;gap:18px}
.brand{flex:0 0 auto}
.brand img{width:168px;height:auto;display:block}
.navlinks{gap:16px}
.navlinks a{font-size:12px;font-weight:750;letter-spacing:.25px}
.nav-actions{display:flex;align-items:center;gap:9px;flex:0 0 auto}
.nav-actions .employee-login{padding:8px 10px;font-size:10px}
.nav-actions .lang{padding:7px 9px}
.nav-actions .cta{min-height:40px;padding:10px 14px;font-size:11px}
.header-whatsapp{
    min-height:40px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    padding:10px 14px;
    border:1px solid rgba(91,255,150,.35);
    border-radius:7px;
    color:#fff;
    background:linear-gradient(135deg,#128c4b,#25d366);
    box-shadow:0 8px 22px rgba(37,211,102,.17);
    text-decoration:none;
    font-size:11px;
    font-weight:850;
    letter-spacing:.35px;
    white-space:nowrap;
    transition:transform .2s ease,box-shadow .2s ease,filter .2s ease
}
.header-whatsapp:hover,.header-whatsapp:focus-visible{
    color:#fff;
    filter:brightness(1.06);
    transform:translateY(-1px);
    box-shadow:0 10px 26px rgba(37,211,102,.27);
    outline:none
}
.header-whatsapp svg,.mobile-whatsapp svg{
    width:17px;
    height:17px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round
}
.nav-mobile-actions{display:none}

.footer{padding:38px 0 18px}
.footer-grid{grid-template-columns:1.35fr .78fr .78fr 1.15fr;gap:46px;align-items:start}
.footer img{width:158px;height:auto}
.footer p{max-width:330px;margin:13px 0 0;color:#9fb0c4;font-size:14px;line-height:1.65}
.footer h4{margin:0 0 10px;font-size:15px}
.footer a{font-size:14px;margin:5px 0}
.footer-contact h4{margin-bottom:10px}
.footer-contact-link{gap:10px;padding:5px 7px}
.footer-contact-link + .footer-contact-link{margin-top:2px !important}
.footer-contact-icon{width:33px;height:33px;flex-basis:33px;border-radius:9px}
.footer-contact-icon svg{width:16px;height:16px}
.footer-contact-copy{gap:2px}
.footer-contact-copy small{font-size:9px}
.footer-contact-copy strong{font-size:13px;line-height:1.25}
.copyright{margin-top:24px;padding-top:15px}

.whatsapp{width:52px;height:52px;font-size:0;transition:transform .2s ease,box-shadow .2s ease}
.whatsapp svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.whatsapp:hover,.whatsapp:focus-visible{color:#fff;transform:translateY(-2px);box-shadow:0 12px 30px rgba(18,140,75,.4);outline:none}
.whatsapp-label{
    position:absolute;
    right:62px;
    padding:6px 9px;
    border-radius:6px;
    color:#fff;
    background:#0b2033;
    box-shadow:0 6px 18px rgba(0,0,0,.22);
    font-size:11px;
    font-weight:750;
    white-space:nowrap;
    opacity:0;
    pointer-events:none;
    transform:translateX(5px);
    transition:.2s
}
.whatsapp:hover .whatsapp-label,.whatsapp:focus-visible .whatsapp-label{opacity:1;transform:none}
html[dir="rtl"] .navlinks{margin-left:0;margin-right:auto}
html[dir="rtl"] .nav-actions{direction:rtl}
html[dir="rtl"] .whatsapp-label{right:auto;left:62px;transform:translateX(-5px)}
html[dir="rtl"] .whatsapp:hover .whatsapp-label,
html[dir="rtl"] .whatsapp:focus-visible .whatsapp-label{transform:none}

@media(max-width:1320px){
    .navlinks{gap:12px}
    .navlinks a{font-size:11px}
    .nav-actions{gap:7px}
    .nav-actions .employee-login{padding:8px;font-size:9.5px}
    .nav-actions .cta,.header-whatsapp{padding:9px 11px;font-size:10px}
}
@media(max-width:1180px){
    .nav{height:72px}
    .menu{display:block;margin-left:0}
    .navlinks{
        display:none;
        position:absolute;
        top:72px;
        left:0;
        right:0;
        max-height:calc(100vh - 72px);
        overflow:auto;
        margin:0 !important;
        padding:16px 32px 22px;
        flex-direction:column;
        align-items:stretch;
        gap:0;
        background:#031329;
        border-top:1px solid rgba(255,255,255,.08);
        box-shadow:0 18px 35px rgba(0,0,0,.28)
    }
    .navlinks.open{display:flex}
    .navlinks > a{padding:10px 2px;border-bottom:1px solid rgba(255,255,255,.09);font-size:13px}
    .nav-actions{margin-left:auto}
    html[dir="rtl"] .nav-actions{margin-left:0;margin-right:auto}
    .nav-mobile-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:14px}
    .nav-mobile-actions a{display:flex;align-items:center;justify-content:center;min-height:42px;margin:0;padding:9px 12px;border:1px solid rgba(255,255,255,.18);border-radius:7px;text-align:center;text-decoration:none;font-size:11px;font-weight:800}
    .nav-mobile-actions .mobile-employee{grid-column:1/-1;color:#dce8f5}
    .nav-mobile-actions .mobile-lang{color:#fff}
    .nav-mobile-actions .mobile-quote{color:#fff;border-color:transparent;background:linear-gradient(135deg,#0678f6,#10b7ff)}
    .nav-mobile-actions .mobile-whatsapp{gap:7px;color:#fff;border-color:transparent;background:linear-gradient(135deg,#128c4b,#25d366)}
}
@media(max-width:840px){
    .footer-grid{grid-template-columns:1fr 1fr;gap:30px 36px}
}
@media(max-width:760px){
    .container{width:min(calc(100% - 32px),var(--max))}
    .nav-actions .employee-login,.nav-actions .cta,.nav-actions .header-whatsapp{display:none}
    .brand img{width:158px}
    .footer{padding-top:34px}
}
@media(max-width:560px){
    .container{width:min(calc(100% - 28px),var(--max))}
    .footer-grid{grid-template-columns:1fr;gap:27px}
    .footer-contact-link{padding:5px 0}
    .footer-contact-copy strong{font-size:13.5px}
    .copyright{margin-top:20px}
    .navlinks{padding-left:20px;padding-right:20px}
}
@media(max-width:430px){
    .nav-actions .lang{display:none}
    .brand img{width:148px}
    .nav-mobile-actions{grid-template-columns:1fr}
    .nav-mobile-actions .mobile-employee{grid-column:auto}
}


/* Source: assets/css/public-priority2-20260926.css */
/* Priority 2: linked by public marketing HTML only.
   Keep shared style.css, public application scripts and APMS assets unchanged. */

/* Readable accent text on the existing white and pale section backgrounds. */
body .section:not(.dark) .kicker,
body .case-card .tag,
body .article-card .tag,
body .process small,
body .card a,
body .case-card a,
body .article-card a,
body .contact-item a,
body .metric strong,
body .badge {
  color: #075da8;
}

/* White labels remain readable throughout these gradients. */
body .cta,
body .btn.primary,
body .nav-mobile-actions .mobile-quote,
body .cta-band {
  background: linear-gradient(135deg, #075fb7, #086aba);
  color: #fff;
}
body .header-whatsapp,
body .nav-mobile-actions .mobile-whatsapp,
body .whatsapp {
  background: #087238;
  color: #fff;
}

/* Two-colour focus indicators work across pale and dark surfaces. */
body :is(a, button, input, select, textarea, [tabindex]:not([tabindex="-1"])):focus-visible {
  outline: 3px solid #075da8;
  outline-offset: 3px;
  box-shadow: 0 0 0 3px #fff;
}
body :is(.topbar, .footer, .hero, .page-hero, .section.dark, .cta-band)
  :is(a, button, input, select, textarea, [tabindex]:not([tabindex="-1"])):focus-visible {
  outline-color: #f7c948;
}
body main#main {
  scroll-margin-top: 88px;
}

/* Allow existing grid tracks to shrink around form controls and long text. */
body .hero-inner > *,
body .split > *,
body .contact-grid > *,
body .sidebar-layout > *,
body .footer-grid > *,
body .form > * {
  min-width: 0;
}
body .form input,
body .form select,
body .form textarea {
  min-width: 0;
  max-width: 100%;
  border-color: #76869b;
}
body .hero-copy,
body .page-hero h1,
body .section-head h2,
body .article-body,
body .card,
body .content-card,
body .case-card,
body .article-card,
body .job-card,
body .sidebox {
  overflow-wrap: anywhere;
}
body .footer-contact-copy strong {
  white-space: normal;
  overflow-wrap: anywhere;
}

/* Native validation remains authoritative. Do not show an error before use. */
body form[data-web-form] input:invalid:not(:placeholder-shown),
body form[data-web-form] textarea:invalid:not(:placeholder-shown) {
  border-color: #76869b;
}
@supports selector(:user-invalid) {
  body form[data-web-form] input:invalid:not(:placeholder-shown):user-invalid,
  body form[data-web-form] textarea:invalid:not(:placeholder-shown):user-invalid,
  body form[data-web-form] select:user-invalid {
    border-color: #b42318;
  }
}
body form[data-web-form] input:focus,
body form[data-web-form] select:focus,
body form[data-web-form] textarea:focus,
body form[data-web-form] input:invalid:not(:placeholder-shown):focus,
body form[data-web-form] textarea:invalid:not(:placeholder-shown):focus {
  border-color: #075da8;
}
@supports selector(:user-invalid) {
  body form[data-web-form] input:invalid:not(:placeholder-shown):user-invalid:focus,
  body form[data-web-form] textarea:invalid:not(:placeholder-shown):user-invalid:focus,
  body form[data-web-form] select:user-invalid:focus {
    border-color: #075da8;
  }
}

/* Public carousel controls are operated by the dedicated public script. */
body .carousel-controls {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin: 0 0 14px;
}
body .carousel-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 8px 14px;
  border: 1px solid #075da8;
  border-radius: 7px;
  background: #fff;
  color: #075da8;
  font: inherit;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
  cursor: pointer;
}
body .carousel-toggle:hover {
  background: #e9f2fb;
}
body .partner-track[data-paused="true"] {
  animation-play-state: paused !important;
}
body .partner-marquee:focus-within .partner-track {
  animation-play-state: paused;
}

/* Existing responsive breakpoints and Arabic typography are preserved. */
@media (max-width: 1180px) {
  body .menu {
    min-width: 44px;
    min-height: 44px;
  }
  @supports (height: 100dvh) {
    body .navlinks {
      max-height: calc(100dvh - 72px);
    }
  }
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  body .partner-track,
  body .cyber-art,
  body .hero-orb,
  body .particle {
    animation: none !important;
  }
  body .partner-marquee {
    overflow-x: auto;
    mask-image: none;
  }
}
/* Honor the control's native hidden state, including reduced-motion mode. */
body .carousel-controls[hidden] { display: none; }


/* Preserve footer heading appearance after semantic h3 change. */
.footer h3{margin:0 0 10px;font-size:15px;color:#fff}.footer-contact h3{margin-bottom:10px}