:root{
  --navy:#071923;
  --navy-2:#0a2330;
  --ink:#10272d;
  --teal:#11b8b0;
  --teal-2:#35d5ca;
  --mint:#bdebe5;
  --gold:#c9a763;
  --sand:#f4f1e9;
  --white:#ffffff;
  --line:rgba(16,39,45,.12);
  --shadow:0 24px 80px rgba(8,28,36,.12);
  --radius:28px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--ink);background:#f7f9f8;line-height:1.6}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit}
.container{width:min(1180px,calc(100% - 56px));margin:0 auto}
.top-strip{background:var(--navy);color:#b8ced1;font-size:10px;letter-spacing:.16em;text-transform:uppercase}
.strip-inner{display:flex;justify-content:space-between;gap:24px;padding:9px 0}.strip-contact a{color:#62e2d6}
.site-header{position:sticky;top:0;z-index:50;background:rgba(247,249,248,.93);backdrop-filter:blur(18px);border-bottom:1px solid rgba(10,35,48,.06)}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;min-height:76px}
.brand{display:flex;align-items:center;gap:11px}.brand img{width:54px;height:54px;object-fit:contain;border-radius:14px;background:#fff}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy strong{font-size:15px;letter-spacing:.16em}.brand-copy small{margin-top:6px;font-size:8px;letter-spacing:.2em;color:#6d8083}
.main-nav{display:flex;align-items:center;gap:27px;font-size:12px;font-weight:700;letter-spacing:.02em}.main-nav a{opacity:.78}.main-nav a:hover{opacity:1;color:#067e78}.nav-cta{padding:12px 17px;border-radius:999px;background:var(--navy);color:#fff!important;opacity:1!important}
.menu-toggle{display:none;border:0;background:none;padding:8px}.menu-toggle span{display:block;width:23px;height:2px;background:var(--navy);margin:5px}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 72% 35%,rgba(22,207,194,.18),transparent 26%),linear-gradient(135deg,#f7fbfa 0%,#edf5f3 55%,#e4efed 100%);min-height:calc(100vh - 108px);display:flex;align-items:center}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(11,66,72,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(11,66,72,.055) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(circle at 70% 50%,black 0%,transparent 66%);pointer-events:none}
.hero-content{display:grid;grid-template-columns:1.04fr .96fr;gap:44px;align-items:center;padding:76px 0 92px;position:relative}
.eyebrow{font-size:10px;font-weight:800;letter-spacing:.23em;color:#0e8f88;text-transform:uppercase}.eyebrow>span{display:inline-block;width:23px;height:1px;background:var(--teal);vertical-align:middle;margin-right:8px}
h1,h2{font-family:'Playfair Display',Georgia,serif;font-weight:600;line-height:1.03;letter-spacing:-.04em;margin:0}h1{font-size:clamp(52px,7vw,92px);max-width:780px;margin-top:17px}h1 em{color:#078e88;font-style:normal}h2{font-size:clamp(42px,5vw,68px)}h2 span{color:#078e88}.hero-lead{font-size:17px;max-width:650px;color:#53686d;margin:27px 0 32px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:15px 21px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;transition:.25s transform,.25s box-shadow,.25s background}.btn:hover{transform:translateY(-2px);box-shadow:0 18px 35px rgba(8,28,36,.11)}.btn-primary{background:var(--navy);color:#fff}.btn-ghost{border:1px solid rgba(7,25,35,.15)}.hero-metrics{display:flex;gap:35px;margin-top:48px}.hero-metrics div{display:flex;flex-direction:column}.hero-metrics strong{font-size:21px}.hero-metrics span{font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:#7a8c90;margin-top:5px}
.hero-visual{height:620px;position:relative;display:flex;align-items:center;justify-content:center}.orb-core{width:470px;height:470px;border-radius:50%;position:relative;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.98),rgba(210,244,239,.7) 25%,rgba(17,184,176,.22) 52%,rgba(7,25,35,.05) 76%);box-shadow:inset 0 0 70px rgba(255,255,255,.8),0 0 100px rgba(17,184,176,.16);border:1px solid rgba(17,184,176,.22);display:flex;align-items:center;justify-content:center}.orb-core:before{content:"";position:absolute;inset:38px;border-radius:50%;border:1px solid rgba(17,184,176,.25)}.orb-core:after{content:"";position:absolute;inset:82px;border-radius:50%;border:1px dashed rgba(16,39,45,.18)}#heroCanvas{width:100%;height:100%;border-radius:50%}.orbital{position:absolute;border-radius:50%;border:1px solid rgba(7,126,120,.16);transform:rotate(-18deg);animation:spin 22s linear infinite}.orbital-a{width:590px;height:260px}.orbital-b{width:630px;height:320px;transform:rotate(25deg);animation-direction:reverse}.orbital-c{width:510px;height:540px;transform:rotate(70deg);animation-duration:29s}.orb-caption{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);background:rgba(255,255,255,.78);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.9);padding:8px 12px;border-radius:999px;font-size:8px;letter-spacing:.17em;font-weight:800;display:flex;align-items:center;gap:8px;white-space:nowrap}.pulse-dot{width:7px;height:7px;border-radius:50%;background:#10c6b9;box-shadow:0 0 0 5px rgba(16,198,185,.12);animation:pulse 1.7s infinite}.floating-card{position:absolute;display:flex;align-items:center;gap:11px;background:rgba(255,255,255,.84);backdrop-filter:blur(14px);padding:12px 15px;border:1px solid rgba(255,255,255,.95);box-shadow:0 18px 55px rgba(7,25,35,.11);border-radius:18px}.floating-card b{display:block;font-size:10px}.floating-card small{display:block;color:#7b8b8e;font-size:8px;margin-top:2px}.mini-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:11px;background:#e4f7f4;color:#00877f;font-weight:800}.card-supply{left:0;top:24%}.card-market{right:0;bottom:23%}
.scroll-cue{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:.2em;font-weight:800;color:#809093}.scroll-cue span{font-size:13px;margin-left:5px}
.section{padding:120px 0}.intro-section{background:#fff}.two-col{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;align-items:center}.section-heading h2{margin-top:15px}.intro-copy .lead{font-size:19px;color:#29474c;max-width:680px}.intro-copy p{color:#6b7e82}.principles{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.principles span{padding:9px 12px;border:1px solid var(--line);background:#f8fbfa;border-radius:999px;font-size:10px;font-weight:700}
.companies-section{background:#f3f7f5}.section-intro{display:grid;grid-template-columns:1fr .8fr;gap:80px;align-items:end;margin-bottom:42px}.section-intro h2{margin-top:14px}.section-intro>p{margin:0;color:#718286;max-width:520px;font-size:14px}.company-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.company-card{background:#fff;border:1px solid rgba(16,39,45,.09);border-radius:26px;padding:27px;min-height:475px;display:flex;flex-direction:column;box-shadow:0 20px 45px rgba(7,25,35,.06);transition:.3s transform,.3s box-shadow}.company-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.company-card.featured{background:linear-gradient(155deg,#08212b,#0c3641);color:#fff}.company-top{display:flex;justify-content:space-between;align-items:center}.country-pill{font-size:8px;letter-spacing:.14em;font-weight:800;padding:7px 9px;border-radius:999px;background:rgba(17,184,176,.08);color:#057e78}.featured .country-pill{background:rgba(255,255,255,.09);color:#83ece3}.index{font-size:10px;color:#9bacb0}.company-mark{font-size:12px;letter-spacing:.16em;font-weight:800;margin:42px 0 8px}.orbiway-mark{color:#44ddd2}.nueva-mark{color:#0e8f88}.gmo-mark{color:#078e88}.tahleel-mark{color:#3b7580}.featured h3{color:#fff}.company-card h3{font-size:22px;margin:5px 0 11px}.company-card p{font-size:13px;color:#718286;margin:0}.featured p{color:#bdcfd2}.company-services{display:flex;flex-wrap:wrap;gap:6px;margin-top:22px}.company-services span{font-size:8px;border:1px solid var(--line);padding:7px 8px;border-radius:999px;background:#f7faf9}.featured .company-services span{border-color:rgba(255,255,255,.13);background:rgba(255,255,255,.05);color:#d6e5e6}.text-link{margin-top:auto;padding-top:23px;font-size:10px;font-weight:800;letter-spacing:.05em;color:#078e88}.featured .text-link{color:#6ee9df}
.service-section{background:#fff}.filter-row{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:23px}.filter-btn{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 13px;font-size:10px;font-weight:800;cursor:pointer;color:#587075}.filter-btn.active,.filter-btn:hover{background:var(--navy);color:#fff;border-color:var(--navy)}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.service-item{border:1px solid var(--line);background:#f8fbfa;border-radius:22px;padding:23px;transition:.25s transform,.25s opacity}.service-item.is-hidden{display:none}.service-item:hover{transform:translateY(-4px)}.service-num{font-size:8px;color:#8aa0a4;letter-spacing:.16em}.service-item h3{font-size:17px;margin:18px 0 10px}.service-item p{font-size:12px;color:#728388;min-height:92px;margin:0}.fit{display:flex;justify-content:space-between;align-items:flex-end;margin-top:17px;padding-top:14px;border-top:1px solid var(--line);gap:14px}.fit span{font-size:8px;color:#8da0a3;text-transform:uppercase;letter-spacing:.1em}.fit b{font-size:9px;color:#078e88;text-align:right}
.visual-break{min-height:650px;position:relative;display:flex;align-items:center;overflow:hidden;color:#fff;padding:0}.visual-image{position:absolute;inset:0;background-position:center;background-size:cover;filter:saturate(.8)}.visual-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,17,24,.88),rgba(4,17,24,.53),rgba(4,17,24,.25))}.visual-content{position:relative;padding:120px 0;max-width:900px}.visual-content .eyebrow{color:#66e6da}.visual-content h2{margin:18px 0 24px;font-size:clamp(46px,6vw,76px)}.visual-content h2 span{color:#67ddd5}.visual-content p{max-width:620px;color:#d1dcdd;font-size:16px}
.markets-section{background:#f1f6f4}.map-shell{display:grid;grid-template-columns:1.7fr .55fr;min-height:600px;background:#0b2029;border-radius:30px;overflow:hidden;box-shadow:var(--shadow)}.map{min-height:600px;z-index:0}.map-panel{color:#dce7e8;padding:34px 28px;background:linear-gradient(180deg,#0c2631,#071923)}.panel-kicker{font-size:8px;letter-spacing:.2em;color:#61dfd5;font-weight:800}.map-panel h3{font-size:28px;font-family:'Playfair Display',serif;margin:12px 0 20px;color:#fff}.market-list{display:grid;grid-template-columns:1fr 1fr;gap:7px}.market-chip{padding:8px 9px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);border-radius:10px;font-size:9px;color:#c8d6d8}.market-chip span{display:block;font-size:7px;text-transform:uppercase;letter-spacing:.08em;color:#70d4cc;margin-bottom:2px}.panel-note{margin-top:23px;padding-top:17px;border-top:1px solid rgba(255,255,255,.09);font-size:9px;line-height:1.7;color:#90a4a8}.leaflet-control-zoom{display:none!important}.leaflet-container{font-family:Inter,system-ui,sans-serif!important;background:#0b2029}.leaflet-tile{filter:brightness(.42) saturate(.35) hue-rotate(140deg)}.market-marker{width:12px;height:12px;background:#2ee4d6;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 7px rgba(46,228,214,.18),0 4px 14px rgba(0,0,0,.25)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#0b2029;color:#fff}.leaflet-popup-content{font:600 11px Inter,sans-serif}.leaflet-popup-content small{display:block;color:#9cb0b4;margin-top:2px;font-weight:400}
.history-section{background:#fff}.align-start{align-items:start}.muted{color:#708286;max-width:430px;margin-top:25px}.timeline{padding-top:5px}.timeline-item{display:grid;grid-template-columns:86px 1fr;gap:25px;padding:0 0 35px;position:relative}.timeline-item:before{content:"";position:absolute;left:38px;top:22px;bottom:-3px;width:1px;background:linear-gradient(#aadfd9,transparent)}.timeline-item:last-child:before{display:none}.time{width:62px;height:32px;display:grid;place-items:center;background:#eaf7f5;border-radius:999px;color:#078e88;font-size:9px;font-weight:800;letter-spacing:.1em}.timeline-item h3{font-size:19px;margin:3px 0 7px}.timeline-item p{margin:0;color:#728388;font-size:12px;max-width:560px}.timeline-item.future .time{background:#0b2530;color:#7debe2}
.gallery-section{background:#f3f7f5}.gallery-grid{display:grid;grid-template-columns:1.08fr .92fr .92fr;grid-template-rows:260px 260px;gap:14px}.gallery-card{position:relative;overflow:hidden;border-radius:22px;margin:0;background:#dfe9e7}.gallery-card img{width:100%;height:100%;object-fit:cover;transition:transform .8s}.gallery-card:hover img{transform:scale(1.05)}.gallery-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(4,17,24,.72) 100%)}.gallery-card figcaption{position:absolute;left:18px;right:18px;bottom:16px;color:#fff;font-size:10px;letter-spacing:.08em;font-weight:800;z-index:2}.gallery-card figcaption span{color:#75e8de;margin-right:6px}.g1{grid-row:1 / span 2}.g2{grid-column:2}.g3{grid-column:3}.g4{grid-column:2 / span 2}
.leadership-section{background:#fff}.leader-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.leader-card{padding:28px;border-radius:26px;border:1px solid var(--line);background:linear-gradient(155deg,#fff,#f2f7f5);position:relative;overflow:hidden}.portrait{width:100px;height:100px;border-radius:50%;display:grid;place-items:center;font-family:'Playfair Display',serif;font-size:33px;color:#fff;background:radial-gradient(circle at 35% 30%,#76ede4,#0a3c48 70%);box-shadow:0 0 0 9px #e7f6f3;margin-bottom:24px}.portrait-maisaa{background:radial-gradient(circle at 35% 30%,#b6f0eb,#153b49 70%)}.portrait-laith{background:radial-gradient(circle at 35% 30%,#7cd7e4,#123a46 70%)}.leader-role{font-size:8px;letter-spacing:.17em;color:#078e88;font-weight:800}.leader-card h3{font-family:'Playfair Display',serif;font-size:30px;line-height:1.05;margin:8px 0}.leader-card p{font-size:12px;color:#718286;margin:0}.leader-focus{margin-top:25px;padding-top:16px;border-top:1px solid var(--line);font-size:10px;color:#547076;line-height:1.5}
.contact-section{background:linear-gradient(145deg,#eaf4f2,#f6f3eb)}.contact-grid{display:grid;grid-template-columns:1fr .95fr;gap:100px;align-items:start}.contact-copy h2{margin-top:16px}.contact-copy>p{max-width:560px;color:#5f767b;font-size:15px;margin-top:26px}.contact-note{margin-top:30px;border-left:2px solid var(--teal);padding-left:16px;display:flex;flex-direction:column}.contact-note span{font-size:8px;letter-spacing:.18em;color:#078e88;font-weight:800}.contact-note strong{font-size:13px;margin-top:5px}.contact-panel{background:#071923;border-radius:27px;padding:28px;color:#fff;box-shadow:var(--shadow)}.contact-item{padding:15px 0;border-bottom:1px solid rgba(255,255,255,.09)}.contact-item:last-of-type{border-bottom:0}.contact-item span{display:block;font-size:8px;letter-spacing:.14em;color:#7e969a;font-weight:800}.contact-item a{display:inline-block;margin-top:4px;font-size:15px;color:#73e6dd}.contact-item small{display:block;font-size:8px;color:#879b9f;margin-top:5px}.contact-links{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}.contact-links a{padding:10px 11px;border:1px solid rgba(255,255,255,.1);border-radius:11px;color:#dce8e8;font-size:9px}
.footer-cta{background:#071923;color:#fff;padding:82px 0}.footer-cta-inner{display:flex;justify-content:space-between;align-items:end;gap:35px}.footer-cta h2{margin-top:13px}.footer-cta h2 span{color:#72e2d8}.btn-light{background:#fff;color:#071923}.site-footer{background:#05131a;color:#90a7aa;padding:54px 0 22px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr .8fr;gap:35px}.footer-brand{color:#fff;letter-spacing:.16em;font-weight:800}.footer-grid p{max-width:280px;font-size:11px;line-height:1.6}.footer-label{display:block;font-size:8px;letter-spacing:.2em;color:#5fd8cf;font-weight:800;margin-bottom:12px}.footer-grid>div>a,.footer-grid>div>span:not(.footer-label){display:block;font-size:10px;margin:7px 0}.legal-row{display:flex;justify-content:space-between;gap:30px;border-top:1px solid rgba(255,255,255,.08);margin-top:40px;padding-top:16px;font-size:8px;line-height:1.6}.legal-row span:last-child{max-width:620px;text-align:right}
.reveal{opacity:0;transform:translateY(25px);transition:opacity .75s ease,transform .75s ease}.reveal.in-view{opacity:1;transform:none}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.18s}.delay-3{transition-delay:.26s}@keyframes spin{to{transform:rotate(342deg)}}@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.35);opacity:.55}}
@media (max-width:1020px){.main-nav{gap:16px}.hero-content{grid-template-columns:1fr}.hero-visual{height:510px}.hero-copy{padding-top:20px}.company-grid,.service-grid{grid-template-columns:repeat(2,1fr)}.map-shell{grid-template-columns:1fr}.map-panel{order:-1}.map{min-height:480px}.section-intro{grid-template-columns:1fr;gap:20px}.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:270px 270px 270px}.g1{grid-row:1 / span 2}.g4{grid-column:2}.g3{grid-column:1;grid-row:3}.two-col{grid-template-columns:1fr;gap:40px}.contact-grid{grid-template-columns:1fr;gap:45px}.footer-grid{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.container{width:min(100% - 34px,1180px)}.strip-inner{justify-content:center}.strip-contact{display:none}.nav-wrap{min-height:68px}.brand-copy{display:none}.menu-toggle{display:block}.main-nav{position:absolute;top:68px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);display:none;flex-direction:column;align-items:flex-start;padding:18px 20px;gap:14px}.main-nav.open{display:flex}.hero{min-height:auto}.hero-content{padding:70px 0}.hero-visual{height:420px}.orb-core{width:330px;height:330px}.orbital-a{width:430px;height:190px}.orbital-b{width:450px;height:230px}.orbital-c{width:370px;height:390px}.card-supply{left:0;top:9%}.card-market{right:0;bottom:12%}.hero-metrics{gap:20px}.hero-metrics strong{font-size:18px}.hero-metrics span{font-size:8px}.section{padding:82px 0}h1{font-size:52px}.company-grid,.service-grid,.leader-grid{grid-template-columns:1fr}.company-card{min-height:auto}.gallery-grid{display:grid;grid-template-columns:1fr;grid-template-rows:260px 220px 220px 220px}.g1,.g2,.g3,.g4{grid-column:auto;grid-row:auto}.footer-cta-inner{flex-direction:column;align-items:flex-start}.footer-grid{grid-template-columns:1fr}.legal-row{flex-direction:column}.legal-row span:last-child{text-align:left}.contact-links{grid-template-columns:1fr}}