/* =========================================================
   Click Globally – LEAD GENERATION PAGE
   Premium page-specific styles + animation support
   ========================================================= */

.lg-page {
    --lg-dark: #1f1f1f;
    --lg-ink: #202020;
    --lg-blue: #dfe8ff;
    --lg-peach: #fde8d8;
    --lg-green: #e4f0e4;
    --lg-soft: #f5f5f3;
    overflow-x: hidden;
}

.lg-page .navbar-brand img { height: 50px; }

.lg-hero {
    padding: 145px 0 90px;
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg,#f6f6f4 0%,#fff 52%,#eef2ff 100%);
}

.lg-grid {
    position:absolute;
    inset:0;
    opacity:.35;
    background-image: linear-gradient(rgba(40,40,40,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(40,40,40,.055) 1px,transparent 1px);
    background-size:60px 60px;
    mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 80%);
}

.lg-hero-orb {
    position:absolute;
    border-radius:50%;
    filter:blur(2px);
    pointer-events:none;
    animation:lgOrbFloat 7s ease-in-out infinite alternate;
}
.lg-hero-orb.orb-one { width:260px;height:260px;right:-80px;top:90px;background:rgba(191,207,255,.42); }
.lg-hero-orb.orb-two { width:180px;height:180px;left:-70px;bottom:40px;background:rgba(253,216,193,.4);animation-delay:-2s; }

@keyframes lgOrbFloat { from{transform:translate3d(0,-12px,0)} to{transform:translate3d(0,14px,0)} }

.lg-eyebrow,.lg-section-kicker {
    display:inline-flex;
    align-items:center;
    gap:10px;
    font-size:.68rem;
    font-weight:500;
    letter-spacing:.15em;
    text-transform:uppercase;
    color:#6574b1;
    margin-bottom:18px;
}
.lg-eyebrow::before,.lg-section-kicker::before { content:''; width:28px;height:2px;background:currentColor; }

.lg-hero h1 {
    font-size:clamp(3.1rem,5.2vw,6rem);
    line-height:.9;
    letter-spacing:-.065em;
    font-weight:500;
    margin:0 0 28px;
    position:relative;
    z-index:2;
}
.lg-hero h1 em,.lg-heading h2 em,.lg-proof h2 em,.lg-difference h2 em,.lg-cta h2 em {
    font-family:'Playfair Display',serif;
    font-weight:400;
}
.lg-hero p { max-width:610px;font-size:1rem;line-height:1.75;color:#555;position:relative;z-index:2; }

.lg-btn {
    display:inline-flex;
    align-items:center;
    gap:12px;
    margin-top:18px;
    padding:13px 23px;
    border-radius:999px;
    background:#202020;
    color:#fff;
    font-size:.78rem;
    font-weight:700;
    text-decoration:none;
    box-shadow:0 12px 28px rgba(0,0,0,.12);
    transition:transform .3s ease,box-shadow .3s ease,background .3s ease;
}
.lg-btn:hover { color:#fff;transform:translateY(-4px);box-shadow:0 18px 35px rgba(0,0,0,.18);background:#000; }
.lg-btn span { font-size:1rem; }
.lg-btn.dark-btn { background:#fff;color:#202020; }
.lg-btn.dark-btn:hover { color:#202020;background:#fff; }

.lg-hero-visual { position:relative;max-width:720px;margin:auto; }
.lg-flow-svg { width:100%;height:auto;display:block;overflow:visible; }
.flow-path { stroke:#aeb8d8;stroke-width:3;stroke-dasharray:9 10;opacity:.7; }
.flow-card { transform-box:fill-box;transform-origin:center; }
.flow-label { font-family:Inter,sans-serif;font-size:14px;font-weight:500;letter-spacing:.08em;fill:#202020; }
.dark-label { font-size:12px; }
.badge-main { font-family:Inter,sans-serif;font-size:31px;font-weight:500;fill:#202020; }
.badge-sub { font-family:Inter,sans-serif;font-size:9px;font-weight:500;letter-spacing:.18em;fill:#202020; }
.flow-sparkles path { stroke:#7c89c0;stroke-width:3;stroke-linecap:round;opacity:.55; }

.lg-section { padding:115px 0;position:relative;overflow:hidden; }
.lg-dark { background:#202020;color:#fff; }
.lg-dark .lg-section-kicker { color:#b9c6ff; }
.lg-dark p { color:rgba(255,255,255,.7);line-height:1.75;max-width:500px; }
.lg-dark h2,.lg-proof h2,.lg-difference h2,.lg-cta h2 { font-size:clamp(2.5rem,5vw,4.6rem);line-height:.95;letter-spacing:-.055em;margin-bottom:25px; }

.lg-signal-wall { height:470px;position:relative;display:flex;align-items:center;justify-content:center; }
.signal-orbit { position:absolute;border:1px dashed rgba(255,255,255,.2);border-radius:50%;animation:lgOrbit 16s linear infinite; }
.orbit-a { width:400px;height:400px; }
.orbit-b { width:270px;height:270px;animation-duration:11s;animation-direction:reverse; }
@keyframes lgOrbit { to{transform:rotate(360deg)} }
.signal-core { width:145px;height:145px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(135deg,#dfe8ff,#879be5);color:#202020;font-weight:900;font-size:24px;line-height:.85;box-shadow:0 0 0 15px rgba(223,232,255,.08),0 20px 50px rgba(0,0,0,.3);z-index:3; }
.signal-core small { font-size:10px;letter-spacing:.2em; }
.signal-node { position:absolute;width:95px;height:95px;border-radius:22px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;font-size:12px;font-weight:700;z-index:4;box-shadow:0 12px 35px rgba(0,0,0,.15);animation:lgNodeFloat 4s ease-in-out infinite alternate; }
.node-1{top:45px;left:17%;}.node-2{top:75px;right:15%;animation-delay:-1s}.node-3{bottom:55px;left:19%;animation-delay:-2s}.node-4{bottom:35px;right:17%;animation-delay:-3s}
@keyframes lgNodeFloat { to{transform:translateY(-10px)} }

.lg-target { background:#f5f5f3; }
.lg-heading { max-width:850px;margin:auto; }
.lg-heading h2 { font-size:clamp(2.5rem,5vw,4.5rem);line-height:.95;letter-spacing:-.055em;margin-bottom:25px; }
.lg-heading p { max-width:760px;margin:auto;color:#626262;line-height:1.75; }
.lg-metric-card { min-height:250px;border-radius:24px;padding:32px;position:relative;overflow:hidden;transition:transform .45s ease,box-shadow .45s ease; }
.lg-metric-card:hover { transform:translateY(-9px);box-shadow:0 25px 50px rgba(0,0,0,.09); }
.lg-metric-card.peach{background:#fde8d8}.lg-metric-card.blue{background:#dfe8ff}.lg-metric-card.green{background:#e4f0e4}
.metric-icon { display:flex;width:46px;height:46px;border-radius:50%;background:#fff;align-items:center;justify-content:center;font-size:20px;margin-bottom:38px; }
.lg-metric-card strong { display:block;font-size:3.5rem;letter-spacing:-.07em;line-height:1;margin-bottom:10px; }
.lg-metric-card>span:last-child { display:block;max-width:210px;color:#555;font-size:.82rem;line-height:1.5; }

.lg-proof { background:linear-gradient(110deg,#f7e3ed,#d8c2d3);padding:105px 0;overflow:hidden; }
.lg-proof-card { min-height:180px;background:rgba(255,255,255,.35);border:1px solid rgba(255,255,255,.35);border-radius:20px;padding:28px;transition:transform .4s ease,background .4s ease; }
.lg-proof-card:hover { transform:translateY(-7px);background:rgba(255,255,255,.55); }
.lg-proof-card strong { display:block;font-size:3rem;letter-spacing:-.06em;line-height:1;margin-bottom:12px; }
.lg-proof-card span { color:#444;font-size:.8rem;line-height:1.45; }

.lg-programs { background:#fff; }
.lg-program-card { height:100%;min-height:390px;padding:32px;border-radius:24px;background:#f5f5f3;display:flex;flex-direction:column;transition:transform .45s ease,box-shadow .45s ease; }
.lg-program-card:hover { transform:translateY(-10px);box-shadow:0 25px 55px rgba(0,0,0,.1); }
.lg-program-card.peach-card{background:#fff0e5}.lg-program-card.green-card{background:#e7efd6}.lg-program-card.blue-card{background:#e3eaff}
.program-number { font-size:.7rem;font-weight:500;letter-spacing:.15em;opacity:.5;margin-bottom:40px; }
.lg-program-card h3 { font-size:1.35rem;letter-spacing:-.03em;margin-bottom:13px; }
.lg-program-card p { color:#555;font-size:.8rem;line-height:1.55; }
.lg-program-card ul { list-style:none;padding:0;margin:15px 0 25px; }
.lg-program-card li { font-size:.76rem;margin:9px 0;padding-left:18px;position:relative; }
.lg-program-card li::before { content:'✓';position:absolute;left:0;font-weight:500; }
.lg-program-card a { margin-top:auto;font-size:.78rem;font-weight:500;text-decoration:none;color:#202020; }
.lg-program-card a span { margin-left:8px;transition:margin .25s ease; }
.lg-program-card a:hover span { margin-left:14px; }

.lg-difference { padding:115px 0;background:#202020;color:#fff;overflow:hidden; }
.lg-difference .lg-section-kicker { color:#b9c6ff; }
.lg-difference p { max-width:570px;color:rgba(255,255,255,.68);line-height:1.8; }
.lg-difference-list { display:flex;flex-direction:column;gap:12px; }
.difference-item { min-height:74px;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:17px 20px;display:flex;align-items:center;gap:18px;background:rgba(255,255,255,.04);transition:transform .35s ease,background .35s ease; }
.difference-item:hover { transform:translateX(8px);background:rgba(255,255,255,.09); }
.difference-item i { width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#dfe8ff;color:#202020; }
.difference-item span { font-size:.82rem;color:rgba(255,255,255,.85); }

.lg-cta { position:relative;padding:135px 0;background:#e4efd4;overflow:hidden; }
.lg-cta p { max-width:650px;margin:0 auto;color:#555;line-height:1.75; }
.lg-cta-orb { position:absolute;border-radius:50%;filter:blur(1px);opacity:.55;animation:lgCtaFloat 6s ease-in-out infinite alternate; }
.cta-orb-a { width:260px;height:260px;background:#f9cbb8;left:-100px;bottom:-120px; }.cta-orb-b { width:220px;height:220px;background:#d2dcff;right:-80px;top:-100px;animation-delay:-2s; }
@keyframes lgCtaFloat { to{transform:translateY(-20px) rotate(8deg)} }

.lg-reveal { will-change:transform,opacity; }

@media(max-width:991px){
    .lg-hero{padding-top:125px;min-height:auto}.lg-hero h1{font-size:clamp(3rem,9vw,5rem)}.lg-hero-visual{margin-top:20px}.lg-section{padding:85px 0}.lg-signal-wall{height:390px}.lg-dark h2,.lg-proof h2,.lg-difference h2,.lg-cta h2{font-size:3.3rem}
}
@media(max-width:576px){
    .lg-hero{padding:110px 0 55px}.lg-hero h1{font-size:3.1rem}.lg-hero p{font-size:.9rem}.lg-flow-svg{transform:scale(1.06)}.lg-section{padding:70px 0}.lg-signal-wall{height:340px;transform:scale(.85)}.orbit-a{width:330px;height:330px}.orbit-b{width:220px;height:220px}.lg-dark h2,.lg-proof h2,.lg-difference h2,.lg-cta h2,.lg-heading h2{font-size:2.65rem}.lg-metric-card{min-height:210px}.lg-program-card{min-height:350px}.lg-proof-card{min-height:150px}.lg-page .navbar-brand img{height:45px}
}

@media(prefers-reduced-motion:reduce){
    .lg-page *, .lg-page *::before,.lg-page *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;}
}

/* === Lead Generation: animated 3D-style intelligence hub === */
.lg-lead-hub { isolation:isolate; width:100%; max-width:760px; filter:drop-shadow(0 22px 35px rgba(74,110,191,.08)); }
.lg-lead-hub::before { content:""; position:absolute; inset:12% 6%; z-index:-1; border-radius:50%; background:radial-gradient(ellipse,rgba(104,188,255,.15),rgba(160,120,255,.07) 45%,transparent 72%); pointer-events:none; }
.lg-lead-hub .lg-flow-svg { width:100%; height:auto; overflow:visible; }
.lg-lead-hub .hub-label { font:700 10px Inter,Arial,sans-serif; letter-spacing:1px; fill:#65718b; }
.lg-lead-hub .hub-number { font:800 27px Inter,Arial,sans-serif; letter-spacing:-1px; fill:#17213c; }
.lg-lead-hub .hub-caption { font:500 10px Inter,Arial,sans-serif; fill:#7a849c; }
.lg-lead-hub .hub-spark { fill:none; stroke-width:2.5; stroke-linecap:round; }
.lg-lead-hub .hub-engine-label { font:800 11px Inter,Arial,sans-serif; letter-spacing:1px; fill:#f7ffff; }
.lg-lead-hub .hub-status-text { font:700 10px Inter,Arial,sans-serif; letter-spacing:1px; fill:#243960; }
.lg-lead-hub .hub-card,.lg-lead-hub .hub-cube,.lg-lead-hub .hub-engine { will-change:transform; }
@media(max-width:576px) { .lg-lead-hub .lg-flow-svg { transform:none; } .lg-lead-hub { margin-top:12px; } }


/* ===== 3D DEMAND INTELLIGENCE ===== */

.lg-intelligence-section {
    background: #101321;
    position: relative;
    overflow: hidden;
}

.lg-intelligence-section .lg-section-kicker {
    color: #9caeff;
}

.lg-intelligence-section h2 {
    color: #fff;
}

.lg-intelligence-section h2 em {
    color: #aabaff;
}

.lg-intelligence-section p {
    color: #aab1c8;
}

.lg-intelligence-note {
    margin-top: 22px;
    color: #8ee5cf !important;
    font-size: 14px;
}

.lg-intelligence-visual {
    width: 100%;
    max-width: 650px;
    margin: auto;
    position: relative;
    aspect-ratio: 6 / 5;
    perspective: 1100px;
    isolation: isolate;
}

.lg-iv-aura {
    position: absolute;
    inset: 10%;
    border-radius: 50%;
    background: radial-gradient(
        circle,
        rgba(63, 103, 255, .22),
        rgba(73, 46, 164, .08) 45%,
        transparent 72%
    );
    filter: blur(35px);
    pointer-events: none;
}

.lg-iv-grid {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(120,150,255,.055) 1px, transparent 1px),
        linear-gradient(90deg,rgba(120,150,255,.055) 1px, transparent 1px);
    background-size: 35px 35px;
    mask-image: radial-gradient(ellipse,black 20%,transparent 75%);
    pointer-events: none;
}

.lg-iv-scene {
    position: absolute;
    width: 600px;
    height: 500px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) scale(var(--iv-scale,1));
    transform-origin: center;
    transform-style: preserve-3d;
}

.lg-iv-ring {
    position: absolute;
    left: 50%;
    top: 50%;
    border: 1px solid rgba(113,147,255,.28);
    border-radius: 50%;
    transform-style: preserve-3d;
    pointer-events: none;
}

.lg-iv-ring-one {
    width: 330px;
    height: 330px;
    margin: -165px;
    transform: rotateX(70deg);
    box-shadow: 0 0 25px rgba(61,106,255,.12);
}

.lg-iv-ring-two {
    width: 450px;
    height: 450px;
    margin: -225px;
    border-style: dashed;
    transform: rotateX(70deg) rotateZ(25deg);
}

.lg-iv-ring-three {
    width: 240px;
    height: 240px;
    margin: -120px;
    border-color: rgba(78,226,211,.35);
    transform: rotateX(70deg) rotateZ(-30deg);
}

.lg-iv-connections {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: visible;
    pointer-events: none;
}

.lg-iv-connections path {
    fill: none;
    stroke: url(#lgIvBlue);
    stroke-width: 1.7;
    stroke-dasharray: 6 9;
    opacity: .65;
}

.lg-iv-connections path:nth-of-type(3),
.lg-iv-connections path:nth-of-type(4) {
    stroke: url(#lgIvGreen);
}

.lg-iv-particle {
    fill: #77eaff;
    filter: drop-shadow(0 0 6px #42bbff);
}

.lg-iv-center {
    position: absolute;
    left: 50%;
    top: 48%;
    width: 150px;
    height: 150px;
    transform: translate(-50%,-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    transform-style: preserve-3d;
}

.lg-iv-core-glow {
    position: absolute;
    width: 190px;
    height: 190px;
    border-radius: 50%;
    background: radial-gradient(circle,rgba(41,179,255,.4),transparent 70%);
    filter: blur(20px);
}

.lg-iv-cube {
    position: relative;
    width: 100px;
    height: 100px;
    transform-style: preserve-3d;
    transform: rotateX(-24deg) rotateY(-30deg);
}

.lg-iv-face {
    position: absolute;
    inset: 0;
    border: 1px solid rgba(160,222,255,.7);
    background: linear-gradient(
        135deg,
        rgba(99,183,255,.75),
        rgba(48,59,201,.65)
    );
    box-shadow: inset 0 0 30px rgba(103,214,255,.22);
    backface-visibility: visible;
}

.lg-iv-front {
    transform: translateZ(50px);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 34px;
}

.lg-iv-back { transform: rotateY(180deg) translateZ(50px); }
.lg-iv-right { transform: rotateY(90deg) translateZ(50px); }
.lg-iv-left { transform: rotateY(-90deg) translateZ(50px); }
.lg-iv-top { transform: rotateX(90deg) translateZ(50px); }
.lg-iv-bottom { transform: rotateX(-90deg) translateZ(50px); }

.lg-iv-core-label {
    position: absolute;
    top: 175px;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    text-align: center;
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
}

.lg-iv-core-label span {
    display: block;
    margin-top: 7px;
    color: #70eac8;
    font-size: 9px;
    letter-spacing: 1.5px;
}

.lg-iv-card {
    position: absolute;
    width: 205px;
    min-height: 90px;
    padding: 17px;
    display: flex;
    align-items: center;
    gap: 12px;
    border: 1px solid rgba(178,199,255,.24);
    border-radius: 17px;
    background: linear-gradient(
        145deg,
        rgba(43,52,83,.96),
        rgba(21,27,48,.96)
    );
    box-shadow:
        0 18px 45px rgba(0,0,0,.35),
        inset 0 1px rgba(255,255,255,.12);
    backdrop-filter: blur(14px);
    transform-style: preserve-3d;
    will-change: transform;
}

.lg-iv-card-one { top: 48px; left: 0; }
.lg-iv-card-two { top: 48px; right: 0; }
.lg-iv-card-three { bottom: 48px; left: 0; }
.lg-iv-card-four { bottom: 48px; right: 0; }

.lg-iv-icon {
    flex: 0 0 43px;
    width: 43px;
    height: 43px;
    border-radius: 12px;
    display: grid;
    place-items: center;
    font-size: 19px;
}

.lg-iv-icon.blue { background: rgba(65,129,255,.18); color: #75aeff; }
.lg-iv-icon.purple { background: rgba(149,92,255,.18); color: #ba90ff; }
.lg-iv-icon.orange { background: rgba(255,151,70,.18); color: #ffb475; }
.lg-iv-icon.green { background: rgba(36,215,156,.18); color: #63edbd; }

.lg-iv-card span {
    display: block;
    font-size: 9px;
    color: #8295bd;
    letter-spacing: 1px;
    margin-bottom: 5px;
}

.lg-iv-card strong {
    display: block;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
}

.lg-iv-card small {
    display: block;
    color: #9ba7c2;
    font-size: 10px;
    margin-top: 5px;
}

.lg-iv-status {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    gap: 9px;
    color: #a3b7df;
    font-size: 10px;
    letter-spacing: 2px;
    white-space: nowrap;
}

.lg-iv-status span {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #4df1bb;
    box-shadow: 0 0 12px #4df1bb;
}

@media(max-width:767px) {
    .lg-intelligence-visual {
        max-width: 100%;
        aspect-ratio: 6 / 5;
        --iv-scale: .56;
    }
}

@media(min-width:768px) and (max-width:1199px) {
    .lg-intelligence-visual { --iv-scale: .78; }
}

@media(prefers-reduced-motion:reduce) {
    .lg-iv-card, .lg-iv-cube, .lg-iv-particle {
        will-change: auto;
    }
}

/* Reference-inspired animated regional audience map — scoped to avoid collisions */
.lg-region-section{background:#fff;padding:95px 0 90px;overflow:hidden}
.lg-region-wrap{max-width:1700px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,.85fr);align-items:center;gap:clamp(30px,4vw,80px);padding-inline:clamp(20px,4vw,75px)}
.lg-region-map{position:relative;width:100%;aspect-ratio:975/455;min-width:0}
.lg-region-map-image{width:100%;height:100%;object-fit:contain;display:block}
.lg-region-counter{position:absolute;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;width:12.7%;aspect-ratio:1;border:2px solid #2760ff;border-radius:50%;background:rgba(255,255,255,.98);box-shadow:inset 0 0 0 9px #f7f8fa,0 11px 18px #0f286b29;color:#1b2c49;transform:translate(-50%,-50%);animation:lgRegionFloat 4.5s ease-in-out infinite;will-change:transform}
.lg-region-counter::before{content:"";position:absolute;inset:-6px;border:1px solid #2863ff;border-radius:50%;opacity:.5;animation:lgRegionPulse 2.8s ease-out infinite}
.lg-region-counter:nth-of-type(3){animation-delay:-1s}.lg-region-counter:nth-of-type(4){animation-delay:-2s}.lg-region-counter:nth-of-type(5){animation-delay:-3s}
.lg-region-value{font-size:clamp(14px,1.45vw,25px);font-weight:600;line-height:1.15;font-variant-numeric:tabular-nums}
.lg-region-unit{font-size:clamp(11px,1.25vw,20px);line-height:1.25}
.lg-region-name{position:absolute;top:calc(100% + 23px);left:50%;transform:translateX(-50%);font-size:clamp(10px,1vw,15px);font-weight:600;white-space:nowrap;letter-spacing:.02em}
/* Coordinates relative to cropped supplied map screenshot */
.lg-region-namer{left:17%;top:28%}.lg-region-latam{left:32.5%;top:61%}.lg-region-emea{left:56.4%;top:22%}.lg-region-apac{left:77%;top:26%}
.lg-region-copy{max-width:600px}
.lg-region-copy h2{font-family:Inter,Arial,sans-serif;font-size:clamp(35px,3.55vw,68px);font-weight:600;line-height:1.14;letter-spacing:-.045em;color:#1e1e1e;margin:0 0 28px}
.lg-region-copy h2 em{font-family:'Playfair Display',Georgia,serif;font-weight:400;letter-spacing:-.03em;white-space:nowrap}
.lg-region-copy p{font-size:clamp(16px,1.12vw,20px);line-height:1.8;color:#202020;margin:0}
.lg-region-copy .lg-region-disclaimer{font-size:11px;color:#727a89;margin-top:20px;line-height:1.5}
@keyframes lgRegionFloat{0%,100%{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 7px))}}
@keyframes lgRegionPulse{0%{transform:scale(.97);opacity:.55}75%,100%{transform:scale(1.2);opacity:0}}
@media(max-width:991px){.lg-region-wrap{grid-template-columns:1fr;gap:45px}.lg-region-map{max-width:900px;margin:auto}.lg-region-copy{max-width:780px;margin:auto}.lg-region-value{font-size:clamp(12px,2.8vw,24px)}.lg-region-unit{font-size:clamp(11px,2vw,18px)}.lg-region-name{font-size:clamp(10px,1.8vw,14px)}}
@media(max-width:540px){.lg-region-section{padding:65px 0}.lg-region-wrap{padding-inline:12px;gap:36px}.lg-region-counter{width:14%;box-shadow:inset 0 0 0 4px #f7f8fa,0 6px 12px #0f286b29}.lg-region-value{font-size:clamp(10px,3.1vw,15px)}.lg-region-unit{font-size:clamp(9px,2.7vw,13px)}.lg-region-name{top:calc(100% + 10px);font-size:9px}.lg-region-copy{padding-inline:8px}.lg-region-copy h2{font-size:clamp(34px,8vw,46px)}}
@media(prefers-reduced-motion:reduce){.lg-region-counter,.lg-region-counter::before{animation:none!important}}

/* Alternate design: deep-ocean teal intelligence map */
.lg-region-section{background:radial-gradient(ellipse at 25% 48%,#10374b 0%,#071b2b 58%,#061521 100%)}
.lg-region-map{background:radial-gradient(ellipse at 48% 48%,rgba(30,199,177,.11),transparent 68%);border-radius:30px}
.lg-region-map-image{filter:drop-shadow(0 0 12px rgba(35,229,192,.12));animation:lgMapBreathe 8s ease-in-out infinite}
.lg-map-network{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.lg-map-route{fill:none;stroke:url(#lgRouteGlow);stroke-width:1.5;stroke-dasharray:5 10;opacity:.65;animation:lgMapDash 1.1s linear infinite}
.lg-map-traveler{fill:#b8fff0;filter:drop-shadow(0 0 6px #2affc6)}
.lg-region-counter{background:rgba(6,30,45,.96);border:2px solid #29edc4;box-shadow:inset 0 0 0 7px rgba(27,122,128,.2),0 0 24px rgba(34,230,195,.3);color:#f1fffc}
.lg-region-counter::before{border-color:#50ffe0}
.lg-region-name{color:#8fffe1}
.lg-region-copy h2{color:#f4fffd}
.lg-region-copy h2 em{color:#52e9c6}
.lg-region-copy p{color:#c6dbe0}
.lg-region-copy .lg-region-disclaimer{color:#94aeb7}
@keyframes lgMapDash{to{stroke-dashoffset:-30}}
@keyframes lgMapBreathe{50%{opacity:.78;filter:drop-shadow(0 0 24px rgba(35,229,192,.3))}}
@media(prefers-reduced-motion:reduce){.lg-map-route,.lg-region-map-image{animation:none!important}.lg-map-traveler{display:none}}