:root{--navy:#102632;--deep:#091820;--gold:#d8ae59;--ink:#17313e;--muted:#60747e;--line:#d9e0e3;--paper:#f4f6f6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;overflow-x:hidden;color:var(--ink);font:16px/1.55 Arial,Tahoma,sans-serif}a{text-decoration:none;color:inherit}button{font:inherit}header{height:94px;padding:10px 5%;display:flex;align-items:center;gap:32px;background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;margin-inline-end:auto}.brand img{width:64px;height:64px;object-fit:contain}.brand b{display:block;font-size:18px}.brand small{display:block;color:#8c6a25;font-size:9px;letter-spacing:1.8px;margin-top:5px}nav{display:flex;gap:28px;font-size:14px}nav a{padding-block:8px;border-bottom:2px solid transparent}nav a:hover{border-color:var(--gold)}#lang,.menu{background:none;border:1px solid #aa925f;padding:10px 15px;cursor:pointer}.menu{display:none}.hero{min-height:660px;display:grid;grid-template-columns:1fr 1fr;background:var(--navy);color:#fff}.hero-copy{padding:80px 9%;display:flex;flex-direction:column;justify-content:center}.eyebrow{margin:0 0 22px;color:var(--gold);font-size:12px;font-weight:800;letter-spacing:2.2px}.eyebrow:before{content:'';display:inline-block;width:34px;height:2px;background:currentColor;vertical-align:middle;margin-inline-end:11px}h1,h2{font-family:Georgia,serif;font-weight:400;line-height:1.04;letter-spacing:-1.2px}h1{font-size:clamp(52px,5.8vw,86px);margin:0 0 28px}.lead{font-size:20px;max-width:520px;color:#d4dfe3;margin:0 0 32px}.button{align-self:flex-start;display:inline-flex;padding:15px 24px;background:var(--gold);color:var(--deep);font-weight:800;transition:.25s}.button:hover{background:#edc97b;transform:translateY(-2px)}.hero-drawing{position:relative;overflow:hidden;background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:48px 48px;border-inline-start:1px solid #ffffff1b}.hero-drawing svg{position:absolute;inset:5%;width:90%;height:90%}.gridline{fill:none;stroke:#fff;stroke-width:.7;opacity:.08}.route{fill:none;stroke:var(--gold);stroke-width:3;stroke-dasharray:12 9;animation:draw 18s linear infinite}.point{fill:var(--gold);filter:drop-shadow(0 0 8px #d8ae59)}.annotation{fill:none;stroke:#b6c5cc;stroke-width:1;opacity:.65}@keyframes draw{to{stroke-dashoffset:-420}}.promise{display:grid;grid-template-columns:repeat(3,1fr);background:var(--gold);color:var(--deep)}.promise span{padding:24px 6%;font-size:12px;font-weight:800;letter-spacing:1.6px;text-align:center;border-inline-end:1px solid #6d572833}.section{padding:100px 6%}.dark{color:#9b7120}h2{font-size:clamp(42px,4.6vw,66px);margin:0 0 50px;max-width:900px}.expertise{background:#fff}.expertise-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.expertise-grid article{padding:34px 8% 34px 0;border-inline-end:1px solid var(--line);transition:.25s}.expertise-grid article:hover{padding-inline-start:18px;background:var(--paper)}.expertise-grid h3,.sector-grid h3{font-size:25px;margin:0 0 12px}.expertise-grid p,.sector-grid p{color:var(--muted);margin:0}.method{background:var(--deep);color:#fff;display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:center}.method-intro h2{margin-bottom:24px}.method-intro>p:last-child{color:#aebfc6}.cycle-wrap{display:grid;grid-template-columns:1fr .85fr;gap:42px;align-items:center}.cycle{position:relative;aspect-ratio:1;border:1px solid #ffffff24;border-radius:50%;max-width:490px;margin:auto}.cycle:before,.cycle:after{content:'';position:absolute;border:1px solid #d8ae5935;border-radius:50%;inset:12%}.cycle:after{inset:28%}.cycle-step{position:absolute;width:112px;height:42px;border:1px solid #55707d;background:var(--navy);color:#c9d5da;cursor:pointer;border-radius:30px;font-weight:700;transition:.25s}.cycle-step:hover,.cycle-step.active{background:var(--gold);color:var(--deep);border-color:var(--gold);transform:scale(1.06)}.cycle-step:nth-child(1){top:-20px;left:50%;translate:-50% 0}.cycle-step:nth-child(2){top:27%;right:-50px}.cycle-step:nth-child(3){bottom:4%;right:2%}.cycle-step:nth-child(4){bottom:4%;left:2%}.cycle-step:nth-child(5){top:27%;left:-50px}.cycle-center{position:absolute;inset:34%;border-radius:50%;background:#142e3b;display:flex;flex-direction:column;align-items:center;justify-content:center}.cycle-center small{color:var(--gold);letter-spacing:2px}.cycle-center b{font:30px Georgia,serif}.annotation-card{border-inline-start:2px solid var(--gold);padding:10px 0 10px 24px;min-height:190px}.annotation-card span{font-size:11px;color:var(--gold);letter-spacing:2px}.annotation-card h3{font:30px Georgia,serif;margin:12px 0}.annotation-card p{color:#c0cdd2}.annotation-card b{font-size:13px}.sectors{background:var(--paper)}.sector-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.sector-grid article{padding:28px;border-top:3px solid var(--navy);background:#fff;transition:.25s}.sector-grid article:hover{border-color:var(--gold);transform:translateY(-5px);box-shadow:0 18px 36px #10263212}.closing{padding:70px 6%;background:#fff;display:flex;justify-content:center;gap:5vw;font:clamp(30px,4vw,60px) Georgia,serif}.closing p{margin:0}.closing p:last-child{color:#9a7226}.contact{padding:90px 6%;background:var(--navy);color:#fff;display:grid;grid-template-columns:1.3fr .7fr;gap:70px;align-items:center}.contact h2{margin:0}.contact>div:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:18px}.email{color:var(--gold);border-bottom:1px solid #806d45}footer{padding:22px 5%;background:var(--deep);color:#9db0b9;display:flex;align-items:center;justify-content:space-between}.foot{margin:0}.foot img{width:50px;height:50px}.foot b{color:#fff}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] .annotation-card h3,[dir=rtl] .closing{font-family:Tahoma,Arial,sans-serif;font-weight:700;line-height:1.4;letter-spacing:0}[dir=rtl] .eyebrow,[dir=rtl] .brand small{letter-spacing:0}@media(max-width:1000px){.method{grid-template-columns:1fr}.cycle-wrap{max-width:850px}.cycle-step:nth-child(2){right:-25px}.cycle-step:nth-child(5){left:-25px}}@media(max-width:760px){header{height:auto;flex-wrap:wrap;gap:10px}.menu{display:block;margin-inline-start:auto}nav{display:none;order:5;width:100%;padding:8px 0}.menu.open+nav,nav.open{display:flex;flex-wrap:wrap}.hero{grid-template-columns:1fr}.hero-copy{padding:65px 7%}.hero-drawing{min-height:430px}.promise{grid-template-columns:1fr}.promise span{border-bottom:1px solid #6d572833}.expertise-grid,.sector-grid,.contact{grid-template-columns:1fr}.cycle-wrap{grid-template-columns:1fr}.annotation-card{min-height:150px}.closing{flex-direction:column;gap:5px}.section{padding:70px 6%}}@media(max-width:520px){.brand img{width:48px;height:48px}.brand b{font-size:14px}.brand small{font-size:7px}#lang,.menu{padding:7px 9px;font-size:12px}nav{gap:14px;font-size:12px}h1{font-size:51px}.hero-drawing{min-height:330px}.cycle{max-width:310px}.cycle-step{width:90px;height:36px;font-size:12px}.cycle-step:nth-child(2){right:-12px}.cycle-step:nth-child(5){left:-12px}.cycle-center b{font-size:22px}.closing{font-size:36px}.contact{padding:65px 6%}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* Responsive alignment audit */
.section,.contact,.closing{padding-inline:max(6%,calc((100vw - 1440px)/2))}.cycle{width:min(100%,490px);min-width:0}.cycle-wrap{width:100%;min-width:0}.annotation-card{min-width:0}.method-intro{min-width:0}@media(max-width:1000px){.method{gap:48px}.cycle-wrap{grid-template-columns:minmax(360px,1fr) minmax(260px,.8fr);gap:54px}.cycle{width:min(100%,460px)}}@media(max-width:760px){.method{gap:36px}.cycle-wrap{display:flex;flex-direction:column;align-items:stretch;gap:38px}.cycle{width:min(82vw,430px);margin:18px auto}.cycle-step{width:104px;height:40px}.cycle-step:nth-child(1){top:-18px;left:50%}.cycle-step:nth-child(2){top:27%;right:-12px}.cycle-step:nth-child(3){bottom:5%;right:3%}.cycle-step:nth-child(4){bottom:5%;left:3%}.cycle-step:nth-child(5){top:27%;left:-12px}.annotation-card{width:100%;max-width:560px;margin:0 auto;min-height:0}.method-intro>p:last-child{margin-bottom:0}.hero-copy,.section,.contact{padding-inline:7%}.expertise-grid article{border-inline-end:0;border-bottom:1px solid var(--line);padding-inline:0}.sector-grid article{padding:24px}.closing{padding-inline:7%}}@media(max-width:520px){header{padding-inline:4%}.brand{gap:7px}.brand span{max-width:170px}.hero-copy{padding-inline:6%}.section,.contact{padding-inline:6%}.method h2{font-size:40px}.cycle{width:min(78vw,310px);margin-block:26px}.cycle-step{width:88px;height:34px;font-size:11px}.cycle-step:nth-child(1){top:-17px}.cycle-step:nth-child(2){top:24%;right:-18px}.cycle-step:nth-child(3){bottom:2%;right:-2px}.cycle-step:nth-child(4){bottom:2%;left:-2px}.cycle-step:nth-child(5){top:24%;left:-18px}.cycle-center{inset:32%}.cycle-center small{font-size:9px}.cycle-center b{font-size:20px}.annotation-card{padding-inline-start:18px}.annotation-card h3{font-size:26px}.promise span{padding-block:18px}.closing{padding:50px 6%}}
/* Expanded sector coverage */
.sector-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.sector-grid article{min-height:180px}.sector-grid h3{font-size:22px}@media(max-width:1100px){.sector-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sector-grid article{min-height:150px}}@media(max-width:620px){.sector-grid{grid-template-columns:1fr}.sector-grid article{min-height:0}}
/* Compact twelve-domain grid */
.sectors{padding-block:72px}.sectors h2{margin-bottom:34px}.sector-grid{gap:14px}.sector-grid article{min-height:118px;padding:18px 18px 16px}.sector-grid h3{font-size:18px;line-height:1.25;margin-bottom:8px}.sector-grid p{font-size:13px;line-height:1.45}@media(max-width:1100px){.sector-grid article{min-height:112px}}@media(max-width:620px){.sectors{padding-block:56px}.sector-grid{gap:10px}.sector-grid article{min-height:0;padding:16px}.sector-grid h3{font-size:17px}}
@media(min-width:1201px){.sector-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.sector-grid article{min-height:128px;padding:16px}.sector-grid h3{font-size:17px}.sectors{padding-block:60px}.sectors h2{font-size:clamp(38px,3.6vw,54px);margin-bottom:28px}}
/* Kingdom Fanar brand palette and shorter page rhythm */
:root{--navy:#0c2854;--deep:#071c3b;--gold:#18a7df;--ink:#0d2e5d;--muted:#536b82;--line:#d5e0e8;--paper:#f3f8fb}.hero{min-height:560px}.hero-copy{padding-block:58px}.hero-drawing{background-color:#0a244a}.button{color:#fff;box-shadow:0 8px 22px #061a3526}.button:hover{background:#3db9e7}.promise{background:#1659a3;color:#fff}.promise span{padding-block:18px;border-color:#ffffff26}.section{padding-block:72px}.section h2{margin-bottom:34px}.expertise-grid article{padding-block:26px}.method{padding-block:72px}.method-intro h2{margin-bottom:18px}.cycle{width:min(100%,430px)}.annotation-card{min-height:160px}.sectors{padding-block:54px}.contact{padding-block:62px}.closing{padding-block:48px}.foot small,.brand small{color:#167eb8}.eyebrow,.annotation-card span,.cycle-center small{color:#25b7eb}.cycle-step:hover,.cycle-step.active,.button{background:#1678bd;border-color:#1678bd}.route,.point{stroke:#20b6eb;fill:#20b6eb}.promise+.section{padding-top:68px}@media(max-width:760px){.hero{min-height:0}.hero-copy{padding-block:52px}.hero-drawing{min-height:320px}.section,.method{padding-block:56px}.contact{padding-block:52px}.closing{padding-block:40px}}@media(max-width:520px){.hero-drawing{min-height:260px}.section,.method{padding-block:48px}.sectors{padding-block:44px}.promise span{padding-block:14px}}
/* Arabic is authored independently; give its phrases their own rhythm */
[dir=rtl] h1{font-size:clamp(46px,5vw,66px);line-height:1.38}[dir=rtl] .lead{font-size:19px;line-height:1.9}[dir=rtl] h2{line-height:1.35}[dir=rtl] .expertise-grid p,[dir=rtl] .sector-grid p,[dir=rtl] .annotation-card p{line-height:1.8}[dir=rtl] .cycle-step{font-size:14px}@media(max-width:520px){[dir=rtl] h1{font-size:42px;line-height:1.42}[dir=rtl] .lead{font-size:17px}}
/* Hero drawing: fragmented work converges into one controlled flow */
.route,.point{display:none}.current-flow path,.future-flow,.future-arrow,.intervention-ring,.outcome-ring,.evidence-marks path{fill:none;vector-effect:non-scaling-stroke}.current-flow path{stroke:#6f91ad;stroke-width:2;opacity:.72;stroke-dasharray:7 8;animation:streamIn 9s linear infinite}.current-flow path:nth-child(2){animation-delay:-3s}.current-flow path:nth-child(3){animation-delay:-6s}.intervention-ring{stroke:#22b7ea;stroke-width:2;stroke-dasharray:5 7;transform-origin:300px 300px;animation:rotateRing 15s linear infinite}.intervention-core{fill:#22b7ea;filter:drop-shadow(0 0 10px #22b7ea)}.future-flow{stroke:#22b7ea;stroke-width:4;stroke-linecap:round;stroke-dasharray:12 7;animation:streamOut 7s linear infinite}.future-arrow{stroke:#22b7ea;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.outcome-ring{stroke:#22b7ea;stroke-width:2;filter:drop-shadow(0 0 8px #22b7ea)}.evidence-marks path{stroke:#ffffff45;stroke-width:2}.drawing-caption{position:absolute;left:8%;right:8%;bottom:8%;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;color:#86a2b7;font-size:10px;letter-spacing:1.5px;text-align:center}.drawing-caption b{color:#22b7ea;font-weight:800}.drawing-caption span:first-child{text-align:start}.drawing-caption span:last-child{text-align:end}@keyframes streamIn{to{stroke-dashoffset:-180}}@keyframes streamOut{to{stroke-dashoffset:-190}}@keyframes rotateRing{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.current-flow path,.future-flow,.intervention-ring{animation:none}}
.profile-link{color:#fff;border-bottom:1px solid #5c81a1;font-size:14px}.profile-link:hover{color:#26b8ea}
.contact .profile-link{display:inline-flex;padding:11px 16px;border:1px solid #5f89ad;border-radius:3px;color:#fff;background:#ffffff08;font-weight:700;font-size:13px;transition:.2s}.contact .profile-link:hover{color:#fff;background:#1678bd;border-color:#1678bd;transform:translateY(-2px)}

/* Executive editorial refinement */
html{scroll-padding-top:80px}body{background:#fff}header{height:78px;padding-block:7px;background:#fffffff2;backdrop-filter:blur(14px);box-shadow:0 6px 24px #071c3b0a}.brand img{width:54px;height:54px}.brand b{font-size:17px;letter-spacing:-.2px}.brand small{margin-top:2px;font-size:8px;letter-spacing:1.55px}nav{gap:24px;font-size:13px;font-weight:700}nav a{position:relative;border:0}nav a:after{content:'';position:absolute;left:0;right:100%;bottom:2px;height:2px;background:#18a7df;transition:right .25s}nav a:hover:after,nav a.is-current:after{right:0}#lang,.menu{border-color:#bfd0dd;color:#0d2e5d;font-weight:700}
.hero{min-height:510px}.hero-copy{padding-block:48px}.hero-copy h1{font-size:clamp(50px,5.2vw,76px);margin-bottom:22px}.lead{font-size:18px;line-height:1.6;margin-bottom:26px}.button{padding:13px 21px;font-size:14px;letter-spacing:.1px}.hero-drawing svg{inset:8%;width:84%;height:84%}.drawing-caption{bottom:6%}.promise span{padding-block:14px;font-size:11px}
.section{padding-block:58px}.section h2{font-size:clamp(39px,4vw,56px);margin-bottom:28px}.eyebrow{margin-bottom:16px}.expertise-grid article{padding-block:22px}.expertise-grid h3{font-size:22px}.expertise-grid p{font-size:14px}.method{padding-block:60px;grid-template-columns:.72fr 1.28fr;gap:60px}.method-intro h2{font-size:clamp(38px,3.8vw,54px)}.cycle-wrap{grid-template-columns:minmax(330px,.95fr) minmax(260px,.8fr);gap:46px}.cycle{width:min(100%,390px);box-shadow:inset 0 0 70px #18a7df0a}.cycle-step{width:106px;height:39px;font-size:13px}.cycle-center{background:#0d2e5d;border:1px solid #18a7df33}.annotation-card{min-height:175px;padding:24px;border:1px solid #ffffff18;border-inline-start:3px solid #18a7df;background:#ffffff08}.annotation-card h3{font-size:28px}.annotation-card p{font-size:14px;line-height:1.65}.annotation-card b{display:inline-block;margin-top:4px;color:#fff}
.sectors{padding-block:50px}.sectors h2{font-size:clamp(36px,3.2vw,48px);margin-bottom:24px}.sector-grid{gap:0;border-top:1px solid #c9d8e2;border-inline-start:1px solid #c9d8e2}.sector-grid article{min-height:112px;padding:16px;background:transparent;border:0;border-inline-end:1px solid #c9d8e2;border-bottom:1px solid #c9d8e2}.sector-grid article:hover{transform:none;box-shadow:none;background:#fff;border-color:#c9d8e2}.sector-grid h3{font-size:16px}.sector-grid p{font-size:12px}.contact{padding-block:58px}.contact h2{font-size:clamp(40px,4vw,58px)}.contact-note{margin:18px 0 0;color:#b8cad5;font-size:16px}.contact>div:last-child{gap:14px}.email{font-size:16px;font-weight:800}.profile-link{font-size:12px}footer{padding-block:16px}.foot img{width:42px;height:42px}
.hero-copy,.hero-drawing,.promise,.expertise-grid article,.method-intro,.cycle-wrap,.sector-grid article,.contact>div{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.js .reveal.in-view{opacity:1;transform:none}
@keyframes stageChange{from{opacity:.45;transform:translateX(8px)}to{opacity:1;transform:none}}.annotation-card.stage-change>*{animation:stageChange .35s ease both}
@media(max-width:1000px){header{height:74px}.method{gap:40px}.cycle-wrap{grid-template-columns:minmax(330px,1fr) minmax(250px,.8fr)}.sector-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){header{height:auto}.hero-copy{padding-block:46px}.hero-drawing{min-height:280px}.method{grid-template-columns:1fr;padding-block:52px}.cycle-wrap{display:flex;width:100%}.sector-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact{gap:36px}.contact-note{font-size:14px}nav.open{padding:14px 0 10px;border-top:1px solid #d5e0e8}nav a{padding:8px 0}.menu[aria-expanded=true]{background:#f3f8fb}}
@media(max-width:520px){.hero-copy h1{font-size:46px}.hero-drawing{min-height:235px}.section{padding-block:44px}.sector-grid{grid-template-columns:1fr}.sector-grid article{min-height:0}.cycle{flex:0 0 auto;align-self:center;width:min(72vw,280px);margin-inline:auto}.cycle-step{width:82px;height:33px;font-size:10px}.cycle-step:nth-child(2){right:-4px}.cycle-step:nth-child(5){left:-4px}.annotation-card{padding:20px}.contact h2{font-size:39px}}