/* Globall Cloud homepage clarity and mobile quality pass — 2026-10-15
   Deliberately scoped to the public homepage. Preserves the existing logo,
   forms, routes, customer portal and staff links. */
#gcApp{
  --gc-command-line:rgba(146,198,218,.16);
  --gc-command-panel:rgba(12,34,52,.88);
  --gc-command-text:#f0f8fc;
  --gc-command-muted:#a3bccb;
  overflow-x:clip;
}
#gcApp .gc-container{max-width:1280px}
#gcApp .gc-home{padding-bottom:36px}
#gcApp .gc-hero-rebuild{
  padding-block:clamp(30px,5.4vw,68px) clamp(28px,4vw,48px)!important;
}
#gcApp .gc-hero-grid{align-items:center!important}
#gcApp .gc-hero-copy{max-width:720px}
#gcApp .gc-hero-copy h1{
  max-width:16ch!important;
  text-wrap:balance;
}
#gcApp .gc-hero-copy>p{max-width:58ch!important}
#gcApp .gc-actions .gc-btn{min-width:148px}
#gcApp .gc-hero-track{
  border-color:rgba(82,215,229,.24)!important;
}
#gcApp .gc-hero-track input{font-size:14px!important}
#gcApp .gc-hero-track input:focus-visible{
  outline:2px solid #64dce8!important;outline-offset:2px;
}
#gcApp .gc-hero-track button{cursor:pointer}
#gcApp .gc-trust-card{
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
#gcApp .gc-trust-card:hover{
  transform:translateY(-2px);
  border-color:rgba(82,215,229,.28)!important;
}
#gcApp .gc-map-shell{position:relative}
#gcApp .route-map{
  position:relative;
  isolation:isolate;
  min-height:340px!important;
  background-color:#071827;
  background-image:
    radial-gradient(ellipse at 18% 22%,rgba(31,103,130,.35),transparent 43%),
    radial-gradient(ellipse at 82% 75%,rgba(23,81,101,.3),transparent 45%),
    linear-gradient(rgba(99,171,194,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(99,171,194,.045) 1px,transparent 1px);
  background-size:auto,auto,32px 32px,32px 32px;
}
#gcApp .route-map:has(.gc-map-lazy-placeholder)::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:10px 12px 54px;
  pointer-events:none;
  opacity:.98;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 420'%3E%3Cdefs%3E%3ClinearGradient id='r' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%236be3ed'/%3E%3Cstop offset='1' stop-color='%23e8c77e'/%3E%3C/linearGradient%3E%3Cfilter id='g'%3E%3CfeGaussianBlur stdDeviation='8'/%3E%3C/filter%3E%3C/defs%3E%3Cg fill='%23194358' opacity='.56'%3E%3Cpath d='M42 110 94 72 155 88 185 130 156 168 118 174 88 215 46 196 25 152Z'/%3E%3Cpath d='M216 55 282 36 330 67 355 113 326 146 292 134 266 170 227 142 199 100Z'/%3E%3Cpath d='M373 74 434 53 480 80 520 69 566 96 604 76 662 106 722 96 767 136 741 183 699 192 676 228 625 219 588 251 532 226 486 248 442 214 408 183 380 138Z'/%3E%3Cpath d='M264 227 306 214 339 245 352 295 322 342 289 322 272 278Z'/%3E%3Cpath d='M470 273 527 255 565 280 590 323 565 362 520 349 488 320Z'/%3E%3C/g%3E%3Cpath d='M112 125 C190 85 245 115 302 178 S412 278 488 224 S615 146 694 190' fill='none' stroke='%2352d7e5' stroke-width='15' opacity='.14' filter='url(%23g)'/%3E%3Cpath d='M112 125 C190 85 245 115 302 178 S412 278 488 224 S615 146 694 190' fill='none' stroke='url(%23r)' stroke-width='3.5' stroke-linecap='round' stroke-dasharray='8 9'/%3E%3Cg fill='%23071827' stroke='%236de3ed' stroke-width='3'%3E%3Ccircle cx='112' cy='125' r='9'/%3E%3Ccircle cx='488' cy='224' r='9'/%3E%3Ccircle cx='694' cy='190' r='9'/%3E%3C/g%3E%3Cg fill='%23eafaff' font-family='Arial,sans-serif' font-size='16' font-weight='700'%3E%3Ctext x='82' y='101'%3EGUANGZHOU%3C/text%3E%3Ctext x='458' y='255'%3EDUBAI HUB%3C/text%3E%3Ctext x='652' y='220'%3ERBIL%3C/text%3E%3C/g%3E%3Cg fill='%237da7bb' font-family='Arial,sans-serif' font-size='11' letter-spacing='2'%3E%3Ctext x='83' y='151'%3EORIGIN%3C/text%3E%3Ctext x='463' y='275'%3ETRANSIT%3C/text%3E%3Ctext x='659' y='240'%3EDESTINATION%3C/text%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;
}
#gcApp .gc-map-lazy-placeholder{
  position:absolute!important;
  z-index:1;
  inset-inline:12px;
  bottom:10px;
  min-height:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  flex-direction:row!important;
  gap:10px!important;
  padding:9px 12px!important;
  border:1px solid rgba(143,198,218,.15);
  border-radius:12px;
  background:rgba(3,15,26,.82);
  color:#a7c0ce!important;
  text-align:start!important;
  backdrop-filter:blur(10px);
}
#gcApp .gc-map-lazy-placeholder i{display:none!important}
#gcApp .gc-map-lazy-placeholder strong{
  display:block!important;
  margin:0!important;
  color:#86e6ee!important;
  font:800 9px/1.6 'JetBrains Mono',monospace!important;
  letter-spacing:.08em;
  white-space:nowrap;
}
#gcApp .gc-map-lazy-placeholder small{
  display:block!important;
  margin:0!important;
  color:#c2d8e2!important;
  font-size:10px!important;
  line-height:1.7;
  text-align:end;
}
#gcApp .gc-map-fleet>div{min-height:55px}
#gcApp .gc-transport-studio{
  padding:clamp(18px,3vw,30px)!important;
}
#gcApp .gc-studio-head h2{
  max-width:22ch;
  text-wrap:balance;
  line-height:1.45;
}
#gcApp .gc-studio-tabs{gap:8px!important}
#gcApp .gc-studio-tab{
  min-width:0;
  border-radius:15px!important;
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
#gcApp .gc-studio-tab:hover{transform:translateY(-2px)}
#gcApp .gc-studio-stage{border-radius:20px!important;overflow:hidden}
#gcApp .gc-studio-content h3{line-height:1.6!important;text-wrap:balance}
#gcApp .gc-studio-content p{line-height:1.95!important}
#gcApp .gc-platform-card,
#gcApp .gc-service{
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
#gcApp .gc-platform-card:hover,
#gcApp .gc-service:hover{
  transform:translateY(-3px);
  border-color:rgba(82,215,229,.32)!important;
  box-shadow:0 20px 46px rgba(0,0,0,.18)!important;
}
#gcApp .gc-service-media img{display:block;width:100%;height:100%;object-fit:cover}
#gcApp .gc-section{scroll-margin-top:88px}
#gcApp .gc-page{scroll-margin-top:82px}
#gcApp .gc-page[hidden]{display:none!important}
#gcApp .gc-form input:focus-visible,
#gcApp .gc-form select:focus-visible,
#gcApp .gc-form textarea:focus-visible{
  outline:2px solid #52d7e5;
  outline-offset:2px;
}
#gcApp .gc-form .gc-btn{min-height:48px}
#gcApp .gc-footer{padding-bottom:26px!important}
#gcApp .gc-footer-grid a{width:max-content;max-width:100%}
#gcApp .gc-footer-grid a:hover{text-decoration:underline}
#gcApp .gc-mobile-menu a{min-height:44px;display:flex;align-items:center}
#gcApp .gc-menu{cursor:pointer}
#gcApp .gc-menu:focus-visible{outline:2px solid #52d7e5;outline-offset:3px}

/* Remove duplicated marketing panels; the hero already contains tracking and quick routes. */
#gcApp .gc-app-dashboard-preview,
#gcApp .gc-intelligence,
#gcApp .gc-track-cta{display:none!important}

.gc-mobile-dock-v3{display:none!important}
@media(max-width:820px){
  #gcApp .gc-hero-grid{gap:20px!important}
  #gcApp .gc-hero-visual{min-height:0!important}
  #gcApp .route-map{min-height:285px!important}
  #gcApp .gc-map-fleet>div{min-height:54px}
  #gcApp .gc-studio-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
  #gcApp .gc-studio-tab{
    display:flex!important;flex-direction:column!important;align-items:flex-start!important;
    gap:5px!important;padding:12px 10px!important;text-align:start!important;
  }
  #gcApp .gc-studio-tab-no{font-size:8px!important}
  #gcApp .gc-studio-tab-icon{font-size:18px!important}
  #gcApp .gc-studio-tab>span:nth-of-type(3) b{font-size:10px!important}
  #gcApp .gc-studio-tab>span:nth-of-type(3) small{font-size:8px!important;line-height:1.55}
  #gcApp .gc-studio-tab>strong{display:none!important}
  #gcApp .gc-studio-stage{grid-template-columns:1fr!important}
  #gcApp .gc-studio-visual{min-height:240px!important;order:1}
  #gcApp .gc-studio-content{order:2}
  #gcApp .gc-platform-grid{grid-template-columns:1fr!important}
  #gcApp .gc-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #gcApp .gc-entry-grid{grid-template-columns:1fr!important}
  #gcApp .gc-track-panel{grid-template-columns:1fr!important;gap:14px!important}
  #gcApp .gc-track-form{min-width:0!important;width:100%;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important}
  #gcApp .gc-track-form input{width:100%;min-width:0}
  #gcApp .gc-info-grid,#gcApp .gc-detail-grid{grid-template-columns:1fr!important}
  #gcApp .gc-form{grid-template-columns:1fr!important}
  #gcApp .gc-footer{padding-bottom:calc(100px + env(safe-area-inset-bottom))!important}
}
@media(max-width:760px){
  #gcApp .gc-container{width:calc(100% - 26px)!important}
  #gcApp .gc-nav-inner{width:calc(100% - 22px)!important}
  #gcApp .gc-brand{min-width:0}
  #gcApp .gc-hero-rebuild{padding:26px 0 24px!important}
  #gcApp .gc-hero-grid{width:calc(100% - 26px)!important}
  #gcApp .gc-hero-copy h1{
    max-width:16ch!important;
    font-size:clamp(31px,8.2vw,43px)!important;
    line-height:1.27!important;
    letter-spacing:-.035em!important;
  }
  #gcApp .gc-hero-copy>p{font-size:13px!important;line-height:1.9!important}
  #gcApp .gc-actions .gc-btn{min-width:0!important;padding-inline:8px!important}
  #gcApp .gc-hero-track-label{display:flex!important;flex-direction:column!important;align-items:flex-start!important}
  #gcApp .gc-hero-track input{font-size:16px!important}
  #gcApp .route-map{min-height:235px!important}
  #gcApp .route-map:has(.gc-map-lazy-placeholder)::before{inset:8px 7px 52px;background-size:100% 100%}
  #gcApp .gc-map-lazy-placeholder{align-items:flex-start!important;flex-direction:column!important;gap:1px!important}
  #gcApp .gc-map-lazy-placeholder strong{font-size:8px!important}
  #gcApp .gc-map-lazy-placeholder small{text-align:start!important;font-size:9px!important}
  #gcApp .gc-map-fleet{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  #gcApp .gc-map-fleet>div{display:grid!important;grid-template-columns:1fr!important;justify-items:center!important;text-align:center!important;padding:7px 3px!important}
  #gcApp .gc-map-fleet b{font-size:8px!important}
  #gcApp .gc-map-fleet small{font-size:7px!important}
  #gcApp .gc-transport-studio{padding:17px!important}
  #gcApp .gc-studio-tabs{gap:6px!important}
  #gcApp .gc-studio-tab{min-height:104px!important;padding:10px 7px!important;border-radius:12px!important}
  #gcApp .gc-studio-tab>span:nth-of-type(3) b{font-size:9px!important}
  #gcApp .gc-studio-tab>span:nth-of-type(3) small{font-size:7px!important}
  #gcApp .gc-studio-content{padding:17px!important}
  #gcApp .gc-studio-content h3{font-size:22px!important}
  #gcApp .gc-studio-actions{display:grid!important;grid-template-columns:1fr!important}
  #gcApp .gc-studio-actions .gc-btn,
  #gcApp .gc-studio-sync{width:100%!important;justify-content:center}
  #gcApp .gc-studio-visual{min-height:205px!important}
  #gcApp .gc-service-grid{gap:8px!important}
  #gcApp .gc-service{padding:12px!important;min-height:0!important}
  #gcApp .gc-service b{font-size:12px!important}
  #gcApp .gc-service p{font-size:10px!important;line-height:1.7!important}
  #gcApp .gc-service-media{min-height:110px}
  #gcApp .gc-page{padding-block:36px 52px!important}
  #gcApp .gc-page h1{font-size:29px!important;line-height:1.4!important}
  #gcApp .gc-form{gap:13px!important}
  #gcApp .gc-form input,
  #gcApp .gc-form select,
  #gcApp .gc-form textarea{font-size:16px!important}
  #gcApp .gc-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .gc-mobile-dock-v3{
    position:fixed!important;
    z-index:9999!important;
    inset-inline:10px!important;
    bottom:calc(8px + env(safe-area-inset-bottom))!important;
    width:auto!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    align-items:stretch!important;
    gap:3px!important;
    padding:7px!important;
    border:1px solid rgba(126,198,218,.2)!important;
    border-radius:19px!important;
    background:rgba(5,18,30,.94)!important;
    box-shadow:0 16px 42px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.04)!important;
    -webkit-backdrop-filter:blur(22px) saturate(150%)!important;
    backdrop-filter:blur(22px) saturate(150%)!important;
  }
  .gc-mobile-dock-v3 a{
    min-width:0!important;
    min-height:53px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    padding:5px 2px!important;
    border:0!important;
    border-radius:12px!important;
    background:transparent!important;
    color:#a8c2d1!important;
    text-decoration:none!important;
    font:800 9px/1.25 'Vazirmatn',sans-serif!important;
    white-space:nowrap!important;
    -webkit-tap-highlight-color:transparent;
  }
  .gc-mobile-dock-v3 a svg{
    width:19px!important;height:19px!important;
    fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;
    stroke-linecap:round!important;stroke-linejoin:round!important;
  }
  .gc-mobile-dock-v3 a.primary{
    background:linear-gradient(145deg,#52d7e5,#24b4c8)!important;
    color:#04222b!important;
    box-shadow:0 7px 17px rgba(36,180,200,.24)!important;
  }
  .gc-mobile-dock-v3 a:active{transform:scale(.96)}
  body{padding-bottom:calc(88px + env(safe-area-inset-bottom))!important}
}
@media(min-width:761px){
  body{padding-bottom:0!important}
  .gc-mobile-dock-v3{display:none!important}
}
@media(prefers-reduced-motion:reduce){
  #gcApp .gc-trust-card,
  #gcApp .gc-platform-card,
  #gcApp .gc-service,
  #gcApp .gc-studio-tab{transition:none!important}
}