/* Local dotted globe and the About global network section. */
.about-network { background:#fff; }
.about-network-grid { display:grid; grid-template-columns: .94fr 1.06fr; gap:64px; align-items:center; }
.network-kicker { display:block; font-size:.875rem; font-weight:600; color:#006888; margin-bottom:20px; }
.about-network h2 { max-width:520px; font-size:clamp(2rem,3.1vw,2.8rem); line-height:1.35; letter-spacing:-.035em; margin:0 0 24px; }
.network-intro { line-height:1.9; margin-bottom:30px; }
.network-advantages { display:grid; gap:22px; }
.network-advantages article { min-width:0; }
.network-advantages h3 { font-size:1.0625rem; margin:0 0 6px; }
.network-advantages p { font-size:.875rem; line-height:1.8; margin:0; }
.about-network-visual { min-width:0; }
.about-company-intro { padding-block:64px; }
.about-company-intro .about-network-grid { grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr); gap:64px; align-items:stretch; }
.about-network-copy { min-width:0; }
.about-company-intro .about-network-copy { display:flex; flex-direction:column; padding-block:32px; }
.about-company-intro .about-network-visual { display:flex; align-items:center; }
.about-company-intro h2 { font-size:2.35rem; font-weight:700; letter-spacing:0; line-height:1.25; margin-bottom:20px; }
.company-intro-body p { font-size:1rem; line-height:1.8; margin-bottom:16px; }
.company-intro-body p:last-child { margin-bottom:0; }
.about-company-intro .network-advantages { position:relative; isolation:isolate; flex:1; grid-template-rows:repeat(3,minmax(0,1fr)); margin-top:0; gap:16px; }
.about-company-intro .network-advantages article {
  --glass-surface:linear-gradient(245deg,rgba(255,255,255,.98),rgba(248,253,255,.9) 52%,rgba(225,244,249,.8));
  --glass-edge:linear-gradient(225deg,rgba(255,255,255,.95),rgba(26,129,178,.3) 38%,rgba(36,184,218,.32) 72%,rgba(255,255,255,.9));
  --glass-sheen-angle:242deg;
  --glass-sheen-mask:270deg;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  align-content:center;
  gap:14px;
  min-height:0;
  padding:20px 24px;
  border:1px solid transparent;
  border-radius:8px;
  background:var(--glass-surface) padding-box,var(--glass-edge) border-box;
  backdrop-filter:blur(20px) saturate(130%);
  -webkit-backdrop-filter:blur(20px) saturate(130%);
  box-shadow:var(--glass-shadow);
  transition:box-shadow .25s ease;
}
.about-company-intro .network-advantages article:hover { box-shadow:var(--glass-shadow-hover); }
.about-company-intro .network-advantages article::before { content:""; position:relative; z-index:1; width:26px; height:26px; margin-top:2px; background:url("../assets/icons/lucide/globe.svg") center / contain no-repeat; }
.about-company-intro .network-advantages article:nth-child(2)::before { background-image:url("../assets/icons/lucide/map-pin.svg"); }
.about-company-intro .network-advantages article:nth-child(3)::before { background-image:url("../assets/icons/lucide/network.svg"); }
.about-company-intro .network-advantages h3 { font-size:1rem; font-weight:650; line-height:1.4; letter-spacing:0; margin-bottom:4px; }
.about-company-intro .network-advantages p { line-height:1.75; }
#global-network { scroll-margin-top:calc(var(--header-h) + 24px); }
.network-globe { width:100%; max-width:540px; margin-inline:auto; }
.globe-stage { position:relative; width:100%; aspect-ratio:1; isolation:isolate; }
.globe-stage::after { content:''; position:absolute; left:24%; right:24%; bottom:7%; height:5%; background:radial-gradient(ellipse, #6391a02b,transparent 70%); pointer-events:none; }
.globe-canvas,.globe-fallback,.globe-renderer { position:absolute !important; inset:0; width:100%; height:100%; }
.globe-canvas { opacity:0; cursor:grab; touch-action:pan-y; }
.globe-canvas.is-dragging { cursor:grabbing; }
.globe-fallback { object-fit:contain; }
.is-ready .globe-canvas { opacity:1; }
.is-ready .globe-fallback { opacity:0; }
.globe-brand { position:absolute; z-index:3; left:50%; top:50%; transform:translate(-50%,-50%); pointer-events:none; width:20%; padding:0; }
.globe-brand img { width:100%; height:auto; -webkit-mask-image:repeating-linear-gradient(to bottom,#000 0 2px,transparent 2px 4px); mask-image:repeating-linear-gradient(to bottom,#000 0 2px,transparent 2px 4px); }
.globe-orbit { position:absolute; inset:-2%; overflow:clip; pointer-events:none; mask-image:linear-gradient(to bottom,#00000014 40%,#000 48%); }
.globe-orbit svg { width:100%; height:100%; transform:rotateX(62deg); }
.globe-orbit text { font-family:ui-monospace,monospace; font-size:6.5px; fill:#008ca6; letter-spacing:.12em; }
.is-ready .globe-orbit svg { animation:globe-orbit-spin 30s linear infinite; animation-play-state:paused; }
.is-ready[data-running="true"] .globe-orbit svg { animation-play-state:running; }
@keyframes globe-orbit-spin { from { transform:rotateX(62deg) rotateZ(0deg); } to { transform:rotateX(62deg) rotateZ(-360deg); } }
.globe-labels { position:absolute; inset:0; z-index:4; pointer-events:none; }
.globe-label { position:absolute; padding:.15rem .4rem; background:var(--brand-gradient); color:#fff; font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace; font-size:.625rem; line-height:1.5; font-weight:700; letter-spacing:0; text-transform:uppercase; white-space:nowrap; border-radius:2px; box-shadow:0 2px 8px rgba(26,129,178,.2); transform:translate(-50%,-100%); opacity:0; transition:opacity .25s ease; }
.globe-label.is-secondary { font-size:.55rem; padding:.1rem .3rem; }
.globe-label::after { content:""; position:absolute; top:100%; left:var(--pointer-left,50%); transform:translate(-50%,-1px); border:5px solid transparent; border-top-color:var(--metal-mid); }
.globe-label[data-pointer="up"]::after { top:auto; bottom:100%; transform:translate(-50%,1px); border-top-color:transparent; border-bottom-color:var(--metal-mid); }
:lang(en) .about-network-grid { gap:44px; }
@media(max-width:1180px) {
  .about-company-intro .about-network-copy { padding-block:0; }
  .about-company-intro .network-advantages article { padding-block:18px; }
}
@media(max-width:1100px) {
  .about-company-intro .about-network-grid { grid-template-columns:minmax(0,1fr); gap:28px; }
  .about-company-intro .network-advantages { flex:none; grid-template-rows:none; }
  .about-company-intro .network-globe { max-width:420px; }
}
@media(max-width:1000px) {
  .about-network-grid { gap:28px; grid-template-columns:1fr 1fr; align-items:start; }
  .about-company-intro .about-network-grid { gap:28px; align-items:center; }
}
@media(max-width:760px) {
  .about-network-grid,:lang(en) .about-network-grid,.about-company-intro .about-network-grid { grid-template-columns:1fr; gap:24px; }
  .about-network h2 { max-width:440px; font-size:2rem; }
  .about-company-intro { padding-block:48px; }
  .about-company-intro h2 { font-size:1.8rem; margin-bottom:16px; }
  .about-company-intro .network-advantages { gap:12px; }
  .about-company-intro .network-advantages article { padding:18px; }
  .company-intro-body p { font-size:.9375rem; }
  .network-kicker { margin-bottom:16px; }
  .network-advantages { gap:18px; }
  .network-globe { max-width:420px; }
}
@media(prefers-reduced-motion:reduce) {
  .network-globe * { transition:none !important; animation:none !important; }
}
