.trend-explorer{margin:0 auto;max-width:86rem;padding:5rem 1rem;color:#fff}.trend-explorer__heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2rem}.trend-explorer__heading>div:first-child{max-width:54rem}.trend-explorer__eyebrow{display:inline-flex;margin-bottom:1rem;color:#38bdf8;font-size:.75rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.trend-explorer__heading h2{max-width:52rem;font-size:clamp(2.2rem,4.4vw,4.7rem);font-weight:850;letter-spacing:0;line-height:.98}.trend-explorer__heading p{margin-top:1.25rem;max-width:46rem;color:#a8b3c7;font-size:1.05rem;line-height:1.7}.trend-explorer__status{display:flex;flex:none;align-items:center;gap:.65rem;border:1px solid rgb(255 255 255 / 12%);border-radius:999px;background:#0f172aa8;padding:.65rem .9rem;color:#a8b3c7;font-size:.75rem}.trend-explorer__live-dot{width:.45rem;height:.45rem;border-radius:50%;background:#22c55e;box-shadow:0 0 .9rem #22c55e;animation:trend-pulse 1.8s ease-in-out infinite}.trend-explorer__stage{position:relative;isolation:isolate;min-height:62rem;overflow:hidden;border:1px solid rgb(148 163 184 / 16%);border-radius:1.25rem;background:radial-gradient(circle at 15% 8%,color-mix(in srgb,var(--country-accent) 20%,transparent),transparent 30%),radial-gradient(circle at 84% 5%,color-mix(in srgb,var(--country-glow) 20%,transparent),transparent 28%),linear-gradient(135deg,#050816,#101525 45%,#090914);box-shadow:0 2rem 7rem #0000005c}.trend-explorer__stage:after{position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,transparent 0%,rgb(5 8 18 / 10%) 42%,rgb(5 8 18 / 94%) 100%),linear-gradient(90deg,rgb(255 255 255 / 4%),transparent 18%,transparent 82%,rgb(255 255 255 / 4%));content:"";pointer-events:none}.trend-explorer__mesh{position:absolute;z-index:0;inset:0;opacity:.09;background-image:linear-gradient(rgb(148 163 184 / 42%) 1px,transparent 1px),linear-gradient(90deg,rgb(148 163 184 / 42%) 1px,transparent 1px);background-size:3rem 3rem;mask-image:linear-gradient(to bottom,black,transparent 68%);transform:perspective(34rem) rotateX(62deg) scale(1.35) translateY(-12%);transform-origin:top}.trend-explorer__canvas{position:absolute;z-index:0;top:4.2rem;right:0;left:0;height:27rem;pointer-events:none}.trend-explorer__canvas canvas{display:block;width:100%;height:100%}.trend-explorer__countries{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;padding:1rem}.trend-country{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1rem;min-height:5.4rem;border:1px solid rgb(148 163 184 / 18%);border-radius:.75rem;background:#0d1222b3;padding:.9rem;color:#cbd5e1;text-align:left;backdrop-filter:blur(14px);cursor:pointer;transition:transform .22s ease,border-color .22s ease,background .22s ease}.trend-country:hover,.trend-country:focus-visible,.trend-country[aria-pressed=true]{border-color:color-mix(in srgb,var(--accent) 70%,transparent);background:color-mix(in srgb,var(--accent) 13%,#0d1222 87%);transform:translateY(-.18rem);outline:none}.trend-country__code{display:grid;width:2.8rem;height:2.8rem;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 55%,transparent);border-radius:.65rem;color:var(--accent);font-size:.72rem;font-weight:900;letter-spacing:.12em;box-shadow:inset 0 0 1rem color-mix(in srgb,var(--accent) 12%,transparent)}.trend-country strong,.trend-country small{display:block}.trend-country strong{color:#f8fafc;font-size:1rem}.trend-country small{overflow:hidden;margin-top:.25rem;color:#8793a7;font-size:.72rem;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.trend-explorer__panel{position:absolute;z-index:2;right:1rem;bottom:1rem;left:1rem;border:1px solid rgb(255 255 255 / 10%);border-radius:1rem;background:#040812db;padding:1.15rem;box-shadow:0 1.4rem 4rem #0000006b;backdrop-filter:blur(20px);animation:trend-panel-in .36s cubic-bezier(.2,.8,.2,1) both}.trend-explorer__panel-head{display:flex;align-items:end;justify-content:space-between;gap:1.25rem;margin-bottom:1rem}.trend-explorer__panel-head span{color:var(--country-accent);font-size:.72rem;font-weight:900;letter-spacing:.14em}.trend-explorer__panel-head h3{margin-top:.25rem;font-size:clamp(1.8rem,3vw,2.7rem);font-weight:850;letter-spacing:0}.trend-explorer__panel-head p{max-width:22rem;color:#8b97aa;font-size:.75rem;line-height:1.5;text-align:right}.trend-explorer__panel-head p small{display:block;margin-top:.3rem;color:#64748b}.trend-topic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;overflow:visible}.trend-topic{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"number number" "signal copy" "detail detail";gap:.7rem;min-height:9.8rem;overflow:visible;border:1px solid rgb(148 163 184 / 13%);border-radius:.75rem;background:linear-gradient(180deg,#192030c7,#0d121fe0),linear-gradient(90deg,color-mix(in srgb,var(--country-accent) 12%,transparent),transparent);padding:.85rem;color:#fff;text-align:left;transition:transform .22s ease,border-color .22s ease,background .22s ease}.trend-topic:hover,.trend-topic:focus-within,.trend-topic:focus-visible{z-index:4;border-color:color-mix(in srgb,var(--country-accent) 58%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--country-accent) 16%,#172033 84%),#101827),linear-gradient(90deg,color-mix(in srgb,var(--country-glow) 12%,transparent),transparent);transform:translateY(-.35rem) scale(1.015);outline:none}.trend-topic__number{grid-area:number;color:#5f6f86;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.65rem}.trend-topic__signal{display:grid;grid-area:signal;width:2.1rem;height:2.1rem;place-items:center;border:1px solid color-mix(in srgb,var(--country-accent) 50%,transparent);border-radius:50%;color:var(--country-accent);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;font-weight:800;box-shadow:0 0 1rem color-mix(in srgb,var(--country-accent) 18%,transparent)}.trend-topic__copy{grid-area:copy;min-width:0}.trend-topic__copy>strong{display:block;color:#f8fafc;font-size:.9rem;line-height:1.25}.trend-topic__hotspot{display:block;margin-top:.55rem;color:#aeb9ca;font-size:.72rem;line-height:1.42}.trend-topic__hotspot small,.trend-topic__detail>span>small,.trend-topic__sites>small{display:block;margin-bottom:.18rem;color:var(--country-accent);font-size:.56rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.trend-topic__detail{position:absolute;z-index:2;top:calc(100% - .25rem);right:-.25rem;left:-.25rem;display:grid;align-content:start;grid-area:detail;gap:.65rem;min-width:min(22rem,calc(100vw - 3rem));border:1px solid color-mix(in srgb,var(--country-accent) 42%,transparent);border-radius:.65rem;background:linear-gradient(180deg,color-mix(in srgb,var(--country-accent) 14%,#111827 86%),#080d18fa);padding:.7rem;box-shadow:0 1.25rem 3rem #00000075;color:#b8c2d4;font-size:.7rem;line-height:1.4;opacity:0;pointer-events:none;transform:translateY(.45rem) scale(.98);transition:opacity .22s ease,transform .22s ease;visibility:hidden}.trend-topic:nth-child(n+9) .trend-topic__detail{top:auto;bottom:calc(100% - .25rem);transform:translateY(-.45rem) scale(.98)}.trend-topic__sites{display:grid;gap:.45rem}.trend-topic__sites a{display:grid;grid-template-columns:3.7rem 1fr;gap:.55rem;align-items:start;border:1px solid rgb(255 255 255 / 10%);border-radius:.55rem;background:#ffffff0d;padding:.45rem;color:#e8eef8;text-decoration:none}.trend-topic__sites a:hover,.trend-topic__sites a:focus-visible{border-color:color-mix(in srgb,var(--country-accent) 60%,transparent);outline:none}.trend-topic__sites em{color:var(--country-accent);font-size:.58rem;font-style:normal;font-weight:900;letter-spacing:.05em}.trend-topic__sites strong{display:block;color:#fff;font-size:.7rem;line-height:1.2}.trend-topic__sites a small{display:block;margin-top:.12rem;color:#8793a7;font-size:.62rem;line-height:1.32}.trend-topic:hover .trend-topic__detail,.trend-topic:focus-within .trend-topic__detail,.trend-topic:focus-visible .trend-topic__detail{opacity:1;pointer-events:auto;transform:translateY(0) scale(1);visibility:visible}.trend-explorer__guide-link{display:inline-flex;align-items:center;gap:.7rem;margin-top:1rem;color:var(--country-accent);font-size:.82rem;font-weight:800;text-decoration:none}.trend-explorer__guide-link span{transition:transform .18s ease}.trend-explorer__guide-link:hover span,.trend-explorer__guide-link:focus-visible span{transform:translate(.15rem,-.15rem)}@keyframes trend-pulse{50%{opacity:.45;transform:scale(.8)}}@keyframes trend-panel-in{0%{opacity:0;transform:translateY(.7rem)}to{opacity:1;transform:translateY(0)}}@media(max-width:1080px){.trend-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trend-topic:nth-child(n+6) .trend-topic__detail{top:calc(100% - .25rem);bottom:auto;transform:translateY(.45rem) scale(.98)}.trend-topic:nth-child(n+9) .trend-topic__detail{top:auto;bottom:calc(100% - .25rem);transform:translateY(-.45rem) scale(.98)}.trend-explorer__stage{min-height:88rem}}@media(max-width:900px){.trend-explorer__heading{display:block}.trend-explorer__status{width:fit-content;margin-top:1.5rem}.trend-explorer__countries{grid-template-columns:1fr}.trend-explorer__canvas{top:13rem;height:24rem}}@media(max-width:640px){.trend-explorer{padding:3.5rem 1rem}.trend-explorer__stage{min-height:116rem;border-radius:1rem}.trend-country{min-height:4.3rem}.trend-country small{white-space:normal}.trend-explorer__panel{padding:.85rem}.trend-explorer__panel-head{display:block}.trend-explorer__panel-head p{max-width:none;margin-top:.65rem;text-align:left}.trend-topic-grid{grid-template-columns:1fr}.trend-topic{min-height:9.2rem}.trend-topic:nth-child(n+9) .trend-topic__detail{top:calc(100% - .25rem);bottom:auto;transform:translateY(.45rem) scale(.98)}}@media(hover:none){.trend-topic__detail{position:static;top:auto;bottom:auto;min-width:0;margin-top:.8rem;opacity:1;pointer-events:auto;transform:none;visibility:visible}}@media(prefers-reduced-motion:reduce){.trend-explorer *,.trend-explorer *:before{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important}}