:root{
  --bg:#fff;
  --ink:#111827;
  --muted:#6b7280;
  --gold:#D1B571;   /* gold accents */
  --ring:#D1B571;   /* outer stroke */
  --icon:#272B4E;   /* navy */
  --icon-active:#fff;
  --cta:#272B4E;    /* navy buttons */
  --card:#fff;
  --card-border:#e8ebf1;
  --shadow:0 12px 38px rgba(20,27,44,.12);
}
.sectors-section{padding:48px 16px}
.sectors-wrap{max-width:1340px;margin:0 auto;display:grid;gap:128px;
  grid-template-columns:minmax(380px,560px) minmax(300px,1fr);align-items:center}
.wheel{position:relative;width:min(92vw,560px);aspect-ratio:1/1;margin-inline:auto}
.wheel-glass{position:absolute;inset:10%;border-radius:50%;pointer-events:none;z-index:1;
  background: radial-gradient(circle at 50% 50%, #fff 0 28%, #f0f2f6 28% 30%, #fff 30% 100%), repeating-conic-gradient(#fff 0 44deg, #e8ecf2 44deg 46deg);
  box-shadow:inset 0 0 0 1px #edf0f6;}
.wheel-svg{position:absolute;inset:0;z-index:2;width:100%;height:100%;display:block}
.wheel-core{position:absolute;inset:33% auto auto 33%; top:33%; left:33%; width:34%; height:34%; border-radius:50%; background:#fff;
  box-shadow:0 4px 16px rgba(0,0,0,.06), inset 0 0 0 10px #e9edf5; display:grid; place-items:center; z-index:3}
#centerSvg{width:56%;height:auto;display:block}

/* Labels anchored on stroke */
.labels{position:absolute; inset:0; pointer-events:none; z-index:4}
.label-item{position:absolute; left:49%; top:49%; translate:-50% -50%; pointer-events:none;}
.label-item .node{position:absolute; width:14px; height:14px; border-radius:50%; background:#fff; border:2px solid #d9dee9; box-shadow:0 1px 0 rgba(0,0,0,.05); pointer-events:none;}
.label-item .pill{position:absolute; pointer-events:auto;
  background:#fff; color:#272B4E; border:1px solid #e3e8f2; border-radius:999px; padding:.5rem .9rem; font-weight:700;
  box-shadow:var(--shadow); white-space:nowrap; transition:background .15s ease,color .15s ease,border-color .15s ease}
.label-item .pill.active,.label-item .pill:hover{background:var(--gold); border-color:var(--gold); color:#1a1a1a}

/* Panel */
.panel{background:var(--card);border:1px solid var(--card-border);border-radius:14px;padding:18px;box-shadow:var(--shadow);min-height:260px}
.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.arrows{display:flex;gap:6px}
.nav-btn,.close-btn{border:1px solid #e5e9f2;background:#fff;color:#5c6577;width:30px;height:28px;border-radius:6px;cursor:pointer}
.panel-title{margin:6px 0 8px;color:#0f172a;font-size:1.35rem;font-weight:800}
.panel-desc{color:var(--muted);line-height:1.6;margin:0 0 14px}
.stats{display:grid;gap:10px;margin-bottom:14px}
.stat{background:#f7f8fb;border:1px solid #eef1f6;border-radius:10px;padding:12px}
.stat-value{font-weight:800;color:var(--cta)}
.stat-label{color:#5c6577}
.cta{display:inline-block;background:var(--cta);color:#fff;text-decoration:none;padding:12px 14px;border-radius:10px;font-weight:700}

@media (max-width:900px){.sectors-wrap{grid-template-columns:1fr}.panel{order:2}.wheel{order:1}}
@media (max-width:860px){ .labels{ display:none; } }