:root {
  --pearl: #fffdf7;
  --sand: #ead7b7;
  --navy: #071b33;
  --gold: #c99a3d;
  --green: #00732f;
  --red: #b31942;
  --charcoal: #111827;
  --border: #d9c7a3;
  --muted: #68717e;
  --soft: #f6efe2;
  --footer: #061421;
  --emirate-primary: var(--navy);
  --emirate-secondary: var(--gold);
  --emirate-soft: #f4ead8;
  --shadow: 0 22px 58px rgba(22, 24, 29, 0.12);
}
* { box-sizing: border-box; }
html { max-width: 100%; overflow-x: hidden; scroll-behavior: smooth; }
body { max-width: 100%; margin: 0; overflow-x: hidden; color: var(--charcoal); background: var(--pearl); font-family: Inter, "Segoe UI", Arial, sans-serif; letter-spacing: 0; }
a { color: inherit; text-decoration: none; }
p { max-width: 880px; margin: 0 0 18px; line-height: 1.68; }
h1, h2, h3 { margin: 0; color: var(--navy); letter-spacing: 0; }
h1 { font-size: 66px; line-height: 1.02; }
h2 { font-size: 36px; line-height: 1.15; }
h3 { font-size: 22px; line-height: 1.28; }

.site-header { position: sticky; top: 0; z-index: 40; color: #fff; background: rgba(7,27,51,0.98); border-bottom: 1px solid rgba(201,154,61,0.45); }
.flag-line { height: 4px; display: grid; grid-template-columns: 12% 29.33% 29.33% 29.34%; }
.flag-line i:nth-child(1) { background: var(--red); }.flag-line i:nth-child(2) { background: var(--green); }.flag-line i:nth-child(3) { background: #fff; }.flag-line i:nth-child(4) { background: #111; }
.header-inner { width: min(1440px, calc(100% - 40px)); min-height: 78px; margin: 0 auto; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 25px; }
.brand { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 12px; }
.brand > span:last-child { display: grid; }
.brand b { color: #fff; font-size: 17px; }
.brand small { color: var(--gold); font-size: 10px; font-weight: 900; letter-spacing: 0.14em; text-transform: uppercase; }
.compass-mark { position: relative; width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid var(--gold); border-radius: 50%; }
.compass-mark:before, .compass-mark:after { content: ""; position: absolute; background: var(--gold); }
.compass-mark:before { width: 2px; height: 32px; }.compass-mark:after { width: 32px; height: 2px; }
.compass-mark i { width: 13px; height: 13px; display: block; background: linear-gradient(135deg, var(--red) 0 50%, var(--green) 50%); transform: rotate(45deg); }
.primary-nav { min-width: 0; flex: 1 1 850px; display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 2px; color: #d9e0e9; font-size: 11px; font-weight: 800; }
.primary-nav a { padding: 9px 8px; white-space: nowrap; border-bottom: 1px solid transparent; }
.primary-nav a:hover, .primary-nav a:focus-visible { color: #fff; border-bottom-color: var(--gold); }

.eyebrow { margin: 0 0 12px; color: var(--green); font-size: 10px; font-weight: 900; letter-spacing: 0.16em; text-transform: uppercase; }
.primary-action, .secondary-action { min-height: 46px; padding: 0 19px; display: inline-flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 900; }
.primary-action { color: #fff; background: var(--navy); border: 1px solid var(--navy); }
.primary-action:hover { background: var(--green); border-color: var(--green); }
.secondary-action { color: var(--navy); background: rgba(255,255,255,0.58); border: 1px solid var(--gold); }
.secondary-action:hover { color: #fff; background: var(--red); border-color: var(--red); }

.uae-hero { min-height: 620px; padding: 72px max(24px, calc((100% - 1440px) / 2)); display: grid; grid-template-columns: minmax(0, 0.92fr) minmax(570px, 1.08fr); align-items: center; gap: 42px; background-color: var(--pearl); background-image: linear-gradient(90deg, rgba(255,253,247,0.99) 0%, rgba(255,253,247,0.94) 38%, rgba(255,253,247,0.14) 67%), url("/assets/uae-company-compass.jpg"); background-position: center; background-size: cover; border-bottom: 1px solid var(--border); }
.hero-copy { padding-left: 25px; border-left: 5px solid var(--red); }
.hero-copy h1 { max-width: 720px; }
.hero-copy > p:not(.eyebrow) { margin-top: 23px; color: #47505c; font-size: 18px; }
.hero-copy > div { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 27px; }
.seven-compass { position: relative; min-height: 470px; }
.compass-center { position: absolute; left: 52%; top: 49%; width: 126px; height: 126px; display: grid; place-items: center; align-content: center; color: #fff; background: rgba(7,27,51,0.94); border: 8px double var(--gold); border-radius: 50%; transform: translate(-50%, -50%); box-shadow: var(--shadow); }
.compass-center b { font-size: 32px; }.compass-center span { font-size: 10px; font-weight: 900; text-transform: uppercase; }
.compass-emirate { position: absolute; min-width: 126px; padding: 10px 13px; color: var(--navy); background: rgba(255,253,247,0.91); border: 1px solid var(--border); border-top: 3px solid var(--gold); font-size: 11px; font-weight: 900; text-align: center; box-shadow: 0 10px 24px rgba(7,27,51,0.1); }
.compass-emirate span { margin-right: 6px; color: var(--red); font-size: 9px; }
.compass-emirate:hover { color: #fff; background: var(--green); border-color: var(--green); }
.compass-1 { left: 2%; top: 14%; }.compass-2 { left: 38%; top: 2%; }.compass-3 { right: 1%; top: 17%; }.compass-4 { right: 0; top: 47%; }.compass-5 { right: 9%; bottom: 7%; }.compass-6 { left: 35%; bottom: 0; }.compass-7 { left: 0; bottom: 13%; }

.emirate-panorama, .content-band, .breadcrumbs, .page-intro { width: min(1360px, calc(100% - 48px)); margin: 0 auto; }
.emirate-panorama, .content-band { padding: 76px 0; }
.wide-band { width: 100%; padding: 76px max(24px, calc((100% - 1360px) / 2)); }
.section-heading { margin-bottom: 34px; display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(300px, 0.65fr); align-items: end; gap: 35px; }
.section-heading .eyebrow, .section-heading h2 { grid-column: 1; }
.section-heading > p:not(.eyebrow) { grid-column: 2; grid-row: 1 / span 2; margin: 0; color: var(--muted); }
.emirate-path { display: grid; border-top: 1px solid var(--border); }
.emirate-path > a { min-height: 96px; padding: 18px 22px; position: relative; display: grid; grid-template-columns: 60px 1fr 145px; align-items: center; gap: 25px; overflow: hidden; border-right: 1px solid var(--border); border-bottom: 1px solid var(--border); border-left: 1px solid var(--border); background: linear-gradient(90deg, var(--emirate-soft), var(--pearl)); }
.emirate-path > a:after { content: ""; position: absolute; right: 125px; bottom: -45px; width: 170px; height: 90px; border: 1px solid var(--emirate-secondary); border-radius: 50% 50% 0 0; opacity: 0.28; }
.emirate-path > a > span { color: var(--emirate-secondary); font-size: 24px; font-weight: 900; }
.emirate-path h3 { color: var(--emirate-primary); font-size: 25px; }
.emirate-path p { margin: 5px 0 0; color: var(--muted); font-size: 12px; }
.emirate-path strong { color: var(--emirate-primary); font-size: 10px; text-align: right; text-transform: uppercase; }
.emirate-path > a:hover { color: #fff; background: var(--emirate-primary); }
.emirate-path > a:hover h3, .emirate-path > a:hover p, .emirate-path > a:hover strong { color: #fff; }
.emirates-strip { padding: 22px max(24px, calc((100% - 1440px) / 2)); display: grid; grid-template-columns: repeat(5, 1fr); color: #fff; background: var(--navy); border-top: 4px solid var(--gold); }
.emirates-strip div { min-height: 60px; padding: 8px 18px; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid #34475d; }
.emirates-strip div:last-child { border-right: 0; }
.emirates-strip span { color: var(--gold); font-size: 13px; font-weight: 900; }.emirates-strip strong { margin-top: 5px; font-size: 11px; }

.souk-lanes, .sector-souk { display: grid; }
.souk-lanes article { min-height: 125px; padding: 22px 0; display: grid; grid-template-columns: 60px minmax(0, 1fr) 110px; gap: 23px; align-items: center; border-top: 1px solid var(--border); }
.souk-lanes article:last-child { border-bottom: 1px solid var(--border); }
.souk-lanes article > span { width: 45px; height: 45px; display: grid; place-items: center; color: var(--navy); border: 1px solid var(--gold); border-radius: 50%; font-size: 11px; font-weight: 900; }
.souk-lanes h3 { font-size: 24px; }.souk-lanes p { margin: 6px 0 10px; color: var(--muted); font-size: 12px; }
.souk-lanes nav { display: flex; flex-wrap: wrap; gap: 6px; }
.souk-lanes nav a { padding: 5px 8px; color: #4b5360; background: var(--soft); border: 1px solid var(--border); font-size: 9px; font-weight: 800; }
.souk-lanes article > a { color: var(--green); font-size: 10px; font-weight: 900; text-align: right; text-transform: uppercase; }
.emirates-spotlight { display: grid; grid-template-columns: 0.48fr 1.52fr; gap: 55px; color: #fff; background: var(--navy); }
.emirates-spotlight h2 { color: #fff; }
.emirates-spotlight > div:last-child { border-top: 1px solid #3c5066; }
.emirates-spotlight a { padding: 18px 0; display: grid; grid-template-columns: 150px 1fr 160px; gap: 18px; border-bottom: 1px solid #3c5066; }
.emirates-spotlight a span { color: var(--gold); font-size: 10px; font-weight: 900; text-transform: uppercase; }
.emirates-spotlight a strong { font-size: 13px; }.emirates-spotlight a em { color: #c7d2dd; font-size: 10px; font-style: normal; text-align: right; }
.rank-preview > div:last-child { border-top: 1px solid var(--border); }
.rank-preview a { padding: 20px 0; display: grid; grid-template-columns: 55px 1fr 190px; gap: 20px; align-items: center; border-bottom: 1px solid var(--border); }
.rank-preview a > span { color: var(--gold); font-size: 22px; font-weight: 900; }.rank-preview small { display: block; color: var(--green); font-size: 9px; font-weight: 900; text-transform: uppercase; }
.rank-preview strong { margin-top: 5px; display: block; font-size: 16px; }.rank-preview em { color: var(--red); font-size: 10px; font-style: normal; font-weight: 900; text-align: right; }
.vault-spotlight { display: grid; border-top: 1px solid var(--border); }
.vault-spotlight article { padding: 24px 28px; display: grid; grid-template-columns: minmax(250px, 0.7fr) minmax(350px, 1.3fr) 165px; align-items: center; gap: 30px; border-right: 1px solid var(--border); border-bottom: 1px solid var(--border); border-left: 1px solid var(--border); }
.vault-spotlight article span { color: var(--green); font-size: 9px; font-weight: 900; text-transform: uppercase; }.vault-spotlight h3 { margin-top: 7px; font-size: 25px; }
.vault-spotlight article p { margin: 0; color: var(--muted); font-size: 13px; }.vault-spotlight article a { color: var(--red); font-size: 10px; font-weight: 900; text-align: right; text-transform: uppercase; }
.vault-spotlight .vault-feature { min-height: 245px; padding: 40px; color: #fff; background: var(--navy); border-top: 7px solid var(--gold); }
.vault-feature h3 { color: #fff; font-size: 38px; }.vault-feature span { color: var(--gold) !important; }.vault-feature p { color: #d5dde7 !important; font-size: 16px !important; }
.vault-feature a { min-height: 46px; padding: 0 15px; display: inline-flex; align-items: center; justify-content: center; color: var(--navy) !important; background: var(--gold); text-align: center !important; }
.buyer-preview nav { display: grid; grid-template-columns: repeat(2, 1fr); border-top: 1px solid var(--border); }
.buyer-preview nav a { min-height: 72px; padding: 18px 18px 18px 45px; position: relative; display: flex; align-items: center; border-bottom: 1px solid var(--border); }
.buyer-preview nav a:before { content: ""; position: absolute; left: 14px; width: 14px; height: 14px; border: 1px solid var(--gold); transform: rotate(45deg); }
.buyer-preview nav a:hover { color: var(--green); background: var(--soft); }
.footer-cta, .profile-cta { width: min(1360px, calc(100% - 48px)); margin: 0 auto 80px; padding: 42px; display: flex; align-items: center; justify-content: space-between; gap: 35px; color: #fff; background: var(--navy); border-top: 6px solid var(--red); }
.footer-cta h2, .profile-cta h2 { color: #fff; }.footer-cta p:not(.eyebrow) { color: #cbd5e1; }.footer-cta a, .profile-cta a { min-height: 46px; padding: 0 18px; display: inline-flex; align-items: center; color: var(--navy); background: var(--gold); font-size: 11px; font-weight: 900; text-transform: uppercase; white-space: nowrap; }

.breadcrumbs { min-height: 52px; display: flex; align-items: center; gap: 8px; color: #767d87; font-size: 10px; font-weight: 900; text-transform: uppercase; }
.breadcrumbs a { color: var(--green); }
.page-intro { min-height: 300px; padding: 55px 52px; position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 260px; align-items: center; gap: 70px; overflow: hidden; background: var(--soft); border: 1px solid var(--border); border-top: 5px solid var(--gold); box-shadow: var(--shadow); }
.page-intro:after { content: ""; position: absolute; right: -75px; bottom: -150px; width: 360px; height: 240px; border: 2px solid var(--gold); border-radius: 50%; opacity: 0.25; }
.page-intro > div, .page-intro aside { position: relative; z-index: 1; }.page-intro h1 { font-size: 50px; }.page-intro > div > p:not(.eyebrow) { margin-top: 20px; color: var(--muted); font-size: 17px; }
.page-intro aside { padding-left: 23px; border-left: 1px solid var(--border); }.page-intro aside span { color: var(--red); font-size: 10px; font-weight: 900; text-transform: uppercase; }.page-intro aside i { width: 58px; height: 2px; margin: 13px 0; display: block; background: linear-gradient(90deg, var(--gold), var(--green)); }.page-intro aside p { margin: 0; color: var(--muted); font-size: 12px; }
.compass-page { display: grid; grid-template-columns: 0.82fr 1.18fr; gap: 50px; align-items: start; }
.compass-map { position: sticky; top: 110px; padding: 13px; background: var(--pearl); border: 1px solid var(--border); box-shadow: var(--shadow); }
.compass-map img { width: 100%; display: block; }.compass-map-seal { width: 110px; height: 110px; margin: -62px auto 0; position: relative; display: grid; place-items: center; align-content: center; color: #fff; background: var(--navy); border: 7px double var(--gold); border-radius: 50%; }.compass-map-seal b { font-size: 27px; }.compass-map-seal span { font-size: 9px; font-weight: 900; text-transform: uppercase; }
.emirate-panels { display: grid; }.emirate-panel { padding: 24px 0; display: grid; grid-template-columns: 50px 1fr 125px; gap: 20px; align-items: center; border-top: 1px solid var(--border); }.emirate-panel:last-child { border-bottom: 1px solid var(--border); }
.emirate-panel > span { color: var(--emirate-secondary); font-size: 21px; font-weight: 900; }.emirate-panel small { color: var(--green); font-size: 9px; font-weight: 900; text-transform: uppercase; }.emirate-panel h2 { margin-top: 5px; color: var(--emirate-primary); font-size: 27px; }.emirate-panel p { margin: 8px 0; color: var(--muted); font-size: 12px; }.emirate-panel b { color: #4f5865; font-size: 10px; }.emirate-panel > strong { color: var(--emirate-primary); font-size: 9px; text-align: right; text-transform: uppercase; }
.souk-lane { padding: 30px 0; display: grid; grid-template-columns: 60px 0.58fr 1.42fr 135px; gap: 24px; align-items: start; border-top: 1px solid var(--border); scroll-margin-top: 100px; }.souk-lane:last-child { border-bottom: 1px solid var(--border); }.souk-lane > span { width: 46px; height: 46px; display: grid; place-items: center; color: #fff; background: var(--navy); border: 4px double var(--gold); border-radius: 50%; font-size: 10px; font-weight: 900; }.souk-lane h2 { font-size: 25px; }.souk-lane p { margin: 8px 0 0; color: var(--muted); font-size: 12px; }.souk-lane nav { display: flex; flex-wrap: wrap; gap: 7px; }.souk-lane nav a { padding: 7px 9px; background: var(--soft); border: 1px solid var(--border); font-size: 10px; font-weight: 800; }.souk-lane nav a:hover { color: #fff; background: var(--green); }.lane-feature { color: var(--red); font-size: 9px; font-weight: 900; text-align: right; text-transform: uppercase; }
.majlis-table { display: grid; gap: 44px; }.majlis-section h2 { padding: 17px 0; font-size: 24px; border-bottom: 3px double var(--gold); }.majlis-head, .majlis-row { display: grid; grid-template-columns: minmax(350px, 1fr) 105px 105px 190px; gap: 16px; align-items: center; }.majlis-head { padding: 13px 16px; color: #fff; background: var(--navy); border-left: 5px solid var(--red); font-size: 9px; font-weight: 900; text-transform: uppercase; }.majlis-row { padding: 17px 12px; border-bottom: 1px solid var(--border); }.majlis-row small { color: var(--green); font-size: 9px; font-weight: 900; text-transform: uppercase; }.majlis-row h3 { margin-top: 4px; font-size: 16px; }.majlis-row span, .majlis-row em, .majlis-row strong { font-size: 10px; font-style: normal; }.majlis-row span, .majlis-row em { color: var(--muted); }.majlis-row strong { color: var(--red); text-align: right; }
.vault-list { display: grid; border-top: 1px solid var(--border); }.vault-row { padding: 27px 0; display: grid; grid-template-columns: 1.05fr 1fr 0.7fr 135px; gap: 25px; align-items: start; border-bottom: 1px solid var(--border); }.vault-row > div > span { color: var(--green); font-size: 9px; font-weight: 900; text-transform: uppercase; }.vault-row h2 { margin-top: 7px; font-size: 24px; }.vault-row > div > p { margin: 8px 0 0; color: var(--muted); font-size: 12px; }.vault-row dl { margin: 0; display: grid; gap: 8px; }.vault-row dl div { display: grid; grid-template-columns: 85px 1fr; gap: 8px; }.vault-row dt { color: var(--muted); font-size: 9px; font-weight: 900; text-transform: uppercase; }.vault-row dd { margin: 0; font-size: 11px; line-height: 1.4; }.vault-row ul { margin: 0; padding-left: 17px; color: var(--muted); font-size: 11px; line-height: 1.5; }.vault-row > a { color: var(--red); font-size: 9px; font-weight: 900; text-align: right; text-transform: uppercase; }
.buyer-route-list, .trust-grid { display: grid; border-top: 1px solid var(--border); }.buyer-route-list article, .trust-grid article { padding: 28px 0; display: grid; grid-template-columns: 70px 1fr; gap: 21px; border-bottom: 1px solid var(--border); scroll-margin-top: 100px; }.buyer-route-list article > span, .trust-grid article > span { color: var(--gold); font-size: 26px; font-weight: 900; }.buyer-route-list h2, .trust-grid h2 { font-size: 26px; }.buyer-route-list p, .trust-grid p { margin: 8px 0 0; color: var(--muted); }
.paid-policy { display: grid; grid-template-columns: 0.7fr 1.3fr; gap: 55px; color: #fff; background: var(--navy); }.paid-policy h2 { color: #fff; }.paid-policy > p { color: #cbd5e1; }.editorial-note > div, .about-copy aside { padding: 30px; background: var(--soft); border: 1px solid var(--border); border-left: 6px solid var(--green); }.editorial-note a, .about-copy aside a { color: var(--red); font-weight: 900; overflow-wrap: anywhere; }.about-copy { padding-top: 70px; padding-bottom: 70px; }.about-copy h2 { margin-bottom: 18px; }.about-copy p { color: var(--muted); }.about-copy aside { margin-top: 35px; display: flex; align-items: center; justify-content: space-between; gap: 25px; }.about-copy aside span { color: var(--green); font-size: 10px; font-weight: 900; text-transform: uppercase; }.legal-copy { margin-top: 70px; margin-bottom: 70px; padding: 40px; background: var(--soft); border: 1px solid var(--border); border-top: 5px solid var(--gold); }.legal-copy h2 { margin: 28px 0 10px; font-size: 26px; }.legal-copy h2:first-child { margin-top: 0; }.legal-copy p { color: var(--muted); }

.ranking-head, .profile-head { padding: 68px max(24px, calc((100% - 1360px) / 2)); display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.55fr); gap: 62px; align-items: start; background: var(--soft); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }
.ranking-head h1, .profile-head h1 { max-width: 940px; font-size: 52px; }.ranking-head .lead, .profile-head > div > p { margin-top: 21px; color: #3f4855; font-size: 17px; }.ranking-head aside, .profile-head aside { padding: 26px; background: var(--pearl); border: 1px solid var(--border); border-top: 5px solid var(--emirate-secondary); box-shadow: 9px 9px 0 rgba(201,154,61,0.12); }.ranking-head aside > span, .profile-head aside > span { color: var(--red); font-size: 10px; font-weight: 900; text-transform: uppercase; }.ranking-head aside dl, .profile-head aside dl { margin: 18px 0 0; display: grid; }.ranking-head aside dl div, .profile-head aside dl div { padding: 12px 0; display: grid; grid-template-columns: 125px 1fr; gap: 10px; border-bottom: 1px solid var(--border); }.ranking-head dt, .profile-head dt { color: var(--emirate-primary); font-weight: 900; }.ranking-head dd, .profile-head dd { margin: 0; color: var(--muted); font-size: 12px; }
.top-seat { width: min(1360px, calc(100% - 48px)); margin: 55px auto 0; padding: 40px; display: grid; grid-template-columns: 1fr 0.75fr 165px; align-items: center; gap: 42px; color: #fff; background: var(--navy); border-top: 7px solid var(--gold); box-shadow: var(--shadow); }.top-seat h2 { color: #fff; font-size: 36px; }.top-seat > div > span { color: var(--gold); font-size: 13px; font-weight: 900; }.top-seat > div p:not(.eyebrow) { margin: 14px 0 0; color: #d5dde8; }.top-seat dl { margin: 0; }.top-seat dl div { padding: 10px 0; border-bottom: 1px solid #3b4f65; }.top-seat dt { color: var(--gold); font-size: 9px; font-weight: 900; text-transform: uppercase; }.top-seat dd { margin: 4px 0 0; font-size: 12px; }.top-seat > a { min-height: 46px; padding: 0 14px; display: inline-flex; align-items: center; justify-content: center; color: var(--navy); background: var(--gold); font-size: 10px; font-weight: 900; text-align: center; text-transform: uppercase; }
.company-rows { display: grid; border-top: 1px solid var(--border); }.majlis-company { position: relative; display: grid; grid-template-columns: 92px 1fr; background: rgba(246,239,226,0.45); border-bottom: 1px solid var(--border); }.majlis-company:nth-child(even) { background: rgba(234,215,183,0.22); }.majlis-company:after { content: ""; position: absolute; right: 0; top: 0; bottom: 0; width: 6px; background: linear-gradient(var(--gold), var(--green), var(--red)); opacity: 0.45; }.rank-column { padding: 27px 10px; display: flex; flex-direction: column; align-items: center; border-right: 1px solid var(--border); }.rank-column span { color: var(--muted); font-size: 9px; font-weight: 900; text-transform: uppercase; }.rank-column b { margin-top: 8px; color: var(--emirate-primary); font-size: 29px; }.company-main { padding: 28px 34px; }.company-title { display: flex; align-items: start; justify-content: space-between; gap: 22px; }.company-title p { margin: 0 0 7px; color: var(--green); font-size: 9px; font-weight: 900; text-transform: uppercase; }.company-title h3 { font-size: 27px; }.company-title > span { max-width: 230px; padding-bottom: 5px; color: var(--red); border-bottom: 1px solid var(--gold); font-size: 10px; font-weight: 900; text-align: right; text-transform: uppercase; }.company-main > p { margin-top: 15px; color: #4b5461; }.company-main dl { margin: 20px 0; display: grid; grid-template-columns: 0.7fr 1.3fr 0.8fr; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }.company-main dl div { padding: 13px; border-right: 1px solid var(--border); }.company-main dl div:first-child { padding-left: 0; }.company-main dl div:last-child { border-right: 0; }.company-main dt { color: var(--muted); font-size: 9px; font-weight: 900; text-transform: uppercase; }.company-main dd { margin: 5px 0 0; font-size: 12px; line-height: 1.45; }.service-tags { display: flex; flex-wrap: wrap; gap: 6px; }.service-tags span { padding: 6px 8px; background: var(--soft); border: 1px solid var(--border); font-size: 10px; font-weight: 800; }.company-main ul { margin: 18px 0 0; padding-left: 18px; columns: 2; color: var(--muted); font-size: 12px; }.company-main li { margin-bottom: 7px; break-inside: avoid; }.row-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 19px; }.row-actions a { padding: 9px 12px; color: #fff; background: var(--navy); font-size: 10px; font-weight: 900; text-transform: uppercase; }.row-actions a:last-child { color: var(--navy); background: transparent; border: 1px solid var(--navy); }
.emirate-fit, .inclusion { display: grid; grid-template-columns: 0.72fr 1.28fr; gap: 50px; color: #fff; background: var(--navy); }.emirate-fit h2, .inclusion h2 { color: #fff; }.emirate-fit p, .inclusion > p { color: #cbd5e1; }.emirate-fit nav { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; }.emirate-fit a { min-height: 62px; padding: 14px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,0.3); font-weight: 900; }.emirate-fit a:hover { color: var(--navy); background: var(--gold); }.table-wrap { overflow-x: auto; background: var(--pearl); border: 1px solid var(--border); }.table-wrap table { width: 100%; min-width: 1120px; border-collapse: collapse; }.table-wrap th, .table-wrap td { padding: 14px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--border); line-height: 1.45; }.table-wrap th { color: #fff; background: var(--navy); font-size: 9px; text-transform: uppercase; }.table-wrap td { font-size: 11px; }.table-wrap td a { color: var(--green); font-weight: 900; }.buyer-check { width: min(1360px, calc(100% - 48px)); margin: 0 auto; padding: 68px 0; display: grid; grid-template-columns: 0.6fr 1.4fr; gap: 50px; }.buyer-check ul { margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); list-style: none; }.buyer-check li { min-height: 62px; padding: 15px 15px 15px 42px; position: relative; border-bottom: 1px solid var(--border); }.buyer-check li:before { content: ""; position: absolute; left: 10px; top: 21px; width: 12px; height: 12px; border: 2px solid var(--green); transform: rotate(45deg); }.faq-list { display: grid; border-top: 1px solid var(--border); }.faq-list details { padding: 19px 0; border-bottom: 1px solid var(--border); }.faq-list summary { color: var(--navy); font-weight: 900; cursor: pointer; }.faq-list p { margin: 13px 0 0; color: var(--muted); }.related-links nav { display: grid; grid-template-columns: repeat(2, 1fr); border-top: 1px solid var(--border); }.related-links a { min-height: 62px; padding: 16px; display: flex; align-items: center; border-bottom: 1px solid var(--border); }.related-links a:hover { color: var(--green); background: var(--soft); }
.profile-sections { display: grid; grid-template-columns: repeat(2, 1fr); border-top: 1px solid var(--border); border-left: 1px solid var(--border); }.profile-sections article { min-height: 225px; padding: 28px; border-right: 1px solid var(--border); border-bottom: 1px solid var(--border); }.profile-sections h2 { font-size: 25px; }.profile-sections p:not(.eyebrow) { margin-top: 14px; color: var(--muted); }.placement-list > div:last-child { border-top: 1px solid var(--border); }.placement-list a { padding: 17px 0; display: grid; grid-template-columns: 55px 1fr; gap: 12px; border-bottom: 1px solid var(--border); }.placement-list a span { color: var(--gold); font-weight: 900; }.placement-list a:hover strong { color: var(--green); }

.emirate-gateway { min-height: 480px; position: relative; display: flex; align-items: flex-end; overflow: hidden; color: #fff; background-color: var(--emirate-primary); border-bottom: 7px solid var(--emirate-secondary); }
.emirate-gateway:before, .emirate-gateway:after { content: ""; position: absolute; pointer-events: none; }
.emirate-gateway:before { inset: 0; opacity: 0.34; background-image: linear-gradient(120deg, transparent 0 38%, rgba(255,255,255,0.1) 38% 39%, transparent 39% 67%, rgba(255,255,255,0.08) 67% 68%, transparent 68%), radial-gradient(ellipse at 80% 115%, transparent 0 43%, var(--emirate-secondary) 43.2% 43.6%, transparent 43.8% 55%, var(--emirate-secondary) 55.2% 55.6%, transparent 55.8%); }
.emirate-gateway:after { right: 5%; bottom: 0; width: 44%; height: 74%; opacity: 0.28; border-top: 1px solid var(--emirate-secondary); border-right: 1px solid var(--emirate-secondary); clip-path: polygon(0 100%, 8% 62%, 18% 79%, 27% 35%, 35% 74%, 44% 20%, 51% 66%, 60% 42%, 69% 75%, 77% 31%, 84% 63%, 91% 12%, 100% 100%); background: linear-gradient(180deg, transparent, rgba(255,255,255,0.18)); }
.gateway-inner { width: min(1360px, calc(100% - 48px)); margin: 0 auto; padding: 90px 0 62px; position: relative; z-index: 1; }
.gateway-index { color: var(--emirate-secondary); font-size: 11px; font-weight: 900; letter-spacing: 0.12em; }
.gateway-label { margin: 17px 0 11px; color: var(--emirate-secondary); font-size: 12px; font-weight: 900; text-transform: uppercase; }
.emirate-gateway h1 { max-width: 900px; color: #fff; font-size: 67px; }
.emirate-gateway .gateway-inner > p:last-of-type { max-width: 760px; margin: 22px 0 0; color: rgba(255,255,255,0.82); font-size: 18px; }
.gateway-inner > i { width: 110px; height: 3px; margin-top: 27px; display: block; background: var(--emirate-secondary); }
.emirate-signal-bar { padding: 0 max(24px, calc((100% - 1360px) / 2)); display: grid; grid-template-columns: 1.2fr repeat(4, 1fr); background: var(--pearl); border-bottom: 1px solid var(--border); }
.emirate-signal-bar div { min-height: 100px; padding: 21px 18px; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid var(--border); }
.emirate-signal-bar div:first-child { padding-left: 0; }.emirate-signal-bar div:last-child { border-right: 0; }
.emirate-signal-bar span { color: var(--emirate-primary); font-size: 9px; font-weight: 900; text-transform: uppercase; }
.emirate-signal-bar strong { margin-top: 7px; color: #4d5663; font-size: 12px; line-height: 1.45; }
.sector-flow > div:last-child { border-top: 1px solid var(--border); }
.sector-flow article { min-height: 120px; padding: 24px 0; display: grid; grid-template-columns: 55px minmax(230px, 0.55fr) minmax(420px, 1.45fr); gap: 24px; align-items: center; border-bottom: 1px solid var(--border); }
.sector-flow article > span { color: var(--emirate-secondary); font-size: 22px; font-weight: 900; }
.sector-flow h3 { color: var(--emirate-primary); font-size: 24px; }.sector-flow p { margin: 7px 0 0; color: var(--muted); font-size: 12px; }
.sector-flow nav { display: flex; flex-wrap: wrap; gap: 7px; }
.sector-flow nav a { padding: 7px 9px; background: var(--emirate-soft); border: 1px solid var(--border); font-size: 10px; font-weight: 800; }
.sector-flow nav a:hover { color: #fff; background: var(--emirate-primary); border-color: var(--emirate-primary); }
.gateway-companies > div:last-child { display: grid; border-top: 1px solid var(--border); }
.gateway-companies article { min-height: 145px; padding: 26px 0; display: grid; grid-template-columns: 55px minmax(300px, 1.1fr) minmax(290px, 0.85fr) 135px; gap: 24px; align-items: center; border-bottom: 1px solid var(--border); }
.gateway-companies article > span { color: var(--emirate-secondary); font-size: 23px; font-weight: 900; }
.gateway-companies small { color: var(--green); font-size: 9px; font-weight: 900; text-transform: uppercase; }
.gateway-companies h3 { margin-top: 6px; color: var(--emirate-primary); font-size: 25px; }.gateway-companies p { margin: 8px 0 0; color: var(--muted); font-size: 12px; }
.gateway-companies dl { margin: 0; display: grid; gap: 9px; }.gateway-companies dl div { display: grid; grid-template-columns: 88px 1fr; gap: 8px; }.gateway-companies dt { color: var(--muted); font-size: 9px; font-weight: 900; text-transform: uppercase; }.gateway-companies dd { margin: 0; font-size: 11px; line-height: 1.45; }
.gateway-companies article > a { color: var(--emirate-primary); font-size: 9px; font-weight: 900; text-align: right; text-transform: uppercase; }
.gateway-companies .gateway-company-lead { min-height: 235px; padding: 36px; grid-template-columns: 65px minmax(350px, 1.2fr) minmax(280px, 0.75fr) 150px; color: #fff; background: var(--emirate-primary); border-top: 6px solid var(--emirate-secondary); }
.gateway-company-lead > span, .gateway-company-lead small { color: var(--emirate-secondary) !important; }.gateway-company-lead h3 { color: #fff; font-size: 36px; }.gateway-company-lead p, .gateway-company-lead dt { color: rgba(255,255,255,0.76); }.gateway-company-lead dd { color: #fff; }.gateway-company-lead > a { min-height: 44px; padding: 0 14px; display: inline-flex; align-items: center; justify-content: center; color: var(--emirate-primary) !important; background: var(--emirate-secondary); text-align: center !important; }
.gateway-rankings { display: grid; grid-template-columns: 0.45fr 1.55fr; gap: 55px; color: #fff; background: var(--emirate-primary); }
.gateway-rankings h2 { color: #fff; }.gateway-rankings > div:last-child { border-top: 1px solid rgba(255,255,255,0.28); }
.gateway-rankings a { min-height: 61px; padding: 13px 0; display: grid; grid-template-columns: 45px 1fr 90px; gap: 17px; align-items: center; border-bottom: 1px solid rgba(255,255,255,0.28); }
.gateway-rankings a span { color: var(--emirate-secondary); font-size: 11px; font-weight: 900; }.gateway-rankings a strong { font-size: 13px; }.gateway-rankings a em { color: rgba(255,255,255,0.67); font-size: 9px; font-style: normal; text-align: right; text-transform: uppercase; }
.gateway-rankings a:hover strong { color: var(--emirate-secondary); }
.gateway-buyer-notes { display: grid; grid-template-columns: 0.55fr 1.45fr; gap: 55px; }
.gateway-buyer-notes > div:last-child { padding: 12px 0 12px 32px; border-left: 4px solid var(--emirate-secondary); }.gateway-buyer-notes p { color: var(--muted); }
.emirate-nearby { padding: 29px max(24px, calc((100% - 1360px) / 2)); display: grid; grid-template-columns: 230px 1fr; align-items: center; gap: 35px; background: var(--emirate-soft); border-top: 1px solid var(--border); }
.emirate-nearby > div { display: grid; }.emirate-nearby > div span { color: var(--green); font-size: 9px; font-weight: 900; text-transform: uppercase; }.emirate-nearby > div strong { margin-top: 5px; color: var(--emirate-primary); }
.emirate-nearby nav { display: flex; flex-wrap: wrap; gap: 6px; }.emirate-nearby nav a, .emirate-nearby nav > span { padding: 8px 10px; border: 1px solid var(--border); font-size: 10px; font-weight: 800; }.emirate-nearby nav a { background: var(--pearl); }.emirate-nearby nav a:hover { color: #fff; background: var(--emirate-primary); }.emirate-nearby nav > span { color: #fff; background: var(--emirate-primary); border-color: var(--emirate-primary); }

.emirate-abu-dhabi { --emirate-primary: #071b33; --emirate-secondary: #c99a3d; --emirate-soft: #f3e7d2; }
.emirate-dubai { --emirate-primary: #101828; --emirate-secondary: #d3aa53; --emirate-soft: #e9f0f5; }
.emirate-sharjah { --emirate-primary: #07563a; --emirate-secondary: #b89243; --emirate-soft: #edf4e9; }
.emirate-ajman { --emirate-primary: #175a76; --emirate-secondary: #c6a15a; --emirate-soft: #edf5f6; }
.emirate-umm-al-quwain { --emirate-primary: #17675f; --emirate-secondary: #d0ac68; --emirate-soft: #edf6f3; }
.emirate-ras-al-khaimah { --emirate-primary: #5b4435; --emirate-secondary: #c99a3d; --emirate-soft: #f1e9df; }
.emirate-fujairah { --emirate-primary: #17475f; --emirate-secondary: #b99a58; --emirate-soft: #eaf2f2; }
.emirate-abu-dhabi .emirate-gateway:before { background-image: linear-gradient(90deg, transparent 0 56%, rgba(201,154,61,0.16) 56% 56.2%, transparent 56.2% 67%, rgba(201,154,61,0.13) 67% 67.2%, transparent 67.2%), repeating-linear-gradient(135deg, transparent 0 34px, rgba(255,255,255,0.055) 34px 35px); }
.emirate-dubai .emirate-gateway:after { width: 52%; height: 82%; clip-path: polygon(0 100%, 4% 67%, 10% 73%, 15% 39%, 21% 78%, 28% 18%, 34% 70%, 41% 45%, 48% 76%, 55% 30%, 62% 69%, 69% 8%, 75% 62%, 82% 35%, 88% 73%, 94% 22%, 100% 100%); }
.emirate-sharjah .emirate-gateway:before { background-image: radial-gradient(ellipse at 78% 105%, transparent 0 28%, rgba(255,255,255,0.13) 28.3% 28.8%, transparent 29.1% 42%, rgba(184,146,67,0.25) 42.3% 42.8%, transparent 43.1%), repeating-linear-gradient(90deg, transparent 0 74px, rgba(255,255,255,0.045) 74px 75px); }
.emirate-ajman .emirate-gateway:before { background-image: radial-gradient(ellipse at 75% 120%, transparent 0 38%, rgba(255,255,255,0.18) 38.3% 38.8%, transparent 39.1% 50%, rgba(198,161,90,0.28) 50.3% 50.8%, transparent 51.1%); }
.emirate-umm-al-quwain .emirate-gateway:before { background-image: radial-gradient(circle at 77% 45%, transparent 0 68px, rgba(255,255,255,0.16) 69px 70px, transparent 71px 112px, rgba(208,172,104,0.24) 113px 114px, transparent 115px), radial-gradient(ellipse at 75% 120%, transparent 0 42%, rgba(255,255,255,0.13) 42.3% 42.8%, transparent 43.1%); }
.emirate-ras-al-khaimah .emirate-gateway:after { width: 58%; height: 76%; clip-path: polygon(0 100%, 9% 73%, 19% 86%, 31% 46%, 43% 75%, 56% 23%, 68% 68%, 80% 39%, 91% 76%, 100% 54%, 100% 100%); }
.emirate-fujairah .emirate-gateway:before { background-image: linear-gradient(165deg, transparent 0 54%, rgba(255,255,255,0.14) 54.3% 54.8%, transparent 55.1%), radial-gradient(ellipse at 80% 120%, transparent 0 40%, rgba(185,154,88,0.26) 40.3% 40.8%, transparent 41.1% 52%, rgba(255,255,255,0.14) 52.3% 52.8%, transparent 53.1%); }

.site-footer { color: #d8e0e8; background: var(--footer); }.footer-line { height: 4px; background: linear-gradient(90deg, var(--red) 0 12%, var(--green) 12% 45%, #fff 45% 72%, #111 72%); }.footer-grid { width: min(1360px, calc(100% - 48px)); margin: 0 auto; padding: 62px 0 45px; display: grid; grid-template-columns: 1.35fr 0.65fr 0.65fr; gap: 55px; }.footer-brand { margin-bottom: 18px; }.footer-grid p { max-width: 430px; color: #9aa8b5; font-size: 12px; }.footer-grid > div > small { color: #8e9aa8; }.footer-grid > div > small a { color: var(--gold); }.footer-grid nav { display: grid; align-content: start; gap: 12px; }.footer-grid nav a { color: #bfc8d2; font-size: 11px; }.footer-grid nav a:hover { color: var(--gold); }.footer-base { width: min(1360px, calc(100% - 48px)); margin: 0 auto; padding: 20px 0 30px; display: flex; justify-content: space-between; gap: 30px; color: #778492; border-top: 1px solid #26384a; font-size: 9px; text-transform: uppercase; }

@media (max-width: 1180px) {
  h1 { font-size: 56px; }
  .header-inner { padding: 9px 0; }
  .primary-nav { flex-basis: 100%; justify-content: center; }
  .uae-hero { grid-template-columns: 1fr 0.82fr; }
  .emirates-strip { grid-template-columns: repeat(3, 1fr); }
  .vault-row { grid-template-columns: 1fr 1fr; }
  .vault-row > a { text-align: left; }
  .majlis-head, .majlis-row { grid-template-columns: minmax(280px, 1fr) 90px 90px 155px; }
}
@media (max-width: 900px) {
  .site-header { position: static; }
  .header-inner { padding: 13px 0; align-items: flex-start; flex-direction: column; }
  .primary-nav { width: 100%; flex-basis: auto; justify-content: flex-start; }
  .uae-hero, .emirates-spotlight, .compass-page, .page-intro, .ranking-head, .profile-head, .emirate-fit, .inclusion, .paid-policy, .gateway-rankings { grid-template-columns: 1fr; }
  .uae-hero { min-height: auto; }
  .seven-compass { min-height: 420px; }
  .section-heading { grid-template-columns: 1fr; }
  .section-heading > p:not(.eyebrow) { grid-column: 1; grid-row: auto; }
  .emirate-path > a { grid-template-columns: 55px 1fr; }
  .emirate-path strong { grid-column: 2; text-align: left; }
  .souk-lane { grid-template-columns: 55px 1fr; }
  .souk-lane nav, .lane-feature { grid-column: 2; }
  .majlis-head { display: none; }
  .majlis-row { grid-template-columns: 1fr auto; }
  .majlis-row > span, .majlis-row > em { grid-column: 1; }
  .majlis-row strong { grid-column: 2; grid-row: 1; }
  .vault-spotlight article, .top-seat { grid-template-columns: 1fr; gap: 20px; }
  .vault-spotlight article a { justify-self: start; text-align: left; }
  .company-main dl { grid-template-columns: 1fr; }
  .company-main dl div, .company-main dl div:first-child { padding: 11px 0; border-right: 0; border-bottom: 1px solid var(--border); }
  .company-main dl div:last-child { border-bottom: 0; }
  .buyer-check, .gateway-buyer-notes { grid-template-columns: 1fr; }
  .profile-sections { grid-template-columns: 1fr; }
  .emirate-signal-bar { grid-template-columns: repeat(2, 1fr); }
  .emirate-signal-bar div:first-child { padding-left: 18px; }
  .sector-flow article { grid-template-columns: 55px 1fr; }
  .sector-flow article nav { grid-column: 2; }
  .gateway-companies article, .gateway-companies .gateway-company-lead { grid-template-columns: 55px 1fr; padding: 26px 0; }
  .gateway-companies article dl, .gateway-companies article > a { grid-column: 2; text-align: left; }
  .gateway-companies .gateway-company-lead { padding: 32px; }
  .emirate-nearby { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: repeat(2, 1fr); }
  .footer-grid > div { grid-column: 1 / -1; }
}
@media (max-width: 640px) {
  h1, .ranking-head h1, .profile-head h1, .emirate-gateway h1 { font-size: 38px; }
  h2 { font-size: 29px; }
  .content-band, .emirate-panorama, .breadcrumbs, .page-intro, .footer-cta, .profile-cta, .top-seat, .buyer-check { width: min(100% - 30px, 1360px); }
  .content-band, .emirate-panorama { padding-top: 50px; padding-bottom: 50px; }
  .wide-band, .ranking-head, .profile-head { padding: 48px 15px; }
  .compass-mark { width: 34px; height: 34px; }
  .compass-mark:before { height: 26px; }.compass-mark:after { width: 26px; }
  .primary-nav { font-size: 10px; }
  .primary-nav a { padding: 6px 5px; }
  .uae-hero { padding: 42px 15px; gap: 20px; background-image: linear-gradient(rgba(255,253,247,0.93), rgba(255,253,247,0.72)), url("/assets/uae-company-compass.jpg"); }
  .hero-copy { padding-left: 16px; }
  .hero-copy h1 { font-size: 42px; }
  .hero-copy > p:not(.eyebrow) { font-size: 15px; }
  .seven-compass { min-height: 395px; transform: scale(0.9); margin: -18px; }
  .compass-emirate { min-width: 105px; padding: 7px 8px; font-size: 9px; }
  .emirates-strip { padding-left: 15px; padding-right: 15px; grid-template-columns: 1fr; }
  .emirates-strip div { border-right: 0; border-bottom: 1px solid #34475d; }
  .emirate-path > a { grid-template-columns: 45px 1fr; gap: 13px; }
  .souk-lanes article { grid-template-columns: 45px 1fr; }
  .souk-lanes article > a { grid-column: 2; text-align: left; }
  .emirates-spotlight a, .rank-preview a { grid-template-columns: 1fr; gap: 8px; }
  .emirates-spotlight a em, .rank-preview em { text-align: left; }
  .vault-spotlight .vault-feature { min-height: auto; padding: 30px 24px; }
  .vault-feature h3 { font-size: 31px; }
  .vault-spotlight article { padding: 24px; }
  .buyer-preview nav { grid-template-columns: 1fr; }
  .footer-cta, .profile-cta { padding: 28px; align-items: flex-start; flex-direction: column; }
  .page-intro { min-height: auto; padding: 42px 23px; gap: 28px; }
  .page-intro h1 { font-size: 37px; }
  .page-intro aside { padding: 20px 0 0; border-left: 0; border-top: 1px solid var(--border); }
  .compass-map { position: static; }
  .emirate-panel { grid-template-columns: 40px 1fr; }
  .emirate-panel > strong { grid-column: 2; text-align: left; }
  .souk-lane { grid-template-columns: 1fr; gap: 12px; }
  .souk-lane nav, .lane-feature { grid-column: 1; text-align: left; }
  .majlis-row { grid-template-columns: 1fr; }
  .majlis-row > span, .majlis-row > em, .majlis-row strong { grid-column: 1; grid-row: auto; text-align: left; }
  .vault-row, .buyer-route-list article, .trust-grid article { grid-template-columns: 1fr; }
  .vault-row > a { text-align: left; }
  .about-copy aside { align-items: flex-start; flex-direction: column; }
  .top-seat { margin-top: 35px; padding: 27px; }
  .majlis-company { grid-template-columns: 1fr; }
  .rank-column { padding: 13px 18px; flex-direction: row; justify-content: space-between; border-right: 0; border-bottom: 1px solid var(--border); }
  .rank-column b { margin: 0; }
  .company-main { padding: 23px 19px; }
  .company-title { flex-direction: column; }
  .company-title > span { max-width: none; text-align: left; }
  .company-main ul { columns: 1; }
  .emirate-fit nav, .buyer-check ul, .related-links nav { grid-template-columns: 1fr; }
  .gateway-inner { width: min(100% - 30px, 1360px); padding: 70px 0 45px; }
  .emirate-gateway { min-height: 420px; }
  .emirate-gateway .gateway-inner > p:last-of-type { font-size: 15px; }
  .emirate-signal-bar { padding: 0 15px; grid-template-columns: 1fr; }
  .emirate-signal-bar div { min-height: 78px; padding: 16px 0; border-right: 0; border-bottom: 1px solid var(--border); }
  .emirate-signal-bar div:first-child { padding-left: 0; }
  .sector-flow article { grid-template-columns: 1fr; gap: 10px; }
  .sector-flow article nav { grid-column: 1; }
  .gateway-companies article, .gateway-companies .gateway-company-lead { grid-template-columns: 1fr; padding: 24px 0; }
  .gateway-companies .gateway-company-lead { padding: 27px; }
  .gateway-companies article dl, .gateway-companies article > a { grid-column: 1; }
  .gateway-companies article > a { text-align: left; }
  .gateway-company-lead h3 { font-size: 30px; }
  .gateway-rankings a { grid-template-columns: 36px 1fr; }
  .gateway-rankings a em { grid-column: 2; text-align: left; }
  .gateway-buyer-notes > div:last-child { padding: 20px 0 0; border-left: 0; border-top: 4px solid var(--emirate-secondary); }
  .emirate-nearby { padding: 26px 15px; }
  .footer-grid { grid-template-columns: 1fr; }
  .footer-grid > div { grid-column: auto; }
  .footer-base { flex-direction: column; }
}