000

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Industry Solutions | White Globe — Language & Content Solutions by Sector</title>
<meta name="description" content="White Globe delivers domain-expert language solutions across 60+ industries — Medical, Legal, Patent, Technical Documentation, Marketing, eLearning and Multimedia. Precision, not adaptation.">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,600;0,9..144,700;1,9..144,400;1,9..144,600&family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
<style>

/* =============================================
   WHITE GLOBE — INDUSTRY SOLUTIONS HUB
   Palette: Navy / Blue / Gold (shared system)
   Accent: Sector-specific tints per industry
   Fonts: Fraunces + Inter + JetBrains Mono
   Signature: Diagonal industry card grid with
   sector-colour left borders; hero counter strip
============================================= */

:root {
  --navy:      #071525;
  --navy-mid:  #0D2040;
  --navy-card: #132B54;
  --blue:      #1A5CB8;
  --blue-lt:   #2472D4;
  --blue-pale: #EAF1FB;
  --gold:      #C8901A;
  --gold-lt:   #E0A830;
  --gold-pale: #FEF5E2;
  --ink:       #1A2035;
  --slate:     #3D5270;
  --muted:     #6880A8;
  --light:     #F5F7FC;
  --cream:     #FAFBFF;
  --white:     #FFFFFF;
  --border:    #D4DDF0;

/* Sector accents */
  --med:   #1A9090; --med-p:  #EBF8F8;
  --leg:   #3A52A8; --leg-p:  #EDF0FB;
  --pat:   #C8901A; --pat-p:  #FEF5E2;
  --tec:   #2E6EA6; --tec-p:  #E8F1FB;
  --mkt:   #1AAD6E; --mkt-p:  #EBF9F2;
  --lrn:   #9040C8; --lrn-p:  #F5EEF9;
  --med2:  #C04830; --med2-p: #FAF0EC;
  --aero:  #2C4858; --aero-p: #EEF2F5;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { font-size: 16px; scroll-behavior: smooth; }
body {
  font-family: 'Inter', sans-serif;
  background: var(--white);
  color: var(--ink);
  -webkit-font-smoothing: antialiased;
}
a { color: inherit; text-decoration: none; }

/* ── NAV (shared with Why White Globe) ── */
.nav {
  position: fixed; top: 0; left: 0; right: 0; z-index: 100;
  height: 60px;
  background: rgba(7,21,37,0.97);
  backdrop-filter: blur(20px);
  border-bottom: 1px solid rgba(255,255,255,0.08);
  display: flex; align-items: center;
  justify-content: space-between;
  padding: 0 48px;
}
.nav-logo { display: flex; align-items: center; gap: 10px; }
.nav-logo-mark {
  width: 30px; height: 30px; border-radius: 7px;
  background: var(--blue);
  display: flex; align-items: center; justify-content: center;
  font-family: 'JetBrains Mono', monospace;
  font-weight: 500; font-size: 11px; color: #fff; letter-spacing: .02em;
}
.nav-brand { font-size: 14px; font-weight: 600; color: #fff; }
.nav-brand span { color: #6AACF0; }
.nav-links { display: flex; align-items: center; gap: 4px; }
.nav-plain {
  color: rgba(255,255,255,0.52);
  padding: 6px 14px; border-radius: 6px;
  font-size: 13px; transition: color .2s, background .2s; cursor: pointer;
}
.nav-plain:hover { color: #fff; background: rgba(255,255,255,0.06); }
.nav-plain.active-tab { color: #fff; background: rgba(255,255,255,0.08); font-weight: 500; }

.nav-dd-wrap { position: relative; }
.nav-dd-trigger {
  display: flex; align-items: center; gap: 5px;
  color: rgba(255,255,255,0.52);
  padding: 6px 14px; border-radius: 6px;
  font-size: 13px; font-weight: 400;
  cursor: pointer; white-space: nowrap;
  transition: background .2s, color .2s;
  user-select: none;
}
.nav-dd-trigger:hover, .nav-dd-wrap.open .nav-dd-trigger {
  color: #fff; background: rgba(255,255,255,0.06);
}
.nav-dd-trigger svg { width: 12px; height: 12px; transition: transform .22s; }
.nav-dd-wrap.open .nav-dd-trigger svg { transform: rotate(180deg); }

.nav-dropdown {
  position: absolute; top: calc(100% + 10px); left: 50%;
  transform: translateX(-50%) translateY(-8px);
  width: 560px;
  background: var(--navy-mid);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 14px; overflow: hidden;
  opacity: 0; pointer-events: none;
  transition: opacity .22s ease, transform .22s ease;
  z-index: 200;
}
.nav-dd-wrap.open .nav-dropdown {
  opacity: 1; pointer-events: all;
  transform: translateX(-50%) translateY(0);
}
.dd-head { padding: 12px 18px 10px; border-bottom: 1px solid rgba(255,255,255,0.08); }
.dd-head-label {
  font-family: 'JetBrains Mono', monospace;
  font-size: 9.5px; font-weight: 500;
  letter-spacing: .14em; text-transform: uppercase;
  color: rgba(255,255,255,0.36);
}
.dd-items { display: grid; grid-template-columns: 1fr 1fr; }
.dd-item {
  display: flex; align-items: flex-start;
  gap: 12px; padding: 13px 18px;
  border-bottom: 1px solid rgba(255,255,255,0.06);
  border-right: 1px solid rgba(255,255,255,0.06);
  cursor: pointer; transition: background .18s; text-decoration: none;
}
.dd-item:nth-child(even) { border-right: none; }
.dd-item:nth-last-child(-n+2) { border-bottom: none; }
.dd-item:hover { background: rgba(255,255,255,0.05); }
.dd-icon {
  width: 30px; height: 30px; border-radius: 7px;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0; margin-top: 1px;
}
.di-blue  { background: rgba(26,92,184,0.25); }
.di-gold  { background: rgba(200,144,26,0.20); }
.di-green { background: rgba(26,173,110,0.20); }
.di-slate { background: rgba(255,255,255,0.08); }
.dd-icon svg { width: 15px; height: 15px; stroke: currentColor; stroke-width: 1.8; fill: none; stroke-linecap: round; stroke-linejoin: round; }
.di-blue svg { color: #6AACF0; } .di-gold svg { color: var(--gold-lt); }
.di-green svg { color: #22C87E; } .di-slate svg { color: rgba(255,255,255,0.55); }
.dd-name { font-size: 13px; font-weight: 600; color: #fff; margin-bottom: 3px; }
.dd-sub  { font-size: 11px; color: rgba(255,255,255,0.40); line-height: 1.4; }
.dd-foot {
  padding: 11px 18px; border-top: 1px solid rgba(255,255,255,0.08);
  background: rgba(0,0,0,0.20);
  display: flex; align-items: center; justify-content: space-between;
}
.dd-foot-tagline { font-size: 12px; color: rgba(255,255,255,0.35); font-style: italic; }
.dd-foot-link { font-size: 12px; font-weight: 600; color: #6AACF0; display: flex; align-items: center; gap: 5px; }
.dd-foot-link svg { width: 12px; height: 12px; stroke: currentColor; stroke-width: 2; fill: none; stroke-linecap: round; stroke-linejoin: round; }

/* ── INDUSTRY SOLUTIONS DROPDOWN (mega-menu, 2-col) ── */
.is-dd-trigger {
  display: flex; align-items: center; gap: 5px;
  color: #fff;
  padding: 6px 14px; border-radius: 6px;
  font-size: 13px; font-weight: 600;
  background: rgba(26,92,184,0.18);
  border: 1px solid rgba(26,92,184,0.30);
  cursor: pointer; white-space: nowrap;
  transition: background .2s, border-color .2s;
  user-select: none;
}
.is-dd-trigger:hover,
.is-dd-wrap.open .is-dd-trigger {
  background: rgba(26,92,184,0.28);
  border-color: rgba(26,92,184,0.55);
}
.is-dd-trigger svg { width: 12px; height: 12px; transition: transform .22s; }
.is-dd-wrap.open .is-dd-trigger svg { transform: rotate(180deg); }

.is-dropdown {
  position: absolute; top: calc(100% + 10px);
  left: 0;
  width: 660px;
  background: var(--navy-mid);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 14px; overflow: hidden;
  opacity: 0; pointer-events: none;
  transform: translateY(-8px);
  transition: opacity .22s ease, transform .22s ease;
  z-index: 200;
}
.is-dd-wrap.open .is-dropdown {
  opacity: 1; pointer-events: all;
  transform: translateY(0);
}

/* Dropdown header */
.is-head {
  padding: 12px 18px 10px;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
.is-head-label {
  font-family: 'JetBrains Mono', monospace;
  font-size: 9.5px; font-weight: 500;
  letter-spacing: .14em; text-transform: uppercase;
  color: rgba(255,255,255,0.36);
}

/* Two-column mega grid */
.is-mega {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.is-col { display: flex; flex-direction: column; }
.is-col:first-child { border-right: 1px solid rgba(255,255,255,0.08); }

/* Column header */
.is-col-hdr {
  padding: 9px 16px 8px;
  border-bottom: 1px solid rgba(255,255,255,0.08);
  background: rgba(0,0,0,0.15);
  display: flex; align-items: center; gap: 8px;
}
.is-col-hdr-dot { width: 6px; height: 6px; border-radius: 50%; flex-shrink: 0; }
.is-col-hdr-label {
  font-family: 'JetBrains Mono', monospace;
  font-size: 9px; font-weight: 500;
  letter-spacing: .14em; text-transform: uppercase;
  color: rgba(255,255,255,0.38);
}

/* Each vertical item */
.is-item {
  display: flex; align-items: flex-start;
  gap: 12px; padding: 14px 16px;
  border-bottom: 1px solid rgba(255,255,255,0.06);
  cursor: pointer; transition: background .18s; text-decoration: none;
  position: relative;
}
.is-item:last-child { border-bottom: none; }
.is-item:hover { background: rgba(255,255,255,0.05); }

/* Sector colour left bar */
.is-item::before {
  content: '';
  position: absolute; left: 0; top: 0; bottom: 0; width: 3px;
  opacity: 0; transition: opacity .18s;
}
.is-item:hover::before { opacity: 1; }
.is-item.im-med::before  { background: var(--med);  }
.is-item.im-leg::before  { background: var(--leg);  }
.is-item.im-pat::before  { background: var(--pat);  }
.is-item.im-tec::before  { background: var(--tec);  }
.is-item.im-mkt::before  { background: var(--mkt);  }

/* Icon box */
.is-icon {
  width: 32px; height: 32px; border-radius: 8px;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0; margin-top: 1px;
}
.is-icon svg { width: 16px; height: 16px; stroke: currentColor; stroke-width: 1.7; fill: none; stroke-linecap: round; stroke-linejoin: round; }

.ii-med  { background: rgba(26,144,144,0.22);  color: #4ACACA; }
.ii-leg  { background: rgba(58,82,168,0.25);   color: #8090D8; }
.ii-pat  { background: rgba(200,144,26,0.22);  color: var(--gold-lt); }
.ii-tec  { background: rgba(46,110,166,0.25);  color: #6AACF0; }
.ii-mkt  { background: rgba(26,173,110,0.22);  color: #40CC8A; }

/* Text block */
.is-text { flex: 1; min-width: 0; }
.is-name {
  font-size: 12.5px; font-weight: 600;
  color: #fff; line-height: 1.3; margin-bottom: 3px;
}
.is-sub {
  font-size: 11px; color: rgba(255,255,255,0.40);
  margin-bottom: 5px;
}
/* Credential badge pill */
.is-badge {
  display: inline-block; font-family: 'JetBrains Mono', monospace;
  font-size: 8.5px; font-weight: 500; letter-spacing: .06em;
  padding: 2px 8px; border-radius: 100px;
}
.ib-med  { background: rgba(26,144,144,0.18); color: #4ACACA; border: 1px solid rgba(26,144,144,0.25); }
.ib-leg  { background: rgba(58,82,168,0.18);  color: #8090D8; border: 1px solid rgba(58,82,168,0.25); }
.ib-pat  { background: rgba(200,144,26,0.18); color: var(--gold-lt); border: 1px solid rgba(200,144,26,0.25); }
.ib-tec  { background: rgba(46,110,166,0.18); color: #6AACF0; border: 1px solid rgba(46,110,166,0.25); }
.ib-mkt  { background: rgba(26,173,110,0.18); color: #40CC8A; border: 1px solid rgba(26,173,110,0.25); }

/* Footer */
.is-foot {
  padding: 10px 18px; border-top: 1px solid rgba(255,255,255,0.08);
  background: rgba(0,0,0,0.20);
  display: flex; align-items: center; justify-content: space-between;
}
.is-foot-stat {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px; letter-spacing: .06em;
  color: rgba(255,255,255,0.30); text-transform: uppercase;
}
.is-foot-link {
  font-size: 12px; font-weight: 600; color: #6AACF0;
  display: flex; align-items: center; gap: 5px;
}
.is-foot-link svg { width: 11px; height: 11px; stroke: currentColor; stroke-width: 2; fill: none; stroke-linecap: round; stroke-linejoin: round; }

.nav-cta {
  padding: 8px 20px; border-radius: 6px;
  background: var(--blue); color: #fff;
  font-size: 13px; font-weight: 600;
  transition: background .2s, transform .15s; margin-left: 8px; white-space: nowrap;
}
.nav-cta:hover { background: var(--blue-lt); transform: translateY(-1px); }

/* ── HERO ── */
.hero {
  background: var(--navy);
  padding: 130px 48px 88px;
  position: relative; overflow: hidden;
}
.hero::before {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background:
    radial-gradient(ellipse 55% 60% at 100% 0%, rgba(26,92,184,0.18), transparent 55%),
    radial-gradient(ellipse 35% 45% at 0% 100%, rgba(200,144,26,0.07), transparent 55%);
}
.hero-inner { position: relative; z-index: 2; max-width: 800px; }
.hero-eyebrow {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px; font-weight: 500;
  letter-spacing: .20em; text-transform: uppercase;
  color: var(--gold-lt); margin-bottom: 20px;
}
.hero-title {
  font-family: 'Fraunces', serif;
  font-size: clamp(36px, 5vw, 60px);
  font-weight: 600; line-height: 1.10;
  letter-spacing: -.02em; color: #fff;
  margin-bottom: 14px;
}
.hero-title em { font-style: italic; color: var(--gold-lt); }
.hero-sub {
  font-size: 17px; font-weight: 300;
  color: rgba(255,255,255,0.55); line-height: 1.70;
  max-width: 640px; margin-bottom: 44px;
}
.hero-sub strong { color: rgba(255,255,255,0.85); font-weight: 500; }

/* Hero counter strip */
.counter-strip {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px; background: rgba(255,255,255,0.08);
  border-radius: 10px; overflow: hidden;
  border: 1px solid rgba(255,255,255,0.08);
}
.counter-cell {
  background: rgba(255,255,255,0.04);
  padding: 18px 20px;
  transition: background .2s;
}
.counter-cell:hover { background: rgba(255,255,255,0.08); }
.counter-val {
  font-family: 'Fraunces', serif;
  font-size: 32px; font-weight: 700;
  color: var(--gold-lt); line-height: 1;
  margin-bottom: 6px; letter-spacing: -.02em;
}
.counter-lbl { font-size: 12px; font-weight: 400; color: rgba(255,255,255,0.48); line-height: 1.4; }

/* ── SECTION SHARED ── */
.section { padding: 88px 48px; }
.s-light { background: var(--white); }
.s-cream { background: var(--light); }
.s-dark  { background: var(--navy); }
.s-navy  { background: var(--navy-mid); }

.eyebrow {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px; font-weight: 500;
  letter-spacing: .18em; text-transform: uppercase;
  color: var(--gold); margin-bottom: 12px;
}
.eyebrow-blue { color: var(--blue); }
.eyebrow-light { color: var(--gold-lt); }

.sec-rule { width: 48px; height: 2px; margin-bottom: 20px; }
.rule-blue { background: var(--blue); }
.rule-gold { background: var(--gold); }

.sec-title {
  font-family: 'Fraunces', serif;
  font-size: clamp(28px, 3.5vw, 42px);
  font-weight: 600; line-height: 1.12;
  letter-spacing: -.02em; color: var(--ink);
  margin-bottom: 12px;
}
.sec-title em { font-style: italic; color: var(--blue); }
.sec-title-light { color: #fff; }
.sec-title-light em { color: var(--gold-lt); }

.sec-lead {
  font-size: 15px; font-weight: 300;
  color: var(--slate); line-height: 1.75;
  max-width: 640px; margin-bottom: 48px;
}
.sec-lead-light { color: rgba(255,255,255,0.52); }

/* ── FEATURED VERTICALS ── */
.verticals { display: flex; flex-direction: column; gap: 0; }

.vertical {
  display: grid;
  grid-template-columns: 280px 1fr;
  border: 1px solid var(--border);
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 16px;
  transition: box-shadow .2s, border-color .2s;
}
.vertical:hover {
  box-shadow: 0 6px 28px rgba(26,92,184,0.10);
  border-color: var(--border);
}

/* Left accent panel */
.v-panel {
  padding: 32px 28px;
  display: flex; flex-direction: column;
  justify-content: space-between;
  position: relative; overflow: hidden;
}
.v-panel::after {
  content: '';
  position: absolute; top: 0; left: 0; bottom: 0; width: 4px;
}

.vp-med   { background: var(--med-p);  } .vp-med::after   { background: var(--med);  }
.vp-leg   { background: var(--leg-p);  } .vp-leg::after   { background: var(--leg);  }
.vp-pat   { background: var(--pat-p);  } .vp-pat::after   { background: var(--pat);  }
.vp-tec   { background: var(--tec-p);  } .vp-tec::after   { background: var(--tec);  }
.vp-mkt   { background: var(--mkt-p);  } .vp-mkt::after   { background: var(--mkt);  }
.vp-lrn   { background: var(--lrn-p);  } .vp-lrn::after   { background: var(--lrn);  }
.vp-auto  { background: #EEF5FB; }       .vp-auto::after  { background: #2E6EA6; }
.vp-aero  { background: var(--aero-p); } .vp-aero::after  { background: var(--aero); }

.v-icon-wrap {
  width: 44px; height: 44px; border-radius: 10px;
  display: flex; align-items: center; justify-content: center;
  margin-bottom: 16px;
}
.v-icon-wrap svg { width: 22px; height: 22px; stroke: currentColor; stroke-width: 1.6; fill: none; stroke-linecap: round; stroke-linejoin: round; }

.vi-med  { background: rgba(26,144,144,0.15); color: var(--med);  }
.vi-leg  { background: rgba(58,82,168,0.15);  color: var(--leg);  }
.vi-pat  { background: rgba(200,144,26,0.15); color: var(--pat);  }
.vi-tec  { background: rgba(46,110,166,0.15); color: var(--tec);  }
.vi-mkt  { background: rgba(26,173,110,0.15); color: var(--mkt);  }
.vi-lrn  { background: rgba(144,64,200,0.15); color: var(--lrn);  }
.vi-auto { background: rgba(46,110,166,0.15); color: #2E6EA6; }
.vi-aero { background: rgba(44,72,88,0.12);   color: var(--aero); }

.v-label {
  font-family: 'JetBrains Mono', monospace;
  font-size: 9px; font-weight: 500;
  letter-spacing: .14em; text-transform: uppercase;
  color: var(--muted); margin-bottom: 6px;
}
.v-name {
  font-family: 'Fraunces', serif;
  font-size: 22px; font-weight: 600;
  line-height: 1.15; letter-spacing: -.01em;
  color: var(--ink); margin-bottom: 10px;
}
.v-tagline { font-size: 13px; font-weight: 300; color: var(--slate); line-height: 1.55; }

.v-cta {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 12px; font-weight: 600;
  padding: 7px 14px; border-radius: 6px;
  border: 1px solid rgba(0,0,0,0.12);
  background: rgba(255,255,255,0.60);
  color: var(--ink);
  transition: background .18s; margin-top: 18px;
  cursor: pointer; text-decoration: none;
}
.v-cta:hover { background: rgba(255,255,255,0.90); }
.v-cta svg { width: 12px; height: 12px; stroke: currentColor; stroke-width: 2; fill: none; stroke-linecap: round; stroke-linejoin: round; }

/* Right content panel */
.v-content {
  padding: 32px 32px;
  background: var(--white);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

.v-col-title {
  font-family: 'JetBrains Mono', monospace;
  font-size: 9px; font-weight: 500;
  letter-spacing: .14em; text-transform: uppercase;
  color: var(--muted); margin-bottom: 10px;
}
.v-list { list-style: none; display: flex; flex-direction: column; gap: 7px; }
.v-list li {
  display: flex; align-items: flex-start; gap: 8px;
  font-size: 13px; color: var(--slate); line-height: 1.4;
}
.v-dot {
  width: 5px; height: 5px; border-radius: 50%;
  flex-shrink: 0; margin-top: 5px;
}

.kpi-grid { grid-column: 1 / -1; display: flex; gap: 10px; margin-top: 8px; }
.kpi {
  flex: 1; padding: 14px 16px; border-radius: 8px;
  background: var(--light); border: 1px solid var(--border);
  text-align: center;
}
.kpi-val {
  font-family: 'Fraunces', serif;
  font-size: 22px; font-weight: 700;
  color: var(--blue); margin-bottom: 4px;
  letter-spacing: -.01em;
}
.kpi-lbl { font-size: 11px; color: var(--muted); line-height: 1.35; }

/* ── INDUSTRY MATRIX ── */
.matrix-intro { margin-bottom: 36px; }

.sector-block { margin-bottom: 36px; }
.sector-name {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px; font-weight: 500;
  letter-spacing: .14em; text-transform: uppercase;
  color: var(--muted); margin-bottom: 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--border);
}
.ind-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.ind-chip {
  display: flex; align-items: center; gap: 7px;
  padding: 8px 14px; border-radius: 8px;
  border: 1px solid var(--border);
  font-size: 13px; color: var(--slate); font-weight: 500;
  transition: border-color .2s, color .2s, background .2s;
  cursor: default;
}
.ind-chip:hover { border-color: var(--blue); color: var(--blue); background: var(--blue-pale); }
.ind-chip.ic-featured {
  border-color: var(--blue); background: var(--blue-pale);
  color: var(--blue); font-weight: 600;
}
.chip-dot { width: 6px; height: 6px; border-radius: 50%; flex-shrink: 0; }

/* ── DOMAIN EXPERT SECTION ── */
.expert-grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px;
}
.expert-card {
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 12px; padding: 28px 24px;
  transition: background .2s, border-color .2s;
}
.expert-card:hover { background: rgba(255,255,255,0.09); border-color: rgba(255,255,255,0.20); }
.ec-num {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px; letter-spacing: .12em; text-transform: uppercase;
  color: rgba(255,255,255,0.30); margin-bottom: 10px;
}
.ec-title { font-size: 16px; font-weight: 600; color: #fff; margin-bottom: 8px; }
.ec-body  { font-size: 13px; font-weight: 300; color: rgba(255,255,255,0.52); line-height: 1.65; }

/* ── COMPLIANCE MATRIX ── */
.compliance-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
.compliance-table th {
  font-family: 'JetBrains Mono', monospace;
  font-size: 9px; letter-spacing: .12em; text-transform: uppercase;
  color: var(--muted); font-weight: 500;
  padding: 10px 16px; text-align: left;
  border-bottom: 1px solid var(--border);
  background: var(--light);
}
.compliance-table td {
  padding: 12px 16px;
  border-bottom: 1px solid var(--border);
  color: var(--slate); line-height: 1.45;
  vertical-align: top;
}
.compliance-table tr:last-child td { border-bottom: none; }
.compliance-table tr:hover td { background: var(--blue-pale); }
.ct-industry { font-weight: 600; color: var(--ink); }
.ct-badge {
  display: inline-block; font-size: 11px; font-weight: 500;
  padding: 2px 8px; border-radius: 4px; margin: 2px 2px 2px 0;
}
.badge-blue  { background: var(--blue-pale); color: var(--blue); }
.badge-gold  { background: var(--gold-pale); color: var(--gold); }
.badge-teal  { background: var(--med-p);     color: var(--med);  }
.badge-green { background: var(--mkt-p);     color: var(--mkt);  }

/* ── CTA ── */
.cta-section {
  background: var(--navy); padding: 96px 48px;
  text-align: center; position: relative; overflow: hidden;
}
.cta-section::before {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background: radial-gradient(ellipse 50% 60% at 50% 100%, rgba(26,92,184,0.18), transparent 60%);
}
.cta-title {
  font-family: 'Fraunces', serif;
  font-size: clamp(32px, 4.5vw, 52px);
  font-weight: 600; font-style: italic;
  color: #fff; line-height: 1.12; letter-spacing: -.02em;
  margin-bottom: 16px; position: relative; z-index: 2;
}
.cta-title em { font-style: normal; color: var(--gold-lt); }
.cta-sub {
  font-size: 15px; font-weight: 300;
  color: rgba(255,255,255,0.50);
  max-width: 520px; margin: 0 auto 36px;
  line-height: 1.75; position: relative; z-index: 2;
}
.cta-actions {
  display: flex; align-items: center; justify-content: center;
  gap: 12px; flex-wrap: wrap; position: relative; z-index: 2;
}
.btn-primary {
  padding: 14px 32px; border-radius: 7px; border: none;
  background: var(--blue); color: #fff;
  font-size: 14px; font-weight: 600; cursor: pointer;
  transition: background .2s, transform .15s, box-shadow .2s;
  box-shadow: 0 4px 20px rgba(26,92,184,0.30);
}
.btn-primary:hover { background: var(--blue-lt); transform: translateY(-2px); box-shadow: 0 8px 28px rgba(26,92,184,0.38); }
.btn-ghost {
  padding: 14px 24px; border-radius: 7px;
  border: 1px solid rgba(255,255,255,0.20);
  color: rgba(255,255,255,0.70); font-size: 14px; font-weight: 500;
  transition: border-color .2s, color .2s;
}
.btn-ghost:hover { border-color: rgba(255,255,255,0.50); color: #fff; }
.cta-note {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px; letter-spacing: .10em;
  color: rgba(255,255,255,0.28); text-transform: uppercase;
  margin-top: 22px; position: relative; z-index: 2;
}

/* ── FOOTER ── */
.footer {
  background: #050E1A; padding: 22px 48px;
  display: flex; align-items: center;
  justify-content: space-between; flex-wrap: wrap; gap: 10px;
  border-top: 1px solid rgba(255,255,255,0.06);
}
.footer-left { font-size: 12px; color: rgba(255,255,255,0.30); }
.footer-links { display: flex; gap: 20px; font-size: 12px; color: rgba(255,255,255,0.35); }
.footer-links a:hover { color: rgba(255,255,255,0.70); }
.footer-iso { font-family: 'JetBrains Mono', monospace; font-size: 9.5px; letter-spacing: .06em; color: rgba(200,144,26,0.55); }

/* ── RESPONSIVE ── */
@media (max-width: 1000px) {
  .vertical { grid-template-columns: 1fr; }
  .v-content { grid-template-columns: 1fr; }
  .kpi-grid  { flex-wrap: wrap; }
  .expert-grid { grid-template-columns: 1fr 1fr; }
  .counter-strip { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 900px) {
  .nav { padding: 0 20px; }
  .hero, .section, .cta-section { padding-left: 24px; padding-right: 24px; }
  .expert-grid { grid-template-columns: 1fr; }
  .footer { padding: 16px 24px; }
  .compliance-table { font-size: 12px; }
}
@media (max-width: 560px) {
  .counter-strip { grid-template-columns: 1fr 1fr; }
  .kpi-grid { flex-direction: column; }
}

/* ── SCROLL REVEAL ── */
@media (prefers-reduced-motion: no-preference) {
  .reveal { opacity: 0; transform: translateY(22px); transition: opacity .6s ease, transform .6s ease; }
  .reveal.visible { opacity: 1; transform: none; }
}

</style>
</head>
<body>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="description" content="White Globe Document and Language Translation Services">
    <meta name="keywords" content="white globe, translation, interpretation, localization, language translation services, document translation services">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Asia's Leading LSP For Translation, Localization And Language Services</title>

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous">

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css">

<link rel="stylesheet" href="./style.css">

<script src="./script.js" defer></script>

<script async src="https://www.googletagmanager.com/gtag/js?id=G-CW3RSR91PY"></script>
    <script>
       window.dataLayer = window.dataLayer || [];
       function gtag(){dataLayer.push(arguments);}
       gtag('js', new Date());

gtag('config', 'G-CW3RSR91PY');
     </script>

</head>
<body>

<nav class="navbar navbar-expand-xl" id="top-nav">
      <div class="container-fluid">
        <a class="navbar-brand pt-0 pb-0" href="./index.html">
          <img src="./images/logo/WG-logo.webp" alt="logo-whiteglobe" width="180" height=auto; class="img-fluid">
        </a>
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <li class="nav-item dropdown">
              <div id="dropdown1">
              <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                 Our Story
              </a>
              <ul class="dropdown-menu" id="dropdown-1">
                <li>
                  <a class="dropdown-item" href="./origin-story-of-white-globe.html">Origin Story Of White Globe</a>
                </li>
                <li>
                  <a class="dropdown-item" href="./origin-of-brand-name.html">Origin Of Brand Name</a>
                </li>
                <li>
                  <a class="dropdown-item" href="./vision-mission.html">Vision & Mission</a>
                </li>
                <li>
                  <a class="dropdown-item" href="./about-us.html">About Us</a>
                </li>
                <li>
                  <a class="dropdown-item" href="./team.html">Management Team</a></li>
                <li>
                  <a class="dropdown-item" href="./language-coe-team.html">Language COE Team</a>
                </li>
                <li>
                  <a class="dropdown-item" href="./white-globe-trotter.html">White Globe Trotter</a>
                </li>
                <li>
                  <a class="dropdown-item" href="./whiteglobe-in-news.html">White Globe In News</a>
                </li>
                <li>
    <a class="dropdown-item" href="./our-corporate-profile.html">
        Our Corporate Profile
    </a>
</li>

<li class="dropend">
    <a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown">
        Our Brands
    </a>

<li>
            <a class="dropdown-item" href="./Nexoratech.html">
                Nexoratech
            </a>
        </li>

<li>
            <a class="dropdown-item" href="./indic-translation.html">
                Indic Translation
                <img src="./images/logo/indic-translation.webp" width="25">
            </a>
        </li>

<li>
            <a class="dropdown-item" href="./lang-train.html">
                Lang Train
                <img src="./images/logo/lang-train.webp" width="25">
            </a>
        </li>

<li>
            <a class="dropdown-item" href="./lang-writer.html">
                Lang Writer
                <img src="./images/logo/lang-writer.webp" width="25">
            </a>
        </li>

<li>
            <a class="dropdown-item" href="./on-tap-translation.html">
                On Tap Translation
                <img src="./images/logo/on-tap-translation.webp" width="25">
            </a>
        </li>

<li>
            <a class="dropdown-item" href="./online-interpreter.html">
                Online Interpreter
                <img src="./images/logo/online-interpreter.webp" width="25">
            </a>
        </li>

<li>
            <a class="dropdown-item" href="./polyverse-digital.html">
                Polyverse Digital
                <img src="./images/logo/polyverse-digital.webp" width="25">
            </a>
        </li>

<li>
            <a class="dropdown-item" href="./polyverse-media.html">
                Polyverse Media
                <img src="./images/logo/polyverse-media.webp" width="25">
            </a>
        </li>

<li>
            <a class="dropdown-item" href="./yellow-hat-global.html">
                Yellow Hat Global
                <img src="./images/logo/yellow-hat-global.webp" width="25">
            </a>
        </li>

</ul>
</li>
            </div>
            </li>
            
            <li class="nav-item dropdown">
              <div id="dropdown2">
        <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                Industry Solutions
              </a>
              <ul class="dropdown-menu" id="dropdown-2">
                  <li>
                  <a class="dropdown-item" href=Industry-Solutions.html>Industry Solutions</a>
                </li>
                <li>
                  <a class="dropdown-item" href="./Technical-Documentation-Transformation.html">Technical Documentation Transformation</a>
                </li>
                <li>
                  <a class="dropdown-item" href="./customised-industry-solution.html">Customised Industry Solution</a>
                </li>
                <li>
                 <a class="dropdown-item" href="./Precision-Medical-Translation.html">Precision Medical Translation</a>
                </li>
                <li>
                   <a class="dropdown-item" href="./Certified-Translation-Services.html">Certified Translation Services </a>
                </li>
                <li>
                  <a class="dropdown-item" href="./Legal-Translation-Services.html">Legal Translation Services</a>
                </li>
                <li>
                  <a class="dropdown-item" href="./Patent-Translation-Services.html">Patent Translation Services</a>
                </li>
                <li>
                   <a class="dropdown-item" href="./Business-Translation-Services.html">Business Translation Services</a>
                </li>
                <li>
                   <a class="dropdown-item" href="./mdr-solutions.html">MDR Solutions</a>
                </li>
              </ul>
            </div>
            </li>
            
            <li class="nav-item dropdown">
              <div id="dropdown2">
        <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                Solutions By Format
              </a>
              <ul class="dropdown-menu" id="dropdown-2">
                  <li>
                  <a class="dropdown-item" href="./Solutions-By-Format.html">Solutions By Format </a>
                </li>
                <li>
                  <a class="dropdown-item" href="./Multilingual-eLearning-Solutions.html">Multilingual-eLearning-Solutions </a>
                </li>
                <li>
                  <a class="dropdown-item" href="./Enterprise-Multimedia-Localisation.html">Enterprise-Multimedia-Localisation</a>
                </li>
                <li>
                  <a class="dropdown-item" href="./language-solutions-hub.html">Language Solutions Hub</a>
                </li>
                <li>
                  <a class="dropdown-item" href="./beyond-language-solution.html">Value Added Solutions </a>
                </li>
              </ul>
            </div>
            </li>
            
            <li class="nav-item dropdown">
              <div id="dropdown2">
        <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
               Why White Globe
              </a>
              <ul class="dropdown-menu" id="dropdown-2">
                  <li>
                  <a class="dropdown-item" href="./Why-Whiteglobe.html">Why Whiteglobe</a>
                </li>
                <li>
                  <a class="dropdown-item" href="./common-language-pair.html">Common Language Pair</a>
                </li>
                <li>
                  <a class="dropdown-item" href="./tailored-solutions-for-functions.html">Tailored Solutions For Function</a>
                </li>
              </ul>
            </div>
            </li>
           
            <li class="nav-item dropdown">
              <div id="dropdown3">
              <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                Success Stories
              </a>
              <ul class="dropdown-menu" id="dropdown-3">
                <li>
                  <a class="dropdown-item" href="./case-studies.html">Case Studies</a>
                </li>
              </ul>
            </div>
            </li>
            <li class="nav-item dropdown">
              <div id="dropdown3">
              <a class="nav-link" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                Lang Tech
              </a>
              <ul class="dropdown-menu" id="dropdown-3">
                <li>
                  <a class="dropdown-item" href="./our-technology-platform.html">
                     Our Technology Platform <img src="./images/logo/langtech.webp" alt="logo-lang-tech" width="30" height="30">
                  </a>
                </li>
              </ul>
            </div>
            </li>
           
           <li class="nav-item dropdown">
              <div id="dropdown5">
              <a class="nav-link" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                Knowledge Center
              </a>
              <ul class="dropdown-menu" id="dropdown-5">
                <li>
                  <a class="dropdown-item" href="./articles.html">
                    Articles
                  </a>
                </li>
                <li>
                  <a class="dropdown-item" href="./blogs.html">
                    Blogs
                  </a>
                </li>
              </ul>
            </div>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="./request-a quote.html">
                Request A Quote
              </a>
            </li>
           <li class="nav-item dropdown">
              <div id="dropdown6">
              <a class="nav-link" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                Get In Touch
              </a>
              <ul class="dropdown-menu" id="dropdown-6">
                <li>
                  <a class="dropdown-item" href="./connect-with-us.html">
                    Connect With Us
                  </a>
                </li>
                <li>
                  <a class="dropdown-item" href="./career.html">
                    Career
                  </a>
                </li>
                 </ul>
        </div>
    </nav>

<section class="hero">
  <div class="hero-inner">
    <p class="hero-eyebrow">Industry Solutions &mdash; 60+ Sectors &mdash; Domain Expert Linguists</p>
    <h1 class="hero-title">
      Language Solutions Built<br>
      for Your Industry.<br>
      <em>Not Adapted from Someone Else's.</em>
    </h1>
    <p class="hero-sub">
      Generic language service providers apply the same process to every sector. White Globe does not. Every vertical we serve has dedicated <strong>domain-expert linguists</strong>, sector-specific compliance frameworks, and institutional knowledge built from years of repeat enterprise programmes — not first-time adaptations.
    </p>

<div class="counter-strip">
      <div class="counter-cell">
        <div class="counter-val">60<span style="font-size:22px">+</span></div>
        <div class="counter-lbl">Industries served with domain expertise</div>
      </div>
      <div class="counter-cell">
        <div class="counter-val">125<span style="font-size:22px">K+</span></div>
        <div class="counter-lbl">Domain-specialist linguists on platform</div>
      </div>
      <div class="counter-cell">
        <div class="counter-val">350<span style="font-size:22px">+</span></div>
        <div class="counter-lbl">Languages across all sectors</div>
      </div>
      <div class="counter-cell">
        <div class="counter-val">30<span style="font-size:22px">+</span></div>
        <div class="counter-lbl">Years of institutional sector knowledge</div>
      </div>
    </div>
  </div>
</section>

<section class="section s-light" id="verticals">
  <div class="eyebrow eyebrow-blue">Primary Industry Verticals</div>
  <div class="sec-rule rule-blue"></div>
  <h2 class="sec-title reveal">Five Sectors. <em>Built-In Expertise.</em></h2>
  <p class="sec-lead reveal">The verticals where precision, regulatory compliance, and domain accuracy are not optional — and where White Globe's specialist capability makes the difference between a submission accepted and one returned.</p>

<div class="vertical">
      <div class="v-panel vp-med">
        <div>
          <div class="v-icon-wrap vi-med">
            <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M22 12h-4l-3 9L9 3l-3 9H2"/></svg>
          </div>
          <div class="v-label">01 &mdash; Regulated</div>
          <div class="v-name">Medical &amp; Life Sciences</div>
          <div class="v-tagline">Clinically accurate. Regulatory-ready. Globally deployed.</div>
        </div>
        <a class="v-cta" href="medical-translation.html">
          View Medical Solutions
          <svg viewBox="0 0 12 12" aria-hidden="true"><line x1="2" y1="6" x2="10" y2="6"/><polyline points="7,3 10,6 7,9"/></svg>
        </a>
      </div>
      <div class="v-content">
        <div>
          <div class="v-col-title">Document types</div>
          <ul class="v-list">
            <li><span class="v-dot" style="background:var(--med)"></span>SmPC, PIL &amp; eCTD regulatory submissions</li>
            <li><span class="v-dot" style="background:var(--med)"></span>Informed Consent Forms &mdash; back-translation ready</li>
            <li><span class="v-dot" style="background:var(--med)"></span>IFU, DFU and CE/MDR device documentation</li>
            <li><span class="v-dot" style="background:var(--med)"></span>Pharmacovigilance &mdash; PSUR, DSUR, ICSR, MedWatch</li>
            <li><span class="v-dot" style="background:var(--med)"></span>Clinical protocols, CRFs and investigator brochures</li>
          </ul>
        </div>
        <div>
          <div class="v-col-title">Regulatory authority alignment</div>
          <ul class="v-list">
            <li><span class="v-dot" style="background:var(--med)"></span>FDA &mdash; eCTD v4.0, 21 CFR, MedWatch</li>
            <li><span class="v-dot" style="background:var(--med)"></span>EMA &mdash; QRD template, MAA, SmPC/PIL</li>
            <li><span class="v-dot" style="background:var(--med)"></span>CDSCO &mdash; New Drug Application, Form 9/12/44</li>
            <li><span class="v-dot" style="background:var(--med)"></span>PMDA (Japan), NMPA (China) &mdash; full alignment</li>
            <li><span class="v-dot" style="background:var(--med)"></span>ISO 13485 workflow &mdash; bilingual SME review standard</li>
          </ul>
        </div>
        <div class="kpi-grid">
          <div class="kpi"><div class="kpi-val">ISO 13485</div><div class="kpi-lbl">Medical device quality certified</div></div>
          <div class="kpi"><div class="kpi-val">10,000+</div><div class="kpi-lbl">Medical linguists on platform</div></div>
          <div class="kpi"><div class="kpi-val">6</div><div class="kpi-lbl">Regulatory authority frameworks</div></div>
          <div class="kpi"><div class="kpi-val">HIPAA</div><div class="kpi-lbl">Compliant infrastructure</div></div>
        </div>
      </div>
    </div>

<div class="vertical">
      <div class="v-panel vp-leg">
        <div>
          <div class="v-icon-wrap vi-leg">
            <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 22V2M4 6l8-4 8 4M4 18l8 4 8-4M4 6v12M20 6v12"/></svg>
          </div>
          <div class="v-label">02 &mdash; Legal &amp; IP</div>
          <div class="v-name">Legal Translation</div>
          <div class="v-tagline">Jurisdictionally precise. 100+ legal systems. Every authority.</div>
        </div>
        <a class="v-cta" href="legal-translation.html">
          View Legal Solutions
          <svg viewBox="0 0 12 12" aria-hidden="true"><line x1="2" y1="6" x2="10" y2="6"/><polyline points="7,3 10,6 7,9"/></svg>
        </a>
      </div>
      <div class="v-content">
        <div>
          <div class="v-col-title">Document types</div>
          <ul class="v-list">
            <li><span class="v-dot" style="background:var(--leg)"></span>Contracts, NDAs, MSAs, JV &amp; vendor agreements</li>
            <li><span class="v-dot" style="background:var(--leg)"></span>M&amp;A due diligence documentation suites</li>
            <li><span class="v-dot" style="background:var(--leg)"></span>Court filings, pleadings &amp; arbitration awards</li>
            <li><span class="v-dot" style="background:var(--leg)"></span>GDPR DPA, DPIA &amp; regulatory compliance filings</li>
            <li><span class="v-dot" style="background:var(--leg)"></span>Corporate governance &amp; board resolutions</li>
          </ul>
        </div>
        <div>
          <div class="v-col-title">Jurisdictions covered</div>
          <ul class="v-list">
            <li><span class="v-dot" style="background:var(--leg)"></span>India &mdash; NCLT, High Courts, SEBI, RBI, MEA</li>
            <li><span class="v-dot" style="background:var(--leg)"></span>USA &mdash; SEC, USPTO, Federal Courts, FINRA</li>
            <li><span class="v-dot" style="background:var(--leg)"></span>EU &mdash; EMA, EPO, GDPR, EU Courts, EUIPO</li>
            <li><span class="v-dot" style="background:var(--leg)"></span>UK, UAE DIFC/ADGM, ICC, LCIA, SIAC, CNIPA</li>
            <li><span class="v-dot" style="background:var(--leg)"></span>LATAM &mdash; INPI Brazil, IMPI Mexico &amp; GCC</li>
          </ul>
        </div>
        <div class="kpi-grid">
          <div class="kpi"><div class="kpi-val">100+</div><div class="kpi-lbl">Legal jurisdictions covered</div></div>
          <div class="kpi"><div class="kpi-val">JD/LLB</div><div class="kpi-lbl">Bilingual attorney review on demand</div></div>
          <div class="kpi"><div class="kpi-val">500+</div><div class="kpi-lbl">Legal projects delivered per year</div></div>
          <div class="kpi"><div class="kpi-val">ISO 27001</div><div class="kpi-lbl">IP-safe production environment</div></div>
        </div>
      </div>
    </div>

<div class="vertical">
      <div class="v-panel vp-pat">
        <div>
          <div class="v-icon-wrap vi-pat">
            <svg viewBox="0 0 24 24" aria-hidden="true"><circle cx="12" cy="12" r="10"/><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg>
          </div>
          <div class="v-label">03 &mdash; Intellectual Property</div>
          <div class="v-name">Patent Translation</div>
          <div class="v-tagline">Protect innovation. File everywhere. Win every market.</div>
        </div>
        <a class="v-cta" href="patent-translation.html">
          View Patent Solutions
          <svg viewBox="0 0 12 12" aria-hidden="true"><line x1="2" y1="6" x2="10" y2="6"/><polyline points="7,3 10,6 7,9"/></svg>
        </a>
      </div>
      <div class="v-content">
        <div>
          <div class="v-col-title">Document types</div>
          <ul class="v-list">
            <li><span class="v-dot" style="background:var(--pat)"></span>PCT applications, claims &amp; sequence listings</li>
            <li><span class="v-dot" style="background:var(--pat)"></span>Prior art &amp; freedom-to-operate technical literature</li>
            <li><span class="v-dot" style="background:var(--pat)"></span>Office actions &amp; examination responses</li>
            <li><span class="v-dot" style="background:var(--pat)"></span>IP portfolio localisation &amp; M&amp;A harmonisation</li>
            <li><span class="v-dot" style="background:var(--pat)"></span>Patent litigation &mdash; IPR filings, invalidity contentions</li>
          </ul>
        </div>
        <div>
          <div class="v-col-title">Patent offices covered</div>
          <ul class="v-list">
            <li><span class="v-dot" style="background:var(--pat)"></span>WIPO / PCT &mdash; 153 member states</li>
            <li><span class="v-dot" style="background:var(--pat)"></span>EPO &mdash; EPC structure, 39 states, UPC</li>
            <li><span class="v-dot" style="background:var(--pat)"></span>USPTO &mdash; certified declaration, IPR &amp; PMA</li>
            <li><span class="v-dot" style="background:var(--pat)"></span>CNIPA &mdash; 2023 law amendments, AI inventions</li>
            <li><span class="v-dot" style="background:var(--pat)"></span>JPO, KIPO, CGPDTM, INPI, IMPI &amp; GCC</li>
          </ul>
        </div>
        <div class="kpi-grid">
          <div class="kpi"><div class="kpi-val">7+</div><div class="kpi-lbl">Major patent offices covered</div></div>
          <div class="kpi"><div class="kpi-val">WIPO</div><div class="kpi-lbl">Qualified patent translators</div></div>
          <div class="kpi"><div class="kpi-val">40%</div><div class="kpi-lbl">Cost reduction via TM reuse</div></div>
          <div class="kpi"><div class="kpi-val">57%</div><div class="kpi-lbl">Turnaround improvement, auto OEM</div></div>
        </div>
      </div>
    </div>

<div class="vertical">
      <div class="v-panel vp-tec">
        <div>
          <div class="v-icon-wrap vi-tec">
            <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/><polyline points="10 9 9 9 8 9"/></svg>
          </div>
          <div class="v-label">04 &mdash; Engineering</div>
          <div class="v-name">Technical Documentation</div>
          <div class="v-tagline">Engineering documentation that works as hard as your products.</div>
        </div>
        <a class="v-cta" href="technical-documentation.html">
          View TechDoc Solutions
          <svg viewBox="0 0 12 12" aria-hidden="true"><line x1="2" y1="6" x2="10" y2="6"/><polyline points="7,3 10,6 7,9"/></svg>
        </a>
      </div>
      <div class="v-content">
        <div>
          <div class="v-col-title">Capabilities</div>
          <ul class="v-list">
            <li><span class="v-dot" style="background:var(--tec)"></span>Legacy transformation &mdash; PDF/Word to S1000D/DITA/XML</li>
            <li><span class="v-dot" style="background:var(--tec)"></span>Structured authoring &mdash; S1000D, DITA, ASD-STE100</li>
            <li><span class="v-dot" style="background:var(--tec)"></span>CAD-derived procedural illustrations &mdash; OEM source files</li>
            <li><span class="v-dot" style="background:var(--tec)"></span>Multilingual technical localisation &mdash; 350+ languages</li>
            <li><span class="v-dot" style="background:var(--tec)"></span>Digital platform output &mdash; HTML5, IETP, dealer portals</li>
          </ul>
        </div>
        <div>
          <div class="v-col-title">Industries &amp; standards</div>
          <ul class="v-list">
            <li><span class="v-dot" style="background:var(--tec)"></span>Automotive &mdash; workshop manuals, EV platform, dealer portals</li>
            <li><span class="v-dot" style="background:var(--tec)"></span>Aerospace &mdash; S1000D Issue 5/6, MRO, training pubs</li>
            <li><span class="v-dot" style="background:var(--tec)"></span>Industrial &mdash; maintenance SOPs, ATEX, hazardous area</li>
            <li><span class="v-dot" style="background:var(--tec)"></span>Marine &mdash; class society, SOLAS, naval S1000D</li>
            <li><span class="v-dot" style="background:var(--tec)"></span>Energy &mdash; O&amp;M manuals, offshore, wind/solar</li>
          </ul>
        </div>
        <div class="kpi-grid">
          <div class="kpi"><div class="kpi-val">14,000</div><div class="kpi-lbl">Pages transformed, single OEM programme</div></div>
          <div class="kpi"><div class="kpi-val">60%</div><div class="kpi-lbl">Faster update cycles post-migration</div></div>
          <div class="kpi"><div class="kpi-val">40%+</div><div class="kpi-lbl">Content reuse across product variants</div></div>
          <div class="kpi"><div class="kpi-val">ISO 27001</div><div class="kpi-lbl">Engineering IP protected</div></div>
        </div>
      </div>
    </div>

<div class="vertical">
      <div class="v-panel vp-mkt">
        <div>
          <div class="v-icon-wrap vi-mkt">
            <svg viewBox="0 0 24 24" aria-hidden="true"><polyline points="22 12 18 12 15 21 9 3 6 12 2 12"/></svg>
          </div>
          <div class="v-label">05 &mdash; Growth</div>
          <div class="v-name">Multilingual Marketing</div>
          <div class="v-tagline">Scale global marketing without losing your brand voice. Or your budget.</div>
        </div>
        <a class="v-cta" href="marketing-enablement.html">
          View Marketing Solutions
          <svg viewBox="0 0 12 12" aria-hidden="true"><line x1="2" y1="6" x2="10" y2="6"/><polyline points="7,3 10,6 7,9"/></svg>
        </a>
      </div>
      <div class="v-content">
        <div>
          <div class="v-col-title">Capabilities</div>
          <ul class="v-list">
            <li><span class="v-dot" style="background:var(--mkt)"></span>AI content engine &mdash; 5&ndash;10&times; velocity, brand-trained LLMs</li>
            <li><span class="v-dot" style="background:var(--mkt)"></span>Brand transcreation &mdash; not translation, cultural transfer</li>
            <li><span class="v-dot" style="background:var(--mkt)"></span>Multilingual SEO/PPC &mdash; market-specific intent optimisation</li>
            <li><span class="v-dot" style="background:var(--mkt)"></span>Marketing automation &amp; CX content localisation</li>
            <li><span class="v-dot" style="background:var(--mkt)"></span>Video, social &amp; multimedia factory &mdash; all platforms</li>
          </ul>
        </div>
        <div>
          <div class="v-col-title">Industry applications</div>
          <ul class="v-list">
            <li><span class="v-dot" style="background:var(--mkt)"></span>Retail &amp; FMCG &mdash; D2C expansion, seasonal campaigns</li>
            <li><span class="v-dot" style="background:var(--mkt)"></span>IT &amp; SaaS &mdash; demand gen, PLG content, 8+ markets</li>
            <li><span class="v-dot" style="background:var(--mkt)"></span>Healthcare &mdash; regulatory-safe, HCP education content</li>
            <li><span class="v-dot" style="background:var(--mkt)"></span>BFSI &mdash; SEBI/RBI compliant, financial literacy</li>
            <li><span class="v-dot" style="background:var(--mkt)"></span>Automotive &mdash; EV narrative, global product launch</li>
          </ul>
        </div>
        <div class="kpi-grid">
          <div class="kpi"><div class="kpi-val">5&ndash;10&times;</div><div class="kpi-lbl">Content velocity vs agency model</div></div>
          <div class="kpi"><div class="kpi-val">40&ndash;60%</div><div class="kpi-lbl">Lower cost vs traditional agencies</div></div>
          <div class="kpi"><div class="kpi-val">280%</div><div class="kpi-lbl">Organic traffic growth, B2B SaaS</div></div>
          <div class="kpi"><div class="kpi-val">48hr</div><div class="kpi-lbl">Campaign lag from 6 weeks to 48 hours</div></div>
        </div>
      </div>
    </div>

</div>
</section>

<section class="section s-cream" id="industries">
  <div class="eyebrow">Full Industry Coverage</div>
  <div class="sec-rule rule-gold"></div>
  <h2 class="sec-title reveal">60+ Industries. <em>Institutional Knowledge.</em> Not First-Time Adaptation.</h2>
  <p class="sec-lead reveal">Years of repeat enterprise business across every major sector build the institutional knowledge that one-off adaptation cannot replicate. Domain-expert linguists are not assigned randomly — they are matched by sector, technology, and regulatory context.</p>

<div class="reveal">
    <div class="sector-block">
      <div class="sector-name">Regulated &amp; Life Sciences</div>
      <div class="ind-chips">
        <span class="ind-chip ic-featured"><span class="chip-dot" style="background:var(--med)"></span>Pharmaceutical &amp; Biotech</span>
        <span class="ind-chip ic-featured"><span class="chip-dot" style="background:var(--med)"></span>Medical Devices &amp; Diagnostics</span>
        <span class="ind-chip ic-featured"><span class="chip-dot" style="background:var(--med)"></span>Clinical Research (CRO)</span>
        <span class="ind-chip"><span class="chip-dot" style="background:var(--med)"></span>Hospitals &amp; Healthcare Networks</span>
        <span class="ind-chip"><span class="chip-dot" style="background:var(--med)"></span>HealthTech &amp; Digital Health</span>
        <span class="ind-chip"><span class="chip-dot" style="background:var(--med)"></span>Veterinary &amp; Animal Health</span>
        <span class="ind-chip"><span class="chip-dot" style="background:var(--med)"></span>Nutraceuticals &amp; Food Safety</span>
      </div>
    </div>

<div class="sector-block">
      <div class="sector-name">Legal, IP &amp; Professional Services</div>
      <div class="ind-chips">
        <span class="ind-chip ic-featured"><span class="chip-dot" style="background:var(--leg)"></span>Law Firms &amp; Legal Departments</span>
        <span class="ind-chip ic-featured"><span class="chip-dot" style="background:var(--leg)"></span>Patent &amp; Intellectual Property</span>
        <span class="ind-chip"><span class="chip-dot" style="background:var(--leg)"></span>Arbitration &amp; Dispute Resolution</span>
        <span class="ind-chip"><span class="chip-dot" style="background:var(--leg)"></span>Consulting &amp; Advisory</span>
        <span class="ind-chip"><span class="chip-dot" style="background:var(--leg)"></span>Accounting &amp; Audit</span>
        <span class="ind-chip"><span class="chip-dot" style="background:var(--leg)"></span>Compliance &amp; Risk Management</span>
        <span class="ind-chip"><span class="chip-dot" style="background:var(--leg)"></span>Human Resources &amp; Talent</span>
      </div>
    </div>

<div class="sector-block">
      <div class="sector-name">BFSI &amp; Financial Services</div>
      <div class="ind-chips">
        <span class="ind-chip ic-featured"><span class="chip-dot" style="background:var(--blue)"></span>Banking &amp; Financial Institutions</span>
        <span class="ind-chip ic-featured"><span class="chip-dot" style="background:var(--blue)"></span>Insurance &amp; Reinsurance</span>
        <span class="ind-chip"><span class="chip-dot" style="background:var(--blue)"></span>Fintech &amp; Payments</span>
        <span class="ind-chip"><span class="chip-dot" style="background:var(--blue)"></span>Capital Markets &amp; Investment</span>
        <span class="ind-chip"><span class="chip-dot" style="background:var(--blue)"></span>Wealth Management</span>
        <span class="ind-chip"><span class="chip-dot" style="background:var(--blue)"></span>Microfinance &amp; NBFCs</span>
      </div>
    </div>

<div class="sector-block">
      <div class="sector-name">Automotive, Aerospace &amp; Engineering</div>
      <div class="ind-chips">
        <span class="ind-chip ic-featured"><span class="chip-dot" style="background:var(--tec)"></span>Automotive &amp; Commercial Vehicles</span>
        <span class="ind-chip ic-featured"><span class="chip-dot" style="background:var(--tec)"></span>Aerospace &amp; Defence</span>
        <span class="ind-chip"><span class="chip-dot" style="background:var(--tec)"></span>Electric Vehicles &amp; EV Technology</span>
        <span class="ind-chip"><span class="chip-dot" style="background:var(--tec)"></span>Marine &amp; Shipbuilding</span>
        <span class="ind-chip"><span class="chip-dot" style="background:var(--tec)"></span>Rail &amp; Transport Infrastructure</span>
        <span class="ind-chip"><span class="chip-dot" style="background:var(--tec)"></span>Industrial Automation</span>
        <span class="ind-chip"><span class="chip-dot" style="background:var(--tec)"></span>Heavy Engineering &amp; Machinery</span>
        <span class="ind-chip"><span class="chip-dot" style="background:var(--tec)"></span>Construction &amp; Infrastructure</span>
      </div>
    </div>

<div class="sector-block">
      <div class="sector-name">Energy, Chemicals &amp; Environment</div>
      <div class="ind-chips">
        <span class="ind-chip"><span class="chip-dot" style="background:var(--mkt)"></span>Oil &amp; Gas</span>
        <span class="ind-chip"><span class="chip-dot" style="background:var(--mkt)"></span>Renewable Energy &amp; Green Tech</span>
        <span class="ind-chip"><span class="chip-dot" style="background:var(--mkt)"></span>Nuclear &amp; Power Generation</span>
        <span class="ind-chip"><span class="chip-dot" style="background:var(--mkt)"></span>Chemicals &amp; Specialty Materials</span>
        <span class="ind-chip"><span class="chip-dot" style="background:var(--mkt)"></span>Mining &amp; Minerals</span>
        <span class="ind-chip"><span class="chip-dot" style="background:var(--mkt)"></span>Environmental &amp; Sustainability</span>
        <span class="ind-chip"><span class="chip-dot" style="background:var(--mkt)"></span>Water &amp; Utilities</span>
      </div>
    </div>

<div class="sector-block">
      <div class="sector-name">Technology, Media &amp; Telecommunications</div>
      <div class="ind-chips">
        <span class="ind-chip ic-featured"><span class="chip-dot" style="background:var(--lrn)"></span>IT &amp; Enterprise Software</span>
        <span class="ind-chip"><span class="chip-dot" style="background:var(--lrn)"></span>SaaS &amp; Cloud Platforms</span>
        <span class="ind-chip"><span class="chip-dot" style="background:var(--lrn)"></span>Semiconductors &amp; Electronics</span>
        <span class="ind-chip"><span class="chip-dot" style="background:var(--lrn)"></span>Telecommunications</span>
        <span class="ind-chip"><span class="chip-dot" style="background:var(--lrn)"></span>Media &amp; Entertainment</span>
        <span class="ind-chip"><span class="chip-dot" style="background:var(--lrn)"></span>Gaming &amp; Interactive</span>
        <span class="ind-chip"><span class="chip-dot" style="background:var(--lrn)"></span>Cybersecurity</span>
      </div>
    </div>

<div class="sector-block">
      <div class="sector-name">Consumer, Retail &amp; FMCG</div>
      <div class="ind-chips">
        <span class="ind-chip ic-featured"><span class="chip-dot" style="background:var(--gold)"></span>Retail &amp; E-Commerce</span>
        <span class="ind-chip"><span class="chip-dot" style="background:var(--gold)"></span>FMCG &amp; Consumer Goods</span>
        <span class="ind-chip"><span class="chip-dot" style="background:var(--gold)"></span>Fashion &amp; Apparel</span>
        <span class="ind-chip"><span class="chip-dot" style="background:var(--gold)"></span>Luxury &amp; Premium Brands</span>
        <span class="ind-chip"><span class="chip-dot" style="background:var(--gold)"></span>Food &amp; Beverage</span>
        <span class="ind-chip"><span class="chip-dot" style="background:var(--gold)"></span>Hospitality &amp; Travel</span>
        <span class="ind-chip"><span class="chip-dot" style="background:var(--gold)"></span>Logistics &amp; Supply Chain</span>
      </div>
    </div>

<div class="sector-block">
      <div class="sector-name">Public Sector, Education &amp; Agriculture</div>
      <div class="ind-chips">
        <span class="ind-chip"><span class="chip-dot" style="background:var(--slate)"></span>Government &amp; Public Sector</span>
        <span class="ind-chip"><span class="chip-dot" style="background:var(--slate)"></span>Education &amp; EdTech</span>
        <span class="ind-chip"><span class="chip-dot" style="background:var(--slate)"></span>Non-Profit &amp; International Organisations</span>
        <span class="ind-chip"><span class="chip-dot" style="background:var(--slate)"></span>Agriculture &amp; Agritech</span>
        <span class="ind-chip"><span class="chip-dot" style="background:var(--slate)"></span>Real Estate &amp; Property</span>
        <span class="ind-chip"><span class="chip-dot" style="background:var(--slate)"></span>Sports &amp; Recreation</span>
      </div>
    </div>
  </div>
</section>

<section class="section s-dark" id="expertise">
  <div class="eyebrow eyebrow-light">The Domain Expert Difference</div>
  <div class="sec-rule rule-gold"></div>
  <h2 class="sec-title sec-title-light reveal">Why <em>Domain Expertise</em> Is Not Optional.</h2>
  <p class="sec-lead sec-lead-light reveal">The gap between a fluent translator and a domain-expert linguist is the gap between acceptable and accurate. In regulated, safety-critical and brand-sensitive environments, that gap has consequences.</p>

<div class="expert-grid reveal">
    <div class="expert-card">
      <div class="ec-num">01 &mdash; Clinical Accuracy</div>
      <div class="ec-title">Medical Content Is Not General Content</div>
      <div class="ec-body">A bilingual pharmacist reviewing an SmPC catches a clinical nuance that a language graduate misses. A bilingual biomedical engineer reviewing an IFU identifies a procedural ambiguity before it becomes a patient safety issue. White Globe assigns bilingual domain SMEs to every regulated content review — not language professionals reviewing outside their expertise.</div>
    </div>
    <div class="expert-card">
      <div class="ec-num">02 &mdash; Legal Precision</div>
      <div class="ec-title">Jurisdictional Equivalence Is Not Word-for-Word</div>
      <div class="ec-body">A contract clause translated word-for-word between two jurisdictions with different legal traditions may be syntactically correct and legally meaningless. White Globe's legal linguists understand the jurisdictional intent behind every clause — they translate for enforceability, not just for accuracy. Bilingual JD review is available on demand for M&A, arbitration and regulatory filings.</div>
    </div>
    <div class="expert-card">
      <div class="ec-num">03 &mdash; Technical Fidelity</div>
      <div class="ec-title">Engineering Terminology Has No Synonyms</div>
      <div class="ec-body">An aircraft maintenance procedure, an EV battery charging sequence, or a pharmaceutical synthesis protocol has exactly one correct translation per term. There is no acceptable alternative. White Globe's technical linguists are matched by domain — automotive engineers do not translate aerospace documentation, and pharmaceutical translators do not translate semiconductor patents.</div>
    </div>
    <div class="expert-card">
      <div class="ec-num">04 &mdash; Cultural Intelligence</div>
      <div class="ec-title">Translation Is Not Transcreation</div>
      <div class="ec-body">A marketing campaign that converts in English does not automatically convert in Hindi, Arabic, or Japanese — because the emotional register, cultural context, and buyer psychology in the target market are different. AI translation can produce fluent output. It cannot replicate the cultural intelligence that makes content persuade, not just inform.</div>
    </div>
    <div class="expert-card">
      <div class="ec-num">05 &mdash; Regulatory Compliance</div>
      <div class="ec-title">Format Is Part of the Submission</div>
      <div class="ec-body">EMA QRD template compliance is not a formatting step — it is a submission requirement. USPTO patent claim structure is not a style preference — it is an enforceability standard. SEBI compliance video is not a training document — it is audit evidence. White Globe's regulatory formatting specialists understand that in regulated industries, the envelope is as important as the content.</div>
    </div>
    <div class="expert-card">
      <div class="ec-num">06 &mdash; IP Security</div>
      <div class="ec-title">Pre-Grant Content Is Classified</div>
      <div class="ec-body">A patent application before grant date, an M&A data room document, a clinical trial dataset, a classified aerospace procedure — these are not documents to be emailed to a freelancer network. White Globe's ISO 27001-certified production environment, NDA-governed project teams, role-based access control, and no-download policy are built specifically for content that cannot leave a controlled environment.</div>
    </div>
  </div>
</section>

<section class="section s-light" id="compliance">
  <div class="eyebrow eyebrow-blue">Regulatory Alignment by Sector</div>
  <div class="sec-rule rule-blue"></div>
  <h2 class="sec-title reveal">Every Sector. <em>Every Relevant Authority.</em></h2>
  <p class="sec-lead reveal">The regulatory frameworks White Globe is operationally aligned to — not aspirationally committed to — across the sectors we serve.</p>

<div class="reveal" style="overflow-x:auto;">
    <table class="compliance-table">
      <thead>
        <tr>
          <th style="width:20%">Industry</th>
          <th style="width:30%">Regulatory Authorities &amp; Standards</th>
          <th style="width:30%">Key Document Types</th>
          <th style="width:20%">White Globe Capability</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td class="ct-industry">Pharmaceutical &amp; Life Sciences</td>
          <td>FDA &middot; EMA &middot; CDSCO &middot; PMDA &middot; NMPA &middot; TGA &middot; Swissmedic</td>
          <td>SmPC, PIL, eCTD, NDA/MAA, ICF, PSUR, DSUR, RMP</td>
          <td><span class="ct-badge badge-teal">ISO 13485</span><span class="ct-badge badge-blue">HIPAA</span><span class="ct-badge badge-blue">GDPR</span></td>
        </tr>
        <tr>
          <td class="ct-industry">Medical Devices</td>
          <td>FDA 510(k)/PMA &middot; EU MDR &middot; CE marking &middot; ISO 13485 &middot; IEC 62366</td>
          <td>IFU, DFU, device labelling, CE Technical Documentation</td>
          <td><span class="ct-badge badge-teal">ISO 13485</span><span class="ct-badge badge-blue">MDR</span></td>
        </tr>
        <tr>
          <td class="ct-industry">Legal &amp; Compliance</td>
          <td>National courts &middot; ICC &middot; LCIA &middot; SIAC &middot; UNCITRAL &middot; GDPR &middot; DPDP Act</td>
          <td>Contracts, court filings, M&amp;A documents, DPA/DPIA</td>
          <td><span class="ct-badge badge-blue">ISO 27001</span><span class="ct-badge badge-blue">GDPR</span><span class="ct-badge badge-teal">DPDP 2023</span></td>
        </tr>
        <tr>
          <td class="ct-industry">BFSI</td>
          <td>SEBI &middot; RBI &middot; IRDAI &middot; FCA &middot; SEC &middot; FINRA &middot; FATF</td>
          <td>KYC/AML, compliance training, investor disclosures, fund docs</td>
          <td><span class="ct-badge badge-blue">Audit-ready</span><span class="ct-badge badge-blue">SCORM</span></td>
        </tr>
        <tr>
          <td class="ct-industry">Aerospace &amp; Defence</td>
          <td>S1000D Issue 5/6 &middot; ASD-STE100 &middot; EASA &middot; DGCA &middot; MIL-SPEC</td>
          <td>AMM, SRM, CMM, MTC, MRO docs, training publications</td>
          <td><span class="ct-badge badge-blue">ISO 27001</span><span class="ct-badge badge-blue">S1000D</span></td>
        </tr>
        <tr>
          <td class="ct-industry">Automotive</td>
          <td>UNECE &middot; EURO NCAP &middot; IATF 16949 &middot; OEM standards &middot; S1000D</td>
          <td>Workshop manuals, IFU, parts catalogues, EV transition docs</td>
          <td><span class="ct-badge badge-blue">S1000D</span><span class="ct-badge badge-blue">DITA</span><span class="ct-badge badge-teal">HTML5</span></td>
        </tr>
        <tr>
          <td class="ct-industry">Industrial &amp; Manufacturing</td>
          <td>ISO 9001 &middot; ISO 14001 &middot; OHSAS 18001 &middot; ATEX &middot; GxP</td>
          <td>SOPs, safety manuals, maintenance procedures, compliance modules</td>
          <td><span class="ct-badge badge-green">SCORM/xAPI</span><span class="ct-badge badge-blue">ISO 9001</span></td>
        </tr>
        <tr>
          <td class="ct-industry">Patent &amp; IP</td>
          <td>WIPO &middot; EPO &middot; USPTO &middot; CNIPA &middot; JPO &middot; KIPO &middot; CGPDTM</td>
          <td>PCT applications, claims, office actions, IP portfolios</td>
          <td><span class="ct-badge badge-blue">WIPO-qualified</span><span class="ct-badge badge-gold">ISO 18587</span></td>
        </tr>
      </tbody>
    </table>
  </div>
</section>

<section class="cta-section">
  <h2 class="cta-title">
    Your industry has specific<br>
    language requirements.<br>
    <em>We were built for them.</em>
  </h2>
  <p class="cta-sub">
    Tell us your sector, your challenge, and your timeline. We will match you with a domain specialist within one business day — not a generalist account manager.
  </p>
  <div class="cta-actions">
    <a class="btn-primary" href="mailto:sales@whiteglobe.co.in?subject=Industry Solutions Discovery Call">Book a Discovery Call</a>
    <a class="btn-ghost" href="mailto:sales@whiteglobe.co.in?subject=Request Capabilities Deck for My Industry">Request Sector Capabilities Deck</a>
  </div>
  <p class="cta-note">sales@whiteglobe.co.in &nbsp;&middot;&nbsp; +91 8799918172 &nbsp;&middot;&nbsp; WhatsApp available &nbsp;&middot;&nbsp; Response within 1 business day</p>
</section>

<footer class="footer">
  <div class="footer-left">&copy; 2025 White Globe Group &nbsp;&middot;&nbsp; <a href="https://www.whiteglobe.co.in" style="color:rgba(255,255,255,0.45)">whiteglobe.co.in</a></div>
  <div class="footer-links">
    <a href="https://www.linkedin.com/company/whiteglobegroupofcompanies" target="_blank">LinkedIn</a>
    <a href="https://bit.ly/whiteglobegroup" target="_blank">YouTube</a>
    <a href="https://www.whiteglobe.co.in/privacy">Privacy</a>
  </div>
  <div class="footer-iso">ISO 9001 &middot; ISO 17100 &middot; ISO 13485 &middot; ISO 27001 &middot; ISO 18587 &middot; HIPAA &middot; GDPR</div>
</footer>

// Generic dropdown factory — call once per dropdown
function initDropdown(wrapId, triggerId) {
  var wrap    = document.getElementById(wrapId);
  var trigger = document.getElementById(triggerId);
  if (!wrap || !trigger) return;

// Close all OTHER open dropdowns before opening this one
  function closeOthers() {
    document.querySelectorAll('.nav-dd-wrap.open, .is-dd-wrap.open').forEach(function(w) {
      if (w !== wrap) {
        w.classList.remove('open');
        var t = w.querySelector('[aria-expanded]');
        if (t) t.setAttribute('aria-expanded', 'false');
      }
    });
  }

trigger.addEventListener('click', function(e) {
    e.stopPropagation();
    var isOpen = wrap.classList.contains('open');
    closeOthers();
    isOpen ? close() : open();
  });

trigger.addEventListener('keydown', function(e) {
    if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); closeOthers(); toggle(); }
    if (e.key === 'Escape') { close(); trigger.focus(); }
  });

wrap.querySelectorAll('a[role="menuitem"]').forEach(function(item) {
    item.addEventListener('click', function() { close(); });
  });

wrap.addEventListener('keydown', function(e) {
    if (e.key === 'Escape') { close(); trigger.focus(); }
  });
}

// Initialise both dropdowns
initDropdown('isNavDd', 'isDdTrigger');   // Industry Solutions
initDropdown('navDd',   'ddTrigger');      // Why White Globe

// Click outside closes all
document.addEventListener('click', function() {
  document.querySelectorAll('.nav-dd-wrap.open, .is-dd-wrap.open').forEach(function(w) {
    w.classList.remove('open');
    var t = w.querySelector('[aria-expanded]');
    if (t) t.setAttribute('aria-expanded', 'false');
  });
});
</script>
</body>
</html>