@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Inter:wght@300;400;500;600;700&family=IBM+Plex+Sans+Arabic:wght@300;400;500;600&family=Noto+Kufi+Arabic:wght@400;500;600;700&display=swap');

:root{
  --navy:#081d33;
  --navy-2:#0d2a45;
  --navy-3:#153a57;
  --cream:#f3ece0;
  --cream-2:#fffbf4;
  --paper:#ffffff;
  --ink:#10233b;
  --muted:#5e6a76;
  /* Copper drawn directly from the approved anchor mark's ink (#b85e30) rather than a generic terracotta. */
  --copper:#b85e30;
  --copper-deep:#8f4522;
  --copper-2:#dd9a6e;
  --copper-soft:#efd2bf;
  --line:rgba(16,35,59,.13);
  --shadow:0 24px 70px rgba(6,21,37,.13);
  --radius:28px;
  --serif:"Bodoni Moda", "Times New Roman", serif;
  --sans:"Manrope",Arial,sans-serif;
  --ar-title:"Noto Kufi Arabic",Tahoma,sans-serif;
  --ar-body:"IBM Plex Sans Arabic",Tahoma,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:92px}
:focus-visible{outline:2px solid var(--copper);outline-offset:3px;border-radius:4px}
.hero :focus-visible,.gateway-content :focus-visible,.execution-banner :focus-visible,.solution-stage :focus-visible{outline-color:var(--copper-2)}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased}
html[dir="rtl"] body{font-family:var(--ar-body);line-height:1.95}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button{font:inherit}
.container{width:min(1220px,calc(100% - 48px));margin-inline:auto}
.section{position:relative;padding:112px 0;overflow:hidden}
.section.compact{padding:80px 0}
.eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:20px;color:var(--copper);font-size:.76rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.eyebrow::before{content:"";width:34px;height:1px;background:currentColor}
html[dir="rtl"] .eyebrow{font-family:var(--ar-title);letter-spacing:0;font-size:.84rem}
.section-title{margin:0;color:var(--ink);font-family:var(--serif);font-size:clamp(3rem,5.4vw,5.4rem);font-weight:600;line-height:.98;letter-spacing:-.025em}
html[dir="rtl"] .section-title{font-family:var(--ar-title);font-size:clamp(2.5rem,4.7vw,4.55rem);line-height:1.45;letter-spacing:0}
.section-title.light{color:#fff}
.copper{color:var(--copper)}
.section-lead{max-width:720px;margin:26px 0 0;color:var(--muted);font-size:1.06rem;line-height:1.9}
html[dir="rtl"] .section-lead{font-size:1.08rem;line-height:2.05}
.prose{text-align:justify;text-justify:inter-word;hyphens:auto}
html[dir="rtl"] .prose{hyphens:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:50px;padding:13px 22px;border:1px solid transparent;border-radius:999px;font-size:.78rem;font-weight:600;letter-spacing:.04em;transition:.25s ease;cursor:pointer}
html[dir="rtl"] .btn{font-family:var(--ar-title);font-size:.82rem;letter-spacing:0}
.btn-primary{background:var(--copper);color:#fff;box-shadow:0 12px 30px rgba(200,102,53,.24)}
.btn-primary:hover{background:#b9572d;transform:translateY(-2px)}
.btn-light{background:var(--cream-2);color:var(--ink)}
.btn-light:hover{background:#fff;transform:translateY(-2px)}
.btn-outline{border-color:rgba(255,255,255,.42);color:#fff;background:rgba(255,255,255,.035);backdrop-filter:blur(10px)}
.btn-outline:hover{background:rgba(255,255,255,.12)}
.btn-ink{border-color:rgba(16,35,59,.22);color:var(--ink);background:transparent}
.btn-ink:hover{border-color:var(--copper);color:var(--copper);transform:translateY(-2px)}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s ease}
.reveal.visible{opacity:1;transform:none}
.hero h1 em,.about-statement em,.contact-quote em,blockquote em{font-style:italic;font-weight:470}

/* Route rail — the page's signature element. A single dashed shipping
   route beneath the header that fills as you read, with the anchor mark
   travelling along it: "Confidence in Motion" made literal and functional
   (it also doubles as a scroll progress indicator). */
.route-rail{position:fixed;inset:88px 0 auto;height:3px;z-index:999;background:repeating-linear-gradient(90deg,rgba(16,35,59,.16) 0 10px,transparent 10px 20px);transition:inset .28s ease}
.site-header.scrolled ~ .route-rail{inset:76px 0 auto}
.route-fill{height:100%;width:0%;background:var(--copper);transform-origin:left;box-shadow:0 0 12px rgba(184,94,48,.55)}
html[dir="rtl"] .route-fill{transform-origin:right;margin-inline-start:auto}
.route-marker{position:absolute;top:50%;left:0%;width:22px;height:22px;transform:translate(-50%,-50%);border-radius:50%;background:var(--cream-2);border:2px solid var(--copper);display:grid;place-items:center;box-shadow:0 4px 14px rgba(6,21,37,.28);transition:left .12s linear}
html[dir="rtl"] .route-marker{left:auto;right:0%;transform:translate(50%,-50%)}
.route-marker img{width:11px;height:11px;object-fit:contain}
@media (max-width:900px){.route-rail{inset:76px 0 auto}.site-header.scrolled ~ .route-rail{inset:72px 0 auto}.route-marker{width:17px;height:17px}.route-marker img{width:9px;height:9px}}

/* Header */
.site-header{position:fixed;inset:0 0 auto;z-index:1000;height:88px;color:#fff;transition:.28s ease}
.site-header.scrolled{height:76px;background:rgba(255,250,244,.96);color:var(--ink);box-shadow:0 8px 30px rgba(6,21,37,.08);backdrop-filter:blur(16px)}
.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo-link{width:230px;flex:0 0 auto}
.logo-link img{width:100%;filter:drop-shadow(0 2px 12px rgba(0,0,0,.1))}
.site-header:not(.scrolled) .logo-link img{filter:drop-shadow(0 2px 12px rgba(0,0,0,.32))}
.desktop-nav{display:flex;align-items:center;gap:22px;font-size:.72rem;font-weight:500;letter-spacing:.03em}
html[dir="rtl"] .desktop-nav{font-family:var(--ar-title);font-size:.75rem;letter-spacing:0}
.desktop-nav a{position:relative;white-space:nowrap;opacity:.86}
.desktop-nav a:not(.nav-gateway)::after{content:"";position:absolute;inset:auto 0 -8px;width:0;height:1px;background:var(--copper);transition:.25s ease}
.desktop-nav a:hover{opacity:1}.desktop-nav a:hover::after{width:100%}
.nav-gateway{padding:8px 14px;border:1px solid rgba(255,255,255,.42);border-radius:999px}
.site-header.scrolled .nav-gateway{border-color:rgba(16,35,59,.2);background:var(--cream)}
.lang-switch{color:var(--copper-2);font-weight:600}
.site-header.scrolled .lang-switch{color:var(--copper)}
.menu-btn{display:none;width:44px;height:44px;border:0;background:transparent;color:currentColor;position:relative}
.menu-btn span{position:absolute;left:10px;right:10px;height:1px;background:currentColor;transition:.25s}.menu-btn span:first-child{top:16px}.menu-btn span:last-child{top:27px}.menu-btn.open span:first-child{transform:translateY(5.5px) rotate(45deg)}.menu-btn.open span:last-child{transform:translateY(-5.5px) rotate(-45deg)}
.mobile-menu{display:none;position:fixed;inset:76px 0 0;background:var(--cream-2);z-index:990;padding:36px 24px;transform:translateY(-110%);transition:.35s ease;overflow:auto}
.mobile-menu.open{transform:none}.mobile-menu nav{display:grid}.mobile-menu a{padding:16px 4px;border-bottom:1px solid var(--line);font-family:var(--serif);font-size:2rem}.mobile-menu .lang-switch{font-family:var(--sans);font-size:1rem;color:var(--copper)}
html[dir="rtl"] .mobile-menu a{font-family:var(--ar-title);font-size:1.45rem}

/* Hero */
.hero{position:relative;min-height:900px;height:100svh;display:flex;align-items:center;background:url('../images/hero.webp') 60% center/cover no-repeat;color:#fff;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,17,32,.95) 0%,rgba(3,17,32,.75) 35%,rgba(3,17,32,.22) 68%,rgba(3,17,32,.12) 100%)}
html[dir="rtl"] .hero::before{background:linear-gradient(270deg,rgba(3,17,32,.95) 0%,rgba(3,17,32,.75) 35%,rgba(3,17,32,.22) 68%,rgba(3,17,32,.12) 100%)}
.hero::after{content:"";position:absolute;inset:auto 0 0;height:240px;background:linear-gradient(transparent,rgba(3,17,32,.86))}
.hero-content{position:relative;z-index:2;max-width:690px;padding-top:60px}
html[dir="rtl"] .hero-content{margin-inline-start:auto;max-width:700px}
.hero-kicker{display:flex;align-items:center;gap:12px;margin-bottom:26px;color:var(--copper-2);font-size:.77rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.hero-kicker::before{content:"";width:42px;height:1px;background:currentColor}
html[dir="rtl"] .hero-kicker{font-family:var(--ar-title);letter-spacing:0;font-size:.86rem}
.hero h1{margin:0;font-family:var(--serif);font-size:clamp(5rem,9.2vw,9rem);font-weight:600;line-height:.91;letter-spacing:-.035em}
.hero h1 span,.hero h1 em{display:block}.hero h1 em{font-style:italic;color:var(--copper-2);font-weight:500}
html[dir="rtl"] .hero h1{font-family:var(--ar-title);font-size:clamp(3.5rem,7vw,6.8rem);line-height:1.28;letter-spacing:0}
.hero-copy{max-width:600px;margin:34px 0 0;color:rgba(255,255,255,.82);font-size:1.08rem;line-height:1.9;text-align:left}
html[dir="rtl"] .hero-copy{font-size:1.12rem;line-height:2.1}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.hero-proof{position:absolute;z-index:3;inset:auto 0 0;border-top:1px solid rgba(255,255,255,.14)}
.hero-proof-inner{display:grid;grid-template-columns:repeat(3,1fr)}
.proof-item{display:flex;align-items:center;gap:14px;padding:22px 26px;border-inline-end:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.68);font-size:.76rem}.proof-item:last-child{border:0}.proof-num{color:var(--copper-2);font-family:var(--serif);font-size:1.5rem}
html[dir="rtl"] .proof-item{font-family:var(--ar-body);font-size:.83rem}.proof-num{font-family:var(--serif)}

/* About */
.about{background:var(--cream-2)}
.about-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:90px;align-items:start}
.about-statement{margin:0;font-family:var(--serif);font-size:clamp(3.2rem,5.3vw,5.65rem);font-weight:600;line-height:1.02;letter-spacing:-.03em}
.about-statement em{font-style:italic;color:var(--copper);font-weight:500}
html[dir="rtl"] .about-statement{font-family:var(--ar-title);font-size:clamp(2.5rem,4.5vw,4.4rem);line-height:1.5;letter-spacing:0}
.about-copy{display:grid;gap:22px;padding-top:8px}.about-copy p{margin:0;color:#42505e;font-size:1.02rem;line-height:2}
.represent-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:68px}
.represent-card{padding:28px 24px;border-top:1px solid var(--line);background:rgba(255,255,255,.5)}
.represent-card strong{display:block;color:var(--copper);font-family:var(--serif);font-size:1.6rem;margin-bottom:8px}
.represent-card p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.75;text-align:justify}
html[dir="rtl"] .represent-card strong{font-family:var(--ar-title);font-size:1.25rem}.represent-card p{font-size:.88rem}

/* Framework */
.framework{background:var(--navy);color:#fff}
.framework .section-lead{color:rgba(255,255,255,.62)}
.framework-layout{display:grid;grid-template-columns:1.4fr .6fr;gap:28px;margin-top:55px}
.framework-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.framework-step{min-height:145px;padding:24px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(255,255,255,.035);color:#fff;text-align:start;cursor:pointer;transition:.3s cubic-bezier(.22,.61,.36,1)}
.framework-step:hover,.framework-step.active{border-color:var(--copper);background:rgba(200,102,53,.13);transform:translateY(-3px)}
.framework-step .step-no{display:block;color:var(--copper-2);font-family:var(--serif);font-size:1.25rem;margin-bottom:24px}
.framework-step strong{display:block;font-family:var(--serif);font-size:1.45rem}
html[dir="rtl"] .framework-step strong{font-family:var(--ar-title);font-size:1.12rem}
.framework-detail{display:flex;flex-direction:column;justify-content:space-between;min-height:302px;padding:32px;border-radius:24px;background:var(--cream-2);color:var(--ink);box-shadow:var(--shadow)}
.framework-detail .detail-no{color:var(--copper);font-family:var(--serif);font-size:2rem}.framework-detail h3{margin:15px 0 14px;font-family:var(--serif);font-size:2.3rem;line-height:1.05}.framework-detail p{margin:0;color:var(--muted);font-size:.94rem;line-height:1.9;text-align:justify}.framework-detail .result{margin-top:28px;padding-top:20px;border-top:1px solid var(--line);color:var(--copper);font-weight:600;font-size:.78rem}
html[dir="rtl"] .framework-detail h3{font-family:var(--ar-title);font-size:1.8rem;line-height:1.5}.framework-detail p{font-size:1rem;line-height:2}.framework-detail .result{font-family:var(--ar-title)}
.enablers{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px}.enabler{padding:22px;border:1px solid rgba(255,255,255,.1);border-radius:17px}.enabler svg{width:30px;color:var(--copper-2);margin-bottom:14px}.enabler strong{display:block;font-size:.82rem}.enabler span{display:block;margin-top:4px;color:rgba(255,255,255,.47);font-size:.7rem}

/* Capabilities */
.capabilities{background:var(--cream)}
.cap-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:85px;align-items:center}
.cap-list{display:grid;gap:18px;margin-top:38px}.cap-item{display:grid;grid-template-columns:46px 1fr;gap:16px;padding-bottom:18px;border-bottom:1px solid var(--line)}.cap-item:last-child{border:0}.cap-item .index{color:var(--copper);font-family:var(--serif);font-size:1.3rem}.cap-item strong{display:block;font-family:var(--serif);font-size:1.35rem}.cap-item span{display:block;margin-top:3px;color:var(--muted);font-size:.82rem}
html[dir="rtl"] .cap-item strong{font-family:var(--ar-title);font-size:1.05rem}
.cap-network{position:relative;aspect-ratio:1/1;max-width:680px;margin-inline:auto;border-radius:50%;background:radial-gradient(circle,rgba(200,102,53,.16),transparent 53%),var(--navy);box-shadow:var(--shadow);overflow:hidden}
.cap-network::before{content:"";position:absolute;inset:8%;border:1px solid rgba(224,160,123,.18);border-radius:50%;box-shadow:0 0 0 55px rgba(224,160,123,.028),0 0 0 110px rgba(224,160,123,.018)}
.cap-lines{position:absolute;inset:0;width:100%;height:100%;stroke:rgba(224,160,123,.52);stroke-width:1;fill:none}
.cap-centre{position:absolute;left:50%;top:50%;width:180px;height:180px;transform:translate(-50%,-50%);display:grid;place-items:center;border:4px solid var(--copper);border-radius:50%;background:var(--cream-2);box-shadow:0 20px 50px rgba(0,0,0,.24);z-index:2}
.cap-centre img{width:98px;max-height:126px;object-fit:contain}
.cap-node{position:absolute;width:142px;min-height:100px;padding:15px 12px;display:grid;place-content:center;text-align:center;border:1px solid rgba(224,160,123,.55);border-radius:18px;background:rgba(8,29,51,.88);color:#fff;z-index:2;font-size:.67rem;line-height:1.45;box-shadow:0 15px 35px rgba(0,0,0,.22)}
.cap-node strong{color:var(--copper-2);font-size:.74rem;margin-bottom:4px}.cap-node.n1{left:50%;top:5%;transform:translateX(-50%)}.cap-node.n2{right:3%;top:22%}.cap-node.n3{right:3%;bottom:20%}.cap-node.n4{left:50%;bottom:4%;transform:translateX(-50%)}.cap-node.n5{left:3%;bottom:20%}.cap-node.n6{left:3%;top:22%}
html[dir="rtl"] .cap-node{font-size:.75rem}.cap-node strong{font-family:var(--ar-title);font-size:.78rem}

/* Gateway */
.gateway{background:var(--paper)}
.gateway-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:0;min-height:680px;border-radius:32px;overflow:hidden;box-shadow:var(--shadow)}
.gateway-visual{position:relative;background:url('../images/gateway.webp') center/cover no-repeat;min-height:680px}.gateway-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 45%,rgba(8,29,51,.22))}
html[dir="rtl"] .gateway-visual::after{background:linear-gradient(270deg,transparent 45%,rgba(8,29,51,.22))}
.gateway-content{display:flex;flex-direction:column;justify-content:center;padding:64px;background:var(--navy);color:#fff}.gateway-content .section-lead{color:rgba(255,255,255,.66)}
.gateway-points{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:34px}.gateway-point{padding:17px;border-top:1px solid rgba(255,255,255,.16)}.gateway-point strong{display:block;color:var(--copper-2);font-family:var(--serif);font-size:1.2rem}.gateway-point span{font-size:.76rem;color:rgba(255,255,255,.58)}
html[dir="rtl"] .gateway-point strong{font-family:var(--ar-title);font-size:.97rem}.gateway-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}

/* Solutions */
.solutions{background:var(--cream)}
.solutions-head{display:grid;grid-template-columns:1fr .7fr;gap:70px;align-items:end}.solutions-head .section-lead{margin-bottom:8px}
.solutions-layout{display:grid;grid-template-columns:.42fr .58fr;gap:28px;margin-top:56px}
.solution-tabs{display:grid;align-content:start}.solution-tab{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center;padding:19px 0;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);text-align:start;cursor:pointer;transition:.22s}.solution-tab .no{font-family:var(--serif);font-size:1.2rem;color:#89939d}.solution-tab strong{font-family:var(--serif);font-size:1.42rem;line-height:1.12}.solution-tab.active .no,.solution-tab:hover .no{color:var(--copper)}.solution-tab.active strong,.solution-tab:hover strong{color:var(--copper)}
html[dir="rtl"] .solution-tab strong{font-family:var(--ar-title);font-size:1.05rem;line-height:1.55}
.solution-stage{position:relative;min-height:630px;border-radius:28px;overflow:hidden;background:var(--navy);box-shadow:var(--shadow)}
.solution-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .35s ease,transform .7s ease}.solution-stage:hover .solution-image{transform:scale(1.025)}
.solution-stage::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,18,33,.97),rgba(4,18,33,.08) 65%)}
.solution-panel{position:absolute;z-index:2;inset:auto 0 0;padding:42px;color:#fff}.solution-panel h3{margin:0 0 12px;font-family:var(--serif);font-size:2.6rem;line-height:1.02;color:var(--copper-2)}.solution-panel p{max-width:760px;margin:0;color:rgba(255,255,255,.76);font-size:.94rem;line-height:1.9;text-align:justify}.solution-outcomes{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.solution-outcomes span{padding:8px 13px;border:1px solid rgba(255,255,255,.2);border-radius:999px;color:rgba(255,255,255,.8);font-size:.7rem}
html[dir="rtl"] .solution-panel h3{font-family:var(--ar-title);font-size:1.85rem;line-height:1.55}.solution-panel p{font-size:.98rem;line-height:2}.solution-outcomes span{font-family:var(--ar-title);font-size:.73rem}

/* Industries */
.industries{background:var(--navy);color:#fff}
.industries .section-lead{color:rgba(255,255,255,.6)}
.industry-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:58px;margin-top:55px;align-items:stretch}
.industry-visual{position:relative;min-height:650px;border-radius:28px;overflow:hidden;background:radial-gradient(120% 90% at 20% 15%,rgba(184,94,48,.16),transparent 55%),linear-gradient(160deg,var(--navy-2),var(--navy) 70%);box-shadow:0 30px 80px rgba(0,0,0,.24);display:grid;place-items:center;padding:40px}
.industry-visual svg{width:100%;height:100%;max-width:480px}
.industry-visual .route-line{fill:none;stroke:rgba(224,160,123,.4);stroke-width:1;stroke-dasharray:2 6;stroke-linecap:round}
.industry-visual .route-dot{fill:var(--copper-2)}
.industry-visual .route-dot.hub{fill:var(--copper);r:6}
.industry-visual .route-caption{fill:rgba(255,255,255,.55);font-size:10px;letter-spacing:.08em;font-family:Arial,sans-serif;text-transform:uppercase}
.industry-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.industry-card{min-height:145px;padding:25px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:rgba(255,255,255,.035)}.industry-card svg{width:31px;color:var(--copper-2);margin-bottom:13px}.industry-card strong{display:block;font-family:var(--serif);font-size:1.25rem;line-height:1.1}.industry-card span{display:block;margin-top:8px;color:rgba(255,255,255,.48);font-size:.74rem;line-height:1.55}
html[dir="rtl"] .industry-card strong{font-family:var(--ar-title);font-size:1rem;line-height:1.55}.industry-card span{font-size:.8rem}

/* Why */
.why{background:var(--cream-2)}
.why-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:80px;align-items:start}.why-copy p{margin:26px 0 0;color:#43515e;line-height:2;text-align:justify}.pillars{display:grid;gap:14px}.pillar{display:grid;grid-template-columns:74px 1fr;gap:22px;align-items:center;padding:28px;border:1px solid var(--line);border-radius:22px;background:#fff}.pillar .icon{width:74px;height:74px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--copper);color:var(--copper)}.pillar svg{width:34px}.pillar strong{display:block;color:var(--copper);font-family:var(--serif);font-size:1.7rem}.pillar span{display:block;color:var(--muted);font-size:.85rem}
html[dir="rtl"] .pillar strong{font-family:var(--ar-title);font-size:1.25rem}.pillar span{font-size:.91rem}

/* Experience */
.experience{background:var(--paper)}
.experience-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:54px}.experience-card{position:relative;min-height:660px;border-radius:28px;overflow:hidden;color:#fff;box-shadow:var(--shadow)}.experience-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.experience-card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,18,33,.98) 0%,rgba(4,18,33,.18) 72%)}.experience-card-content{position:absolute;z-index:2;inset:auto 0 0;padding:38px}.experience-card h3{margin:0 0 13px;font-family:var(--serif);font-size:2.45rem;line-height:1.05;color:var(--copper-2)}.experience-card p{margin:0;color:rgba(255,255,255,.73);font-size:.91rem;line-height:1.9;text-align:justify}.experience-list{display:grid;gap:7px;margin-top:18px}.experience-list span{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.82);font-size:.73rem}.experience-list span::before{content:"";width:18px;height:1px;background:var(--copper-2)}
html[dir="rtl"] .experience-card h3{font-family:var(--ar-title);font-size:1.65rem;line-height:1.55}.experience-card p{font-size:.96rem;line-height:2}.experience-list span{font-size:.78rem}

/* Execution banner */
.execution-banner{position:relative;min-height:650px;display:flex;align-items:center;background:url('../images/execution-banner.webp') center/cover no-repeat;color:#fff}.execution-banner::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,18,33,.9),rgba(4,18,33,.2) 68%)}
html[dir="rtl"] .execution-banner::before{background:linear-gradient(270deg,rgba(4,18,33,.9),rgba(4,18,33,.2) 68%)}
.execution-content{position:relative;z-index:1;max-width:690px}.execution-content h2{margin:0;font-family:var(--serif);font-size:clamp(3.5rem,6vw,6.6rem);line-height:.92}.execution-content p{max-width:590px;color:rgba(255,255,255,.74);font-size:1rem;line-height:1.9;text-align:justify}
html[dir="rtl"] .execution-content{margin-inline-start:auto}.execution-content h2{font-family:var(--ar-title);font-size:clamp(2.8rem,5vw,5.1rem);line-height:1.5}

/* Profile */
.profile{background:var(--cream)}
.profile-grid{display:grid;grid-template-columns:1fr .75fr;gap:80px;align-items:center}.profile-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.document-card{position:relative;min-height:420px;padding:45px;display:flex;flex-direction:column;justify-content:flex-end;border-radius:28px;background:var(--navy);color:#fff;overflow:hidden;box-shadow:var(--shadow)}.document-card::before{content:"";position:absolute;width:380px;height:380px;border:1px solid rgba(224,160,123,.22);border-radius:50%;right:-120px;top:-150px;box-shadow:0 0 0 60px rgba(224,160,123,.045),0 0 0 120px rgba(224,160,123,.025)}.document-card img{position:absolute;left:42px;top:42px;width:190px}.document-card h3{position:relative;margin:0;font-family:var(--serif);font-size:3rem;color:var(--copper-2)}.document-card p{position:relative;margin:7px 0 0;color:rgba(255,255,255,.57);font-size:.83rem}
html[dir="rtl"] .document-card::before{right:auto;left:-120px}.document-card img{left:auto;right:42px}.document-card h3{font-family:var(--ar-title);font-size:2rem;line-height:1.5}.document-card p{font-size:.89rem}

/* Contact */
.contact{background:var(--cream-2)}
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;margin-top:46px}.contact-quote{margin:0;font-family:var(--serif);font-size:clamp(3rem,5vw,5.3rem);line-height:1.05}.contact-quote em{font-style:italic;color:var(--copper);font-weight:500}
html[dir="rtl"] .contact-quote{font-family:var(--ar-title);font-size:clamp(2.4rem,4.2vw,4.2rem);line-height:1.55}
.contact-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact-item{padding:22px;border:1px solid var(--line);border-radius:17px;background:#fff;transition:.3s cubic-bezier(.22,.61,.36,1)}.contact-item:hover{border-color:var(--copper);transform:translateY(-3px)}.contact-item small{display:block;margin-bottom:7px;color:var(--copper);font-size:.66rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.contact-item strong{display:block;font-size:.84rem;word-break:break-word}
html[dir="rtl"] .contact-item small{font-family:var(--ar-title);font-size:.72rem;letter-spacing:0}.contact-item strong{font-size:.9rem}

/* Footer: deliberately lighter than earlier build */
.footer{background:linear-gradient(135deg,#0d2a45,#153a57);color:#fff;border-top:3px solid var(--copper);padding:58px 0 24px}.footer-grid{display:grid;grid-template-columns:1.25fr .75fr .75fr;gap:60px}.footer-logo{width:225px}.footer-tag{max-width:460px;margin:20px 0 0;color:rgba(255,255,255,.63);font-size:.82rem;line-height:1.9}.footer h4{margin:0 0 15px;color:var(--copper-2);font-family:var(--serif);font-size:1.3rem}.footer-links{display:grid;gap:8px;color:rgba(255,255,255,.7);font-size:.77rem}.footer-links a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:44px;padding-top:22px;border-top:1px solid rgba(255,255,255,.13);color:rgba(255,255,255,.48);font-size:.7rem}
html[dir="rtl"] .footer h4{font-family:var(--ar-title);font-size:1.05rem}.footer-tag,.footer-links{font-size:.83rem}

@media (max-width:1100px){
  .desktop-nav{gap:13px;font-size:.66rem}.logo-link{width:205px}
  .about-grid,.cap-grid,.gateway-grid,.solutions-head,.why-grid,.profile-grid,.contact-grid{gap:50px}
  .framework-layout{grid-template-columns:1fr}.framework-detail{min-height:250px}.industry-layout{grid-template-columns:1fr}.industry-visual{min-height:520px}
  .gateway-content{padding:50px}
}
@media (max-width:900px){
  .desktop-nav{display:none}.menu-btn{display:block}.mobile-menu{display:block}
  .site-header{height:76px}.site-header.scrolled{height:72px}.logo-link{width:215px}
  .hero{min-height:820px;background-position:62% center}.hero-content{max-width:590px}
  .hero-proof-inner{grid-template-columns:1fr}.proof-item{display:none}.proof-item:first-child{display:flex;border:0;justify-content:center}
  .about-grid,.cap-grid,.gateway-grid,.solutions-head,.solutions-layout,.why-grid,.profile-grid,.contact-grid{grid-template-columns:1fr}
  .about-grid,.cap-grid,.why-grid,.profile-grid,.contact-grid{gap:46px}
  .represent-grid{grid-template-columns:1fr 1fr}.framework-steps{grid-template-columns:1fr 1fr}.enablers{grid-template-columns:1fr 1fr}
  .cap-network{width:min(100%,650px)}
  .gateway-visual{min-height:530px}.gateway-content{padding:48px}.solutions-head{gap:0}.solutions-layout{gap:34px}.solution-tabs{grid-template-columns:1fr 1fr;gap:0 20px}.solution-stage{min-height:600px}
  .experience-grid{grid-template-columns:1fr}.experience-card{min-height:650px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}
}
@media (max-width:620px){
  .container{width:min(100% - 30px,1220px)}.section{padding:82px 0}.section.compact{padding:58px 0}
  .logo-link{width:186px}
  .hero{min-height:780px;height:100svh;background-position:66% center}.hero::before{background:linear-gradient(90deg,rgba(3,17,32,.96),rgba(3,17,32,.67) 67%,rgba(3,17,32,.18))}html[dir="rtl"] .hero::before{background:linear-gradient(270deg,rgba(3,17,32,.96),rgba(3,17,32,.67) 67%,rgba(3,17,32,.18))}
  .hero-content{padding-top:36px}.hero h1{font-size:clamp(4.4rem,20vw,6.1rem);line-height:.82}.hero-copy{font-size:.94rem;line-height:1.8;text-align:start}.hero-actions{display:grid;grid-template-columns:1fr 1fr}.hero-actions .btn:first-child{grid-column:1/-1}.btn{padding:12px 14px;font-size:.7rem}
  html[dir="rtl"] .hero h1{font-size:clamp(3rem,14vw,4.7rem);line-height:1.35}.hero-kicker{font-size:.7rem}
  .section-title{font-size:clamp(2.8rem,14vw,4rem);line-height:1}.section-lead{font-size:.94rem;line-height:1.85}.prose{text-align:start}.about-copy p{font-size:.94rem;line-height:1.9;text-align:start}
  html[dir="rtl"] .section-title{font-size:clamp(2.1rem,10vw,3.25rem);line-height:1.5}.section-lead,.prose{font-size:.97rem}.about-statement{font-size:clamp(2.65rem,13vw,4rem)}html[dir="rtl"] .about-statement{font-size:clamp(2rem,9.5vw,3rem)}
  .represent-grid,.framework-steps,.enablers,.gateway-points,.industry-cards,.contact-list{grid-template-columns:1fr}.represent-grid{gap:6px;margin-top:44px}.represent-card{padding:22px 12px}.represent-card p{text-align:start}
  .framework-step{min-height:120px}.framework-detail{padding:25px}.cap-network{transform:scale(.96)}.cap-centre{width:125px;height:125px}.cap-centre img{width:66px}.cap-node{width:105px;min-height:78px;padding:10px 7px;font-size:.54rem;border-radius:14px}.cap-node strong{font-size:.58rem}.cap-node.n2,.cap-node.n3{right:1%}.cap-node.n5,.cap-node.n6{left:1%}
  .gateway-grid{border-radius:22px}.gateway-visual{min-height:380px}.gateway-content{padding:34px 26px}.gateway-actions{display:grid}
  .solution-tabs{grid-template-columns:1fr}.solution-tab{padding:15px 0}.solution-tab strong{font-size:1.15rem}.solution-stage{min-height:590px}.solution-panel{padding:27px 23px}.solution-panel h3{font-size:2rem}.solution-panel p{text-align:start;font-size:.88rem}.solution-outcomes span{font-size:.62rem}
  .industry-visual{min-height:380px}.industry-card{min-height:auto;padding:22px}.experience-card{min-height:570px}.experience-card-content{padding:27px 24px}.experience-card p{text-align:start}.execution-banner{min-height:600px;background-position:60% center}.execution-content p{text-align:start}.document-card{min-height:370px;padding:30px}.document-card img{width:150px;top:30px;left:30px}html[dir="rtl"] .document-card img{right:30px}.document-card h3{font-size:2.45rem}
  .footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-bottom{flex-direction:column}.footer{padding-top:46px}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.reveal{opacity:1;transform:none;transition:none}.solution-image{transition:none}.route-marker{transition:none}.route-fill{transition:none}}

/* Bilingual data isolation: prevents phone numbers and email addresses from reordering in RTL. */
.ltr-data{direction:ltr;unicode-bidi:isolate;display:inline-block;text-align:left;font-family:var(--sans)}
html[dir="rtl"] .contact-item strong.ltr-data,html[dir="rtl"] .footer-links .ltr-data{font-family:var(--sans);letter-spacing:0}

/* Seven-capability network, aligned to the approved profile system. */
.cap-node.n1{left:50%;top:3%;transform:translateX(-50%)}
.cap-node.n2{right:2%;top:17%}
.cap-node.n3{right:0;bottom:28%}
.cap-node.n4{right:17%;bottom:4%}
.cap-node.n5{left:17%;bottom:4%}
.cap-node.n6{left:0;bottom:28%}
.cap-node.n7{left:2%;top:17%}

html[dir="rtl"] .hero-actions .btn span[aria-hidden="true"]{transform:scaleX(-1)}
html[dir="rtl"] .prose{text-align:justify;text-justify:inter-word}
html[dir="rtl"] .industry-visual .route-caption{font-family:var(--ar-title);letter-spacing:0;font-size:11px}
@media(max-width:620px){
  .route-rail{display:none}
  html[dir="rtl"] .prose,html[dir="rtl"] .hero-copy,html[dir="rtl"] .about-copy p,html[dir="rtl"] .represent-card p,html[dir="rtl"] .framework-detail p,html[dir="rtl"] .solution-panel p,html[dir="rtl"] .experience-card p,html[dir="rtl"] .execution-content p{text-align:right}
  .cap-node.n2{right:0;top:16%}.cap-node.n3{right:-1%;bottom:28%}.cap-node.n4{right:14%;bottom:3%}.cap-node.n5{left:14%;bottom:3%}.cap-node.n6{left:-1%;bottom:28%}.cap-node.n7{left:0;top:16%}
}

html[dir="rtl"] .hero-copy{text-align:right}
html[dir="rtl"] .hero h1 em,html[dir="rtl"] .about-statement em,html[dir="rtl"] .contact-quote em{font-style:normal;font-weight:600}


/* Strict RTL isolation for phone numbers, email addresses and domains. */
.ltr-data,bdi[dir="ltr"]{direction:ltr;unicode-bidi:isolate;display:inline-block;text-align:left;font-family:var(--sans);white-space:nowrap}
html[dir="rtl"] .contact-item strong.ltr-data,html[dir="rtl"] .footer-links .ltr-data{direction:ltr;unicode-bidi:isolate;text-align:left;font-family:var(--sans);letter-spacing:0}
html[dir="rtl"] .contact-item strong.ltr-data{width:100%}
html[dir="rtl"] .contact-item small{display:block}

/* Arabic editorial composition: justify only at reading widths; avoid rivers on mobile. */
@media (min-width:621px){html[dir="rtl"] .prose,html[dir="rtl"] .about-copy p,html[dir="rtl"] .why-copy p,html[dir="rtl"] .experience-card p,html[dir="rtl"] .solution-panel p{text-align:justify;text-justify:inter-word}}
@media (max-width:620px){html[dir="rtl"] .prose,html[dir="rtl"] .about-copy p,html[dir="rtl"] .why-copy p,html[dir="rtl"] .experience-card p,html[dir="rtl"] .solution-panel p{text-align:right}}


/* FINAL SMOOTH-UNITY PASS
   Preserves the approved identity, typography, content and visual mapping while
   restoring the more fluid card geometry and interaction rhythm of the live build. */
:root{
  --ease-premium:cubic-bezier(.22,.61,.36,1);
  --shadow-soft:0 18px 48px rgba(6,21,37,.10);
  --shadow-lift:0 26px 64px rgba(6,21,37,.16);
}
.framework-step,.framework-detail,.enabler,.cap-node,.gateway-grid,.solution-stage,.industry-visual,.industry-card,.pillar,.experience-card,.document-card,.contact-item{
  transition:transform .35s var(--ease-premium),box-shadow .35s var(--ease-premium),border-color .35s var(--ease-premium),background-color .35s var(--ease-premium);
}
.framework-detail,.gateway-grid,.solution-stage,.industry-visual,.experience-card,.document-card{box-shadow:var(--shadow-soft)}
.framework-detail:hover,.gateway-grid:hover,.solution-stage:hover,.industry-visual:hover,.experience-card:hover,.document-card:hover{box-shadow:var(--shadow-lift)}
.enabler:hover,.industry-card:hover,.pillar:hover,.contact-item:hover{transform:translateY(-4px);border-color:rgba(184,94,48,.52)}
.enabler:hover,.industry-card:hover{background:rgba(255,255,255,.065)}
.pillar:hover,.contact-item:hover{box-shadow:0 14px 34px rgba(6,21,37,.08)}
.represent-card{border:1px solid var(--line);border-top:2px solid rgba(184,94,48,.38);border-radius:18px;background:rgba(255,255,255,.72);transition:transform .35s var(--ease-premium),box-shadow .35s var(--ease-premium),border-color .35s var(--ease-premium)}
.represent-card:hover{transform:translateY(-4px);border-color:rgba(184,94,48,.34);box-shadow:0 14px 34px rgba(6,21,37,.07)}
.gateway-point{border:1px solid rgba(255,255,255,.10);border-top-color:rgba(224,160,123,.30);border-radius:14px;background:rgba(255,255,255,.035)}
.solution-tab{padding-inline:14px;border-radius:14px}
.solution-tab.active{background:rgba(184,94,48,.075)}
@media(max-width:620px){
  .btn{width:100%}
  .framework-step,.framework-detail,.enabler,.industry-card,.pillar,.contact-item,.represent-card{border-radius:16px}
  .gateway-grid,.solution-stage,.industry-visual,.experience-card,.document-card{border-radius:22px}
}

/* ─────────────────────────────────────────────────────────────
   FINAL POLISH PASS — TYPOGRAPHY, MOTION, SHADOWS & TEXTURE
   The approved structure/content/imagery remain unchanged.
   This pass adopts the quieter editorial rhythm and consistent
   interaction language of the public site supplied by the client.
   ───────────────────────────────────────────────────────────── */
:root{
  --serif:"Playfair Display",Georgia,serif;
  --serif-alt:"Cormorant Garamond",Georgia,serif;
  --sans:"Inter",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --ease-standard:cubic-bezier(.25,.46,.45,.94);
  --ease-out:cubic-bezier(.16,1,.3,1);
  --ease-soft:cubic-bezier(.22,.61,.36,1);
  --duration-fast:.28s;
  --duration-med:.52s;
  --duration-slow:.9s;
  --radius-xs:4px;
  --radius-sm:7px;
  --radius-md:11px;
  --radius-lg:15px;
  --shadow-hairline:0 1px 0 rgba(16,35,59,.05);
  --shadow-card:0 1px 2px rgba(6,21,37,.035),0 12px 34px rgba(6,21,37,.075);
  --shadow-float:0 2px 4px rgba(6,21,37,.045),0 24px 58px rgba(6,21,37,.12);
  --shadow-dark:0 2px 3px rgba(0,0,0,.08),0 28px 72px rgba(0,0,0,.22);
}

/* Font loading mirrors the smoother public build while retaining the
   Arabic system already approved from Profile A. */
body{
  font-family:var(--sans);
  font-size:15.75px;
  line-height:1.72;
  letter-spacing:-.006em;
  text-rendering:optimizeLegibility;
  background:
    radial-gradient(1100px 650px at 10% 0%,rgba(184,94,48,.035),transparent 58%),
    var(--cream);
}
body::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:2000;
  pointer-events:none;
  opacity:.016;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.75'/%3E%3C/svg%3E");
  mix-blend-mode:multiply;
}
html[dir="rtl"] body{font-family:var(--ar-body);letter-spacing:0;line-height:1.95}

.section{padding:clamp(88px,8.5vw,112px) 0}
.container{width:min(1240px,calc(100% - 56px))}
.eyebrow{
  margin-bottom:18px;
  font-size:.69rem;
  font-weight:600;
  letter-spacing:.21em;
}
.eyebrow::before{width:38px}
.section-title{
  max-width:920px;
  font-family:var(--serif);
  font-size:clamp(2.85rem,4.9vw,4.85rem);
  font-weight:600;
  line-height:1.045;
  letter-spacing:-.032em;
}
.section-lead{font-size:1.01rem;line-height:1.82}
.about-statement{
  font-family:var(--serif);
  font-size:clamp(3rem,5vw,5.05rem);
  line-height:1.045;
  letter-spacing:-.035em;
}
.hero h1{
  font-family:var(--serif);
  font-size:clamp(4.7rem,8vw,7.35rem);
  font-weight:600;
  line-height:.94;
  letter-spacing:-.046em;
}
.hero h1 em,.about-statement em,.contact-quote em,blockquote em{
  font-family:var(--serif-alt);
  font-style:italic;
  font-weight:500;
  letter-spacing:-.025em;
}
.hero-copy{font-size:1.04rem;line-height:1.78}
.contact-quote{font-family:var(--serif);font-size:clamp(2.8rem,4.7vw,4.85rem);line-height:1.08}

/* Arabic remains a native Arabic editorial system, not an English-serif imitation. */
html[dir="rtl"] .section-title,
html[dir="rtl"] .about-statement,
html[dir="rtl"] .hero h1,
html[dir="rtl"] .contact-quote,
html[dir="rtl"] .execution-content h2{font-family:var(--ar-title);letter-spacing:0}
html[dir="rtl"] .hero h1 em,
html[dir="rtl"] .about-statement em,
html[dir="rtl"] .contact-quote em{font-family:var(--ar-title);font-style:normal;font-weight:600;letter-spacing:0}

/* The attached public build feels smooth because every component uses one
   timing curve, restrained travel and a consistent edge language. */
.btn,
.desktop-nav a,
.nav-gateway,
.framework-step,
.framework-detail,
.enabler,
.represent-card,
.cap-node,
.gateway-grid,
.gateway-point,
.solution-tab,
.solution-stage,
.industry-visual,
.industry-card,
.pillar,
.experience-card,
.document-card,
.contact-item{
  transition-property:transform,box-shadow,border-color,background-color,color,opacity;
  transition-duration:var(--duration-med);
  transition-timing-function:var(--ease-standard);
}
.btn{
  min-height:49px;
  padding:13px 23px;
  border-radius:var(--radius-xs);
  letter-spacing:.075em;
  text-transform:uppercase;
  font-size:.72rem;
  box-shadow:none;
}
.btn-primary{box-shadow:0 8px 22px rgba(143,69,34,.20)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(143,69,34,.27)}
.btn-light:hover,.btn-ink:hover{transform:translateY(-2px);box-shadow:var(--shadow-card)}
.btn-outline{border-radius:var(--radius-xs);backdrop-filter:blur(8px)}
.nav-gateway{border-radius:var(--radius-xs);padding:8px 13px}

/* Quieter, layered shadows and one consistent box geometry. */
.framework-step{border-radius:var(--radius-sm)}
.framework-detail,
.gateway-grid,
.solution-stage,
.industry-visual,
.experience-card,
.document-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}
.represent-card,
.enabler,
.industry-card,
.pillar,
.contact-item,
.gateway-point{border-radius:var(--radius-sm)}
.framework-detail:hover,
.gateway-grid:hover,
.solution-stage:hover,
.industry-visual:hover,
.experience-card:hover,
.document-card:hover{box-shadow:var(--shadow-float);transform:translateY(-2px)}
.framework-step:hover,.framework-step.active{transform:translateY(-2px)}
.represent-card:hover,.enabler:hover,.industry-card:hover,.pillar:hover,.contact-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-card)}
.cap-network{box-shadow:var(--shadow-dark)}
.cap-centre{box-shadow:0 10px 28px rgba(0,0,0,.18)}
.cap-node{border-radius:var(--radius-sm);box-shadow:0 10px 26px rgba(0,0,0,.17)}
.solution-tab{border-radius:var(--radius-xs);padding-inline:12px}
.solution-tab.active{background:rgba(184,94,48,.065);box-shadow:inset 2px 0 0 var(--copper)}
html[dir="rtl"] .solution-tab.active{box-shadow:inset -2px 0 0 var(--copper)}
.solution-outcomes span{border-radius:var(--radius-xs)}

/* Refined surfaces: very subtle paper grain on light sections and a
   fine operational grid on dark sections. */
.about,.gateway,.experience,.contact,.profile,.why,.capabilities,.solutions{
  background-image:
    radial-gradient(900px 520px at 95% 10%,rgba(184,94,48,.035),transparent 60%),
    linear-gradient(180deg,rgba(255,255,255,.26),rgba(255,255,255,0));
}
.framework,.industries{
  background-color:var(--navy);
  background-image:
    radial-gradient(900px 640px at 12% 5%,rgba(184,94,48,.105),transparent 58%),
    linear-gradient(rgba(255,255,255,.016) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.016) 1px,transparent 1px);
  background-size:auto,80px 80px,80px 80px;
}
.footer{
  background-color:var(--navy-2);
  background-image:
    radial-gradient(700px 350px at 12% 0%,rgba(221,154,110,.09),transparent 62%),
    linear-gradient(135deg,rgba(13,42,69,.98),rgba(21,58,87,.98));
  border-top:1px solid rgba(221,154,110,.4);
}

/* Header treatment follows the public site's calm, continuous feel. */
.site-header{transition:height var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}
.site-header.scrolled{
  background:rgba(255,251,244,.94);
  box-shadow:0 1px 0 rgba(16,35,59,.07),0 9px 28px rgba(6,21,37,.055);
  backdrop-filter:blur(18px) saturate(1.08);
}
.desktop-nav{font-size:.7rem;letter-spacing:.055em;text-transform:uppercase}
.desktop-nav a{opacity:.78;transition:color var(--duration-fast) var(--ease-standard),opacity var(--duration-fast) var(--ease-standard)}
.desktop-nav a:hover{opacity:1}
.route-rail{height:2px;background:repeating-linear-gradient(90deg,rgba(16,35,59,.11) 0 9px,transparent 9px 19px)}
.route-fill{box-shadow:none}
.route-marker{width:19px;height:19px;border-width:1px;box-shadow:0 3px 10px rgba(6,21,37,.18)}

/* More deliberate image behavior: the motion is almost felt, not announced. */
.solution-image,.experience-card img{
  transition:opacity .45s var(--ease-standard),transform 1.15s var(--ease-out),filter .7s var(--ease-standard);
}
.solution-stage:hover .solution-image,.experience-card:hover img{transform:scale(1.022)}
.experience-card:hover img{filter:saturate(1.025) contrast(1.015)}
.gateway-visual{transition:filter .7s var(--ease-standard)}
.gateway-grid:hover .gateway-visual{filter:saturate(1.025) contrast(1.012)}

/* Reveal motion: slower, smaller travel, section-level staggering. */
.reveal{
  opacity:0;
  transform:translate3d(0,28px,0) scale(.995);
  filter:blur(3px);
  transition:
    opacity .82s var(--ease-out),
    transform .82s var(--ease-out),
    filter .7s var(--ease-standard);
  will-change:opacity,transform;
}
.reveal.visible{opacity:1;transform:translate3d(0,0,0) scale(1);filter:none}
body:not(.is-ready) .site-header{opacity:0;transform:translateY(-10px)}
body.is-ready .site-header{opacity:1;transform:none;transition:opacity .72s var(--ease-out),transform .72s var(--ease-out),height var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}
body:not(.is-ready) .hero-content{opacity:0;transform:translateY(20px)}
body.is-ready .hero-content{opacity:1;transform:none;transition:opacity 1s .12s var(--ease-out),transform 1s .12s var(--ease-out)}
body:not(.is-ready) .hero-proof{opacity:0;transform:translateY(14px)}
body.is-ready .hero-proof{opacity:1;transform:none;transition:opacity .9s .38s var(--ease-out),transform .9s .38s var(--ease-out)}

.framework-detail.is-switching > *,
.solution-panel.is-switching > *{animation:panelRefresh .48s var(--ease-out)}
@keyframes panelRefresh{
  0%{opacity:.18;transform:translateY(8px)}
  100%{opacity:1;transform:none}
}

/* Fine hierarchy tuning creates the homogeneous vertical rhythm visible
   in the smoother reference build. */
.about-grid{gap:clamp(58px,7vw,88px)}
.represent-grid{gap:12px;margin-top:58px}
.represent-card{padding:27px 23px;background:rgba(255,255,255,.66);border-top:1px solid rgba(184,94,48,.34)}
.represent-card strong{font-size:1.45rem}
.framework-layout{gap:24px;margin-top:50px}
.framework-steps{gap:10px}
.framework-step{min-height:140px;padding:23px}
.framework-step strong,.framework-detail h3,.cap-item strong,.gateway-point strong,.solution-tab strong,.industry-card strong,.pillar strong,.experience-card h3,.document-card h3,.footer h4{font-family:var(--serif)}
.framework-step strong{font-size:1.32rem}
.framework-detail h3{font-size:2.15rem}
.cap-grid{gap:clamp(56px,6.5vw,82px)}
.gateway-grid{min-height:660px}
.gateway-content{padding:clamp(44px,5vw,62px)}
.solutions-layout{gap:26px;margin-top:50px}
.solution-stage{min-height:620px}
.industry-layout{gap:48px;margin-top:50px}
.industry-cards{gap:10px}
.industry-card{padding:24px}
.why-grid{gap:clamp(58px,7vw,78px)}
.pillars{gap:11px}
.pillar{padding:25px}
.experience-grid{gap:20px;margin-top:50px}
.contact-grid{gap:clamp(56px,7vw,78px)}
.contact-list{gap:10px}
.footer-grid{gap:54px}

@media(max-width:900px){
  .container{width:min(100% - 40px,1240px)}
  .section-title{font-size:clamp(2.75rem,8vw,4.35rem)}
  .hero h1{font-size:clamp(4.2rem,13vw,6.3rem)}
}
@media(max-width:620px){
  body{font-size:15px}
  .container{width:min(100% - 30px,1240px)}
  .section{padding:76px 0}
  .hero h1{font-size:clamp(3.85rem,18vw,5.3rem);line-height:.91}
  .section-title{font-size:clamp(2.55rem,12vw,3.65rem);line-height:1.04}
  .about-statement{font-size:clamp(2.45rem,12vw,3.6rem)}
  .btn{border-radius:var(--radius-xs)}
  .framework-step,.framework-detail,.enabler,.industry-card,.pillar,.contact-item,.represent-card{border-radius:var(--radius-sm)}
  .gateway-grid,.solution-stage,.industry-visual,.experience-card,.document-card{border-radius:var(--radius-md)}
  .reveal{transform:translate3d(0,20px,0);filter:none}
  body::after{opacity:.01}
}
@media(prefers-reduced-motion:reduce){
  body:not(.is-ready) .site-header,body:not(.is-ready) .hero-content,body:not(.is-ready) .hero-proof{opacity:1;transform:none}
  .framework-detail.is-switching > *,.solution-panel.is-switching > *{animation:none}
}

/* Preserve the approved native Arabic hierarchy after the English typography pass. */
html[dir="rtl"] .framework-step strong,
html[dir="rtl"] .framework-detail h3,
html[dir="rtl"] .cap-item strong,
html[dir="rtl"] .gateway-point strong,
html[dir="rtl"] .solution-tab strong,
html[dir="rtl"] .industry-card strong,
html[dir="rtl"] .pillar strong,
html[dir="rtl"] .experience-card h3,
html[dir="rtl"] .document-card h3,
html[dir="rtl"] .footer h4{font-family:var(--ar-title);letter-spacing:0}

/* ─────────────────────────────────────────────────────────────
   FINAL REFINED BUILD — APPROVED 2026-07-23
   Applies the agreed heading hierarchy, native Arabic display rhythm,
   flatter integrated surfaces, stronger text colour and non-justified
   card copy. The approved content, interactions and visual mapping remain.
   ───────────────────────────────────────────────────────────── */
:root{
  --ink:#102740;
  --body-ink:#425466;
  --muted:#697887;
  --muted-dark:#5b6b7b;
  --surface:#fcf9f3;
  --surface-strong:#fffdf9;
  --line:rgba(16,39,64,.105);
  --line-dark:rgba(255,255,255,.105);
  --ar-display:"IBM Plex Sans Arabic",Tahoma,sans-serif;
  --radius-xs:4px;
  --radius-sm:8px;
  --radius-md:11px;
  --radius-lg:14px;
  --shadow-card:0 1px 2px rgba(6,21,37,.025),0 10px 28px rgba(6,21,37,.048);
  --shadow-float:0 2px 4px rgba(6,21,37,.035),0 18px 44px rgba(6,21,37,.075);
}

body.refined-final{color:var(--ink);font-weight:400}
.refined-final .section-lead,
.refined-final .about-copy,
.refined-final .why-copy p,
.refined-final .cap-item span,
.refined-final .gateway-point span,
.refined-final .industry-card span,
.refined-final .pillar span,
.refined-final .document-card p{color:var(--body-ink)}
.refined-final .section-lead{max-width:680px}
.refined-final .card-copy{
  text-align:left!important;
  text-justify:auto!important;
  hyphens:none!important;
  word-spacing:normal!important;
  letter-spacing:normal;
}
html[dir="rtl"] .refined-final .card-copy{text-align:right!important}
.refined-final .framework-detail p,
.refined-final .solution-panel p,
.refined-final .experience-card p,
.refined-final .represent-card p{word-spacing:normal;text-align:left;text-justify:auto;hyphens:none}
html[dir="rtl"] .refined-final .framework-detail p,
html[dir="rtl"] .refined-final .solution-panel p,
html[dir="rtl"] .refined-final .experience-card p,
html[dir="rtl"] .refined-final .represent-card p{text-align:right}

/* Controlled editorial hierarchy: only the hero keeps true hero scale. */
.refined-final .editorial-display{
  max-width:880px;
  text-wrap:balance;
  overflow-wrap:normal;
}
.refined-final .section-title,
.refined-final .about-statement,
.refined-final .contact-quote,
.refined-final .execution-content h2{
  font-family:var(--serif);
  font-weight:500;
  letter-spacing:-.035em;
  line-height:1.02;
}
.refined-final .editorial-display .copper,
.refined-final .editorial-display em{
  font-family:var(--serif-alt);
  font-style:italic;
  font-weight:500;
  letter-spacing:-.02em;
}
.refined-final .display-about{font-size:clamp(3.15rem,4.85vw,4.85rem);max-width:720px}
.refined-final .display-capabilities{font-size:clamp(3rem,4.45vw,4.35rem);max-width:690px}
.refined-final .display-gateway{font-size:clamp(3rem,4.35vw,4.25rem);max-width:650px}
.refined-final .display-solutions{font-size:clamp(2.95rem,4.2vw,4.15rem);max-width:760px}
.refined-final .display-why{font-size:clamp(3rem,4.3vw,4.25rem);max-width:720px}
.refined-final .display-experience{font-size:clamp(3rem,4.35vw,4.35rem);max-width:1040px}
.refined-final .display-profile{font-size:clamp(3rem,4.35vw,4.3rem);max-width:790px}
.refined-final .display-contact{font-size:clamp(3rem,4.35vw,4.25rem);max-width:650px}
.refined-final .display-execution{font-size:clamp(3.4rem,5vw,5rem);max-width:700px;line-height:.98}

/* Native Arabic display system: humanist, controlled and less block-like. */
html[dir="rtl"] .refined-final .section-title,
html[dir="rtl"] .refined-final .about-statement,
html[dir="rtl"] .refined-final .contact-quote,
html[dir="rtl"] .refined-final .execution-content h2{
  font-family:var(--ar-display);
  font-style:normal;
  font-weight:500;
  letter-spacing:0;
  line-height:1.32;
  text-wrap:balance;
}
html[dir="rtl"] .refined-final .editorial-display .copper,
html[dir="rtl"] .refined-final .editorial-display em{
  font-family:var(--ar-display);
  font-style:normal;
  font-weight:600;
  letter-spacing:0;
}
html[dir="rtl"] .refined-final .display-about{font-size:clamp(2.65rem,4vw,3.8rem);max-width:760px}
html[dir="rtl"] .refined-final .display-capabilities{font-size:clamp(2.55rem,3.75vw,3.55rem);max-width:720px}
html[dir="rtl"] .refined-final .display-gateway{font-size:clamp(2.55rem,3.75vw,3.55rem);max-width:650px}
html[dir="rtl"] .refined-final .display-solutions{font-size:clamp(2.55rem,3.65vw,3.45rem);max-width:680px}
html[dir="rtl"] .refined-final .display-why{font-size:clamp(2.5rem,3.65vw,3.45rem);max-width:760px}
html[dir="rtl"] .refined-final .display-experience{font-size:clamp(2.55rem,3.65vw,3.5rem);max-width:1040px}
html[dir="rtl"] .refined-final .display-profile{font-size:clamp(2.55rem,3.65vw,3.5rem);max-width:800px}
html[dir="rtl"] .refined-final .display-contact{font-size:clamp(2.55rem,3.65vw,3.5rem);max-width:680px}
html[dir="rtl"] .refined-final .display-execution{font-size:clamp(2.8rem,4.2vw,4rem);max-width:650px;line-height:1.3}

/* Refined hero using the newly approved truck image. */
.refined-final .hero{background-position:center center;min-height:860px}
.refined-final .hero::before{background:linear-gradient(90deg,rgba(3,17,32,.96) 0%,rgba(3,17,32,.79) 31%,rgba(3,17,32,.35) 54%,rgba(3,17,32,.08) 78%,rgba(3,17,32,.04) 100%)}
html[dir="rtl"] .refined-final .hero::before{background:linear-gradient(90deg,rgba(3,17,32,.96) 0%,rgba(3,17,32,.79) 31%,rgba(3,17,32,.35) 54%,rgba(3,17,32,.08) 78%,rgba(3,17,32,.04) 100%)}
.refined-final .hero-content{max-width:640px}
.refined-final .hero h1{font-size:clamp(4.7rem,7.5vw,7.15rem);line-height:.94}

/* Flat, homogeneous surface language. No floating 3D cards. */
.refined-final .framework-step,
.refined-final .framework-detail,
.refined-final .enabler,
.refined-final .represent-card,
.refined-final .cap-node,
.refined-final .gateway-grid,
.refined-final .gateway-point,
.refined-final .solution-tab,
.refined-final .solution-stage,
.refined-final .industry-visual,
.refined-final .industry-card,
.refined-final .pillar,
.refined-final .experience-card,
.refined-final .document-card,
.refined-final .contact-item{
  box-shadow:none;
  transform:none;
}
.refined-final .framework-detail:hover,
.refined-final .gateway-grid:hover,
.refined-final .solution-stage:hover,
.refined-final .industry-visual:hover,
.refined-final .experience-card:hover,
.refined-final .document-card:hover,
.refined-final .represent-card:hover,
.refined-final .enabler:hover,
.refined-final .industry-card:hover,
.refined-final .pillar:hover,
.refined-final .contact-item:hover{
  transform:translateY(-1px);
  box-shadow:var(--shadow-card);
}

/* What NTCC Represents becomes one editorial information field. */
.refined-final .represent-grid{
  gap:1px;
  padding:1px;
  background:var(--line);
  border:1px solid var(--line);
  border-radius:var(--radius-md);
  overflow:hidden;
}
.refined-final .represent-card{
  min-height:210px;
  padding:30px 28px;
  border:0;
  border-radius:0;
  background:rgba(255,253,249,.92);
}
.refined-final .represent-card:hover{background:#fffdf9;border-color:transparent}
.refined-final .represent-card strong{font-size:1.5rem;margin-bottom:14px}
.refined-final .represent-card p{color:var(--body-ink);font-size:.86rem;line-height:1.78}

/* Nexus Framework: one integrated operating interface. */
.refined-final .framework-layout{grid-template-columns:minmax(0,1.42fr) minmax(280px,.58fr);gap:18px}
.refined-final .framework-steps{gap:8px}
.refined-final .framework-step{
  min-height:134px;
  padding:23px;
  border:1px solid rgba(255,255,255,.115);
  border-radius:var(--radius-sm);
  background:rgba(255,255,255,.025);
}
.refined-final .framework-step:hover{background:rgba(255,255,255,.048);border-color:rgba(221,154,110,.48)}
.refined-final .framework-step.active{
  background:rgba(184,94,48,.075);
  border-color:var(--copper);
  box-shadow:inset 0 2px 0 rgba(221,154,110,.72);
}
.refined-final .framework-step .step-no{margin-bottom:20px;font-size:1.12rem}
.refined-final .framework-step strong{font-size:1.32rem}
.refined-final .framework-detail{
  min-height:292px;
  padding:31px;
  border:1px solid rgba(184,94,48,.17);
  border-radius:var(--radius-md);
  background:var(--surface-strong);
}
.refined-final .framework-detail h3{font-size:2.08rem;margin:13px 0 13px}
.refined-final .framework-detail p{color:var(--body-ink);font-size:.94rem;line-height:1.78}
.refined-final .framework-detail .result{font-size:.76rem}
.refined-final .enablers{
  gap:1px;
  padding:1px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:var(--radius-md);
  background:rgba(255,255,255,.09);
  overflow:hidden;
}
.refined-final .enabler{
  min-height:165px;
  padding:23px;
  border:0;
  border-radius:0;
  background:rgba(8,29,51,.78);
}
.refined-final .enabler:hover{background:rgba(255,255,255,.04);border-color:transparent}
.refined-final .enabler span{color:rgba(255,255,255,.62);font-size:.73rem;line-height:1.65}

/* Capabilities network and nodes: quieter depth. */
.refined-final .cap-network{box-shadow:0 12px 36px rgba(3,17,32,.16)}
.refined-final .cap-centre{box-shadow:0 7px 18px rgba(0,0,0,.12)}
.refined-final .cap-node{border-radius:var(--radius-sm);box-shadow:none;background:rgba(8,29,51,.92)}
.refined-final .cap-node span{color:rgba(255,255,255,.72)}

/* Gateway: retain cinematic split, remove detached panel feeling. */
.refined-final .gateway-grid{
  border:1px solid var(--line);
  border-radius:var(--radius-lg);
  box-shadow:0 10px 34px rgba(6,21,37,.065);
}
.refined-final .gateway-point{
  padding:17px 4px;
  border:0;
  border-top:1px solid rgba(255,255,255,.16);
  border-radius:0;
  background:transparent;
}
.refined-final .gateway-point span{color:rgba(255,255,255,.7)}

/* Real-world complexity intro: the explanation now belongs to the composition. */
.refined-final .solutions-head{grid-template-columns:minmax(0,1.08fr) minmax(330px,.72fr);gap:clamp(48px,6vw,82px);align-items:center}
.refined-final .solutions-context{
  align-self:center;
  padding:10px 0 10px 30px;
  border-left:1px solid rgba(184,94,48,.42);
}
html[dir="rtl"] .refined-final .solutions-context{padding:10px 30px 10px 0;border-left:0;border-right:1px solid rgba(184,94,48,.42)}
.refined-final .solutions-context .section-lead{margin:0;color:var(--body-ink);text-align:left;line-height:1.85}
html[dir="rtl"] .refined-final .solutions-context .section-lead{text-align:right}
.refined-final .solutions-signals{display:flex;flex-wrap:wrap;gap:9px 18px;margin-top:22px}
.refined-final .solutions-signals span{position:relative;padding-left:17px;color:var(--muted-dark);font-size:.69rem;font-weight:600;letter-spacing:.085em;text-transform:uppercase}
.refined-final .solutions-signals span::before{content:"";position:absolute;left:0;top:50%;width:8px;height:1px;background:var(--copper)}
html[dir="rtl"] .refined-final .solutions-signals span{padding-left:0;padding-right:17px;font-family:var(--ar-title);letter-spacing:0;text-transform:none;font-size:.78rem}
html[dir="rtl"] .refined-final .solutions-signals span::before{left:auto;right:0}
.refined-final .solution-stage{border:1px solid rgba(16,39,64,.08);border-radius:var(--radius-lg);box-shadow:0 10px 34px rgba(6,21,37,.07)}
.refined-final .solution-panel p{color:rgba(255,255,255,.82);line-height:1.78}
.refined-final .solution-tab{border-radius:0;padding-inline:0}
.refined-final .solution-tab.active{background:transparent;box-shadow:inset 2px 0 0 var(--copper)}
html[dir="rtl"] .refined-final .solution-tab.active{box-shadow:inset -2px 0 0 var(--copper)}

/* Industry, commitment and contact groups use shared surfaces and separators. */
.refined-final .industry-cards,
.refined-final .pillars,
.refined-final .contact-list{
  gap:1px;
  padding:1px;
  border:1px solid var(--line);
  border-radius:var(--radius-md);
  background:var(--line);
  overflow:hidden;
}
.refined-final .industry-cards{border-color:rgba(255,255,255,.09);background:rgba(255,255,255,.09)}
.refined-final .industry-card{
  border:0;
  border-radius:0;
  background:rgba(8,29,51,.78);
}
.refined-final .industry-card:hover{background:rgba(255,255,255,.045);border-color:transparent}
.refined-final .industry-card span{color:rgba(255,255,255,.66)}
.refined-final .pillar{
  border:0;
  border-radius:0;
  background:var(--surface-strong);
}
.refined-final .pillar:hover{background:#fff}
.refined-final .pillar span{color:var(--body-ink)}
.refined-final .contact-item{
  min-height:150px;
  padding:27px 28px;
  border:0;
  border-radius:0;
  background:var(--surface-strong);
}
.refined-final .contact-item:hover{background:#fff;border-color:transparent}
.refined-final .contact-item strong{color:var(--ink);font-size:.9rem;line-height:1.5}
.refined-final .contact-grid{align-items:start}

/* Experience and profile surfaces remain cinematic but quieter. */
.refined-final .experience-card,
.refined-final .document-card,
.refined-final .industry-visual{
  border:1px solid rgba(16,39,64,.08);
  border-radius:var(--radius-lg);
  box-shadow:0 10px 34px rgba(6,21,37,.065);
}
.refined-final .experience-card p{color:rgba(255,255,255,.82);line-height:1.78}
.refined-final .experience-list span{color:rgba(255,255,255,.88)}

/* Matching display font and mirrored Arabic placement for execution banner. */
.refined-final .execution-content{width:min(690px,100%);margin-right:auto;margin-left:0}
.refined-final .execution-content h2{font-family:var(--serif);font-weight:500}
.refined-final .execution-content p{color:rgba(255,255,255,.84);text-align:left;line-height:1.82}
html[dir="rtl"] .refined-final .execution-content{
  width:min(650px,100%);
  margin-left:auto;
  margin-right:0;
  text-align:right;
}
html[dir="rtl"] .refined-final .execution-content h2{font-family:var(--ar-display);font-weight:500;text-align:right}
html[dir="rtl"] .refined-final .execution-content p{text-align:right}

/* Profile and contact closing blocks now stop before they become cover-page scale. */
.refined-final .profile-grid{grid-template-columns:minmax(0,1.05fr) minmax(360px,.65fr);gap:clamp(54px,7vw,86px)}
.refined-final .document-card{border-radius:var(--radius-lg)}
.refined-final .contact-grid{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(54px,7vw,82px)}

/* Smoother motion: no blur, no 3D travel, one restrained curve. */
.refined-final .reveal{
  opacity:0;
  transform:translate3d(0,18px,0);
  filter:none;
  transition:opacity .78s var(--ease-out),transform .78s var(--ease-out);
}
.refined-final .reveal.visible{opacity:1;transform:none}
.refined-final .solution-stage:hover .solution-image,
.refined-final .experience-card:hover img{transform:scale(1.014)}

@media(max-width:1120px){
  .refined-final .framework-layout{grid-template-columns:1fr}
  .refined-final .framework-detail{min-height:260px}
  .refined-final .solutions-head{grid-template-columns:1fr;gap:32px}
  .refined-final .solutions-context{max-width:760px}
}
@media(max-width:900px){
  .refined-final .editorial-display{max-width:760px}
  .refined-final .display-experience{max-width:760px}
  .refined-final .contact-grid,.refined-final .profile-grid{grid-template-columns:1fr}
  .refined-final .contact-quote{max-width:720px}
  .refined-final .represent-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .refined-final .hero{min-height:760px;background-position:58% center}
  .refined-final .hero::before,
  html[dir="rtl"] .refined-final .hero::before{background:linear-gradient(90deg,rgba(3,17,32,.96) 0%,rgba(3,17,32,.82) 48%,rgba(3,17,32,.34) 78%,rgba(3,17,32,.16) 100%)}
  .refined-final .editorial-display{max-width:100%;text-wrap:pretty}
  .refined-final .display-about,
  .refined-final .display-capabilities,
  .refined-final .display-gateway,
  .refined-final .display-solutions,
  .refined-final .display-why,
  .refined-final .display-experience,
  .refined-final .display-profile,
  .refined-final .display-contact{font-size:clamp(2.35rem,11.5vw,3.25rem);line-height:1.05}
  .refined-final .display-execution{font-size:clamp(2.7rem,12vw,3.65rem)}
  html[dir="rtl"] .refined-final .display-about,
  html[dir="rtl"] .refined-final .display-capabilities,
  html[dir="rtl"] .refined-final .display-gateway,
  html[dir="rtl"] .refined-final .display-solutions,
  html[dir="rtl"] .refined-final .display-why,
  html[dir="rtl"] .refined-final .display-experience,
  html[dir="rtl"] .refined-final .display-profile,
  html[dir="rtl"] .refined-final .display-contact{font-size:clamp(2.15rem,9.8vw,2.85rem);line-height:1.38}
  html[dir="rtl"] .refined-final .display-execution{font-size:clamp(2.35rem,10vw,3.1rem)}
  .refined-final .represent-grid{grid-template-columns:1fr}
  .refined-final .represent-card{min-height:0}
  .refined-final .framework-steps{grid-template-columns:1fr 1fr}
  .refined-final .enablers{grid-template-columns:1fr 1fr}
  .refined-final .industry-cards{grid-template-columns:1fr}
  .refined-final .contact-list{grid-template-columns:1fr}
  .refined-final .contact-item{min-height:0}
  .refined-final .solutions-context{padding-left:20px}
  html[dir="rtl"] .refined-final .solutions-context{padding-right:20px;padding-left:0}
}

/* ======================================================================
   MASTER FINAL CORRECTION PASS — 2026-07-24
   Locked against the user's typography, wrapping, clarity, RTL, contact,
   footer and flat-surface criteria. This block intentionally overrides
   earlier exploratory layers without changing approved content or imagery.
   ====================================================================== */
:root{
  --serif:"Playfair Display",Georgia,serif;
  --serif-alt:"Cormorant Garamond",Georgia,serif;
  --sans:"Inter",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --ar-display:"IBM Plex Sans Arabic",Tahoma,sans-serif;
  --ar-title:"Noto Kufi Arabic",Tahoma,sans-serif;
  --ink:#10263f;
  --body-ink:#445568;
  --muted:#657589;
  --cream:#f5efe6;
  --cream-2:#fffbf5;
  --paper:#fffefd;
  --surface:#fcf9f4;
  --surface-dark:rgba(255,255,255,.035);
  --line:rgba(16,38,63,.105);
  --line-dark:rgba(255,255,255,.12);
  --radius-flat:10px;
  --ease-final:cubic-bezier(.22,.61,.36,1);
}
.master-final{
  font-family:var(--sans);
  font-size:17px;
  line-height:1.72;
  color:var(--ink);
  text-rendering:optimizeLegibility;
  font-kerning:normal;
}
.master-final .editorial-display,
.master-final .hero h1,
.master-final .section-title,
.master-final .contact-quote,
.master-final .execution-content h2{
  font-family:var(--serif);
  font-variant-ligatures:none;
  font-feature-settings:"liga" 0,"clig" 0;
  font-kerning:normal;
  letter-spacing:-.018em;
}
.master-final .title-line{display:block}
@media(min-width:1101px){.master-final .editorial-display .title-line,.master-final .hero h1 .title-line{white-space:nowrap}}
.master-final .editorial-display .copper,
.master-final .editorial-display em,
.master-final .contact-quote em{
  font-family:var(--serif-alt);
  font-style:italic;
  font-weight:500;
  letter-spacing:-.008em;
}
html[dir="rtl"] .master-final{
  font-family:var(--ar-body);
  font-size:17px;
  line-height:1.9;
}
html[dir="rtl"] .master-final .editorial-display,
html[dir="rtl"] .master-final .section-title,
html[dir="rtl"] .master-final .contact-quote,
html[dir="rtl"] .master-final .execution-content h2,
html[dir="rtl"] .master-final .hero h1{
  font-family:var(--ar-display);
  font-variant-ligatures:normal;
  font-feature-settings:normal;
  letter-spacing:0;
  font-weight:500;
}
html[dir="rtl"] .master-final .editorial-display .copper,
html[dir="rtl"] .master-final .editorial-display em,
html[dir="rtl"] .master-final .contact-quote em{
  font-family:var(--ar-display);
  font-style:normal;
  font-weight:600;
  letter-spacing:0;
}

/* Reading typography: premium, legible and consistent rather than tiny utility text. */
.master-final .section-lead,
.master-final .about-copy p,
.master-final .why-copy p,
.master-final .execution-copy,
.master-final .profile .section-lead{
  color:var(--body-ink);
  font-family:var(--sans);
  font-size:1.02rem;
  font-weight:400;
  line-height:1.86;
}
.master-final .prose{text-align:justify;text-justify:inter-word;hyphens:none;word-spacing:normal}
.master-final .card-copy,
.master-final .represent-card p,
.master-final .framework-detail p,
.master-final .solution-panel p,
.master-final .experience-card p{
  font-family:var(--sans);
  font-size:.92rem;
  font-weight:400;
  line-height:1.72;
  word-spacing:normal!important;
  letter-spacing:0;
  text-align:left!important;
  text-justify:auto!important;
  hyphens:none!important;
}
html[dir="rtl"] .master-final .card-copy,
html[dir="rtl"] .master-final .represent-card p,
html[dir="rtl"] .master-final .framework-detail p,
html[dir="rtl"] .master-final .solution-panel p,
html[dir="rtl"] .master-final .experience-card p{text-align:right!important}
.master-final .hero-copy{
  color:rgba(255,255,255,.9);
  font-family:var(--sans);
  font-size:1.08rem;
  font-weight:400;
  line-height:1.78;
  max-width:620px;
}
.master-final .hero-proof .proof-item{
  color:rgba(255,255,255,.83);
  font-family:var(--sans);
  font-size:.82rem;
  font-weight:500;
  line-height:1.45;
}
.master-final .framework .section-lead,
.master-final .gateway-content .section-lead,
.master-final .industries .section-lead{
  color:rgba(255,255,255,.84);
  font-size:1.02rem;
  line-height:1.82;
}
.master-final .framework-detail p{color:#506174;font-size:.97rem}
.master-final .enabler span{color:rgba(255,255,255,.73);font-size:.82rem;line-height:1.62}
.master-final .cap-item span{color:var(--body-ink);font-size:.9rem;line-height:1.65}
.master-final .gateway-point span{color:rgba(255,255,255,.78);font-size:.84rem;line-height:1.55}
.master-final .solutions-context .section-lead{color:var(--body-ink);font-size:1.02rem;line-height:1.84}
.master-final .solution-panel p{color:rgba(255,255,255,.9);font-size:.97rem;line-height:1.72}
.master-final .industry-card span{color:rgba(255,255,255,.75);font-size:.83rem;line-height:1.58}
.master-final .pillar span{color:var(--body-ink);font-size:.93rem;line-height:1.55}
.master-final .experience-card p{color:rgba(255,255,255,.88);font-size:.94rem;line-height:1.72}
.master-final .document-card p{color:rgba(255,255,255,.78);font-size:.94rem;line-height:1.62}
.master-final .execution-copy{
  color:rgba(255,255,255,.9)!important;
  max-width:630px;
  text-align:justify!important;
  text-justify:inter-word;
}
html[dir="rtl"] .master-final .execution-copy{text-align:justify!important}

/* Section labels retain the identity but are not over-spaced. */
.master-final .eyebrow{font-family:var(--sans);font-size:.75rem;font-weight:600;letter-spacing:.15em}
html[dir="rtl"] .master-final .eyebrow{font-family:var(--ar-title);font-size:.84rem;letter-spacing:0}

/* Exactly controlled desktop heading compositions. */
.master-final .hero h1{font-size:clamp(4.7rem,7vw,6.65rem);line-height:.91;font-weight:600;letter-spacing:-.012em}
.master-final .display-about{font-size:clamp(3.1rem,4vw,3.65rem);line-height:1.05;max-width:760px}
.master-final .display-capabilities{font-size:clamp(3rem,3.7vw,3.45rem);line-height:1.04;max-width:720px}
.master-final .display-gateway{font-size:clamp(2.7rem,3.2vw,3.05rem);line-height:1.07;max-width:620px}
.master-final .display-solutions{font-size:clamp(2.6rem,3.2vw,3rem);line-height:1.08;max-width:860px}
.master-final .display-why{font-size:clamp(2.85rem,3.55vw,3.35rem);line-height:1.07;max-width:780px}
.master-final .display-experience{font-size:clamp(3rem,3.9vw,3.8rem);line-height:1.04;max-width:1120px}
.master-final .display-execution{font-size:clamp(3.6rem,5vw,5rem);line-height:.98;max-width:720px}
.master-final .display-profile{font-size:clamp(2.8rem,3.5vw,3.35rem);line-height:1.07;max-width:760px}
.master-final .display-contact{font-size:clamp(3.2rem,4.4vw,4.15rem);line-height:1.04;max-width:980px}
html[dir="rtl"] .master-final .hero h1{font-size:clamp(3.7rem,6vw,5.5rem);line-height:1.23}
html[dir="rtl"] .master-final .display-about{font-size:clamp(2.7rem,3.55vw,3.35rem);line-height:1.35;max-width:780px}
html[dir="rtl"] .master-final .display-capabilities{font-size:clamp(2.55rem,3.3vw,3.15rem);line-height:1.38;max-width:760px}
html[dir="rtl"] .master-final .display-gateway{font-size:clamp(2.5rem,3.15vw,3rem);line-height:1.38;max-width:620px}
html[dir="rtl"] .master-final .display-solutions{font-size:clamp(2.55rem,3.15vw,3rem);line-height:1.38;max-width:760px}
html[dir="rtl"] .master-final .display-why{font-size:clamp(2.35rem,2.9vw,2.75rem);line-height:1.43;max-width:900px}
html[dir="rtl"] .master-final .display-experience{font-size:clamp(2.55rem,3.15vw,3rem);line-height:1.4;max-width:1100px}
html[dir="rtl"] .master-final .display-execution{font-size:clamp(3rem,4.15vw,4rem);line-height:1.3;max-width:720px}
html[dir="rtl"] .master-final .display-profile{font-size:clamp(2.45rem,3.05vw,2.9rem);line-height:1.42;max-width:780px}
html[dir="rtl"] .master-final .display-contact{font-size:clamp(2.8rem,3.7vw,3.55rem);line-height:1.36;max-width:900px}

/* About: give the two-line statement enough width and keep reading copy composed. */
.master-final .about-grid{grid-template-columns:minmax(0,1.28fr) minmax(360px,.72fr);gap:clamp(56px,6vw,78px)}
.master-final .about-copy{padding-top:4px;gap:18px}
.master-final .about-copy p{margin:0}

/* Flat, unified surface system: borders and tonal shifts, not 3D floating cards. */
.master-final .framework-step,
.master-final .framework-detail,
.master-final .enabler,
.master-final .represent-card,
.master-final .cap-node,
.master-final .gateway-grid,
.master-final .gateway-point,
.master-final .solution-tab,
.master-final .solution-stage,
.master-final .industry-visual,
.master-final .industry-card,
.master-final .pillar,
.master-final .experience-card,
.master-final .document-card,
.master-final .contact-item{
  border-radius:var(--radius-flat);
  box-shadow:none!important;
  transform:none!important;
  transition:background-color .28s var(--ease-final),border-color .28s var(--ease-final),color .28s var(--ease-final),opacity .28s var(--ease-final)!important;
}
.master-final .framework-step:hover,
.master-final .enabler:hover,
.master-final .represent-card:hover,
.master-final .gateway-point:hover,
.master-final .solution-tab:hover,
.master-final .industry-card:hover,
.master-final .pillar:hover,
.master-final .contact-item:hover{
  transform:none!important;
  box-shadow:none!important;
}
.master-final .gateway-grid,
.master-final .solution-stage,
.master-final .industry-visual,
.master-final .experience-card,
.master-final .document-card{
  border:1px solid var(--line);
  box-shadow:0 8px 26px rgba(6,21,37,.045)!important;
}
.master-final .framework-step.active{box-shadow:inset 0 2px 0 var(--copper)!important}
.master-final .cap-network{box-shadow:0 10px 30px rgba(3,17,32,.12)!important}
.master-final .cap-centre,.master-final .cap-node{box-shadow:none!important}
.master-final .document-card::before{opacity:.38;box-shadow:none}
.master-final .solution-stage:hover .solution-image,
.master-final .experience-card:hover img{transform:scale(1.008)}

/* Represents, framework, industry and commitment boxes read as cohesive fields. */
.master-final .represent-grid,
.master-final .enablers,
.master-final .industry-cards,
.master-final .pillars,
.master-final .contact-list,
.master-final .cap-list{
  gap:1px;
  padding:1px;
  border:1px solid var(--line);
  border-radius:var(--radius-flat);
  background:var(--line);
  overflow:hidden;
}
.master-final .represent-card,
.master-final .pillar,
.master-final .contact-item,
.master-final .cap-item{background:var(--surface);border:0;border-radius:0}
.master-final .represent-card:hover,
.master-final .pillar:hover,
.master-final .contact-item:hover,
.master-final .cap-item:hover{background:#fffdf9}
.master-final .represent-card{min-height:190px;padding:28px 26px}
.master-final .represent-card strong{font-size:1.45rem;margin-bottom:13px}
.master-final .represent-card p{font-size:.91rem;color:var(--body-ink)}
.master-final .enablers,.master-final .industry-cards{border-color:var(--line-dark);background:var(--line-dark)}
.master-final .enabler,.master-final .industry-card{border:0;border-radius:0;background:rgba(8,29,51,.82)}
.master-final .enabler:hover,.master-final .industry-card:hover{background:rgba(255,255,255,.055)}

/* Framework text is never justified in narrow spaces. */
.master-final .framework .section-lead{max-width:830px}
.master-final .framework-layout{grid-template-columns:minmax(0,1.42fr) minmax(300px,.58fr);gap:16px}
.master-final .framework-steps{gap:8px}
.master-final .framework-step{min-height:132px;padding:22px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.025)}
.master-final .framework-step:hover{background:rgba(255,255,255,.055);border-color:rgba(221,154,110,.44)}
.master-final .framework-step.active{background:rgba(184,94,48,.08);border-color:var(--copper)}
.master-final .framework-step .step-no{margin-bottom:18px;font-size:1.08rem}
.master-final .framework-step strong{font-size:1.3rem}
.master-final .framework-detail{padding:30px;border:1px solid rgba(184,94,48,.17);background:var(--cream-2)}
.master-final .framework-detail h3{font-size:2.05rem}
.master-final .enabler{min-height:154px;padding:22px}

/* Capabilities: the three numbered priorities now occupy the former empty right area. */
.master-final .cap-section{display:block}
.master-final .cap-heading-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);gap:clamp(54px,6.5vw,86px);align-items:start}
.master-final .cap-intro .section-lead{max-width:650px}
.master-final .cap-list{margin-top:8px;display:grid}
.master-final .cap-item{display:grid;grid-template-columns:56px 1fr;gap:17px;padding:24px 25px;border:0}
.master-final .cap-item .index{margin:0;font-size:1.35rem;color:var(--copper)}
.master-final .cap-item strong{font-size:1.25rem;line-height:1.25}
.master-final .cap-network{width:min(100%,720px);margin:68px auto 0}

/* Gateway title receives a wider content column so its two lines stay intentional. */
.master-final .gateway-grid{grid-template-columns:.92fr 1.08fr;min-height:660px}
.master-final .gateway-content{padding:clamp(42px,4.5vw,56px)}
.master-final .gateway-content .section-lead{max-width:620px}
.master-final .gateway-point{padding:16px 2px;border-radius:0;background:transparent}
.master-final .gateway-point strong{font-size:1.12rem}

/* Real-world complexity: statement and explanation are an intentional pair. */
.master-final .solutions-head{grid-template-columns:minmax(0,1.36fr) minmax(330px,.64fr);gap:clamp(48px,6vw,76px);align-items:center}
.master-final .solutions-context{padding:12px 0 12px 28px;border-left:1px solid rgba(184,94,48,.43)}
html[dir="rtl"] .master-final .solutions-context{padding:12px 28px 12px 0;border-left:0;border-right:1px solid rgba(184,94,48,.43)}
.master-final .solutions-context .section-lead{margin:0;text-align:justify}
.master-final .solutions-layout{grid-template-columns:minmax(320px,.4fr) minmax(0,.6fr);gap:24px}
.master-final .solution-tab{border-radius:0;padding:18px 14px 18px 0}
html[dir="rtl"] .master-final .solution-tab{padding:18px 0 18px 14px}
.master-final .solution-tab.active{background:rgba(184,94,48,.045)}
.master-final .solution-stage{border-radius:var(--radius-flat)}

/* Why and profile: enough width to hold the approved two-line headings. */
.master-final .why-grid{grid-template-columns:minmax(0,1.28fr) minmax(390px,.72fr);gap:clamp(54px,6vw,78px)}
.master-final .why-copy p{margin-top:25px}
.master-final .pillar{padding:25px}
.master-final .profile-grid{grid-template-columns:minmax(0,1.18fr) minmax(350px,.62fr);gap:clamp(54px,6vw,82px)}
.master-final .document-card{border-radius:var(--radius-flat);min-height:390px}
.master-final .document-emblem{position:absolute;right:35px;top:38px;width:38px;height:38px;color:rgba(221,154,110,.65)}
.master-final .document-emblem svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.35}
html[dir="rtl"] .master-final .document-emblem{right:auto;left:35px}

/* Experience and execution stay cinematic without typography mismatch. */
.master-final .experience-card{border-radius:var(--radius-flat)}
.master-final .experience-card h3{font-size:2.15rem}
.master-final .execution-content{margin-left:0;margin-right:auto;text-align:left}
html[dir="rtl"] .master-final .execution-content{margin-left:auto;margin-right:0;text-align:right}

/* Contact: full-width two-line statement, then six clean icon cards. */
.master-final .contact-grid{display:block;margin-top:42px}
.master-final .contact-quote{max-width:980px;margin:0}
.master-final .contact-list{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:50px}
.master-final .contact-item{min-height:132px;padding:25px 24px;display:flex;align-items:flex-start;gap:17px}
.master-final .contact-icon{flex:0 0 auto;width:27px;height:27px;color:var(--copper);margin-top:2px}
.master-final .contact-icon svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.master-final .contact-copy{min-width:0;display:block}
.master-final .contact-item small{margin:0 0 9px;font-size:.69rem}
.master-final .contact-item strong{font-size:.91rem;line-height:1.45;color:var(--ink);overflow-wrap:anywhere}
html[dir="rtl"] .master-final .contact-item{text-align:right}
html[dir="rtl"] .master-final .contact-item .ltr-data,
html[dir="rtl"] .master-final .contact-item bdi{direction:ltr;unicode-bidi:isolate;text-align:right!important;display:block;width:100%}

/* Footer navigation is deliberately two columns; every Connect item has an icon. */
.master-final .footer{background:linear-gradient(135deg,#0d2a45,#153a57);border-top:1px solid rgba(221,154,110,.5)}
.master-final .footer-grid{grid-template-columns:1.18fr .9fr .92fr;gap:clamp(40px,5vw,62px)}
.master-final .footer-nav-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 24px}
.master-final .footer-connect-links{gap:11px}
.master-final .footer-connect-item{display:flex;align-items:flex-start;gap:10px;min-width:0}
.master-final .footer-connect-item>a,.master-final .footer-connect-item>span:last-child{min-width:0;overflow-wrap:anywhere}
.master-final .footer-mini-icon,.master-final .footer-heading-icon{flex:0 0 auto;color:var(--copper-2)}
.master-final .footer-mini-icon{width:15px;height:15px;margin-top:3px}
.master-final .footer-heading-icon{display:inline-flex;width:19px;height:19px;vertical-align:-3px;margin-right:6px}
html[dir="rtl"] .master-final .footer-heading-icon{margin-right:0;margin-left:6px}
.master-final .footer-mini-icon svg,.master-final .footer-heading-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.master-final .footer-links{font-size:.83rem;line-height:1.55}
html[dir="rtl"] .master-final .footer-connect-item .ltr-data,
html[dir="rtl"] .master-final .footer-connect-item bdi{direction:ltr;unicode-bidi:isolate;text-align:right;display:block}

/* Calm motion only. */
.master-final .reveal{transform:translate3d(0,14px,0);transition:opacity .72s var(--ease-final),transform .72s var(--ease-final)}
.master-final .reveal.visible{transform:none}

@media(max-width:1120px){
  .master-final .title-line{white-space:normal}
  .master-final .about-grid,.master-final .why-grid,.master-final .profile-grid{grid-template-columns:1fr}
  .master-final .about-copy{max-width:780px}
  .master-final .cap-heading-grid{grid-template-columns:1fr;gap:34px}
  .master-final .cap-list{grid-template-columns:repeat(3,1fr)}
  .master-final .cap-item{grid-template-columns:42px 1fr}
  .master-final .framework-layout{grid-template-columns:1fr}
  .master-final .solutions-head{grid-template-columns:1fr;gap:32px}
  .master-final .solutions-context{max-width:800px}
  .master-final .gateway-grid{grid-template-columns:1fr}
  .master-final .gateway-visual{min-height:500px}
  .master-final .contact-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .master-final .hero h1{font-size:clamp(4.2rem,13vw,6rem)}
  .master-final .display-about,.master-final .display-capabilities,.master-final .display-gateway,.master-final .display-solutions,.master-final .display-why,.master-final .display-experience,.master-final .display-profile,.master-final .display-contact{font-size:clamp(2.65rem,7.4vw,3.7rem);line-height:1.08}
  html[dir="rtl"] .master-final .display-about,html[dir="rtl"] .master-final .display-capabilities,html[dir="rtl"] .master-final .display-gateway,html[dir="rtl"] .master-final .display-solutions,html[dir="rtl"] .master-final .display-why,html[dir="rtl"] .master-final .display-experience,html[dir="rtl"] .master-final .display-profile,html[dir="rtl"] .master-final .display-contact{font-size:clamp(2.3rem,6.7vw,3.2rem);line-height:1.42}
  .master-final .cap-list{grid-template-columns:1fr}
  .master-final .solutions-layout{grid-template-columns:1fr}
  .master-final .footer-grid{grid-template-columns:1fr 1fr}
  .master-final .footer-brand{grid-column:1/-1}
}
@media(max-width:620px){
  .master-final{font-size:16px}
  .master-final .hero{min-height:760px;background-position:60% center}
  .master-final .hero h1{font-size:clamp(3.75rem,18vw,5.25rem);line-height:.94}
  html[dir="rtl"] .master-final .hero h1{font-size:clamp(3rem,14vw,4.4rem);line-height:1.28}
  .master-final .display-about,.master-final .display-capabilities,.master-final .display-gateway,.master-final .display-solutions,.master-final .display-why,.master-final .display-experience,.master-final .display-profile,.master-final .display-contact{font-size:clamp(2.25rem,10.7vw,3rem);line-height:1.08}
  html[dir="rtl"] .master-final .display-about,html[dir="rtl"] .master-final .display-capabilities,html[dir="rtl"] .master-final .display-gateway,html[dir="rtl"] .master-final .display-solutions,html[dir="rtl"] .master-final .display-why,html[dir="rtl"] .master-final .display-experience,html[dir="rtl"] .master-final .display-profile,html[dir="rtl"] .master-final .display-contact{font-size:clamp(2.05rem,9.3vw,2.75rem);line-height:1.42}
  .master-final .display-execution{font-size:clamp(2.8rem,12vw,3.65rem)}
  html[dir="rtl"] .master-final .display-execution{font-size:clamp(2.5rem,10vw,3.25rem)}
  .master-final .prose,.master-final .execution-copy{text-align:start!important}
  html[dir="rtl"] .master-final .prose,html[dir="rtl"] .master-final .execution-copy{text-align:right!important}
  .master-final .contact-list{grid-template-columns:1fr}
  .master-final .contact-item{min-height:0}
  .master-final .footer-grid{grid-template-columns:1fr}
  .master-final .footer-brand{grid-column:auto}
  .master-final .footer-nav-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px}
  .master-final .cap-network{margin-top:48px}
}

/* Validation correction: avoid justification rivers in narrow editorial columns. */
.master-final .about-copy .prose,
.master-final .cap-intro .prose{ text-align:left; }
html[dir="rtl"] .master-final .about-copy .prose,
html[dir="rtl"] .master-final .cap-intro .prose{ text-align:right; }

/* Validation correction: keep every capability label fully inside the network field. */
.master-final .cap-network{width:min(100%,680px)}
.master-final .cap-node{width:124px;min-height:86px;padding:12px 9px;font-size:.63rem;line-height:1.38}
.master-final .cap-node strong{font-size:.68rem}
.master-final .cap-node.n1{top:4%}
.master-final .cap-node.n2{right:6%;top:19%}
.master-final .cap-node.n3{right:5%;bottom:27%}
.master-final .cap-node.n4{right:20%;bottom:5%}
.master-final .cap-node.n5{left:20%;bottom:5%}
.master-final .cap-node.n6{left:5%;bottom:27%}
.master-final .cap-node.n7{left:6%;top:19%}


/* FINAL VALIDATION PATCH — typography, bidi, and capability containment */
.master-final .tm-mark{
  display:inline-block;margin-inline-start:.12em;font-family:var(--sans);font-size:.32em;
  font-weight:600;line-height:1;vertical-align:super;letter-spacing:0;color:var(--copper-2)
}
html[dir="rtl"] .master-final .tm-mark{font-family:var(--sans);margin-inline:.13em .04em}

/* Short supporting paragraphs should read naturally, never show justification rivers. */
.master-final .solutions-context .section-lead,
.master-final .profile .section-lead{ text-align:left; }
html[dir="rtl"] .master-final .solutions-context .section-lead,
html[dir="rtl"] .master-final .profile .section-lead{ text-align:right; }

/* The network labels remain fully contained in both Latin and Arabic layouts. */
.master-final .cap-network{overflow:visible;padding:0;margin-bottom:24px}
.master-final .cap-node.n3{right:5%;bottom:30%}
.master-final .cap-node.n4{right:20%;bottom:10%}
.master-final .cap-node.n5{left:20%;bottom:10%}
.master-final .cap-node.n6{left:5%;bottom:30%}
html[dir="rtl"] .master-final .cap-node{width:132px;min-height:88px;font-size:.68rem;line-height:1.5}
html[dir="rtl"] .master-final .cap-node strong{font-size:.72rem}

/* Keep footer navigation a balanced two-column grid in both languages. */
.master-final .footer-nav-links{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-content:start}
.master-final .footer-nav-links a{min-width:0}

/* Bidi-isolated brand tokens inherit surrounding typography without disturbing Arabic flow. */
html[dir="rtl"] .master-final bdi[dir="ltr"]{font-family:var(--sans);unicode-bidi:isolate}
html[dir="rtl"] .master-final .eyebrow bdi[dir="ltr"],
html[dir="rtl"] .master-final h1 bdi[dir="ltr"],
html[dir="rtl"] .master-final h2 bdi[dir="ltr"]{font-weight:inherit}

@media(max-width:620px){
  .master-final .cap-network{overflow:hidden;margin-bottom:0}
  html[dir="rtl"] .master-final .cap-node{width:108px;min-height:78px;font-size:.57rem}
  html[dir="rtl"] .master-final .cap-node strong{font-size:.61rem}
}


/* ─────────────────────────────────────────────────────────────
   FINAL MICRO-REFINEMENT — CAPABILITIES, ABOUT, PROFILE & SURFACES
   Requested after visual review. Removes the overcrowded capability
   network, compacts the transition into Gateway, restores editorial
   justification in Who We Are, and unifies remaining box surfaces.
   ───────────────────────────────────────────────────────────── */

/* Who We Are: the three long paragraphs are editorial body copy, not cards. */
.master-final .about-copy .prose{
  text-align:justify!important;
  text-justify:inter-word;
  hyphens:auto;
  max-width:100%;
}
html[dir="rtl"] .master-final .about-copy .prose{
  text-align:justify!important;
  text-justify:inter-word;
  hyphens:none;
}

/* Capabilities: the approved three numbered priorities are sufficient.
   The crowded radial network has been removed from the markup entirely. */
.master-final .capabilities-no-network{
  padding-bottom:clamp(72px,7vw,92px);
}
.master-final .capabilities-no-network .cap-section{display:block}
.master-final .capabilities-no-network .cap-heading-grid{
  grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr);
  align-items:center;
  gap:clamp(50px,6vw,78px);
}
.master-final .capabilities-no-network .cap-list{margin-top:0}
.master-final .capabilities-no-network + .gateway{padding-top:clamp(72px,7vw,92px)}

/* Smooth grouped interface: cards belong to their section instead of floating. */
.master-final .framework-steps{
  gap:1px;
  padding:1px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.105);
  border-radius:14px;
  background:rgba(255,255,255,.105);
}
.master-final .framework-step{
  border:0!important;
  border-radius:0!important;
  background:rgba(8,29,51,.9);
}
.master-final .framework-step:hover{border-color:transparent!important;background:rgba(255,255,255,.052)}
.master-final .framework-step.active{
  border-color:transparent!important;
  background:rgba(184,94,48,.105);
  box-shadow:inset 0 2px 0 var(--copper)!important;
}
.master-final .framework-detail{
  border-radius:14px;
  border-color:rgba(184,94,48,.13);
  box-shadow:none!important;
}
.master-final .represent-grid,
.master-final .enablers,
.master-final .cap-list,
.master-final .industry-cards,
.master-final .pillars,
.master-final .contact-list{border-radius:14px}
.master-final .gateway-grid,
.master-final .solution-stage,
.master-final .industry-visual,
.master-final .experience-card,
.master-final .document-card{
  border-radius:14px;
  box-shadow:0 1px 2px rgba(6,21,37,.02),0 8px 22px rgba(6,21,37,.038)!important;
}
.master-final .represent-card,
.master-final .cap-item,
.master-final .pillar,
.master-final .contact-item{box-shadow:none!important}

/* The English profile card uses the official logo only; no invented overlay icon. */
html[dir="ltr"] .master-final .document-emblem{display:none!important}
.master-final .document-card img{z-index:2}

@media(max-width:900px){
  .master-final .capabilities-no-network .cap-heading-grid{grid-template-columns:1fr;gap:34px}
  .master-final .capabilities-no-network{padding-bottom:70px}
  .master-final .capabilities-no-network + .gateway{padding-top:70px}
}
@media(max-width:620px){
  .master-final .about-copy .prose,
  html[dir="rtl"] .master-final .about-copy .prose{text-align:start!important}
  html[dir="rtl"] .master-final .about-copy .prose{text-align:right!important}
  .master-final .framework-steps,
  .master-final .framework-detail,
  .master-final .represent-grid,
  .master-final .enablers,
  .master-final .cap-list,
  .master-final .industry-cards,
  .master-final .pillars,
  .master-final .contact-list,
  .master-final .gateway-grid,
  .master-final .solution-stage,
  .master-final .industry-visual,
  .master-final .experience-card,
  .master-final .document-card{border-radius:11px}
}

/* Final reading-width correction: English remains justified without rivers;
   Arabic keeps natural native right alignment because browser justification
   introduces excessive spacing and weakens legibility. */
.master-final .about-grid{
  grid-template-columns:minmax(0,1.14fr) minmax(430px,.86fr);
}
.master-final .about-copy .prose{
  text-align-last:left;
  word-spacing:-.018em;
}
html[dir="rtl"] .master-final .about-copy .prose{
  text-align:right!important;
  text-align-last:right;
  word-spacing:normal;
}
@media(max-width:900px){
  .master-final .about-grid{grid-template-columns:1fr}
  .master-final .about-copy .prose{text-align:left!important;word-spacing:normal}
  html[dir="rtl"] .master-final .about-copy .prose{text-align:right!important}
}

/* ─────────────────────────────────────────────────────────────
   APPROVED CARD REFINEMENT V3 — FRAMEWORK + INDUSTRIES ONLY
   Matches the user's approved mockups. No other site sections are changed.
   ───────────────────────────────────────────────────────────── */

/* FRAMEWORK — six standalone step cards, then four enabler cards. */
.master-final #framework .framework-layout{
  display:block;
  margin-top:54px;
}
.master-final #framework .framework-layout > div{width:100%}
.master-final #framework .framework-detail{display:none!important}

.master-final #framework .framework-steps{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:26px;
  padding:0;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
}
.master-final #framework .framework-step{
  min-height:190px;
  padding:30px 34px 32px;
  border:1px solid rgba(230,238,246,.19)!important;
  border-radius:26px!important;
  background:rgba(255,255,255,.025);
  box-shadow:none!important;
  color:#fff;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
  text-align:start;
  transition:background .28s ease,border-color .28s ease,box-shadow .28s ease;
}
.master-final #framework .framework-step:hover{
  transform:none!important;
  background:rgba(255,255,255,.04);
  border-color:rgba(221,154,110,.40)!important;
}
.master-final #framework .framework-step.active{
  transform:none!important;
  border-color:var(--copper)!important;
  background:linear-gradient(135deg,rgba(184,94,48,.13),rgba(255,255,255,.025));
  box-shadow:0 0 0 1px rgba(184,94,48,.08)!important;
}
.master-final #framework .framework-step .step-no{
  margin:0 0 50px;
  color:var(--copper-2);
  font-size:1.18rem;
  line-height:1;
}
.master-final #framework .framework-step strong{
  margin-top:auto;
  color:#fff;
  font-family:var(--serif);
  font-size:1.72rem;
  line-height:1.06;
  font-weight:600;
}
html[dir="rtl"] .master-final #framework .framework-step{
  align-items:flex-start;
  text-align:right;
}
html[dir="rtl"] .master-final #framework .framework-step strong{
  font-family:var(--ar-title);
  font-size:1.42rem;
  line-height:1.4;
}

.master-final #framework .enablers{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:26px;
  margin-top:34px;
  padding:0;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
}
.master-final #framework .enabler{
  min-height:220px;
  padding:30px 30px 28px;
  border:1px solid rgba(230,238,246,.18)!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.024)!important;
  box-shadow:none!important;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  transition:background .28s ease,border-color .28s ease;
}
.master-final #framework .enabler:hover{
  transform:none!important;
  background:rgba(255,255,255,.04)!important;
  border-color:rgba(221,154,110,.36)!important;
}
.master-final #framework .enabler svg{
  width:36px;
  height:36px;
  margin:0 0 38px;
  color:var(--copper-2);
}
.master-final #framework .enabler strong{
  display:block;
  margin-top:auto;
  color:#fff;
  font-size:.98rem;
  line-height:1.35;
  font-weight:700;
}
.master-final #framework .enabler .card-copy{
  margin-top:12px;
  color:rgba(238,243,248,.72);
  font-size:.86rem;
  line-height:1.65;
}
html[dir="rtl"] .master-final #framework .enabler{
  text-align:right;
  align-items:flex-start;
}
html[dir="rtl"] .master-final #framework .enabler strong{
  font-family:var(--ar-title);
  font-size:1.02rem;
}
html[dir="rtl"] .master-final #framework .enabler .card-copy{
  font-size:.92rem;
  line-height:1.8;
}

/* INDUSTRIES — approved two-column card composition. The old route graphic is removed. */
.master-final #industries .industry-layout{
  display:block;
  margin-top:54px;
}
.master-final #industries .industry-visual{display:none!important}
.master-final #industries .industry-cards{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:26px;
  padding:0;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
}
.master-final #industries .industry-card{
  min-height:265px;
  padding:38px 42px 36px;
  border:1px solid rgba(230,238,246,.19)!important;
  border-radius:26px!important;
  background:rgba(255,255,255,.025)!important;
  box-shadow:none!important;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  text-align:start;
  transition:background .28s ease,border-color .28s ease;
}
.master-final #industries .industry-card:hover{
  transform:none!important;
  background:rgba(255,255,255,.042)!important;
  border-color:rgba(221,154,110,.38)!important;
}
.master-final #industries .industry-card svg{
  width:38px;
  height:38px;
  margin:0 0 56px;
  color:var(--copper-2);
}
.master-final #industries .industry-card strong{
  display:block;
  margin-top:auto;
  color:#fff;
  font-family:var(--serif);
  font-size:1.72rem;
  line-height:1.08;
  font-weight:600;
}
.master-final #industries .industry-card .card-copy{
  display:block;
  margin-top:14px;
  color:rgba(238,243,248,.75);
  font-size:.98rem;
  line-height:1.55;
}
/* Centre the final Healthcare & Pharmaceuticals card at the same width as one column. */
.master-final #industries .industry-card:last-child{
  grid-column:1 / -1;
  width:calc((100% - 26px)/2);
  justify-self:center;
}
html[dir="rtl"] .master-final #industries .industry-card{
  text-align:right;
  align-items:flex-start;
}
html[dir="rtl"] .master-final #industries .industry-card strong{
  font-family:var(--ar-title);
  font-size:1.38rem;
  line-height:1.55;
}
html[dir="rtl"] .master-final #industries .industry-card .card-copy{
  font-size:1rem;
  line-height:1.75;
}

@media(max-width:1000px){
  .master-final #framework .framework-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .master-final #framework .enablers{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .master-final #industries .industry-cards{gap:18px}
  .master-final #industries .industry-card:last-child{width:calc((100% - 18px)/2)}
}
@media(max-width:680px){
  .master-final #framework .framework-steps,
  .master-final #framework .enablers,
  .master-final #industries .industry-cards{grid-template-columns:1fr;gap:14px}
  .master-final #framework .framework-step{min-height:142px;padding:24px;border-radius:18px!important}
  .master-final #framework .framework-step .step-no{margin-bottom:30px}
  .master-final #framework .framework-step strong{font-size:1.45rem}
  .master-final #framework .enabler{min-height:170px;padding:24px;border-radius:18px!important}
  .master-final #framework .enabler svg{margin-bottom:26px}
  .master-final #industries .industry-card{min-height:205px;padding:28px 26px;border-radius:18px!important}
  .master-final #industries .industry-card svg{margin-bottom:38px}
  .master-final #industries .industry-card strong{font-size:1.45rem}
  .master-final #industries .industry-card:last-child{grid-column:auto;width:100%;justify-self:stretch}
}

/* V3 industry layout hardening: flex wrapping guarantees a clean 2-column rhythm
   and a truly centred final Healthcare card in all modern browsers. */
.master-final #industries .industry-cards{
  display:flex;
  flex-wrap:wrap;
  gap:26px;
}
.master-final #industries .industry-card{
  flex:0 0 calc((100% - 26px)/2);
  width:calc((100% - 26px)/2);
}
.master-final #industries .industry-card:last-child{
  grid-column:auto;
  flex-basis:calc((100% - 26px)/2);
  width:calc((100% - 26px)/2);
  margin-inline:auto;
  justify-self:auto;
}
@media(max-width:1000px){
  .master-final #industries .industry-cards{gap:18px}
  .master-final #industries .industry-card,
  .master-final #industries .industry-card:last-child{
    flex-basis:calc((100% - 18px)/2);
    width:calc((100% - 18px)/2);
  }
}
@media(max-width:680px){
  .master-final #industries .industry-cards{display:flex;gap:14px}
  .master-final #industries .industry-card,
  .master-final #industries .industry-card:last-child{
    flex:0 0 100%;
    width:100%;
    margin-inline:0;
  }
}

/* Browser-final V3 composition (CSS Grid): exact approved 2-column industry layout. */
.master-final #industries .industry-cards{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:26px;
}
.master-final #industries .industry-card{
  width:auto;
  flex:none;
}
.master-final #industries .industry-card:last-child{
  grid-column:1 / -1;
  width:calc((100% - 26px)/2);
  margin-inline:0;
  justify-self:center;
}
.master-final #industries .industry-card strong{font-size:1.9rem}
.master-final #industries .industry-card .card-copy{font-size:1.04rem}
.master-final #framework .framework-step strong{font-size:1.9rem}
.master-final #framework .enabler strong{font-size:1.05rem}
.master-final #framework .enabler .card-copy{font-size:.9rem}
@media(max-width:1000px){
  .master-final #industries .industry-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .master-final #industries .industry-card:last-child{width:calc((100% - 18px)/2)}
}
@media(max-width:680px){
  .master-final #industries .industry-cards{grid-template-columns:1fr;gap:14px}
  .master-final #industries .industry-card:last-child{grid-column:auto;width:100%;justify-self:stretch}
  .master-final #industries .industry-card strong{font-size:1.5rem}
  .master-final #framework .framework-step strong{font-size:1.5rem}
}


/* ======================================================================
   FINAL MERGE — Project 2 visual system + Project 1 commercial depth
   ====================================================================== */
.service-depth{margin-top:clamp(68px,8vw,96px);padding-top:clamp(48px,6vw,70px);border-top:1px solid var(--line)}
.service-depth-head{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,.75fr);gap:clamp(40px,7vw,86px);align-items:end;margin-bottom:34px}
.service-depth-head h3,.enquiry-head h3{margin:0;font-family:var(--serif);font-size:clamp(2.2rem,4vw,4rem);line-height:1.04;letter-spacing:-.025em;color:var(--ink)}
.service-depth-head p,.enquiry-head p{margin:0;color:var(--body-ink,#445568);font-size:.98rem;line-height:1.85}
html[dir="rtl"] .service-depth-head h3,html[dir="rtl"] .enquiry-head h3{font-family:var(--ar-display,var(--ar-title));font-size:clamp(2rem,3.5vw,3.35rem);line-height:1.5;letter-spacing:0}
html[dir="rtl"] .service-depth-head p,html[dir="rtl"] .enquiry-head p{line-height:2}
.service-accordion{border-top:1px solid var(--line)}
.service-row{border-bottom:1px solid var(--line)}
.service-row summary{list-style:none;display:grid;grid-template-columns:64px 1fr 28px;align-items:center;gap:20px;min-height:82px;padding:15px 4px;cursor:pointer;color:var(--ink);transition:color .22s ease}
.service-row summary::-webkit-details-marker{display:none}
.service-row summary:hover,.service-row[open] summary{color:var(--copper)}
.service-index{font-family:var(--serif);font-size:1rem;color:var(--copper);opacity:.78}
.service-row summary strong{font-family:var(--serif);font-size:1.38rem;line-height:1.25;font-weight:600}
.service-toggle{position:relative;width:22px;height:22px;justify-self:end}
.service-toggle::before,.service-toggle::after{content:"";position:absolute;inset:50% auto auto 50%;width:14px;height:1px;background:currentColor;transform:translate(-50%,-50%);transition:transform .22s ease}
.service-toggle::after{transform:translate(-50%,-50%) rotate(90deg)}
.service-row[open] .service-toggle::after{transform:translate(-50%,-50%) rotate(0)}
.service-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 46px;padding:0 52px 34px 84px}
.service-detail-grid small{display:block;margin-bottom:7px;color:var(--copper);font-size:.67rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.service-detail-grid p{margin:0;color:var(--body-ink,#445568);font-size:.9rem;line-height:1.78}
html[dir="rtl"] .service-row summary{grid-template-columns:64px 1fr 28px;text-align:right}
html[dir="rtl"] .service-row summary strong{font-family:var(--ar-title);font-size:1.08rem;line-height:1.7}
html[dir="rtl"] .service-index{font-family:var(--serif)}
html[dir="rtl"] .service-detail-grid{padding:0 84px 34px 52px;text-align:right}
html[dir="rtl"] .service-detail-grid small{font-family:var(--ar-title);letter-spacing:0;font-size:.76rem}
html[dir="rtl"] .service-detail-grid p{line-height:1.95}

.contact-whatsapp .contact-icon{color:#167c4f}
.contact-whatsapp:hover .contact-icon{color:#0f6a41}
.contact-whatsapp .contact-icon svg,.btn-whatsapp svg,.footer-mini-icon svg{fill:currentColor;stroke:none}

.enquiry-panel{margin-top:clamp(66px,8vw,96px);padding-top:clamp(52px,6vw,70px);border-top:1px solid var(--line)}
.enquiry-head{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,.75fr);gap:clamp(40px,7vw,86px);align-items:end;margin-bottom:42px}
.enquiry-form{background:#fff;border:1px solid rgba(16,35,59,.10);border-radius:14px;padding:clamp(28px,4vw,48px);box-shadow:0 8px 26px rgba(6,21,37,.035)}
.enquiry-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 30px}
.enquiry-fields label{display:grid;gap:8px;min-width:0}
.enquiry-fields label>span{font-size:.69rem;font-weight:650;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}
.enquiry-fields input,.enquiry-fields select,.enquiry-fields textarea{width:100%;border:0;border-bottom:1px solid rgba(16,35,59,.22);border-radius:0;background:transparent;padding:12px 0;color:var(--ink);font:inherit;outline:none;transition:border-color .22s ease,box-shadow .22s ease}
.enquiry-fields textarea{resize:vertical;min-height:118px}
.enquiry-fields input:focus,.enquiry-fields select:focus,.enquiry-fields textarea:focus{border-color:var(--copper);box-shadow:0 1px 0 var(--copper)}
.field-full{grid-column:1/-1}
.enquiry-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.btn-whatsapp{background:#167c4f;color:#fff;border-color:#167c4f}
.btn-whatsapp:hover{background:#0f6a41;transform:translateY(-2px)}
.btn-whatsapp svg{width:18px;height:18px}
.enquiry-note{margin:20px 0 0;color:var(--muted);font-size:.77rem;line-height:1.65}
.enquiry-status{display:none;margin-top:14px;color:var(--copper-deep);font-size:.8rem;font-weight:600}
.enquiry-status.visible{display:block}
html[dir="rtl"] .enquiry-fields label>span{font-family:var(--ar-title);letter-spacing:0;font-size:.77rem}
html[dir="rtl"] .enquiry-fields input,html[dir="rtl"] .enquiry-fields select,html[dir="rtl"] .enquiry-fields textarea{text-align:right}
html[dir="rtl"] .enquiry-fields input[dir="ltr"]{text-align:left}
html[dir="rtl"] .enquiry-actions{justify-content:flex-start}
html[dir="rtl"] .enquiry-note{line-height:1.9}

@media(max-width:900px){
 .service-depth-head,.enquiry-head{grid-template-columns:1fr;gap:22px}
 .service-detail-grid{padding-left:64px;padding-right:20px}
 html[dir="rtl"] .service-detail-grid{padding-right:64px;padding-left:20px}
 .enquiry-fields{grid-template-columns:1fr}
 .field-full{grid-column:auto}
}
@media(max-width:620px){
 .service-depth{margin-top:58px;padding-top:44px}
 .service-row summary{grid-template-columns:42px 1fr 22px;gap:12px;min-height:72px;padding:13px 0}
 .service-row summary strong{font-size:1.12rem}
 .service-detail-grid,.service-detail-grid[dir="rtl"]{grid-template-columns:1fr;gap:18px;padding:0 0 28px 54px}
 html[dir="rtl"] .service-detail-grid{padding:0 54px 28px 0}
 .enquiry-panel{margin-top:56px;padding-top:44px}
 .enquiry-form{padding:26px 22px}
 .enquiry-actions{flex-direction:column;align-items:stretch}
 .enquiry-actions .btn{width:100%}
}


/* ======================================================================
   COMPLETE MERGE — dedicated commercial depth pages
   Project 2 remains the visual master; Project 1 depth lives behind it.
   ====================================================================== */
.nav-commercial{gap:clamp(12px,1.35vw,20px);font-size:.7rem}
.nav-commercial a{white-space:nowrap}
.service-depth-link{display:flex;justify-content:flex-end;margin:-12px 0 28px}
html[dir="rtl"] .service-depth-link{justify-content:flex-start}
.inner-page{background:var(--cream)}
.inner-hero{position:relative;min-height:760px;height:min(82svh,900px);display:flex;align-items:center;color:#fff;overflow:hidden;background:var(--navy)}
.inner-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,17,32,.96) 0%,rgba(3,17,32,.82) 38%,rgba(3,17,32,.28) 70%,rgba(3,17,32,.12) 100%),var(--inner-image) 70% center/cover no-repeat}
html[dir="rtl"] .inner-hero::before{background:linear-gradient(270deg,rgba(3,17,32,.96) 0%,rgba(3,17,32,.82) 38%,rgba(3,17,32,.28) 70%,rgba(3,17,32,.12) 100%),var(--inner-image) 30% center/cover no-repeat}
.inner-hero::after{content:"";position:absolute;inset:auto 0 0;height:190px;background:linear-gradient(transparent,rgba(3,17,32,.7))}
.inner-hero-grid{position:relative;z-index:2}
.inner-hero-copy{max-width:800px;padding-top:70px}
html[dir="rtl"] .inner-hero-copy{margin-inline-start:auto;text-align:right}
.inner-hero h1{margin:0;font-family:var(--serif);font-size:clamp(4.7rem,8vw,8.1rem);font-weight:600;line-height:.92;letter-spacing:-.035em}
.inner-hero h1 span,.inner-hero h1 em{display:block}.inner-hero h1 em{color:var(--copper-2);font-weight:500;font-style:italic}
.inner-hero-copy>p{max-width:680px;margin:32px 0 0;color:rgba(255,255,255,.78);font-size:1.08rem;line-height:1.9}
html[dir="rtl"] .inner-hero h1{font-family:var(--ar-display,var(--ar-title));font-size:clamp(3.2rem,6vw,5.8rem);line-height:1.38;letter-spacing:0}
html[dir="rtl"] .inner-hero h1 em{font-style:normal}
html[dir="rtl"] .inner-hero-copy>p{font-size:1.1rem;line-height:2.05}
.inner-intro{background:var(--cream-2)}
.inner-intro-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(400px,.72fr);gap:clamp(44px,7vw,90px);align-items:end}
.inner-service-list{margin-top:58px}
.inner-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:58px}
.inner-card{min-height:230px;padding:30px 28px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.62);display:flex;flex-direction:column}
.inner-card>span,.journey-step>span,.partnership-area>span{font-family:var(--serif);color:var(--copper);font-size:1rem}
.inner-card strong{display:block;margin-top:46px;font-family:var(--serif);font-size:1.42rem;line-height:1.15;color:var(--ink)}
.inner-card p{margin:13px 0 0;color:var(--body-ink);font-size:.87rem;line-height:1.72}
html[dir="rtl"] .inner-card strong{font-family:var(--ar-title);font-size:1.08rem;line-height:1.6}
html[dir="rtl"] .inner-card p{line-height:1.9}
.journey .section-lead,.partnership-structure .section-lead{color:rgba(255,255,255,.66)}
.journey-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:58px}
.journey-step{min-height:245px;padding:32px;border:1px solid rgba(230,238,246,.16);border-radius:18px;background:rgba(255,255,255,.025);display:flex;flex-direction:column}
.journey-step strong{margin-top:50px;color:#fff;font-family:var(--serif);font-size:1.55rem;line-height:1.12}
.journey-step p{margin:14px 0 0;color:rgba(238,243,248,.66);font-size:.88rem;line-height:1.72}
html[dir="rtl"] .journey-step strong{font-family:var(--ar-title);font-size:1.15rem;line-height:1.65}
html[dir="rtl"] .journey-step p{line-height:1.95}
.audience-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.85fr);gap:clamp(48px,7vw,90px);align-items:start}
.audience-list{display:grid;gap:0;margin:44px 0 0;padding:0;list-style:none;border-top:1px solid var(--line)}
.audience-list li{position:relative;padding:18px 0 18px 28px;border-bottom:1px solid var(--line);color:var(--body-ink);font-size:.95rem;line-height:1.6}
.audience-list li::before{content:"";position:absolute;left:0;top:27px;width:8px;height:8px;border-radius:50%;background:var(--copper)}
html[dir="rtl"] .audience-list li{padding:18px 28px 18px 0}.audience-list li::before{left:0}html[dir="rtl"] .audience-list li::before{left:auto;right:0}
.practice-card{padding:clamp(34px,4vw,52px);border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 12px 38px rgba(6,21,37,.05)}
.practice-card blockquote{margin:26px 0;font-family:var(--serif-alt);font-size:clamp(1.65rem,2.7vw,2.45rem);font-style:italic;line-height:1.35;color:var(--ink)}
.practice-card>p,.international-note p{color:var(--body-ink);line-height:1.82}
.international-note{margin-top:34px;padding-top:28px;border-top:1px solid var(--line)}
.international-note strong{color:var(--copper);font-size:.76rem;text-transform:uppercase;letter-spacing:.12em}
html[dir="rtl"] .practice-card blockquote{font-family:var(--ar-display,var(--ar-title));font-style:normal;font-size:clamp(1.45rem,2.4vw,2.1rem);line-height:1.7}html[dir="rtl"] .international-note strong{font-family:var(--ar-title);letter-spacing:0}
.partnership-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:58px}
.partnership-area{min-height:190px;padding:30px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.64);display:flex;flex-direction:column}
.partnership-area strong{margin-top:auto;font-family:var(--serif);font-size:1.45rem;line-height:1.18;color:var(--ink)}
html[dir="rtl"] .partnership-area strong{font-family:var(--ar-title);font-size:1.08rem;line-height:1.6}
.benefit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;margin-top:58px}
.benefit-grid article{padding:42px;border:1px solid rgba(230,238,246,.16);border-radius:18px;background:rgba(255,255,255,.025)}
.benefit-grid h3{margin:0 0 28px;color:var(--copper-2);font-family:var(--serif);font-size:1.8rem}
.benefit-grid ul{display:grid;gap:0;margin:0;padding:0;list-style:none}.benefit-grid li{padding:15px 0;border-bottom:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.68);line-height:1.7}.benefit-grid li:last-child{border:0}
html[dir="rtl"] .benefit-grid h3{font-family:var(--ar-title);font-size:1.3rem}html[dir="rtl"] .benefit-grid li{line-height:1.95}
.partnership-closing{background:var(--cream-2)}.partnership-closing .practice-card{max-width:920px;margin-inline:auto;text-align:center}.partnership-closing .practice-card .eyebrow{justify-content:center}
.inner-bridge{padding-top:88px;padding-bottom:88px}.inner-bridge-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:50px;align-items:center}.inner-bridge .section-lead{color:rgba(255,255,255,.66)}.inner-bridge-actions,.inner-cta-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}
.inner-cta{background:var(--cream)}.inner-cta-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:60px;align-items:center}.inner-cta h2{margin:0;font-family:var(--serif);font-size:clamp(2.8rem,4.6vw,5rem);line-height:1.02;color:var(--ink)}.inner-cta p{max-width:720px;color:var(--body-ink);line-height:1.82}.inner-cta-actions{max-width:430px}
html[dir="rtl"] .inner-cta h2{font-family:var(--ar-display,var(--ar-title));font-size:clamp(2.3rem,4vw,4rem);line-height:1.5}
@media(max-width:1120px){.nav-commercial{display:none}.inner-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inner-intro-grid,.audience-grid{grid-template-columns:1fr}.journey-grid,.partnership-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inner-bridge-grid,.inner-cta-grid{grid-template-columns:1fr}.inner-bridge-actions,.inner-cta-actions{justify-content:flex-start}}
@media(max-width:680px){.inner-hero{min-height:690px;height:auto}.inner-hero-copy{padding:150px 0 110px}.inner-hero h1{font-size:3.65rem}.inner-hero-copy>p{font-size:.98rem}.inner-card-grid,.journey-grid,.partnership-grid,.benefit-grid{grid-template-columns:1fr}.inner-card,.journey-step,.partnership-area{min-height:auto}.inner-card strong,.journey-step strong{margin-top:30px}.practice-card{padding:28px 22px}.inner-cta-actions,.inner-bridge-actions{flex-direction:column;align-items:stretch}.inner-cta-actions .btn,.inner-bridge-actions .btn{width:100%}.service-depth-link{justify-content:flex-start}.service-depth-link .btn{width:100%}}


/* ======================================================================
   ORGANIZED FINAL — one seamless website, all commercial depth integrated.
   Former deep pages remain only as redirects for old links/bookmarks.
   ====================================================================== */
html{scroll-padding-top:92px}
#services,#international-expansion,#partnerships{scroll-margin-top:84px}
.integrated-commercial{position:relative}
.integrated-section-heading{max-width:980px;margin:0 0 clamp(64px,8vw,92px)}
.integrated-section-heading .integrated-title{font-size:clamp(3.2rem,5.4vw,5.55rem);max-width:980px}
.integrated-section-heading .section-lead{max-width:760px}
.integrated-commercial.inner-intro{padding-top:clamp(100px,10vw,132px)}
.integrated-expansion.inner-intro{border-top:1px solid var(--line)}
.integrated-partnerships.inner-intro{border-top:1px solid var(--line)}
.integrated-commercial.inner-cta{padding-top:72px;padding-bottom:88px}
/* Subchapter transitions visually bind the content rather than making it feel like separate pages. */
.integrated-expansion + .integrated-expansion,
.integrated-partnerships + .integrated-partnerships{border-top:1px solid rgba(16,35,59,.055)}
.integrated-commercial.section-dark + .integrated-commercial{border-top:0}
/* The services accordion is now the definitive service destination. */
.service-depth{scroll-margin-top:92px}
/* Keep long-page navigation calm and readable. */
.nav-commercial{gap:clamp(10px,1.12vw,18px);font-size:.69rem}
.footer-nav-links{grid-template-columns:repeat(2,minmax(0,1fr))}
html[dir="rtl"] .integrated-section-heading{text-align:right;margin-inline-start:auto}
html[dir="rtl"] .integrated-section-heading .section-lead{margin-inline-start:auto}
@media(max-width:900px){
  .integrated-section-heading{margin-bottom:52px}
  .integrated-commercial.inner-intro{padding-top:84px}
}
@media(max-width:620px){
  #services,#international-expansion,#partnerships{scroll-margin-top:72px}
  .integrated-section-heading .integrated-title{font-size:2.65rem;line-height:1.08}
  html[dir="rtl"] .integrated-section-heading .integrated-title{font-size:2.2rem;line-height:1.55}
  .integrated-commercial.inner-intro{padding-top:72px}
  .integrated-commercial.inner-cta{padding-top:58px;padding-bottom:68px}
}

/* Navigation orientation for the unified long-form site. */
.desktop-nav a.active-link:not(.lang-switch){opacity:1;color:var(--copper-2)}
.site-header.scrolled .desktop-nav a.active-link:not(.lang-switch){color:var(--copper)}
.desktop-nav a.active-link:not(.nav-gateway):not(.lang-switch)::after{width:100%}
.mobile-menu a.active-link:not(.lang-switch){color:var(--copper);font-weight:600}


/* ======================================================================
   FINAL VISUAL QA POLISH — 24 JULY 2026
   Fixes the user-identified commercial-section issues systematically:
   dark-section contrast, controlled two-line headings, RTL alignment,
   partnership-card proportions, and Arabic LinkedIn brand isolation.
   ====================================================================== */

/* The merged commercial dark chapters previously inherited white text
   without a dark surface. Establish the intended Project 2 navy chapter. */
.section-dark{
  background:
    radial-gradient(110% 90% at 16% 8%,rgba(184,94,48,.10),transparent 54%),
    linear-gradient(155deg,var(--navy-2),var(--navy) 72%);
  color:#fff;
}
.section-dark .eyebrow{color:var(--copper-2)}
.section-dark .section-title,
.section-dark .section-title.light{color:#fff}
.section-dark .section-lead{color:rgba(238,243,248,.76)}
.section-dark .copper{color:var(--copper-2)}

/* Commercial headings: widen the text field and keep deliberate line groups.
   This removes 3–4 line accidental wraps without inflating the whole page. */
.integrated-commercial .inner-intro-grid{
  grid-template-columns:minmax(0,1.28fr) minmax(320px,.72fr);
  gap:clamp(38px,5vw,70px);
  align-items:center;
}
.integrated-commercial .inner-intro-grid>div,
.integrated-commercial .inner-intro-grid>.section-lead{min-width:0}
.integrated-commercial .commercial-two-line{
  width:100%;
  max-width:860px;
  font-size:clamp(3rem,3.55vw,4rem);
  line-height:1.04;
  letter-spacing:-.025em;
  text-wrap:balance;
}
.integrated-commercial .commercial-two-line .title-line{
  display:block;
  width:100%;
}
.integrated-section-heading{max-width:1040px}
.integrated-section-heading .integrated-title{
  width:100%;
  max-width:1040px;
  font-size:clamp(3.2rem,4.5vw,4.85rem);
  line-height:1.03;
  text-wrap:balance;
}
.integrated-section-heading .integrated-title .title-line{display:block;width:100%}

/* Partnership introduction should read as a composed editorial spread,
   not an oversized heading floating away from its supporting paragraph. */
.integrated-partnerships.inner-intro .inner-intro-grid,
.integrated-expansion.inner-intro .inner-intro-grid{
  margin-top:clamp(48px,6vw,72px);
}
.expansion-audience .inner-intro-grid{align-items:center}

/* Partnership cards: retain the 3×2 architecture but remove dead space.
   A restrained copper edge gives the cards a proprietary NTCC rhythm. */
.partnership-grid{
  gap:16px;
  margin-top:44px;
}
.partnership-area{
  position:relative;
  isolation:isolate;
  min-height:156px;
  padding:24px 28px 25px;
  border:1px solid rgba(16,35,59,.11);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(255,255,255,.58));
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:space-between;
  overflow:hidden;
  box-shadow:0 8px 28px rgba(6,21,37,.035);
  transition:border-color .25s ease,background .25s ease,transform .25s ease;
}
.partnership-area::before{
  content:"";
  position:absolute;
  inset-block:0;
  inset-inline-start:0;
  width:3px;
  background:linear-gradient(180deg,var(--copper),rgba(184,94,48,.14));
  opacity:.72;
}
.partnership-area::after{
  content:"";
  position:absolute;
  z-index:-1;
  width:96px;
  height:96px;
  inset-inline-end:-42px;
  inset-block-start:-46px;
  border-radius:50%;
  border:1px solid rgba(184,94,48,.08);
}
.partnership-area:hover{
  transform:translateY(-2px);
  border-color:rgba(184,94,48,.28);
  background:#fff;
}
.partnership-area>span{
  font-size:.92rem;
  line-height:1;
  color:var(--copper);
  opacity:.9;
}
.partnership-area strong{
  margin-top:28px;
  max-width:94%;
  font-size:1.27rem;
  line-height:1.23;
  color:var(--ink);
}

/* Dark chapter cards now belong to the navy field and have readable contrast. */
.section-dark .journey-grid,
.section-dark .benefit-grid{position:relative}
.section-dark .journey-step,
.section-dark .benefit-grid article{
  border-color:rgba(230,238,246,.15);
  background:rgba(255,255,255,.035);
  box-shadow:none;
}
.section-dark .journey-step strong{color:#fff}
.section-dark .journey-step p,
.section-dark .benefit-grid li{color:rgba(238,243,248,.76)}
.section-dark .benefit-grid h3{color:var(--copper-2)}

/* Arabic: every multi-line commercial heading shares one right edge.
   Latin brand names remain isolated and never split across lines. */
html[dir="rtl"] .integrated-commercial .inner-intro-grid{
  grid-template-columns:minmax(0,1.30fr) minmax(310px,.70fr);
}
html[dir="rtl"] .integrated-section-heading{
  width:100%;
  max-width:1040px;
  margin-inline-start:auto;
  margin-inline-end:0;
  text-align:right;
}
html[dir="rtl"] .integrated-section-heading .integrated-title,
html[dir="rtl"] .integrated-commercial .commercial-two-line{
  direction:rtl;
  width:100%;
  max-width:900px;
  margin-inline-start:auto;
  margin-inline-end:0;
  text-align:right;
  letter-spacing:0;
}
html[dir="rtl"] .integrated-section-heading .integrated-title{
  font-size:clamp(2.55rem,3.15vw,3.35rem);
  line-height:1.42;
}
html[dir="rtl"] .integrated-commercial .commercial-two-line{
  font-family:var(--ar-display,var(--ar-title));
  font-size:clamp(2.45rem,2.85vw,3.05rem);
  line-height:1.46;
}
html[dir="rtl"] .integrated-section-heading .title-line,
html[dir="rtl"] .integrated-commercial .commercial-two-line .title-line{
  display:block;
  width:100%;
  text-align:right;
}
html[dir="rtl"] .integrated-section-heading .section-lead{
  max-width:760px;
  margin-inline-start:auto;
  margin-inline-end:0;
  text-align:right;
}
html[dir="rtl"] .partnership-area{
  align-items:flex-start;
  text-align:right;
}
html[dir="rtl"] .partnership-area strong{
  font-size:1.05rem;
  line-height:1.65;
}
.linkedin-brand{
  display:block;
  width:max-content;
  max-width:100%;
  direction:ltr;
  unicode-bidi:isolate;
  white-space:nowrap;
  word-break:normal!important;
  overflow-wrap:normal!important;
  font-family:var(--sans)!important;
  letter-spacing:0!important;
}
html[dir="rtl"] .contact-item .linkedin-brand{
  text-align:left!important;
}

@media(min-width:1101px){
  .integrated-commercial .commercial-two-line .title-line,
  .integrated-section-heading .commercial-lock-title .title-line{
    white-space:nowrap;
  }
}

@media(max-width:1120px){
  .integrated-commercial .inner-intro-grid,
  html[dir="rtl"] .integrated-commercial .inner-intro-grid{
    grid-template-columns:1fr;
    gap:24px;
  }
  .integrated-commercial .commercial-two-line,
  html[dir="rtl"] .integrated-commercial .commercial-two-line{max-width:900px}
  .partnership-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:680px){
  .integrated-section-heading .integrated-title{font-size:clamp(2.35rem,10vw,3rem);line-height:1.08}
  html[dir="rtl"] .integrated-section-heading .integrated-title{font-size:clamp(2.05rem,8.7vw,2.65rem);line-height:1.5}
  .integrated-commercial .commercial-two-line{font-size:clamp(2.35rem,9.5vw,2.85rem);line-height:1.08}
  html[dir="rtl"] .integrated-commercial .commercial-two-line{font-size:clamp(2rem,8.2vw,2.55rem);line-height:1.52}
  .partnership-grid{grid-template-columns:1fr;gap:12px;margin-top:34px}
  .partnership-area{min-height:132px;padding:22px 23px}
  .partnership-area strong{margin-top:22px;font-size:1.15rem}
  html[dir="rtl"] .partnership-area strong{font-size:1rem}
  .linkedin-brand{width:auto}
}


/* Desktop line-fit calibration after screenshot QA. */
@media(min-width:1121px){
  .integrated-commercial .inner-intro-grid{
    grid-template-columns:minmax(0,1.46fr) minmax(300px,.54fr);
    gap:clamp(34px,4vw,58px);
  }
  .integrated-commercial .commercial-two-line{
    font-size:clamp(2.75rem,2.55vw,3.1rem);
    max-width:900px;
  }
  html[dir="rtl"] .integrated-commercial .inner-intro-grid{
    grid-template-columns:minmax(0,1.46fr) minmax(300px,.54fr);
  }
  html[dir="rtl"] .integrated-commercial .commercial-two-line{
    font-size:clamp(2.25rem,2.2vw,2.65rem);
    max-width:900px;
  }
}


/* Saudi-side challenge — preserve the exact message in two deliberate lines. */
.integrated-expansion.inner-intro>.container>.inner-intro-grid,
.integrated-partnerships.inner-intro>.container>.inner-intro-grid{
  padding-top:clamp(44px,4.6vw,62px);
  border-top:1px solid rgba(16,35,59,.10);
}
.challenge-two-line{
  width:100%;
  max-width:900px;
  font-size:clamp(2.75rem,2.8vw,3.35rem);
  line-height:1.05;
  letter-spacing:-.02em;
}
.challenge-two-line .title-line{display:block;width:100%}
html[dir="rtl"] .challenge-two-line{
  margin-inline-start:auto;
  margin-inline-end:0;
  max-width:900px;
  font-family:var(--ar-display,var(--ar-title));
  font-size:clamp(2.25rem,2.25vw,2.7rem);
  line-height:1.48;
  letter-spacing:0;
  text-align:right;
}
html[dir="rtl"] .challenge-two-line .title-line{text-align:right}
@media(min-width:1101px){.challenge-two-line .title-line{white-space:nowrap}}
@media(max-width:1100px){
  .integrated-expansion.inner-intro>.container>.inner-intro-grid,
  .integrated-partnerships.inner-intro>.container>.inner-intro-grid{padding-top:38px}
}
@media(max-width:680px){
  .challenge-two-line{font-size:clamp(2.2rem,9vw,2.8rem);line-height:1.1}
  html[dir="rtl"] .challenge-two-line{font-size:clamp(1.95rem,8vw,2.45rem);line-height:1.52}
}

/* ======================================================================
   FINAL CLIENT QA PASS — 24 JULY 2026 (ROUND 2)
   Locked Arabic copy. This pass changes presentation only in Arabic.
   English copy change: "Who This Serves" -> "Who We Support".
   ====================================================================== */

/* A. Main integrated chapter intros — use the full page width deliberately.
   Heading and supporting copy form one editorial spread rather than two
   disconnected blocks. The divider follows the approved Solutions pattern. */
.master-final .integrated-heading-split{
  width:100%;
  max-width:none;
  display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(330px,.7fr);
  column-gap:clamp(54px,6vw,88px);
  row-gap:22px;
  align-items:center;
  margin:0 0 clamp(68px,7vw,92px);
}
.master-final .integrated-heading-split>.eyebrow{grid-column:1/-1;margin-bottom:2px}
.master-final .integrated-heading-split>.integrated-title{
  grid-column:1;
  max-width:none;
  margin:0;
  font-size:clamp(3.45rem,4.35vw,4.75rem);
  line-height:1.02;
}
.master-final .integrated-heading-split>.section-lead{
  grid-column:2;
  max-width:none;
  margin:0;
  padding:10px 0 10px clamp(32px,3.4vw,48px);
  border-left:1px solid rgba(184,94,48,.46);
  text-align:left;
  line-height:1.88;
}
html[dir="rtl"] .master-final .integrated-heading-split>.eyebrow{justify-self:end}
html[dir="rtl"] .master-final .integrated-heading-split>.integrated-title{
  grid-column:1;
  max-width:none;
  margin:0;
  text-align:right;
  font-size:clamp(2.55rem,3.15vw,3.35rem);
  line-height:1.5;
}
html[dir="rtl"] .master-final .integrated-heading-split>.section-lead{
  grid-column:2;
  max-width:none;
  margin:0;
  padding:10px clamp(32px,3.4vw,48px) 10px 0;
  border-left:0;
  border-right:1px solid rgba(184,94,48,.46);
  text-align:right;
  line-height:2;
}

/* B. Approved vertical copper divider on the four requested editorial pairs. */
.master-final .editorial-split{
  grid-template-columns:minmax(0,1.32fr) minmax(330px,.68fr)!important;
  gap:clamp(48px,5.5vw,76px)!important;
  align-items:center!important;
}
.master-final .editorial-split>.section-lead{
  margin:0!important;
  max-width:none!important;
  padding:12px 0 12px clamp(32px,3.3vw,48px)!important;
  border-left:1px solid rgba(184,94,48,.46);
  text-align:left!important;
  align-self:stretch;
  display:flex;
  align-items:center;
}
.section-dark .editorial-split>.section-lead{border-left-color:rgba(221,154,110,.52)}
html[dir="rtl"] .master-final .editorial-split>.section-lead{
  padding:12px clamp(32px,3.3vw,48px) 12px 0!important;
  border-left:0!important;
  border-right:1px solid rgba(184,94,48,.46);
  text-align:right!important;
}
html[dir="rtl"] .section-dark .editorial-split>.section-lead{border-right-color:rgba(221,154,110,.52)}

/* C. Expansion audience — a true full-width section heading, followed by
   list + practical guidance. This prevents the next content grid from
   crowding the heading and strengthens page hierarchy. */
.master-final .expansion-audience .audience-heading{
  width:100%;
  max-width:1120px;
  margin:0 0 clamp(50px,6vw,72px);
  padding-bottom:clamp(34px,4vw,48px);
  border-bottom:1px solid rgba(16,35,59,.11);
}
.master-final .expansion-audience .audience-heading .commercial-two-line{
  max-width:1100px;
  font-size:clamp(3.45rem,4.4vw,4.8rem);
  line-height:1.02;
}
.master-final .expansion-audience .audience-grid{
  grid-template-columns:minmax(0,1.05fr) minmax(430px,.75fr);
  gap:clamp(52px,6vw,82px);
  align-items:start;
}
.master-final .expansion-audience .audience-list{margin-top:0}
.master-final .expansion-audience .practice-card{margin-top:0}
html[dir="rtl"] .master-final .expansion-audience .audience-heading{
  margin-inline-start:auto;
  margin-inline-end:0;
  text-align:right;
}
html[dir="rtl"] .master-final .expansion-audience .audience-heading .eyebrow{justify-content:flex-start}
html[dir="rtl"] .master-final .expansion-audience .audience-heading .commercial-two-line{
  max-width:1080px;
  font-size:clamp(2.55rem,3.25vw,3.45rem);
  line-height:1.5;
  margin-inline-start:auto;
  margin-inline-end:0;
}

/* D. Industry cards — same approved 2-column architecture, materially less
   empty height. The final Healthcare card remains centred. */
.master-final #industries .industry-layout{margin-top:46px}
.master-final #industries .industry-cards{gap:18px}
.master-final #industries .industry-card{
  min-height:184px;
  padding:25px 30px 26px;
  border-radius:20px!important;
}
.master-final #industries .industry-card svg{
  width:32px;
  height:32px;
  margin:0 0 28px;
}
.master-final #industries .industry-card strong{
  margin-top:auto;
  font-size:1.48rem;
  line-height:1.13;
}
.master-final #industries .industry-card .card-copy{
  margin-top:9px;
  font-size:.9rem;
  line-height:1.55;
}
.master-final #industries .industry-card:last-child{width:calc((100% - 18px)/2)}
html[dir="rtl"] .master-final #industries .industry-card strong{
  font-size:1.15rem;
  line-height:1.62;
}
html[dir="rtl"] .master-final #industries .industry-card .card-copy{
  font-size:.9rem;
  line-height:1.72;
}

/* E. Solutions context — use the available vertical space with a structured
   signal list rather than a loose cluster floating beside the statement. */
.master-final .solutions-context{padding-top:18px;padding-bottom:18px}
.master-final .solutions-signals{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:12px!important;
  margin-top:26px!important;
  padding-top:22px;
  border-top:1px solid rgba(16,35,59,.10);
}
.master-final .solutions-signals span{
  min-height:28px;
  display:flex;
  align-items:center;
  font-size:.72rem;
}

/* F. Partnership benefit presentation — remove the oversized 'box' feeling.
   Two editorial columns with strong headings and fine separators. */
.master-final .partnership-structure .benefit-grid{
  gap:clamp(52px,6vw,86px);
  margin-top:clamp(54px,6vw,72px);
}
.master-final .partnership-structure .benefit-grid article,
.master-final .section-dark .partnership-structure .benefit-grid article{
  padding:30px 0 0;
  border:0;
  border-top:1px solid rgba(221,154,110,.56);
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.master-final .partnership-structure .benefit-grid h3{
  margin:0 0 24px;
  font-family:var(--sans);
  font-size:1.34rem;
  font-weight:650;
  line-height:1.35;
  letter-spacing:.01em;
  color:var(--copper-2);
}
.master-final .partnership-structure .benefit-grid li{
  padding:16px 0;
  color:rgba(238,243,248,.78);
  font-size:.94rem;
  line-height:1.72;
}
html[dir="rtl"] .master-final .partnership-structure .benefit-grid h3{
  font-family:var(--ar-title);
  font-size:1.12rem;
  line-height:1.7;
}
html[dir="rtl"] .master-final .partnership-structure .benefit-grid li{line-height:1.95}

/* G. Arabic hero — true RTL composition on the right. Keep the approved image,
   move the darkness to the right side so the copy remains readable. */
html[dir="rtl"] .master-final .hero{background-position:44% center}
html[dir="rtl"] .master-final .hero::before{
  background:linear-gradient(270deg,rgba(3,17,32,.97) 0%,rgba(3,17,32,.84) 33%,rgba(3,17,32,.46) 58%,rgba(3,17,32,.12) 82%,rgba(3,17,32,.04) 100%);
}
html[dir="rtl"] .master-final .hero-content{
  margin-left:auto!important;
  margin-right:0!important;
  text-align:right;
  max-width:760px;
}
html[dir="rtl"] .master-final .hero-kicker{justify-content:flex-start}
html[dir="rtl"] .master-final .hero-copy{margin-left:0;margin-right:0;text-align:right!important;max-width:700px}
html[dir="rtl"] .master-final .hero-actions{justify-content:flex-start}

/* H. Direct enquiry intro — the redundant instructional paragraph was
   explicitly removed in both languages. Keep the remaining heading clean. */
.master-final .enquiry-head{
  display:block;
  max-width:760px;
  margin-bottom:34px;
}
.master-final .enquiry-head h3{max-width:720px}

@media(max-width:1120px){
  .master-final .integrated-heading-split{
    grid-template-columns:1fr;
    row-gap:24px;
    margin-bottom:56px;
  }
  .master-final .integrated-heading-split>.eyebrow,
  .master-final .integrated-heading-split>.integrated-title,
  .master-final .integrated-heading-split>.section-lead,
  html[dir="rtl"] .master-final .integrated-heading-split>.integrated-title,
  html[dir="rtl"] .master-final .integrated-heading-split>.section-lead{grid-column:1}
  .master-final .integrated-heading-split>.section-lead{
    padding:22px 0 0!important;
    border-left:0!important;
    border-right:0!important;
    border-top:1px solid rgba(184,94,48,.36);
  }
  .master-final .editorial-split,
  html[dir="rtl"] .master-final .editorial-split{grid-template-columns:1fr!important;gap:26px!important}
  .master-final .editorial-split>.section-lead,
  html[dir="rtl"] .master-final .editorial-split>.section-lead{
    padding:22px 0 0!important;
    border-left:0!important;
    border-right:0!important;
    border-top:1px solid rgba(184,94,48,.38);
  }
  .section-dark .editorial-split>.section-lead,
  html[dir="rtl"] .section-dark .editorial-split>.section-lead{border-top-color:rgba(221,154,110,.48)}
  .master-final .expansion-audience .audience-grid{grid-template-columns:1fr;gap:40px}
  .master-final #industries .industry-card:last-child{width:calc((100% - 18px)/2)}
}

@media(max-width:680px){
  .master-final .integrated-heading-split>.integrated-title{font-size:clamp(2.35rem,10vw,3rem)}
  html[dir="rtl"] .master-final .integrated-heading-split>.integrated-title{font-size:clamp(2.05rem,8.7vw,2.65rem);line-height:1.55}
  .master-final .expansion-audience .audience-heading{margin-bottom:38px;padding-bottom:28px}
  .master-final .expansion-audience .audience-heading .commercial-two-line{font-size:clamp(2.35rem,10vw,3rem);line-height:1.08}
  html[dir="rtl"] .master-final .expansion-audience .audience-heading .commercial-two-line{font-size:clamp(2rem,8.5vw,2.55rem);line-height:1.55}
  .master-final #industries .industry-card{min-height:150px;padding:22px 23px}
  .master-final #industries .industry-card svg{margin-bottom:22px}
  .master-final #industries .industry-card:last-child{width:100%}
  html[dir="rtl"] .master-final .hero{background-position:51% center}
  html[dir="rtl"] .master-final .hero-content{max-width:100%}
}

/* ======================================================================
   PHASE 1 — ENGLISH ONLY / STEP A: EDITORIAL PARAGRAPH JUSTIFICATION
   Arabic is locked. Every selector in this block is LTR-scoped.
   ====================================================================== */
@media (min-width:721px){
  html[dir="ltr"] .master-final .about-copy .prose,
  html[dir="ltr"] .master-final .section-lead.prose,
  html[dir="ltr"] .master-final .service-depth-head > p,
  html[dir="ltr"] .master-final .service-detail-grid p,
  html[dir="ltr"] .master-final .solution-panel p.card-copy,
  html[dir="ltr"] .master-final .integrated-heading-split > .section-lead,
  html[dir="ltr"] .master-final .editorial-split > .section-lead,
  html[dir="ltr"] .master-final .practice-card p,
  html[dir="ltr"] .master-final .international-note p,
  html[dir="ltr"] .master-final .inner-cta-grid p,
  html[dir="ltr"] .master-final .why-copy p,
  html[dir="ltr"] .master-final .experience-card-content p.card-copy,
  html[dir="ltr"] .master-final .execution-copy,
  html[dir="ltr"] .master-final .enquiry-head > p,
  html[dir="ltr"] .master-final .enquiry-note{
    text-align:justify!important;
    text-justify:inter-word;
    text-align-last:left;
    hyphens:auto;
    -webkit-hyphens:auto;
    word-spacing:normal;
  }
}
@media (max-width:720px){
  html[dir="ltr"] .master-final .about-copy .prose,
  html[dir="ltr"] .master-final .section-lead.prose,
  html[dir="ltr"] .master-final .service-depth-head > p,
  html[dir="ltr"] .master-final .service-detail-grid p,
  html[dir="ltr"] .master-final .solution-panel p.card-copy,
  html[dir="ltr"] .master-final .integrated-heading-split > .section-lead,
  html[dir="ltr"] .master-final .editorial-split > .section-lead,
  html[dir="ltr"] .master-final .practice-card p,
  html[dir="ltr"] .master-final .international-note p,
  html[dir="ltr"] .master-final .inner-cta-grid p,
  html[dir="ltr"] .master-final .why-copy p,
  html[dir="ltr"] .master-final .experience-card-content p.card-copy,
  html[dir="ltr"] .master-final .execution-copy,
  html[dir="ltr"] .master-final .enquiry-head > p,
  html[dir="ltr"] .master-final .enquiry-note{
    text-align:left!important;
    hyphens:none;
  }
}

/* ======================================================================
   PHASE 1 — ENGLISH ONLY / STEP B: FINAL GEOMETRY AFTER JUSTIFICATION
   Arabic remains locked. Every rule in this block is LTR-scoped.
   ====================================================================== */

/* 1. Who We Are — prevent wide-screen heading growth from entering copy. */
html[dir="ltr"] .master-final .about-grid{
  grid-template-columns:minmax(0,1.12fr) minmax(440px,.88fr);
  gap:clamp(58px,5.4vw,88px);
  align-items:start;
}
html[dir="ltr"] .master-final .display-about{
  width:100%;
  max-width:820px;
  font-size:clamp(3.25rem,3.65vw,4.55rem);
  line-height:1.035;
  letter-spacing:-.035em;
}
html[dir="ltr"] .master-final .display-about .title-line{
  display:block;
  width:100%;
  white-space:normal!important;
  overflow-wrap:normal;
}
html[dir="ltr"] .master-final .about-copy{
  min-width:0;
  padding-top:6px;
}

/* 2. Execution Scope — one deliberate editorial split with a copper axis. */
html[dir="ltr"] .master-final .service-depth-head{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(380px,.75fr);
  gap:clamp(52px,6vw,88px);
  align-items:center;
  margin-bottom:42px;
}
html[dir="ltr"] .master-final .service-depth-head>div{min-width:0}
html[dir="ltr"] .master-final .service-depth-head h3{
  max-width:760px;
  font-size:clamp(3rem,3.7vw,4.25rem);
  line-height:1.03;
}
html[dir="ltr"] .master-final .service-depth-head>p{
  align-self:stretch;
  display:flex;
  align-items:center;
  max-width:none;
  padding:10px 0 10px clamp(30px,3vw,46px);
  border-left:1px solid rgba(184,94,48,.46);
  line-height:1.85;
}

/* 3. Industry cards — compact horizontal composition, no dead vertical space. */
html[dir="ltr"] .master-final #industries .industry-cards{
  gap:18px;
}
html[dir="ltr"] .master-final #industries .industry-card{
  min-height:138px;
  padding:24px 30px;
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  grid-template-rows:auto auto;
  column-gap:20px;
  row-gap:7px;
  align-content:center;
  align-items:center;
  border-radius:20px!important;
}
html[dir="ltr"] .master-final #industries .industry-card svg{
  grid-column:1;
  grid-row:1 / 3;
  width:32px;
  height:32px;
  margin:0;
  align-self:center;
  justify-self:start;
}
html[dir="ltr"] .master-final #industries .industry-card strong{
  grid-column:2;
  grid-row:1;
  margin:0;
  align-self:end;
  font-size:clamp(1.32rem,1.45vw,1.65rem);
  line-height:1.12;
}
html[dir="ltr"] .master-final #industries .industry-card .card-copy{
  grid-column:2;
  grid-row:2;
  margin:0;
  align-self:start;
  font-size:.9rem;
  line-height:1.5;
}
html[dir="ltr"] .master-final #industries .industry-card:last-child{
  width:calc((100% - 18px)/2);
}

/* 4. Direct Inquiry — separate heading and explanatory copy after copy lock. */
html[dir="ltr"] .master-final .enquiry-head{
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(400px,.78fr);
  gap:clamp(52px,6vw,88px);
  align-items:center;
  max-width:none;
  margin-bottom:48px;
}
html[dir="ltr"] .master-final .enquiry-head>div{min-width:0}
html[dir="ltr"] .master-final .enquiry-head h3{
  max-width:760px;
  font-size:clamp(3.05rem,3.8vw,4.35rem);
  line-height:1.02;
}
html[dir="ltr"] .master-final .enquiry-head>p{
  align-self:stretch;
  display:flex;
  align-items:center;
  max-width:none;
  padding:10px 0 10px clamp(30px,3vw,46px);
  border-left:1px solid rgba(184,94,48,.46);
  line-height:1.86;
}

/* 5. Clean WhatsApp mark — line icon instead of a dense filled glyph. */
html[dir="ltr"] .master-final svg.wa-mark{
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.75!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
html[dir="ltr"] .master-final .contact-whatsapp .contact-icon svg.wa-mark{
  width:24px;
  height:24px;
}
html[dir="ltr"] .master-final .footer-mini-icon svg.wa-mark{
  width:16px;
  height:16px;
}
html[dir="ltr"] .master-final .btn-whatsapp svg.wa-mark{
  width:18px;
  height:18px;
}

@media (max-width:1120px){
  html[dir="ltr"] .master-final .about-grid{
    grid-template-columns:1fr;
    gap:42px;
  }
  html[dir="ltr"] .master-final .display-about{
    max-width:900px;
    font-size:clamp(3rem,6vw,4rem);
  }
  html[dir="ltr"] .master-final .service-depth-head,
  html[dir="ltr"] .master-final .enquiry-head{
    grid-template-columns:1fr;
    gap:24px;
  }
  html[dir="ltr"] .master-final .service-depth-head>p,
  html[dir="ltr"] .master-final .enquiry-head>p{
    display:block;
    padding:22px 0 0;
    border-left:0;
    border-top:1px solid rgba(184,94,48,.38);
  }
}
@media (max-width:760px){
  html[dir="ltr"] .master-final .display-about{
    font-size:clamp(2.55rem,8.5vw,3.45rem);
    line-height:1.06;
    letter-spacing:-.025em;
  }
  html[dir="ltr"] .master-final .service-depth-head h3,
  html[dir="ltr"] .master-final .enquiry-head h3{
    font-size:clamp(2.45rem,8.4vw,3.25rem);
  }
  html[dir="ltr"] .master-final #industries .industry-cards{
    grid-template-columns:1fr;
    gap:14px;
  }
  html[dir="ltr"] .master-final #industries .industry-card,
  html[dir="ltr"] .master-final #industries .industry-card:last-child{
    width:100%;
    min-height:124px;
    padding:22px 24px;
    grid-template-columns:42px minmax(0,1fr);
    column-gap:16px;
  }
  html[dir="ltr"] .master-final #industries .industry-card strong{
    font-size:1.35rem;
  }
}


/* ======================================================================
   PHASE 2 — ARABIC ONLY / STEP A: EDITORIAL PARAGRAPH JUSTIFICATION
   English is locked. Every selector in this block is RTL-scoped.
   ====================================================================== */
@media (min-width:721px){
  html[dir="rtl"] .master-final .about-copy .prose,
  html[dir="rtl"] .master-final .section-lead.prose,
  html[dir="rtl"] .master-final .service-depth-head > p,
  html[dir="rtl"] .master-final .service-detail-grid p,
  html[dir="rtl"] .master-final .solution-panel p.card-copy,
  html[dir="rtl"] .master-final .integrated-heading-split > .section-lead,
  html[dir="rtl"] .master-final .editorial-split > .section-lead,
  html[dir="rtl"] .master-final .practice-card p,
  html[dir="rtl"] .master-final .international-note p,
  html[dir="rtl"] .master-final .inner-cta-grid p,
  html[dir="rtl"] .master-final .why-copy p,
  html[dir="rtl"] .master-final .experience-card-content p.card-copy,
  html[dir="rtl"] .master-final .execution-copy,
  html[dir="rtl"] .master-final .enquiry-head > p,
  html[dir="rtl"] .master-final .enquiry-note{
    text-align:justify!important;
    text-justify:inter-word;
    text-align-last:right;
    hyphens:none;
    -webkit-hyphens:none;
    word-spacing:normal;
  }
}
@media (max-width:720px){
  html[dir="rtl"] .master-final .about-copy .prose,
  html[dir="rtl"] .master-final .section-lead.prose,
  html[dir="rtl"] .master-final .service-depth-head > p,
  html[dir="rtl"] .master-final .service-detail-grid p,
  html[dir="rtl"] .master-final .solution-panel p.card-copy,
  html[dir="rtl"] .master-final .integrated-heading-split > .section-lead,
  html[dir="rtl"] .master-final .editorial-split > .section-lead,
  html[dir="rtl"] .master-final .practice-card p,
  html[dir="rtl"] .master-final .international-note p,
  html[dir="rtl"] .master-final .inner-cta-grid p,
  html[dir="rtl"] .master-final .why-copy p,
  html[dir="rtl"] .master-final .experience-card-content p.card-copy,
  html[dir="rtl"] .master-final .execution-copy,
  html[dir="rtl"] .master-final .enquiry-head > p,
  html[dir="rtl"] .master-final .enquiry-note{
    text-align:right!important;
    text-align-last:auto;
  }
}

/* ======================================================================
   PHASE 2 — ARABIC ONLY / STEP B: FINAL RTL GEOMETRY AFTER JUSTIFICATION
   A fixed physical grid is used for editorial spreads so RTL direction can
   never reverse the intended right-heading / left-copy composition.
   ====================================================================== */
html[dir="rtl"] .master-final{
  --ar-editorial-gap:clamp(52px,5.6vw,84px);
  --ar-editorial-columns:minmax(390px,.82fr) minmax(0,1.18fr);
}

/* 1. Shared editorial axis: right = heading, left = supporting paragraph. */
@media (min-width:1121px){
  html[dir="rtl"] .master-final .integrated-heading-split,
  html[dir="rtl"] .master-final .editorial-split,
  html[dir="rtl"] .master-final .service-depth-head{
    direction:ltr;
    grid-template-columns:var(--ar-editorial-columns)!important;
    column-gap:var(--ar-editorial-gap)!important;
    align-items:center!important;
  }

  html[dir="rtl"] .master-final .integrated-heading-split>.eyebrow{
    grid-column:2!important;
    grid-row:1;
    width:100%;
    justify-self:stretch!important;
    justify-content:flex-start!important;
    direction:rtl;
    text-align:right;
    margin:0 0 2px!important;
  }
  html[dir="rtl"] .master-final .integrated-heading-split>.integrated-title{
    grid-column:2!important;
    grid-row:2;
    direction:rtl;
    width:100%;
    max-width:900px!important;
    margin:0!important;
    text-align:right!important;
    font-size:clamp(2.7rem,2.9vw,3.45rem)!important;
    line-height:1.43!important;
  }
  html[dir="rtl"] .master-final .integrated-heading-split>.section-lead{
    grid-column:1!important;
    grid-row:2;
    direction:rtl;
    align-self:center!important;
    display:block!important;
    width:100%;
    max-width:none!important;
    margin:0!important;
    padding:12px clamp(30px,3vw,44px) 12px 0!important;
    border-left:0!important;
    border-right:1px solid rgba(184,94,48,.46)!important;
    line-height:2.05!important;
    text-align:justify!important;
    text-align-last:right!important;
  }

  html[dir="rtl"] .master-final .editorial-split>div:first-child{
    grid-column:2!important;
    direction:rtl;
    min-width:0;
  }
  html[dir="rtl"] .master-final .editorial-split>.section-lead{
    grid-column:1!important;
    direction:rtl;
    align-self:center!important;
    display:block!important;
    width:100%;
    max-width:none!important;
    margin:0!important;
    padding:12px clamp(30px,3vw,44px) 12px 0!important;
    border-left:0!important;
    border-right:1px solid rgba(184,94,48,.46)!important;
    line-height:2.08!important;
    text-align:justify!important;
    text-align-last:right!important;
  }
  html[dir="rtl"] .master-final .section-dark .editorial-split>.section-lead{
    border-right-color:rgba(221,154,110,.52)!important;
  }

  /* Never force Arabic commercial lines to remain unbreakable at wide sizes. */
  html[dir="rtl"] .master-final .commercial-two-line .title-line,
  html[dir="rtl"] .master-final .commercial-lock-title .title-line,
  html[dir="rtl"] .master-final .integrated-title .title-line{
    white-space:normal!important;
    overflow-wrap:normal;
  }
  html[dir="rtl"] .master-final .commercial-two-line{
    width:100%;
    max-width:900px!important;
    margin:0!important;
    font-size:clamp(2.35rem,2.45vw,2.85rem)!important;
    line-height:1.5!important;
    text-align:right!important;
  }

  /* 2. Execution Scope mirrors the approved English treatment without
        touching English: one heading field + one copy field + copper axis. */
  html[dir="rtl"] .master-final .service-depth-head>div{
    grid-column:2;
    direction:rtl;
    min-width:0;
    text-align:right;
  }
  html[dir="rtl"] .master-final .service-depth-head h3{
    width:100%;
    max-width:780px;
    margin:0;
    font-size:clamp(2.7rem,3vw,3.5rem)!important;
    line-height:1.48!important;
    text-align:right;
  }
  html[dir="rtl"] .master-final .service-depth-head>p{
    grid-column:1;
    direction:rtl;
    align-self:center;
    display:block;
    width:100%;
    max-width:none;
    padding:12px clamp(30px,3vw,44px) 12px 0;
    border-right:1px solid rgba(184,94,48,.46);
    border-left:0;
    line-height:2.05;
    text-align:justify!important;
    text-align-last:right!important;
  }

  /* 3. Expansion audience heading: physically anchor the entire heading
        block to the right instead of relying on logical auto margins. */
  html[dir="rtl"] .master-final .expansion-audience .audience-heading{
    width:min(100%,1160px);
    max-width:1160px;
    margin-right:0!important;
    margin-left:auto!important;
    text-align:right!important;
  }
  html[dir="rtl"] .master-final .expansion-audience .audience-heading .eyebrow{
    width:100%;
    justify-content:flex-start!important;
    text-align:right;
  }
  html[dir="rtl"] .master-final .expansion-audience .audience-heading .commercial-two-line{
    width:100%;
    max-width:1100px!important;
    margin-right:0!important;
    margin-left:auto!important;
    font-size:clamp(2.65rem,3vw,3.35rem)!important;
    line-height:1.48!important;
    text-align:right!important;
  }

  /* 4. Industry cards: same compact relationship used by locked English,
        mirrored explicitly with the icon on the right. */
  html[dir="rtl"] .master-final #industries .industry-cards{
    gap:18px;
  }
  html[dir="rtl"] .master-final #industries .industry-card{
    direction:ltr;
    min-height:138px!important;
    padding:24px 30px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 48px!important;
    grid-template-rows:auto auto!important;
    column-gap:20px!important;
    row-gap:7px!important;
    align-content:center!important;
    align-items:center!important;
    border-radius:20px!important;
  }
  html[dir="rtl"] .master-final #industries .industry-card svg{
    grid-column:2!important;
    grid-row:1 / 3!important;
    width:32px!important;
    height:32px!important;
    margin:0!important;
    align-self:center!important;
    justify-self:end!important;
  }
  html[dir="rtl"] .master-final #industries .industry-card strong{
    grid-column:1!important;
    grid-row:1!important;
    direction:rtl;
    text-align:right;
    margin:0!important;
    align-self:end!important;
    font-size:1.15rem!important;
    line-height:1.55!important;
  }
  html[dir="rtl"] .master-final #industries .industry-card .card-copy{
    grid-column:1!important;
    grid-row:2!important;
    direction:rtl;
    text-align:right;
    margin:0!important;
    align-self:start!important;
    font-size:.9rem!important;
    line-height:1.65!important;
  }
  html[dir="rtl"] .master-final #industries .industry-card:last-child{
    grid-column:1 / -1!important;
    width:calc((100% - 18px)/2)!important;
    justify-self:center!important;
  }
}

/* 5. Arabic footer mixed-direction email label: keep the Arabic label on
      the right and isolate the Latin address instead of forcing both LTR. */
html[dir="rtl"] .master-final .footer-mixed-link{
  direction:rtl;
  display:flex!important;
  flex-wrap:wrap;
  align-items:baseline;
  justify-content:flex-start;
  gap:.35em;
  text-align:right;
}
html[dir="rtl"] .master-final .footer-mixed-link .footer-ar-label{
  direction:rtl;
  unicode-bidi:isolate;
  white-space:nowrap;
}
html[dir="rtl"] .master-final .footer-mixed-link .ltr-data{
  direction:ltr;
  unicode-bidi:isolate;
  display:inline-block!important;
  text-align:left!important;
  overflow-wrap:anywhere;
}

/* 6. Medium and small screens return to one natural RTL column. */
@media (max-width:1120px){
  html[dir="rtl"] .master-final .integrated-heading-split,
  html[dir="rtl"] .master-final .editorial-split,
  html[dir="rtl"] .master-final .service-depth-head{
    direction:rtl;
    grid-template-columns:1fr!important;
    gap:24px!important;
  }
  html[dir="rtl"] .master-final .integrated-heading-split>.eyebrow,
  html[dir="rtl"] .master-final .integrated-heading-split>.integrated-title,
  html[dir="rtl"] .master-final .integrated-heading-split>.section-lead,
  html[dir="rtl"] .master-final .editorial-split>div:first-child,
  html[dir="rtl"] .master-final .editorial-split>.section-lead,
  html[dir="rtl"] .master-final .service-depth-head>div,
  html[dir="rtl"] .master-final .service-depth-head>p{
    grid-column:1!important;
    grid-row:auto!important;
    direction:rtl;
  }
  html[dir="rtl"] .master-final .integrated-heading-split>.section-lead,
  html[dir="rtl"] .master-final .editorial-split>.section-lead,
  html[dir="rtl"] .master-final .service-depth-head>p{
    padding:22px 0 0!important;
    border-right:0!important;
    border-left:0!important;
    border-top:1px solid rgba(184,94,48,.38)!important;
  }
  html[dir="rtl"] .master-final .section-dark .editorial-split>.section-lead{
    border-top-color:rgba(221,154,110,.48)!important;
  }
  html[dir="rtl"] .master-final .integrated-heading-split>.eyebrow{
    justify-self:stretch!important;
    justify-content:flex-start!important;
  }
}

@media (max-width:760px){
  html[dir="rtl"] .master-final .integrated-heading-split>.integrated-title,
  html[dir="rtl"] .master-final .commercial-two-line,
  html[dir="rtl"] .master-final .expansion-audience .audience-heading .commercial-two-line{
    font-size:clamp(2rem,8.4vw,2.65rem)!important;
    line-height:1.55!important;
  }
  html[dir="rtl"] .master-final .service-depth-head h3{
    font-size:clamp(2.2rem,8.5vw,2.9rem)!important;
    line-height:1.55!important;
  }
  html[dir="rtl"] .master-final #industries .industry-cards{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  html[dir="rtl"] .master-final #industries .industry-card,
  html[dir="rtl"] .master-final #industries .industry-card:last-child{
    grid-column:auto!important;
    width:100%!important;
    min-height:124px!important;
    padding:22px 24px!important;
    grid-template-columns:minmax(0,1fr) 42px!important;
    column-gap:16px!important;
  }
}

/* ======================================================================
   PHASE 2 — ARABIC ONLY / REVISION 2: LOCKED EDITORIAL AXIS
   English Phase 1 is locked. Every selector below is RTL-scoped.
   Purpose: remove the lingering max-width mismatch between top and lower
   editorial spreads, then place all supporting-copy dividers on one
   deliberate physical axis without forcing long Arabic headings inward.
   ====================================================================== */
@media (min-width:1121px){
  html[dir="rtl"] .master-final{
    --ar-copy-col:clamp(390px,32vw,460px);
    --ar-editorial-gap:clamp(64px,5vw,82px);
    --ar-editorial-columns:var(--ar-copy-col) minmax(0,1fr);
  }

  /* The top commercial headings previously retained an old 1040px cap.
     Make them use the same full container as the lower editorial pair. */
  html[dir="rtl"] .master-final .integrated-section-heading.integrated-heading-split,
  html[dir="rtl"] .master-final .integrated-heading-split{
    width:100%!important;
    max-width:none!important;
    margin-inline:0!important;
    grid-template-columns:var(--ar-editorial-columns)!important;
    column-gap:var(--ar-editorial-gap)!important;
  }

  /* One physical left-copy / right-heading geometry for every marked spread. */
  html[dir="rtl"] .master-final .editorial-split,
  html[dir="rtl"] .master-final .service-depth-head{
    width:100%!important;
    max-width:none!important;
    grid-template-columns:var(--ar-editorial-columns)!important;
    column-gap:var(--ar-editorial-gap)!important;
    align-items:center!important;
  }

  /* Supporting paragraphs occupy exactly the shared copy column, so every
     copper divider lands on the same physical x-axis. */
  html[dir="rtl"] .master-final .integrated-heading-split>.section-lead,
  html[dir="rtl"] .master-final .editorial-split>.section-lead,
  html[dir="rtl"] .master-final .service-depth-head>p{
    grid-column:1!important;
    width:100%!important;
    max-width:none!important;
    justify-self:stretch!important;
    align-self:center!important;
    margin:0!important;
    padding:12px clamp(26px,2.4vw,34px) 12px 0!important;
    border-left:0!important;
    border-right:1px solid rgba(184,94,48,.48)!important;
    text-align:justify!important;
    text-align-last:right!important;
  }
  html[dir="rtl"] .master-final .section-dark .editorial-split>.section-lead{
    border-right-color:rgba(221,154,110,.54)!important;
  }

  /* Right-side heading fields get the remaining width. This is the approved
     option for the two-level Partnership / Market Entry compositions. */
  html[dir="rtl"] .master-final .integrated-heading-split>.eyebrow,
  html[dir="rtl"] .master-final .integrated-heading-split>.integrated-title,
  html[dir="rtl"] .master-final .editorial-split>div:first-child,
  html[dir="rtl"] .master-final .service-depth-head>div{
    grid-column:2!important;
    width:100%!important;
    max-width:none!important;
    justify-self:stretch!important;
    margin-inline:0!important;
    direction:rtl;
    text-align:right!important;
  }

  html[dir="rtl"] .master-final .integrated-heading-split>.eyebrow{
    grid-row:1!important;
    justify-content:flex-start!important;
  }
  html[dir="rtl"] .master-final .integrated-heading-split>.integrated-title{
    grid-row:2!important;
    max-width:720px!important;
    margin-right:0!important;
    margin-left:auto!important;
  }
  html[dir="rtl"] .master-final .editorial-split .commercial-two-line,
  html[dir="rtl"] .master-final .editorial-split .challenge-two-line,
  html[dir="rtl"] .master-final .service-depth-head h3{
    width:100%!important;
    max-width:720px!important;
    margin-right:0!important;
    margin-left:auto!important;
    text-align:right!important;
  }

  /* Keep the upper and lower commercial pairs visually registered. */
  html[dir="rtl"] .master-final #partnerships .integrated-heading-split,
  html[dir="rtl"] .master-final #partnerships .editorial-split,
  html[dir="rtl"] .master-final #international-expansion .integrated-heading-split,
  html[dir="rtl"] .master-final #international-expansion .editorial-split{
    grid-template-columns:var(--ar-editorial-columns)!important;
    column-gap:var(--ar-editorial-gap)!important;
  }

  /* Execution Scope uses the same copy/divider axis while allowing the
     longer Arabic question to use the full heading field naturally. */
  html[dir="rtl"] .master-final .service-depth-head h3{
    font-size:clamp(2.55rem,2.75vw,3.2rem)!important;
    line-height:1.5!important;
  }
}

/* Arabic WhatsApp mark: use the same clean line treatment already approved
   in locked English, but scoped strictly to RTL so English files/rules stay frozen. */
html[dir="rtl"] .master-final svg.wa-mark{
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.75!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
html[dir="rtl"] .master-final .contact-whatsapp .contact-icon svg.wa-mark{
  width:24px!important;
  height:24px!important;
}
html[dir="rtl"] .master-final .footer-mini-icon svg.wa-mark{
  width:16px!important;
  height:16px!important;
}
html[dir="rtl"] .master-final .btn-whatsapp svg.wa-mark{
  width:18px!important;
  height:18px!important;
}

/* Arabic-only vertical registration: force each lower editorial pair into
   the same grid row so the left copy/divider sits directly beside its
   corresponding right-side heading instead of dropping lower in the section. */
@media (min-width:1121px){
  html[dir="rtl"] .master-final .editorial-split>div:first-child,
  html[dir="rtl"] .master-final .editorial-split>.section-lead,
  html[dir="rtl"] .master-final .service-depth-head>div,
  html[dir="rtl"] .master-final .service-depth-head>p{
    grid-row:1!important;
    align-self:center!important;
  }
}


/* ======================================================================
   FINAL TECHNICAL QA PATCH — tablet-only responsive continuity
   Scope: 901px–1120px only. No desktop/phone geometry changes.
   ====================================================================== */
@media (min-width:901px) and (max-width:1120px){
  /* Keep navigation available throughout the range where the compact
     desktop navigation is intentionally hidden. */
  .menu-btn{display:block}
  .mobile-menu{display:block}

  /* Restore the intended one-column capabilities heading layout at tablet
     widths; the later high-specificity desktop rule previously overrode it. */
  .master-final .capabilities-no-network .cap-heading-grid{
    grid-template-columns:1fr;
    gap:34px;
  }
  .master-final .capabilities-no-network .cap-list{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}


/* ======================================================================
   FINAL DEPLOYMENT HARDENING — DEVICE SAFE AREA ONLY
   No copy or approved LTR/RTL composition changes. Every adjustment below
   evaluates to the existing geometry when safe-area inset values are zero.
   ====================================================================== */
@supports (padding-top: env(safe-area-inset-top)){
  html{
    scroll-padding-top:calc(92px + env(safe-area-inset-top));
  }

  /* Keep the approved container width/centering intact and add only the
     physical display-cutout inset inside it when the device reports one. */
  .container{
    padding-left:env(safe-area-inset-left);
    padding-right:env(safe-area-inset-right);
  }

  /* Preserve the approved header content height; the extra height/padding
     exists only above/alongside it when a device reports a cutout inset. */
  .site-header{
    height:calc(88px + env(safe-area-inset-top));
    padding-top:env(safe-area-inset-top);
  }
  .site-header.scrolled{
    height:calc(76px + env(safe-area-inset-top));
  }

  .route-rail{
    inset:calc(88px + env(safe-area-inset-top)) 0 auto;
  }
  .site-header.scrolled ~ .route-rail{
    inset:calc(76px + env(safe-area-inset-top)) 0 auto;
  }

  .mobile-menu{
    inset:calc(76px + env(safe-area-inset-top)) 0 0;
    padding-left:calc(24px + env(safe-area-inset-left));
    padding-right:calc(24px + env(safe-area-inset-right));
    padding-bottom:calc(36px + env(safe-area-inset-bottom));
  }

  @media (max-width:900px){
    .site-header{
      height:calc(76px + env(safe-area-inset-top));
    }
    .site-header.scrolled{
      height:calc(72px + env(safe-area-inset-top));
    }
    .route-rail{
      inset:calc(76px + env(safe-area-inset-top)) 0 auto;
    }
    .site-header.scrolled ~ .route-rail{
      inset:calc(72px + env(safe-area-inset-top)) 0 auto;
    }
  }
}

/* ======================================================================
   PHASE M1 — ARABIC MOBILE TEXT / GRID REPAIR
   Scope: RTL only, 900px and below. English and Arabic desktop stay locked.
   This layer intentionally does not touch safe-area/header rules.
   ====================================================================== */
@media (max-width:900px){
  /* Collapse the editorial desktop pairs into one explicit RTL mobile column.
     High-specificity resets prevent any desktop grid placement or offsets from
     surviving into narrow layouts on mobile Safari. */
  html[dir="rtl"] .master-final .integrated-heading-split,
  html[dir="rtl"] .master-final .editorial-split,
  html[dir="rtl"] .master-final .service-depth-head{
    direction:rtl!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-auto-flow:row!important;
    column-gap:0!important;
  }

  html[dir="rtl"] .master-final .integrated-heading-split>.eyebrow,
  html[dir="rtl"] .master-final .integrated-heading-split>.integrated-title,
  html[dir="rtl"] .master-final .editorial-split>div:first-child,
  html[dir="rtl"] .master-final .service-depth-head>div{
    grid-column:1!important;
    grid-row:auto!important;
    min-width:0!important;
    justify-self:stretch!important;
    direction:rtl!important;
  }

  html[dir="rtl"] .master-final .integrated-heading-split>.section-lead,
  html[dir="rtl"] .master-final .editorial-split>.section-lead,
  html[dir="rtl"] .master-final .service-depth-head>p{
    grid-column:1!important;
    grid-row:auto!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    margin-inline:0!important;
    justify-self:stretch!important;
    align-self:auto!important;
    display:block!important;
    direction:rtl!important;
  }

  /* Arabic mobile body copy must flow naturally from the right. Do not use
     desktop justification at any phone/tablet width covered by Phase M1. */
  html[dir="rtl"] .master-final .about-copy .prose,
  html[dir="rtl"] .master-final .section-lead.prose,
  html[dir="rtl"] .master-final .service-depth-head>p,
  html[dir="rtl"] .master-final .service-detail-grid p,
  html[dir="rtl"] .master-final .solution-panel p.card-copy,
  html[dir="rtl"] .master-final .integrated-heading-split>.section-lead,
  html[dir="rtl"] .master-final .editorial-split>.section-lead,
  html[dir="rtl"] .master-final .practice-card p,
  html[dir="rtl"] .master-final .international-note p,
  html[dir="rtl"] .master-final .inner-cta-grid p,
  html[dir="rtl"] .master-final .why-copy p,
  html[dir="rtl"] .master-final .experience-card-content p.card-copy,
  html[dir="rtl"] .master-final .execution-copy,
  html[dir="rtl"] .master-final .enquiry-head>p,
  html[dir="rtl"] .master-final .enquiry-note{
    direction:rtl!important;
    text-align:right!important;
    text-align-last:auto!important;
    text-justify:auto!important;
    word-spacing:normal!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
    -webkit-hyphens:none!important;
  }

  /* Keep the approved BDI markup intact while isolating Latin NTCC tokens so
     Safari cannot split/reorder them as a detached RTL fragment. */
  html[dir="rtl"] .master-final p bdi[dir="ltr"],
  html[dir="rtl"] .master-final .section-lead bdi[dir="ltr"]{
    direction:ltr!important;
    unicode-bidi:isolate!important;
    display:inline-block;
    white-space:nowrap;
  }
}

/* ======================================================================
   PHASE M2 — iPHONE SAFARI HEADER / SAFE-AREA REPAIR
   Scope: browser-mode mobile header only. Phase M1 RTL rules stay untouched.
   Regular iPhone Safari already reserves its browser/status-bar region; the
   previous top safe-area addition therefore created a second blank band above
   the approved mobile header. Standalone/PWA mode retains the original safe-
   area compensation. No copy, logo, section, desktop or tablet composition is
   changed by this layer.
   ====================================================================== */
@supports (padding-top: env(safe-area-inset-top)){
  @media (max-width:900px) and (display-mode:browser){
    html{
      scroll-padding-top:92px;
    }
    .site-header{
      height:76px;
      padding-top:0;
    }
    .site-header.scrolled{
      height:72px;
    }
    .route-rail{
      inset:76px 0 auto;
    }
    .site-header.scrolled ~ .route-rail{
      inset:72px 0 auto;
    }
    .mobile-menu{
      inset:76px 0 0;
    }
  }
}

/* Keep the closed responsive menu out of Safari's compositor. This prevents
   off-canvas navigation text from flashing/ghosting into the top browser area
   while preserving the existing slide transition when the menu is opened. */
@media (max-width:1120px){
  .mobile-menu{
    visibility:hidden;
    pointer-events:none;
    transition:transform .35s ease,visibility 0s linear .35s;
  }
  .mobile-menu.open{
    visibility:visible;
    pointer-events:auto;
    transition-delay:0s;
  }
}

/* ======================================================================
   PHASE M2.2 — iPHONE SAFARI SAFE-AREA HEADER GEOMETRY CONTAINMENT
   Scope: regular Safari browser mode, <=900px only.
   M2.1's out-of-box pseudo-element backdrop is intentionally removed.
   Instead, the fixed header itself extends upward by exactly the reported
   top safe-area inset while its lower edge remains at the approved 76px /
   72px positions. Because the project uses border-box sizing, equal top
   padding preserves the original logo/hamburger content box and prevents
   document content from compositing above the header during Safari scroll.
   Route rail and mobile menu positions remain unchanged.
   ====================================================================== */
@supports (padding-top: env(safe-area-inset-top)){
  @media (max-width:900px) and (display-mode:browser){
    .site-header{
      top:calc(-1 * env(safe-area-inset-top));
      height:calc(76px + env(safe-area-inset-top));
      padding-top:env(safe-area-inset-top);
    }
    .site-header.scrolled{
      height:calc(72px + env(safe-area-inset-top));
    }
  }
}

/* ======================================================================
   PHASE M2.3 — iPHONE SAFARI SCROLLED-HEADER PAINT CONTAINMENT
   Scope: regular mobile browser mode, <=900px only.
   M2.2 safe-area geometry remains locked and unchanged. The remaining
   Safari-only ghosting occurred because the final scrolled header surface
   was intentionally translucent (94%) and backdrop-filtered, allowing page
   content beneath it to remain perceptible in Safari's top browser/status
   region. Preserve the exact approved cream RGB (#fffbf4) but make the
   scrolled header fully opaque and remove backdrop compositing. No layout,
   safe-area, typography, copy, grid, logo, route-rail or menu geometry changes.
   ====================================================================== */
@media (max-width:900px) and (display-mode:browser){
  .site-header.scrolled{
    background:#fffbf4;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
  }
}

/* ======================================================================
   PHASE M2.4 — iPHONE SAFARI FIXED-GRAIN LAYER DIAGNOSTIC
   Scope: regular mobile browser mode, <=900px only.
   This is a controlled Safari containment diagnostic built directly on M2.3.
   M2.2 header/safe-area geometry and M2.3 opaque scrolled-header paint remain
   untouched. The only behavioural change is to remove the full-viewport fixed
   body::after grain overlay from the mobile browser compositor. That overlay
   normally sits above the header at z-index:2000 and uses mix-blend-mode. This
   test determines whether it interferes with Safari's top browser/status-bar
   fixed-colour extension. No copy, typography, heading, grid, card, logo,
   header, route-rail, menu geometry, JavaScript or desktop/tablet rules change.
   ====================================================================== */
@media (max-width:900px) and (display-mode:browser){
  body::after{
    display:none;
  }
}

/* ======================================================================
   PHASE M3.1 — ENGLISH MOBILE FULL PRESENTATION PASS
   Base: locked M2.4 Clean Master.
   Scope: English (LTR) phones <=620px only.
   Locked: Arabic, header, safe-area, menu, route rail, M2.4 Safari fix,
   desktop/tablet geometry, wording, images, section order and JavaScript.
   ====================================================================== */
@media (max-width:620px){

  /* ------------------------------------------------------------------
     A. PHONE READING RHYTHM
     Literal full justification was intentionally NOT forced on phones:
     at this width it produces visible word-spacing rivers. Instead the
     approved English copy keeps natural LTR alignment with tighter,
     more editorial line rhythm and improved wrapping.
     ------------------------------------------------------------------ */
  html[dir="ltr"] .master-final .about-copy .prose,
  html[dir="ltr"] .master-final .framework .section-lead.prose,
  html[dir="ltr"] .master-final .cap-intro .section-lead.prose,
  html[dir="ltr"] .master-final .service-depth-head > p,
  html[dir="ltr"] .master-final .service-detail-grid p,
  html[dir="ltr"] .master-final .gateway-content .section-lead.prose,
  html[dir="ltr"] .master-final .solutions-context .section-lead.prose,
  html[dir="ltr"] .master-final .integrated-heading-split > .section-lead,
  html[dir="ltr"] .master-final .editorial-split > .section-lead,
  html[dir="ltr"] .master-final .journey .section-lead,
  html[dir="ltr"] .master-final .practice-card > p,
  html[dir="ltr"] .master-final .international-note p,
  html[dir="ltr"] .master-final .inner-cta-grid p,
  html[dir="ltr"] .master-final #industries .section-lead.prose,
  html[dir="ltr"] .master-final .partnership-structure .section-lead,
  html[dir="ltr"] .master-final .why-copy > p,
  html[dir="ltr"] .master-final .enquiry-head > p,
  html[dir="ltr"] .master-final .enquiry-note{
    text-align:left!important;
    text-align-last:auto!important;
    hyphens:none!important;
    -webkit-hyphens:none!important;
    word-spacing:normal!important;
    overflow-wrap:normal;
    text-wrap:pretty;
  }

  html[dir="ltr"] .master-final .about-copy .prose{
    line-height:1.72!important;
  }

  html[dir="ltr"] .master-final .framework .section-lead.prose,
  html[dir="ltr"] .master-final .cap-intro .section-lead.prose,
  html[dir="ltr"] .master-final .gateway-content .section-lead.prose,
  html[dir="ltr"] .master-final .solutions-context .section-lead.prose,
  html[dir="ltr"] .master-final .integrated-heading-split > .section-lead,
  html[dir="ltr"] .master-final .editorial-split > .section-lead,
  html[dir="ltr"] .master-final .journey .section-lead,
  html[dir="ltr"] .master-final #industries .section-lead.prose,
  html[dir="ltr"] .master-final .partnership-structure .section-lead{
    line-height:1.76!important;
  }

  html[dir="ltr"] .master-final .practice-card > p,
  html[dir="ltr"] .master-final .international-note p,
  html[dir="ltr"] .master-final .inner-cta-grid p,
  html[dir="ltr"] .master-final .why-copy > p,
  html[dir="ltr"] .master-final .enquiry-head > p,
  html[dir="ltr"] .master-final .enquiry-note{
    line-height:1.78!important;
  }

  /* ------------------------------------------------------------------
     B. HEADING COMPOSITION
     Normal target: maximum two rows.
     Controlled three-row exceptions remain only for genuinely long
     statements where forcing two rows would make the type too small.
     ------------------------------------------------------------------ */
  html[dir="ltr"] .master-final .display-about{
    font-size:clamp(2.05rem,8.5vw,2.3rem);
    line-height:1.06;
    letter-spacing:-.025em;
    text-wrap:balance;
  }

  html[dir="ltr"] .master-final .display-capabilities{
    font-size:clamp(1.82rem,7.6vw,2.1rem);
    line-height:1.07;
    text-wrap:balance;
  }
  html[dir="ltr"] .master-final .display-capabilities .title-line{
    white-space:nowrap;
  }

  html[dir="ltr"] .master-final .display-gateway{
    font-size:clamp(1.65rem,6.9vw,1.95rem);
    line-height:1.08;
    text-wrap:balance;
  }
  html[dir="ltr"] .master-final .display-gateway .title-line{
    white-space:nowrap;
  }

  html[dir="ltr"] .master-final .display-solutions{
    font-size:clamp(1.9rem,7.8vw,2.2rem);
    line-height:1.08;
    text-wrap:balance;
  }

  html[dir="ltr"] .master-final .integrated-section-heading .integrated-title{
    font-size:clamp(1.78rem,7.4vw,2.08rem);
    line-height:1.08;
    text-wrap:balance;
  }
  html[dir="ltr"] .master-final .integrated-section-heading .integrated-title .title-line{
    white-space:nowrap;
  }

  html[dir="ltr"] .master-final .challenge-two-line{
    font-size:clamp(1.78rem,7.2vw,2rem);
    line-height:1.1;
    text-wrap:balance;
  }

  html[dir="ltr"] .master-final .journey .commercial-two-line{
    font-size:clamp(1.55rem,6.3vw,1.72rem);
    line-height:1.1;
  }
  html[dir="ltr"] .master-final .journey .commercial-two-line .title-line{
    white-space:nowrap;
  }

  html[dir="ltr"] .master-final .expansion-audience .audience-heading .commercial-two-line{
    font-size:clamp(1.78rem,7.2vw,2rem);
    line-height:1.1;
    text-wrap:balance;
  }

  html[dir="ltr"] .master-final .integrated-partnerships .commercial-two-line{
    font-size:clamp(1.82rem,7.5vw,2.08rem);
    line-height:1.09;
  }
  html[dir="ltr"] .master-final .integrated-partnerships .commercial-two-line .title-line{
    white-space:nowrap;
  }

  html[dir="ltr"] .master-final .partnership-structure .commercial-two-line{
    font-size:clamp(1.95rem,8vw,2.2rem);
    line-height:1.08;
  }
  html[dir="ltr"] .master-final .partnership-structure .commercial-two-line .title-line{
    white-space:nowrap;
  }

  html[dir="ltr"] .master-final .display-why{
    font-size:clamp(1.5rem,6.7vw,1.75rem);
    line-height:1.12;
    text-wrap:balance;
  }
  html[dir="ltr"] .master-final .display-why .title-line{
    white-space:nowrap;
  }

  html[dir="ltr"] .master-final .display-experience{
    font-size:clamp(1.85rem,7.7vw,2.12rem);
    line-height:1.08;
    text-wrap:balance;
  }

  html[dir="ltr"] .master-final .display-execution{
    font-size:clamp(2.05rem,8.8vw,2.35rem);
    line-height:1.08;
  }
  html[dir="ltr"] .master-final .display-execution .title-line{
    white-space:nowrap;
  }

  html[dir="ltr"] .master-final .display-profile{
    font-size:clamp(1.72rem,7.2vw,2.02rem);
    line-height:1.1;
  }
  html[dir="ltr"] .master-final .display-profile .title-line{
    white-space:nowrap;
  }

  html[dir="ltr"] .master-final .display-contact{
    font-size:clamp(1.8rem,7.4vw,2.1rem);
    line-height:1.08;
    text-wrap:balance;
  }

  html[dir="ltr"] .master-final #industries .section-title{
    font-size:clamp(2rem,8.3vw,2.3rem);
    line-height:1.08;
    text-wrap:balance;
  }

  html[dir="ltr"] .master-final .inner-cta h2{
    font-size:clamp(2rem,8.2vw,2.3rem);
    line-height:1.08;
    text-wrap:balance;
  }

  html[dir="ltr"] .master-final .service-depth-head h3,
  html[dir="ltr"] .master-final .enquiry-head h3{
    font-size:clamp(1.85rem,7.6vw,2.1rem);
    line-height:1.1;
    text-wrap:balance;
  }

  /* ------------------------------------------------------------------
     C. CARD DENSITY
     Remove only the confirmed dead mobile height in the four
     "What NTCC Represents" cards.
     ------------------------------------------------------------------ */
  html[dir="ltr"] .master-final .represent-card{
    min-height:0;
    padding:22px 20px;
  }
  html[dir="ltr"] .master-final .represent-card strong{
    margin-bottom:9px;
  }

  /* ------------------------------------------------------------------
     D. IMAGE-TEXT READABILITY
     Preserve the same images and brand colours; only strengthen the
     lower mobile gradient where text competes with bright photography.
     ------------------------------------------------------------------ */
  html[dir="ltr"] .master-final .solution-stage::after{
    background:linear-gradient(
      0deg,
      rgba(4,18,33,.99) 0%,
      rgba(4,18,33,.92) 36%,
      rgba(4,18,33,.58) 60%,
      rgba(4,18,33,.16) 82%,
      rgba(4,18,33,.06) 100%
    );
  }

  html[dir="ltr"] .master-final .solution-panel h3{
    font-size:clamp(1.75rem,7.1vw,2rem);
    line-height:1.08;
    text-wrap:balance;
  }

  html[dir="ltr"] .master-final .experience-card::after{
    background:linear-gradient(
      0deg,
      rgba(4,18,33,1) 0%,
      rgba(4,18,33,.94) 42%,
      rgba(4,18,33,.64) 66%,
      rgba(4,18,33,.18) 88%
    );
  }

  html[dir="ltr"] .master-final .experience-card h3{
    font-size:clamp(1.85rem,7.5vw,2.08rem);
    line-height:1.08;
    text-wrap:balance;
  }
}

/* ======================================================================
   PHASE M3.2 — ENGLISH MOBILE PARAGRAPH JUSTIFICATION
   Base: approved M3.1 English Mobile Full Presentation.
   Scope: English (LTR) phones <=620px only.
   Purpose: restore an editorial justified treatment to substantive
   English paragraphs while preserving short card/UI copy as natural LTR.
   Locked: all M3.1 headings, Arabic, header, safe-area, menu, route rail,
   M2.4 Safari fix, desktop/tablet geometry, wording, images and JavaScript.
   ====================================================================== */
@media (max-width:620px){

  /* Long-form/editorial copy only. Short card copy, labels, bullets,
     journey steps, hero copy, buttons, forms and footer remain untouched. */
  html[dir="ltr"] .master-final .about-copy .prose,
  html[dir="ltr"] .master-final .framework .section-lead.prose,
  html[dir="ltr"] .master-final .cap-intro .section-lead.prose,
  html[dir="ltr"] .master-final .service-depth-head > p,
  html[dir="ltr"] .master-final .service-detail-grid p,
  html[dir="ltr"] .master-final .gateway-content .section-lead.prose,
  html[dir="ltr"] .master-final .solutions-context .section-lead.prose,
  html[dir="ltr"] .master-final .solution-panel .card-copy,
  html[dir="ltr"] .master-final .integrated-heading-split > .section-lead,
  html[dir="ltr"] .master-final .editorial-split > .section-lead,
  html[dir="ltr"] .master-final .practice-card > p,
  html[dir="ltr"] .master-final .international-note p,
  html[dir="ltr"] .master-final .inner-cta-grid p,
  html[dir="ltr"] .master-final #industries .section-lead.prose,
  html[dir="ltr"] .master-final .partnership-structure .section-lead,
  html[dir="ltr"] .master-final .why-copy > p,
  html[dir="ltr"] .master-final .experience-card-content .card-copy,
  html[dir="ltr"] .master-final .enquiry-head > p,
  html[dir="ltr"] .master-final .enquiry-note{
    text-align:justify!important;
    text-align-last:left!important;
    text-justify:inter-word;
    -webkit-hyphens:auto!important;
    hyphens:auto!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    word-spacing:normal!important;
    text-wrap:wrap!important;
  }
}

/* ======================================================================
   PHASE M3.3 — ARABIC MOBILE PRESENTATION
   Base: approved M3.2 English Mobile Paragraph Justification.
   Scope: Arabic (RTL) phones <=620px only.
   Purpose: refine Arabic mobile reading rhythm, heading line balance,
   confirmed over-height NTCC-representation cards, and text contrast on
   bright photographic cards.
   LOCKED: English M3.1/M3.2 presentation, M1 RTL geometry/bidi repair,
   header, safe-area, menu, route rail, M2.4 Safari fix, desktop/tablet,
   wording, images, section order and JavaScript.
   ====================================================================== */
@media (max-width:620px){

  /* A. Arabic editorial reading rhythm.
     Keep the M1-approved natural RTL alignment: NO mobile justification.
     Only tighten long-form vertical rhythm without changing font size,
     widths, margins, grids or BDI behaviour. */
  html[dir="rtl"] .master-final .about-copy .prose,
  html[dir="rtl"] .master-final .framework .section-lead.prose,
  html[dir="rtl"] .master-final .cap-intro .section-lead.prose,
  html[dir="rtl"] .master-final .service-depth-head > p,
  html[dir="rtl"] .master-final .service-detail-grid p,
  html[dir="rtl"] .master-final .gateway-content .section-lead.prose,
  html[dir="rtl"] .master-final .solutions-context .section-lead.prose,
  html[dir="rtl"] .master-final .integrated-heading-split > .section-lead,
  html[dir="rtl"] .master-final .editorial-split > .section-lead,
  html[dir="rtl"] .master-final .practice-card > p,
  html[dir="rtl"] .master-final .international-note p,
  html[dir="rtl"] .master-final .inner-cta-grid p,
  html[dir="rtl"] .master-final #industries .section-lead.prose,
  html[dir="rtl"] .master-final .partnership-structure .section-lead,
  html[dir="rtl"] .master-final .why-copy > p,
  html[dir="rtl"] .master-final .experience-card-content .card-copy,
  html[dir="rtl"] .master-final .enquiry-head > p,
  html[dir="rtl"] .master-final .enquiry-note{
    direction:rtl!important;
    text-align:right!important;
    text-align-last:auto!important;
    text-justify:auto!important;
    -webkit-hyphens:none!important;
    hyphens:none!important;
    word-spacing:normal!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    line-height:1.84!important;
  }

  /* B. Preserve approved Arabic sizes; improve only line distribution.
     No global Arabic heading reduction is introduced. */
  html[dir="rtl"] .master-final .display-about,
  html[dir="rtl"] .master-final .display-capabilities,
  html[dir="rtl"] .master-final .display-gateway,
  html[dir="rtl"] .master-final .display-solutions,
  html[dir="rtl"] .master-final .display-why,
  html[dir="rtl"] .master-final .display-experience,
  html[dir="rtl"] .master-final .display-profile,
  html[dir="rtl"] .master-final .display-contact,
  html[dir="rtl"] .master-final .display-execution,
  html[dir="rtl"] .master-final .commercial-two-line,
  html[dir="rtl"] .master-final .challenge-two-line,
  html[dir="rtl"] .master-final .integrated-title,
  html[dir="rtl"] .master-final #industries .section-title,
  html[dir="rtl"] .master-final .inner-cta h2,
  html[dir="rtl"] .master-final .service-depth-head h3,
  html[dir="rtl"] .master-final .enquiry-head h3,
  html[dir="rtl"] .master-final .practice-card blockquote{
    text-wrap:balance;
  }

  /* C. Remove only the confirmed dead phone height in the four
     "دلالات اسم NTCC" cards after their grid becomes a single column. */
  html[dir="rtl"] .master-final .represent-card{
    min-height:0;
    padding:22px 20px;
  }
  html[dir="rtl"] .master-final .represent-card strong{
    margin-bottom:9px;
  }

  /* D. Strengthen mobile photographic text fields only.
     Images, crops, wording and brand colours remain unchanged. */
  html[dir="rtl"] .master-final .solution-stage::after{
    background:linear-gradient(
      0deg,
      rgba(4,18,33,.99) 0%,
      rgba(4,18,33,.93) 38%,
      rgba(4,18,33,.62) 62%,
      rgba(4,18,33,.18) 84%,
      rgba(4,18,33,.06) 100%
    );
  }

  html[dir="rtl"] .master-final .experience-card::after{
    background:linear-gradient(
      0deg,
      rgba(4,18,33,1) 0%,
      rgba(4,18,33,.95) 44%,
      rgba(4,18,33,.68) 68%,
      rgba(4,18,33,.2) 89%
    );
  }
}

/* ======================================================================
   PHASE M3.4 — ARABIC MOBILE PARAGRAPH JUSTIFICATION
   Base: approved M3.3 Arabic Mobile Presentation.
   Scope: Arabic (RTL) phones <=620px only.
   Purpose: restore an editorial justified treatment to the substantive
   Arabic paragraphs across the mobile site while preserving the locked
   M1 RTL/grid/BDI repair and all approved English work.
   Locked: English, header, safe-area, menu, route rail, M2.4 Safari fix,
   desktop/tablet geometry, wording, images, section order and JavaScript.
   ====================================================================== */
@media (max-width:620px){

  /* Long-form/editorial Arabic copy only.
     Short cards, bullets, buttons, hero copy, labels and UI text remain
     naturally aligned and are not forced into justification. */
  html[dir="rtl"] .master-final .about-copy .prose,
  html[dir="rtl"] .master-final .framework .section-lead.prose,
  html[dir="rtl"] .master-final .cap-intro .section-lead.prose,
  html[dir="rtl"] .master-final .service-depth-head > p,
  html[dir="rtl"] .master-final .service-detail-grid p,
  html[dir="rtl"] .master-final .gateway-content .section-lead.prose,
  html[dir="rtl"] .master-final .solutions-context .section-lead.prose,
  html[dir="rtl"] .master-final .solution-panel .card-copy,
  html[dir="rtl"] .master-final .integrated-heading-split > .section-lead,
  html[dir="rtl"] .master-final .editorial-split > .section-lead,
  html[dir="rtl"] .master-final .practice-card > p,
  html[dir="rtl"] .master-final .international-note p,
  html[dir="rtl"] .master-final .inner-cta-grid p,
  html[dir="rtl"] .master-final #industries .section-lead.prose,
  html[dir="rtl"] .master-final .partnership-structure .section-lead,
  html[dir="rtl"] .master-final .why-copy > p,
  html[dir="rtl"] .master-final .experience-card-content .card-copy,
  html[dir="rtl"] .master-final .enquiry-head > p,
  html[dir="rtl"] .master-final .enquiry-note{
    direction:rtl!important;
    text-align:justify!important;
    text-align-last:right!important;
    text-justify:inter-word!important;
    -webkit-hyphens:none!important;
    hyphens:none!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    word-spacing:normal!important;
    line-height:1.86!important;
  }
}

/* ======================================================================
   PHASE M3.6 — EXECUTION BANNER MOBILE CONTRAST
   Base: locked M3.5 Mobile Master.
   Scope: mobile <=620px, both languages, execution banner copper line only.
   Purpose: improve contrast of "Disciplined execution." /
   "تنفيذ يثبت جدارته." over the bright sunset while preserving the
   existing copper identity, size, position, wrapping and image.
   ====================================================================== */
@media (max-width:620px){
  .master-final .execution-banner .display-execution .title-line.copper{
    text-shadow:
      0 1px 2px rgba(4,18,33,.98),
      0 3px 10px rgba(4,18,33,.88),
      0 7px 22px rgba(4,18,33,.72);
  }
}