/* ---------- Statistici ---------- */
.stats{background:var(--surface);border-top:1px solid var(--line);padding-block:clamp(56px,9vw,120px);scroll-margin-top:64px}
.st-head{max-width:44rem}
.st-head .display{margin:18px 0 18px;font-size:clamp(2.2rem,5vw,3.6rem)}
.st-note{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;margin:28px 0 0;padding:14px 16px;border:1px dashed var(--heat);border-radius:10px;background:color-mix(in srgb,var(--heat) 8%,var(--surface));font-size:.95rem}
.st-note b{font:500 .74rem/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase}
.kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:40px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.kpi{display:grid;gap:12px;align-content:start;min-width:0;padding:28px clamp(16px,2.4vw,32px) 28px 0}
.kpi+.kpi{border-left:1px solid var(--line);padding-left:clamp(16px,2.4vw,32px)}
.k-l{font:500 .76rem/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.k-v{display:block;font:700 clamp(1.7rem,3.2vw,2.7rem)/1.05 var(--font-display);letter-spacing:-.03em;text-wrap:balance}
.k-v.acc{color:var(--accent)}
.k-v small{margin-left:.25em;font-size:.42em;font-weight:600;letter-spacing:0;color:var(--muted)}
.k-s{color:var(--muted);font-size:.95rem}
.k-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.k-duo span{display:block;color:var(--muted);font-size:.9rem;line-height:1.35}
.panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:52px clamp(32px,6vw,80px);margin-top:56px}
.panel{min-width:0;padding-top:18px;border-top:2px solid var(--fg)}
.panel.wide{grid-column:1/-1}
.panel h3{margin:0;font:600 1.3rem/1.2 var(--font-display);letter-spacing:-.02em}
.p-sub{margin:6px 0 22px;color:var(--muted);font-size:.9rem}
.p-foot{margin:20px 0 0;color:var(--muted);font-size:.92rem}
.p-foot strong{color:var(--fg);font-weight:600}
.big-line{display:flex;align-items:baseline;gap:14px;margin:0 0 22px}
.big-line strong{font:700 clamp(2rem,4vw,3rem)/1 var(--font-display);letter-spacing:-.03em;color:var(--accent)}
.big-line span{color:var(--muted);font-size:.95rem;max-width:20rem}
.bars{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.panel.wide .bars{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px clamp(32px,6vw,80px)}
.b-top{display:flex;justify-content:space-between;gap:12px;margin-bottom:6px;font-size:.95rem}
.b-l{min-width:0}
.b-v{flex:none;font:500 .88rem/1.5 var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap}
.b-n{color:var(--muted)}
.b-track{height:10px;overflow:hidden;border-radius:2px;background:color-mix(in srgb,var(--line) 70%,transparent)}
.b-fill{height:100%;background:color-mix(in srgb,var(--accent) 38%,var(--surface));transform-origin:left;transition:transform .9s cubic-bezier(.2,.8,.2,1)}
.b-fill.pre{transform:scaleX(0)}
.bars li.lead .b-fill{background:var(--accent)}
.bars li.lead .b-l{font-weight:600}
.empty{margin:0;color:var(--muted)}
@media (max-width:900px){
  .panels{grid-template-columns:minmax(0,1fr)}
  .panel.wide .bars{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:720px){
  .kpis{grid-template-columns:minmax(0,1fr)}
  .kpi,.kpi+.kpi{padding:24px 0;border-left:0}
  .kpi+.kpi{border-top:1px solid var(--line)}
}
@media (prefers-reduced-motion:reduce){.b-fill{transition:none}}


/* ---------- Harta ---------- */
.mapsec{padding-block:clamp(56px,9vw,120px);scroll-margin-top:64px;border-top:1px solid var(--line)}
.mp-body{margin-top:36px}
.mp-foot{margin-top:18px;max-width:46rem}
.m-view{position:relative;height:clamp(380px,64vh,640px);overflow:hidden;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--line) 55%,var(--surface));touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}
.m-view.grab{cursor:grabbing}
.m-tiles,.m-svg{position:absolute;inset:0}
.m-tiles{pointer-events:none}
.m-tile{position:absolute;left:0;top:0;width:256px;height:256px;max-width:none;opacity:0;transition:opacity .25s;will-change:transform}
.m-tile.on{opacity:1}
.m-svg{width:100%;height:100%;overflow:hidden}
.m-zone{cursor:pointer;outline:none}
.m-zone circle{transition:fill-opacity .15s}
.m-zone:hover circle,.m-zone:focus circle{fill-opacity:.72}
.m-zone:focus-visible circle{stroke:var(--fg)}
.m-label{font:600 12px/1 var(--font-body);fill:var(--fg);stroke:var(--surface);stroke-width:3.5px;paint-order:stroke;pointer-events:none;stroke-linejoin:round}
.m-tip{position:absolute;z-index:3;display:grid;gap:2px;padding:9px 12px;border-radius:8px;background:var(--fg);color:var(--bg);font-size:.88rem;line-height:1.3;pointer-events:none;box-shadow:0 4px 14px rgb(0 0 0/.25)}
.m-tip strong{font-weight:600}
.m-ctl{position:absolute;z-index:4;top:12px;right:12px;display:grid;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface)}
.m-btn{width:44px;height:44px;border:0;background:transparent;color:var(--fg);font:500 1.5rem/1 var(--font-body);cursor:pointer}
.m-btn+.m-btn{border-top:1px solid var(--line)}
.m-btn:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 12%,var(--surface))}
.m-btn:disabled{opacity:.35;cursor:default}
.m-empty{position:absolute;z-index:2;left:50%;top:50%;translate:-50% -50%;margin:0;padding:12px 16px;max-width:80%;border-radius:8px;background:var(--surface);border:1px solid var(--line);text-align:center;color:var(--muted)}
.m-attr{position:absolute;z-index:2;right:0;bottom:0;margin:0;padding:3px 8px;background:color-mix(in srgb,var(--surface) 82%,transparent);font-size:.7rem;color:var(--muted)}
.m-attr a{color:inherit}
.m-legend{display:flex;align-items:center;gap:12px;margin-top:16px;font:500 .76rem/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.m-grad{flex:0 1 220px;height:10px;border-radius:5px;background:linear-gradient(90deg,hsl(125,72%,44%),hsl(62,72%,46%),hsl(0,72%,44%))}
.m-help{margin:10px 0 0;color:var(--muted);font-size:.9rem}
.m-rank{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(32px,6vw,80px);border-top:1px solid var(--line)}
.m-rank button{display:flex;align-items:center;gap:12px;width:100%;padding:12px 2px;border:0;border-bottom:1px solid var(--line);background:none;color:var(--fg);font:inherit;text-align:left;cursor:pointer}
.m-rank button:hover .m-rn{text-decoration:underline}
.m-dot{flex:none;width:14px;height:14px;border-radius:50%}
.m-rn{flex:1;min-width:0}
.m-rv{flex:none;font:500 .88rem/1.5 var(--font-mono);color:var(--muted)}
@media (max-width:720px){.m-rank{grid-template-columns:minmax(0,1fr)}.m-view{height:clamp(340px,60vh,520px)}}