:root{font-family:Space Grotesk,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e2e8f0;background-color:#030712}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,rgba(7,89,133,.3),transparent 55%),radial-gradient(circle at 20% 20%,rgba(234,179,8,.12),transparent 35%),#020617}#root{min-height:100vh}.app-shell{padding:2.5rem clamp(1rem,5vw,4rem) 3rem;position:relative;overflow:hidden}.app-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 15% 20%,rgba(56,189,248,.2),transparent 45%),radial-gradient(circle at 80% 0%,rgba(147,51,234,.2),transparent 40%);filter:blur(90px);opacity:.7;pointer-events:none}.app-shell>*{position:relative}main{max-width:1280px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.hero{display:flex;justify-content:space-between;gap:2rem;align-items:center;padding:1.5rem;border-radius:36px;border:1px solid rgba(59,130,246,.3);background:#02061799;box-shadow:0 20px 50px #02061780}.hero-copy{flex:1.1}.hero-controls{flex:.9;display:flex;flex-direction:column;gap:1rem}.brand-badge{display:inline-flex;flex-direction:column;gap:.15rem;padding:.6rem 1rem;border-radius:999px;background:#0f172ab3;border:1px solid rgba(94,234,212,.3);width:fit-content}.brand-badge span{font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:.75rem}.brand-badge p{margin:0;font-size:.78rem;opacity:.7}.brand-lockup{display:inline-flex;align-items:center;gap:.75rem;margin-top:1.1rem;padding:.5rem .9rem;border-radius:999px;border:1px solid rgba(148,163,184,.25);background:#0f172a99;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase}.brand-lockup .divider{width:1px;height:1rem;background:#94a3b866}.brand-lockup .product-name{color:#38bdf8;font-weight:600}.brand-lockup .company-name{color:#f97316;font-weight:600}.hero h1{font-size:clamp(2rem,5vw,3.5rem);margin:.4rem 0 .8rem}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.75rem;opacity:.6;margin:0}.lede{font-size:1.05rem;max-width:540px;color:#e2e8f0d9}.year-slider{flex:1;min-width:280px}.year-slider header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem}.year-slider header p{margin:0;opacity:.7;text-transform:uppercase;letter-spacing:.14em;font-size:.75rem}.year-slider header strong{display:block;font-size:2rem;margin-top:.2rem}.year-slider .endpoints{display:flex;gap:.5rem;font-size:.9rem;opacity:.6}.year-slider input[type=range]{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(90deg,#3b82f6b3,#9333eab3);height:4px;border-radius:999px}.year-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:#f97316;border:2px solid rgba(255,255,255,.6);transition:transform .2s ease}.year-slider input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#f97316;border:2px solid rgba(255,255,255,.6)}.year-slider input[type=range]:active::-webkit-slider-thumb{transform:scale(1.1)}.metric-capsules{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.8rem}.metric-capsules div{padding:.85rem;border-radius:16px;border:1px solid rgba(148,163,184,.2);background:#0f172aa6}.metric-capsules p{margin:0;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;opacity:.6}.metric-capsules strong{display:block;margin-top:.2rem;font-size:1.2rem}.grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(320px,1fr);gap:1.25rem;align-items:stretch}.globe-card{position:relative;background:#0f172acc;border:1px solid rgba(59,130,246,.2);border-radius:32px;overflow:hidden;min-height:clamp(480px,60vh,620px);box-shadow:0 30px 80px #02061766}.globe-loader{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#020617a6;color:#fcd34d;font-weight:600;letter-spacing:.08em;text-transform:uppercase;z-index:2;pointer-events:none;font-size:1rem;animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}.globe-panel{height:clamp(480px,60vh,620px);position:relative;display:flex;align-items:center;justify-content:center}.globe-panel canvas{border-radius:32px 32px 0 0;width:100%!important;height:100%!important}.hover-detail{padding:1.25rem 1.75rem 1.75rem;background:linear-gradient(120deg,#3b82f626,#6366f11a);border-top:1px solid rgba(148,163,184,.2)}.hover-detail h4{margin:.2rem 0;font-size:1.5rem}.hover-detail .value{font-size:1.2rem;font-weight:600}.hover-detail small{opacity:.7}.stats-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:1.25rem;border-radius:24px;background:#0f172ab3;border:1px solid rgba(94,234,212,.2)}.stats-panel p{margin:0 0 .1rem;font-size:.85rem;opacity:.65}.stats-panel strong{font-size:1.4rem}.top-countries{margin-top:1.25rem;background:#0f172ab3;border-radius:24px;border:1px solid rgba(248,113,113,.2);padding:1.25rem 1.5rem}.fun-facts{margin-top:1.25rem;background:#0f172ab3;border-radius:24px;border:1px solid rgba(16,185,129,.3);padding:1.25rem 1.5rem}.fun-facts h3{margin:.2rem 0 0}.fun-facts ul{list-style:none;margin:1rem 0 0;padding:0;display:flex;flex-direction:column;gap:.9rem}.fun-facts li{position:relative;padding-left:1.5rem;line-height:1.4}.fun-facts li:before{content:"✦";position:absolute;left:0;color:#fcd34d}.country-spotlight{margin-top:1.25rem;background:#020617cc;border-radius:24px;border:1px solid rgba(59,130,246,.3);padding:1.25rem 1.5rem}.country-spotlight h3{margin:.2rem 0}.country-spotlight .value{font-size:1.2rem;font-weight:600}.country-spotlight ul{list-style:none;padding:0;margin:1rem 0 0;display:flex;flex-direction:column;gap:.75rem}.country-spotlight li{position:relative;padding-left:1.2rem}.country-spotlight li:before{content:"#";position:absolute;left:0;color:#38bdf8}.country-spotlight.ghost{opacity:.65;border-style:dashed}.top-countries header{display:flex;align-items:baseline;justify-content:space-between}.top-countries h3{margin:0}.top-countries p{margin:0;opacity:.65}.top-countries ol{list-style:none;padding:0;margin:1rem 0 0;display:flex;flex-direction:column;gap:.9rem}.top-countries li{display:grid;grid-template-columns:auto 1fr auto;gap:.75rem;align-items:center}.top-countries .rank{width:2rem;height:2rem;border-radius:999px;border:1px solid rgba(248,113,113,.5);display:inline-flex;align-items:center;justify-content:center}.top-countries .country-meta p{margin:0;font-weight:600}.top-countries .country-meta small{opacity:.6}.top-countries .value{font-weight:600}.globe-footer{display:flex;justify-content:space-between;gap:1rem;padding:1.5rem;background:#020617d9;border-top:1px solid rgba(148,163,184,.2)}.globe-footer-stats{display:flex;gap:1.5rem}.globe-footer-stats div{text-align:center}.globe-footer-stats span{display:block;text-transform:uppercase;font-size:.72rem;letter-spacing:.18em;opacity:.6}.globe-footer-stats strong{font-size:1.3rem}.globe-telemetry{display:grid;grid-template-columns:1.2fr 1fr;gap:1.5rem;padding:1.5rem;border-top:1px solid rgba(148,163,184,.15);background:linear-gradient(120deg,#0f172acc,#082f49b3)}.telemetry-copy h4{margin:.3rem 0 .4rem}.telemetry-copy p{margin:.2rem 0;color:#e2e8f0b3}.telemetry-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:.8rem}.telemetry-metrics span{display:block;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;opacity:.6}.telemetry-metrics strong{font-size:1.1rem}.telemetry-chart svg{width:100%;height:90px}.telemetry-caption{margin-top:.6rem;font-size:.78rem;opacity:.6}.insights-column{display:flex;flex-direction:column;gap:1rem;height:100%;padding-right:.4rem}.insights-column>*{margin-top:0}.error-panel,.loading-panel{padding:2rem;border-radius:24px;background:#0f172acc;border:1px solid rgba(248,113,113,.4);text-align:center;font-size:1.2rem}.loading-panel{border-color:#5eead44d}@media (max-width: 960px){.hero{flex-direction:column;align-items:flex-start;padding:1rem;border-radius:24px}.hero-controls{width:100%}.grid{grid-template-columns:1fr}.globe-panel,.globe-card{min-height:420px}.insights-column{position:static;max-height:none;overflow:visible;padding-right:0}}@media (max-width: 640px){.app-shell{padding:1.5rem 1rem 2rem}.hero{gap:1rem}.hero-controls{padding:1rem}.globe-card{border-radius:24px}.stats-panel{grid-template-columns:1fr}.top-countries,.fun-facts,.country-spotlight{padding:1rem 1.2rem}}