:root{
  --black:#050607;
  --deep:#06101d;
  --panel:#0d1014;
  --panel2:#11151a;
  --gold:#d4af37;
  --gold2:#f4d27a;
  --white:#f4f1e8;
  --muted:#b9b9b9;
  --line:rgba(212,175,55,.25);
  --green:#0f3d36;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--white);font-family:Inter,Arial,sans-serif;line-height:1.6;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(1320px,calc(100% - 40px));margin:0 auto}

/* ================= HEADER ================= */
.site-header{position:sticky;top:0;z-index:1000;height:92px;background:rgba(5,6,7,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(212,175,55,.22);box-shadow:0 10px 32px rgba(0,0,0,.28)}
.navbar{height:92px;display:grid;grid-template-columns:230px minmax(0,1fr) 220px;align-items:center;gap:22px;width:min(1660px,calc(100% - 52px));margin:0 auto}
.brand-logo{display:flex;align-items:center;width:230px;height:92px;overflow:hidden}
.brand-logo img{width:214px;max-width:214px;max-height:72px;object-fit:contain;filter:brightness(1.16) contrast(1.06) saturate(1.05)}
.main-nav{display:flex;align-items:center;gap:18px;white-space:nowrap;overflow:visible;min-width:0}
.main-nav>a,.main-nav .dropdown>a{font-size:13px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;line-height:1;opacity:.92;transition:.2s ease}
.main-nav>a:hover,.main-nav .dropdown>a:hover{color:var(--gold2);opacity:1}
.main-nav .dropdown{position:relative;height:92px;display:inline-flex;align-items:center;flex:0 0 auto}
.dropdown-menu{display:none;position:absolute;top:86px;left:0;min-width:245px;background:rgba(5,6,7,.99);border:1px solid rgba(212,175,55,.28);box-shadow:0 18px 60px rgba(0,0,0,.55);padding:8px 0;z-index:1200;flex-direction:column}
.dropdown:hover>.dropdown-menu,.dropdown:focus-within>.dropdown-menu{display:flex}
.dropdown-menu a{display:block;padding:11px 15px;font-size:12px;font-weight:700;line-height:1.25;color:rgba(244,241,232,.88);border-bottom:1px solid rgba(212,175,55,.10)}
.dropdown-menu a:hover{background:rgba(212,175,55,.09);color:var(--gold2)}
.cta{justify-self:end;width:220px;min-width:220px;height:54px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#a87519,#e8c45d);color:#060606!important;border:1px solid rgba(255,230,160,.5);font-weight:900;font-size:11px;letter-spacing:.075em;text-transform:uppercase;white-space:nowrap;box-shadow:0 10px 28px rgba(212,175,55,.16)}
.mobile-toggle{display:none;background:none;border:1px solid var(--line);color:var(--gold2);padding:9px 13px;font-weight:800;letter-spacing:.08em}

/* ================= FINAL HERO ================= */
.ghg-premium-hero{position:relative;height:640px;min-height:640px;overflow:hidden;display:flex;align-items:center;background:#020814;border-bottom:1px solid rgba(212,175,55,.22)}
.ghg-hero-bg{position:absolute;inset:0;z-index:0;background-image:linear-gradient(90deg,rgba(2,8,20,.98) 0%,rgba(2,8,20,.90) 24%,rgba(2,8,20,.60) 43%,rgba(2,8,20,.18) 63%,rgba(2,8,20,.04) 100%),url('/assets/img/hero-global-earth.png');background-size:cover;background-position:center center;background-repeat:no-repeat;animation:garudaHeroMapMoveVisible 8.5s ease-in-out infinite alternate;transform-origin:center right;filter:brightness(1.12) contrast(1.08) saturate(1.14)}
.ghg-hero-network{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 69% 34%,rgba(244,210,122,.34) 0 2px,transparent 4px),radial-gradient(circle at 75% 27%,rgba(244,210,122,.28) 0 2px,transparent 4px),radial-gradient(circle at 83% 42%,rgba(244,210,122,.30) 0 2px,transparent 4px),radial-gradient(circle at 62% 50%,rgba(244,210,122,.24) 0 2px,transparent 4px),linear-gradient(115deg,transparent 42%,rgba(244,210,122,.13) 48%,transparent 56%),linear-gradient(24deg,transparent 45%,rgba(244,210,122,.10) 51%,transparent 58%);mix-blend-mode:screen;opacity:.82;animation:garudaGoldNetworkBreathe 3.2s ease-in-out infinite alternate}
.ghg-premium-hero:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(110deg,transparent 18%,rgba(244,210,122,.10) 48%,transparent 68%);transform:translateX(-130%);animation:garudaHeroGoldSweep 5.5s ease-in-out infinite;opacity:.75}
.ghg-hero-container{position:relative;z-index:3;width:min(1400px,calc(100% - 110px));max-width:1400px;margin:0 auto;padding:0;display:block}
.ghg-hero-content{position:relative;z-index:4;max-width:560px;width:560px;margin:0;padding:0;text-align:left}
.ghg-hero-eyebrow{display:block;color:var(--gold);font-size:13px;line-height:1.2;letter-spacing:5px;font-weight:800;text-transform:uppercase;margin:0 0 22px}
.ghg-premium-hero h1{font-family:Inter,Arial,sans-serif;color:#fff;font-size:clamp(46px,4.2vw,64px);line-height:1.04;font-weight:950;letter-spacing:-.02em;text-transform:uppercase;margin:0 0 24px;max-width:570px;text-shadow:0 18px 40px rgba(0,0,0,.45)}
.ghg-premium-hero h1 span{color:var(--gold)}
.ghg-premium-hero p{color:rgba(255,255,255,.86);font-size:16px;line-height:1.62;max-width:540px;margin:0 0 30px}
.ghg-hero-buttons{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:0}
.ghg-btn-primary,.ghg-btn-secondary{min-height:46px;padding:0 26px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:11.5px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;line-height:1;transition:.22s ease}
.ghg-btn-primary{background:linear-gradient(135deg,#b88921,#f4d27a);color:#050607;border:1px solid rgba(244,210,122,.65);box-shadow:0 10px 30px rgba(212,175,55,.16)}
.ghg-btn-secondary{background:rgba(5,6,7,.35);color:#fff;border:1px solid rgba(244,210,122,.30);backdrop-filter:blur(6px)}
.ghg-btn-primary:hover,.ghg-btn-secondary:hover{transform:translateY(-2px);filter:brightness(1.08)}
.ghg-btn-secondary:hover{color:var(--gold2);border-color:rgba(244,210,122,.65)}
.enterprise-strip{background:rgba(2,19,32,.94);border-top:1px solid rgba(212,175,55,.20);border-bottom:1px solid rgba(212,175,55,.18);padding:18px 0}
.enterprise-strip-inner{display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap;text-align:center;color:rgba(244,241,232,.82);font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.enterprise-strip-inner span:not(:last-child)::after{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--gold);margin-left:22px;vertical-align:middle;box-shadow:0 0 14px rgba(212,175,55,.65)}

@keyframes garudaHeroMapMoveVisible{0%{background-position:50% 50%;transform:scale(1)}45%{background-position:53% 48%;transform:scale(1.035)}100%{background-position:57% 46%;transform:scale(1.07)}}
@keyframes garudaGoldNetworkBreathe{0%{opacity:.58;filter:brightness(1)}100%{opacity:1;filter:brightness(1.28)}}
@keyframes garudaHeroGoldSweep{0%,30%{transform:translateX(-130%)}70%,100%{transform:translateX(130%)}}

/* ================= COMMON CONTENT ================= */
.eyebrow{color:var(--gold2);font-size:12px;letter-spacing:.35em;text-transform:uppercase;margin-bottom:20px}
h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:500;line-height:1.08;margin:0}
h2{font-size:clamp(34px,4vw,54px);letter-spacing:.02em}
h3{font-size:22px;color:var(--gold2)}
.gold{color:var(--gold2)}
.section{padding:96px 0;border-bottom:1px solid rgba(212,175,55,.13)}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:36px}
.section-head p{color:#c9c9c9;max-width:540px;margin:0}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border:1px solid var(--line);font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;transition:.22s ease}
.btn:hover{transform:translateY(-3px)}
.btn.gold{background:linear-gradient(135deg,#9d6f1e,#d4af37,#f3d17a);color:#050607;border-color:#f3d17a}
.btn.ghost{color:#f4f1e8;background:rgba(255,255,255,.03)}

/* ================= GLOBAL REACH ================= */
.reach-panel{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;align-items:center;background:linear-gradient(135deg,rgba(13,16,20,.98),rgba(6,8,10,.98));border:1px solid var(--line);border-radius:18px;padding:32px;box-shadow:0 20px 70px rgba(0,0,0,.35)}
.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.stat{border:1px solid rgba(212,175,55,.18);padding:24px;background:rgba(255,255,255,.025);transition:.22s ease}
.stat:hover{transform:translateY(-4px);border-color:rgba(244,210,122,.50)}
.stat strong{display:block;font-family:Georgia,serif;font-size:44px;color:var(--gold2);line-height:1;text-shadow:0 0 22px rgba(212,175,55,.25)}
.stat span{font-size:12px;color:#bfbfbf;text-transform:uppercase;letter-spacing:.12em}
.reach-map{border-radius:14px;overflow:hidden;border:1px solid rgba(212,175,55,.2);background:#08090b}

/* ================= BUSINESS ================= */
.business-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.biz-card{background:linear-gradient(180deg,#10151a,#080a0c);border:1px solid var(--line);min-height:460px;display:flex;flex-direction:column;transition:.25s ease}
.biz-card:hover{transform:translateY(-5px);border-color:rgba(244,210,122,.65)}
.biz-card img{height:245px;width:100%;object-fit:cover;border-bottom:1px solid rgba(212,175,55,.2)}
.biz-body{padding:22px}
.biz-body .icon{width:42px;height:42px;margin-bottom:14px;color:var(--gold)}
.biz-body h3{font-size:20px;margin-bottom:10px}
.biz-body p{color:#c9c9c9;font-size:14px;margin:0}
.split{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:stretch}
.panel{background:linear-gradient(135deg,#101318,#07090b);border:1px solid var(--line);border-radius:18px;padding:34px;position:relative;overflow:hidden}
.panel:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(212,175,55,.07),transparent);opacity:.6;pointer-events:none}
.panel p,.page-panel p{color:#c9c9c9}
.tech-visual{min-height:360px;background:url('/assets/img/visual-technology-ai.svg') center/cover no-repeat;border-radius:18px;border:1px solid var(--line)}
.partner-visual{min-height:360px;background:radial-gradient(circle at 70% 25%,rgba(212,175,55,.25),transparent 20%),linear-gradient(135deg,#0c1114,#050607);border-radius:18px;border:1px solid var(--line);position:relative;overflow:hidden}
.partner-visual:after{content:"ENERGY & UTILITIES  •  PORTS & LOGISTICS  •  GOVERNMENT PROGRAMS  •  CRITICAL INFRASTRUCTURE  •  TECHNOLOGY PLATFORMS";position:absolute;left:30px;right:30px;top:48%;color:rgba(244,241,232,.64);letter-spacing:.16em;line-height:2;text-align:center;font-weight:700}
.numbers-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:42px;border:1px solid var(--line);padding:24px;background:#08090b;position:relative;overflow:hidden}
.numbers-strip:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent,rgba(212,175,55,.08),transparent);transform:translateX(-120%);animation:garudaHeroGoldSweep 5.8s ease-in-out infinite;pointer-events:none}
.num-item{position:relative;z-index:1;display:flex;gap:12px;align-items:center;justify-content:center;border-right:1px solid rgba(212,175,55,.18)}
.num-item:last-child{border-right:0}
.num-item strong{font-family:Georgia,serif;font-size:30px;color:var(--gold2)}
.num-item span{font-size:11px;color:#bbb;text-transform:uppercase;letter-spacing:.1em}
.trust-strip{padding:18px 0;text-align:center;border-top:1px solid rgba(212,175,55,.2);border-bottom:1px solid rgba(212,175,55,.2);color:#c9c9c9;font-size:13px;letter-spacing:.1em}

/* ================= CONVERSION ================= */
.conversion-section{padding:110px 0;background:radial-gradient(circle at 70% 40%,rgba(212,175,55,.06),transparent 30%),linear-gradient(145deg,#050607 0%,#080a0d 55%,#050607 100%);border-top:1px solid rgba(212,175,55,.16);border-bottom:1px solid rgba(212,175,55,.16)}
.conversion-card{display:grid;grid-template-columns:1fr 1.05fr;gap:70px;align-items:center;padding:58px 64px;border:1px solid rgba(212,175,55,.22);border-radius:14px;background:linear-gradient(135deg,rgba(255,255,255,.025),rgba(255,255,255,.005)),rgba(5,6,7,.88);box-shadow:0 24px 90px rgba(0,0,0,.34);position:relative;overflow:hidden}
.conversion-card:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(212,175,55,.055),transparent);pointer-events:none}
.conversion-left,.conversion-right{position:relative;z-index:1}
.conversion-left h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(36px,4vw,54px);line-height:1.08;margin:0 0 18px;color:#f4f1e8}
.conversion-left p{max-width:560px;margin:0;color:rgba(244,241,232,.76);font-size:16px;line-height:1.75}
.conversion-note{margin-top:34px;padding-top:20px;border-top:1px solid rgba(212,175,55,.18);color:rgba(244,241,232,.52);font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.conversion-right{display:flex;flex-direction:column}
.conversion-item{display:grid;grid-template-columns:46px 1fr;gap:18px;align-items:center;padding:20px 0;border-bottom:1px solid rgba(212,175,55,.22)}
.conversion-item:first-child{border-top:1px solid rgba(212,175,55,.22)}
.conversion-item span{width:34px;height:34px;border:1px solid rgba(244,210,122,.45);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#f4d27a;font-size:11px;font-weight:900;background:rgba(212,175,55,.06)}
.conversion-item strong{color:rgba(244,241,232,.92);font-size:15px;font-weight:700;letter-spacing:.02em}
.conversion-btn{margin-top:30px;width:fit-content;min-width:230px}

/* ================= PAGE + FORM + FOOTER ================= */
.page-hero{position:relative;padding:110px 0 70px;background:linear-gradient(135deg,#07090b,#0c1114);border-bottom:1px solid var(--line);overflow:hidden}
.page-hero:after{content:"";position:absolute;right:-8%;top:0;width:55%;height:100%;opacity:.22;background:var(--page-visual,radial-gradient(circle,rgba(212,175,55,.3),transparent 35%));background-size:cover;background-position:center;z-index:0}
.page-hero .container{position:relative;z-index:1}
.page-hero h1{font-size:clamp(38px,5vw,68px)}
.breadcrumb{color:var(--gold2);font-size:12px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:14px}
.page-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:24px}
.page-panel{background:#0c0f13;border:1px solid var(--line);padding:28px;border-radius:16px}
.page-panel h2{font-size:30px;margin-bottom:14px}
.content-list{margin:18px 0 0;padding-left:18px;color:#d4d4d4}
.content-list li{margin-bottom:8px}
.form-wrap{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.form-wrap .full{grid-column:1/-1}
input,select,textarea{width:100%;background:#080a0d;border:1px solid rgba(212,175,55,.28);color:#fff;padding:14px;border-radius:3px}
textarea{min-height:140px}
.footer{padding:54px 0 30px;background:#050607;border-top:1px solid var(--line);position:relative;overflow:hidden}
.footer:after{content:"";position:absolute;right:0;bottom:0;width:38%;height:80%;background:url('/assets/img/visual-government-uae.svg') center bottom/cover no-repeat;opacity:.16}
.footer-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.2fr .8fr .8fr 1.2fr;gap:34px}
.footer-logo img{width:245px;background:transparent!important}
.footer h4{color:var(--gold2);letter-spacing:.12em;font-size:12px;text-transform:uppercase}
.footer p,.footer a{color:#bcbcbc;font-size:14px}
.footer-links{display:flex;flex-direction:column;gap:7px}
.footer-bottom{position:relative;z-index:1;margin-top:32px;padding-top:18px;border-top:1px solid rgba(212,175,55,.16);color:#8f8f8f;font-size:13px}

/* ================= RESPONSIVE ================= */
@media(max-width:1450px){
  .navbar{grid-template-columns:215px minmax(0,1fr) 200px;column-gap:14px}
  .brand-logo{width:215px}.brand-logo img{width:195px;max-width:195px}
  .main-nav{gap:12px}.main-nav>a,.main-nav .dropdown>a{font-size:11.5px}
  .cta{width:200px;min-width:200px;max-width:200px;font-size:10.5px}
}
@media(max-width:1050px){
  .site-header{height:82px;min-height:82px}.navbar{height:82px;display:flex;width:calc(100% - 28px)}
  .brand-logo{width:205px;height:82px}.brand-logo img{width:182px;max-width:182px;max-height:62px}
  .mobile-toggle{display:block;margin-left:auto}
  .main-nav{display:none;position:absolute;top:82px;left:0;right:0;background:#050607;border-bottom:1px solid rgba(212,175,55,.22);padding:22px;flex-direction:column;align-items:flex-start;gap:18px;font-size:13px}
  .main-nav.open{display:flex}.main-nav .dropdown{height:auto;width:100%;display:block}.dropdown-menu{position:static;display:flex;margin-top:10px;width:100%;min-width:0;box-shadow:none;background:rgba(255,255,255,.025)}
  .cta{display:none}
  .ghg-premium-hero{height:auto;min-height:680px}.ghg-hero-bg{background-position:68% center;animation-duration:12s}.ghg-hero-network{opacity:.55}.ghg-hero-container{width:calc(100% - 40px)}.ghg-hero-content{width:100%;max-width:100%}.ghg-premium-hero h1{font-size:42px}.ghg-premium-hero p{font-size:14.5px}
  .section-head{display:block}.reach-panel,.split,.page-grid{grid-template-columns:1fr}.business-grid{grid-template-columns:repeat(2,1fr)}.numbers-strip{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.conversion-card{grid-template-columns:1fr;gap:38px;padding:38px 28px}.conversion-btn{width:100%}
}
@media(max-width:640px){
  .container{width:min(100% - 28px,1200px)}.site-header,.navbar{height:76px}.brand-logo{width:180px;height:76px}.brand-logo img{width:160px;max-width:160px}.main-nav{top:76px}
  .ghg-premium-hero h1{font-size:40px}.ghg-premium-hero p{font-size:14px}.enterprise-strip-inner{gap:12px}.enterprise-strip-inner span:not(:last-child)::after{display:none}
  .section{padding:60px 0}.business-grid,.stats,.footer-grid,.form-wrap{grid-template-columns:1fr}.numbers-strip{grid-template-columns:1fr}.num-item{border-right:0;border-bottom:1px solid rgba(212,175,55,.18);padding-bottom:10px}.form-wrap .full{grid-column:auto}.conversion-card{padding:34px 22px}.conversion-left h2{font-size:34px}.conversion-item{grid-template-columns:38px 1fr;gap:14px}
}


/* =========================================================
   GARUDA GLOBAL REACH MAP MOTION FIX
   Makes the circled global reach map visually active.
   ========================================================= */

.reach-map {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  min-height: 280px !important;
  background:
    radial-gradient(circle at 52% 45%, rgba(212,175,55,.10), transparent 28%),
    linear-gradient(135deg, rgba(12,17,22,.96), rgba(5,7,9,.98)) !important;
}

/* Make original SVG/image gently move if present */
.reach-map img {
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 280px !important;
  object-fit: cover !important;
  opacity: .78 !important;
  filter: brightness(1.25) contrast(1.08) saturate(1.18)
          drop-shadow(0 0 18px rgba(212,175,55,.16)) !important;
  animation: garudaReachMapDrift 9s ease-in-out infinite alternate !important;
  transform-origin: center center !important;
}

/* Animated gold route overlay */
.reach-map::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 50% 43%, rgba(244,210,122,.95) 0 5px, transparent 7px),
    radial-gradient(circle at 19% 44%, rgba(244,210,122,.80) 0 4px, transparent 6px),
    radial-gradient(circle at 23% 74%, rgba(244,210,122,.70) 0 4px, transparent 6px),
    radial-gradient(circle at 86% 52%, rgba(244,210,122,.78) 0 4px, transparent 6px),
    radial-gradient(circle at 86% 75%, rgba(244,210,122,.70) 0 4px, transparent 6px),
    linear-gradient(18deg, transparent 38%, rgba(244,210,122,.17) 49%, transparent 58%),
    linear-gradient(158deg, transparent 39%, rgba(244,210,122,.14) 49%, transparent 59%),
    linear-gradient(7deg, transparent 42%, rgba(244,210,122,.10) 53%, transparent 62%);
  mix-blend-mode: screen !important;
  animation: garudaReachGlowPulse 2.8s ease-in-out infinite alternate !important;
}

/* Moving highlight sweep */
.reach-map::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 3 !important;
  pointer-events: none !important;
  background: linear-gradient(105deg,
    transparent 0%,
    transparent 34%,
    rgba(244,210,122,.16) 48%,
    transparent 62%,
    transparent 100%) !important;
  transform: translateX(-120%) !important;
  animation: garudaReachSweep 4.8s ease-in-out infinite !important;
}

/* Optional route animation for SVG paths if the map contains paths */
.reach-map svg path,
.reach-map .route,
.reach-map path {
  stroke-dasharray: 10 12 !important;
  animation: garudaReachRouteDash 5.8s linear infinite !important;
}

/* Add hover boost */
.reach-map:hover img {
  filter: brightness(1.38) contrast(1.12) saturate(1.25)
          drop-shadow(0 0 24px rgba(212,175,55,.28)) !important;
}

.reach-map:hover::before {
  opacity: 1 !important;
  filter: brightness(1.25) !important;
}

@keyframes garudaReachMapDrift {
  0% {
    transform: scale(1.01) translate(-5px, -3px);
  }
  50% {
    transform: scale(1.035) translate(6px, 2px);
  }
  100% {
    transform: scale(1.055) translate(10px, 5px);
  }
}

@keyframes garudaReachGlowPulse {
  0% {
    opacity: .50;
    filter: brightness(1);
  }
  100% {
    opacity: .96;
    filter: brightness(1.35);
  }
}

@keyframes garudaReachSweep {
  0%, 25% {
    transform: translateX(-120%);
    opacity: 0;
  }
  45% {
    opacity: .85;
  }
  75%, 100% {
    transform: translateX(120%);
    opacity: 0;
  }
}

@keyframes garudaReachRouteDash {
  to {
    stroke-dashoffset: -420;
  }
}

/* Mobile balance */
@media (max-width: 768px) {
  .reach-map {
    min-height: 240px !important;
  }

  .reach-map img {
    min-height: 240px !important;
    animation-duration: 12s !important;
  }

  .reach-map::after {
    animation-duration: 6.5s !important;
  }
}


/* =========================================================
   GARUDA PHASE-1A ENTERPRISE CONVERSION BUILD
   ========================================================= */

.why-garuda-section{
  background:
    radial-gradient(circle at 18% 20%, rgba(212,175,55,.07), transparent 24%),
    linear-gradient(145deg,#050607,#080b10 58%,#050607);
}

.authority-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}

.authority-card{
  position:relative;
  min-height:280px;
  padding:28px 24px;
  border:1px solid rgba(212,175,55,.22);
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01));
  overflow:hidden;
  transition:.25s ease;
}

.authority-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg,transparent,rgba(212,175,55,.07),transparent);
  transform:translateX(-120%);
  transition:.55s ease;
}

.authority-card:hover{
  transform:translateY(-6px);
  border-color:rgba(244,210,122,.55);
}

.authority-card:hover::before{
  transform:translateX(120%);
}

.authority-card span{
  color:var(--gold2);
  font-size:12px;
  font-weight:900;
  letter-spacing:.16em;
}

.authority-card h3{
  margin:22px 0 12px;
  font-family:Inter,Arial,sans-serif;
  font-size:18px;
  text-transform:uppercase;
  letter-spacing:.06em;
}

.authority-card p{
  margin:0;
  color:rgba(244,241,232,.72);
  font-size:14px;
  line-height:1.65;
}

.capability-section{
  background:#050607;
}

.capability-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}

.capability-card{
  border:1px solid rgba(212,175,55,.22);
  background:linear-gradient(145deg,#101318,#07090b);
  padding:26px;
  min-height:300px;
  transition:.25s ease;
}

.capability-card:hover{
  transform:translateY(-5px);
  border-color:rgba(244,210,122,.55);
  box-shadow:0 22px 60px rgba(0,0,0,.32);
}

.capability-mark{
  width:44px;
  height:44px;
  border-radius:50%;
  border:1px solid rgba(244,210,122,.45);
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--gold2);
  font-size:12px;
  font-weight:900;
  margin-bottom:22px;
  background:rgba(212,175,55,.06);
  box-shadow:0 0 20px rgba(212,175,55,.08);
}

.capability-card h3{
  font-family:Inter,Arial,sans-serif;
  font-size:17px;
  text-transform:uppercase;
  letter-spacing:.06em;
  margin-bottom:12px;
}

.capability-card p{
  margin:0;
  color:rgba(244,241,232,.72);
  font-size:14px;
  line-height:1.65;
}

.workflow-section{
  background:
    radial-gradient(circle at 70% 35%,rgba(212,175,55,.06),transparent 28%),
    linear-gradient(145deg,#050607,#080a0d);
}

.workflow-line{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:0;
  border:1px solid rgba(212,175,55,.22);
  background:rgba(255,255,255,.018);
}

.workflow-step{
  position:relative;
  min-height:260px;
  padding:30px 24px;
  border-right:1px solid rgba(212,175,55,.18);
}

.workflow-step:last-child{
  border-right:0;
}

.workflow-step strong{
  color:var(--gold2);
  font-size:12px;
  letter-spacing:.16em;
}

.workflow-step h3{
  margin:20px 0 12px;
  font-family:Inter,Arial,sans-serif;
  font-size:17px;
  text-transform:uppercase;
  letter-spacing:.055em;
}

.workflow-step p{
  margin:0;
  color:rgba(244,241,232,.70);
  font-size:14px;
  line-height:1.65;
}

.workflow-step::after{
  content:"";
  position:absolute;
  left:24px;
  right:24px;
  bottom:0;
  height:2px;
  background:linear-gradient(90deg,var(--gold),transparent);
  transform:scaleX(.35);
  transform-origin:left;
  transition:.3s ease;
}

.workflow-step:hover::after{
  transform:scaleX(1);
}

.rfq-section{
  background:
    radial-gradient(circle at 75% 30%,rgba(212,175,55,.10),transparent 28%),
    linear-gradient(145deg,#050607 0%,#080b10 55%,#050607 100%);
}

.rfq-shell{
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:54px;
  align-items:start;
  border:1px solid rgba(212,175,55,.24);
  background:linear-gradient(135deg,rgba(255,255,255,.03),rgba(255,255,255,.006));
  padding:54px;
  box-shadow:0 28px 90px rgba(0,0,0,.36);
}

.rfq-copy h2{
  font-size:clamp(36px,4vw,54px);
  margin-bottom:18px;
}

.rfq-copy p{
  color:rgba(244,241,232,.76);
  font-size:16px;
  line-height:1.75;
  margin:0;
}

.rfq-note{
  margin-top:30px;
  padding-top:20px;
  border-top:1px solid rgba(212,175,55,.18);
  color:rgba(244,241,232,.58);
  font-size:12px;
  letter-spacing:.13em;
  text-transform:uppercase;
}

.rfq-form{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}

.form-row{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.form-row.full{
  grid-column:1/-1;
}

.form-row label{
  color:var(--gold2);
  font-size:11px;
  font-weight:900;
  letter-spacing:.11em;
  text-transform:uppercase;
}

.rfq-form input,
.rfq-form select,
.rfq-form textarea{
  border:1px solid rgba(212,175,55,.26);
  background:rgba(4,6,8,.82);
  color:#fff;
  padding:14px;
  min-height:48px;
  outline:none;
  transition:.2s ease;
}

.rfq-form textarea{
  min-height:130px;
  resize:vertical;
}

.rfq-form input:focus,
.rfq-form select:focus,
.rfq-form textarea:focus{
  border-color:rgba(244,210,122,.70);
  box-shadow:0 0 0 3px rgba(212,175,55,.10);
}

.rfq-submit{
  width:fit-content;
  min-width:290px;
  border:0;
  cursor:pointer;
}

/* Footer upgrade */
.enterprise-footer{
  background:
    radial-gradient(circle at 80% 20%,rgba(212,175,55,.08),transparent 28%),
    #050607;
}

.footer-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:18px;
  min-height:42px;
  padding:0 18px;
  border:1px solid rgba(244,210,122,.40);
  color:var(--gold2)!important;
  font-size:11px!important;
  font-weight:900;
  letter-spacing:.09em;
  text-transform:uppercase;
}

.footer-cta:hover{
  background:rgba(212,175,55,.08);
}

/* Sticky mobile CTA */
.sticky-commercial-cta{
  display:none;
}

/* Phase 1A responsive */
@media(max-width:1050px){
  .authority-grid,
  .capability-grid,
  .workflow-line{
    grid-template-columns:repeat(2,1fr);
  }

  .workflow-step:nth-child(2){
    border-right:0;
  }

  .workflow-step:nth-child(1),
  .workflow-step:nth-child(2){
    border-bottom:1px solid rgba(212,175,55,.18);
  }

  .rfq-shell{
    grid-template-columns:1fr;
    padding:38px 28px;
  }
}

@media(max-width:640px){
  .authority-grid,
  .capability-grid,
  .workflow-line,
  .rfq-form{
    grid-template-columns:1fr;
  }

  .authority-card,
  .capability-card,
  .workflow-step{
    min-height:auto;
  }

  .workflow-step{
    border-right:0;
    border-bottom:1px solid rgba(212,175,55,.18);
  }

  .workflow-step:last-child{
    border-bottom:0;
  }

  .rfq-shell{
    padding:32px 20px;
  }

  .rfq-submit{
    width:100%;
    min-width:0;
  }

  .sticky-commercial-cta{
    display:flex;
    position:fixed;
    left:14px;
    right:14px;
    bottom:14px;
    z-index:1500;
    min-height:52px;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,#a87519,#e8c45d);
    color:#050607!important;
    font-size:12px;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
    box-shadow:0 18px 48px rgba(0,0,0,.45);
  }
}

.reveal-item{opacity:0;transform:translateY(26px);transition:opacity .7s ease, transform .7s ease}
.reveal-item.reveal-active{opacity:1;transform:translateY(0)}

/* =========================================================
   PHASE-2A COMMODITY DOMINATION SYSTEM
   ========================================================= */

.commodity-hero-enterprise{
  position:relative;
  overflow:hidden;
  padding:130px 0 110px;
  background:
    linear-gradient(90deg,rgba(2,8,20,.96),rgba(2,8,20,.78)),
    url('/assets/img/visual-commodity-ship.svg') center/cover no-repeat;
  border-bottom:1px solid rgba(212,175,55,.20);
}

.commodity-hero-overlay{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 78% 28%, rgba(212,175,55,.16), transparent 24%),
    linear-gradient(120deg, transparent, rgba(212,175,55,.05), transparent);
  animation:commodityGlow 4s ease-in-out infinite alternate;
}

.commodity-hero-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1fr .75fr;
  gap:44px;
  align-items:center;
}

.commodity-copy h1{
  font-size:clamp(44px,5vw,72px);
  color:#fff;
  line-height:1.02;
  margin-bottom:24px;
}

.commodity-lead{
  font-size:17px;
  color:rgba(244,241,232,.82);
  line-height:1.8;
  max-width:720px;
}

.commodity-hero-actions{
  display:flex;
  gap:16px;
  flex-wrap:wrap;
  margin-top:32px;
}

.commodity-tags{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:34px;
}

.commodity-tags span{
  border:1px solid rgba(212,175,55,.26);
  padding:10px 14px;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.09em;
  color:var(--gold2);
  background:rgba(255,255,255,.03);
}

.commodity-hero-panel{
  display:grid;
  gap:18px;
}

.commodity-panel-card{
  border:1px solid rgba(212,175,55,.22);
  background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.01));
  padding:28px;
  backdrop-filter:blur(10px);
}

.commodity-panel-card strong{
  display:block;
  color:var(--gold2);
  font-size:13px;
  letter-spacing:.13em;
  text-transform:uppercase;
  margin-bottom:18px;
}

.commodity-panel-card ul{
  margin:0;
  padding-left:18px;
  color:rgba(244,241,232,.78);
  line-height:1.9;
}

.commodity-authority{
  background:linear-gradient(145deg,#050607,#080c12);
}

.commodity-authority-grid,
.commodity-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}

.commodity-authority-card,
.commodity-card{
  border:1px solid rgba(212,175,55,.22);
  padding:28px;
  background:linear-gradient(145deg,#101318,#07090b);
  min-height:260px;
  transition:.25s ease;
}

.commodity-authority-card:hover,
.commodity-card:hover{
  transform:translateY(-6px);
  border-color:rgba(244,210,122,.52);
}

.commodity-authority-card span{
  color:var(--gold2);
  font-size:12px;
  font-weight:900;
  letter-spacing:.12em;
}

.commodity-authority-card h3,
.commodity-card h3,
.workflow-box h3{
  font-family:Inter,Arial,sans-serif;
  text-transform:uppercase;
  letter-spacing:.05em;
  font-size:18px;
  margin:18px 0 12px;
}

.commodity-authority-card p,
.commodity-card p,
.workflow-box p{
  color:rgba(244,241,232,.72);
  line-height:1.7;
  margin:0;
}

.commodity-icon{
  width:48px;
  height:48px;
  border-radius:50%;
  border:1px solid rgba(244,210,122,.42);
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--gold2);
  font-size:12px;
  font-weight:900;
  margin-bottom:18px;
}

.trade-corridors{
  background:
    radial-gradient(circle at 80% 30%, rgba(212,175,55,.08), transparent 28%),
    #050607;
}

.corridor-panel{
  border:1px solid rgba(212,175,55,.22);
  background:rgba(255,255,255,.02);
}

.corridor-route{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:24px 28px;
  border-bottom:1px solid rgba(212,175,55,.14);
}

.corridor-route:last-child{
  border-bottom:0;
}

.corridor-route strong{
  color:#fff;
  font-size:16px;
  letter-spacing:.05em;
}

.corridor-route span{
  color:rgba(244,241,232,.66);
}

.workflow-shell{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}

.workflow-box{
  border:1px solid rgba(212,175,55,.20);
  background:linear-gradient(145deg,#0d1115,#07090b);
  padding:28px;
  min-height:250px;
}

.workflow-box strong{
  color:var(--gold2);
  letter-spacing:.12em;
}

.commodity-rfq{
  background:
    radial-gradient(circle at 72% 28%, rgba(212,175,55,.12), transparent 28%),
    linear-gradient(145deg,#050607,#080b10);
}

.commodity-rfq-shell{
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:54px;
  padding:54px;
  border:1px solid rgba(212,175,55,.22);
  background:linear-gradient(145deg,rgba(255,255,255,.03),rgba(255,255,255,.01));
}

.commodity-rfq-copy h2{
  font-size:clamp(36px,4vw,56px);
  margin-bottom:20px;
}

.commodity-rfq-copy p{
  color:rgba(244,241,232,.78);
  line-height:1.8;
}

.commodity-rfq-note{
  margin-top:28px;
  padding-top:18px;
  border-top:1px solid rgba(212,175,55,.18);
  color:rgba(244,241,232,.58);
  text-transform:uppercase;
  font-size:12px;
  letter-spacing:.12em;
}

.commodity-rfq-form{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}

.commodity-submit-btn{
  min-width:320px;
  border:0;
  cursor:pointer;
}

@keyframes commodityGlow{
  0%{opacity:.55}
  100%{opacity:1}
}

@media(max-width:1050px){

  .commodity-hero-grid,
  .commodity-rfq-shell{
    grid-template-columns:1fr;
  }

  .commodity-authority-grid,
  .commodity-grid,
  .workflow-shell{
    grid-template-columns:repeat(2,1fr);
  }

}

@media(max-width:640px){

  .commodity-authority-grid,
  .commodity-grid,
  .workflow-shell,
  .commodity-rfq-form{
    grid-template-columns:1fr;
  }

  .commodity-hero-enterprise{
    padding:110px 0 90px;
  }

  .commodity-copy h1{
    font-size:42px;
  }

  .commodity-rfq-shell{
    padding:32px 20px;
  }

  .commodity-submit-btn{
    width:100%;
    min-width:0;
  }

}


/* =========================================================
   GARUDA HOMEPAGE PHASE-1A SAFETY RESTORE
   Ensures Why Garuda / Capabilities / Workflow / RFQ remain intact.
   ========================================================= */

.why-garuda-section,
.capability-section,
.workflow-section,
.rfq-section {
  display:block !important;
  visibility:visible !important;
}

.authority-grid,
.capability-grid,
.workflow-line {
  display:grid !important;
}

.rfq-shell {
  display:grid !important;
}

@media(max-width:1050px){
  .authority-grid,
  .capability-grid,
  .workflow-line {
    grid-template-columns:repeat(2,1fr) !important;
  }

  .rfq-shell {
    grid-template-columns:1fr !important;
  }
}

@media(max-width:640px){
  .authority-grid,
  .capability-grid,
  .workflow-line,
  .rfq-form {
    grid-template-columns:1fr !important;
  }
}



/* =========================================================
   PHASE-2B COMMODITY SEO + LEAD CAPTURE SYSTEM
   ========================================================= */

.commodity-buyer-supplier{
  background:
    radial-gradient(circle at 18% 25%,rgba(212,175,55,.07),transparent 28%),
    linear-gradient(145deg,#050607,#080b10);
}

.qualification-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
}

.qualification-panel{
  border:1px solid rgba(212,175,55,.24);
  background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.008));
  padding:34px;
  position:relative;
  overflow:hidden;
}

.qualification-panel::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg,transparent,rgba(212,175,55,.06),transparent);
  transform:translateX(-120%);
  transition:.55s ease;
}

.qualification-panel:hover::before{
  transform:translateX(120%);
}

.qualification-label{
  color:var(--gold2);
  font-size:12px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  margin-bottom:16px;
}

.qualification-panel h3{
  font-family:Inter,Arial,sans-serif;
  text-transform:uppercase;
  letter-spacing:.05em;
  margin-bottom:18px;
}

.qualification-panel ul{
  margin:0 0 26px;
  padding-left:18px;
  color:rgba(244,241,232,.76);
  line-height:1.9;
}

.commodity-trust-system{
  background:#050607;
}

.trust-system-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}

.trust-system-card{
  border:1px solid rgba(212,175,55,.20);
  background:linear-gradient(145deg,#101318,#07090b);
  padding:28px;
  min-height:260px;
  transition:.25s ease;
}

.trust-system-card:hover{
  transform:translateY(-5px);
  border-color:rgba(244,210,122,.55);
}

.trust-system-card span{
  color:var(--gold2);
  font-size:12px;
  font-weight:900;
  letter-spacing:.13em;
}

.trust-system-card h3{
  font-family:Inter,Arial,sans-serif;
  font-size:17px;
  text-transform:uppercase;
  letter-spacing:.05em;
  margin:18px 0 12px;
}

.trust-system-card p{
  color:rgba(244,241,232,.72);
  margin:0;
  line-height:1.65;
}

.commodity-seo-cta{
  padding:58px 0;
  background:
    radial-gradient(circle at 72% 28%,rgba(212,175,55,.12),transparent 28%),
    linear-gradient(145deg,#06101d,#050607);
  border-top:1px solid rgba(212,175,55,.18);
  border-bottom:1px solid rgba(212,175,55,.18);
}

.commodity-seo-cta-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:32px;
}

.commodity-seo-cta h2{
  font-size:clamp(30px,3.2vw,46px);
  max-width:820px;
  margin-bottom:14px;
}

.commodity-seo-cta p{
  color:rgba(244,241,232,.75);
  margin:0;
  max-width:820px;
}

.commodity-faq-section{
  background:linear-gradient(145deg,#050607,#080a0d);
}

.faq-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}

.faq-item{
  border:1px solid rgba(212,175,55,.22);
  background:rgba(255,255,255,.02);
  padding:20px 22px;
}

.faq-item summary{
  cursor:pointer;
  color:#fff;
  font-weight:900;
  letter-spacing:.03em;
  text-transform:uppercase;
  font-size:14px;
}

.faq-item summary::marker{
  color:var(--gold2);
}

.faq-item p{
  color:rgba(244,241,232,.72);
  line-height:1.7;
  margin:16px 0 0;
}

.commodity-internal-links{
  background:#050607;
}

.internal-link-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}

.internal-link-grid a{
  border:1px solid rgba(212,175,55,.20);
  padding:18px 20px;
  background:rgba(255,255,255,.02);
  color:rgba(244,241,232,.84);
  font-size:13px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  transition:.22s ease;
}

.internal-link-grid a:hover{
  transform:translateY(-3px);
  color:var(--gold2);
  border-color:rgba(244,210,122,.55);
  background:rgba(212,175,55,.06);
}

/* stronger commodity form lead capture */
.commodity-rfq-form input,
.commodity-rfq-form select,
.commodity-rfq-form textarea{
  transition:.22s ease;
}

.commodity-rfq-form input:focus,
.commodity-rfq-form select:focus,
.commodity-rfq-form textarea:focus{
  border-color:rgba(244,210,122,.75);
  box-shadow:0 0 0 3px rgba(212,175,55,.10);
  outline:none;
}

/* SEO section responsive */
@media(max-width:1050px){
  .trust-system-grid{
    grid-template-columns:repeat(2,1fr);
  }

  .commodity-seo-cta-inner{
    flex-direction:column;
    align-items:flex-start;
  }

  .faq-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:640px){
  .qualification-grid,
  .trust-system-grid,
  .internal-link-grid{
    grid-template-columns:1fr;
  }

  .commodity-seo-cta{
    padding:42px 0;
  }

  .qualification-panel{
    padding:26px 20px;
  }
}



/* =========================================================
   PHASE-2C COMMODITY TRUST + VISUAL UPGRADE
   ========================================================= */

.commodity-document-section{
  background:
    radial-gradient(circle at 18% 26%,rgba(212,175,55,.07),transparent 28%),
    linear-gradient(145deg,#050607,#080b10);
}

.document-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}

.document-card{
  border:1px solid rgba(212,175,55,.22);
  background:linear-gradient(145deg,#101318,#07090b);
  padding:28px;
  min-height:260px;
  transition:.25s ease;
  position:relative;
  overflow:hidden;
}

.document-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg,transparent,rgba(212,175,55,.055),transparent);
  transform:translateX(-120%);
  transition:.55s ease;
}

.document-card:hover{
  transform:translateY(-5px);
  border-color:rgba(244,210,122,.55);
}

.document-card:hover::after{
  transform:translateX(120%);
}

.document-card span{
  color:var(--gold2);
  font-size:12px;
  font-weight:900;
  letter-spacing:.14em;
}

.document-card h3{
  font-family:Inter,Arial,sans-serif;
  text-transform:uppercase;
  letter-spacing:.055em;
  font-size:17px;
  margin:18px 0 12px;
}

.document-card p{
  margin:0;
  color:rgba(244,241,232,.72);
  line-height:1.68;
}

.commodity-risk-section{
  background:#050607;
}

.commodity-risk-panel{
  display:grid;
  grid-template-columns:.95fr 1.05fr;
  gap:48px;
  align-items:center;
  border:1px solid rgba(212,175,55,.24);
  padding:48px;
  background:
    radial-gradient(circle at 82% 26%,rgba(212,175,55,.10),transparent 28%),
    linear-gradient(145deg,rgba(255,255,255,.028),rgba(255,255,255,.006));
}

.risk-copy h2{
  font-size:clamp(34px,3.6vw,52px);
  margin-bottom:18px;
}

.risk-copy p{
  color:rgba(244,241,232,.76);
  line-height:1.8;
  margin:0;
}

.risk-checks{
  display:grid;
  gap:14px;
}

.risk-item{
  border:1px solid rgba(212,175,55,.18);
  padding:20px 22px;
  background:rgba(255,255,255,.02);
  transition:.22s ease;
}

.risk-item:hover{
  transform:translateX(6px);
  border-color:rgba(244,210,122,.48);
}

.risk-item strong{
  display:block;
  color:#fff;
  font-size:14px;
  letter-spacing:.06em;
  text-transform:uppercase;
  margin-bottom:5px;
}

.risk-item span{
  color:rgba(244,241,232,.66);
  font-size:14px;
}

.commodity-visual-corridor{
  background:
    radial-gradient(circle at 50% 45%,rgba(212,175,55,.10),transparent 30%),
    linear-gradient(145deg,#06101d,#050607);
}

.visual-corridor-panel{
  position:relative;
  min-height:420px;
  border:1px solid rgba(212,175,55,.24);
  background:
    radial-gradient(circle at 50% 50%,rgba(212,175,55,.10),transparent 22%),
    linear-gradient(135deg,rgba(255,255,255,.03),rgba(255,255,255,.005));
  overflow:hidden;
}

.visual-corridor-panel::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:radial-gradient(rgba(244,210,122,.20) 1px,transparent 1px);
  background-size:36px 36px;
  opacity:.16;
  animation:commodityGridMove 20s linear infinite;
}

.corridor-hub{
  position:absolute;
  left:50%;
  top:50%;
  width:86px;
  height:86px;
  transform:translate(-50%,-50%);
  display:flex;
  align-items:center;
  justify-content:center;
}

.hub-core{
  position:relative;
  z-index:3;
  width:74px;
  height:74px;
  border-radius:50%;
  border:1px solid rgba(244,210,122,.70);
  display:flex;
  align-items:center;
  justify-content:center;
  color:#050607;
  background:linear-gradient(135deg,#b88921,#f4d27a);
  font-size:16px;
  font-weight:950;
  letter-spacing:.12em;
  box-shadow:0 0 36px rgba(212,175,55,.36);
}

.hub-ring{
  position:absolute;
  inset:-18px;
  border:1px solid rgba(244,210,122,.36);
  border-radius:50%;
  animation:commodityPulse 2.8s ease-out infinite;
}

.ring-two{
  inset:-42px;
  animation-delay:1.2s;
}

.moving-line{
  position:absolute;
  left:50%;
  top:50%;
  width:44%;
  height:2px;
  transform-origin:left center;
  background:linear-gradient(90deg,rgba(244,210,122,.85),transparent);
}

.moving-line span{
  position:absolute;
  left:0;
  top:-4px;
  width:10px;
  height:10px;
  border-radius:50%;
  background:#f4d27a;
  box-shadow:0 0 20px rgba(244,210,122,.95);
  animation:commodityDotMove 3.2s linear infinite;
}

.line-a{transform:rotate(18deg)}
.line-b{transform:rotate(156deg)}
.line-c{transform:rotate(-42deg)}
.line-d{transform:rotate(218deg)}

.line-b span{animation-duration:4s}
.line-c span{animation-duration:3.6s}
.line-d span{animation-duration:4.4s}

.marker{
  position:absolute;
  color:rgba(244,241,232,.84);
  font-size:12px;
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
  border:1px solid rgba(212,175,55,.24);
  padding:8px 12px;
  background:rgba(5,6,7,.55);
  backdrop-filter:blur(8px);
}

.m1{left:70%;top:38%}
.m2{left:57%;top:22%}
.m3{left:24%;top:63%}
.m4{left:22%;top:32%}
.m5{right:10%;bottom:18%}

.commodity-final-cta{
  padding:66px 0;
  background:
    radial-gradient(circle at 74% 28%,rgba(212,175,55,.13),transparent 28%),
    linear-gradient(145deg,#050607,#06101d);
  border-top:1px solid rgba(212,175,55,.20);
}

.commodity-final-cta-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:34px;
}

.commodity-final-cta h2{
  font-size:clamp(32px,3.4vw,52px);
  margin-bottom:14px;
}

.commodity-final-cta p{
  color:rgba(244,241,232,.74);
  margin:0;
  max-width:820px;
}

@keyframes commodityGridMove{
  from{background-position:0 0}
  to{background-position:360px 180px}
}

@keyframes commodityPulse{
  0%{transform:scale(.65);opacity:.85}
  100%{transform:scale(1.55);opacity:0}
}

@keyframes commodityDotMove{
  from{left:0;opacity:0}
  15%{opacity:1}
  85%{opacity:1}
  to{left:100%;opacity:0}
}

@media(max-width:1050px){
  .document-grid{
    grid-template-columns:repeat(2,1fr);
  }

  .commodity-risk-panel{
    grid-template-columns:1fr;
    padding:36px 28px;
  }

  .commodity-final-cta-inner{
    flex-direction:column;
    align-items:flex-start;
  }
}

@media(max-width:640px){
  .document-grid{
    grid-template-columns:1fr;
  }

  .visual-corridor-panel{
    min-height:360px;
  }

  .moving-line{
    width:38%;
  }

  .marker{
    font-size:10px;
    padding:6px 8px;
  }

  .m1{left:66%;top:36%}
  .m2{left:52%;top:18%}
  .m3{left:14%;top:65%}
  .m4{left:12%;top:30%}
  .m5{right:5%;bottom:15%}
}



/* =========================================================
   PHASE-2D COMMODITY FINAL POLISH
   ========================================================= */

.commodity-routing-section{
  background:
    radial-gradient(circle at 25% 28%,rgba(212,175,55,.08),transparent 28%),
    linear-gradient(145deg,#050607,#080b10);
}

.routing-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}

.routing-card{
  border:1px solid rgba(212,175,55,.22);
  background:linear-gradient(145deg,#101318,#07090b);
  padding:30px;
  min-height:260px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  transition:.25s ease;
  position:relative;
  overflow:hidden;
}

.routing-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg,transparent,rgba(212,175,55,.06),transparent);
  transform:translateX(-120%);
  transition:.55s ease;
}

.routing-card:hover{
  transform:translateY(-6px);
  border-color:rgba(244,210,122,.55);
}

.routing-card:hover::before{
  transform:translateX(120%);
}

.routing-card span{
  color:var(--gold2);
  font-size:12px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  margin-bottom:18px;
}

.routing-card h3{
  font-family:Inter,Arial,sans-serif;
  text-transform:uppercase;
  letter-spacing:.055em;
  font-size:18px;
  margin-bottom:14px;
}

.routing-card p{
  color:rgba(244,241,232,.72);
  line-height:1.68;
  margin:0;
}

.commodity-sticky-cta{
  display:none;
}

/* Final hero polish */
.commodity-hero-enterprise{
  min-height:620px;
  display:flex;
  align-items:center;
}

.commodity-copy h1{
  text-shadow:0 18px 46px rgba(0,0,0,.45);
}

.commodity-tags span{
  transition:.22s ease;
}

.commodity-tags span:hover{
  transform:translateY(-2px);
  border-color:rgba(244,210,122,.62);
  background:rgba(212,175,55,.08);
}

/* final CTA and forms */
.commodity-final-cta .btn,
.commodity-rfq .btn,
.commodity-submit-btn{
  box-shadow:0 14px 36px rgba(212,175,55,.16);
}

.commodity-final-cta .btn:hover,
.commodity-rfq .btn:hover,
.commodity-submit-btn:hover{
  box-shadow:0 18px 48px rgba(212,175,55,.28);
}

/* tighter internal links */
.internal-link-grid a{
  text-align:center;
}

/* footer consistency */
.footer.enterprise-footer,
.footer{
  border-top:1px solid rgba(212,175,55,.22);
}

/* performance-safe animation tuning */
@media (prefers-reduced-motion: reduce){
  *,
  *::before,
  *::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    scroll-behavior:auto !important;
  }
}

/* commodity mobile conversion polish */
@media(max-width:1050px){
  .routing-grid{
    grid-template-columns:1fr;
  }

  .commodity-hero-enterprise{
    min-height:auto;
  }

  .commodity-copy h1{
    font-size:clamp(40px,8vw,58px);
  }
}

@media(max-width:640px){
  .commodity-hero-actions .btn,
  .commodity-final-cta .btn,
  .commodity-submit-btn{
    width:100%;
  }

  .commodity-tags{
    gap:8px;
  }

  .commodity-tags span{
    font-size:10px;
    padding:8px 10px;
  }

  .commodity-sticky-cta{
    display:flex;
    position:fixed;
    left:14px;
    right:14px;
    bottom:14px;
    z-index:1800;
    min-height:52px;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,#a87519,#e8c45d);
    color:#050607!important;
    font-size:12px;
    font-weight:950;
    letter-spacing:.08em;
    text-transform:uppercase;
    box-shadow:0 18px 48px rgba(0,0,0,.46);
  }

  body{
    padding-bottom:72px;
  }
}

/* =========================================================
   PHASE-3A AI INFRASTRUCTURE UAE BUILD
   ========================================================= */
.tech-hero-enterprise{position:relative;overflow:hidden;min-height:640px;padding:130px 0 110px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(2,8,20,.97),rgba(2,8,20,.80)),url('/assets/img/visual-technology-ai.svg') center/cover no-repeat;border-bottom:1px solid rgba(212,175,55,.20)}
.tech-hero-overlay{position:absolute;inset:0;background:radial-gradient(circle at 78% 28%,rgba(212,175,55,.16),transparent 24%),radial-gradient(circle at 24% 78%,rgba(30,100,160,.16),transparent 28%),linear-gradient(120deg,transparent,rgba(212,175,55,.05),transparent);animation:techGlow 4s ease-in-out infinite alternate}
.tech-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr .75fr;gap:44px;align-items:center}
.tech-copy h1{font-size:clamp(44px,5vw,72px);color:#fff;line-height:1.02;margin-bottom:24px;text-shadow:0 18px 46px rgba(0,0,0,.45)}
.tech-lead{font-size:17px;color:rgba(244,241,232,.82);line-height:1.8;max-width:760px}
.tech-hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:32px}
.tech-tags{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.tech-tags span{border:1px solid rgba(212,175,55,.26);padding:10px 14px;font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:var(--gold2);background:rgba(255,255,255,.03);transition:.22s ease}
.tech-tags span:hover{transform:translateY(-2px);border-color:rgba(244,210,122,.62);background:rgba(212,175,55,.08)}
.tech-hero-panel{display:grid;gap:18px}
.tech-panel-card{border:1px solid rgba(212,175,55,.22);background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.01));padding:28px;backdrop-filter:blur(10px)}
.tech-panel-card strong{display:block;color:var(--gold2);font-size:13px;letter-spacing:.13em;text-transform:uppercase;margin-bottom:18px}
.tech-panel-card ul{margin:0;padding-left:18px;color:rgba(244,241,232,.78);line-height:1.9}
.tech-authority,.tech-document-section{background:radial-gradient(circle at 18% 26%,rgba(212,175,55,.07),transparent 28%),linear-gradient(145deg,#050607,#080b10)}
.tech-authority-grid,.tech-grid,.tech-doc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.tech-authority-card,.tech-card,.tech-doc-card{border:1px solid rgba(212,175,55,.22);padding:28px;background:linear-gradient(145deg,#101318,#07090b);min-height:260px;transition:.25s ease;position:relative;overflow:hidden}
.tech-authority-card:hover,.tech-card:hover,.tech-doc-card:hover{transform:translateY(-6px);border-color:rgba(244,210,122,.52)}
.tech-authority-card span,.tech-doc-card span{color:var(--gold2);font-size:12px;font-weight:900;letter-spacing:.12em}
.tech-authority-card h3,.tech-card h3,.tech-workflow-box h3,.tech-doc-card h3{font-family:Inter,Arial,sans-serif;text-transform:uppercase;letter-spacing:.05em;font-size:18px;margin:18px 0 12px}
.tech-authority-card p,.tech-card p,.tech-workflow-box p,.tech-doc-card p{color:rgba(244,241,232,.72);line-height:1.7;margin:0}
.tech-icon{width:48px;height:48px;border-radius:50%;border:1px solid rgba(244,210,122,.42);display:flex;align-items:center;justify-content:center;color:var(--gold2);font-size:12px;font-weight:900;margin-bottom:18px}
.tech-workflow{background:#050607}
.tech-workflow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.tech-workflow-box{border:1px solid rgba(212,175,55,.20);background:linear-gradient(145deg,#0d1115,#07090b);padding:28px;min-height:250px}
.tech-workflow-box strong{color:var(--gold2);letter-spacing:.12em}
.tech-partner-section{background:#050607}
.tech-partner-panel{display:grid;grid-template-columns:.95fr 1.05fr;gap:48px;align-items:center;border:1px solid rgba(212,175,55,.24);padding:48px;background:radial-gradient(circle at 82% 26%,rgba(212,175,55,.10),transparent 28%),linear-gradient(145deg,rgba(255,255,255,.028),rgba(255,255,255,.006))}
.tech-partner-copy h2{font-size:clamp(34px,3.6vw,52px);margin-bottom:18px}
.tech-partner-copy p{color:rgba(244,241,232,.76);line-height:1.8;margin:0}
.tech-partner-list{display:grid;gap:14px}
.tech-partner-list div{border:1px solid rgba(212,175,55,.18);padding:20px 22px;background:rgba(255,255,255,.02);transition:.22s ease}
.tech-partner-list div:hover{transform:translateX(6px);border-color:rgba(244,210,122,.48)}
.tech-partner-list strong{display:block;color:#fff;font-size:14px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:5px}
.tech-partner-list span{color:rgba(244,241,232,.66);font-size:14px}
.tech-seo-cta{padding:58px 0;background:radial-gradient(circle at 72% 28%,rgba(212,175,55,.12),transparent 28%),linear-gradient(145deg,#06101d,#050607);border-top:1px solid rgba(212,175,55,.18);border-bottom:1px solid rgba(212,175,55,.18)}
.tech-seo-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:32px}
.tech-seo-cta h2{font-size:clamp(30px,3.2vw,46px);max-width:820px;margin-bottom:14px}
.tech-seo-cta p{color:rgba(244,241,232,.75);margin:0;max-width:820px}
.tech-faq-section{background:linear-gradient(145deg,#050607,#080a0d)}
.tech-rfq{background:radial-gradient(circle at 72% 28%,rgba(212,175,55,.12),transparent 28%),linear-gradient(145deg,#050607,#080b10)}
.tech-rfq-shell{display:grid;grid-template-columns:.85fr 1.15fr;gap:54px;padding:54px;border:1px solid rgba(212,175,55,.22);background:linear-gradient(145deg,rgba(255,255,255,.03),rgba(255,255,255,.01))}
.tech-rfq-copy h2{font-size:clamp(36px,4vw,56px);margin-bottom:20px}
.tech-rfq-copy p{color:rgba(244,241,232,.78);line-height:1.8}
.tech-rfq-note{margin-top:28px;padding-top:18px;border-top:1px solid rgba(212,175,55,.18);color:rgba(244,241,232,.58);text-transform:uppercase;font-size:12px;letter-spacing:.12em}
.tech-rfq-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.tech-rfq-form input,.tech-rfq-form select,.tech-rfq-form textarea{transition:.22s ease}
.tech-rfq-form input:focus,.tech-rfq-form select:focus,.tech-rfq-form textarea:focus{border-color:rgba(244,210,122,.75);box-shadow:0 0 0 3px rgba(212,175,55,.10);outline:none}
.tech-submit-btn{min-width:320px;border:0;cursor:pointer;box-shadow:0 14px 36px rgba(212,175,55,.16)}
.tech-submit-btn:hover{box-shadow:0 18px 48px rgba(212,175,55,.28)}
.tech-sticky-cta{display:none}
@keyframes techGlow{0%{opacity:.55}100%{opacity:1}}
@media(max-width:1050px){.tech-hero-grid,.tech-rfq-shell,.tech-partner-panel{grid-template-columns:1fr}.tech-authority-grid,.tech-grid,.tech-doc-grid,.tech-workflow-grid{grid-template-columns:repeat(2,1fr)}.tech-seo-cta-inner{flex-direction:column;align-items:flex-start}}
@media(max-width:640px){.tech-authority-grid,.tech-grid,.tech-doc-grid,.tech-workflow-grid,.tech-rfq-form{grid-template-columns:1fr}.tech-hero-enterprise{min-height:auto;padding:110px 0 90px}.tech-copy h1{font-size:42px}.tech-rfq-shell{padding:32px 20px}.tech-submit-btn,.tech-hero-actions .btn,.tech-seo-cta .btn{width:100%;min-width:0}.tech-tags{gap:8px}.tech-tags span{font-size:10px;padding:8px 10px}.tech-sticky-cta{display:flex;position:fixed;left:14px;right:14px;bottom:14px;z-index:1800;min-height:52px;align-items:center;justify-content:center;background:linear-gradient(135deg,#a87519,#e8c45d);color:#050607!important;font-size:12px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 18px 48px rgba(0,0,0,.46)}}

.reveal-item{opacity:0;transform:translateY(26px);transition:opacity .7s ease, transform .7s ease}.reveal-item.reveal-active{opacity:1;transform:translateY(0)}



/* =========================================================
   PHASE-3B AI INFRASTRUCTURE PREMIUM EXPANSION
   ========================================================= */

.tech-network-visual-section{
  background:
    radial-gradient(circle at 50% 42%,rgba(212,175,55,.12),transparent 32%),
    linear-gradient(145deg,#06101d,#050607);
}

.ai-network-panel{
  position:relative;
  min-height:460px;
  border:1px solid rgba(212,175,55,.24);
  background:
    radial-gradient(circle at 50% 50%,rgba(30,100,160,.16),transparent 30%),
    linear-gradient(135deg,rgba(255,255,255,.032),rgba(255,255,255,.006));
  overflow:hidden;
}

.ai-network-panel::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(244,210,122,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(244,210,122,.05) 1px,transparent 1px);
  background-size:42px 42px;
  opacity:.36;
  animation:aiGridMove 18s linear infinite;
}

.ai-node{
  position:absolute;
  z-index:3;
  min-width:76px;
  min-height:76px;
  border-radius:50%;
  border:1px solid rgba(244,210,122,.42);
  background:rgba(5,6,7,.65);
  color:var(--gold2);
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  font-size:11px;
  font-weight:950;
  letter-spacing:.10em;
  text-transform:uppercase;
  box-shadow:0 0 26px rgba(212,175,55,.14);
  backdrop-filter:blur(8px);
}

.ai-node-core{
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:96px;
  height:96px;
  background:linear-gradient(135deg,#a87519,#f4d27a);
  color:#050607;
  box-shadow:0 0 46px rgba(212,175,55,.40);
  animation:aiCorePulse 2.8s ease-in-out infinite alternate;
}

.ai-node-a{left:16%;top:18%}
.ai-node-b{right:15%;top:18%}
.ai-node-c{left:20%;bottom:18%}
.ai-node-d{right:20%;bottom:18%}
.ai-node-e{left:47%;top:10%}
.ai-node-f{left:48%;bottom:10%}

.ai-line{
  position:absolute;
  left:50%;
  top:50%;
  width:34%;
  height:2px;
  transform-origin:left center;
  background:linear-gradient(90deg,rgba(244,210,122,.85),transparent);
  z-index:2;
}

.ai-line::after{
  content:"";
  position:absolute;
  left:0;
  top:-4px;
  width:10px;
  height:10px;
  border-radius:50%;
  background:#f4d27a;
  box-shadow:0 0 18px rgba(244,210,122,.95);
  animation:aiPacketMove 3.4s linear infinite;
}

.line-1{transform:rotate(220deg)}
.line-2{transform:rotate(320deg)}
.line-3{transform:rotate(140deg)}
.line-4{transform:rotate(40deg)}
.line-5{transform:rotate(270deg);width:26%}
.line-6{transform:rotate(90deg);width:26%}

.line-2::after{animation-duration:3.9s}
.line-3::after{animation-duration:4.2s}
.line-4::after{animation-duration:3.2s}
.line-5::after{animation-duration:4.5s}
.line-6::after{animation-duration:3.7s}

.tech-oem-section,
.tech-procurement-trust{
  background:
    radial-gradient(circle at 18% 26%,rgba(212,175,55,.07),transparent 28%),
    linear-gradient(145deg,#050607,#080b10);
}

.oem-grid,
.tech-trust-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}

.oem-card,
.tech-trust-card{
  border:1px solid rgba(212,175,55,.22);
  background:linear-gradient(145deg,#101318,#07090b);
  padding:28px;
  min-height:260px;
  transition:.25s ease;
  position:relative;
  overflow:hidden;
}

.oem-card:hover,
.tech-trust-card:hover{
  transform:translateY(-6px);
  border-color:rgba(244,210,122,.55);
}

.oem-card span,
.tech-trust-card span{
  color:var(--gold2);
  font-size:12px;
  font-weight:900;
  letter-spacing:.13em;
}

.oem-card h3,
.tech-trust-card h3{
  font-family:Inter,Arial,sans-serif;
  font-size:17px;
  text-transform:uppercase;
  letter-spacing:.055em;
  margin:18px 0 12px;
}

.oem-card p,
.tech-trust-card p{
  margin:0;
  color:rgba(244,241,232,.72);
  line-height:1.68;
}

.hyperscale-section{
  background:#050607;
}

.hyperscale-panel{
  display:grid;
  grid-template-columns:.95fr 1.05fr;
  gap:48px;
  align-items:center;
  border:1px solid rgba(212,175,55,.24);
  padding:48px;
  background:
    radial-gradient(circle at 82% 26%,rgba(30,100,160,.12),transparent 28%),
    linear-gradient(145deg,rgba(255,255,255,.028),rgba(255,255,255,.006));
}

.hyperscale-copy h2{
  font-size:clamp(34px,3.6vw,52px);
  margin-bottom:18px;
}

.hyperscale-copy p{
  color:rgba(244,241,232,.76);
  line-height:1.8;
  margin:0;
}

.hyperscale-checks{
  display:grid;
  gap:14px;
}

.hyperscale-checks div{
  border:1px solid rgba(212,175,55,.18);
  padding:20px 22px;
  background:rgba(255,255,255,.02);
  transition:.22s ease;
}

.hyperscale-checks div:hover{
  transform:translateX(6px);
  border-color:rgba(244,210,122,.48);
}

.hyperscale-checks strong{
  display:block;
  color:#fff;
  font-size:14px;
  letter-spacing:.06em;
  text-transform:uppercase;
  margin-bottom:5px;
}

.hyperscale-checks span{
  color:rgba(244,241,232,.66);
  font-size:14px;
}

.ai-final-routing{
  background:
    radial-gradient(circle at 24% 28%,rgba(212,175,55,.08),transparent 28%),
    linear-gradient(145deg,#050607,#080b10);
}

.ai-routing-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}

.ai-routing-card{
  border:1px solid rgba(212,175,55,.22);
  background:linear-gradient(145deg,#101318,#07090b);
  padding:30px;
  min-height:250px;
  transition:.25s ease;
  position:relative;
  overflow:hidden;
}

.ai-routing-card:hover{
  transform:translateY(-6px);
  border-color:rgba(244,210,122,.55);
}

.ai-routing-card span{
  color:var(--gold2);
  font-size:12px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.ai-routing-card h3{
  font-family:Inter,Arial,sans-serif;
  text-transform:uppercase;
  letter-spacing:.055em;
  font-size:18px;
  margin:18px 0 14px;
}

.ai-routing-card p{
  color:rgba(244,241,232,.72);
  line-height:1.68;
  margin:0;
}

@keyframes aiGridMove{
  from{background-position:0 0}
  to{background-position:420px 210px}
}

@keyframes aiCorePulse{
  from{filter:brightness(1);transform:translate(-50%,-50%) scale(1)}
  to{filter:brightness(1.16);transform:translate(-50%,-50%) scale(1.045)}
}

@keyframes aiPacketMove{
  from{left:0;opacity:0}
  15%{opacity:1}
  85%{opacity:1}
  to{left:100%;opacity:0}
}

@media(max-width:1050px){
  .oem-grid,
  .tech-trust-grid{
    grid-template-columns:repeat(2,1fr);
  }

  .hyperscale-panel{
    grid-template-columns:1fr;
    padding:36px 28px;
  }

  .ai-routing-grid{
    grid-template-columns:1fr;
  }

  .ai-network-panel{
    min-height:420px;
  }
}

@media(max-width:640px){
  .oem-grid,
  .tech-trust-grid{
    grid-template-columns:1fr;
  }

  .ai-network-panel{
    min-height:360px;
  }

  .ai-node{
    min-width:58px;
    min-height:58px;
    font-size:9px;
  }

  .ai-node-core{
    width:74px;
    height:74px;
  }

  .ai-line{
    width:30%;
  }
}


/* =========================================================
   PHASE-4A GOVERNMENT PROJECTS UAE BUILD
   No named client/company references.
   ========================================================= */

.gov-hero-enterprise{position:relative;overflow:hidden;min-height:640px;padding:130px 0 110px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(2,8,20,.97),rgba(2,8,20,.80)),url('/assets/img/visual-government-uae.svg') center/cover no-repeat;border-bottom:1px solid rgba(212,175,55,.20)}
.gov-hero-overlay{position:absolute;inset:0;background:radial-gradient(circle at 78% 28%,rgba(212,175,55,.16),transparent 24%),radial-gradient(circle at 24% 78%,rgba(30,100,160,.12),transparent 28%),linear-gradient(120deg,transparent,rgba(212,175,55,.05),transparent);animation:govGlow 4s ease-in-out infinite alternate}
.gov-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr .75fr;gap:44px;align-items:center}
.gov-copy h1{font-size:clamp(44px,5vw,72px);color:#fff;line-height:1.02;margin-bottom:24px;text-shadow:0 18px 46px rgba(0,0,0,.45)}
.gov-lead{font-size:17px;color:rgba(244,241,232,.82);line-height:1.8;max-width:760px}
.gov-hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:32px}
.gov-tags{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.gov-tags span{border:1px solid rgba(212,175,55,.26);padding:10px 14px;font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:var(--gold2);background:rgba(255,255,255,.03);transition:.22s ease}
.gov-tags span:hover{transform:translateY(-2px);border-color:rgba(244,210,122,.62);background:rgba(212,175,55,.08)}
.gov-hero-panel{display:grid;gap:18px}
.gov-panel-card{border:1px solid rgba(212,175,55,.22);background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.01));padding:28px;backdrop-filter:blur(10px)}
.gov-panel-card strong{display:block;color:var(--gold2);font-size:13px;letter-spacing:.13em;text-transform:uppercase;margin-bottom:18px}
.gov-panel-card ul{margin:0;padding-left:18px;color:rgba(244,241,232,.78);line-height:1.9}

.gov-authority,.gov-capability-section,.gov-compliance-section,.gov-routing-section{background:radial-gradient(circle at 18% 26%,rgba(212,175,55,.07),transparent 28%),linear-gradient(145deg,#050607,#080b10)}
.gov-authority-grid,.gov-capability-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.gov-authority-card,.gov-capability-card{border:1px solid rgba(212,175,55,.22);padding:28px;background:linear-gradient(145deg,#101318,#07090b);min-height:260px;transition:.25s ease;position:relative;overflow:hidden}
.gov-authority-card:hover,.gov-capability-card:hover{transform:translateY(-6px);border-color:rgba(244,210,122,.52)}
.gov-authority-card span{color:var(--gold2);font-size:12px;font-weight:900;letter-spacing:.12em}
.gov-authority-card h3,.gov-capability-card h3,.gov-workflow-box h3{font-family:Inter,Arial,sans-serif;text-transform:uppercase;letter-spacing:.05em;font-size:18px;margin:18px 0 12px}
.gov-authority-card p,.gov-capability-card p,.gov-workflow-box p{color:rgba(244,241,232,.72);line-height:1.7;margin:0}
.gov-icon{width:48px;height:48px;border-radius:50%;border:1px solid rgba(244,210,122,.42);display:flex;align-items:center;justify-content:center;color:var(--gold2);font-size:12px;font-weight:900;margin-bottom:18px}

.gov-workflow{background:#050607}
.gov-workflow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.gov-workflow-box{border:1px solid rgba(212,175,55,.20);background:linear-gradient(145deg,#0d1115,#07090b);padding:28px;min-height:250px}
.gov-workflow-box strong{color:var(--gold2);letter-spacing:.12em}

.gov-compliance-panel{display:grid;grid-template-columns:.95fr 1.05fr;gap:48px;align-items:center;border:1px solid rgba(212,175,55,.24);padding:48px;background:radial-gradient(circle at 82% 26%,rgba(212,175,55,.10),transparent 28%),linear-gradient(145deg,rgba(255,255,255,.028),rgba(255,255,255,.006))}
.gov-compliance-copy h2{font-size:clamp(34px,3.6vw,52px);margin-bottom:18px}
.gov-compliance-copy p{color:rgba(244,241,232,.76);line-height:1.8;margin:0}
.gov-compliance-list{display:grid;gap:14px}
.gov-compliance-list div{border:1px solid rgba(212,175,55,.18);padding:20px 22px;background:rgba(255,255,255,.02);transition:.22s ease}
.gov-compliance-list div:hover{transform:translateX(6px);border-color:rgba(244,210,122,.48)}
.gov-compliance-list strong{display:block;color:#fff;font-size:14px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:5px}
.gov-compliance-list span{color:rgba(244,241,232,.66);font-size:14px}

.gov-visual-system{background:radial-gradient(circle at 50% 42%,rgba(212,175,55,.12),transparent 32%),linear-gradient(145deg,#06101d,#050607)}
.gov-network-panel{position:relative;min-height:430px;border:1px solid rgba(212,175,55,.24);background:radial-gradient(circle at 50% 50%,rgba(212,175,55,.11),transparent 30%),linear-gradient(135deg,rgba(255,255,255,.032),rgba(255,255,255,.006));overflow:hidden}
.gov-network-panel::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(244,210,122,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(244,210,122,.05) 1px,transparent 1px);background-size:42px 42px;opacity:.36;animation:govGridMove 18s linear infinite}
.gov-node{position:absolute;z-index:3;min-width:78px;min-height:78px;border-radius:50%;border:1px solid rgba(244,210,122,.42);background:rgba(5,6,7,.65);color:var(--gold2);display:flex;align-items:center;justify-content:center;text-align:center;font-size:11px;font-weight:950;letter-spacing:.10em;text-transform:uppercase;box-shadow:0 0 26px rgba(212,175,55,.14);backdrop-filter:blur(8px)}
.gov-node-core{left:50%;top:50%;transform:translate(-50%,-50%);width:104px;height:104px;background:linear-gradient(135deg,#a87519,#f4d27a);color:#050607;box-shadow:0 0 46px rgba(212,175,55,.40);animation:govCorePulse 2.8s ease-in-out infinite alternate}
.gov-node-a{left:17%;top:18%}.gov-node-b{right:17%;top:18%}.gov-node-c{left:20%;bottom:18%}.gov-node-d{right:20%;bottom:18%}.gov-node-e{left:47%;bottom:10%}
.gov-line{position:absolute;left:50%;top:50%;width:34%;height:2px;transform-origin:left center;background:linear-gradient(90deg,rgba(244,210,122,.85),transparent);z-index:2}
.gov-line::after{content:"";position:absolute;left:0;top:-4px;width:10px;height:10px;border-radius:50%;background:#f4d27a;box-shadow:0 0 18px rgba(244,210,122,.95);animation:govPacketMove 3.4s linear infinite}
.gov-line-1{transform:rotate(220deg)}.gov-line-2{transform:rotate(320deg)}.gov-line-3{transform:rotate(140deg)}.gov-line-4{transform:rotate(40deg)}.gov-line-5{transform:rotate(90deg);width:26%}

.gov-seo-cta{padding:58px 0;background:radial-gradient(circle at 72% 28%,rgba(212,175,55,.12),transparent 28%),linear-gradient(145deg,#06101d,#050607);border-top:1px solid rgba(212,175,55,.18);border-bottom:1px solid rgba(212,175,55,.18)}
.gov-seo-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:32px}
.gov-seo-cta h2{font-size:clamp(30px,3.2vw,46px);max-width:820px;margin-bottom:14px}.gov-seo-cta p{color:rgba(244,241,232,.75);margin:0;max-width:820px}

.gov-faq-section{background:linear-gradient(145deg,#050607,#080a0d)}
.gov-routing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.gov-routing-card{border:1px solid rgba(212,175,55,.22);background:linear-gradient(145deg,#101318,#07090b);padding:30px;min-height:250px;transition:.25s ease;position:relative;overflow:hidden}
.gov-routing-card:hover{transform:translateY(-6px);border-color:rgba(244,210,122,.55)}
.gov-routing-card span{color:var(--gold2);font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.gov-routing-card h3{font-family:Inter,Arial,sans-serif;text-transform:uppercase;letter-spacing:.055em;font-size:18px;margin:18px 0 14px}
.gov-routing-card p{color:rgba(244,241,232,.72);line-height:1.68;margin:0}

.gov-rfq{background:radial-gradient(circle at 72% 28%,rgba(212,175,55,.12),transparent 28%),linear-gradient(145deg,#050607,#080b10)}
.gov-rfq-shell{display:grid;grid-template-columns:.85fr 1.15fr;gap:54px;padding:54px;border:1px solid rgba(212,175,55,.22);background:linear-gradient(145deg,rgba(255,255,255,.03),rgba(255,255,255,.01))}
.gov-rfq-copy h2{font-size:clamp(36px,4vw,56px);margin-bottom:20px}.gov-rfq-copy p{color:rgba(244,241,232,.78);line-height:1.8}
.gov-rfq-note{margin-top:28px;padding-top:18px;border-top:1px solid rgba(212,175,55,.18);color:rgba(244,241,232,.58);text-transform:uppercase;font-size:12px;letter-spacing:.12em}
.gov-rfq-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.gov-rfq-form input,.gov-rfq-form select,.gov-rfq-form textarea{transition:.22s ease}
.gov-rfq-form input:focus,.gov-rfq-form select:focus,.gov-rfq-form textarea:focus{border-color:rgba(244,210,122,.75);box-shadow:0 0 0 3px rgba(212,175,55,.10);outline:none}
.gov-submit-btn{min-width:320px;border:0;cursor:pointer;box-shadow:0 14px 36px rgba(212,175,55,.16)}.gov-submit-btn:hover{box-shadow:0 18px 48px rgba(212,175,55,.28)}
.gov-sticky-cta{display:none}

@keyframes govGlow{0%{opacity:.55}100%{opacity:1}}@keyframes govGridMove{from{background-position:0 0}to{background-position:420px 210px}}@keyframes govCorePulse{from{filter:brightness(1);transform:translate(-50%,-50%) scale(1)}to{filter:brightness(1.16);transform:translate(-50%,-50%) scale(1.045)}}@keyframes govPacketMove{from{left:0;opacity:0}15%{opacity:1}85%{opacity:1}to{left:100%;opacity:0}}

@media(max-width:1050px){.gov-hero-grid,.gov-rfq-shell,.gov-compliance-panel{grid-template-columns:1fr}.gov-authority-grid,.gov-capability-grid,.gov-workflow-grid{grid-template-columns:repeat(2,1fr)}.gov-seo-cta-inner{flex-direction:column;align-items:flex-start}.gov-routing-grid{grid-template-columns:1fr}}
@media(max-width:640px){.gov-authority-grid,.gov-capability-grid,.gov-workflow-grid,.gov-rfq-form{grid-template-columns:1fr}.gov-hero-enterprise{min-height:auto;padding:110px 0 90px}.gov-copy h1{font-size:42px}.gov-rfq-shell{padding:32px 20px}.gov-submit-btn,.gov-hero-actions .btn,.gov-seo-cta .btn{width:100%;min-width:0}.gov-tags{gap:8px}.gov-tags span{font-size:10px;padding:8px 10px}.gov-node{min-width:58px;min-height:58px;font-size:9px}.gov-node-core{width:78px;height:78px}.gov-sticky-cta{display:flex;position:fixed;left:14px;right:14px;bottom:14px;z-index:1800;min-height:52px;align-items:center;justify-content:center;background:linear-gradient(135deg,#a87519,#e8c45d);color:#050607!important;font-size:12px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 18px 48px rgba(0,0,0,.46)}}


/* =========================================================
PHASE-4B SECURITY & DEFENSE SOLUTIONS
========================================================= */

.sec-hero{
position:relative;
padding:130px 0 110px;
background:
linear-gradient(90deg,rgba(2,8,20,.96),rgba(2,8,20,.84)),
radial-gradient(circle at 78% 28%,rgba(212,175,55,.14),transparent 24%),
#050607;
overflow:hidden;
border-bottom:1px solid rgba(212,175,55,.18)
}

.sec-hero-grid{
display:grid;
grid-template-columns:1fr .72fr;
gap:44px;
align-items:center
}

.sec-hero h1{
font-size:clamp(44px,5vw,72px);
line-height:1.02;
margin-bottom:24px
}

.sec-lead{
font-size:17px;
line-height:1.8;
color:rgba(244,241,232,.82)
}

.sec-tags{
display:flex;
flex-wrap:wrap;
gap:12px;
margin-top:30px
}

.sec-tags span{
padding:10px 14px;
border:1px solid rgba(212,175,55,.24);
font-size:11px;
letter-spacing:.08em;
text-transform:uppercase;
color:var(--gold2)
}

.sec-actions{
display:flex;
gap:16px;
margin-top:32px
}

.sec-panel-wrap{
display:grid;
gap:18px
}

.sec-panel{
padding:28px;
border:1px solid rgba(212,175,55,.22);
background:linear-gradient(145deg,rgba(255,255,255,.03),rgba(255,255,255,.01))
}

.sec-panel strong{
display:block;
margin-bottom:16px;
color:var(--gold2);
letter-spacing:.12em;
text-transform:uppercase;
font-size:12px
}

.sec-panel ul{
padding-left:18px;
line-height:1.9;
color:rgba(244,241,232,.78)
}

.sec-platforms,.sec-compliance,.sec-routing{
background:linear-gradient(145deg,#050607,#080b10)
}

.sec-grid,.sec-route-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:18px
}

.sec-route-grid{
grid-template-columns:repeat(3,1fr)
}

.sec-card,.sec-route-card{
padding:28px;
border:1px solid rgba(212,175,55,.22);
background:linear-gradient(145deg,#101318,#07090b);
min-height:260px;
transition:.25s ease
}

.sec-card:hover,.sec-route-card:hover{
transform:translateY(-6px);
border-color:rgba(244,210,122,.52)
}

.sec-card span,.sec-route-card span{
color:var(--gold2);
font-size:12px;
font-weight:900;
letter-spacing:.12em;
text-transform:uppercase
}

.sec-card h3,.sec-route-card h3{
font-size:18px;
margin:18px 0 12px;
text-transform:uppercase
}

.sec-card p,.sec-route-card p{
line-height:1.7;
color:rgba(244,241,232,.72)
}

.sec-compliance-panel{
display:grid;
grid-template-columns:.95fr 1.05fr;
gap:48px;
padding:48px;
border:1px solid rgba(212,175,55,.22);
background:linear-gradient(145deg,rgba(255,255,255,.03),rgba(255,255,255,.01))
}

.sec-list{
display:grid;
gap:14px
}

.sec-list div{
padding:20px 22px;
border:1px solid rgba(212,175,55,.18)
}

.sec-list strong{
display:block;
margin-bottom:6px;
text-transform:uppercase;
font-size:13px
}

.sec-network{
background:radial-gradient(circle at 50% 42%,rgba(212,175,55,.12),transparent 32%),#050607
}

.sec-network-panel{
position:relative;
min-height:420px;
border:1px solid rgba(212,175,55,.22)
}

.sec-node{
position:absolute;
width:90px;
height:90px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
font-size:11px;
font-weight:900;
letter-spacing:.08em;
border:1px solid rgba(244,210,122,.42);
color:var(--gold2)
}

.sec-core{
left:50%;
top:50%;
transform:translate(-50%,-50%);
width:110px;
height:110px;
background:linear-gradient(135deg,#a87519,#f4d27a);
color:#050607
}

.sec-a{left:18%;top:18%}
.sec-b{right:18%;top:18%}
.sec-c{left:20%;bottom:18%}
.sec-d{right:20%;bottom:18%}
.sec-e{left:50%;bottom:8%;transform:translateX(-50%)}

.sec-rfq{
background:linear-gradient(145deg,#050607,#080b10)
}

.sec-rfq-shell{
display:grid;
grid-template-columns:.85fr 1.15fr;
gap:54px;
padding:54px;
border:1px solid rgba(212,175,55,.22)
}

.sec-rfq-form{
display:grid;
grid-template-columns:1fr 1fr;
gap:18px
}

@media(max-width:1050px){
.sec-hero-grid,
.sec-compliance-panel,
.sec-rfq-shell{
grid-template-columns:1fr
}

.sec-grid{
grid-template-columns:repeat(2,1fr)
}

.sec-route-grid{
grid-template-columns:1fr
}
}

@media(max-width:640px){
.sec-grid,
.sec-rfq-form{
grid-template-columns:1fr
}

.sec-hero{
padding:110px 0 90px
}

.sec-hero h1{
font-size:42px
}
}


/* ===== PHASE 4B REBUILD SECURITY ===== */
.sdx-hero{position:relative;padding:130px 0;background:radial-gradient(circle at 70% 30%,rgba(212,175,55,.12),transparent 26%),linear-gradient(145deg,#040507,#071018);overflow:hidden}
.sdx-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(244,210,122,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(244,210,122,.05) 1px,transparent 1px);background-size:48px 48px;animation:gridmove 18s linear infinite;opacity:.3}
.sdx-hero-grid{display:grid;grid-template-columns:1fr .8fr;gap:44px;align-items:center;position:relative;z-index:2}
.sdx-hero h1{font-size:clamp(46px,5vw,78px);line-height:1.02}
.sdx-lead{font-size:17px;line-height:1.9;color:rgba(244,241,232,.82)}
.sdx-tags{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.sdx-tags span{padding:10px 14px;border:1px solid rgba(212,175,55,.22);font-size:11px;text-transform:uppercase;color:var(--gold2)}
.sdx-actions{display:flex;gap:16px;margin-top:32px}
.sdx-command-panel{position:relative;height:520px}
.radar-ring{position:absolute;border:1px solid rgba(244,210,122,.18);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}
.ring1{width:180px;height:180px}.ring2{width:300px;height:300px}.ring3{width:420px;height:420px}
.core-node,.orbit-node{position:absolute;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.core-node{left:50%;top:50%;transform:translate(-50%,-50%);width:110px;height:110px;background:linear-gradient(135deg,#a87519,#f4d27a);color:#050607;box-shadow:0 0 38px rgba(212,175,55,.38)}
.orbit-node{width:82px;height:82px;border:1px solid rgba(244,210,122,.38);background:rgba(8,10,14,.9);color:var(--gold2)}
.n1{left:12%;top:26%}.n2{right:12%;top:26%}.n3{left:18%;bottom:18%}.n4{right:18%;bottom:18%}.n5{left:50%;top:8%;transform:translateX(-50%)}
.sdx-priority,.sdx-focus{background:linear-gradient(145deg,#050607,#090d12)}
.sdx-platform-grid,.roadmap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.sdx-card,.road-card{padding:30px;border:1px solid rgba(212,175,55,.2);background:linear-gradient(145deg,#101318,#07090b);min-height:260px;transition:.25s}
.sdx-card:hover,.road-card:hover{transform:translateY(-6px);border-color:rgba(244,210,122,.48)}
.sdx-card span,.road-card span{color:var(--gold2);font-size:12px;font-weight:900}
.sdx-readiness-panel{display:grid;grid-template-columns:.95fr 1.05fr;gap:48px;padding:48px;border:1px solid rgba(212,175,55,.2)}
.sdx-readiness-grid{display:grid;gap:14px}.sdx-readiness-grid div{padding:20px;border:1px solid rgba(212,175,55,.18)}
.partner-flow{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}
.partner-box{padding:26px;border:1px solid rgba(212,175,55,.2)}.partner-core{background:linear-gradient(135deg,#a87519,#f4d27a);color:#050607;font-weight:900}
.sdx-focus-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.focus-yes,.focus-no{padding:34px;border:1px solid rgba(212,175,55,.2)}
.sdx-contact-shell{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;padding:54px;border:1px solid rgba(212,175,55,.2)}
.sdx-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@keyframes gridmove{from{background-position:0 0}to{background-position:480px 240px}}
@media(max-width:1050px){.sdx-hero-grid,.sdx-readiness-panel,.sdx-contact-shell{grid-template-columns:1fr}.sdx-platform-grid,.roadmap-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.sdx-platform-grid,.roadmap-grid,.sdx-form,.sdx-focus-grid{grid-template-columns:1fr}.sdx-command-panel{height:360px}}


/* =========================================================
   PHASE-5A STRATEGIC PARTNERSHIP PLATFORM
   ========================================================= */

.spx-hero{position:relative;padding:130px 0 110px;background:radial-gradient(circle at 72% 28%,rgba(212,175,55,.14),transparent 26%),linear-gradient(145deg,#040507,#071018);overflow:hidden;border-bottom:1px solid rgba(212,175,55,.2)}
.spx-bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(244,210,122,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(244,210,122,.045) 1px,transparent 1px);background-size:52px 52px;animation:spxGrid 22s linear infinite;opacity:.36}
.spx-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr .78fr;gap:46px;align-items:center}
.spx-copy h1{font-size:clamp(46px,5vw,76px);line-height:1.02;color:#fff;margin-bottom:24px;text-shadow:0 18px 48px rgba(0,0,0,.45)}
.spx-lead{font-size:17px;line-height:1.9;color:rgba(244,241,232,.82);max-width:780px}
.spx-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:32px}
.spx-tags{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.spx-tags span{padding:10px 14px;border:1px solid rgba(212,175,55,.24);font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--gold2);background:rgba(255,255,255,.025)}
.spx-orbit{position:relative;height:500px}
.spx-ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(244,210,122,.18);border-radius:50%}
.spx-ring.r1{width:245px;height:245px}.spx-ring.r2{width:410px;height:410px}
.spx-core,.spx-node{position:absolute;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:11px;font-weight:950;letter-spacing:.09em;text-transform:uppercase}
.spx-core{left:50%;top:50%;transform:translate(-50%,-50%);width:128px;height:128px;background:linear-gradient(135deg,#a87519,#f4d27a);color:#050607;box-shadow:0 0 46px rgba(212,175,55,.38)}
.spx-node{width:88px;height:88px;border:1px solid rgba(244,210,122,.38);background:rgba(8,10,14,.88);color:var(--gold2)}
.spx-node.n1{left:8%;top:24%}.spx-node.n2{right:8%;top:24%}.spx-node.n3{left:16%;bottom:16%}.spx-node.n4{right:16%;bottom:16%}.spx-node.n5{left:50%;top:6%;transform:translateX(-50%)}

.spx-models,.spx-qualification,.spx-faq{background:linear-gradient(145deg,#050607,#080b10)}
.spx-card-grid,.spx-qual-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.spx-card,.spx-qual-card{border:1px solid rgba(212,175,55,.22);background:linear-gradient(145deg,#101318,#07090b);padding:30px;min-height:260px;transition:.25s ease}
.spx-card:hover,.spx-qual-card:hover{transform:translateY(-6px);border-color:rgba(244,210,122,.52)}
.spx-card span,.spx-qual-card span{color:var(--gold2);font-size:12px;font-weight:900;letter-spacing:.13em}
.spx-card h3,.spx-qual-card h3{font-family:Inter,Arial,sans-serif;text-transform:uppercase;letter-spacing:.05em;font-size:18px;margin:18px 0 12px}
.spx-card p,.spx-qual-card p{color:rgba(244,241,232,.72);line-height:1.7;margin:0}

.spx-ecosystem{background:#050607}
.spx-ecosystem-panel{display:grid;grid-template-columns:.95fr 1.05fr;gap:48px;align-items:center;border:1px solid rgba(212,175,55,.24);padding:48px;background:radial-gradient(circle at 82% 26%,rgba(212,175,55,.10),transparent 28%),linear-gradient(145deg,rgba(255,255,255,.028),rgba(255,255,255,.006))}
.spx-ecosystem-panel h2{font-size:clamp(34px,3.6vw,52px);margin-bottom:18px}
.spx-ecosystem-panel p{color:rgba(244,241,232,.76);line-height:1.8;margin:0}
.spx-layers{display:grid;gap:14px}.spx-layers div{padding:20px 22px;border:1px solid rgba(212,175,55,.18);background:rgba(255,255,255,.02);transition:.22s ease}.spx-layers div:hover{transform:translateX(6px);border-color:rgba(244,210,122,.48)}
.spx-layers strong{display:block;color:#fff;font-size:14px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:5px}.spx-layers span{color:rgba(244,241,232,.66);font-size:14px}

.spx-flow-section{background:radial-gradient(circle at 50% 42%,rgba(212,175,55,.10),transparent 32%),linear-gradient(145deg,#06101d,#050607)}
.spx-flow{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}
.spx-flow-box{padding:24px 22px;border:1px solid rgba(212,175,55,.22);background:rgba(255,255,255,.025);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:rgba(244,241,232,.84);min-width:160px;text-align:center}
.spx-flow-core{background:linear-gradient(135deg,#a87519,#f4d27a);color:#050607}.spx-arrow{color:var(--gold2);font-size:24px}

.spx-cta-strip{padding:60px 0;background:radial-gradient(circle at 74% 28%,rgba(212,175,55,.12),transparent 28%),linear-gradient(145deg,#050607,#06101d);border-top:1px solid rgba(212,175,55,.18);border-bottom:1px solid rgba(212,175,55,.18)}
.spx-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:34px}.spx-cta-inner h2{font-size:clamp(32px,3.4vw,52px);margin-bottom:14px}.spx-cta-inner p{color:rgba(244,241,232,.74);margin:0;max-width:820px}

.spx-form-section{background:linear-gradient(145deg,#050607,#080b10)}
.spx-form-shell{display:grid;grid-template-columns:.85fr 1.15fr;gap:54px;padding:54px;border:1px solid rgba(212,175,55,.22);background:linear-gradient(145deg,rgba(255,255,255,.03),rgba(255,255,255,.01))}
.spx-form-shell h2{font-size:clamp(36px,4vw,56px);margin-bottom:20px}.spx-form-shell p{color:rgba(244,241,232,.78);line-height:1.8}
.spx-note{margin-top:28px;padding-top:18px;border-top:1px solid rgba(212,175,55,.18);color:rgba(244,241,232,.58);text-transform:uppercase;font-size:12px;letter-spacing:.12em}
.spx-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.spx-submit{min-width:300px;border:0;cursor:pointer}

.spx-sticky-cta{display:none}
@keyframes spxGrid{from{background-position:0 0}to{background-position:520px 260px}}

@media(max-width:1050px){.spx-hero-grid,.spx-ecosystem-panel,.spx-form-shell{grid-template-columns:1fr}.spx-card-grid,.spx-qual-grid{grid-template-columns:repeat(2,1fr)}.spx-cta-inner{flex-direction:column;align-items:flex-start}}
@media(max-width:640px){.spx-card-grid,.spx-qual-grid,.spx-form{grid-template-columns:1fr}.spx-hero{padding:110px 0 90px}.spx-copy h1{font-size:42px}.spx-orbit{height:350px}.spx-core{width:104px;height:104px}.spx-node{width:68px;height:68px;font-size:9px}.spx-form-shell{padding:32px 20px}.spx-submit,.spx-actions .btn,.spx-cta-inner .btn{width:100%;min-width:0}.spx-sticky-cta{display:flex;position:fixed;left:14px;right:14px;bottom:14px;z-index:1800;min-height:52px;align-items:center;justify-content:center;background:linear-gradient(135deg,#a87519,#e8c45d);color:#050607!important;font-size:12px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 18px 48px rgba(0,0,0,.46)}}


/* =========================================================
   PHASE-5B GLOBAL MARKETS PAGE
   ========================================================= */

.mkx-hero{position:relative;padding:130px 0 110px;background:radial-gradient(circle at 76% 30%,rgba(212,175,55,.14),transparent 26%),linear-gradient(145deg,#040507,#071018);overflow:hidden;border-bottom:1px solid rgba(212,175,55,.2)}
.mkx-world-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(244,210,122,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(244,210,122,.045) 1px,transparent 1px);background-size:52px 52px;animation:mkxGrid 22s linear infinite;opacity:.36}
.mkx-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr .82fr;gap:46px;align-items:center}
.mkx-copy h1{font-size:clamp(46px,5vw,76px);line-height:1.02;color:#fff;margin-bottom:24px;text-shadow:0 18px 48px rgba(0,0,0,.45)}
.mkx-lead{font-size:17px;line-height:1.9;color:rgba(244,241,232,.82);max-width:780px}
.mkx-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:32px}
.mkx-tags{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.mkx-tags span{padding:10px 14px;border:1px solid rgba(212,175,55,.24);font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--gold2);background:rgba(255,255,255,.025)}

.mkx-map-panel{position:relative;height:520px;border:1px solid rgba(212,175,55,.2);background:radial-gradient(circle at 50% 50%,rgba(212,175,55,.10),transparent 28%),rgba(255,255,255,.015);overflow:hidden}
.mkx-map-panel:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(244,210,122,.20) 1px,transparent 1px);background-size:36px 36px;opacity:.16;animation:mkxDots 18s linear infinite}
.mkx-map-core,.mkx-market-node{position:absolute;z-index:3;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:11px;font-weight:950;letter-spacing:.09em;text-transform:uppercase}
.mkx-map-core{left:50%;top:50%;transform:translate(-50%,-50%);width:118px;height:118px;background:linear-gradient(135deg,#a87519,#f4d27a);color:#050607;box-shadow:0 0 46px rgba(212,175,55,.38)}
.mkx-market-node{width:82px;height:82px;border:1px solid rgba(244,210,122,.38);background:rgba(8,10,14,.88);color:var(--gold2)}
.node-gcc{left:55%;top:26%}.node-india{right:10%;top:42%}.node-africa{left:20%;bottom:20%}.node-europe{left:22%;top:22%}.node-asia{right:14%;bottom:16%}
.mkx-route{position:absolute;left:50%;top:50%;height:2px;width:34%;transform-origin:left center;background:linear-gradient(90deg,rgba(244,210,122,.82),transparent)}
.mkx-route:after{content:"";position:absolute;width:10px;height:10px;top:-4px;left:0;border-radius:50%;background:#f4d27a;box-shadow:0 0 18px rgba(244,210,122,.9);animation:mkxRoute 3.8s linear infinite}
.route-a{transform:rotate(310deg)}.route-b{transform:rotate(350deg)}.route-c{transform:rotate(140deg)}.route-d{transform:rotate(220deg)}.route-e{transform:rotate(40deg)}

.mkx-regions,.mkx-uae-hub,.mkx-faq{background:linear-gradient(145deg,#050607,#080b10)}
.mkx-region-grid,.mkx-hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.mkx-region-card,.mkx-hub-card{border:1px solid rgba(212,175,55,.22);background:linear-gradient(145deg,#101318,#07090b);padding:30px;min-height:250px;transition:.25s ease}
.mkx-region-card:hover,.mkx-hub-card:hover{transform:translateY(-6px);border-color:rgba(244,210,122,.52)}
.mkx-region-card span,.mkx-hub-card span{color:var(--gold2);font-size:12px;font-weight:900;letter-spacing:.13em}
.mkx-region-card h3,.mkx-hub-card h3{font-family:Inter,Arial,sans-serif;text-transform:uppercase;letter-spacing:.05em;font-size:18px;margin:18px 0 12px}
.mkx-region-card p,.mkx-hub-card p{color:rgba(244,241,232,.72);line-height:1.7;margin:0}

.mkx-corridors{background:radial-gradient(circle at 50% 42%,rgba(212,175,55,.10),transparent 32%),linear-gradient(145deg,#06101d,#050607)}
.mkx-corridor-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.mkx-corridor-card{border:1px solid rgba(212,175,55,.22);background:rgba(255,255,255,.025);padding:28px;min-height:230px;transition:.25s ease}
.mkx-corridor-card:hover{transform:translateY(-6px);border-color:rgba(244,210,122,.52);background:rgba(212,175,55,.055)}
.mkx-corridor-card strong{display:block;color:#fff;font-size:16px;letter-spacing:.05em;text-transform:uppercase;margin-bottom:12px}
.mkx-corridor-card span{color:rgba(244,241,232,.70);line-height:1.7}

.mkx-execution{background:#050607}
.mkx-execution-panel{display:grid;grid-template-columns:.95fr 1.05fr;gap:48px;align-items:center;border:1px solid rgba(212,175,55,.24);padding:48px;background:radial-gradient(circle at 82% 26%,rgba(212,175,55,.10),transparent 28%),linear-gradient(145deg,rgba(255,255,255,.028),rgba(255,255,255,.006))}
.mkx-execution-panel h2{font-size:clamp(34px,3.6vw,52px);margin-bottom:18px}
.mkx-execution-panel p{color:rgba(244,241,232,.76);line-height:1.8;margin:0}
.mkx-exec-list{display:grid;gap:14px}.mkx-exec-list div{padding:20px 22px;border:1px solid rgba(212,175,55,.18);background:rgba(255,255,255,.02);transition:.22s ease}.mkx-exec-list div:hover{transform:translateX(6px);border-color:rgba(244,210,122,.48)}
.mkx-exec-list strong{display:block;color:#fff;font-size:14px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:5px}.mkx-exec-list span{color:rgba(244,241,232,.66);font-size:14px}

.mkx-cta-strip{padding:60px 0;background:radial-gradient(circle at 74% 28%,rgba(212,175,55,.12),transparent 28%),linear-gradient(145deg,#050607,#06101d);border-top:1px solid rgba(212,175,55,.18);border-bottom:1px solid rgba(212,175,55,.18)}
.mkx-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:34px}.mkx-cta-inner h2{font-size:clamp(32px,3.4vw,52px);margin-bottom:14px}.mkx-cta-inner p{color:rgba(244,241,232,.74);margin:0;max-width:820px}

.mkx-form-section{background:linear-gradient(145deg,#050607,#080b10)}
.mkx-form-shell{display:grid;grid-template-columns:.85fr 1.15fr;gap:54px;padding:54px;border:1px solid rgba(212,175,55,.22);background:linear-gradient(145deg,rgba(255,255,255,.03),rgba(255,255,255,.01))}
.mkx-form-shell h2{font-size:clamp(36px,4vw,56px);margin-bottom:20px}.mkx-form-shell p{color:rgba(244,241,232,.78);line-height:1.8}
.mkx-note{margin-top:28px;padding-top:18px;border-top:1px solid rgba(212,175,55,.18);color:rgba(244,241,232,.58);text-transform:uppercase;font-size:12px;letter-spacing:.12em}
.mkx-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.mkx-submit{min-width:310px;border:0;cursor:pointer}

.mkx-sticky-cta{display:none}

@keyframes mkxGrid{from{background-position:0 0}to{background-position:520px 260px}}
@keyframes mkxDots{from{background-position:0 0}to{background-position:360px 180px}}
@keyframes mkxRoute{from{left:0;opacity:0}15%{opacity:1}85%{opacity:1}to{left:100%;opacity:0}}

@media(max-width:1050px){.mkx-hero-grid,.mkx-execution-panel,.mkx-form-shell{grid-template-columns:1fr}.mkx-region-grid,.mkx-hub-grid{grid-template-columns:repeat(2,1fr)}.mkx-corridor-grid{grid-template-columns:repeat(2,1fr)}.mkx-cta-inner{flex-direction:column;align-items:flex-start}}
@media(max-width:640px){.mkx-region-grid,.mkx-hub-grid,.mkx-corridor-grid,.mkx-form{grid-template-columns:1fr}.mkx-hero{padding:110px 0 90px}.mkx-copy h1{font-size:42px}.mkx-map-panel{height:360px}.mkx-map-core{width:92px;height:92px}.mkx-market-node{width:62px;height:62px;font-size:9px}.mkx-form-shell{padding:32px 20px}.mkx-submit,.mkx-actions .btn,.mkx-cta-inner .btn{width:100%;min-width:0}.mkx-sticky-cta{display:flex;position:fixed;left:14px;right:14px;bottom:14px;z-index:1800;min-height:52px;align-items:center;justify-content:center;background:linear-gradient(135deg,#a87519,#e8c45d);color:#050607!important;font-size:12px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 18px 48px rgba(0,0,0,.46)}}


/* ===== NEWS & INSIGHTS ===== */
.newsx-hero{position:relative;padding:130px 0;background:radial-gradient(circle at 72% 30%,rgba(212,175,55,.12),transparent 28%),linear-gradient(145deg,#040507,#071018);overflow:hidden}
.newsx-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(244,210,122,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(244,210,122,.04) 1px,transparent 1px);background-size:52px 52px;animation:newsGrid 20s linear infinite;opacity:.35}
.newsx-hero-grid{display:grid;grid-template-columns:1fr .8fr;gap:44px;position:relative;z-index:2}
.newsx-hero h1{font-size:clamp(46px,5vw,76px);line-height:1.02}
.newsx-lead{font-size:17px;line-height:1.9;color:rgba(244,241,232,.82)}
.newsx-tags{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.newsx-tags span{padding:10px 14px;border:1px solid rgba(212,175,55,.22);font-size:11px;color:var(--gold2)}
.newsx-actions{display:flex;gap:16px;margin-top:30px}
.newsx-panel{border:1px solid rgba(212,175,55,.2);padding:28px;background:rgba(255,255,255,.02)}
.ticker{overflow:hidden;white-space:nowrap}
.ticker-track{display:inline-flex;gap:40px;animation:ticker 20s linear infinite;color:var(--gold2);font-weight:800}
.newsx-grid-posts,.newsx-category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.newsx-card,.cat-card{padding:30px;border:1px solid rgba(212,175,55,.22);background:linear-gradient(145deg,#101318,#07090b);min-height:260px}
.newsx-card.featured{grid-column:span 2}
.badge{display:inline-block;padding:6px 10px;border:1px solid rgba(212,175,55,.2);font-size:11px;color:var(--gold2);margin-bottom:16px}
.newsx-list{display:grid;gap:14px}
.news-item{padding:22px;border:1px solid rgba(212,175,55,.18)}
.news-item span{color:var(--gold2);font-size:12px;text-transform:uppercase}
.newsx-cta{padding:60px 0;background:linear-gradient(145deg,#050607,#06101d)}
.newsx-cta-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}
@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes newsGrid{from{background-position:0 0}to{background-position:520px 260px}}
@media(max-width:1050px){.newsx-hero-grid{grid-template-columns:1fr}.newsx-grid-posts,.newsx-category-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.newsx-grid-posts,.newsx-category-grid{grid-template-columns:1fr}.newsx-card.featured{grid-column:auto}.newsx-actions,.newsx-cta-inner{flex-direction:column;align-items:flex-start}}


/* ===== CONTACT PAGE ===== */
.ctx-hero{position:relative;padding:130px 0;background:radial-gradient(circle at 72% 30%,rgba(212,175,55,.12),transparent 28%),linear-gradient(145deg,#040507,#071018)}
.ctx-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(244,210,122,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(244,210,122,.04) 1px,transparent 1px);background-size:52px 52px;animation:ctxGrid 20s linear infinite;opacity:.35}
.ctx-hero-grid{display:grid;grid-template-columns:1fr .7fr;gap:44px;position:relative;z-index:2}
.ctx-hero h1{font-size:clamp(46px,5vw,76px);line-height:1.02}
.ctx-lead{font-size:17px;line-height:1.9;color:rgba(244,241,232,.82)}
.ctx-actions{display:flex;gap:16px;margin-top:28px}
.ctx-tags{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.ctx-tags span{padding:10px 14px;border:1px solid rgba(212,175,55,.22);font-size:11px;color:var(--gold2)}
.ctx-response-card{padding:34px;border:1px solid rgba(212,175,55,.2);background:rgba(255,255,255,.03)}
.response-item{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid rgba(212,175,55,.12)}

.ctx-office-grid,.ctx-route-grid,.ctx-include-grid{display:grid;gap:18px}
.ctx-office-grid{grid-template-columns:repeat(3,1fr)}
.ctx-route-grid{grid-template-columns:repeat(3,1fr)}
.ctx-include-grid{grid-template-columns:repeat(2,1fr)}
.ctx-office-card,.ctx-route-card,.contact-box,.ctx-include-grid div{
padding:28px;border:1px solid rgba(212,175,55,.22);background:linear-gradient(145deg,#101318,#07090b)
}
.ctx-office-card.featured{border-color:rgba(244,210,122,.55)}
.ctx-route-card{text-align:center;font-weight:800}
.ctx-direct-shell,.ctx-form-shell{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px}
.ctx-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.ctx-note{margin-top:22px;font-size:12px;text-transform:uppercase;color:rgba(244,241,232,.55)}
@keyframes ctxGrid{from{background-position:0 0}to{background-position:520px 260px}}
@media(max-width:1050px){.ctx-hero-grid,.ctx-direct-shell,.ctx-form-shell{grid-template-columns:1fr}.ctx-office-grid,.ctx-route-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.ctx-office-grid,.ctx-route-grid,.ctx-include-grid,.ctx-form{grid-template-columns:1fr}.ctx-actions{flex-direction:column}}


/* =========================================================
   PHASE-7A HOMEPAGE FINAL ENTERPRISE UPGRADE V18
   Conservative additive layer: no page wash, no destructive resets.
   ========================================================= */

.site-header{
  transition:height .25s ease, background .25s ease, box-shadow .25s ease;
}

.site-header::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(244,210,122,.45),transparent);
  opacity:.72;
}

.main-nav > a,
.main-nav .dropdown > a{
  position:relative;
}

.main-nav > a::after,
.main-nav .dropdown > a::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-10px;
  height:1px;
  background:var(--gold2);
  transform:scaleX(0);
  transform-origin:left;
  transition:.22s ease;
  opacity:.75;
}

.main-nav > a:hover::after,
.main-nav .dropdown > a:hover::after{
  transform:scaleX(1);
}

.v18-trust-bar{
  background:linear-gradient(90deg,rgba(5,6,7,.98),rgba(6,16,29,.96),rgba(5,6,7,.98));
  border-top:1px solid rgba(212,175,55,.16);
  border-bottom:1px solid rgba(212,175,55,.18);
  padding:16px 0;
}

.v18-trust-inner{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:20px;
  flex-wrap:wrap;
  text-align:center;
}

.v18-trust-inner span{
  color:rgba(244,241,232,.78);
  font-size:11px;
  font-weight:900;
  letter-spacing:.10em;
  text-transform:uppercase;
  border:1px solid rgba(212,175,55,.16);
  padding:8px 12px;
  background:rgba(255,255,255,.018);
}

.v18-industries{
  background:
    radial-gradient(circle at 18% 26%,rgba(212,175,55,.07),transparent 28%),
    linear-gradient(145deg,#050607,#080b10);
}

.v18-industry-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}

.v18-industry-card{
  border:1px solid rgba(212,175,55,.22);
  background:linear-gradient(145deg,#101318,#07090b);
  padding:28px;
  min-height:250px;
  transition:.25s ease;
  position:relative;
  overflow:hidden;
}

.v18-industry-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg,transparent,rgba(212,175,55,.055),transparent);
  transform:translateX(-120%);
  transition:.55s ease;
}

.v18-industry-card:hover{
  transform:translateY(-6px);
  border-color:rgba(244,210,122,.55);
}

.v18-industry-card:hover::before{
  transform:translateX(120%);
}

.v18-industry-card span{
  color:var(--gold2);
  font-size:12px;
  font-weight:900;
  letter-spacing:.13em;
}

.v18-industry-card h3{
  font-family:Inter,Arial,sans-serif;
  font-size:17px;
  text-transform:uppercase;
  letter-spacing:.055em;
  margin:18px 0 12px;
}

.v18-industry-card p{
  margin:0;
  color:rgba(244,241,232,.72);
  line-height:1.68;
}

.v18-governance{
  background:#050607;
}

.v18-governance-panel{
  display:grid;
  grid-template-columns:.95fr 1.05fr;
  gap:48px;
  align-items:center;
  border:1px solid rgba(212,175,55,.24);
  padding:48px;
  background:
    radial-gradient(circle at 82% 26%,rgba(212,175,55,.10),transparent 28%),
    linear-gradient(145deg,rgba(255,255,255,.028),rgba(255,255,255,.006));
}

.v18-governance-panel h2{
  font-size:clamp(34px,3.6vw,52px);
  margin-bottom:18px;
}

.v18-governance-panel p{
  color:rgba(244,241,232,.76);
  line-height:1.8;
  margin:0;
}

.v18-governance-list{
  display:grid;
  gap:14px;
}

.v18-governance-list div{
  border:1px solid rgba(212,175,55,.18);
  padding:20px 22px;
  background:rgba(255,255,255,.02);
  transition:.22s ease;
}

.v18-governance-list div:hover{
  transform:translateX(6px);
  border-color:rgba(244,210,122,.48);
}

.v18-governance-list strong{
  display:block;
  color:#fff;
  font-size:14px;
  letter-spacing:.06em;
  text-transform:uppercase;
  margin-bottom:5px;
}

.v18-governance-list span{
  color:rgba(244,241,232,.66);
  font-size:14px;
}

.v18-final-cta{
  padding:66px 0;
  background:
    radial-gradient(circle at 74% 28%,rgba(212,175,55,.13),transparent 28%),
    linear-gradient(145deg,#050607,#06101d);
  border-top:1px solid rgba(212,175,55,.20);
  border-bottom:1px solid rgba(212,175,55,.16);
}

.v18-final-cta-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:34px;
}

.v18-final-cta h2{
  font-size:clamp(32px,3.4vw,52px);
  margin-bottom:14px;
}

.v18-final-cta p{
  color:rgba(244,241,232,.74);
  margin:0;
  max-width:820px;
}

/* Named entity cleanup visual replacement */
.partner-visual:after{
  content:"ENERGY & UTILITIES  •  PORTS & LOGISTICS  •  GOVERNMENT PROGRAMS  •  CRITICAL INFRASTRUCTURE  •  TECHNOLOGY PLATFORMS" !important;
}

/* V18 responsive safety */
@media(max-width:1050px){
  .v18-industry-grid{
    grid-template-columns:repeat(2,1fr);
  }

  .v18-governance-panel{
    grid-template-columns:1fr;
    padding:36px 28px;
  }

  .v18-final-cta-inner{
    flex-direction:column;
    align-items:flex-start;
  }
}

@media(max-width:640px){
  .v18-industry-grid{
    grid-template-columns:1fr;
  }

  .v18-industry-card{
    min-height:auto;
  }

  .v18-trust-inner{
    align-items:stretch;
  }

  .v18-trust-inner span{
    width:100%;
  }

  .v18-final-cta .btn{
    width:100%;
  }
}

.site-header.is-scrolled{
  background:rgba(5,6,7,.985);
  box-shadow:0 14px 44px rgba(0,0,0,.42);
}


/* =========================================================
   GARUDA LEAD CAPTURE COMPLETE PLUG-AND-PLAY
   Non-destructive conversion layer
   ========================================================= */

.ghg-commercial-note{
  margin-bottom:22px;
  padding:18px;
  border:1px solid rgba(212,175,55,.20);
  background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.01));
  display:grid;
  gap:8px;
}

.ghg-commercial-note strong{
  color:#fff;
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.ghg-commercial-note span{
  color:rgba(244,241,232,.72);
  line-height:1.7;
  font-size:14px;
}

.ghg-wa-float{
  position:fixed;
  right:20px;
  bottom:20px;
  z-index:2200;
  padding:14px 18px;
  background:linear-gradient(135deg,#a87519,#f4d27a);
  color:#050607!important;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:11px;
  box-shadow:0 18px 48px rgba(0,0,0,.42);
  transition:.22s ease;
}

.ghg-wa-float:hover{
  transform:translateY(-2px);
}

.ghg-lead-mini-strip{
  background:linear-gradient(90deg,#050607,#0a1320,#050607);
  border-top:1px solid rgba(212,175,55,.16);
  border-bottom:1px solid rgba(212,175,55,.16);
  padding:12px 0;
}

.ghg-lead-mini-inner{
  width:min(1280px,92%);
  margin:auto;
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  justify-content:center;
}

.ghg-lead-mini-inner span{
  padding:7px 12px;
  border:1px solid rgba(212,175,55,.18);
  color:rgba(244,241,232,.82);
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.10em;
  font-weight:900;
  background:rgba(255,255,255,.018);
}

@media(max-width:640px){
  .ghg-wa-float{
    left:14px;
    right:14px;
    bottom:14px;
    text-align:center;
  }

  .ghg-lead-mini-inner span{
    width:100%;
    text-align:center;
  }
}



/* =========================================================
   GARUDA MOBILE MENU FIX - NON DESTRUCTIVE
   ========================================================= */
@media(max-width:1050px){
  .mobile-toggle{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    position:relative !important;
    z-index:100002 !important;
    cursor:pointer !important;
    pointer-events:auto !important;
  }

  .main-nav{
    z-index:100001 !important;
    pointer-events:auto !important;
  }

  .main-nav.open{
    display:flex !important;
    position:fixed !important;
    top:82px !important;
    left:0 !important;
    right:0 !important;
    max-height:calc(100vh - 82px) !important;
    overflow-y:auto !important;
    background:#050607 !important;
    border-top:1px solid rgba(212,175,55,.22) !important;
    border-bottom:1px solid rgba(212,175,55,.22) !important;
    padding:22px !important;
    box-shadow:0 28px 70px rgba(0,0,0,.70) !important;
  }

  .main-nav.open a{
    width:100% !important;
    padding:10px 0 !important;
  }

  .main-nav.open .dropdown{
    width:100% !important;
  }

  .main-nav.open .dropdown-menu{
    display:flex !important;
    position:static !important;
    width:100% !important;
    margin-top:10px !important;
  }

  body.garuda-menu-open{
    overflow:hidden !important;
  }
}

@media(max-width:640px){
  .main-nav.open{
    top:76px !important;
    max-height:calc(100vh - 76px) !important;
  }
}
