/* SINOBTD Global Intelligence design system v3 */
:root {
  --gi-midnight: #04111d;
  --gi-navy: #071826;
  --gi-navy-2: #0d2a40;
  --gi-ink: #10283c;
  --gi-copy: #566a7b;
  --gi-muted: #85939f;
  --gi-red: #c91e2b;
  --gi-red-2: #ef5962;
  --gi-white: #fff;
  --gi-paper: #f4f1eb;
  --gi-mist: #f4f7f8;
  --gi-line: #dbe3e8;
  --gi-width: 1296px;
  --gi-font: "Avenir Next", "Helvetica Neue", "Segoe UI", Arial, sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--gi-midnight); }
body, button, input, select, textarea { font-family: var(--gi-font); }
body { margin: 0; color: var(--gi-ink); background: #fff; opacity: 1 !important; -webkit-font-smoothing: antialiased; }
a { transition: color .24s ease, background-color .24s ease, border-color .24s ease, transform .24s ease, opacity .24s ease; }
img { max-width: 100%; height: auto; }
.container, .w1400, .wal, .wp { width: min(var(--gi-width), calc(100% - 72px)); max-width: var(--gi-width); margin-right: auto; margin-left: auto; }
::selection { color: #fff; background: var(--gi-red); }

/* Global header */
@media (min-width: 994px) {
  .headerWpr, .header { height: 90px; }
  .header {
    border: 0;
    border-bottom: 1px solid rgba(16, 40, 60, .12);
    background: rgba(255, 255, 255, .98);
    box-shadow: none;
    backdrop-filter: blur(16px);
  }
  .logo { top: 12px; left: 36px; height: 65px; display: flex; align-items: center; }
  .logo img { width: 182px; max-height: 62px; object-fit: contain; }
  .nav { width: 100%; height: 89px; padding: 0 215px 0 240px; display: flex; justify-content: center; align-items: stretch; gap: 2px; }
  .nav > li, .nav_a, .header_fr { height: 89px; }
  .nav > li { flex: 0 0 auto; }
  .nav_a { padding: 0 13px; color: #263b4d; font-size: 12px; font-weight: 700; line-height: 89px; letter-spacing: .35px; white-space: nowrap; }
  .nav_a:hover, .nav_a.on { color: var(--gi-red); }
  .nav_a::after { bottom: 20px; height: 2px; background: var(--gi-red); }
  .nav_a:hover::after, .nav_a.on::after { width: calc(100% - 26px); }
  .header_fr { gap: 8px; padding-left: 8px; display: flex; align-items: center; }
  .header_fr > a { width: auto; min-width: 76px; height: 42px; margin: 0; padding: 0 15px; border: 1px solid #b8c3ca; border-radius: 2px; color: var(--gi-ink); font-size: 11px; font-weight: 750; line-height: 40px; letter-spacing: .3px; background: #fff; }
  .header_fr > a:hover { color: #fff; border-color: var(--gi-ink); background: var(--gi-ink); transform: none; box-shadow: none; }
  .header_fr > a.zc { min-width: 118px; color: #fff; border-color: var(--gi-red); background: var(--gi-red); }
  .header_fr > a.zc:hover { border-color: #a91520; background: #a91520; }
  .headFixed, .headFixed .nav, .headFixed .nav > li, .headFixed .nav_a, .headFixed .header_fr { height: 74px; }
  .headFixed .nav_a { line-height: 74px; }
  .headFixed .logo { top: 6px; }
  .subNav { top: 89px; border-top: 2px solid var(--gi-red); background: rgba(255,255,255,.99); box-shadow: 0 26px 64px rgba(4,17,29,.15); }
  .headFixed .subNav { top: 74px; }
  .subNav::before { background: #f3f5f6; }
  .subNavCon { max-width: 1060px; min-height: 230px; padding: 28px 0; }
  .subNav_a { color: #506475; font-size: 13px; font-weight: 600; }
  .subNav_a:hover { color: var(--gi-red); background: transparent; padding-left: 8px; }
  .sub_imgs .bgImg { overflow: hidden; border-radius: 2px; }
  .sub_imgs p { color: var(--gi-ink); font-size: 16px; font-weight: 700; }
}

/* Shared editorial language */
.giEyebrow { margin: 0 0 24px; color: var(--gi-red); font-size: 11px; font-weight: 800; line-height: 1.4; letter-spacing: 3px; }
.giEyebrow--light { color: var(--gi-red-2); }
.giIntro { margin-bottom: 62px; }
.giIntro h2 { max-width: 850px; margin: 0; color: var(--gi-ink); font-size: clamp(42px, 4.2vw, 62px); font-weight: 570; line-height: 1.12; letter-spacing: -2.2px; }
.giIntro--split { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(280px, .72fr); align-items: end; gap: 90px; }
.giIntro--split > p { margin: 0 0 8px; color: var(--gi-copy); font-size: 17px; line-height: 1.8; }
.giIntro--compact { margin-bottom: 44px; }
.giIntro--compact h2 { font-size: clamp(38px, 3.3vw, 50px); }
.giIntro--dark h2 { color: #fff; }
.giButton { min-width: 174px; height: 54px; padding: 0 26px; border: 1px solid transparent; border-radius: 2px; font-size: 12px; font-weight: 780; line-height: 52px; letter-spacing: .55px; text-align: center; text-transform: uppercase; display: inline-block; }
.giButton span, .giTextLink span { margin-left: 12px; }
.giButton--primary { color: #fff; background: var(--gi-red); }
.giButton--primary:hover { color: #fff; background: #a91520; }
.giButton--ghost { color: #fff; border-color: rgba(255,255,255,.43); background: rgba(4,17,29,.22); }
.giButton--ghost:hover { color: var(--gi-ink); border-color: #fff; background: #fff; }
.giButton--light { color: var(--gi-ink); background: #fff; }
.giButton--light:hover { color: #fff; background: var(--gi-red); }
.giTextLink { color: var(--gi-red); font-size: 12px; font-weight: 800; letter-spacing: .7px; text-transform: uppercase; display: inline-flex; align-items: center; }
.giTextLink:hover { color: #9e1520; transform: translateX(4px); }

/* Hero */
.giHero { position: relative; min-height: 720px; color: #fff; overflow: hidden; background: var(--gi-midnight); }
.giHero__media, .giHero__shade { position: absolute; inset: 0; }
.giHero__media img { width: 100%; height: 100%; object-fit: cover; object-position: 66% center; }
.giHero__shade { background: linear-gradient(90deg, rgba(4,17,29,.99) 0%, rgba(4,17,29,.94) 38%, rgba(4,17,29,.28) 70%, rgba(4,17,29,.05) 100%); }
.giHero__content { position: relative; z-index: 2; padding-top: 138px; }
.giHero h1 { max-width: 770px; margin: 0; color: #fff; font-size: clamp(62px, 6.2vw, 92px); font-weight: 540; line-height: 1.01; letter-spacing: -4.2px; }
.giHero__lead { max-width: 570px; margin: 30px 0 0; color: rgba(255,255,255,.69); font-size: 19px; line-height: 1.75; }
.giActions { margin-top: 38px; display: flex; gap: 12px; }
.giHero__rail { position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; min-height: 74px; border-top: 1px solid rgba(255,255,255,.15); display: grid; grid-template-columns: repeat(3, 1fr); align-items: center; }
.giHero__rail span { color: rgba(255,255,255,.62); font-size: 10px; font-weight: 750; letter-spacing: 1.3px; text-transform: uppercase; }
.giHero__rail b { margin-right: 18px; color: var(--gi-red-2); }

/* Capability story */
.giCapabilities { padding: 132px 0 125px; background: #fff; }
.giCapabilityGrid { border-top: 1px solid var(--gi-line); display: grid; grid-template-columns: repeat(3, 1fr); }
.giCapabilityGrid article { min-height: 260px; padding: 38px 44px 20px 0; border-right: 1px solid var(--gi-line); }
.giCapabilityGrid article + article { padding-left: 44px; }
.giCapabilityGrid article:last-child { border-right: 0; }
.giCapabilityGrid span { color: var(--gi-red); font-size: 33px; font-weight: 450; letter-spacing: -1px; }
.giCapabilityGrid h3 { margin: 42px 0 17px; color: var(--gi-ink); font-size: 25px; font-weight: 630; line-height: 1.28; }
.giCapabilityGrid p { margin: 0; color: var(--gi-copy); font-size: 15px; line-height: 1.76; }

/* Platform */
.giPlatform { padding: 124px 0; background: var(--gi-paper); }
.giPlatform__layout { display: grid; grid-template-columns: minmax(290px, .62fr) minmax(0, 1.38fr); align-items: center; gap: 84px; }
.giPlatform__copy h2 { margin: 0; color: var(--gi-ink); font-size: clamp(68px, 7vw, 104px); font-weight: 560; line-height: .95; letter-spacing: -5px; }
.giPlatform__copy h3 { max-width: 410px; margin: 34px 0 0; color: var(--gi-ink); font-size: 29px; font-weight: 530; line-height: 1.35; letter-spacing: -.7px; }
.giPlatform__copy > p:not(.giEyebrow) { max-width: 430px; margin: 24px 0 32px; color: var(--gi-copy); font-size: 16px; line-height: 1.8; }
.giPlatform__system { min-height: 500px; padding: 38px; color: #fff; background: linear-gradient(135deg, var(--gi-navy-2), var(--gi-midnight)); box-shadow: 0 30px 70px rgba(4,17,29,.16); }
.giPlatform__systemHead { padding-bottom: 27px; border-bottom: 1px solid rgba(255,255,255,.14); display: flex; justify-content: space-between; gap: 20px; }
.giPlatform__systemHead span, .giPlatform__systemHead em { color: rgba(255,255,255,.63); font-size: 10px; font-weight: 750; font-style: normal; letter-spacing: 1.5px; }
.giModuleGrid { margin-top: 28px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.giModuleGrid a { min-height: 108px; padding: 24px; border: 1px solid rgba(255,255,255,.14); color: #fff; display: flex; flex-direction: column; justify-content: space-between; }
.giModuleGrid a:hover { color: #fff; border-color: rgba(239,89,98,.72); background: rgba(255,255,255,.05); transform: translateY(-3px); }
.giModuleGrid i { color: var(--gi-red-2); font-size: 10px; font-weight: 800; font-style: normal; letter-spacing: 1px; }
.giModuleGrid strong { font-size: 18px; font-weight: 620; letter-spacing: .8px; }

/* Audience */
.giAudiences { padding: 124px 0 118px; color: #fff; background: var(--gi-navy); }
.giAudiences .giIntro { max-width: 900px; }
.giAudienceGrid { border-top: 1px solid rgba(255,255,255,.15); border-bottom: 1px solid rgba(255,255,255,.15); display: grid; grid-template-columns: repeat(4, 1fr); }
.giAudienceGrid a { min-height: 340px; padding: 34px 30px; border-right: 1px solid rgba(255,255,255,.15); color: #fff; display: flex; flex-direction: column; }
.giAudienceGrid a:last-child { border-right: 0; }
.giAudienceGrid a:hover { color: #fff; background: rgba(255,255,255,.045); transform: translateY(-5px); }
.giAudienceGrid span { color: var(--gi-red-2); font-size: 11px; font-weight: 800; letter-spacing: 1.2px; }
.giAudienceGrid h3 { margin: 64px 0 16px; color: #fff; font-size: 24px; font-weight: 570; line-height: 1.25; }
.giAudienceGrid p { margin: 0; color: rgba(255,255,255,.54); font-size: 14px; line-height: 1.7; }
.giAudienceGrid b { margin-top: auto; color: rgba(255,255,255,.77); font-size: 10px; font-weight: 750; letter-spacing: 1px; text-transform: uppercase; }

/* Industries */
.giIndustries { padding: 120px 0 108px; background: #fff; }
.giIndustryList { border-top: 1px solid var(--gi-line); display: grid; grid-template-columns: repeat(4, 1fr); }
.giIndustryList span { min-height: 76px; padding: 26px 18px 20px 0; border-right: 1px solid var(--gi-line); border-bottom: 1px solid var(--gi-line); color: #405668; font-size: 13px; font-weight: 650; }
.giIndustryList span:nth-child(4n+1):not(:first-child) { padding-left: 0; }
.giIndustryList span:nth-child(4n) { border-right: 0; padding-left: 24px; }
.giIndustryList span:nth-child(4n+2), .giIndustryList span:nth-child(4n+3) { padding-left: 24px; }

/* Company */
.giCompany { padding: 124px 0; background: var(--gi-paper); }
.giCompany__layout { min-height: 540px; display: grid; grid-template-columns: .9fr 1.1fr; background: #fff; }
.giCompany__visual { position: relative; min-height: 540px; overflow: hidden; background: var(--gi-navy); }
.giCompany__visual::before, .giCompany__visual::after { position: absolute; content: ""; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; }
.giCompany__visual::before { width: 520px; height: 520px; left: -70px; top: 20px; }
.giCompany__visual::after { width: 360px; height: 360px; left: 12px; top: 100px; }
.giCompany__orb { position: absolute; width: 250px; height: 250px; left: 88px; top: 145px; border-radius: 50%; background: radial-gradient(circle at 38% 34%, #355b77 0, #132f45 30%, #071826 68%); box-shadow: inset -28px -20px 50px rgba(0,0,0,.32), 0 0 0 1px rgba(255,255,255,.15); }
.giCompany__orb::before, .giCompany__orb::after { position: absolute; inset: 18%; content: ""; border: 1px solid rgba(255,255,255,.2); border-radius: 50%; transform: rotate(62deg); }
.giCompany__orb::after { inset: 42% -25%; border-color: rgba(239,89,98,.58); }
.giCompany__visual > span { position: absolute; left: 55px; bottom: 45px; color: rgba(255,255,255,.58); font-size: 10px; font-weight: 800; letter-spacing: 3px; }
.giCompany__copy { padding: 66px 64px; }
.giCompany__copy h2 { margin: 0; color: var(--gi-ink); font-size: clamp(44px, 4vw, 60px); font-weight: 560; line-height: 1.08; letter-spacing: -2px; }
.giCompany__copy > p:not(.giEyebrow) { margin: 28px 0; color: var(--gi-copy); font-size: 16px; line-height: 1.85; }
.giCompany__principles { margin: 32px 0; padding: 22px 0; border-top: 1px solid var(--gi-line); border-bottom: 1px solid var(--gi-line); display: grid; gap: 15px; }
.giCompany__principles span { color: #506576; font-size: 12px; line-height: 1.6; }
.giCompany__principles b { width: 80px; color: var(--gi-red); font-size: 10px; letter-spacing: 1.1px; display: inline-block; }

/* Existing customers and insights */
.giClients { padding: 118px 0; background: #fff; }
.giClientGrid { border-top: 1px solid var(--gi-line); border-left: 1px solid var(--gi-line); display: grid; grid-template-columns: repeat(5, 1fr); }
.giClientGrid span { min-height: 126px; padding: 22px; border-right: 1px solid var(--gi-line); border-bottom: 1px solid var(--gi-line); display: flex; align-items: center; justify-content: center; }
.giClientGrid img { max-width: 148px; max-height: 72px; filter: grayscale(1); opacity: .62; }
.giClientGrid span:hover img { filter: none; opacity: 1; }
.giInsights { padding: 122px 0; background: var(--gi-mist); }
.giInsights .giIntro--split { align-items: center; }
.giInsightGrid { border-top: 1px solid var(--gi-line); display: grid; grid-template-columns: repeat(3, 1fr); }
.giInsightGrid article { min-height: 330px; border-right: 1px solid var(--gi-line); }
.giInsightGrid article:last-child { border-right: 0; }
.giInsightGrid article > a { height: 100%; padding: 36px 38px; color: var(--gi-ink); display: flex; flex-direction: column; }
.giInsightGrid article > a:hover { color: var(--gi-ink); background: #fff; transform: translateY(-5px); }
.giInsightGrid time { color: var(--gi-red); font-size: 10px; font-weight: 750; letter-spacing: 1.2px; }
.giInsightGrid h3 { margin: 50px 0 18px; color: var(--gi-ink); font-size: 22px; font-weight: 620; line-height: 1.42; }
.giInsightGrid p { margin: 0; color: var(--gi-copy); font-size: 14px; line-height: 1.7; }
.giInsightGrid b { margin-top: auto; color: var(--gi-red); font-size: 10px; letter-spacing: .9px; text-transform: uppercase; }

/* Knowledge / GEO content */
.giKnowledge.seoEntitySummary { padding: 118px 0; background: #fff; }
.giKnowledge .seoEntityEyebrow { color: var(--gi-red); font-size: 11px; letter-spacing: 3px; }
.giKnowledge > .container > h2 { max-width: 900px; color: var(--gi-ink); font-size: clamp(40px, 4vw, 58px); font-weight: 560; line-height: 1.15; letter-spacing: -1.8px; }
.giKnowledge .seoEntityLead { max-width: 850px; color: var(--gi-copy); font-size: 17px; line-height: 1.8; }
.giKnowledge .seoFaq { margin-top: 60px; }
.giKnowledge .seoFaq > h2 { color: var(--gi-ink); font-size: 26px; font-weight: 600; }
.giKnowledge .seoFaq details { border: 0; border-top: 1px solid var(--gi-line); border-radius: 0; background: transparent; }
.giKnowledge .seoFaq details:last-child { border-bottom: 1px solid var(--gi-line); }
.giKnowledge .seoFaq summary { padding: 24px 0; color: var(--gi-ink); font-size: 16px; }
.giKnowledge .seoFaq details p { padding: 0 0 24px; color: var(--gi-copy); }

/* Final CTA */
.giContactCta { padding: 100px 0; background: var(--gi-midnight); }
.giContactCta__inner { display: flex; align-items: center; justify-content: space-between; gap: 70px; }
.giContactCta h2 { max-width: 790px; margin: 0; color: #fff; font-size: clamp(42px, 4.2vw, 60px); font-weight: 550; line-height: 1.13; letter-spacing: -2px; }

/* Inner-page system */
.m2banner { position: relative; height: 410px; overflow: hidden; background: var(--gi-midnight); }
.m2banner .bgImg { height: 410px; background: url("../images/redesign/hero-intelligence-orb-v1.jpg") 68% 48% / cover no-repeat; }
.m2banner .bgImg > img { opacity: 0; }
.m2banner .bgImg::after { background: linear-gradient(90deg, rgba(4,17,29,.98), rgba(4,17,29,.78) 48%, rgba(4,17,29,.22)); }
.m2banTxt, .m2banTxt1, .m2banTxt2 { left: max(36px, calc((100vw - var(--gi-width)) / 2)); }
.m2banTxt::before, .m2banTxt1::before, .m2banTxt2::before { margin-bottom: 22px; color: var(--gi-red-2); font-size: 10px; font-weight: 800; letter-spacing: 2.7px; content: "SINOBTD · GLOBAL TRADE INTELLIGENCE"; display: block; }
.m2banTxt h1, .m2banTxt1 h1, .m2banTxt2 h1, .m2banTxt p, .m2banTxt1 p, .m2banTxt2 p { margin: 0; color: #fff; font-size: clamp(50px, 5vw, 72px); font-weight: 540; line-height: 1.05; letter-spacing: -2.8px; }
.m2posWpr { min-height: 66px; border: 0; border-bottom: 1px solid var(--gi-line); background: #fff; line-height: 66px; box-shadow: none; }
.m2posWpr .fl { color: var(--gi-muted); font-size: 10px; font-weight: 700; letter-spacing: .8px; text-transform: uppercase; }
.m2menu2_a { height: 66px; border-radius: 0; color: var(--gi-copy); font-size: 11px; font-weight: 700; line-height: 66px; letter-spacing: .4px; }
.m2menu2_a.on, .m2menu2_a:hover { color: var(--gi-red); background: transparent; }
.m2menu2_a.on::after { height: 2px; background: var(--gi-red); }
.m2cmConWpr, .m2nCon, .hsConWpr, .m3nCon, .product_con_con2, .Service { background: var(--gi-mist); }
.m2cmC1box, .m2Rx, .m3nCon .container, .product_cont, .SampleReport, .Service .table, .m2cmu2item, .m2cmu2item1, .m2naBox, .m2naBox1, .m2st_aBox, .m2ryul .overflowHide, .m2ryul1 .overflowHide { border-radius: 2px; box-shadow: none; }
.m2cmC1box, .m2cmu2item, .m2cmu2item1, .m2naBox, .m2naBox1, .m2Rx, .m3proTop { border-color: var(--gi-line); }
.m2cmu2item:hover, .m2cmu2item1:hover, .m2naBox:hover, .m2naBox1:hover, .m2st_aBox:hover { box-shadow: 0 18px 45px rgba(4,17,29,.09); }
.hmPt { color: var(--gi-ink); font-size: clamp(38px, 3.5vw, 52px); font-weight: 560; letter-spacing: -1.6px; }
.hmPt::before { color: var(--gi-red); font-size: 10px; letter-spacing: 2.7px; }
.hmPt::after { width: 40px; height: 2px; background: var(--gi-red); }
.m2Lnms { border-radius: 2px 2px 0 0; background: var(--gi-navy); }
.m2menu { border-radius: 0 0 2px 2px; }
.m2menu_a:hover, .m2menu_a.on { color: var(--gi-red); }
.showapply, .dinggoubtn, .m3nback, .hmMore { border-radius: 2px; }
.contactHero { background: linear-gradient(90deg, rgba(4,17,29,.97), rgba(7,24,38,.62)), url("../images/redesign/hero-intelligence-orb-v1.jpg") 68% center / cover no-repeat; }
.contactCard, .contactInquiry { border-radius: 2px; }
.contactInquiry__intro { background: linear-gradient(120deg, var(--gi-navy), var(--gi-midnight)); }

/* Footer */
.footer { position: relative; padding: 86px 0 0; color: #fff; border: 0; background: var(--gi-midnight); }
.footer::before { position: absolute; top: 0; right: 0; left: 0; height: 2px; content: ""; background: linear-gradient(90deg, var(--gi-red) 0 12%, rgba(255,255,255,.08) 12%); }
.footerLayout { display: grid; grid-template-columns: minmax(280px,.8fr) minmax(0,1.45fr) minmax(210px,.55fr); gap: 70px; }
.footerBrand strong { color: #fff; font-size: 28px; font-weight: 650; }
.footerBrand strong span { display: block; margin-top: 8px; color: rgba(255,255,255,.62); font-size: 10px; letter-spacing: 2.8px; }
.footerBrand em { margin-top: 3px; color: rgba(255,255,255,.44); font-size: 9px; letter-spacing: 2.2px; }
.footerBrand > p, .footerBrand > a { color: rgba(255,255,255,.5); font-size: 12px; line-height: 1.75; }
.footer_dls { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px 24px; }
.footer_a1 { color: #fff; font-size: 10px; font-weight: 750; letter-spacing: .8px; }
.footer_a2 { color: rgba(255,255,255,.44); font-size: 11px; }
.footer_a2:hover { color: #fff; }
.footerContact { padding-left: 30px; border-left: 1px solid rgba(255,255,255,.1); }
.footerContact span { color: var(--gi-red-2); font-size: 10px; font-weight: 800; letter-spacing: 2px; }
.footerContact p { margin: 18px 0 24px; color: rgba(255,255,255,.56); font-size: 13px; line-height: 1.7; }
.footerContact a { color: #fff; font-size: 11px; font-weight: 750; letter-spacing: .7px; }
.footer_info { margin-top: 66px; border-top: 1px solid rgba(255,255,255,.08); background: transparent; }
.footer_info .container { min-height: 64px; display: flex; align-items: center; }
.footer_info .fl { color: rgba(255,255,255,.32); font-size: 10px; }

@media (min-width: 994px) and (max-width: 1250px) {
  .logo { left: 14px; }
  .logo img { width: 136px; }
  .nav { padding-right: 170px; padding-left: 158px; }
  .nav_a { padding: 0 4px; font-size: 10.5px; }
  .nav_a:hover::after, .nav_a.on::after { width: calc(100% - 8px); }
  .header_fr > a { min-width: 62px; padding: 0 9px; font-size: 10px; }
  .header_fr > a.zc { min-width: 100px; }
}

@media (max-width: 1199px) {
  .giPlatform__layout { gap: 48px; }
  .giAudienceGrid { grid-template-columns: repeat(2, 1fr); }
  .giAudienceGrid a:nth-child(2) { border-right: 0; }
  .giAudienceGrid a:nth-child(-n+2) { border-bottom: 1px solid rgba(255,255,255,.15); }
  .giClientGrid { grid-template-columns: repeat(4, 1fr); }
  .footerLayout { grid-template-columns: minmax(250px,.75fr) minmax(0,1.25fr); }
  .footerContact { grid-column: 1 / -1; padding: 28px 0 0; border-top: 1px solid rgba(255,255,255,.1); border-left: 0; }
}

@media (max-width: 993px) {
  .mHeader { height: 70px; padding: 0 18px; border: 0; border-bottom: 2px solid var(--gi-red); background: rgba(255,255,255,.98); box-shadow: 0 8px 22px rgba(4,17,29,.09); }
  .mLogo { height: 68px; display: flex; align-items: center; }
  .mLogo img { max-width: 176px; max-height: 52px; }
  .mOpenBtn { border-radius: 2px; background: #f1f4f5; }
  .mOpenBtn i { background: var(--gi-ink); }
  .mOpenBtn i:last-child { background: var(--gi-red); }
  .mMmenuLay { background: var(--gi-midnight); }
  .mMmenuLay .header_fr > a { border-radius: 2px; }
  .giHero { min-height: 680px; }
  .giHero__content { padding-top: 120px; }
  .giHero h1 { font-size: clamp(54px, 8vw, 74px); }
  .giPlatform__layout, .giCompany__layout { grid-template-columns: 1fr; }
  .giPlatform__copy { max-width: 650px; }
  .giCompany__visual { min-height: 400px; }
  .giIntro--split { grid-template-columns: 1fr; align-items: start; gap: 28px; }
  .giCapabilityGrid { grid-template-columns: 1fr; }
  .giCapabilityGrid article, .giCapabilityGrid article + article { min-height: 0; padding: 30px 0; border-right: 0; border-bottom: 1px solid var(--gi-line); }
  .giCapabilityGrid h3 { margin-top: 20px; }
  .giClientGrid { grid-template-columns: repeat(3, 1fr); }
  .footerLayout { grid-template-columns: 1fr; gap: 42px; }
  .footerContact { grid-column: auto; }
}

@media (max-width: 767px) {
  .container, .w1400, .wal, .wp { width: calc(100% - 36px); }
  .giHero { min-height: 690px; }
  .giHero__media img { object-position: 72% center; opacity: .72; }
  .giHero__shade { background: linear-gradient(90deg, rgba(4,17,29,.98), rgba(4,17,29,.66)), linear-gradient(0deg, rgba(4,17,29,.7), transparent 50%); }
  .giHero__content { padding-top: 96px; }
  .giHero h1 { font-size: clamp(46px, 13vw, 62px); letter-spacing: -2.2px; }
  .giHero__lead { font-size: 16px; }
  .giActions { flex-direction: column; align-items: flex-start; }
  .giButton { width: min(100%, 280px); }
  .giHero__rail { min-height: 62px; grid-template-columns: 1fr; }
  .giHero__rail span { display: none; }
  .giHero__rail span:first-child { display: block; }
  .giCapabilities, .giPlatform, .giAudiences, .giIndustries, .giCompany, .giClients, .giInsights, .giKnowledge.seoEntitySummary { padding-top: 78px; padding-bottom: 82px; }
  .giIntro { margin-bottom: 40px; }
  .giIntro h2 { font-size: 38px; letter-spacing: -1.2px; }
  .giPlatform__copy h2 { font-size: 72px; }
  .giPlatform__system { min-height: 0; padding: 24px 18px; }
  .giPlatform__systemHead { display: block; }
  .giPlatform__systemHead em { margin-top: 8px; display: block; }
  .giModuleGrid { grid-template-columns: repeat(2, 1fr); }
  .giModuleGrid a { min-height: 92px; }
  .giAudienceGrid { grid-template-columns: 1fr; }
  .giAudienceGrid a { min-height: 250px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.15); }
  .giAudienceGrid a:last-child { border-bottom: 0; }
  .giAudienceGrid h3 { margin-top: 38px; }
  .giIndustryList { grid-template-columns: repeat(2, 1fr); }
  .giIndustryList span, .giIndustryList span:nth-child(4n), .giIndustryList span:nth-child(4n+2), .giIndustryList span:nth-child(4n+3) { min-height: 64px; padding: 21px 12px 16px 0; }
  .giIndustryList span:nth-child(even) { padding-left: 18px; border-right: 0; }
  .giCompany__visual { min-height: 320px; }
  .giCompany__orb { width: 190px; height: 190px; left: calc(50% - 95px); top: 65px; }
  .giCompany__copy { padding: 38px 24px; }
  .giCompany__copy h2 { font-size: 40px; }
  .giCompany__principles b { width: 100%; margin-bottom: 5px; display: block; }
  .giClientGrid { grid-template-columns: repeat(2, 1fr); }
  .giClientGrid span { min-height: 100px; padding: 16px; }
  .giInsightGrid { grid-template-columns: 1fr; }
  .giInsightGrid article { min-height: 270px; border-right: 0; border-bottom: 1px solid var(--gi-line); }
  .giContactCta { padding: 72px 0; }
  .giContactCta__inner { display: block; }
  .giContactCta h2 { font-size: 38px; }
  .giContactCta .giButton { margin-top: 30px; }
  .m2banner, .m2banner .bgImg { height: 300px; }
  .m2banTxt h1, .m2banTxt1 h1, .m2banTxt2 h1, .m2banTxt p, .m2banTxt1 p, .m2banTxt2 p { font-size: 39px; letter-spacing: -1.3px; }
  .footer { padding-top: 66px; }
  .footer_dls { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 420px) {
  .giHero h1 { font-size: 43px; }
  .giModuleGrid, .footer_dls { grid-template-columns: 1fr; }
  .giClientGrid { grid-template-columns: 1fr 1fr; }
}