.exploreHero{position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:linear-gradient(135deg,var(--panel),var(--panel2));min-height:250px;display:flex;align-items:end}
.exploreHero.hasPhoto{min-height:390px;background-position:center;background-size:cover}
.exploreHero.hasPhoto:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,12,24,.15),rgba(5,12,24,.88))}
.exploreHeroInner{position:relative;z-index:1;padding:54px 0 34px;width:100%}
.exploreHero h1{font-size:clamp(34px,6vw,70px);line-height:.98;margin:8px 0 12px;max-width:850px}
.exploreHero p{max-width:760px;font-size:16px;color:var(--muted)}
.exploreHero.hasPhoto h1,.exploreHero.hasPhoto p,.exploreHero.hasPhoto .eyebrow{color:#fff}
.photoCredit{position:absolute;right:16px;bottom:10px;z-index:2;font-size:9px;background:rgba(0,0,0,.55);padding:4px 7px;border-radius:999px;color:#fff;text-decoration:none}
.statGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:-18px;position:relative;z-index:3}
.statCard{border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:16px;box-shadow:0 8px 28px rgba(0,0,0,.08)}
.statCard span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.statCard strong{display:block;font-size:25px;margin-top:5px}
.dashboardGrid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:20px}
.chartCard,.explorePanel{border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:18px;overflow:hidden}
.chartCard h3,.explorePanel h3{margin:0 0 4px}
.chartSub{font-size:11px;color:var(--muted);margin-bottom:14px}
.svgChart{width:100%;height:auto;display:block;overflow:visible}
.chartAxis{stroke:var(--line);stroke-width:1}.chartLine{fill:none;stroke:var(--cyan);stroke-width:3;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.chartArea{fill:var(--cyan);opacity:.08}.chartDot{fill:var(--cyan)}
.chartLabel{fill:var(--muted);font-size:10px}
.barList{display:grid;gap:9px}.barRow{display:grid;grid-template-columns:minmax(105px,1fr) 2fr 52px;gap:9px;align-items:center;font-size:11px}.barTrack{height:8px;background:var(--panel2);border-radius:999px;overflow:hidden}.barFill{height:100%;background:linear-gradient(90deg,#1267f3,#25dfbd);border-radius:999px}.barValue{text-align:right;font-variant-numeric:tabular-nums}
.awarenessSnapshot{display:grid;gap:16px;padding-top:8px}.awarenessSnapshotScore{display:flex;align-items:end;gap:12px}.awarenessSnapshotScore strong{font-size:48px;line-height:.9;color:var(--blue)}.awarenessSnapshotScore span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}.awarenessSnapshotBars{display:grid;gap:10px}.awarenessSnapshotBars>div{display:grid;grid-template-columns:minmax(120px,1fr) 2fr 56px;gap:9px;align-items:center;font-size:11px}.awarenessSnapshotBars i{display:block;height:9px;background:var(--panel2);border-radius:999px;overflow:hidden}.awarenessSnapshotBars u{display:block;height:100%;background:linear-gradient(90deg,#1267f3,#25dfbd);border-radius:999px;text-decoration:none}.awarenessSnapshotBars b{text-align:right}.awarenessSnapshot p{margin:0;font-size:11px}
.exploreMap{height:500px;border-radius:14px;overflow:hidden;border:1px solid var(--line)}
.termCloud{display:flex;flex-wrap:wrap;gap:8px}.termChip{display:inline-flex;gap:6px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:999px;text-decoration:none;color:var(--text);background:var(--panel2);font-size:12px}.termChip b{font-size:10px;color:var(--muted)}
.marketList{display:grid;gap:8px}.marketRow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.marketRow:last-child{border-bottom:0}.marketRow a{font-weight:750;text-decoration:none;color:var(--text)}.marketMeta{font-size:10px;color:var(--muted)}
.exploreActions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.cards.exploreProducts{grid-template-columns:repeat(4,minmax(0,1fr))}
.toolGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.toolCard{display:block;border:1px solid var(--line);border-radius:16px;background:var(--panel);padding:18px;text-decoration:none;color:var(--text)}.toolCard:hover{border-color:var(--cyan)}.toolCard h3{margin:0 0 7px}.toolCard p{margin:0;color:var(--muted);font-size:12px}
.compareControls{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end}.compareControls label{display:grid;gap:5px;font-size:11px;color:var(--muted)}.compareControls select,.compareControls input{width:100%;min-height:42px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);padding:0 10px}.compareGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.compareCard{border:1px solid var(--line);border-radius:16px;background:var(--panel);padding:18px}.compareCard h3{margin-top:0}.compareMetric{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line);font-size:12px}
@media(max-width:900px){.statGrid{grid-template-columns:1fr 1fr}.dashboardGrid{grid-template-columns:1fr}.cards.exploreProducts{grid-template-columns:1fr 1fr}.toolGrid{grid-template-columns:1fr}.compareControls{grid-template-columns:1fr}.compareGrid{grid-template-columns:1fr}}
@media(max-width:560px){.statGrid{grid-template-columns:1fr 1fr}.cards.exploreProducts{grid-template-columns:1fr}.exploreMap{height:390px}.barRow,.awarenessSnapshotBars>div{grid-template-columns:90px 1fr 44px}}