/*
Theme Name: آفاق الامتياز للموارد البشرية
Theme URI: https://ufiq.com.sa
Author: Manus AI
Description: قالب عربي RTL متعدد الصفحات لخدمات الموارد البشرية والحوكمة والامتثال.
Version: 1.1.0
Text Domain: afaq-hr
*/

/* Design reminder: "المعيار الذهبي" — مؤسسة عربية معاصرة. الأزرق العميق يبني الثقة، والذهبي يحدد نقاط القرار، والمسارات المتتابعة تشرح الخدمات. */

:root { --afaq-navy:#11345b; --afaq-ink:#0a213c; --afaq-gold:#d8ad47; --afaq-cream:#fbfaf6; --afaq-mist:#eef2f5; --afaq-line:#dce3e9; --afaq-muted:#587084; --afaq-white:#fff; --afaq-shadow:0 20px 55px rgba(10,33,60,.11); --afaq-ease:cubic-bezier(.23,1,.32,1); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--afaq-cream); color:var(--afaq-ink); font-family:"IBM Plex Sans Arabic",Tahoma,Arial,sans-serif; font-size:16px; line-height:1.85; text-align:right; }
img { max-width:100%; height:auto; }
a { color:inherit; text-decoration:none; }
button,input,textarea,select { font:inherit; }
.screen-reader-text { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.afaq-shell { width:min(1180px, calc(100% - 48px)); margin-inline:auto; }
.afaq-eyebrow { display:inline-flex; align-items:center; gap:10px; font-size:12px; letter-spacing:.04em; color:var(--afaq-gold); font-weight:700; }
.afaq-eyebrow::before { content:""; width:32px; height:2px; background:var(--afaq-gold); }
.afaq-title { font-family:"Noto Kufi Arabic",Tahoma,sans-serif; font-size:clamp(25px,3vw,42px); line-height:1.45; color:var(--afaq-navy); margin:10px 0 16px; letter-spacing:-.04em; }
.afaq-title--light { color:#fff; }
.afaq-rule { display:flex; width:96px; height:5px; background:var(--afaq-navy); border-radius:99px; overflow:hidden; margin:18px 0 30px; }
.afaq-rule::after { content:""; width:31%; background:var(--afaq-gold); }
.afaq-copy { color:var(--afaq-muted); max-width:760px; margin:0; }
.afaq-btn { display:inline-flex; justify-content:center; align-items:center; gap:10px; border:1px solid transparent; border-radius:0; padding:13px 22px; color:#fff; background:var(--afaq-navy); font-weight:700; line-height:1; transition:transform 160ms var(--afaq-ease), background 160ms var(--afaq-ease), color 160ms var(--afaq-ease), border-color 160ms var(--afaq-ease); }
.afaq-btn:hover { transform:translateY(-3px); background:var(--afaq-gold); color:var(--afaq-ink); }
.afaq-btn:active { transform:scale(.97); }
.afaq-btn--gold { background:var(--afaq-gold); color:var(--afaq-ink); }
.afaq-btn--gold:hover { background:#f0ca6c; }
.afaq-btn--outline { background:transparent; border-color:rgba(255,255,255,.45); color:#fff; }
.afaq-btn--outline:hover { background:#fff; border-color:#fff; color:var(--afaq-navy); }

/* Header */
.afaq-topbar { background:var(--afaq-ink); color:#dfe7ee; font-size:13px; }
.afaq-topbar .afaq-shell { min-height:39px; display:flex; align-items:center; justify-content:space-between; gap:16px; }
.afaq-topbar__links { display:flex; align-items:center; flex-wrap:wrap; gap:18px; }
.afaq-topbar a { transition:color 160ms var(--afaq-ease); }
.afaq-topbar a:hover { color:var(--afaq-gold); }
.afaq-header { position:sticky; top:0; z-index:90; background:rgba(251,250,246,.94); border-bottom:1px solid rgba(17,52,91,.08); backdrop-filter:blur(14px); }
.afaq-header .afaq-shell { min-height:96px; display:grid; grid-template-columns:204px minmax(0,1fr) auto auto; align-items:center; gap:28px; }
.afaq-brand { display:flex; align-items:center; gap:11px; flex-shrink:0; }
.afaq-brand img { width:47px; height:47px; object-fit:contain; }
.afaq-brand--official { width:204px; }
.afaq-brand--official img { width:100%; height:auto; max-height:69px; object-fit:contain; object-position:right center; }
.afaq-brand__ar { display:block; font-family:"Noto Kufi Arabic",sans-serif; font-size:14px; font-weight:800; color:var(--afaq-navy); line-height:1.35; }
.afaq-brand__en { display:block; direction:ltr; text-align:right; color:#7c8c9a; font-size:8px; font-weight:700; letter-spacing:.08em; }
.afaq-nav { display:flex; align-items:center; justify-content:center; gap:clamp(11px,1.35vw,22px); font-size:13px; font-weight:600; color:#40586e; }
.afaq-nav ul { display:flex; align-items:center; gap:clamp(11px,1.35vw,22px); margin:0; padding:0; list-style:none; }
.afaq-nav li { margin:0; padding:0; }
.afaq-nav a { position:relative; padding:5px 0; transition:color 160ms var(--afaq-ease); }
.afaq-nav a::after { content:""; position:absolute; bottom:0; right:0; width:0; height:2px; background:var(--afaq-gold); transition:width 160ms var(--afaq-ease); }
.afaq-nav a:hover,.afaq-nav .current-menu-item>a { color:var(--afaq-navy); }
.afaq-nav a:hover::after,.afaq-nav .current-menu-item>a::after { width:100%; }
.afaq-header__cta { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:43px; padding:0 17px; border:1px solid var(--afaq-navy); color:var(--afaq-navy); white-space:nowrap; font-size:13px; font-weight:800; transition:background 180ms var(--afaq-ease),color 180ms var(--afaq-ease),transform 180ms var(--afaq-ease); }
.afaq-header__cta span { color:var(--afaq-gold); font-size:17px; line-height:1; }
.afaq-header__cta:hover { color:#fff; background:var(--afaq-navy); transform:translateY(-2px); }
.afaq-menu-toggle { display:none; border:0; padding:8px; background:transparent; color:var(--afaq-navy); font-size:24px; }

/* Hero and entry panels */
.afaq-hero { position:relative; overflow:hidden; background:var(--afaq-ink); color:#fff; min-height:630px; display:flex; align-items:center; isolation:isolate; background-position:center center; }
.afaq-hero::before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(7,25,46,.17) 0%,rgba(7,25,46,.88) 46%,rgba(7,25,46,.99) 75%); z-index:-1; }
.afaq-hero__media { position:absolute; inset:0; z-index:-2; background-size:cover; background-position:center; }
.afaq-hero__media::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(7,25,46,.1),rgba(7,25,46,.25)); }
.afaq-hero__inner { padding:104px 0 108px; width:100%; }
.afaq-hero__content { width:min(100%,590px); max-width:590px; margin-right:clamp(0px,5.3vw,82px); }
.afaq-hero h1 { margin:15px 0 22px; max-width:600px; font-family:"Noto Kufi Arabic",sans-serif; font-size:clamp(36px,4.45vw,57px); line-height:1.42; letter-spacing:-.06em; }
.afaq-hero p { margin:0; max-width:555px; color:#e0e8ef; font-size:18px; line-height:2; }
.afaq-hero__actions { display:flex; gap:12px; flex-wrap:wrap; margin-top:31px; }
.afaq-hero__seal { position:absolute; left:max(24px,calc((100vw - 1180px)/2)); bottom:0; width:230px; height:175px; border:1px solid rgba(216,173,71,.55); border-bottom:0; border-radius:120px 120px 0 0; opacity:.75; }
.afaq-hero__seal::after { content:""; position:absolute; width:78px; height:78px; border-radius:50%; background:var(--afaq-gold); right:35px; top:38px; }
.afaq-page-hero { position:relative; overflow:hidden; min-height:370px; display:flex; align-items:end; background:var(--afaq-navy); color:#fff; background-position:center; }
.afaq-page-hero::before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(6,24,43,.25),rgba(6,24,43,.89) 67%); z-index:0; }
.afaq-page-hero__media { position:absolute; inset:0; z-index:0; background-size:cover; background-position:center; opacity:.58; }
.afaq-page-hero__inner { position:relative; z-index:1; padding:88px 0 68px; }
.afaq-page-hero h1 { max-width:780px; font-family:"Noto Kufi Arabic",sans-serif; font-size:clamp(32px,4vw,54px); line-height:1.43; margin:12px 0 0; letter-spacing:-.05em; }
.afaq-page-hero p { max-width:640px; margin:14px 0 0; color:#e0e7ef; line-height:1.95; }
.afaq-page-hero__inner { animation:afaq-page-rise .62s var(--afaq-ease) both; }
.afaq-page-hero--about .afaq-page-hero__inner { animation-name:afaq-page-sweep; }
.afaq-page-hero--services .afaq-page-hero__inner { animation-name:afaq-page-unfold; }
.afaq-page-hero--operations .afaq-page-hero__inner { animation-name:afaq-page-rise; }
.afaq-page-hero--platforms .afaq-page-hero__inner { animation-name:afaq-page-signal; }
.afaq-page-hero--governance .afaq-page-hero__inner { animation-name:afaq-page-audit; }
.afaq-page-hero--development .afaq-page-hero__inner { animation-name:afaq-page-flow; }
.afaq-page-hero--clients .afaq-page-hero__inner { animation-name:afaq-page-spotlight; }
.afaq-page-hero--contact .afaq-page-hero__inner { animation-name:afaq-page-settle; }
.afaq-page-hero--platforms .afaq-page-hero__portal,.afaq-page-hero--governance .afaq-page-hero__portal { animation:afaq-portal-draw .9s .12s var(--afaq-ease) both; }
.afaq-page-hero__portal { position:absolute; left:max(24px,calc((100vw - 1180px)/2)); bottom:-1px; width:280px; height:174px; border:1px solid rgba(216,173,71,.62); border-bottom:0; border-radius:146px 146px 0 0; opacity:.75; }
.afaq-page-hero__portal::before { content:""; position:absolute; inset:25px 25px 0; border:1px solid rgba(216,173,71,.38); border-bottom:0; border-radius:116px 116px 0 0; }
.afaq-page-hero__portal::after { content:""; position:absolute; width:14px; height:14px; top:55px; right:48px; background:var(--afaq-gold); border-radius:50%; box-shadow:41px 45px 0 rgba(216,173,71,.5); }

/* Structured sections */
.afaq-section { padding:88px 0; }
.afaq-section--mist { background:var(--afaq-mist); }
.afaq-section--navy { background:var(--afaq-navy); color:#fff; }
.afaq-section--navy .afaq-title { color:#fff; }
.afaq-section--navy .afaq-copy { color:#d0dce5; }
.afaq-intro { display:grid; grid-template-columns:1.08fr .92fr; gap:68px; align-items:center; }
.afaq-intro__media { position:relative; padding:0 0 26px 26px; }
.afaq-intro__media img { display:block; width:100%; min-height:340px; object-fit:cover; box-shadow:var(--afaq-shadow); }
.afaq-intro__media::after { content:""; position:absolute; width:160px; height:144px; left:0; bottom:0; background:var(--afaq-gold); z-index:-1; }
.afaq-metrics { display:grid; grid-template-columns:repeat(4,1fr); margin-top:46px; background:#fff; box-shadow:0 12px 40px rgba(10,33,60,.08); }
.afaq-metric { padding:24px 26px; border-inline-start:1px solid var(--afaq-line); }
.afaq-metric:first-child { border-inline-start:0; }
.afaq-metric strong { display:block; color:var(--afaq-navy); font-family:"Noto Kufi Arabic",sans-serif; font-size:19px; }
.afaq-metric span { color:#7e909f; font-size:13px; }
.afaq-service-rail { display:grid; grid-template-columns:repeat(3,1fr); gap:17px; margin-top:40px; }
.afaq-service-card { position:relative; overflow:hidden; min-height:265px; background:#fff; padding:31px 29px; border-top:4px solid var(--afaq-gold); box-shadow:0 12px 36px rgba(10,33,60,.07); transition:transform 220ms var(--afaq-ease),box-shadow 220ms var(--afaq-ease); }
.afaq-service-card:hover { transform:translateY(-8px); box-shadow:var(--afaq-shadow); }
.afaq-service-card__index { position:absolute; left:17px; top:14px; color:#eef1f3; font-family:"Noto Kufi Arabic",sans-serif; font-size:55px; font-weight:800; line-height:1; }
.afaq-service-card h3 { position:relative; margin:0 0 12px; color:var(--afaq-navy); font-family:"Noto Kufi Arabic",sans-serif; font-size:18px; line-height:1.65; }
.afaq-service-card p { position:relative; color:#647a8c; font-size:14px; margin:0; }
.afaq-service-card a { position:absolute; right:29px; bottom:27px; color:var(--afaq-navy); font-weight:700; font-size:14px; }
.afaq-service-card a::before { content:"←"; color:var(--afaq-gold); display:inline-block; margin-left:7px; }
.afaq-path { margin-top:35px; display:grid; grid-template-columns:repeat(5,1fr); background:#fff; border:1px solid var(--afaq-line); }
.afaq-path__step { position:relative; padding:24px 17px 24px 19px; border-inline-start:1px solid var(--afaq-line); }
.afaq-path__step:first-child { border-inline-start:0; }
.afaq-path__number { display:flex; align-items:center; justify-content:center; width:31px; height:31px; margin-bottom:13px; border-radius:50%; background:var(--afaq-gold); color:var(--afaq-ink); font-size:12px; font-weight:800; }
.afaq-path__step strong { display:block; color:var(--afaq-navy); font-size:14px; line-height:1.65; }
.afaq-path__step span { display:block; color:#758796; margin-top:7px; font-size:12px; line-height:1.7; }
.afaq-feature { display:grid; grid-template-columns:1.12fr .88fr; gap:54px; align-items:center; }
.afaq-feature__panel { background:var(--afaq-navy); color:#fff; padding:42px; }
.afaq-feature__panel h3 { font-family:"Noto Kufi Arabic",sans-serif; font-size:25px; line-height:1.6; margin:0 0 16px; }
.afaq-feature__panel p { margin:0; color:#d8e0e8; }
.afaq-feature__points { list-style:none; margin:26px 0 0; padding:0; }
.afaq-feature__points li { padding:12px 0; border-top:1px solid rgba(255,255,255,.17); color:#fff; }
.afaq-feature__points li::before { content:"✓"; display:inline-block; width:23px; height:23px; text-align:center; line-height:23px; margin-left:9px; border-radius:50%; background:var(--afaq-gold); color:var(--afaq-ink); font-weight:800; }
.afaq-feature__image { position:relative; }
.afaq-feature__image img { display:block; width:100%; min-height:390px; object-fit:cover; }
.afaq-feature__badge { position:absolute; left:0; bottom:0; padding:17px 21px; background:var(--afaq-gold); color:var(--afaq-ink); font-family:"Noto Kufi Arabic",sans-serif; font-size:13px; font-weight:800; }

/* Detail pages */
.afaq-content { padding:82px 0 94px; }
.afaq-article { max-width:900px; }
.afaq-article h2 { color:var(--afaq-navy); font-family:"Noto Kufi Arabic",sans-serif; font-size:24px; line-height:1.7; margin:46px 0 15px; }
.afaq-article h2:first-child { margin-top:0; }
.afaq-article p { color:var(--afaq-muted); margin:0 0 15px; }
.afaq-kicker-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:13px; margin:31px 0 5px; }
.afaq-kicker { background:#fff; padding:20px 18px; border-right:3px solid var(--afaq-gold); box-shadow:0 9px 25px rgba(10,33,60,.05); color:var(--afaq-navy); font-weight:700; font-size:14px; }
.afaq-detail-grid { position:relative; display:grid; grid-template-columns:repeat(3,1fr); gap:34px 28px; margin:35px 0 54px; padding:22px 0 8px; }
.afaq-detail-grid::before { content:""; position:absolute; top:81px; right:6%; left:6%; height:1px; background:linear-gradient(90deg,transparent,var(--afaq-gold) 7%,var(--afaq-gold) 93%,transparent); opacity:.6; }
.afaq-detail-card { position:relative; min-height:222px; padding:32px 29px 26px; background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(251,250,246,.2)); border:0; border-top:2px solid var(--afaq-gold); }
.afaq-detail-card::before { content:""; position:absolute; top:-23px; right:18px; width:54px; height:54px; border:1px solid rgba(17,52,91,.22); border-bottom:0; border-radius:54px 54px 0 0; background:var(--afaq-cream); }
.afaq-detail-card::after { content:""; position:absolute; top:80px; left:-28px; width:28px; height:1px; background:var(--afaq-gold); opacity:.72; }
.afaq-detail-card:nth-child(3n)::after { display:none; }
.afaq-detail-card__icon { position:relative; z-index:1; display:flex; width:38px; height:38px; align-items:center; justify-content:center; margin-bottom:17px; border-radius:50%; background:var(--afaq-gold); color:var(--afaq-ink); font-weight:800; box-shadow:0 0 0 8px var(--afaq-cream); }
.afaq-detail-card h3 { position:relative; color:var(--afaq-navy); margin:0 0 8px; font-family:"Noto Kufi Arabic",sans-serif; font-size:16px; line-height:1.7; }
.afaq-detail-card p { position:relative; font-size:13px; margin:0; }
.afaq-process { counter-reset:afaq-process; display:grid; grid-template-columns:repeat(2,1fr); gap:0 62px; margin:40px 0; padding:10px 0; }
.afaq-process__item { position:relative; padding:20px 68px 22px 0; border-bottom:1px solid var(--afaq-line); color:var(--afaq-muted); }
.afaq-process__item::after { content:""; position:absolute; right:16px; bottom:-1px; width:1px; height:100%; background:linear-gradient(var(--afaq-gold),transparent); opacity:.6; }
.afaq-process__item::before { counter-increment:afaq-process; content:counter(afaq-process,decimal-leading-zero); display:grid; place-items:center; width:34px; height:34px; position:absolute; right:0; top:21px; color:var(--afaq-navy); border:1px solid var(--afaq-gold); background:var(--afaq-cream); border-radius:50%; font-family:"Noto Kufi Arabic",sans-serif; font-size:12px; font-weight:800; }
.afaq-process__item strong { display:block; color:var(--afaq-navy); font-size:15px; margin-bottom:3px; }
.afaq-value-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:#dfe6eb; margin-top:31px; }
.afaq-value { background:var(--afaq-cream); padding:28px 23px; }
.afaq-value h3 { color:var(--afaq-navy); font-family:"Noto Kufi Arabic",sans-serif; margin:0 0 8px; font-size:16px; }
.afaq-value p { margin:0; font-size:13px; }
.afaq-callout { margin:44px 0 0; padding:31px 35px; background:#f3ead4; border-right:5px solid var(--afaq-gold); color:var(--afaq-ink); }
.afaq-callout strong { font-family:"Noto Kufi Arabic",sans-serif; display:block; margin-bottom:8px; }

/* About and clients */
.afaq-values { display:grid; grid-template-columns:repeat(4,1fr); gap:0; margin-top:36px; }
.afaq-value-item { position:relative; min-height:180px; padding:27px 24px; background:#fff; border-inline-start:1px solid var(--afaq-line); }
.afaq-value-item:first-child { border-inline-start:0; }
.afaq-value-item__mark { color:var(--afaq-gold); font-family:"Noto Kufi Arabic",sans-serif; font-size:34px; font-weight:800; }
.afaq-value-item h3 { color:var(--afaq-navy); margin:4px 0 0; font-family:"Noto Kufi Arabic",sans-serif; font-size:17px; }
.afaq-clients-note { max-width:720px; margin-bottom:38px; color:var(--afaq-muted); }
.afaq-client-wall { display:grid; grid-template-columns:repeat(4,1fr); background:#fff; border:1px solid var(--afaq-line); }
.afaq-client { min-height:116px; display:flex; align-items:center; justify-content:center; text-align:center; padding:20px; border-inline-start:1px solid var(--afaq-line); border-bottom:1px solid var(--afaq-line); color:#667a8b; font-family:"Noto Kufi Arabic",sans-serif; font-size:13px; line-height:1.7; }
.afaq-client--lead { background:var(--afaq-navy); color:#fff; }

/* Contact */
.afaq-contact-grid { display:grid; grid-template-columns:.83fr 1.17fr; gap:24px; align-items:start; }
.afaq-contact-panel { background:var(--afaq-navy); color:#fff; padding:38px; }
.afaq-contact-panel h2 { font-family:"Noto Kufi Arabic",sans-serif; margin:0 0 14px; font-size:25px; line-height:1.65; }
.afaq-contact-panel p { color:#d1dce5; margin:0 0 28px; }
.afaq-contact-item { display:flex; align-items:center; gap:13px; padding:15px 0; border-top:1px solid rgba(255,255,255,.18); direction:rtl; }
.afaq-contact-item__icon { width:33px; height:33px; display:grid; place-items:center; flex-shrink:0; color:var(--afaq-ink); background:var(--afaq-gold); font-weight:800; }
.afaq-contact-item small { display:block; color:#adc0d0; font-size:11px; }
.afaq-contact-item a { font-weight:700; direction:ltr; }
.afaq-contact-form { background:#fff; padding:38px; box-shadow:var(--afaq-shadow); }
.afaq-contact-form h2 { margin:0 0 5px; color:var(--afaq-navy); font-family:"Noto Kufi Arabic",sans-serif; font-size:24px; }
.afaq-form-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.afaq-field { margin-top:18px; }
.afaq-field label { display:block; margin-bottom:7px; color:var(--afaq-navy); font-size:13px; font-weight:700; }
.afaq-field input,.afaq-field textarea,.afaq-field select { width:100%; border:1px solid #d6e0e6; padding:12px 13px; border-radius:0; color:var(--afaq-ink); background:#fff; outline:none; transition:border-color 160ms var(--afaq-ease),box-shadow 160ms var(--afaq-ease); }
.afaq-field textarea { min-height:135px; resize:vertical; }
.afaq-field input:focus,.afaq-field textarea:focus,.afaq-field select:focus { border-color:var(--afaq-gold); box-shadow:0 0 0 3px rgba(216,173,71,.18); }
.afaq-notice { margin:0 0 21px; padding:12px 15px; border-right:4px solid var(--afaq-gold); color:#31512f; background:#edf6eb; }

/* Footer */
.afaq-cta { position:relative; padding:75px 0; background:var(--afaq-cream); color:#fff; }
.afaq-cta .afaq-shell { position:relative; overflow:hidden; display:flex; align-items:center; justify-content:space-between; gap:28px; padding:44px 52px; background:var(--afaq-navy); }
.afaq-cta .afaq-shell::before { content:""; position:absolute; left:-20px; top:-118px; width:250px; height:250px; border-radius:50%; border:33px solid rgba(216,173,71,.52); }
.afaq-cta .afaq-shell::after { content:""; position:absolute; left:75px; top:0; width:76px; height:100%; border-right:1px solid rgba(216,173,71,.38); border-left:1px solid rgba(216,173,71,.38); border-radius:43px 43px 0 0; }
.afaq-cta h2 { position:relative; z-index:1; color:#fff; font-family:"Noto Kufi Arabic",sans-serif; font-size:clamp(22px,3vw,33px); line-height:1.6; margin:0; max-width:680px; }
.afaq-cta .afaq-btn { position:relative; z-index:1; background:var(--afaq-gold); color:var(--afaq-ink); flex-shrink:0; }
.afaq-footer { background:var(--afaq-ink); color:#d4dce4; }
.afaq-footer__main { display:grid; grid-template-columns:1.25fr .75fr .8fr; gap:40px; padding:61px 0 44px; }
.afaq-footer .afaq-brand__ar { color:#fff; }
.afaq-footer .afaq-brand--official { display:inline-flex; }
.afaq-footer p { max-width:430px; color:#b7c5d1; font-size:14px; }
.afaq-footer h3 { margin:0 0 14px; color:var(--afaq-gold); font-family:"Noto Kufi Arabic",sans-serif; font-size:15px; }
.afaq-footer ul { list-style:none; padding:0; margin:0; }
.afaq-footer li { margin:7px 0; font-size:14px; }
.afaq-footer li a:hover { color:var(--afaq-gold); }
.afaq-footer__bottom { padding:17px 0; border-top:1px solid rgba(255,255,255,.12); color:#9cacba; font-size:12px; }
.afaq-footer__bottom .afaq-shell { display:flex; justify-content:space-between; gap:18px; }

/* Motion and responsive */
.afaq-reveal { animation:afaq-rise .65s var(--afaq-ease) both; }
@keyframes afaq-rise { from { opacity:0; transform:translateY(18px); } to { opacity:1; transform:translateY(0); } }
@keyframes afaq-page-rise { from { opacity:0; transform:translateY(26px); } to { opacity:1; transform:translateY(0); } }
@keyframes afaq-page-sweep { from { opacity:0; transform:translateX(46px); } to { opacity:1; transform:translateX(0); } }
@keyframes afaq-page-unfold { from { opacity:0; transform:translateY(18px) scale(.975); clip-path:inset(0 100% 0 0); } to { opacity:1; transform:none; clip-path:inset(0); } }
@keyframes afaq-page-signal { from { opacity:0; transform:translateX(-32px); filter:blur(5px); } to { opacity:1; transform:none; filter:blur(0); } }
@keyframes afaq-page-audit { from { opacity:0; transform:translateY(-22px); letter-spacing:.03em; } to { opacity:1; transform:none; letter-spacing:-.05em; } }
@keyframes afaq-page-flow { from { opacity:0; transform:translate(24px,18px); } to { opacity:1; transform:none; } }
@keyframes afaq-page-spotlight { from { opacity:0; transform:scale(.96); filter:brightness(.7); } to { opacity:1; transform:scale(1); filter:brightness(1); } }
@keyframes afaq-page-settle { from { opacity:0; transform:translateY(14px); } 65% { opacity:1; transform:translateY(-3px); } to { opacity:1; transform:translateY(0); } }
@keyframes afaq-portal-draw { from { opacity:0; transform:translateY(15px) scaleX(.76); transform-origin:left bottom; } to { opacity:.75; transform:none; } }
.afaq-motion-ready .afaq-page-hero__media,.afaq-motion-ready .afaq-hero__media { animation:afaq-photo-settle 1.25s var(--afaq-ease) both; }
.afaq-motion-ready .afaq-page-hero__portal,.afaq-motion-ready .afaq-hero__seal { animation:afaq-portal-draw 1.05s .14s var(--afaq-ease) both; }
.afaq-motion-ready .afaq-page-hero__inner .afaq-eyebrow,.afaq-motion-ready .afaq-hero__content .afaq-eyebrow { animation:afaq-item-enter .58s .14s var(--afaq-ease) both; }
.afaq-motion-ready .afaq-page-hero__inner h1,.afaq-motion-ready .afaq-hero__content h1 { animation:afaq-item-enter .7s .24s var(--afaq-ease) both; }
.afaq-motion-ready .afaq-page-hero__inner p,.afaq-motion-ready .afaq-hero__content p { animation:afaq-item-enter .7s .37s var(--afaq-ease) both; }
.afaq-motion-ready .afaq-hero__actions { animation:afaq-item-enter .7s .5s var(--afaq-ease) both; }
.afaq-motion-ready .afaq-scroll-reveal { opacity:0; transform:translateY(32px); transition:opacity .72s var(--afaq-ease),transform .72s var(--afaq-ease); }
.afaq-motion-ready .afaq-scroll-reveal.afaq-in-view { opacity:1; transform:none; }
.afaq-motion-ready .afaq-scroll-reveal .afaq-motion-item { opacity:0; transform:translateY(26px); transition:opacity .58s var(--afaq-ease) var(--afaq-delay,0ms),transform .58s var(--afaq-ease) var(--afaq-delay,0ms); }
.afaq-motion-ready .afaq-scroll-reveal.afaq-in-view .afaq-motion-item { opacity:1; transform:none; }
.afaq-motion-ready .afaq-btn:hover,.afaq-motion-ready .afaq-header__cta:hover { animation:afaq-button-pulse .45s var(--afaq-ease) both; }
@keyframes afaq-photo-settle { from { opacity:.32; transform:scale(1.1); } to { opacity:.58; transform:scale(1); } }
@keyframes afaq-item-enter { from { opacity:0; transform:translateY(28px); } to { opacity:1; transform:none; } }
@keyframes afaq-button-pulse { 0% { transform:translateY(0) scale(1); } 55% { transform:translateY(-4px) scale(1.03); } 100% { transform:translateY(-3px) scale(1); } }
@media (max-width:1020px) { .afaq-nav { gap:13px; font-size:13px; } .afaq-intro,.afaq-feature { gap:35px; } .afaq-service-rail { grid-template-columns:repeat(2,1fr); } .afaq-path { grid-template-columns:repeat(3,1fr); } .afaq-path__step:nth-child(4) { border-inline-start:0; } .afaq-detail-grid { grid-template-columns:repeat(2,1fr); } .afaq-detail-grid::before { display:none; } .afaq-detail-card:nth-child(3n)::after { display:block; } .afaq-detail-card:nth-child(2n)::after { display:none; } .afaq-kicker-grid,.afaq-values,.afaq-value-grid { grid-template-columns:repeat(2,1fr); } .afaq-client-wall { grid-template-columns:repeat(3,1fr); } }
@media (max-width:800px) { .afaq-shell { width:min(100% - 32px,1180px); } .afaq-topbar .afaq-shell { justify-content:center; } .afaq-topbar__links { justify-content:center; } .afaq-topbar__date { display:none; } .afaq-header .afaq-shell { min-height:76px; grid-template-columns:1fr auto; gap:15px; } .afaq-brand--official { width:170px; } .afaq-header__cta { display:none; } .afaq-menu-toggle { display:block; } .afaq-nav { display:none; position:absolute; top:76px; right:0; left:0; padding:18px 24px 25px; background:var(--afaq-cream); border-bottom:1px solid var(--afaq-line); box-shadow:0 15px 30px rgba(10,33,60,.08); } .afaq-nav.is-open { display:flex; flex-direction:column; align-items:stretch; gap:7px; } .afaq-nav ul { flex-direction:column; align-items:stretch; gap:7px; width:100%; } .afaq-nav a { padding:8px 0; } .afaq-hero { min-height:580px; } .afaq-hero::before { background:linear-gradient(90deg,rgba(7,25,46,.42),rgba(7,25,46,.96)); } .afaq-hero__inner { padding:90px 0 114px; } .afaq-hero__content { margin-right:0; } .afaq-hero p { font-size:16px; } .afaq-page-hero__inner { padding:70px 0 55px; } .afaq-hero__seal,.afaq-page-hero__portal { left:18px; width:145px; height:110px; } .afaq-hero__seal::after { width:49px; height:49px; top:24px; right:21px; } .afaq-page-hero__portal::before { inset:16px 16px 0; } .afaq-page-hero__portal::after { width:9px; height:9px; top:34px; right:27px; box-shadow:22px 27px 0 rgba(216,173,71,.5); } .afaq-intro,.afaq-feature,.afaq-contact-grid { grid-template-columns:1fr; } .afaq-intro__media { order:-1; } .afaq-metrics { grid-template-columns:repeat(2,1fr); } .afaq-metric:nth-child(3) { border-inline-start:0; } .afaq-service-rail,.afaq-detail-grid { grid-template-columns:1fr; } .afaq-detail-card::after { display:none; } .afaq-path { grid-template-columns:1fr 1fr; } .afaq-path__step:nth-child(4) { border-inline-start:1px solid var(--afaq-line); } .afaq-path__step:nth-child(3),.afaq-path__step:nth-child(5) { border-inline-start:0; } .afaq-process { grid-template-columns:1fr; gap:0; } .afaq-footer__main { grid-template-columns:1fr 1fr; } .afaq-footer__main>div:first-child { grid-column:1/-1; } }
@media (max-width:520px) { .afaq-topbar { font-size:11px; } .afaq-topbar__links { gap:10px; } .afaq-brand img { width:41px; height:41px; } .afaq-brand--official { width:145px; } .afaq-brand--official img { width:100%; height:auto; } .afaq-brand__ar { font-size:12px; } .afaq-brand__en { font-size:7px; } .afaq-hero { min-height:570px; background-position:57% center; } .afaq-hero__inner { padding:77px 0 98px; } .afaq-hero h1 { font-size:34px; } .afaq-page-hero { min-height:300px; } .afaq-section,.afaq-content { padding:63px 0; } .afaq-metrics,.afaq-kicker-grid,.afaq-values,.afaq-value-grid,.afaq-client-wall { grid-template-columns:1fr; } .afaq-metric,.afaq-metric:nth-child(3),.afaq-value-item { border-inline-start:0; border-bottom:1px solid var(--afaq-line); } .afaq-path { grid-template-columns:1fr; } .afaq-path__step,.afaq-path__step:nth-child(4) { border-inline-start:0; border-bottom:1px solid var(--afaq-line); } .afaq-form-row { grid-template-columns:1fr; gap:0; } .afaq-contact-form,.afaq-contact-panel { padding:27px 22px; } .afaq-cta .afaq-shell { padding:33px 25px; } .afaq-cta .afaq-shell,.afaq-footer__bottom .afaq-shell { flex-direction:column; align-items:flex-start; } .afaq-footer__main { grid-template-columns:1fr; } .afaq-footer__main>div:first-child { grid-column:auto; } }

/* Editorial pathway: service summaries read as one managed route, not generic standalone cards. */
@media (min-width:801px) { .afaq-header .afaq-shell { grid-template-columns:228px minmax(0,1fr) auto auto; } .afaq-brand--official { width:228px; } .afaq-nav,.afaq-nav ul { gap:clamp(10px,1.1vw,18px); } }
.afaq-service-rail { position:relative; gap:0; overflow:hidden; border:1px solid var(--afaq-line); background:linear-gradient(90deg,#f4f6f7 0%,#fff 46%,#f6f1e5 100%); }
.afaq-service-card { min-height:300px; padding:37px 33px 31px; background:transparent; border-top:0; border-inline-start:1px solid var(--afaq-line); box-shadow:none; }
.afaq-service-card:first-child { border-inline-start:0; }
.afaq-service-card::before { content:""; position:absolute; top:23px; right:31px; width:43px; height:42px; border:1px solid rgba(216,173,71,.78); border-bottom:0; border-radius:43px 43px 0 0; }
.afaq-service-card::after { content:""; position:absolute; right:0; left:0; bottom:0; height:5px; background:linear-gradient(90deg,var(--afaq-navy),var(--afaq-gold),var(--afaq-navy)); opacity:.88; transform:scaleX(.18); transform-origin:right; transition:transform .32s var(--afaq-ease); }
.afaq-service-card:hover { transform:none; box-shadow:inset 0 -12px 28px rgba(10,33,60,.06); }
.afaq-service-card:hover::after { transform:scaleX(1); }
.afaq-service-card__index { top:36px; left:28px; color:rgba(17,52,91,.07); }
.afaq-service-card h3 { margin-top:55px; max-width:91%; }
.afaq-service-card a { right:33px; bottom:30px; }
.afaq-page-hero--operations + .afaq-content .afaq-article,.afaq-page-hero--governance + .afaq-content .afaq-article,.afaq-page-hero--development + .afaq-content .afaq-article { max-width:835px; margin-right:clamp(0px,5vw,78px); }
.afaq-page-hero--governance + .afaq-content .afaq-kicker-grid { max-width:1030px; margin-right:clamp(0px,4vw,64px); }
.afaq-page-hero--contact + .afaq-content .afaq-contact-grid { position:relative; }
.afaq-page-hero--contact + .afaq-content .afaq-contact-form { position:relative; border-top:5px solid var(--afaq-gold); box-shadow:0 28px 70px rgba(10,33,60,.16); }
.afaq-page-hero--contact + .afaq-content .afaq-contact-form::before { content:"01"; position:absolute; top:-34px; left:30px; display:grid; place-items:center; width:52px; height:52px; background:var(--afaq-navy); border:5px solid var(--afaq-cream); border-radius:50%; color:var(--afaq-gold); font-family:"Noto Kufi Arabic",sans-serif; font-size:12px; font-weight:800; }
.afaq-page-hero--contact + .afaq-content .afaq-contact-panel { border-bottom:5px solid var(--afaq-gold); }
@media (max-width:800px) { .afaq-service-rail { gap:0; } .afaq-service-card { border-inline-start:0; border-top:1px solid var(--afaq-line); } .afaq-service-card:first-child { border-top:0; } .afaq-page-hero--operations + .afaq-content .afaq-article,.afaq-page-hero--governance + .afaq-content .afaq-article,.afaq-page-hero--development + .afaq-content .afaq-article,.afaq-page-hero--governance + .afaq-content .afaq-kicker-grid { margin-right:0; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; } .afaq-motion-ready .afaq-scroll-reveal { opacity:1; transform:none; } }