/* Extracted from index.html for reuse */
:root{
  --bg:#eaf3fb; --ink:#0f172a; --muted:#475569;
  --card:#fff; --border:#e5e7eb; --primary:#1f2a44; --accent:#0b1530;
  --radius:18px; --shadow:0 10px 30px rgba(2,24,58,.08);
}
/* ===== Header / Nav ===== */
.nugget{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  background:rgba(255,255,255,0.9);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-bottom:1px solid var(--border);
  box-shadow:0 2px 4px rgba(0,0,0,.05)
}
.navbar{max-width:1100px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:12px}

/* Left: hamburger */
.burger{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--border);border-radius:14px;background:#fff; cursor: pointer;}
.burger:focus-visible{outline:2px solid #cbd5e1}
.burger .bars{position:relative;width:22px;height:2px;background:var(--ink)}
.burger .bars::before,.burger .bars::after{content:"";position:absolute;left:0;width:22px;height:2px;background:var(--ink)}
.burger .bars::before{top:-6px}.burger .bars::after{top:6px}

/* Right: ecosystem pills */
.ecosys{margin-left:auto;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pill{display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:999px;padding:8px 12px;background:#fff;box-shadow:var(--shadow);text-decoration:none;color:var(--ink);font-weight:800}
.pill img{width:34px;height:34px;border-radius:10px;object-fit:cover;background:#fff}
.pill span{white-space:nowrap}
@media (max-width:900px){ .pill{flex-direction:column;gap:6px;padding:8px 10px} .pill span{font-size:12px} }
@media (max-width:620px){ .pill span{display:none} }

/* Mobile dropdown */
.panel{position:absolute;top:64px;left:0;right:0;background:#fff;border-bottom:1px solid var(--border);box-shadow:0 6px 12px rgba(0,0,0,.06)}
.panel[hidden]{display:none}
.panel-inner{max-width:1100px;margin:0 auto;padding:10px 16px;display:grid;gap:8px}
.panel a{padding:12px;border-radius:12px;text-decoration:none;color:var(--ink);font-weight:700}
.panel a:hover{background:#f8fafc}

.nugget-spacer{height:74px}