*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f7fc;color:#162b42;font:18px/1.85 Tahoma,Arial,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:#c41725}a:focus-visible{outline:3px solid #efc900;outline-offset:5px}.wrap,.inner{max-width:1180px;margin:auto;padding:0 32px}.topbar{background:#0033b8;color:#fff;font-size:14px}.topbar .wrap{display:flex;justify-content:space-between;gap:18px;padding-top:8px;padding-bottom:8px;flex-wrap:wrap}header{background:white;border-bottom:1px solid #dce3eb}.navwrap{max-width:1280px;margin:auto;padding:24px 32px;display:flex;gap:32px;align-items:center;justify-content:space-between}.brand{font:bold 32px/1.2 Georgia,serif;letter-spacing:3px;color:#0033b8}.brand span{display:block;font:14px/1.5 Arial;letter-spacing:0;margin-top:6px}nav{display:flex;gap:22px;flex-wrap:wrap;font-size:16px}nav a[aria-current]{color:#c41725;border-bottom:2px solid #efc900}.hero{background:#0033b8;color:white;padding:68px 0 74px;border-bottom:5px solid #ffdb00}.hero h1{font-size:clamp(30px,4vw,52px);line-height:1.5;max-width:920px;margin:16px 0}.hero p{max-width:840px;color:#d8e4ee;font-size:20px}.eyebrow{font-size:14px;color:#ffdf00;letter-spacing:1px}.section{padding:52px 0}.section.alt{background:#e8eef3}.section h2{font-size:29px;margin:0 0 26px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{background:#fff;border:1px solid #dce4eb;padding:28px;border-top:3px solid #0033b8}.card h3{font-size:21px;line-height:1.6;margin:0 0 14px}.card p{color:#506476;margin:12px 0}.btn{display:inline-block;padding:10px 21px;background:#0033b8;color:white!important;border:0;margin-top:14px;font:inherit;font-size:16px}.hero .btn{background:#ffdf00;color:#16324a!important}.btn.secondary{background:transparent;border:1px solid #93a9bc;color:white!important;margin-inline-start:12px}.notice{background:#edf1f5;border-inline-start:4px solid #ffdb00;padding:22px;margin-bottom:26px;color:#41586b}.number{font:34px/1.2 Georgia;color:#c41725;display:block;margin-bottom:20px}.lead{font-size:23px;max-width:930px}.split{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:start}.list-links{display:grid;gap:12px}.list-links a{padding:14px 20px;background:#fff;border:1px solid #dce4eb}.meta{font-size:14px;color:#60778b}footer{background:#001d70;color:#d1dce5;padding:42px 0 22px}footer h3{color:#fff;font-size:19px}.footergrid{max-width:1180px;padding:0 32px;margin:auto;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:40px;font-size:15px}.copyright{max-width:1116px;margin:30px auto 0;border-top:1px solid #355064;padding-top:18px;font-size:13px}li{margin-bottom:12px}main a:not(.btn){text-decoration:underline;text-underline-offset:5px}main .card a{text-decoration:none} @media(max-width:850px){.navwrap{flex-direction:column;align-items:flex-start;gap:22px}nav{gap:14px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.split{grid-template-columns:1fr}.hero{padding:42px 0}.footergrid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.cards,.footergrid{grid-template-columns:1fr}.wrap,.inner,.navwrap,.footergrid{padding-left:20px;padding-right:20px}.hero h1{font-size:30px}nav{font-size:14px;gap:12px 18px}.section{padding:34px 0}.card{padding:23px}.copyright{margin:28px 20px 0}.hero .btn{display:block;text-align:center;margin:12px 0}.topbar{font-size:12px}}
@font-face{font-family:"Aref Ruqaa";src:url("fonts/aref-ruqaa-regular.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:"Aref Ruqaa";src:url("fonts/aref-ruqaa-bold.ttf") format("truetype");font-style:normal;font-weight:700;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}
body{font-family:"Aref Ruqaa",Tahoma,Arial,sans-serif}html[lang="ar"] body{font-size:22px;line-height:1.95}nav{font-size:20px;line-height:1.85}.hero h1{line-height:1.85}.hero p{font-size:24px;line-height:1.95}.section h2{font-size:34px;line-height:1.85}.card h3{font-size:26px;line-height:1.85}.btn{font-size:20px;line-height:1.7}.footergrid{font-size:20px}.footergrid h3{font-size:24px}.topbar{font-size:18px}.copyright{font-size:16px}.card:nth-child(3n+2){border-top-color:#db1427}.card:nth-child(3n){border-top-color:#ffdb00}.card:nth-child(3n+2) .btn{background:#c41725}.hero .btn.secondary{background:#c41725;border-color:#c41725;color:white!important}.hero .eyebrow{font:16px/1.7 Arial,sans-serif}.phone-number{display:inline-block;direction:ltr;unicode-bidi:isolate;white-space:nowrap;font-family:Arial,sans-serif;font-size:18px;letter-spacing:0}.brand{min-width:0}.brand span{color:#0033b8}nav a[aria-current]{border-bottom-color:#db1427}.hero .btn:focus-visible{outline-color:#fff}@media(max-width:850px){.navwrap{flex-wrap:wrap}}@media(max-width:560px){nav{font-size:18px}.hero p{font-size:22px}.hero h1{font-size:32px}.section h2{font-size:29px}.topbar{font-size:16px}.card h3{font-size:25px}.brand span{font-size:14px}.phone-number{font-size:17px}}

.direction-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.direction-card{background:#fff;padding:32px;border-top:5px solid #0033b8}.direction-card:nth-child(2){border-top-color:#db1427}.strategy-label{display:inline-block;background:#ffdf00;color:#142d49;padding:3px 18px;font-weight:bold}.direction-card h3{font-size:30px;line-height:1.8;margin:16px 0}.direction-card p{margin:0}.strategy-intro{max-width:900px;margin-bottom:28px}.strategy-note{color:#41586b;max-width:960px;margin-bottom:30px}.objective-list{display:grid;gap:20px}.objective-row{display:grid;grid-template-columns:72px 1fr;gap:24px;background:#fff;border:1px solid #dce4eb;padding:28px}.objective-number{font:36px/1.5 Georgia,serif;color:#0033b8;border-bottom:4px solid #ffdb00;align-self:start}.objective-row h3{font-size:27px;line-height:1.8;margin:0}.objective-row p{margin:8px 0}.objective-row .measure{font-size:20px;background:#f0f4ff;padding:14px 18px;border-inline-start:3px solid #0033b8;margin-top:18px}#direction,#strategic-objectives,#smart-values{scroll-margin-top:20px}@media(max-width:720px){.direction-grid{grid-template-columns:1fr}.direction-card{padding:24px}.objective-row{grid-template-columns:1fr;gap:12px;padding:23px}.objective-number{width:50px}.direction-card h3{font-size:27px}}

.program-paths{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.program-paths a{padding:10px 20px;background:#0033b8;color:#fff;text-decoration:none!important;border-bottom:4px solid #ffdb00}.program-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.program{background:#fff;border:1px solid #dce4eb;border-top:4px solid #0033b8}.program:nth-child(even){border-top-color:#db1427}.program summary{cursor:pointer;padding:24px;font-size:25px;font-weight:bold;line-height:1.9}.program summary::marker{color:#c41725}.program summary:focus-visible{outline:3px solid #0033b8;outline-offset:3px}.program-body{padding:0 26px 28px}.program-body p{margin:8px 0 18px}.program[open]{border-bottom:4px solid #ffdb00}nav{flex:1;justify-content:flex-start}.navwrap{flex-wrap:wrap}.brand{flex-shrink:0}@media(max-width:800px){.program-grid{grid-template-columns:1fr}.program summary{font-size:23px}.program-paths a{font-size:20px}}
/* Prominent company name across desktop and mobile. */
.brand{font-size:44px;max-width:100%;letter-spacing:2px}.brand span{font-size:24px;font-weight:700;line-height:1.5;letter-spacing:0;overflow-wrap:break-word}.navwrap nav{flex-basis:100%}.hero .eyebrow:has(bdi){font-size:clamp(22px,2.3vw,30px);font-weight:700;line-height:1.6;letter-spacing:0;max-width:100%;overflow-wrap:break-word}@media(max-width:560px){.brand{font-size:38px}.brand span{font-size:20px}.hero .eyebrow:has(bdi){font-size:22px}}
/* Center both subtitle lines within their shared text block. */
.brand span{text-align:center}
/* Larger yellow company title, with a blue field for legibility. */
.brand{font-size:52px;color:#ffdf00;background:#0033b8;padding:18px 24px;text-align:center}.brand:hover{color:#ffdf00}.brand span{font-size:30px;color:#ffdf00;text-align:center;line-height:1.5}.hero .eyebrow:has(bdi){font-size:clamp(28px,3vw,38px);color:#ffdf00;font-weight:700}@media(max-width:560px){.brand{font-size:44px;padding:16px 14px;width:100%}.brand span{font-size:23px}.hero .eyebrow:has(bdi){font-size:27px}}

.system-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.system-card .btn{margin-top:auto}.system-domain,.system-email{font:16px/1.7 Arial,sans-serif;overflow-wrap:anywhere;max-width:100%;margin-bottom:18px}.system-card p{margin-top:0}.system-card .btn{margin-top:18px}

/* NAFTAH logo motion */
.company-logo{transform-origin:center;animation:naftah-logo-pulse 3.6s ease-in-out infinite,naftah-logo-flash 5.4s ease-out infinite;will-change:transform}
@keyframes naftah-logo-pulse{0%,100%{transform:scale(.94)}50%{transform:scale(1.08)}}
@keyframes naftah-logo-flash{0%,77%,87%,100%{filter:brightness(1) drop-shadow(0 0 0 transparent)}80%{filter:brightness(1.65) drop-shadow(0 0 8px #ffdb00) drop-shadow(0 0 3px #fff)}84%{filter:brightness(1.12) drop-shadow(0 0 3px #ffdb00)}}
@media(prefers-reduced-motion:reduce){.company-logo{animation:none;transform:none;will-change:auto}}

.navwrap .brand .company-name{animation:naftah-name-color 6s ease-in-out infinite}
@keyframes naftah-name-color{0%,100%{color:#0033b8}50%{color:#00843d}}
@media(prefers-reduced-motion:reduce){.navwrap .brand .company-name{animation:none}}