  .uu-gm{
    --gm-navy:#0b57a8; --gm-aqua:#17a8a0; --gm-navy-2:#13356b;  --gm-aqua-2:#5ee0ee; --gm-gold:#f5a524;
    --gm-ink:#12223d; --gm-muted:#5b6b85; --gm-bg:#f4f8fc;
    font-family:'Poppins',system-ui,-apple-system,'Segoe UI',sans-serif;
    color:var(--gm-ink); background:linear-gradient(180deg,#fff 0%,var(--gm-bg) 100%);
    padding:90px 20px; position:relative; overflow:hidden; line-height:1.6;
  }
  .uu-gm *{box-sizing:border-box}
  .uu-gm-wrap{max-width:1200px;margin:0 auto}

  /* reveal on scroll */
  .uu-gm [data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease;transition-delay:var(--d,0s)}
  .uu-gm.in [data-reveal]{opacity:1;transform:none}

  /* heading */
  .uu-gm-head{text-align:center;max-width:760px;margin:0 auto 48px}
  .uu-gm-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gm-aqua);margin-bottom:14px}
  .uu-gm-eyebrow::before,.uu-gm-eyebrow::after{content:"";width:28px;height:2px;background:var(--gm-aqua);border-radius:2px}
  .uu-gm-head h2{font-size:clamp(30px,4.4vw,46px);line-height:1.15;margin:0 0 16px;font-weight:700;color:var(--gm-navy)}
  .uu-gm-head h2 span{background:linear-gradient(90deg,var(--gm-aqua),var(--gm-navy-2));-webkit-background-clip:text;background-clip:text;color:transparent}
  .uu-gm-head p{margin:0;color:var(--gm-muted);font-size:17px}

  /* stats */
  .uu-gm-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:34px}
  .uu-gm-stat{background:#fff;border:1px solid #e3ebf5;border-radius:18px;padding:22px 20px;text-align:center;box-shadow:0 10px 30px rgba(11,36,71,.06);transition:transform .3s,box-shadow .3s}
  .uu-gm-stat:hover{transform:translateY(-4px);box-shadow:0 16px 38px rgba(11,36,71,.12)}
  .uu-gm-stat b{display:block;font-size:34px;font-weight:700;color:var(--gm-navy);line-height:1.1}
  .uu-gm-stat b small{font-size:20px;color:var(--gm-aqua)}
  .uu-gm-stat span{font-size:14px;color:var(--gm-muted)}

  /* map card */
  .uu-gm-card{background:radial-gradient(120% 120% at 20% 0%,var(--gm-navy-2) 0%,var(--gm-navy) 60%,#06152e 100%);border-radius:28px;padding:26px;box-shadow:0 30px 70px rgba(11,36,71,.35);color:#fff;position:relative;overflow:hidden}
  .uu-gm-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 10%,rgba(25,181,200,.25),transparent 40%);pointer-events:none}
  .uu-gm-bar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-bottom:18px;position:relative;z-index:2}
  .uu-gm-bar h3{margin:0;font-size:18px;font-weight:600;color:#fff}
  .uu-gm-tabs{display:flex;flex-wrap:wrap;gap:8px}
  .uu-gm-tab{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.06);color:#fff;font:500 13px 'Poppins',sans-serif;padding:8px 16px;border-radius:999px;cursor:pointer;transition:all .25s}
  .uu-gm-tab:hover{background:rgba(255,255,255,.16)}
  .uu-gm-tab.on{background:var(--gm-aqua);border-color:var(--gm-aqua);color:#04203a;font-weight:600}

  .uu-gm-layout{display:grid;grid-template-columns:1fr 320px;gap:22px;position:relative;z-index:2}
  .uu-gm-map{position:relative;border-radius:18px;overflow:hidden;background:rgba(3,15,36,.35);border:1px solid rgba(255,255,255,.08)}
  .uu-gm-map svg{display:block;width:100%;height:auto}
  .uu-gm-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:14px;color:rgba(255,255,255,.7)}

  .gm-sphere{fill:#0d2a58}
  .gm-grat{fill:none;stroke:rgba(255,255,255,.07);stroke-width:.5}
  .gm-land{fill:#1f4379;stroke:#0b2447;stroke-width:.5;transition:fill .3s}
  .gm-land.hl{fill:var(--gm-aqua);cursor:pointer;animation:gmPulse 3.2s ease-in-out infinite;animation-delay:var(--pd,0s)}
  .gm-land.hl:hover{fill:#fff;animation:none}
  .gm-land.home{fill:var(--gm-gold);cursor:pointer;animation:none}
  .gm-land.sel{fill:#fff !important;animation:none}
  @keyframes gmPulse{0%,100%{fill:var(--gm-aqua)}50%{fill:#46d6e8}}

  .gm-arc{fill:none;stroke:var(--gm-aqua-2);stroke-width:1.3;stroke-linecap:round;opacity:.85;animation:gmDraw 1.8s ease forwards;animation-delay:var(--ad,0s)}
  @keyframes gmDraw{to{stroke-dashoffset:0}}
  .gm-packet{fill:#fff;filter:drop-shadow(0 0 4px #5ee0ee)}
  .gm-pin-dot{fill:var(--gm-gold);stroke:#fff;stroke-width:1.5}
  .gm-ripple{fill:none;stroke:var(--gm-gold);stroke-width:1.5;transform-box:fill-box;transform-origin:center;animation:gmRipple 2.6s ease-out infinite}
  .gm-ripple.r2{animation-delay:1.3s}
  @keyframes gmRipple{0%{transform:scale(.4);opacity:.9}100%{transform:scale(3.2);opacity:0}}
  .gm-ring{fill:none;stroke:#fff;stroke-width:1.5;transform-box:fill-box;transform-origin:center;animation:gmRing 1.6s ease-out infinite}
  @keyframes gmRing{0%{transform:scale(.5);opacity:1}100%{transform:scale(2.6);opacity:0}}
  .gm-label{fill:#fff;font:600 11px 'Poppins',sans-serif;paint-order:stroke;stroke:#0b2447;stroke-width:3px;pointer-events:none}

  .uu-gm-tip{position:absolute;pointer-events:none;background:#fff;color:var(--gm-navy);font:600 12px 'Poppins',sans-serif;padding:6px 12px;border-radius:8px;box-shadow:0 8px 20px rgba(0,0,0,.3);opacity:0;transform:translate(-50%,-130%);transition:opacity .15s;white-space:nowrap;z-index:5}
  .uu-gm-tip.show{opacity:1}

  /* info panel */
  .uu-gm-panel{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:24px;display:flex;flex-direction:column;backdrop-filter:blur(6px);min-height:100%}
  .uu-gm-panel .badge{align-self:flex-start;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;background:rgba(25,181,200,.2);color:var(--gm-aqua-2);padding:5px 12px;border-radius:999px;margin-bottom:14px}
  .uu-gm-panel .badge.home{background:rgba(245,165,36,.2);color:var(--gm-gold)}
  .uu-gm-panel h4{margin:0 0 10px;font-size:28px;font-weight:700;color:#fff;line-height:1.15}
  .uu-gm-panel p{margin:0 0 18px;font-size:14px;color:rgba(255,255,255,.78)}
  .uu-gm-panel h5{margin:0 0 10px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.5);font-weight:600}
  .uu-gm-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
  .uu-gm-tags span{font-size:12.5px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);padding:5px 12px;border-radius:8px}
  .uu-gm-panel .meta{margin-top:auto;padding-top:16px;border-top:1px solid rgba(255,255,255,.12);font-size:13px;color:rgba(255,255,255,.65)}
  .uu-gm-panel.swap{animation:gmSwap .5s ease}
  @keyframes gmSwap{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}

  /* chips */
  .uu-gm-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;position:relative;z-index:2}
  .uu-gm-chip{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.05);color:#fff;font:500 13px 'Poppins',sans-serif;padding:7px 14px;border-radius:999px;cursor:pointer;transition:all .25s}
  .uu-gm-chip:hover{background:rgba(25,181,200,.35);border-color:var(--gm-aqua)}
  .uu-gm-chip.on{background:#fff;color:var(--gm-navy);border-color:#fff;font-weight:600}
  .uu-gm-chip.off{opacity:.3;pointer-events:none}
  .uu-gm-legend{display:flex;gap:18px;flex-wrap:wrap;margin-top:16px;font-size:12.5px;color:rgba(255,255,255,.7);position:relative;z-index:2}
  .uu-gm-legend i{display:inline-block;width:11px;height:11px;border-radius:3px;margin-right:6px;vertical-align:-1px}

  /* sections below */
  .uu-gm-sub{margin:80px 0 28px;text-align:center}
  .uu-gm-sub h3{font-size:clamp(24px,3.2vw,34px);margin:0 0 10px;color:var(--gm-navy);font-weight:700}
  .uu-gm-sub p{margin:0 auto;max-width:640px;color:var(--gm-muted)}

  .uu-gm-insights{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
  .uu-gm-ins{background:#fff;border:1px solid #e3ebf5;border-radius:20px;padding:26px 22px;box-shadow:0 10px 30px rgba(11,36,71,.06);display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}
  .uu-gm-ins::after{content:"";position:absolute;left:0;top:0;height:4px;width:100%;background:linear-gradient(90deg,var(--gm-aqua),var(--gm-navy-2))}
  .uu-gm-ins:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(11,36,71,.14)}
  .uu-gm-ins b{font-size:30px;line-height:1.1;color:var(--gm-navy);font-weight:700;margin-bottom:10px}
  .uu-gm-ins p{margin:0 0 14px;font-size:14px;color:var(--gm-muted);flex:1}
  .uu-gm-ins a{font-size:12.5px;font-weight:600;color:var(--gm-aqua);text-decoration:none}
  .uu-gm-ins a:hover{text-decoration:underline}

  .uu-gm-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;counter-reset:s}
  .uu-gm-step{background:#fff;border:1px solid #e3ebf5;border-radius:20px;padding:28px 24px;position:relative;box-shadow:0 10px 30px rgba(11,36,71,.05)}
  .uu-gm-step::before{counter-increment:s;content:"0" counter(s);font-size:44px;font-weight:700;color:rgba(25,181,200,.25);position:absolute;right:20px;top:10px}
  .uu-gm-step h4{margin:0 0 8px;font-size:18px;color:var(--gm-navy)}
  .uu-gm-step p{margin:0;font-size:14px;color:var(--gm-muted)}

  .uu-gm-pills{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:30px}
  .uu-gm-pills span{background:#fff;border:1px solid #d8e5f2;color:var(--gm-navy);font-weight:500;font-size:14px;padding:10px 20px;border-radius:999px}
  .uu-gm-pills span::before{content:"✓";color:var(--gm-aqua);font-weight:700;margin-right:8px}

  .uu-gm-cta{margin-top:80px;background:linear-gradient(120deg,var(--gm-navy),var(--gm-navy-2));border-radius:28px;padding:48px 40px;display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between;color:#fff;box-shadow:0 24px 60px rgba(11,36,71,.3);position:relative;overflow:hidden}
  .uu-gm-cta::after{content:"";position:absolute;right:-80px;top:-80px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(25,181,200,.4),transparent 70%)}
  .uu-gm-cta h3{margin:0 0 8px;font-size:clamp(22px,3vw,30px);font-weight:700}
  .uu-gm-cta p{margin:0;color:rgba(255,255,255,.8);font-size:15px;max-width:560px}
  .uu-gm-cta small{display:block;margin-top:10px;color:rgba(255,255,255,.65);font-size:13px}
  .uu-gm-btn{position:relative;z-index:2;display:inline-block;background:var(--gm-aqua);color:#04203a;font-weight:600;text-decoration:none;padding:15px 34px;border-radius:999px;transition:transform .25s,box-shadow .25s}
  .uu-gm-btn:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(25,181,200,.5)}

  .uu-gm-note{margin-top:26px;text-align:center;font-size:12px;color:#8a98ad}

  @media (max-width:1000px){
    .uu-gm-layout{grid-template-columns:1fr}
    .uu-gm-insights{grid-template-columns:repeat(2,1fr)}
    .uu-gm-stats{grid-template-columns:repeat(2,1fr)}
  }
  @media (max-width:640px){
    .uu-gm{padding:60px 14px}
    .uu-gm-card{padding:16px;border-radius:20px}
    .uu-gm-insights,.uu-gm-steps{grid-template-columns:1fr}
    .uu-gm-cta{padding:32px 24px}
    .uu-gm-panel h4{font-size:24px}
  }
  @media (prefers-reduced-motion:reduce){
    .uu-gm *{animation:none !important;transition:none !important}
    .uu-gm [data-reveal]{opacity:1;transform:none}
  }